sendnrw/misskey
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use v-slot instead of slot

Browse Source
This commit is contained in:
syuilo
2019-02-18 09:48:00 +09:00
parent ba1492f977
commit 54d40420ad
96 changed files with 291 additions and 283 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/client/app/desktop/views/components/activity.vue
View File

@@ -1,8 +1,8 @@
<template>
<div class="mk-activity">
<ui-container :show-header="design == 0" :naked="design == 2">
<template slot="header"><fa icon="chart-bar"/>{{ $t('title') }}</template>
<button slot="func" :title="$t('toggle')" @click="toggle"><fa icon="sort"/></button>
<template v-slot:header><fa icon="chart-bar"/>{{ $t('title') }}</template>
<template v-slot:func><button :title="$t('toggle')" @click="toggle"><fa icon="sort"/></button></template>
<p :class="$style.fetching" v-if="fetching"><fa icon="spinner" pulse fixed-width/>{{ $t('@.loading') }}<mk-ellipsis/></p>
<template v-else>

10
src/client/app/desktop/views/components/choose-file-from-drive-window.vue
View File

@@ -1,9 +1,11 @@
<template>
<mk-window ref="window" is-modal width="800px" height="500px" @closed="destroyDom">
<span slot="header" class="jqiaciqv">
<span class="title">{{ $t('choose-prompt') }}</span>
<span class="count" v-if="multiple && files.length > 0">({{ $t('chosen-files', { count: files.length }) }})</span>
</span>
<template v-slot:header>
<span class="jqiaciqv">
<span class="title">{{ $t('choose-prompt') }}</span>
<span class="count" v-if="multiple && files.length > 0">({{ $t('chosen-files', { count: files.length }) }})</span>
</span>
</template>
<div class="rqsvbumu">
<x-drive

4
src/client/app/desktop/views/components/choose-folder-from-drive-window.vue
View File

@@ -1,8 +1,8 @@
<template>
<mk-window ref="window" is-modal width="800px" height="500px" @closed="destroyDom">
<span slot="header">
<template v-slot:header>
<span>{{ $t('choose-prompt') }}</span>
</span>
</template>
<div class="hllkpxxu">
<x-drive

2
src/client/app/desktop/views/components/crop-window.vue
View File

@@ -1,6 +1,6 @@
<template>
<mk-window ref="window" is-modal width="800px" :can-close="false">
<span slot="header"><fa icon="crop"/>{{ title }}</span>
<template v-slot:header><fa icon="crop"/>{{ title }}</template>
<div class="body">
<vue-cropper ref="cropper"
:src="image.url"

2
src/client/app/desktop/views/components/drive-window.vue
View File

@@ -1,6 +1,6 @@
<template>
<mk-window ref="window" @closed="destroyDom" width="800px" height="500px" :popout-url="popout">
<template slot="header">
<template v-slot:header>
<p v-if="usage" :class="$style.info"><b>{{ usage.toFixed(1) }}%</b> {{ $t('used') }}</p>
<span :class="$style.title"><fa icon="cloud"/>{{ $t('@.drive') }}</span>
</template>

6
src/client/app/desktop/views/components/game-window.vue
View File

@@ -1,6 +1,6 @@
<template>
<mk-window ref="window" width="500px" height="560px" :popout-url="popout" @closed="destroyDom">
<span slot="header" :class="$style.header"><fa icon="gamepad"/>{{ $t('game') }}</span>
<template v-slot:header><fa icon="gamepad"/> {{ $t('game') }}</template>
<x-reversi :class="$style.content" @gamed="g => game = g"/>
</mk-window>
</template>
@@ -31,10 +31,6 @@ export default Vue.extend({
</script>
<style lang="stylus" module>
.header
> [data-icon]
margin-right 4px
.content
height 100%
overflow auto

6
src/client/app/desktop/views/components/messaging-room-window.vue
View File

@@ -1,6 +1,6 @@
<template>
<mk-window ref="window" width="500px" height="560px" :popout-url="popout" @closed="destroyDom">
<span slot="header" :class="$style.header"><fa icon="comments"/>{{ $t('title') }} <mk-user-name :user="user"/></span>
<template v-slot:header><fa icon="comments"/> {{ $t('title') }} <mk-user-name :user="user"/></template>
<x-messaging-room :user="user" :class="$style.content"/>
</mk-window>
</template>
@@ -26,10 +26,6 @@ export default Vue.extend({
</script>
<style lang="stylus" module>
.header
> [data-icon]
margin-right 4px
.content
height 100%
overflow auto

2
src/client/app/desktop/views/components/messaging-window.vue
View File

@@ -1,6 +1,6 @@
<template>
<mk-window ref="window" width="500px" height="560px" @closed="destroyDom">
<span slot="header" :class="$style.header"><fa icon="comments"/>{{ $t('title') }}</span>
<template v-slot:header :class="$style.header"><fa icon="comments"/>{{ $t('title') }}</template>
<x-messaging :class="$style.content" @navigate="navigate"/>
</mk-window>
</template>

16
src/client/app/desktop/views/components/post-form-window.vue
View File

@@ -1,12 +1,14 @@
<template>
<mk-window class="mk-post-form-window" ref="window" is-modal @closed="onWindowClosed" :animation="animation">
<span slot="header" class="mk-post-form-window--header">
<span class="icon" v-if="geo"><fa icon="map-marker-alt"/></span>
<span v-if="!reply">{{ $t('note') }}</span>
<span v-if="reply">{{ $t('reply') }}</span>
<span class="count" v-if="files.length != 0">{{ this.$t('attaches').replace('{}', files.length) }}</span>
<span class="count" v-if="uploadings.length != 0">{{ this.$t('uploading-media').replace('{}', uploadings.length) }}<mk-ellipsis/></span>
</span>
<template v-slot:header>
<span class="mk-post-form-window--header">
<span class="icon" v-if="geo"><fa icon="map-marker-alt"/></span>
<span v-if="!reply">{{ $t('note') }}</span>
<span v-if="reply">{{ $t('reply') }}</span>
<span class="count" v-if="files.length != 0">{{ this.$t('attaches').replace('{}', files.length) }}</span>
<span class="count" v-if="uploadings.length != 0">{{ this.$t('uploading-media').replace('{}', uploadings.length) }}<mk-ellipsis/></span>
</span>
</template>
<div class="mk-post-form-window--body">
<mk-note-preview v-if="reply" class="notePreview" :note="reply"/>

2
src/client/app/desktop/views/components/progress-dialog.vue
View File

@@ -1,6 +1,6 @@
<template>
<mk-window ref="window" :is-modal="false" :can-close="false" width="500px" @closed="destroyDom">
<span slot="header">{{ title }}<mk-ellipsis/></span>
<template v-slot:header>{{ title }}<mk-ellipsis/></template>
<div :class="$style.body">
<p :class="$style.init" v-if="isNaN(value)">{{ $t('waiting') }}<mk-ellipsis/></p>
<p :class="$style.percentage" v-if="!isNaN(value)">{{ Math.floor((value / max) * 100) }}</p>

2
src/client/app/desktop/views/components/received-follow-requests-window.vue
View File

@@ -1,6 +1,6 @@
<template>
<mk-window ref="window" is-modal width="450px" height="500px" @closed="destroyDom">
<span slot="header"><fa :icon="['far', 'envelope']"/> {{ $t('title') }}</span>
<template v-slot:header><fa :icon="['far', 'envelope']"/> {{ $t('title') }}</template>
<div class="slpqaxdoxhvglersgjukmvizkqbmbokc">
<div v-for="req in requests">

2
src/client/app/desktop/views/components/renote-form-window.vue
View File

@@ -1,6 +1,6 @@
<template>
<mk-window ref="window" is-modal @closed="onWindowClosed" :animation="animation">
<span slot="header" :class="$style.header"><fa icon="retweet"/>{{ $t('title') }}</span>
<template v-slot:header :class="$style.header"><fa icon="retweet"/>{{ $t('title') }}</template>
<mk-renote-form ref="form" :note="note" @posted="onPosted" @canceled="onCanceled" v-hotkey.global="keymap"/>
</mk-window>
</template>

2
src/client/app/desktop/views/components/settings-window.vue
View File

@@ -1,6 +1,6 @@
<template>
<mk-window ref="window" is-modal width="700px" height="550px" @closed="destroyDom">
<span slot="header" :class="$style.header"><fa icon="cog"/>{{ $t('settings') }}</span>
<template v-slot:header :class="$style.header"><fa icon="cog"/>{{ $t('settings') }}</template>
<x-settings :initial-page="initialPage" @done="close"/>
</mk-window>
</template>

40
src/client/app/desktop/views/components/settings.vue
View File

@@ -22,17 +22,17 @@
<x-theme class="theme" v-show="page == 'theme'"/>
<ui-card class="web" v-show="page == 'web'">
<div slot="title"><fa icon="sliders-h"/> {{ $t('behaviour') }}</div>
<template v-slot:title><fa icon="sliders-h"/> {{ $t('behaviour') }}</template>
<section>
<ui-switch v-model="fetchOnScroll">{{ $t('fetch-on-scroll') }}
<span slot="desc">{{ $t('fetch-on-scroll-desc') }}</span>
<template v-slot:desc>{{ $t('fetch-on-scroll-desc') }}</template>
</ui-switch>
<ui-switch v-model="autoPopout">{{ $t('auto-popout') }}
<span slot="desc">{{ $t('auto-popout-desc') }}</span>
<template v-slot:desc>{{ $t('auto-popout-desc') }}</template>
</ui-switch>
<ui-switch v-model="keepCw">{{ $t('keep-cw') }}
<span slot="desc">{{ $t('keep-cw-desc') }}</span>
<template v-slot:desc>{{ $t('keep-cw-desc') }}</template>
</ui-switch>
</section>
@@ -62,12 +62,12 @@
<section>
<header>{{ $t('web-search-engine') }}</header>
<ui-input v-model="webSearchEngine">{{ $t('web-search-engine') }}<span slot="desc">{{ $t('web-search-engine-desc') }}</span></ui-input>
<ui-input v-model="webSearchEngine">{{ $t('web-search-engine') }}<template v-slot:desc>{{ $t('web-search-engine-desc') }}</template></ui-input>
</section>
</ui-card>
<ui-card class="web" v-show="page == 'web'">
<div slot="title"><fa icon="desktop"/> {{ $t('display') }}</div>
<template v-slot:title><fa icon="desktop"/> {{ $t('display') }}</template>
<section>
<ui-switch v-model="showPostFormOnTopOfTl">{{ $t('post-form-on-timeline') }}</ui-switch>
@@ -135,11 +135,11 @@
</ui-card>
<ui-card class="web" v-show="page == 'web'">
<div slot="title"><fa icon="volume-up"/> {{ $t('sound') }}</div>
<template v-slot:title><fa icon="volume-up"/> {{ $t('sound') }}</template>
<section>
<ui-switch v-model="enableSounds">{{ $t('enable-sounds') }}
<span slot="desc">{{ $t('enable-sounds-desc') }}</span>
<template v-slot:desc>{{ $t('enable-sounds-desc') }}</template>
</ui-switch>
<label>{{ $t('volume') }}</label>
<input type="range"
@@ -155,7 +155,7 @@
<x-language-settings v-show="page == 'web'"/>
<ui-card class="web" v-show="page == 'web'">
<div slot="title"><fa :icon="['far', 'trash-alt']"/> {{ $t('cache') }}</div>
<template v-slot:title><fa :icon="['far', 'trash-alt']"/> {{ $t('cache') }}</template>
<section>
<ui-button @click="clean">{{ $t('clean-cache') }}</ui-button>
<div class="none ui info warn">
@@ -171,7 +171,7 @@
</div>
<ui-card class="hashtags" v-show="page == 'hashtags'">
<div slot="title"><fa icon="hashtag"/> {{ $t('tags') }}</div>
<template v-slot:title><fa icon="hashtag"/> {{ $t('tags') }}</template>
<section>
<x-tags/>
</section>
@@ -182,28 +182,28 @@
</div>
<ui-card class="apps" v-show="page == 'apps'">
<div slot="title"><fa icon="puzzle-piece"/> {{ $t('apps') }}</div>
<template v-slot:title><fa icon="puzzle-piece"/> {{ $t('apps') }}</template>
<section>
<x-apps/>
</section>
</ui-card>
<ui-card class="password" v-show="page == 'security'">
<div slot="title"><fa icon="unlock-alt"/> {{ $t('password') }}</div>
<template v-slot:title><fa icon="unlock-alt"/> {{ $t('password') }}</template>
<section>
<x-password-settings/>
</section>
</ui-card>
<ui-card class="2fa" v-show="page == 'security'">
<div slot="title"><fa icon="mobile-alt"/> {{ $t('@.2fa') }}</div>
<template v-slot:title><fa icon="mobile-alt"/> {{ $t('@.2fa') }}</template>
<section>
<x-2fa/>
</section>
</ui-card>
<ui-card class="signin" v-show="page == 'security'">
<div slot="title"><fa icon="sign-in-alt"/> {{ $t('signin') }}</div>
<template v-slot:title><fa icon="sign-in-alt"/> {{ $t('signin') }}</template>
<section>
<x-signins/>
</section>
@@ -214,14 +214,14 @@
</div>
<ui-card class="other" v-show="page == 'other'">
<div slot="title"><fa icon="info-circle"/> {{ $t('about') }}</div>
<template v-slot:title><fa icon="info-circle"/> {{ $t('about') }}</template>
<section>
<p v-if="meta">{{ $t('operator') }}: <i><a :href="'mailto:' + meta.maintainer.email" target="_blank">{{ meta.maintainer.name }}</a></i></p>
</section>
</ui-card>
<ui-card class="other" v-show="page == 'other'">
<div slot="title"><fa icon="sync-alt"/> {{ $t('update') }}</div>
<template v-slot:title><fa icon="sync-alt"/> {{ $t('update') }}</template>
<section>
<p>
<span>{{ $t('version') }} <i>{{ version }}</i></span>
@@ -237,20 +237,20 @@
<details>
<summary>{{ $t('update-settings') }}</summary>
<ui-switch v-model="preventUpdate">
{{ $t('prevent-update') }}<span slot="desc">{{ $t('prevent-update-desc') }}</span>
{{ $t('prevent-update') }}<template v-slot:desc>{{ $t('prevent-update-desc') }}</template>
</ui-switch>
</details>
</section>
</ui-card>
<ui-card class="other" v-show="page == 'other'">
<div slot="title"><fa icon="cogs"/> {{ $t('advanced-settings') }}</div>
<template v-slot:title><fa icon="cogs"/> {{ $t('advanced-settings') }}</template>
<section>
<ui-switch v-model="debug">
{{ $t('debug-mode') }}<span slot="desc">{{ $t('debug-mode-desc') }}</span>
{{ $t('debug-mode') }}<template v-slot:desc>{{ $t('debug-mode-desc') }}</template>
</ui-switch>
<ui-switch v-model="enableExperimentalFeatures">
{{ $t('experimental') }}<span slot="desc">{{ $t('experimental-desc') }}</span>
{{ $t('experimental') }}<template v-slot:desc>{{ $t('experimental-desc') }}</template>
</ui-switch>
</section>
</ui-card>

2
src/client/app/desktop/views/components/user-list-timeline.vue
View File

@@ -1,7 +1,7 @@
<template>
<div>
<mk-notes ref="timeline" :make-promise="makePromise" @inited="() => $emit('loaded')">
<template slot="header">
<template v-slot:header>
<slot></slot>
</template>
</mk-notes>

2
src/client/app/desktop/views/components/user-list-window.vue
View File

@@ -1,6 +1,6 @@
<template>
<mk-window ref="window" width="450px" height="500px" @closed="destroyDom">
<span slot="header"><fa icon="list"/> {{ list.title }}</span>
<template v-slot:header><fa icon="list"/> {{ list.title }}</template>
<x-editor :list="list"/>
</mk-window>

2
src/client/app/desktop/views/components/user-lists-window.vue
View File

@@ -1,6 +1,6 @@
<template>
<mk-window ref="window" width="450px" height="500px" @closed="destroyDom">
<span slot="header"><fa icon="list"/> {{ $t('title') }}</span>
<template v-slot:header><fa icon="list"/> {{ $t('title') }}</template>
<div class="xkxvokkjlptzyewouewmceqcxhpgzprp">
<button class="ui" @click="add">{{ $t('create-list') }}</button>

2
src/client/app/desktop/views/deck/deck.column.vue
View File

@@ -14,7 +14,7 @@
<template v-if="active"><fa icon="angle-up"/></template>
<template v-else><fa icon="angle-down"/></template>
</button>
<slot name="header"></slot>
<span><slot name="header"></slot></span>
<span class="count" v-if="count > 0">({{ count }})</span>
<button v-if="!isTemporaryColumn" class="menu" ref="menu" @click.stop="showMenu"><fa icon="caret-down"/></button>
<button v-else class="close" @click.stop="close"><fa icon="times"/></button>

2
src/client/app/desktop/views/deck/deck.direct-column.vue
View File

@@ -1,6 +1,6 @@
<template>
<x-column :name="name" :column="column" :is-stacked="isStacked">
<span slot="header"><fa :icon="['far', 'envelope']"/>{{ name }}</span>
<template v-slot:header><fa :icon="['far', 'envelope']"/>{{ name }}</template>
<x-direct/>
</x-column>

4
src/client/app/desktop/views/deck/deck.explore-column.vue
View File

@@ -1,8 +1,8 @@
<template>
<x-column>
<span slot="header">
<template v-slot:header>
<fa :icon="faHashtag"/>{{ $t('@.explore') }}
</span>
</template>
<div>
<x-explore v-bind="$attrs"/>

4
src/client/app/desktop/views/deck/deck.favorites-column.vue
View File

@@ -1,8 +1,8 @@
<template>
<x-column>
<span slot="header">
<template v-slot:header>
<fa :icon="['fa', 'star']"/>{{ $t('favorites') }}
</span>
</template>
<div>
<x-notes ref="timeline" :make-promise="makePromise" @inited="() => $emit('loaded')"/>

4
src/client/app/desktop/views/deck/deck.featured-column.vue
View File

@@ -1,8 +1,8 @@
<template>
<x-column>
<span slot="header">
<template v-slot:header>
<fa :icon="faNewspaper"/>{{ $t('@.featured-notes') }}
</span>
</template>
<div>
<x-notes ref="timeline" :make-promise="makePromise" @inited="() => $emit('loaded')"/>

4
src/client/app/desktop/views/deck/deck.hashtag-column.vue
View File

@@ -1,8 +1,8 @@
<template>
<x-column>
<span slot="header">
<template v-slot:header>
<fa icon="hashtag"/><span>{{ tag }}</span>
</span>
</template>
<div class="xroyrflcmhhtmlwmyiwpfqiirqokfueb">
<div ref="chart" class="chart"></div>

2
src/client/app/desktop/views/deck/deck.mentions-column.vue
View File

@@ -1,6 +1,6 @@
<template>
<x-column :name="name" :column="column" :is-stacked="isStacked">
<span slot="header"><fa icon="at"/>{{ name }}</span>
<template v-slot:header><fa icon="at"/>{{ name }}</template>
<x-mentions ref="tl"/>
</x-column>

4
src/client/app/desktop/views/deck/deck.note-column.vue
View File

@@ -1,8 +1,8 @@
<template>
<x-column>
<span slot="header">
<template v-slot:header>
<fa :icon="['far', 'comment-alt']"/><mk-user-name :user="note.user" v-if="note"/>
</span>
</template>
<div class="rvtscbadixhhbsczoorqoaygovdeecsx" v-if="note">
<div class="is-remote" v-if="note.user.host != null">

2
src/client/app/desktop/views/deck/deck.notifications-column.vue
View File

@@ -1,6 +1,6 @@
<template>
<x-column :name="name" :column="column" :is-stacked="isStacked">
<span slot="header"><fa :icon="['far', 'bell']"/>{{ name }}</span>
<template v-slot:header><fa :icon="['far', 'bell']"/>{{ name }}</template>
<x-notifications/>
</x-column>

4
src/client/app/desktop/views/deck/deck.search-column.vue
View File

@@ -1,8 +1,8 @@
<template>
<x-column>
<span slot="header">
<template v-slot:header>
<fa icon="search"/><span>{{ q }}</span>
</span>
</template>
<div>
<x-notes ref="timeline" :make-promise="makePromise" @inited="() => $emit('loaded')"/>

4
src/client/app/desktop/views/deck/deck.tl-column.vue
View File

@@ -1,6 +1,6 @@
<template>
<x-column :menu="menu" :name="name" :column="column" :is-stacked="isStacked">
<span slot="header">
<template v-slot:header>
<fa v-if="column.type == 'home'" icon="home"/>
<fa v-if="column.type == 'local'" :icon="['far', 'comments']"/>
<fa v-if="column.type == 'hybrid'" icon="share-alt"/>
@@ -8,7 +8,7 @@
<fa v-if="column.type == 'list'" icon="list"/>
<fa v-if="column.type == 'hashtag'" icon="hashtag"/>
<span>{{ name }}</span>
</span>
</template>
<div class="editor" style="padding:12px" v-if="edit">
<ui-switch v-model="column.isMediaOnly" @change="onChangeSettings">{{ $t('is-media-only') }}</ui-switch>

8
src/client/app/desktop/views/deck/deck.user-column.home.vue
View File

@@ -1,13 +1,13 @@
<template>
<div>
<ui-container v-if="user.pinnedNotes && user.pinnedNotes.length > 0" :body-togglable="true">
<span slot="header"><fa icon="thumbtack"/> {{ $t('pinned-notes') }}</span>
<template v-slot:header><fa icon="thumbtack"/> {{ $t('pinned-notes') }}</template>
<div>
<x-note v-for="n in user.pinnedNotes" :key="n.id" :note="n" :mini="true"/>
</div>
</ui-container>
<ui-container v-if="images.length > 0" :body-togglable="true">
<span slot="header"><fa :icon="['far', 'images']"/> {{ $t('images') }}</span>
<template v-slot:header><fa :icon="['far', 'images']"/> {{ $t('images') }}</template>
<div class="sainvnaq">
<router-link v-for="image in images"
:style="`background-image: url(${image.thumbnailUrl})`"
@@ -18,13 +18,13 @@
</div>
</ui-container>
<ui-container :body-togglable="true">
<span slot="header"><fa :icon="['far', 'chart-bar']"/> {{ $t('activity') }}</span>
<template v-slot:header><fa :icon="['far', 'chart-bar']"/> {{ $t('activity') }}</template>
<div>
<div ref="chart"></div>
</div>
</ui-container>
<ui-container>
<span slot="header"><fa :icon="['far', 'comment-alt']"/> {{ $t('timeline') }}</span>
<template v-slot:header><fa :icon="['far', 'comment-alt']"/> {{ $t('timeline') }}</template>
<div>
<x-notes ref="timeline" :make-promise="makePromise" @inited="() => $emit('loaded')"/>
</div>

4
src/client/app/desktop/views/deck/deck.user-column.vue
View File

@@ -1,8 +1,8 @@
<template>
<x-column>
<span slot="header">
<template v-slot:header>
<fa icon="user"/><mk-user-name :user="user" v-if="user"/>
</span>
</template>
<div class="zubukjlciycdsyynicqrnlsmdwmymzqu" v-if="user">
<div class="is-remote" v-if="user.host != null">

2
src/client/app/desktop/views/deck/deck.widgets-column.vue
View File

@@ -1,6 +1,6 @@
<template>
<x-column :menu="menu" :naked="true" :narrow="true" :name="name" :column="column" :is-stacked="isStacked" class="wtdtxvecapixsepjtcupubtsmometobz">
<span slot="header"><fa icon="calculator"/>{{ name }}</span>
<template v-slot:header><fa icon="calculator"/>{{ name }}</template>
<div class="gqpwvtwtprsbmnssnbicggtwqhmylhnq">
<template v-if="edit">

8
src/client/app/desktop/views/home/search.vue
View File

@@ -1,9 +1,11 @@
<template>
<div>
<mk-notes ref="timeline" :make-promise="makePromise" @inited="inited">
<header slot="header" class="oxgbmvii">
<span><fa icon="search"/> {{ q }}</span>
</header>
<template v-slot:header>
<header class="oxgbmvii">
<span><fa icon="search"/> {{ q }}</span>
</header>
</template>
</mk-notes>
</div>
</template>

8
src/client/app/desktop/views/home/tag.vue
View File

@@ -1,9 +1,11 @@
<template>
<div>
<mk-notes ref="timeline" :make-promise="makePromise" @inited="inited">
<header class="wqraeznr" slot="header">
<span><fa icon="hashtag"/> {{ $route.params.tag }}</span>
</header>
<template v-slot:header>
<header class="wqraeznr">
<span><fa icon="hashtag"/> {{ $route.params.tag }}</span>
</header>
</template>
</mk-notes>
</div>
</template>

6
src/client/app/desktop/views/home/timeline.core.vue
View File

@@ -6,12 +6,12 @@
</div>
<mk-notes ref="timeline" :make-promise="makePromise" @inited="() => $emit('loaded')">
<template slot="header">
<template v-slot:header>
<slot></slot>
</template>
<p slot="empty">
<template v-slot:empty>
<fa :icon="['far', 'comments']"/>{{ $t('empty') }}
</p>
</template>
</mk-notes>
</div>
</template>

2
src/client/app/desktop/views/home/user/user.home.vue
View File

@@ -5,7 +5,7 @@
<!--<mk-calendar @chosen="warp" :start="new Date(user.createdAt)"/>-->
<div class="activity">
<ui-container :body-togglable="true">
<template slot="header"><fa icon="chart-bar"/>{{ $t('activity') }}</template>
<template v-slot:header><fa icon="chart-bar"/>{{ $t('activity') }}</template>
<x-activity :user="user" :limit="35" style="padding: 16px;"/>
</ui-container>
</div>

2
src/client/app/desktop/views/home/user/user.photos.vue
View File

@@ -1,6 +1,6 @@
<template>
<ui-container :body-togglable="true">
<span slot="header"><fa icon="camera"/> {{ $t('title') }}</span>
<template v-slot:header><fa icon="camera"/> {{ $t('title') }}</template>
<div class="dzsuvbsrrrwobdxifudxuefculdfiaxd">
<p class="initializing" v-if="fetching"><fa icon="spinner" pulse fixed-width/>{{ $t('loading') }}<mk-ellipsis/></p>

16
src/client/app/desktop/views/home/user/user.timeline.vue
View File

@@ -1,13 +1,15 @@
<template>
<div>
<mk-notes ref="timeline" :make-promise="makePromise" @inited="() => $emit('loaded')">
<header slot="header" class="oh5y2r7l5lx8j6jj791ykeiwgihheguk">
<span :data-active="mode == 'default'" @click="mode = 'default'"><fa :icon="['far', 'comment-alt']"/> {{ $t('default') }}</span>
<span :data-active="mode == 'with-replies'" @click="mode = 'with-replies'"><fa icon="comments"/> {{ $t('with-replies') }}</span>
<span :data-active="mode == 'with-media'" @click="mode = 'with-media'"><fa :icon="['far', 'images']"/> {{ $t('with-media') }}</span>
<span :data-active="mode == 'my-posts'" @click="mode = 'my-posts'"><fa icon="user"/> {{ $t('my-posts') }}</span>
</header>
<p class="empty" slot="empty"><fa :icon="['far', 'comments']"/>{{ $t('empty') }}</p>
<template v-slot:header>
<header class="oh5y2r7l5lx8j6jj791ykeiwgihheguk">
<span :data-active="mode == 'default'" @click="mode = 'default'"><fa :icon="['far', 'comment-alt']"/> {{ $t('default') }}</span>
<span :data-active="mode == 'with-replies'" @click="mode = 'with-replies'"><fa icon="comments"/> {{ $t('with-replies') }}</span>
<span :data-active="mode == 'with-media'" @click="mode = 'with-media'"><fa :icon="['far', 'images']"/> {{ $t('with-media') }}</span>
<span :data-active="mode == 'my-posts'" @click="mode = 'my-posts'"><fa icon="user"/> {{ $t('my-posts') }}</span>
</header>
</template>
<template v-slot:empty><fa :icon="['far', 'comments']"/>{{ $t('empty') }}</template>
</mk-notes>
</div>
</template>

4
src/client/app/desktop/views/widgets/messaging.vue
View File

@@ -1,8 +1,8 @@
<template>
<div class="mkw-messaging">
<ui-container :show-header="props.design == 0">
<template slot="header"><fa icon="comments"/>{{ $t('title') }}</template>
<button slot="func" @click="add"><fa icon="plus"/></button>
<template v-slot:header><fa icon="comments"/>{{ $t('title') }}</template>
<template v-slot:func><button @click="add"><fa icon="plus"/></button></template>
<x-messaging ref="index" compact @navigate="navigate"/>
</ui-container>

4
src/client/app/desktop/views/widgets/notifications.vue
View File

@@ -1,8 +1,8 @@
<template>
<div class="mkw-notifications">
<ui-container :show-header="!props.compact">
<template slot="header"><fa :icon="['far', 'bell']"/>{{ $t('title') }}</template>
<!-- <button slot="func" :title="$t('title')" @click="settings"><fa icon="cog"/></button> -->
<template v-slot:header><fa :icon="['far', 'bell']"/>{{ $t('title') }}</template>
<!-- <button v-slot:func :title="$t('title')" @click="settings"><fa icon="cog"/></button> -->
<mk-notifications :class="$style.notifications"/>
</ui-container>

12
src/client/app/desktop/views/widgets/polls.vue
View File

@@ -1,11 +1,13 @@
<template>
<div class="mkw-polls">
<ui-container :show-header="!props.compact">
<template slot="header"><fa icon="chart-pie"/>{{ $t('title') }}</template>
<button slot="func" :title="$t('title')" @click="fetch">
<fa v-if="!fetching && more" icon="arrow-right"/>
<fa v-if="!fetching && !more" icon="sync"/>
</button>
<template v-slot:header><fa icon="chart-pie"/>{{ $t('title') }}</template>
<template v-slot:func>
<button :title="$t('title')" @click="fetch">
<fa v-if="!fetching && more" icon="arrow-right"/>
<fa v-if="!fetching && !more" icon="sync"/>
</button>
</template>
<div class="mkw-polls--body">
<div class="poll" v-if="!fetching && poll != null">

2
src/client/app/desktop/views/widgets/post-form.vue
View File

@@ -1,7 +1,7 @@
<template>
<div>
<ui-container :show-header="props.design == 0">
<template slot="header"><fa icon="pencil-alt"/>{{ $t('title') }}</template>
<template v-slot:header><fa icon="pencil-alt"/>{{ $t('title') }}</template>
<div class="lhcuptdmcdkfwmipgazeawoiuxpzaclc-body"
@dragover.stop="onDragover"

4
src/client/app/desktop/views/widgets/trends.vue
View File

@@ -1,8 +1,8 @@
<template>
<div class="mkw-trends">
<ui-container :show-header="!props.compact">
<template slot="header"><fa icon="fire"/>{{ $t('title') }}</template>
<button slot="func" :title="$t('title')" @click="fetch"><fa icon="sync"/></button>
<template v-slot:header><fa icon="fire"/>{{ $t('title') }}</template>
<template v-slot:func><button :title="$t('title')" @click="fetch"><fa icon="sync"/></button></template>
<div class="mkw-trends--body">
<p class="fetching" v-if="fetching"><fa icon="spinner" pulse fixed-width/>{{ $t('@.loading') }}<mk-ellipsis/></p>

12
src/client/app/desktop/views/widgets/users.vue
View File

@@ -1,11 +1,13 @@
<template>
<div class="mkw-users">
<ui-container :show-header="!props.compact">
<template slot="header"><fa icon="users"/>{{ $t('title') }}</template>
<button slot="func" :title="$t('title')" @click="refresh">
<fa v-if="!fetching && more" icon="arrow-right"/>
<fa v-if="!fetching && !more" icon="sync"/>
</button>
<template v-slot:header><fa icon="users"/>{{ $t('title') }}</template>
<template v-slot:func>
<button :title="$t('title')" @click="refresh">
<fa v-if="!fetching && more" icon="arrow-right"/>
<fa v-if="!fetching && !more" icon="sync"/>
</button>
</template>
<div class="mkw-users--body">
<p class="fetching" v-if="fetching"><fa icon="spinner" pulse fixed-width/>{{ $t('@.loading') }}<mk-ellipsis/></p>