<!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/themes.css" type="text/css" rel="stylesheet">
    <link href="../../@@node_base@@/@cutls/materialize-css/dist/css/materialize.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_base@@/@fortawesome/fontawesome-free/css/all.min.css" type="text/css" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="../../css/sweetalert2-material.css" type="text/css" rel="stylesheet">
    <link href="../../css/acct.css" rel="stylesheet" type="text/css" />
    <meta charset="utf-8" /> @@comment-start@@
    <script type="text/javascript">
        var _jipt = []
        _jipt.push(['project', 'thedesk'])
    </script>
    <script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
    @@comment-end@@ @@pwa@@ @@store@@
</head>

<body id="mainView" class="@@pwaClass@@">
    <script type="text/javascript" src="../../@@node_base@@/jquery/dist/jquery.js"></script>
    <script type="text/javascript" src="../../js/platform/first.js"></script>
    <script type="text/javascript" src="../../@@node_base@@/@cutls/materialize-css/dist/js/materialize.js"></script>
    <script type="text/javascript" src="main.js"></script>
    <script type="text/javascript" src="../../@@node_base@@/sweetalert2/dist/sweetalert2.min.js"></script>
    <script>
        var misskeytoken = false
    </script>
    <script type="text/javascript" src="../../js/common/time.js"></script>
    <div class="hide-first">
        <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>
    </div>
    <div>
        <h5>@@add@@</h5>

        <div class="hide-second">
            <a href="setting.html">@@haveExported@@</a>
        </div>
        <br />
        <div id="add">
            <div class="row">
                <div class="col s8">
                    @@addAcct@@
                    <div class="row">
                        <div class="input-field col s6">
                            <input type="text" id="autocomplete-input" class="autocomplete" placeholder="eg) mstdn.jp">
                            <label for="autocomplete-input">URL</label>
                        </div>
                        <div class="col s4 loginBtnWrap">
                            <button class="btn waves-effect" onclick="instance()"><i
									class="material-icons left">login</i>Login</button>
                        </div>
                    </div>

                    <div class="pwa">
                        @@codesetupwarn@@<br />
                        <label>
							<input type="checkbox" class="filled-in" id="linux" />
							<span>@@codesetup@@</span>
						</label>
                        <br />
                    </div>
                    <label>
						<input type="checkbox" class="filled-in" id="misskey" />
						<span>@@thisismisskey@@</span> </label><br />
                </div>
                <div class="col s4 scr" aria-hidden="true">
                    <span style="font-family:Open Sans;">Supports</span>
                    <div id="support" class="collection transparent"></div>
                </div>
            </div>
        </div>
        <div id="auth" style="display:none">
            @@codepastewarn@@<br />
            <input type="text" id="code" placeholder="@@codepaste@@" required />
            <button class="btn waves-effect" onclick="code()">Auth</button><br />
            <br />
            <a onclick="atSetup()" class="pointer">@@accessTokenSetup@@</a>
            <div id="compt" style="display:none" class="scr">
                <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>
            @@misskeylogin@@<br />
            <input type="hidden" id="misskey-url" />
            <input type="text" id="misskey-key" placeholder="@@codepaste@@" required />
            <button class="btn waves-effect" onclick="misskeyLogin()">Auth</button><br />
            <br />
            <a onclick="atSetup('misskey')" class="pointer">@@accessTokenSetup@@</a>
        </div>
    </div>
    <div class="hide-first">
        <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>
        <ul id="domain-list" class="collection transparent"></ul>
        <div id="instance-data">
            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 /> @@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>@<span id="ins-upd"></span><br />
        </div>
    </div>
    <script type="text/javascript" src="../../js/ui/theme.js"></script>
    <script type="text/javascript" src="../../js/ui/tips.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="../../@@node_base@@/lodash/lodash.min.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>
    <script>
        $('body').addClass(localStorage.getItem('platform'))
    </script>

</body>

</html>