Compare commits

...

6 Commits

Author SHA1 Message Date
2fa8cb1b73 10.49.7 2018-11-15 01:46:01 +09:00
5f8a66fdb9 🎨 2018-11-15 01:45:13 +09:00
57320a94f9 [Client] Add missing icon 2018-11-15 01:43:26 +09:00
89f045d624 🎨 2018-11-15 01:43:06 +09:00
1a77dea7ed [Client] Fix icon 2018-11-15 01:09:50 +09:00
d063d59a91 [Client] Improve UI 2018-11-15 00:01:49 +09:00
9 changed files with 51 additions and 28 deletions

View File

@ -1,8 +1,8 @@
{ {
"name": "misskey", "name": "misskey",
"author": "syuilo <i@syuilo.com>", "author": "syuilo <i@syuilo.com>",
"version": "10.49.6", "version": "10.49.7",
"clientVersion": "2.0.11783", "clientVersion": "2.0.11789",
"codename": "nighthike", "codename": "nighthike",
"main": "./built/index.js", "main": "./built/index.js",
"private": true, "private": true,

View File

@ -141,11 +141,10 @@ export default (opts: Opts = {}) => ({
this.$root.api('notes/favorites/create', { this.$root.api('notes/favorites/create', {
noteId: this.appearNote.id noteId: this.appearNote.id
}).then(() => { }).then(() => {
// TODO this.$root.alert({
/*this.$root.alert({ type: 'success',
pointer: false, splash: true
autoClose: true });
});*/
}); });
}, },

View File

@ -1,11 +1,11 @@
<template> <template>
<div class="felqjxyj" :class="{ pointer }"> <div class="felqjxyj" :class="{ splash }">
<div class="bg" ref="bg" @click="onBgClick"></div> <div class="bg" ref="bg" @click="onBgClick"></div>
<div class="main" ref="main"> <div class="main" ref="main">
<div class="icon" :class="type"><fa :icon="icon"/></div> <div class="icon" :class="type"><fa :icon="icon"/></div>
<header v-if="title" v-html="title"></header> <header v-if="title" v-html="title"></header>
<div class="body" v-if="text" v-html="text"></div> <div class="body" v-if="text" v-html="text"></div>
<ui-horizon-group no-grow class="buttons"> <ui-horizon-group no-grow class="buttons" v-if="!splash">
<ui-button @click="ok" primary autofocus>OK</ui-button> <ui-button @click="ok" primary autofocus>OK</ui-button>
<ui-button @click="cancel" v-if="showCancelButton">Cancel</ui-button> <ui-button @click="cancel" v-if="showCancelButton">Cancel</ui-button>
</ui-horizon-group> </ui-horizon-group>
@ -31,15 +31,15 @@ export default Vue.extend({
}, },
text: { text: {
type: String, type: String,
required: true required: false
}, },
showCancelButton: { showCancelButton: {
type: Boolean, type: Boolean,
default: false default: false
}, },
pointer: { splash: {
type: Boolean, type: Boolean,
default: true default: false
} }
}, },
@ -72,6 +72,12 @@ export default Vue.extend({
duration: 300, duration: 300,
easing: [0, 0.5, 0.5, 1] easing: [0, 0.5, 0.5, 1]
}); });
if (this.splash) {
setTimeout(() => {
this.close();
}, 1000);
}
}); });
}, },
@ -125,8 +131,13 @@ export default Vue.extend({
width 100% width 100%
height 100% height 100%
&:not(.pointer) &.splash
pointer-events none &, *
pointer-events none !important
> .main
min-width 0
width initial
> .bg > .bg
display block display block

View File

@ -20,7 +20,7 @@
<footer> <footer>
<transition name="fade"> <transition name="fade">
<div class="new-message" v-show="showIndicator"> <div class="new-message" v-show="showIndicator">
<button @click="onIndicatorClick"><i><fa icon="arrow-circle-down"/></i>{{ $t('new-message') }}</button> <button @click="onIndicatorClick"><i><fa :icon="faArrowCircleDown"/></i>{{ $t('new-message') }}</button>
</div> </div>
</transition> </transition>
<x-form :user="user" ref="form"/> <x-form :user="user" ref="form"/>
@ -34,6 +34,7 @@ import i18n from '../../../i18n';
import XMessage from './messaging-room.message.vue'; import XMessage from './messaging-room.message.vue';
import XForm from './messaging-room.form.vue'; import XForm from './messaging-room.form.vue';
import { url } from '../../../config'; import { url } from '../../../config';
import { faArrowCircleDown } from '@fortawesome/free-solid-svg-icons';
export default Vue.extend({ export default Vue.extend({
i18n: i18n('common/views/components/messaging-room.vue'), i18n: i18n('common/views/components/messaging-room.vue'),
@ -52,7 +53,8 @@ export default Vue.extend({
existMoreMessages: false, existMoreMessages: false,
connection: null, connection: null,
showIndicator: false, showIndicator: false,
timer: null timer: null,
faArrowCircleDown
}; };
}, },

View File

@ -78,8 +78,10 @@ export default Vue.extend({
this.$root.api('i/pin', { this.$root.api('i/pin', {
noteId: this.note.id noteId: this.note.id
}).then(() => { }).then(() => {
// TODO this.$root.alert({
//this.$root.new(Ok); type: 'success',
splash: true
});
this.destroyDom(); this.destroyDom();
}); });
}, },
@ -112,8 +114,10 @@ export default Vue.extend({
this.$root.api('notes/favorites/create', { this.$root.api('notes/favorites/create', {
noteId: this.note.id noteId: this.note.id
}).then(() => { }).then(() => {
// TODO this.$root.alert({
//this.$root.new(Ok); type: 'success',
splash: true
});
this.destroyDom(); this.destroyDom();
}); });
}, },
@ -122,8 +126,10 @@ export default Vue.extend({
this.$root.api('notes/favorites/delete', { this.$root.api('notes/favorites/delete', {
noteId: this.note.id noteId: this.note.id
}).then(() => { }).then(() => {
// TODO this.$root.alert({
//this.$root.new(Ok); type: 'success',
splash: true
});
this.destroyDom(); this.destroyDom();
}); });
}, },

View File

@ -223,6 +223,5 @@ export default Vue.extend({
width 72px width 72px
height 72px height 72px
margin auto margin auto
box-shadow 0 0 16px rgba(0, 0, 0, 0.5)
</style> </style>

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="nicnklzforebnpfgasiypmpdaaglujqm"> <div class="nicnklzforebnpfgasiypmpdaaglujqm">
<label> <label>
<span>{{ $t('light-theme') }}</span> <span><fa :icon="faSun"/> {{ $t('light-theme') }}</span>
<ui-select v-model="light" :placeholder="$t('light-theme')"> <ui-select v-model="light" :placeholder="$t('light-theme')">
<optgroup :label="$t('light-themes')"> <optgroup :label="$t('light-themes')">
<option v-for="x in lightThemes" :value="x.id" :key="x.id">{{ x.name }}</option> <option v-for="x in lightThemes" :value="x.id" :key="x.id">{{ x.name }}</option>
@ -13,7 +13,7 @@
</label> </label>
<label> <label>
<span>{{ $t('dark-theme') }}</span> <span><fa :icon="faMoon"/> {{ $t('dark-theme') }}</span>
<ui-select v-model="dark" :placeholder="$t('dark-theme')"> <ui-select v-model="dark" :placeholder="$t('dark-theme')">
<optgroup :label="$t('dark-themes')"> <optgroup :label="$t('dark-themes')">
<option v-for="x in darkThemes" :value="x.id" :key="x.id">{{ x.name }}</option> <option v-for="x in darkThemes" :value="x.id" :key="x.id">{{ x.name }}</option>
@ -104,6 +104,7 @@ import { Chrome } from 'vue-color';
import * as uuid from 'uuid'; import * as uuid from 'uuid';
import * as tinycolor from 'tinycolor2'; import * as tinycolor from 'tinycolor2';
import * as JSON5 from 'json5'; import * as JSON5 from 'json5';
import { faMoon, faSun } from '@fortawesome/free-regular-svg-icons';
// 後方互換性のため // 後方互換性のため
function convertOldThemedefinition(t) { function convertOldThemedefinition(t) {
@ -135,7 +136,8 @@ export default Vue.extend({
myThemeDesc: '', myThemeDesc: '',
myThemePrimary: lightTheme.vars.primary, myThemePrimary: lightTheme.vars.primary,
myThemeSecondary: lightTheme.vars.secondary, myThemeSecondary: lightTheme.vars.secondary,
myThemeText: lightTheme.vars.text myThemeText: lightTheme.vars.text,
faMoon, faSun
}; };
}, },

View File

@ -307,8 +307,10 @@ export default Vue.extend({
listId: list.id, listId: list.id,
userId: this.user.id userId: this.user.id
}); });
// TODO this.$root.alert({
//this.$root.new(Ok); type: 'success',
splash: true
});
}); });
} }
}]; }];

View File

@ -115,6 +115,7 @@ import {
faChartLine, faChartLine,
faEllipsisV, faEllipsisV,
faStickyNote, faStickyNote,
faUserPlus,
} from '@fortawesome/free-solid-svg-icons'; } from '@fortawesome/free-solid-svg-icons';
import { import {
@ -233,6 +234,7 @@ library.add(
faChartLine, faChartLine,
faEllipsisV, faEllipsisV,
faStickyNote, faStickyNote,
faUserPlus,
farBell, farBell,
farEnvelope, farEnvelope,