177 lines
7.9 KiB
HTML
177 lines
7.9 KiB
HTML
<!doctype html>
|
|
<html lang="es-AR">
|
|
|
|
<head>
|
|
<title>Account Manager - TheDesk</title>
|
|
<meta content="width=device-width,initial-scale=1.0" name="viewport">
|
|
<link href="../../node_modules/materialize-css/dist/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/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">
|
|
<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;
|
|
}
|
|
|
|
#compt {
|
|
margin-top: 20px;
|
|
margin-bottom: 50px;
|
|
border: 1px solid;
|
|
border: 1px solid;
|
|
padding: 5px;
|
|
}
|
|
|
|
#compt li {
|
|
list-style-type: disc;
|
|
margin-left: 20px;
|
|
}
|
|
</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>
|
|
-->
|
|
</head>
|
|
|
|
<body id="mainView">
|
|
<script type="text/javascript" src="../../node_modules/jquery/dist/jquery.js"></script>
|
|
<script type="text/javascript" src="../../js/platform/first.js"></script>
|
|
<script type="text/javascript" src="../../node_modules/materialize-css/dist/js/materialize.js"></script>
|
|
<script type="text/javascript" src="../../js/lang/lang.es-AR.js"></script>
|
|
<script type="text/javascript" src="../../node_modules/sweetalert2/dist/sweetalert2.all.min.js"></script>
|
|
<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;">Volver</a><br>
|
|
<h5>Lista de cuentas</h5>
|
|
<div id="acct-list"></div>
|
|
<div class="divider"></div>
|
|
</div>
|
|
<div>
|
|
<h5>Agregar una cuenta</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>
|
|
No seleccionar para saltar el pegado de código (iniciá sesión de Mastodon en Windows o macOS) (Recomendado: pcheck)<br>
|
|
<label>
|
|
<input type="checkbox" class="filled-in" id="linux" />
|
|
<span>Configuración de código</span>
|
|
</label>
|
|
<br>
|
|
<label>
|
|
<input type="checkbox" class="filled-in" id="misskey" />
|
|
<span>Iniciar sesión con Misskey</span>
|
|
</label><br>
|
|
<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">
|
|
Pegar el código y cerrar el navegador web.<br>
|
|
<input type="text" id="code" placeholder="Código">
|
|
<button class="btn waves-effect" onclick="code()">Auth</button><br>
|
|
<div id="compt" style="display:none">
|
|
<h5>ログイン前に必ずご確認ください</h5>
|
|
<span id="compt-instance"></span>はバージョンが<span id="compt-ver"></span>のため以下の機能がご利用いただけません。
|
|
<span id="compt-warn" style="display:none">また、このインスタンスはMastodonではなくそのAPI上の互換実装であり、TheDeskでは利用を想定していないため非保証となります。</span>
|
|
<ul id="compt-list"></ul>
|
|
</div>
|
|
</div>
|
|
<div id="misskeylogin" style="display:none">
|
|
<h5>AppSecret</h5>
|
|
Leé <a href=\"https://docs.thedesk.top/\">la documentación (en japonés)</a> para usar Misskey.<br>
|
|
<input type="hidden" id="misskey-url">
|
|
<input type="text" id="misskey-key" placeholder="Código">
|
|
<button class="btn waves-effect" onclick="misskeyLogin()">Auth</button><br>
|
|
</div>
|
|
</div>
|
|
<div class="hide-first">
|
|
<h5>Establecer una cuenta</h5>
|
|
<div class="input-field" style="width:300px"><span data-trans="your_acct">Seleccionar una cuenta</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>
|
|
Dominio:<span id="ins-name"></span><br>
|
|
Servidores federados:<span id="ins-connect"></span><br>
|
|
Toots:<span id="ins-toot"></span><br>
|
|
Usuarios:<span id="ins-user"></span>Usuarios<br>
|
|
Conectividad:<span id="ins-per"></span>%<br>
|
|
Versión de 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> |