forked from AkkomaGang/akkoma-fe
Unify notice timelines to make changes easier.
This commit is contained in:
parent
51294082e0
commit
a4c58aab13
6 changed files with 26 additions and 40 deletions
|
@ -1,10 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="timeline panel panel-default">
|
<Timeline :title="'Friends'" v-bind:timeline="timeline" v-bind:timeline-name="'friends'"/>
|
||||||
<div class="panel-heading base01-background base04">Friends Timeline</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<Timeline v-bind:timeline="timeline" v-bind:timeline-name="'friends'"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script src="./friends_timeline.js"></script>
|
<script src="./friends_timeline.js"></script>
|
||||||
|
|
|
@ -1,10 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="timeline panel panel-default">
|
<Timeline :title="'Mentions'" v-bind:timeline="timeline" v-bind:timeline-name="'mentions'"/>
|
||||||
<div class="panel-heading base01-background base04">Mentions</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<Timeline v-bind:timeline="timeline" v-bind:timeline-name="'mentions'"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script src="./mentions.js"></script>
|
<script src="./mentions.js"></script>
|
||||||
|
|
|
@ -1,10 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="timeline panel panel-default">
|
<Timeline :title="'THE WHOLE KNOWN NETWORK'"v-bind:timeline="timeline" v-bind:timeline-name="'publicAndExternal'"/>
|
||||||
<div class="panel-heading base01-background base04">THE WHOLE KNOWN NETWORK</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<Timeline v-bind:timeline="timeline" v-bind:timeline-name="'publicAndExternal'"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script src="./public_and_external_timeline.js"></script>
|
<script src="./public_and_external_timeline.js"></script>
|
||||||
|
|
|
@ -1,10 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="timeline panel panel-default">
|
<Timeline :title="'Public Timeline'" v-bind:timeline="timeline" v-bind:timeline-name="'public'"/>
|
||||||
<div class="panel-heading base01-background base04">Public Timeline</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<Timeline v-bind:timeline="timeline" v-bind:timeline-name="'public'"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script src="./public_timeline.js"></script>
|
<script src="./public_timeline.js"></script>
|
||||||
|
|
|
@ -5,7 +5,8 @@ import StatusOrConversation from '../status_or_conversation/status_or_conversati
|
||||||
const Timeline = {
|
const Timeline = {
|
||||||
props: [
|
props: [
|
||||||
'timeline',
|
'timeline',
|
||||||
'timelineName'
|
'timelineName',
|
||||||
|
'title'
|
||||||
],
|
],
|
||||||
components: {
|
components: {
|
||||||
Status,
|
Status,
|
||||||
|
|
|
@ -1,4 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
|
<div class="timeline panel panel-default">
|
||||||
|
<div class="panel-heading base01-background base04">{{title}}</div>
|
||||||
|
<div class="panel-body">
|
||||||
<div class="timeline">
|
<div class="timeline">
|
||||||
<a href="#" v-on:click.prevent='showNewStatuses()' v-if="timeline.newStatusCount > 0">
|
<a href="#" v-on:click.prevent='showNewStatuses()' v-if="timeline.newStatusCount > 0">
|
||||||
<div class="base01-background base05-border new-status-notification">
|
<div class="base01-background base05-border new-status-notification">
|
||||||
|
@ -16,6 +19,8 @@
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script src="./timeline.js"></script>
|
<script src="./timeline.js"></script>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue