UA-Fediland/pixelfed
2
0
Fork 0
mirror of https://github.com/pixelfed/pixelfed.git synced 2024-11-26 08:13:16 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update Timeline component

Browse source
This commit is contained in:
Daniel Supernault 2019-06-09 22:00:48 -06:00
parent 1e541e34ee
commit e71d0e711f
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
1 changed files with 1 additions and 68 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

69
resources/assets/js/components/Timeline.vue
View file

@ -223,7 +223,7 @@
<p class="my-0 text-muted pb-0">{{profile.display_name || 'loading...'}}</p> <p class="my-0 text-muted pb-0">{{profile.display_name || 'loading...'}}</p>
</div> </div>
<div class="ml-2"> <div class="ml-2">
<a :class="[optionMenuState == true ? 'text-primary' :'text-muted']" v-on:click="toggleOptionsMenu()"><i class="fas fa-cog fa-lg"></i></a> <a class="text-muted" href="/settings/home"><i class="fas fa-cog fa-lg"></i></a>
</div> </div>
</div> </div>
</div> </div>
@ -247,28 +247,6 @@
</div> </div>
</div> </div>
<div v-if="optionMenuState == true" class="mb-4">
<div class="card options-card">
<div class="card-body small">
<div v-if="profile.is_admin" class="custom-control custom-switch mb-3">
<input type="checkbox" class="custom-control-input" id="mode-mod" v-on:click="modeModToggle()" v-model="modes.mod">
<label class="custom-control-label font-weight-bold" for="mode-mod">Moderator Mode</label>
</div>
<!-- <div class="custom-control custom-switch mb-3">
<input type="checkbox" class="custom-control-input" id="mode-notify" v-on:click="modeNotifyToggle()" v-model="!modes.notify">
<label class="custom-control-label font-weight-bold" for="mode-notify">Disable Notifications</label>
</div> -->
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="mode-infinite" v-on:click="modeInfiniteToggle()" v-model="modes.infinite">
<label class="custom-control-label font-weight-bold" for="mode-infinite">Enable Infinite Scroll</label>
</div>
<hr>
<p class="font-weight-bold">BETA FEATURES</p>
<div class="alert alert-primary font-weight-bold text-center">Experimental features have been moved to the <a href="/settings/labs">Labs</a> settings page.</div>
</div>
</div>
</div>
<div v-show="modes.notify == true" class="mb-4"> <div v-show="modes.notify == true" class="mb-4">
<notification-card></notification-card> <notification-card></notification-card>
</div> </div>
@ -447,12 +425,10 @@
loading: true, loading: true,
replies: [], replies: [],
replyId: null, replyId: null,
optionMenuState: false,
modes: { modes: {
'mod': false, 'mod': false,
'dark': false, 'dark': false,
'notify': true, 'notify': true,
'infinite': true,
'distractionFree': false 'distractionFree': false
}, },
followers: [], followers: [],
@ -932,49 +908,6 @@
} }
}, },
toggleOptionsMenu() {
this.optionMenuState = !this.optionMenuState;
},
modeModToggle() {
this.modes.mod = !this.modes.mod;
//window.ls.set('pixelfed-classicui-settings', this.modes);
},
modeNotifyToggle() {
this.modes.notify = !this.modes.notify;
//window.ls.set('pixelfed-classicui-settings', this.modes);
},
modeDarkToggle() {
// todo: more graceful stylesheet change
if(this.modes.dark == true) {
axios.post('/i/metro/dark-mode', {
mode: 'light'
}).then(res => {
$('link[data-stylesheet=dark]')
.attr('data-stylesheet', 'light')
.attr('href', '/css/app.css?v=' + Date.now());
this.modes.dark = false;
});
} else {
axios.post('/i/metro/dark-mode', {
mode: 'dark'
}).then(res => {
$('link[data-stylesheet=light]')
.attr('data-stylesheet', 'dark')
.attr('href', '/css/appdark.css?v=' + Date.now());
this.modes.dark = true;
});
}
//window.ls.set('pixelfed-classicui-settings', this.modes);
},
modeInfiniteToggle() {
this.modes.infinite = !this.modes.infinite
//window.ls.set('pixelfed-classicui-settings', this.modes);
},
followingModal() { followingModal() {
if(this.following.length > 0) { if(this.following.length > 0) {
this.$refs.followingModal.show(); this.$refs.followingModal.show();