Update Timeline, add new ui promo in timelines that can be hidden using localstorage

This commit is contained in:
Daniel Supernault 2021-12-28 19:35:37 -07:00
parent 07a20e578c
commit e13959ae45
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7

View file

@ -20,6 +20,18 @@
</div> </div>
<div :data-status-id="status.id" v-for="(status, index) in feed" :key="`feed-${index}-${status.id}`"> <div :data-status-id="status.id" v-for="(status, index) in feed" :key="`feed-${index}-${status.id}`">
<div v-if="index == 1 && !loading && showPromo" class="">
<div class="card rounded-0 shadow-none border border-top-0 py-5">
<div class="card-body p-5 my-5">
<h1>A New Experience Awaits</h1>
<p class="lead">Try out an early release of our upcoming design</p>
<p class="mb-0 d-flex align-items-center">
<a class="btn btn-primary font-weight-bold py-1 px-4 rounded-pill mr-4" href="/i/web">Try new UI</a>
<a class="font-weight-bold text-muted" href="/" @click.prevent="hidePromo()">Hide</a>
</p>
</div>
</div>
</div>
<!-- <div v-if="index == 0 && showTips && !loading" class="my-4 card-tips"> <!-- <div v-if="index == 0 && showTips && !loading" class="my-4 card-tips">
<announcements-card v-on:show-tips="showTips = $event"></announcements-card> <announcements-card v-on:show-tips="showTips = $event"></announcements-card>
</div> --> </div> -->
@ -509,7 +521,8 @@
recentFeedMax: null, recentFeedMax: null,
reactionBar: true, reactionBar: true,
emptyFeed: false, emptyFeed: false,
filters: [] filters: [],
showPromo: false,
} }
}, },
@ -527,6 +540,10 @@
el.setAttribute('data-stylesheet', 'dark'); el.setAttribute('data-stylesheet', 'dark');
}*/ }*/
if(this.config.ab.spa === true) {
this.showPromo = localStorage.getItem('pf_metro_ui.exp.spa') == 'false' ? false : true;
}
if(localStorage.getItem('pf_metro_ui.exp.rec') == 'false') { if(localStorage.getItem('pf_metro_ui.exp.rec') == 'false') {
this.showSuggestions = false; this.showSuggestions = false;
} else { } else {
@ -1067,6 +1084,11 @@
return s; return s;
}); });
}, },
hidePromo() {
localStorage.setItem('pf_metro_ui.exp.spa', 'false');
this.showPromo = false;
}
}, },
beforeDestroy () { beforeDestroy () {