hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

working prototype

Browse source
This commit is contained in:
Henry Jameson 2025-11-24 20:05:38 +02:00
commit 7c57be22e4
15 changed files with 266 additions and 215 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/settings_modal/tabs/appearance_tab.scss
View file

@ -1,4 +1,8 @@
.appearance-tab {
h3 {
border: none
}
.palette,
.theme-notice {
padding: 0.5em;
@ -10,14 +14,6 @@
padding-bottom: 0.5em;
}
h4 {
margin: 2em 0;
line-height: 1.5;
}
h5 {
display: block;
}
input[type="file"] {
padding: 0.25em;

5
src/components/settings_modal/tabs/data_import_export_tab.scss Normal file
View file

@ -0,0 +1,5 @@
.data-import-export-tab {
h3 {
margin-right: -2em;
}
}

17
src/components/settings_modal/tabs/data_import_export_tab.vue
View file

@ -1,9 +1,10 @@
<template>
<div
class="data-import-export-tab"
:label="$t('settings.data_import_export_tab')"
>
<div class="setting-item">
<h2>{{ $t('settings.follow_import') }}</h2>
<h3>{{ $t('settings.follow_import') }}</h3>
<p>{{ $t('settings.import_followers_from_a_csv_file') }}</p>
<Importer
:submit-handler="importFollows"
@ -12,7 +13,7 @@
/>
</div>
<div class="setting-item">
<h2>{{ $t('settings.follow_export') }}</h2>
<h3>{{ $t('settings.follow_export') }}</h3>
<Exporter
:get-content="getFollowsContent"
filename="friends.csv"
@ -20,7 +21,7 @@
/>
</div>
<div class="setting-item">
<h2>{{ $t('settings.block_import') }}</h2>
<h3>{{ $t('settings.block_import') }}</h3>
<p>{{ $t('settings.import_blocks_from_a_csv_file') }}</p>
<Importer
:submit-handler="importBlocks"
@ -29,7 +30,7 @@
/>
</div>
<div class="setting-item">
<h2>{{ $t('settings.block_export') }}</h2>
<h3>{{ $t('settings.block_export') }}</h3>
<Exporter
:get-content="getBlocksContent"
filename="blocks.csv"
@ -37,7 +38,7 @@
/>
</div>
<div class="setting-item">
<h2>{{ $t('settings.mute_import') }}</h2>
<h3>{{ $t('settings.mute_import') }}</h3>
<p>{{ $t('settings.import_mutes_from_a_csv_file') }}</p>
<Importer
:submit-handler="importMutes"
@ -46,7 +47,7 @@
/>
</div>
<div class="setting-item">
<h2>{{ $t('settings.mute_export') }}</h2>
<h3>{{ $t('settings.mute_export') }}</h3>
<Exporter
:get-content="getMutesContent"
filename="mutes.csv"
@ -54,7 +55,7 @@
/>
</div>
<div class="setting-item">
<h2>{{ $t('settings.account_backup') }}</h2>
<h3>{{ $t('settings.account_backup') }}</h3>
<p>{{ $t('settings.account_backup_description') }}</p>
<table>
<thead>
@ -128,4 +129,4 @@
</template>
<script src="./data_import_export_tab.js"></script>
<!-- <style lang="scss" src="./profile.scss"></style> -->
<style lang="scss" src="./data_import_export_tab.scss"></style>

12
src/components/settings_modal/tabs/developer_tab.js
View file

@ -1,3 +1,9 @@
import BooleanSetting from '../helpers/boolean_setting.vue'
import SharedComputedObject from '../helpers/shared_computed_object.js'
import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
const pleromaFeCommitUrl = 'https://git.pleroma.social/pleroma/pleroma-fe/commit/'
const VersionTab = {
@ -9,10 +15,14 @@ const VersionTab = {
frontendVersion: instance.frontendVersion
}
},
components: {
BooleanSetting
},
computed: {
frontendVersionLink () {
return pleromaFeCommitUrl + this.frontendVersion
}
},
...SharedComputedObject(),
}
}

10
src/components/settings_modal/tabs/developer_tab.scss Normal file
View file

@ -0,0 +1,10 @@
.developer-tab {
dt {
font-weight: 900;
}
dd {
margin-top: 0.5em;
margin-bottom: 1em;
}
}

54
src/components/settings_modal/tabs/developer_tab.vue
View file

@ -1,32 +1,31 @@
<template>
<div :label="$t('settings.developer')">
<div class="setting-item">
<ul class="setting-list">
<li>
<p>{{ $t('settings.version.backend_version') }}</p>
<ul class="option-list">
<li>
<a
:href="backendRepository"
target="_blank"
>{{ backendVersion }}</a>
</li>
</ul>
</li>
<li>
<p>{{ $t('settings.version.frontend_version') }}</p>
<ul class="option-list">
<li>
<a
:href="frontendVersionLink"
target="_blank"
>{{ frontendVersion }}</a>
</li>
</ul>
</li>
</ul>
</div>
<div
:label="$t('settings.developer')"
class="developer-tab"
>
<div class="setting-item">
<h3>{{ $t('settings.version.title')}}</h3>
<dl class="setting-list">
<dt>{{ $t('settings.version.backend_version') }}</dt>
<dd>
<a
:href="backendRepository"
target="_blank"
>
{{ backendVersion }}
</a>
</dd>
<dt>{{ $t('settings.version.frontend_version') }}</dt>
<dd>
<a
:href="frontendVersionLink"
target="_blank"
>
{{ frontendVersion }}
</a>
</dd>
</dl>
<h3>{{ $t('settings.debug')}}</h3>
<ul class="setting-list">
<li>
<BooleanSetting path="virtualScrolling">
@ -70,3 +69,4 @@
</div>
</template>
<script src="./developer_tab.js" />
<style lang="scss" src="./developer_tab.scss"></style>

8
src/components/settings_modal/tabs/posts_tab.vue
View file

@ -233,9 +233,11 @@
{{ $t('settings.use_contain_fit') }}
</BooleanSetting>
</li>
<h3 v-if="expertLevel > 0">
{{ $t('settings.fun') }}
</h3>
</ul>
<h3 v-if="expertLevel > 0">
{{ $t('settings.fun') }}
</h3>
<ul class="setting-list">
<li v-if="user">
<BooleanSetting
path="mentionLinkShowYous"

4
src/components/settings_modal/tabs/profile_tab.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="profile-tab">
<div class="setting-item profile-edit">
<h2>{{ $t('settings.account_profile_edit') }}</h2>
<h3>{{ $t('settings.account_profile_edit') }}</h3>
<UserCard
:user-id="user.id"
:editable="true"
@ -9,7 +9,7 @@
/>
</div>
<div class="setting-item">
<h2>{{ $t('settings.account_privacy') }}</h2>
<h3>{{ $t('settings.account_privacy') }}</h3>
<ul class="setting-list">
<li>
<Checkbox v-model="locked">