This commit is contained in:
syuilo 2020-01-31 07:01:45 +09:00
parent 1d6947d321
commit 963c7761f2
6 changed files with 32 additions and 101 deletions

View File

@ -338,6 +338,8 @@ unregister: "登録を解除"
passwordLessLogin: "パスワード無しログイン" passwordLessLogin: "パスワード無しログイン"
resetPassword: "パスワードをリセット" resetPassword: "パスワードをリセット"
newPasswordIs: "新しいパスワードは「{password}」です" newPasswordIs: "新しいパスワードは「{password}」です"
post: "投稿"
posted: "投稿しました"
_2fa: _2fa:
registerDevice: "デバイスを登録" registerDevice: "デバイスを登録"
@ -445,7 +447,6 @@ _visibility:
_postForm: _postForm:
replyPlaceholder: "この投稿に返信..." replyPlaceholder: "この投稿に返信..."
quotePlaceholder: "この投稿を引用..." quotePlaceholder: "この投稿を引用..."
post: "投稿"
_placeholders: _placeholders:
a: "いまどうしてる?" a: "いまどうしてる?"
b: "何かありましたか?" b: "何かありましたか?"
@ -505,21 +506,17 @@ _timelines:
global: "グローバル" global: "グローバル"
_pages: _pages:
new-page: "ページの作成" newPage: "ページの作成"
edit-page: "ページの編集" editPage: "ページの編集"
read-page: "ソースを表示中" readPage: "ソースを表示中"
page-created: "ページを作成しました" page-created: "ページを作成しました"
page-updated: "ページを更新しました" page-updated: "ページを更新しました"
name-already-exists: "指定されたページURLは既に存在しています" name-already-exists: "指定されたページURLは既に存在しています"
title-invalid-name: "不正なページURLです" title-invalid-name: "不正なページURLです"
text-invalid-name: "空白でないか確認してください" text-invalid-name: "空白でないか確認してください"
are-you-sure-delete: "このページを削除しますか?" editThisPage: "このページを編集"
page-deleted: "ページを削除しました" viewSource: "ソースを表示"
edit-this-page: "このページを編集" viewPage: "ページを見る"
pin-this-page: "ピン留め"
unpin-this-page: "ピン留め解除"
view-source: "ソースを表示"
view-page: "ページを見る"
like: "いいね" like: "いいね"
unlike: "いいね解除" unlike: "いいね解除"
liked-pages: "いいねしたページ" liked-pages: "いいねしたページ"
@ -542,9 +539,9 @@ _pages:
fontSansSerif: "サンセリフ" fontSansSerif: "サンセリフ"
set-eye-catching-image: "アイキャッチ画像を設定" set-eye-catching-image: "アイキャッチ画像を設定"
remove-eye-catching-image: "アイキャッチ画像を削除" remove-eye-catching-image: "アイキャッチ画像を削除"
choose-block: "ブロックを追加" chooseBlock: "ブロックを追加"
select-type: "種類を選択" selectType: "種類を選択"
enter-variable-name: "変数名を決めてください" enterVariableName: "変数名を決めてください"
the-variable-name-is-already-used: "その変数名は既に使われています" the-variable-name-is-already-used: "その変数名は既に使われています"
content-blocks: "コンテンツ" content-blocks: "コンテンツ"
input-blocks: "入力" input-blocks: "入力"

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="ngbfujlo"> <div class="ngbfujlo">
<mk-textarea class="textarea" :value="text" readonly></mk-textarea> <mk-textarea :value="text" readonly style="margin: 0;"></mk-textarea>
<mk-button primary @click="post()" :disabled="posting || posted">{{ posted ? $t('posted-from-post-form') : $t('post-from-post-form') }}</mk-button> <mk-button class="button" primary @click="post()" :disabled="posting || posted">{{ posted ? $t('posted') : $t('post') }}</mk-button>
</div> </div>
</template> </template>
@ -59,16 +59,19 @@ export default Vue.extend({
<style lang="scss" scoped> <style lang="scss" scoped>
.ngbfujlo { .ngbfujlo {
padding: 0 32px 32px 32px; padding: 32px;
border: solid 2px var(--divider);
border-radius: 6px; border-radius: 6px;
box-shadow: 0 2px 8px var(--shadow);
> .button {
margin-top: 32px;
}
@media (max-width: 600px) { @media (max-width: 600px) {
padding: 0 16px 16px 16px; padding: 16px;
> .textarea { > .button {
margin-top: 16px; margin-top: 16px;
margin-bottom: 16px;
} }
} }
} }

View File

@ -97,74 +97,5 @@ export default Vue.extend({
&.center { &.center {
text-align: center; text-align: center;
} }
> header {
> .title {
z-index: 1;
margin: 0;
padding: 16px 32px;
font-size: 20px;
font-weight: bold;
color: var(--text);
box-shadow: 0 var(--lineWidth) rgba(#000, 0.07);
@media (max-width: 600px) {
padding: 16px 32px;
font-size: 20px;
}
@media (max-width: 400px) {
padding: 10px 20px;
font-size: 16px;
}
}
}
> div {
color: var(--text);
padding: 24px 32px;
font-size: 16px;
@media (max-width: 600px) {
padding: 24px 32px;
font-size: 16px;
}
@media (max-width: 400px) {
padding: 20px 20px;
font-size: 15px;
}
}
> footer {
color: var(--text);
padding: 0 32px 28px 32px;
@media (max-width: 600px) {
padding: 0 32px 28px 32px;
}
@media (max-width: 400px) {
padding: 0 20px 20px 20px;
font-size: 14px;
}
> small {
display: block;
opacity: 0.5;
}
> a {
font-size: 90%;
}
> a + a {
margin-left: 8px;
}
> .like {
margin-top: 16px;
}
}
} }
</style> </style>

View File

@ -164,7 +164,7 @@ export default Vue.extend({
? this.$t('renote') ? this.$t('renote')
: this.reply : this.reply
? this.$t('reply') ? this.$t('reply')
: this.$t('_postForm.post'); : this.$t('post');
}, },
canPost(): boolean { canPost(): boolean {

View File

@ -2,7 +2,7 @@
<div> <div>
<div class="gwbmwxkm _panel"> <div class="gwbmwxkm _panel">
<header> <header>
<div class="title"><fa :icon="faStickyNote"/> {{ readonly ? $t('read-page') : pageId ? $t('edit-page') : $t('new-page') }}</div> <div class="title"><fa :icon="faStickyNote"/> {{ readonly ? $t('readPage') : pageId ? $t('editPage') : $t('newPage') }}</div>
<div class="buttons"> <div class="buttons">
<button class="_button" @click="del()" v-if="!readonly"><fa :icon="faTrashAlt"/></button> <button class="_button" @click="del()" v-if="!readonly"><fa :icon="faTrashAlt"/></button>
<button class="_button" @click="() => showOptions = !showOptions"><fa :icon="faCog"/></button> <button class="_button" @click="() => showOptions = !showOptions"><fa :icon="faCog"/></button>
@ -27,7 +27,7 @@
<span>{{ $t('url') }}</span> <span>{{ $t('url') }}</span>
</mk-input> </mk-input>
<mk-switch v-model="alignCenter">{{ $t('align-center') }}</mk-switch> <mk-switch v-model="alignCenter">{{ $t('alignCenter') }}</mk-switch>
<mk-select v-model="font"> <mk-select v-model="font">
<template #label>{{ $t('font') }}</template> <template #label>{{ $t('font') }}</template>
@ -301,7 +301,7 @@ export default Vue.extend({
async add() { async add() {
const { canceled, result: type } = await this.$root.dialog({ const { canceled, result: type } = await this.$root.dialog({
type: null, type: null,
title: this.$t('choose-block'), title: this.$t('chooseBlock'),
select: { select: {
groupedItems: this.getPageBlockList() groupedItems: this.getPageBlockList()
}, },
@ -315,7 +315,7 @@ export default Vue.extend({
async addVariable() { async addVariable() {
let { canceled, result: name } = await this.$root.dialog({ let { canceled, result: name } = await this.$root.dialog({
title: this.$t('enter-variable-name'), title: this.$t('enterVariableName'),
input: { input: {
type: 'text', type: 'text',
}, },

View File

@ -11,14 +11,14 @@
<div class="_footer"> <div class="_footer">
<small>@{{ page.user.username }}</small> <small>@{{ page.user.username }}</small>
<template v-if="$store.getters.isSignedIn && $store.state.i.id === page.userId"> <template v-if="$store.getters.isSignedIn && $store.state.i.id === page.userId">
<router-link :to="`/my/pages/edit/${page.id}`">{{ $t('edit-this-page') }}</router-link> <router-link :to="`/my/pages/edit/${page.id}`">{{ $t('_pages.editThisPage') }}</router-link>
<a v-if="$store.state.i.pinnedPageId === page.id" @click="pin(false)">{{ $t('unpin-this-page') }}</a> <a v-if="$store.state.i.pinnedPageId === page.id" @click="pin(false)">{{ $t('unpin') }}</a>
<a v-else @click="pin(true)">{{ $t('pin-this-page') }}</a> <a v-else @click="pin(true)">{{ $t('pin') }}</a>
</template> </template>
<router-link :to="`./${page.name}/view-source`">{{ $t('view-source') }}</router-link> <router-link :to="`./${page.name}/view-source`">{{ $t('_pages.viewSource') }}</router-link>
<div class="like"> <div class="like">
<button @click="unlike()" v-if="page.isLiked" :title="$t('unlike')"><fa :icon="faHeartS"/></button> <button @click="unlike()" v-if="page.isLiked" :title="$t('_pages.unlike')"><fa :icon="faHeartS"/></button>
<button @click="like()" v-else :title="$t('like')"><fa :icon="faHeart"/></button> <button @click="like()" v-else :title="$t('_pages.like')"><fa :icon="faHeart"/></button>
<span class="count" v-if="page.likedCount > 0">{{ page.likedCount }}</span> <span class="count" v-if="page.likedCount > 0">{{ page.likedCount }}</span>
</div> </div>
</div> </div>