From 520299c2b47e6d446ee622657e4a987278b13d3e Mon Sep 17 00:00:00 2001 From: syuilo Date: Thu, 12 Jan 2017 05:55:38 +0900 Subject: #16 --- src/web/app/dev/tags/new-app-form.tag | 485 ++++++++++++++++----------------- src/web/app/dev/tags/pages/app.tag | 48 ++-- src/web/app/dev/tags/pages/apps.tag | 50 ++-- src/web/app/dev/tags/pages/index.tag | 14 +- src/web/app/dev/tags/pages/new-app.tag | 65 +++-- 5 files changed, 335 insertions(+), 327 deletions(-) (limited to 'src/web/app/dev') diff --git a/src/web/app/dev/tags/new-app-form.tag b/src/web/app/dev/tags/new-app-form.tag index 443bf2bfff..c74a43d151 100644 --- a/src/web/app/dev/tags/new-app-form.tag +++ b/src/web/app/dev/tags/new-app-form.tag @@ -1,260 +1,243 @@ -mk-new-app-form - form(onsubmit={ onsubmit }, autocomplete='off') - section.name: label - p.caption - | アプリケーション名 - input@name( - type='text' - placeholder='ex) Misskey for iOS' - autocomplete='off' - required) - - section.nid: label - p.caption - | Named ID - input@nid( - type='text' - pattern='^[a-zA-Z0-9\-]{3,30}$' - placeholder='ex) misskey-for-ios' - autocomplete='off' - required - onkeyup={ on-change-nid }) - - p.info(if={ nid-state == 'wait' }, style='color:#999') - i.fa.fa-fw.fa-spinner.fa-pulse - | 確認しています... - p.info(if={ nid-state == 'ok' }, style='color:#3CB7B5') - i.fa.fa-fw.fa-check - | 利用できます - p.info(if={ nid-state == 'unavailable' }, style='color:#FF1161') - i.fa.fa-fw.fa-exclamation-triangle - | 既に利用されています - p.info(if={ nid-state == 'error' }, style='color:#FF1161') - i.fa.fa-fw.fa-exclamation-triangle - | 通信エラー - p.info(if={ nid-state == 'invalid-format' }, style='color:#FF1161') - i.fa.fa-fw.fa-exclamation-triangle - | a~z、A~Z、0~9、-(ハイフン)が使えます - p.info(if={ nid-state == 'min-range' }, style='color:#FF1161') - i.fa.fa-fw.fa-exclamation-triangle - | 3文字以上でお願いします！ - p.info(if={ nid-state == 'max-range' }, style='color:#FF1161') - i.fa.fa-fw.fa-exclamation-triangle - | 30文字以内でお願いします - - section.description: label - p.caption - | アプリの概要 - textarea@description( - placeholder='ex) Misskey iOSクライアント。' - autocomplete='off' - required) - - section.callback: label - p.caption - | コールバックURL (オプション) - input@cb( - type='url' - placeholder='ex) https://your.app.example.com/callback.php' - autocomplete='off') - - section.permission - p.caption - | 権限 - div@permission - label - input(type='checkbox', value='account-read') - p アカウントの情報を見る。 - label - input(type='checkbox', value='account-write') - p アカウントの情報を操作する。 - label - input(type='checkbox', value='post-write') - p 投稿する。 - label - input(type='checkbox', value='like-write') - p いいねしたりいいね解除する。 - label - input(type='checkbox', value='following-write') - p フォローしたりフォロー解除する。 - label - input(type='checkbox', value='drive-read') - p ドライブを見る。 - label - input(type='checkbox', value='drive-write') - p ドライブを操作する。 - label - input(type='checkbox', value='notification-read') - p 通知を見る。 - label - input(type='checkbox', value='notification-write') - p 通知を操作する。 - p - i.fa.fa-exclamation-triangle - | アプリ作成後も変更できますが、新たな権限を付与する場合、その時点で関連付けられているユーザーキーはすべて無効になります。 - - button(onclick={ onsubmit }) - | アプリ作成 - -style. - display block - overflow hidden - - > form - - section + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+

権限

+
+ + + + + + + + + +
+

アプリ作成後も変更できますが、新たな権限を付与する場合、その時点で関連付けられているユーザーキーはすべて無効になります。

+
+ +
+ + + diff --git a/src/web/app/dev/tags/pages/app.tag b/src/web/app/dev/tags/pages/app.tag index aa9ba68f3f..4311f11565 100644 --- a/src/web/app/dev/tags/pages/app.tag +++ b/src/web/app/dev/tags/pages/app.tag @@ -1,24 +1,30 @@ -mk-app-page - p(if={ fetching }) 読み込み中 - main(if={ !fetching }) - header - h1 { app.name } - div.body - p App Secret - input(value={ app.secret }, readonly) + +

読み込み中

+
+
+

{ app.name }

+
+
+

App Secret

+ +
+
+ + + diff --git a/src/web/app/dev/tags/pages/apps.tag b/src/web/app/dev/tags/pages/apps.tag index f46a9d3282..b7eb441faa 100644 --- a/src/web/app/dev/tags/pages/apps.tag +++ b/src/web/app/dev/tags/pages/apps.tag @@ -1,26 +1,30 @@ -mk-apps-page - h1 アプリを管理 - a(href='/app/new') アプリ作成 - div.apps - p(if={ fetching }) 読み込み中 - virtual(if={ !fetching }) - p(if={ apps.length == 0 }) アプリなし - ul(if={ apps.length > 0 }) - li(each={ app in apps }) - a(href={ '/app/' + app.id }) - p.name { app.name } + +

アプリを管理

アプリ作成 +
+

読み込み中

+ +

アプリなし

+ + +
+ + + diff --git a/src/web/app/dev/tags/pages/index.tag b/src/web/app/dev/tags/pages/index.tag index 7bc57fbb00..6be52e61ba 100644 --- a/src/web/app/dev/tags/pages/index.tag +++ b/src/web/app/dev/tags/pages/index.tag @@ -1,5 +1,11 @@ -mk-index - a(href='/apps') アプリ +アプリ + + diff --git a/src/web/app/dev/tags/pages/new-app.tag b/src/web/app/dev/tags/pages/new-app.tag index 8c19e39f4b..f255b84328 100644 --- a/src/web/app/dev/tags/pages/new-app.tag +++ b/src/web/app/dev/tags/pages/new-app.tag @@ -1,33 +1,42 @@ -mk-new-app-page - main - header - h1 新しいアプリを作成 - p MisskeyのAPIを利用したアプリケーションを作成できます。 - mk-new-app-form + +
+
+

新しいアプリを作成

+

MisskeyのAPIを利用したアプリケーションを作成できます。

+
+ +
+ + -- cgit v1.2.3-freya