usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

wip

This commit is contained in:
syuilo 2020-08-22 09:12:15 +09:00
parent 182c291e33
commit d9a5633e48
51 changed files with 58 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/client/components/ui/range.vue
View File

@ -19,7 +19,7 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import Vue from "vue"; import { defineComponent } from 'vue';
export default defineComponent({ export default defineComponent({
props: { props: {
value: { value: {

8
src/client/deck.vue
View File

@ -10,13 +10,7 @@
<template #header> <template #header>
<div class="iwnjqeul"> <div class="iwnjqeul">
<div class="default"> <div class="body" id="_teleport_header"></div>
<portal-target name="avatar" slim/>
<span class="title"><portal-target name="icon" slim/><portal-target name="title" slim/></span>
</div>
<div class="custom">
<portal-target name="header" slim/>
</div>
</div> </div>
</template> </template>

10
src/client/default.vue
View File

@ -6,15 +6,7 @@
<button class="_button back" v-if="canBack" @click="back()"><fa :icon="faChevronLeft"/></button> <button class="_button back" v-if="canBack" @click="back()"><fa :icon="faChevronLeft"/></button>
</transition> </transition>
<transition :name="$store.state.device.animation ? 'header' : ''" mode="out-in" appear> <transition :name="$store.state.device.animation ? 'header' : ''" mode="out-in" appear>
<div class="body" :key="pageKey"> <div class="body" :key="pageKey" id="_teleport_header"></div>
<div class="default">
<portal-target name="avatar" slim/>
<h1 class="title"><portal-target name="icon" slim/><portal-target name="title" slim/></h1>
</div>
<div class="custom">
<portal-target name="header" slim/>
</div>
</div>
</transition> </transition>
</div> </div>
<div class="sub"> <div class="sub">

2
src/client/pages/about-misskey.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="znqjceqz"> <div class="znqjceqz">
<portal to="title">{{ $t('aboutMisskey') }}</portal> <teleport to="#_teleport_header">{{ $t('aboutMisskey') }}</teleport>
<section class="_card"> <section class="_card">
<div class="_title">{{ $t('aboutMisskey') }}</div> <div class="_title">{{ $t('aboutMisskey') }}</div>

3
src/client/pages/about.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="mmnnbwxb"> <div class="mmnnbwxb">
<portal to="icon"><fa :icon="faInfoCircle"/></portal> <teleport to="#_teleport_header"><fa :icon="faInfoCircle"/>{{ $t('about') }}</teleport>
<portal to="title">{{ $t('about') }}</portal>
<section class="_card info" v-if="meta"> <section class="_card info" v-if="meta">
<div class="_title"><fa :icon="faInfoCircle"/> {{ $t('instanceInfo') }}</div> <div class="_title"><fa :icon="faInfoCircle"/> {{ $t('instanceInfo') }}</div>

3
src/client/pages/announcements.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faBroadcastTower"/></portal> <teleport to="#_teleport_header"><fa :icon="faBroadcastTower"/>{{ $t('announcements') }}</teleport>
<portal to="title">{{ $t('announcements') }}</portal>
<mk-pagination :pagination="pagination" #default="{items}" class="ruryvtyk" ref="list"> <mk-pagination :pagination="pagination" #default="{items}" class="ruryvtyk" ref="list">
<section class="_card announcement" v-for="(announcement, i) in items" :key="announcement.id"> <section class="_card announcement" v-for="(announcement, i) in items" :key="announcement.id">

3
src/client/pages/apps.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faPlug"/></portal> <teleport to="#_teleport_header"><fa :icon="faPlug"/>{{ $t('installedApps') }}</teleport>
<portal to="title">{{ $t('installedApps') }}</portal>
<mk-pagination :pagination="pagination" class="bfomjevm" ref="list"> <mk-pagination :pagination="pagination" class="bfomjevm" ref="list">
<template #empty> <template #empty>

3
src/client/pages/channel-editor.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faSatelliteDish"/></portal> <teleport to="#_teleport_header"><fa :icon="faSatelliteDish"/>{{ channelId ? $t('_channel.edit') : $t('_channel.create') }}</teleport>
<portal to="title">{{ channelId ? $t('_channel.edit') : $t('_channel.create') }}</portal>
<div class="_card"> <div class="_card">
<div class="_content"> <div class="_content">

3
src/client/pages/channel.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div v-if="channel"> <div v-if="channel">
<portal to="icon"><fa :icon="faSatelliteDish"/></portal> <teleport to="#_teleport_header"><fa :icon="faSatelliteDish"/>{{ channel.name }}</teleport>
<portal to="title">{{ channel.name }}</portal>
<div class="wpgynlbz _panel _vMargin" :class="{ hide: !showBanner }"> <div class="wpgynlbz _panel _vMargin" :class="{ hide: !showBanner }">
<x-channel-follow-button :channel="channel" :full="true" class="subscribe"/> <x-channel-follow-button :channel="channel" :full="true" class="subscribe"/>

3
src/client/pages/channels.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faSatelliteDish"/></portal> <teleport to="#_teleport_header"><fa :icon="faSatelliteDish"/>{{ $t('channel') }}</teleport>
<portal to="title">{{ $t('channel') }}</portal>
<mk-tab v-model="tab" :items="[{ label: $t('_channel.featured'), value: 'featured', icon: faFireAlt }, { label: $t('_channel.following'), value: 'following', icon: faHeart }, { label: $t('_channel.owned'), value: 'owned', icon: faEdit }]"/> <mk-tab v-model="tab" :items="[{ label: $t('_channel.featured'), value: 'featured', icon: faFireAlt }, { label: $t('_channel.following'), value: 'following', icon: faHeart }, { label: $t('_channel.owned'), value: 'owned', icon: faEdit }]"/>

3
src/client/pages/doc.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faFileAlt"/></portal> <teleport to="#_teleport_header"><fa :icon="faFileAlt"/>{{ title }}</teleport>
<portal to="title">{{ title }}</portal>
<main class="_card"> <main class="_card">
<div class="_title"><fa :icon="faFileAlt"/> {{ title }}</div> <div class="_title"><fa :icon="faFileAlt"/> {{ title }}</div>
<div class="_content"> <div class="_content">

3
src/client/pages/docs.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faQuestionCircle"/></portal> <teleport to="#_teleport_header"><fa :icon="faQuestionCircle"/>{{ $t('help') }}</teleport>
<portal to="title">{{ $t('help') }}</portal>
<main class="_card"> <main class="_card">
<div class="_content"> <div class="_content">
<ul> <ul>

4
src/client/pages/drive.vue
View File

@ -1,13 +1,13 @@
<template> <template>
<div class="full"> <div class="full">
<portal to="header"> <teleport to="#_teleport_header">
<button @click="menu" class="_button _jmoebdiw_"> <button @click="menu" class="_button _jmoebdiw_">
<fa :icon="faCloud" style="margin-right: 8px;"/> <fa :icon="faCloud" style="margin-right: 8px;"/>
<span v-if="folder">{{ $t('drive') }} ({{ folder.name }})</span> <span v-if="folder">{{ $t('drive') }} ({{ folder.name }})</span>
<span v-else>{{ $t('drive') }}</span> <span v-else>{{ $t('drive') }}</span>
<fa :icon="menuOpened ? faAngleUp : faAngleDown" style="margin-left: 8px;"/> <fa :icon="menuOpened ? faAngleUp : faAngleDown" style="margin-left: 8px;"/>
</button> </button>
</portal> </teleport>
<x-drive ref="drive" @cd="x => folder = x"/> <x-drive ref="drive" @cd="x => folder = x"/>
</div> </div>
</template> </template>

3
src/client/pages/explore.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faHashtag"/></portal> <teleport to="#_teleport_header"><fa :icon="faHashtag"/>{{ $t('explore') }}</teleport>
<portal to="title">{{ $t('explore') }}</portal>
<div class="localfedi7 _panel" v-if="meta && stats && tag == null" :style="{ backgroundImage: meta.bannerUrl ? `url(${meta.bannerUrl})` : null }"> <div class="localfedi7 _panel" v-if="meta && stats && tag == null" :style="{ backgroundImage: meta.bannerUrl ? `url(${meta.bannerUrl})` : null }">
<header><span>{{ $t('explore', { host: meta.name || 'Misskey' }) }}</span></header> <header><span>{{ $t('explore', { host: meta.name || 'Misskey' }) }}</span></header>

3
src/client/pages/favorites.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faStar"/></portal> <teleport to="#_teleport_header"><fa :icon="faStar"/>{{ $t('favorites') }}</teleport>
<portal to="title">{{ $t('favorites') }}</portal>
<x-notes :pagination="pagination" :detail="true" :prop="'note'" @before="before()" @after="after()"/> <x-notes :pagination="pagination" :detail="true" :prop="'note'" @before="before()" @after="after()"/>
</div> </div>
</template> </template>

3
src/client/pages/featured.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faFireAlt"/></portal> <teleport to="#_teleport_header"><fa :icon="faFireAlt"/>{{ $t('featured') }}</teleport>
<portal to="title">{{ $t('featured') }}</portal>
<x-notes ref="notes" :pagination="pagination" @before="before" @after="after"/> <x-notes ref="notes" :pagination="pagination" @before="before" @after="after"/>
</div> </div>
</template> </template>

3
src/client/pages/follow-requests.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faUserClock"/></portal> <teleport to="#_teleport_header"><fa :icon="faUserClock"/>{{ $t('followRequests') }}</teleport>
<portal to="title">{{ $t('followRequests') }}</portal>
<mk-pagination :pagination="pagination" class="mk-follow-requests" ref="list"> <mk-pagination :pagination="pagination" class="mk-follow-requests" ref="list">
<template #empty> <template #empty>

4
src/client/pages/index.home.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="mk-home" v-hotkey.global="keymap"> <div class="mk-home" v-hotkey.global="keymap">
<portal to="header" v-if="showTitle"> <teleport to="#_teleport_header" v-if="showTitle">
<button @click="choose" class="_button _kjvfvyph_"> <button @click="choose" class="_button _kjvfvyph_">
<i><fa v-if="$store.state.i.hasUnreadAntenna || $store.state.i.hasUnreadChannel" :icon="faCircle"/></i> <i><fa v-if="$store.state.i.hasUnreadAntenna || $store.state.i.hasUnreadChannel" :icon="faCircle"/></i>
<fa v-if="src === 'home'" :icon="faHome"/> <fa v-if="src === 'home'" :icon="faHome"/>
@ -13,7 +13,7 @@
<span style="margin-left: 8px;">{{ src === 'list' ? list.name : src === 'antenna' ? antenna.name : src === 'channel' ? channel.name : $t('_timelines.' + src) }}</span> <span style="margin-left: 8px;">{{ src === 'list' ? list.name : src === 'antenna' ? antenna.name : src === 'channel' ? channel.name : $t('_timelines.' + src) }}</span>
<fa :icon="menuOpened ? faAngleUp : faAngleDown" style="margin-left: 8px;"/> <fa :icon="menuOpened ? faAngleUp : faAngleDown" style="margin-left: 8px;"/>
</button> </button>
</portal> </teleport>
<div class="new" v-if="queue > 0" :style="{ width: width + 'px' }"><button class="_buttonPrimary" @click="top()">{{ $t('newNoteRecived') }}</button></div> <div class="new" v-if="queue > 0" :style="{ width: width + 'px' }"><button class="_buttonPrimary" @click="top()">{{ $t('newNoteRecived') }}</button></div>

2
src/client/pages/index.welcome.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div v-if="meta" class="mk-welcome"> <div v-if="meta" class="mk-welcome">
<portal to="title">{{ instanceName }}</portal> <teleport to="#_teleport_header">{{ instanceName }}</teleport>
<x-setup v-if="meta.requireSetup"/> <x-setup v-if="meta.requireSetup"/>
<x-entrance v-else/> <x-entrance v-else/>
</div> </div>

3
src/client/pages/instance/announcements.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="ztgjmzrw"> <div class="ztgjmzrw">
<portal to="icon"><fa :icon="faBroadcastTower"/></portal> <teleport to="#_teleport_header"><fa :icon="faBroadcastTower"/>{{ $t('announcements') }}</teleport>
<portal to="title">{{ $t('announcements') }}</portal>
<mk-button @click="add()" primary style="margin: 0 auto 16px auto;"><fa :icon="faPlus"/> {{ $t('add') }}</mk-button> <mk-button @click="add()" primary style="margin: 0 auto 16px auto;"><fa :icon="faPlus"/> {{ $t('add') }}</mk-button>
<section class="_card announcements"> <section class="_card announcements">
<div class="_content announcement" v-for="announcement in announcements"> <div class="_content announcement" v-for="announcement in announcements">

3
src/client/pages/instance/emojis.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="mk-instance-emojis"> <div class="mk-instance-emojis">
<portal to="icon"><fa :icon="faLaugh"/></portal> <teleport to="#_teleport_header"><fa :icon="faLaugh"/>{{ $t('customEmojis') }}</teleport>
<portal to="title">{{ $t('customEmojis') }}</portal>
<section class="_card _vMargin local"> <section class="_card _vMargin local">
<div class="_title"><fa :icon="faLaugh"/> {{ $t('customEmojis') }}</div> <div class="_title"><fa :icon="faLaugh"/> {{ $t('customEmojis') }}</div>

3
src/client/pages/instance/federation.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="mk-federation"> <div class="mk-federation">
<portal to="icon"><fa :icon="faGlobe"/></portal> <teleport to="#_teleport_header"><fa :icon="faGlobe"/>{{ $t('federation') }}</teleport>
<portal to="title">{{ $t('federation') }}</portal>
<section class="_card instances"> <section class="_card instances">
<div class="_content"> <div class="_content">

3
src/client/pages/instance/index.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div v-if="meta" class="xhexznfu" v-size="{ min: [1600] }"> <div v-if="meta" class="xhexznfu" v-size="{ min: [1600] }">
<portal to="icon"><fa :icon="faServer"/></portal> <teleport to="#_teleport_header"><fa :icon="faServer"/>{{ $t('instance') }}</teleport>
<portal to="title">{{ $t('instance') }}</portal>
<mk-folder> <mk-folder>
<template #header><fa :icon="faTachometerAlt"/> {{ $t('overview') }}</template> <template #header><fa :icon="faTachometerAlt"/> {{ $t('overview') }}</template>

3
src/client/pages/instance/queue.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faExchangeAlt"/></portal> <teleport to="#_teleport_header"><fa :icon="faExchangeAlt"/>{{ $t('jobQueue') }}</teleport>
<portal to="title">{{ $t('jobQueue') }}</portal>
<x-queue :connection="connection" domain="inbox"> <x-queue :connection="connection" domain="inbox">
<template #title><fa :icon="faExchangeAlt"/> In</template> <template #title><fa :icon="faExchangeAlt"/> In</template>

3
src/client/pages/instance/relays.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="relaycxt"> <div class="relaycxt">
<portal to="icon"><fa :icon="faProjectDiagram"/></portal> <teleport to="#_teleport_header"><fa :icon="faProjectDiagram"/>{{ $t('relays') }}</teleport>
<portal to="title">{{ $t('relays') }}</portal>
<section class="_card _vMargin add"> <section class="_card _vMargin add">
<div class="_title"><fa :icon="faPlus"/> {{ $t('addRelay') }}</div> <div class="_title"><fa :icon="faPlus"/> {{ $t('addRelay') }}</div>

3
src/client/pages/instance/settings.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div v-if="meta"> <div v-if="meta">
<portal to="icon"><fa :icon="faCog"/></portal> <teleport to="#_teleport_header"><fa :icon="faCog"/>{{ $t('settings') }}</teleport>
<portal to="title">{{ $t('settings') }}</portal>
<section class="_card _vMargin info"> <section class="_card _vMargin info">
<div class="_title"><fa :icon="faInfoCircle"/> {{ $t('basicInfo') }}</div> <div class="_title"><fa :icon="faInfoCircle"/> {{ $t('basicInfo') }}</div>

3
src/client/pages/instance/users.user.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="vrcsvlkm" v-if="user && info"> <div class="vrcsvlkm" v-if="user && info">
<portal to="title" v-if="user"><mk-user-name :user="user" :nowrap="false" class="name"/></portal> <teleport to="#_teleport_header" v-if="user"><mk-avatar class="avatar" :user="user" :disable-preview="true"/><mk-user-name :user="user" :nowrap="false" class="name"/></teleport>
<portal to="avatar" v-if="user"><mk-avatar class="avatar" :user="user" :disable-preview="true"/></portal>
<section class="_card"> <section class="_card">
<div class="_title"> <div class="_title">

3
src/client/pages/instance/users.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="mk-instance-users"> <div class="mk-instance-users">
<portal to="icon"><fa :icon="faUsers"/></portal> <teleport to="#_teleport_header"><fa :icon="faUsers"/>{{ $t('users') }}</teleport>
<portal to="title">{{ $t('users') }}</portal>
<section class="_card _vMargin lookup"> <section class="_card _vMargin lookup">
<div class="_title"><fa :icon="faSearch"/> {{ $t('lookup') }}</div> <div class="_title"><fa :icon="faSearch"/> {{ $t('lookup') }}</div>

3
src/client/pages/mentions.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faAt"/></portal> <teleport to="#_teleport_header"><fa :icon="faAt"/>{{ $t('mentions') }}</teleport>
<portal to="title">{{ $t('mentions') }}</portal>
<x-notes :pagination="pagination" @before="before()" @after="after()"/> <x-notes :pagination="pagination" @before="before()" @after="after()"/>
</div> </div>
</template> </template>

3
src/client/pages/messages.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faEnvelope"/></portal> <teleport to="#_teleport_header"><fa :icon="faEnvelope"/>{{ $t('directNotes') }}</teleport>
<portal to="title">{{ $t('directNotes') }}</portal>
<x-notes :pagination="pagination" @before="before()" @after="after()"/> <x-notes :pagination="pagination" @before="before()" @after="after()"/>
</div> </div>
</template> </template>

3
src/client/pages/messaging/index.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="mk-messaging" v-size="{ max: [400] }"> <div class="mk-messaging" v-size="{ max: [400] }">
<portal to="icon"><fa :icon="faComments"/></portal> <teleport to="#_teleport_header"><fa :icon="faComments"/>{{ $t('messaging') }}</teleport>
<portal to="title">{{ $t('messaging') }}</portal>
<mk-button @click="start" primary class="start"><fa :icon="faPlus"/> {{ $t('startMessaging') }}</mk-button> <mk-button @click="start" primary class="start"><fa :icon="faPlus"/> {{ $t('startMessaging') }}</mk-button>

6
src/client/pages/messaging/messaging-room.vue
View File

@ -4,12 +4,10 @@
@drop.prevent.stop="onDrop" @drop.prevent.stop="onDrop"
> >
<template v-if="!fetching && user"> <template v-if="!fetching && user">
<portal to="title"><mk-user-name :user="user" :nowrap="false" class="name"/></portal> <teleport to="#_teleport_header"><mk-avatar class="avatar" :user="user" :disable-preview="true"/><mk-user-name :user="user" :nowrap="false" class="name"/></teleport>
<portal to="avatar"><mk-avatar class="avatar" :user="user" :disable-preview="true"/></portal>
</template> </template>
<template v-if="!fetching && group"> <template v-if="!fetching && group">
<portal to="icon"><fa :icon="faUsers"/></portal> <teleport to="#_teleport_header"><fa :icon="faUsers"/>{{ group.name }}</teleport>
<portal to="title">{{ group.name }}</portal>
</template> </template>
<div class="body"> <div class="body">

3
src/client/pages/my-antennas/index.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="ieepwinx"> <div class="ieepwinx">
<portal to="icon"><fa :icon="faSatellite"/></portal> <teleport to="#_teleport_header"><fa :icon="faSatellite"/>{{ $t('manageAntennas') }}</teleport>
<portal to="title">{{ $t('manageAntennas') }}</portal>
<mk-button @click="create" primary class="add"><fa :icon="faPlus"/> {{ $t('add') }}</mk-button> <mk-button @click="create" primary class="add"><fa :icon="faPlus"/> {{ $t('add') }}</mk-button>

3
src/client/pages/my-groups/group.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="mk-group-page"> <div class="mk-group-page">
<portal to="icon"><fa :icon="faUsers"/></portal> <teleport to="#_teleport_header"><fa :icon="faUsers"/>{{ group.name }}</teleport>
<portal to="title">{{ group.name }}</portal>
<transition name="zoom" mode="out-in"> <transition name="zoom" mode="out-in">
<div v-if="group" class="_card _vMargin"> <div v-if="group" class="_card _vMargin">

3
src/client/pages/my-groups/index.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class=""> <div class="">
<portal to="icon"><fa :icon="faUsers"/></portal> <teleport to="#_teleport_header"><fa :icon="faUsers"/>{{ $t('groups') }}</teleport>
<portal to="title">{{ $t('groups') }}</portal>
<mk-button @click="create" primary style="margin: 0 auto var(--margin) auto;"><fa :icon="faPlus"/> {{ $t('createGroup') }}</mk-button> <mk-button @click="create" primary style="margin: 0 auto var(--margin) auto;"><fa :icon="faPlus"/> {{ $t('createGroup') }}</mk-button>

3
src/client/pages/my-lists/index.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="qkcjvfiv"> <div class="qkcjvfiv">
<portal to="icon"><fa :icon="faListUl"/></portal> <teleport to="#_teleport_header"><fa :icon="faListUl"/>{{ $t('manageLists') }}</teleport>
<portal to="title">{{ $t('manageLists') }}</portal>
<mk-button @click="create" primary class="add"><fa :icon="faPlus"/> {{ $t('createList') }}</mk-button> <mk-button @click="create" primary class="add"><fa :icon="faPlus"/> {{ $t('createList') }}</mk-button>

3
src/client/pages/my-lists/list.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="mk-list-page"> <div class="mk-list-page">
<portal to="icon"><fa :icon="faListUl"/></portal> <teleport to="#_teleport_header"><fa :icon="faListUl"/>{{ list.name }}</teleport>
<portal to="title">{{ list.name }}</portal>
<transition name="zoom" mode="out-in"> <transition name="zoom" mode="out-in">
<div v-if="list" class="_card _vMargin"> <div v-if="list" class="_card _vMargin">

3
src/client/pages/my-settings/index.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faCog"/></portal> <teleport to="#_teleport_header"><fa :icon="faCog"/>{{ $t('accountSettings') }}</teleport>
<portal to="title">{{ $t('accountSettings') }}</portal>
<x-profile-setting class="_vMargin"/> <x-profile-setting class="_vMargin"/>
<x-privacy-setting class="_vMargin"/> <x-privacy-setting class="_vMargin"/>

3
src/client/pages/not-found.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="ipledcug"> <div class="ipledcug">
<portal to="icon"><fa :icon="faExclamationTriangle"/></portal> <teleport to="#_teleport_header"><fa :icon="faExclamationTriangle"/>{{ $t('notFound') }}</teleport>
<portal to="title">{{ $t('notFound') }}</portal>
<div class="_fullinfo"> <div class="_fullinfo">
<img src="https://xn--931a.moe/assets/not-found.jpg" class="_ghost"/> <img src="https://xn--931a.moe/assets/not-found.jpg" class="_ghost"/>

6
src/client/pages/note.vue
View File

@ -1,12 +1,12 @@
<template> <template>
<div class="mk-note-page"> <div class="mk-note-page">
<portal to="avatar" v-if="note"><mk-avatar class="avatar" :user="note.user" :disable-preview="true"/></portal> <teleport to="#_teleport_header" v-if="note">
<portal to="title" v-if="note"> <mk-avatar class="avatar" :user="note.user" :disable-preview="true"/>
<mfm <mfm
:text="$t('noteOf', { user: note.user.name || note.user.username })" :text="$t('noteOf', { user: note.user.name || note.user.username })"
:plain="true" :nowrap="true" :custom-emojis="note.user.emojis" :is-note="false" :plain="true" :nowrap="true" :custom-emojis="note.user.emojis" :is-note="false"
/> />
</portal> </teleport>
<div v-if="note"> <div v-if="note">
<button class="_panel _button" v-if="hasNext && !showNext" @click="showNext = true" style="margin: 0 auto var(--margin) auto;"><fa :icon="faChevronUp"/></button> <button class="_panel _button" v-if="hasNext && !showNext" @click="showNext = true" style="margin: 0 auto var(--margin) auto;"><fa :icon="faChevronUp"/></button>

3
src/client/pages/notifications.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faBell"/></portal> <teleport to="#_teleport_header"><fa :icon="faBell"/>{{ $t('notifications') }}</teleport>
<portal to="title">{{ $t('notifications') }}</portal>
<x-notifications @before="before" @after="after" page/> <x-notifications @before="before" @after="after" page/>
</div> </div>
</template> </template>

3
src/client/pages/page.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="xcukqgmh"> <div class="xcukqgmh">
<portal to="avatar" v-if="page"><mk-avatar class="avatar" :user="page.user" :disable-preview="true"/></portal> <teleport to="#_teleport_header" v-if="page"><mk-avatar class="avatar" :user="page.user" :disable-preview="true"/>{{ page.title || page.name }}</teleport>
<portal to="title" v-if="page">{{ page.title || page.name }}</portal>
<div class="_card" v-if="page" :key="page.id"> <div class="_card" v-if="page" :key="page.id">
<div class="_title">{{ page.title }}</div> <div class="_title">{{ page.title }}</div>

3
src/client/pages/pages.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faStickyNote"/></portal> <teleport to="#_teleport_header"><fa :icon="faStickyNote"/>{{ $t('pages') }}</teleport>
<portal to="title">{{ $t('pages') }}</portal>
<mk-tab v-model="tab" :items="[{ label: $t('_pages.my'), value: 'my', icon: faEdit }, { label: $t('_pages.liked'), value: 'liked', icon: faHeart }]"/> <mk-tab v-model="tab" :items="[{ label: $t('_pages.my'), value: 'my', icon: faEdit }, { label: $t('_pages.liked'), value: 'liked', icon: faHeart }]"/>

3
src/client/pages/preferences/index.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faCog"/></portal> <teleport to="#_teleport_header"><fa :icon="faCog"/>{{ $t('clinetSettings') }}</teleport>
<portal to="title">{{ $t('clinetSettings') }}</portal>
<router-link v-if="$store.getters.isSignedIn" class="_panel _buttonPrimary" to="/my/settings" style="margin-bottom: var(--margin);">{{ $t('accountSettings') }}</router-link> <router-link v-if="$store.getters.isSignedIn" class="_panel _buttonPrimary" to="/my/settings" style="margin-bottom: var(--margin);">{{ $t('accountSettings') }}</router-link>

6
src/client/pages/room/room.vue
View File

@ -1,12 +1,12 @@
<template> <template>
<div class="hveuntkp"> <div class="hveuntkp">
<portal to="avatar" v-if="user"><mk-avatar class="avatar" :user="user" :disable-preview="true"/></portal> <teleport to="#_teleport_header" v-if="user">
<portal to="title" v-if="user"> <mk-avatar class="avatar" :user="user" :disable-preview="true"/>
<mfm <mfm
:text="$t('_rooms.roomOf', { user: user.name || user.username })" :text="$t('_rooms.roomOf', { user: user.name || user.username })"
:plain="true" :nowrap="true" :custom-emojis="user.emojis" :is-note="false" :plain="true" :nowrap="true" :custom-emojis="user.emojis" :is-note="false"
/> />
</portal> </teleport>
<div class="controller _card _vMargin" v-if="objectSelected"> <div class="controller _card _vMargin" v-if="objectSelected">
<div class="_content"> <div class="_content">

3
src/client/pages/scratchpad.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class=""> <div class="">
<portal to="icon"><fa :icon="faTerminal"/></portal> <teleport to="#_teleport_header"><fa :icon="faTerminal"/>{{ $t('scratchpad') }}</teleport>
<portal to="title">{{ $t('scratchpad') }}</portal>
<div class="_panel"> <div class="_panel">
<prism-editor v-model="code" :line-numbers="false" language="js"/> <prism-editor v-model="code" :line-numbers="false" language="js"/>

3
src/client/pages/search.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faSearch"/></portal> <teleport to="#_teleport_header"><fa :icon="faSearch"/>{{ $t('searchWith', { q: $route.query.q }) }}</teleport>
<portal to="title">{{ $t('searchWith', { q: $route.query.q }) }}</portal>
<x-notes ref="notes" :pagination="pagination" @before="before" @after="after"/> <x-notes ref="notes" :pagination="pagination" @before="before" @after="after"/>
</div> </div>
</template> </template>

3
src/client/pages/share.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class=""> <div class="">
<portal to="icon"><fa :icon="faShareAlt"/></portal> <teleport to="#_teleport_header"><fa :icon="faShareAlt"/>{{ $t('share') }}</teleport>
<portal to="title">{{ $t('share') }}</portal>
<section class="_card"> <section class="_card">
<div class="_title" v-if="title">{{ title }}</div> <div class="_title" v-if="title">{{ title }}</div>

3
src/client/pages/tag.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<portal to="icon"><fa :icon="faHashtag"/></portal> <teleport to="#_teleport_header"><fa :icon="faHashtag"/>{{ $route.params.tag }}</teleport>
<portal to="title">{{ $route.params.tag }}</portal>
<x-notes ref="notes" :pagination="pagination" @before="before" @after="after"/> <x-notes ref="notes" :pagination="pagination" @before="before" @after="after"/>
</div> </div>

3
src/client/pages/theme-editor.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="t9makv94"> <div class="t9makv94">
<portal to="icon"><fa :icon="faPalette"/></portal> <teleport to="#_teleport_header"><fa :icon="faPalette"/>{{ $t('themeEditor') }}</teleport>
<portal to="title">{{ $t('themeEditor') }}</portal>
<section class="_card"> <section class="_card">
<div class="_content"> <div class="_content">

3
src/client/pages/user/index.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="mk-user-page" v-if="user" v-size="{ max: [500] }"> <div class="mk-user-page" v-if="user" v-size="{ max: [500] }">
<portal to="title" v-if="user"><mk-user-name :user="user" :nowrap="false" class="name"/></portal> <teleport to="#_teleport_header" v-if="user"><mk-avatar class="avatar" :user="user" :disable-preview="true"/><mk-user-name :user="user" :nowrap="false" class="name"/></teleport>
<portal to="avatar" v-if="user"><mk-avatar class="avatar" :user="user" :disable-preview="true"/></portal>
<mk-remote-caution v-if="user.host != null" :href="user.url" style="margin-bottom: var(--margin)"/> <mk-remote-caution v-if="user.host != null" :href="user.url" style="margin-bottom: var(--margin)"/>
<div class="punished _panel" v-if="user.isSuspended"><fa :icon="faExclamationTriangle" style="margin-right: 8px;"/> {{ $t('userSuspended') }}</div> <div class="punished _panel" v-if="user.isSuspended"><fa :icon="faExclamationTriangle" style="margin-right: 8px;"/> {{ $t('userSuspended') }}</div>