misty.cafe/mistykey
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
syuilo 2018-02-15 17:50:19 +09:00
parent 9fd00d1179
commit 43d9d81b53
5 changed files with 72 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/web/app/mobile/views/components/ui-header.vue
View file

@ -6,8 +6,10 @@
<div class="content">
<button class="nav" @click="parent.toggleDrawer">%fa:bars%</button>
<template v-if="hasUnreadNotifications || hasUnreadMessagingMessages">%fa:circle%</template>
<h1 ref="title">Misskey</h1>
<button v-if="func" @click="func"><mk-raw content={ funcIcon }/></button>
<h1>
<slot>Misskey</slot>
</h1>
<button v-if="func" @click="func" v-html="funcIcon"></button>
</div>
</div>
</div>
@ -17,6 +19,7 @@
import Vue from 'vue';
export default Vue.extend({
props: ['func', 'funcIcon'],
data() {
return {
func: null,
@ -62,10 +65,6 @@ export default Vue.extend({
}
},
methods: {
setFunc(fn, icon) {
this.func = fn;
this.funcIcon = icon;
},
onReadAllNotifications() {
this.hasUnreadNotifications = false;
},

5
src/web/app/mobile/views/components/ui.vue
View file

@ -1,6 +1,8 @@
<template>
<div class="mk-ui">
<mk-ui-header/>
<mk-ui-header :func="func" :func-icon="funcIcon">
<slot name="header"></slot>
</mk-ui-header>
<mk-ui-nav :is-open="isDrawerOpening"/>
<div class="content">
<slot></slot>
@ -12,6 +14,7 @@
<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
props: ['title', 'func', 'funcIcon'],
data() {
return {
isDrawerOpening: false,