thedesk/app/view/ja/acct.html

158 lines
7.2 KiB
HTML
Raw Normal View History

2018-08-05 02:26:34 +10:00
<!doctype html>
2018-09-10 03:06:00 +10:00
<html lang="ja">
2019-05-19 17:39:30 +10:00
2018-08-05 02:26:34 +10:00
<head>
2019-05-19 17:39:30 +10:00
<title>Account Manager - TheDesk</title>
<meta content="width=device-width,initial-scale=1.0" name="viewport">
2019-06-22 01:22:45 +10:00
<link href="../../node_modules/materialize-css/dist/css/materialize.css" type="text/css" rel="stylesheet">
2019-05-19 17:39:30 +10:00
<link href="../../css/themes.css" type="text/css" rel="stylesheet">
<link href="../../css/master.css" type="text/css" rel="stylesheet">
2019-08-14 03:49:51 +10:00
<link href="../../css/tl.css" rel="stylesheet" type="text/css">
<link href="../../css/userdata.css" rel="stylesheet" type="text/css">
<link href="../../node_modules/@fortawesome/fontawesome-free/css/all.min.css" type="text/css" rel="stylesheet">
2019-05-19 17:39:30 +10:00
<style>
.acct {
display: flex;
justify-content: space-around;
}
.card {
width: 400px;
background-color: #9e9e9e;
margin: 10px;
}
body,
html {
overflow-y: scroll;
}
#acct-list {
display: flex;
flex-wrap: wrap;
color: white;
align-items: flex-start
}
.lts {
font-size: 150%
}
.colorsel {
display: flex;
}
.card .colorsel div:not(.exc) {
width: 20px;
height: 20px;
}
.card .colorsel div.exc {
width: 40px;
height: 20px;
}
.first {
display: flex;
justify-content: center;
align-items: center
}
.first .hide-first {
display: none;
}
</style>
<meta charset="utf-8">
<!--
<script type="text/javascript">
var _jipt = [];
_jipt.push(['project', 'thedesk']);
</script>
<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
-->
2018-08-05 02:26:34 +10:00
</head>
2019-05-19 17:39:30 +10:00
2018-08-05 02:26:34 +10:00
<body id="mainView">
2019-06-22 01:22:45 +10:00
<script type="text/javascript" src="../../node_modules/jquery/dist/jquery.js"></script>
2019-05-19 17:39:30 +10:00
<script type="text/javascript" src="../../js/platform/first.js"></script>
2019-06-22 01:22:45 +10:00
<script type="text/javascript" src="../../node_modules/materialize-css/dist/js/materialize.js"></script>
2019-05-19 17:39:30 +10:00
<script type="text/javascript" src="../../js/lang/lang.ja.js"></script>
2019-06-22 02:06:32 +10:00
<script type="text/javascript" src="../../node_modules/sweetalert2/dist/sweetalert2.all.min.js"></script>
2019-05-19 17:39:30 +10:00
<script>
var misskeytoken = false;
</script>
<script type="text/javascript" src="../../js/ui/tips.js"></script>
<script type="text/javascript" src="../../js/common/time.js"></script>
<script type="text/javascript" src="../../js/common/modal.js"></script>
<div class="hide-first">
<a href="index.html" class="btn waves-effect orange nex"
style="width:100%; max-width:200px;">戻る</a><br>
<h5>アカウント一覧</h5>
<div id="acct-list"></div>
<div class="divider"></div>
2018-08-05 02:26:34 +10:00
</div>
2019-05-19 17:39:30 +10:00
<div>
<h5>アカウントを追加</h5><br>
<div id="add">
<div class="row">
<div class="col s8">
<input type="text" id="url" style="width:70%" placeholder="ex)mstdn.jp">
<div id="ins-suggest"></div>
チェックを外すとコード貼り付けをスキップできます。(<u>Mastodon</u>にWindowsやmacOSからログインする場合)失敗する場合はチェックを入れてください。<br>
2019-06-07 02:11:04 +10:00
<label>
<input type="checkbox" class="filled-in" id="linux" />
<span>コードセットアップ</span>
</label>
<br>
<label>
<input type="checkbox" class="filled-in" id="misskey" />
<span>Misskeyとしてログイン</span>
</label><br>
2019-05-19 17:39:30 +10:00
<button class="btn waves-effect" onclick="instance()">Login</button><br>
</div>
<div class="col s4">
<span style="font-family:Open Sans;">Supports</span>
<div id="support" class="collection transparent"></div>
</div>
</div>
</div>
<div id="auth" style="display:none">
指定されたコードを貼り付けてください。ログインウィンドウは閉じていただいて構いません。<br>
<input type="text" id="code" placeholder="コードを入力">
<button class="btn waves-effect" onclick="code()">Auth</button><br>
</div>
<div id="misskeylogin" style="display:none">
2018-08-21 04:26:14 +10:00
<h5>AppSecret</h5>
2019-08-07 13:14:07 +10:00
<a href=\"https://thedesk.top/how-to-misskey-login.html\">ドキュメント</a>を参照して正しいコードを入れてください。<br>
2018-08-21 04:26:14 +10:00
<input type="hidden" id="misskey-url">
2018-09-10 03:06:00 +10:00
<input type="text" id="misskey-key" placeholder="コードを入力">
2018-08-21 04:26:14 +10:00
<button class="btn waves-effect" onclick="misskeyLogin()">Auth</button><br>
</div>
2019-04-11 02:52:01 +10:00
</div>
2019-05-19 17:39:30 +10:00
<div class="hide-first">
<h5>メインアカウント</h5>
<div class="input-field" style="width:300px"><span data-trans="your_acct">アカウントを選択</span>
<br>
<select id="main-acct-sel" class="acct-sel" style="color:black" onchange="mainacct()"></select>
<label></label>
</div>
Some instance data by <a href="https://instances.social" target="_blank">instances.social API</a><br>
<h5 id="ins-title"></h5>
Administered by:<a id="ins-admin"></a><br>
<span id="ins-desc"></span><br>
<img src="../../img/loading.svg" id="ins-prof" width="200"><br>
<br>
ドメイン名:<span id="ins-name"></span><br>
接続サーバー数:<span id="ins-connect"></span><br>
トゥート数:<span id="ins-toot"></span><br>
ユーザー数:<span id="ins-user"></span>ユーザー数<br>
コネクション:<span id="ins-per"></span>%<br>
Mastodonバージョン:<span id="ins-ver"></span>@<span id="ins-upd"></span><br>
</div>
<script type="text/javascript" src="../../js/ui/theme.js"></script>
<script type="text/javascript" src="../../js/platform/end.js"></script>
<script type="text/javascript" src="../../js/common/sha256.js"></script>
<script type="text/javascript" src="../../js/login/tkn.js"></script>
<script type="text/javascript" src="../../js/login/instance.js"></script>
<script type="text/javascript" src="../../js/login/manager.js"></script>
<script type="text/javascript" src="../../js/tl/date.js"></script>