80 lines
3.6 KiB
HTML
80 lines
3.6 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="{{lang}}">
|
||
|
|
<head>
|
||
|
|
<title>Account Manager - TheDesk</title>
|
||
|
|
<meta content="width=device-width,initial-scale=1.0" name="viewport">
|
||
|
|
<link href="./css/materialize.css" type="text/css" rel="stylesheet">
|
||
|
|
<link href="./css/themes.css" type="text/css" rel="stylesheet">
|
||
|
|
<link href="./css/master.css" type="text/css" rel="stylesheet">
|
||
|
|
<link href='./css/font-awesome.css' rel='stylesheet' type='text/css'>
|
||
|
|
<link href='./css/tl.css' rel='stylesheet' type='text/css'>
|
||
|
|
<link href='./css/userdata.css' rel='stylesheet' type='text/css'>
|
||
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet">
|
||
|
|
<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;}
|
||
|
|
</style>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
</head>
|
||
|
|
<body id="mainView">
|
||
|
|
<script type="text/javascript" src="./js/common/jquery.js"></script>
|
||
|
|
<script type="text/javascript" src="./js/platform/first.js"></script>
|
||
|
|
<script type="text/javascript" src="./js/common/materialize.js"></script>
|
||
|
|
<script type="text/javascript" src="./js/lang/lang.js"></script>
|
||
|
|
<script>
|
||
|
|
var lang="{{lang}}";
|
||
|
|
</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>
|
||
|
|
<a href="index.html" class="btn waves-effect orange nex" style="width:100%; max-width:200px;">{{back}}</a><br>
|
||
|
|
<h5>{{list}}</h5>
|
||
|
|
<div id="acct-list"></div>
|
||
|
|
<div class="divider"></div>
|
||
|
|
<h5>{{add}}</h5><br>
|
||
|
|
<div id="add">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col s6">
|
||
|
|
<input type="text" id="url" style="width:70%" placeholder="ex)mstdn.jp">
|
||
|
|
<div id="ins-suggest"></div>
|
||
|
|
{{codesetupwarn}}<br>
|
||
|
|
<input type="checkbox" class="filled-in" id="linux" />
|
||
|
|
<label for="linux">{{codesetup}}</label><br>
|
||
|
|
<button class="btn waves-effect" onclick="instance()">Login</button><br>
|
||
|
|
</div>
|
||
|
|
<div class="col s6">
|
||
|
|
<span style="font-family:Open Sans;">Supports</span>
|
||
|
|
<div id="support" class="collection transparent"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<h5>{{mainacct}}</h5>
|
||
|
|
<div class="input-field" style="width:300px"><span data-trans="your_acct">{{selacct}}</span>
|
||
|
|
<br>
|
||
|
|
<select id="main-acct-sel" class="acct-sel" style="color:black" onchange="mainacct()"></select>
|
||
|
|
<label></label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="auth" style="display:none">
|
||
|
|
{{codepastewarn}}<br>
|
||
|
|
<input type="text" id="code" placeholder="{{codepaste}}">
|
||
|
|
<button class="btn waves-effect" onclick="code()">Auth</button><br>
|
||
|
|
</div>
|
||
|
|
Instance data by <a href="https://instances.social" target="_blank">instances.social API</a><br>
|
||
|
|
<img src="./img/loading.svg" id="ins-prof" width="200"><br>
|
||
|
|
@<span id="ins-upd"></span><br>
|
||
|
|
{{domain}}:<span id="ins-name"></span><br>
|
||
|
|
{{connect}}:<span id="ins-connect"></span>{{ko}}<br>
|
||
|
|
{{toots}}:<span id="ins-toot"></span>{{ko}}<br>
|
||
|
|
{{users}}:<span id="ins-user"></span>{{users}}<br>
|
||
|
|
{{safety}}:<span id="ins-per"></span>%<br>
|
||
|
|
{{ver}}:<span id="ins-ver"></span><br>
|
||
|
|
<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/login/instance.js"></script>
|
||
|
|
<script type="text/javascript" src="./js/login/manager.js"></script>
|
||
|
|
<script type="text/javascript" src="./js/tl/date.js"></script>
|