TheDesk Miho (ver.13)

This commit is contained in:
cutls
2018-02-18 01:44:03 +09:00
parent 10367c93c7
commit 357f417560
16 changed files with 182 additions and 73 deletions

View File

@@ -103,17 +103,20 @@ var tlid=0;
</div>
<div id="post-box">
<!--トゥートボックス-->
<span class="cancel"><i class="material-icons" onclick="hide()" title="このボックスを閉じる(X)">cancel</i></span><br>
<a onclick="addToggle()" class="setting nex"><i class="material-icons nex" title="カラム追加">add</i></a>
<a id="clear" class="setting nex"><i class="material-icons nex" title="トゥートボックスのクリア">clear</i></a>
<a onclick="zoomBox()" class="setting nex"><i class="material-icons nex" title="ボックスの拡大・縮小(E)">zoom_out_map</i></a>
<a onclick="srcToggle()" class="setting nex"><i class="material-icons nex" title="検索">search</i></a>
<a href="setting.html" class="setting nex"><i class="material-icons nex" title="設定">settings</i></a>
<a href="acct.html"><i class="material-icons nex" title="アカウント管理">account_circle</i></a>
<a href="index.html" class="setting nex"><i class="material-icons nex" title="スーパーリロード">refresh</i></a>
<a onclick="window.open('https://astarte.thedesk.top');" class="setting nex" target="_blank" id="ranking-btn" style="display:none;"><i class="material-icons nex" title="アスタルテランキング">timeline</i></a>
<a onclick="Rtoggle()" class="setting nex" id="radio-btn"><i class="material-icons nex" title="Radio(Select/Pause)">play_circle_outline</i></a><span id="radio-sta" class="radio"></span>
<div id="radio-view" class="hide radio">
<span class="cancel">
<i class="material-icons" onclick="hide()" title="このボックスを閉じる(X)">cancel</i>
<i class="material-icons mini-btn" onclick="mini()" title="このボックスを最小化">expand_more</i>
</span><br>
<a onclick="addToggle()" class="setting nex"><i class="material-icons nex mize" title="カラム追加">add</i></a>
<a id="clear" class="setting nex"><i class="material-icons nex mize" title="トゥートボックスのクリア">clear</i></a>
<a onclick="zoomBox()" class="setting nex"><i class="material-icons nex mize" title="ボックスの拡大・縮小(E)">zoom_out_map</i></a>
<a onclick="srcToggle()" class="setting nex"><i class="material-icons nex mize" title="検索">search</i></a>
<a href="setting.html" class="setting nex"><i class="material-icons nex mize" title="設定">settings</i></a>
<a href="acct.html"><i class="material-icons nex mize" title="アカウント管理">account_circle</i></a>
<a href="index.html" class="setting nex mize"><i class="material-icons nex" title="スーパーリロード">refresh</i></a>
<a onclick="window.open('https://astarte.thedesk.top');" class="setting nex mize" target="_blank" id="ranking-btn" style="display:none;"><i class="material-icons nex" title="アスタルテランキング">timeline</i></a>
<a onclick="Rtoggle()" class="setting nex mize" id="radio-btn"><i class="material-icons nex" title="Radio(Select/Pause)">play_circle_outline</i></a><span id="radio-sta" class="radio"></span>
<div id="radio-view" class="hide radio mize">
<span class="cbadge pointer" onclick="Rplay('https://listen.moe/stream','Listen.moe')" data-name="Listen.moe">Listen.moe</span>
<span class="cbadge pointer" onclick="Rplay('http://itori.animenfo.com:443','AnimeNfo Radio')" data-name="AnimeNfo Radio">AnimeNfo Radio</span>
<span class="cbadge pointer" onclick="Rplay('http://hyades.shoutca.st:8043/stream','LoFi hip hop Radio')" data-name="LoFi hip hop Radio">LoFi hip hop Radio</span>
@@ -121,21 +124,21 @@ var tlid=0;
<span class="cbadge pointer" onclick="Rplay('http://edge-ads-01-cr.sharp-stream.com/jazzfmmobile.aac','Jazz FM')" data-name="Jazz FM">Jazz FM</span>
<span class="cbadge pointer" onclick="Ryourself()">Others</span>
</div>
<div id="radio-input" class="hide radio">
<div id="radio-input" class="hide radio mize">
<input type="url" id="radio-url" placeholder="URL" style="width:100px">
<button class="btn waves-effect" onclick="Rinput()">Play</button>
<button class="btn waves-effect" onclick="Rselect()">Presets</button>
</div>
<div class="row" style="margin-bottom:0;">
<span class="sml gray">画面内どこでもドラッグ・アンド・ドロップできます。</span><br>アカウント選択<!--[<a onclick="profShow()" class="pointer sml">プロフィール確認・編集</a>]</span>--><br>
<div class="input-field">
<span class="sml gray mize">画面内どこでもドラッグ・アンド・ドロップできます。</span><span class="mize"><br>アカウント選択<!--[<a onclick="profShow()" class="pointer sml">プロフィール確認・編集</a>]</span>--><br></span>
<div class="input-field mize">
<select id="post-acct-sel" class="acct-sel" onchange="mdCheck()">
</select>
</div>
<!--Markdown-->
<div class="row">
<div class="markdown">
<div class="row" style="margin-bottom:0">
<div class="markdown mize">
<div class="col s12 more-show">
<i class="material-icons pointer setting" onclick="tagsel('b')" title="太字(Ctrl+B)テキストボックス内を選択してから押すと囲みます。">format_bold</i>
<i class="material-icons pointer setting" onclick="tagsel('i')" title="斜字(Ctrl+I)テキストボックス内を選択してから押すと囲みます。">format_italic</i>
@@ -146,8 +149,8 @@ var tlid=0;
<i class="material-icons pointer setting" onclick="markdown('`','yes','no')" title="コード挿入 テキストボックス内を選択してから押すと囲みます。">code</i>
<i class="material-icons pointer setting" onclick="markdown('- ','yes','yes')" title="箇条書きリスト">format_list_bulleted</i>
<i class="material-icons pointer setting" onclick="markdown('1. ','yes','yes')" title="番号付きリスト">format_list_numbered</i>
<i class="pointer setting fa fa-subscript" onclick="markdown('__','yes','no','before')" title="下付き文字 テキストボックス内を選択してから押すと囲みます。" style="font-size:24px"></i>
<i class="pointer setting fa fa-superscript" onclick="markdown('_','yes','no','before')" title="上付き文字 テキストボックス内を選択してから押すと囲みます。" style="font-size:24px"></i>
<i class="pointer setting fa fa-subscript" onclick="markdown('__','yes','no','before')" title="下付き文字 テキストボックス内を選択してから押すと囲みます。" style="font-size:1.5rem"></i>
<i class="pointer setting fa fa-superscript" onclick="markdown('_','yes','no','before')" title="上付き文字 テキストボックス内を選択してから押すと囲みます。" style="font-size:1.5rem"></i>
<i class="material-icons pointer setting" onclick="tagsel('spin')" title="回転 テキストボックス内を選択してから押すと囲みます。">autorenew</i>
<i class="material-icons pointer setting" onclick="tagsel('pulse')" title="点滅 テキストボックス内を選択してから押すと囲みます。">flare</i>
<i class="material-icons pointer setting" onclick="tagsel('flip=vertical')" title="上下反転 テキストボックス内を選択してから押すと囲みます。">swap_vert</i>
@@ -164,10 +167,10 @@ var tlid=0;
<span class="sml gray pointer"><a onclick="previewEdit()">Edit</a></span>
</div>
<div class="input-field col s12" id="toot-field" style="margin-top: 0;">
<textarea id="textarea" class="materialize-textarea" style="margin-bottom:0" data-length="500"></textarea>
<label for="textarea"></label>
<span class="sml gray pointer more-show markdown" id="preview-btn"><a onclick="preview()">Preview</a></span>
<span class="sml gray pointer more-show anti-markdown hide"><a onclick="mdToggle()">Markdownエディタを表示</a></span>
<textarea id="textarea" class="materialize-textarea unmize" style="margin-bottom:0;" data-length="500"></textarea>
<label for="textarea">トゥート</label>
<span class="sml gray pointer more-show markdown mize" id="preview-btn"><a onclick="preview()">Preview</a></span>
<span class="sml gray pointer more-show anti-markdown hide mize"><a onclick="mdToggle()">Markdownエディタを表示</a></span>
</div>
<div id="suggest"></div>
<br>
@@ -175,20 +178,20 @@ var tlid=0;
<input type="hidden" id="reply">
<input type="hidden" id="media">
<!--END hidden area-->
<div class="col s12">
<button class="btn waves-effect indigo" style="width:100%; padding:0; margin-top:20px;" onclick="post()" id="toot-post-btn">トゥート</button> </div>
<div class="col s12">
<button class="btn waves-effect orange more-hide" style="width:100%; padding:0;" onclick="more()">もっと</button>
<div class="col s12" id="toot-btn-field">
<button class="btn waves-effect indigo unmize" style="width:100%; padding:0; margin-top:15px;" onclick="post()" id="toot-post-btn">トゥート</button> </div>
<div class="col s12 mize">
<button class="btn waves-effect orange more-hide mize" style="width:100%; padding:0;" onclick="more()">もっと</button>
<!--もっと-->
<span id="preview"></span>
<span class="more-show sml">返信モード:<span id="rec">いいえ</span>/添付:<span id="mec">なし</span>/公開範囲:<span id="vis">public</span>/画像制限:<span id="nsc">なし</span></span><br>
<span id="file-wrap"><input class="more-show" type="file" name="pic" id="upfile" onchange="pimg(document.getElementById('upfile').files);" multiple></span>
<input type="text" id="cw-text" placeholder="警告文">
<span id="preview mize"></span>
<span class="more-show sml mize">返信モード:<span id="rec">いいえ</span>/添付:<span id="mec">なし</span>/公開範囲:<span id="vis">public</span>/画像制限:<span id="nsc">なし</span></span><br>
<span id="file-wrap mize"><input class="more-show" type="file" name="pic" id="upfile" onchange="pimg(document.getElementById('upfile').files);" multiple></span>
<input type="text" id="cw-text" placeholder="警告文" class="mize">
</div></div>
<div class="col s3">
<div class="col s3 mize">
<button class="btn waves-effect more-show blue darken-3" style="width:100%; padding:0; margin-top:0;" id="cw" onclick="cw()" title="コンテンツワーニング(トゥートを表示する前にメッセージで隠す)(青:OFF)">CW</button>
</div>
<div class="col s3">
<div class="col s3 mize">
<button class="dropdown-button btn waves-effect more-show pink " style="width:100%; padding:0; margin-top:0;" data-activates='dropdown1'><i class="material-icons">lock</i></button>
<!-- 公開範囲 Dropdown Structure -->
<ul id='dropdown1' class='dropdown-content'>
@@ -199,7 +202,7 @@ var tlid=0;
<li><a onclick="vis('direct')" class="disabled direct">ダイレクト(Direct)</a></li>
</ul>
</div>
<div class="col s3">
<div class="col s3 mize">
<!--絵文字ピッカー-->
<div id="emoji" class="hide shared">
<span class="gray sml">インスタンスによって実装が異なります。<i><a onclick="emojiGet('true')" class="pointer">絵文字更新</a></i><br></span>
@@ -215,16 +218,16 @@ var tlid=0;
</div>
<button class="btn waves-effect more-show pink" style="width:100%; padding:0; margin-top:0;" onclick="emoji()"><i class="material-icons" title="絵文字挿入">add</i></button>
</div>
<div class="col s3">
<div class="col s3 mize">
<button class="btn waves-effect more-show blue darken-3" style="width:100%; padding:0; margin-top:0;" onclick="nsfw()" id="nsfw" title="画像に制限を付与(青:OFF)"><i class="material-icons">photo</i><i class="material-icons" id="nsi">lock_open</i></button>
</div>
<div class="col s12">
<div class="col s12 mize">
<button class="btn waves-effect more-show orange" style="width:100%; padding:0; margin-top:0;" onclick="less()">閉じる</button>
</div>
</div>
</div>
</div>
<!--最小化-->
<div class="fixed-action-btn horizontal" id="menu-btn" onclick="show()">
<div class="fixed-action-btn horizontal mize" id="menu-btn" onclick="show()">
<a class="btn-floating btn-large red">
<i class="large material-icons">mode_edit</i>
</a>
@@ -266,6 +269,8 @@ var tlid=0;
<div id="toot-after"></div>
</div>
<div class="modal-footer">
<a href="#!" class="waves-effect waves-green btn-flat" onclick="cbCopy()">URLをコピー</a>
<a href="#!" class="waves-effect waves-green btn-flat" onclick="cbCopy('emb')">埋め込む</a>
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Close</a>
</div>
</div>
@@ -275,7 +280,7 @@ var tlid=0;
<div id="his-data-show">
<img src="./img/loading.svg" id="his-prof" style="">
<div class="his-float">
<span id="his-name" style="font-size:200%">Loading...</span><br>
<span id="his-name" style="font-size:1.5rem">Loading...</span><br>
@<span id="his-acct"></span>
<span class="gray" id="his-relation"></span><br>
<span class="cbadge"><span id="his-sta"></span>トゥート</span><span class="cbadge">フォロー:<span id="his-follow"></span></span>
@@ -383,6 +388,7 @@ var tlid=0;
<script type="text/javascript" src="./js/tl/datails.js"></script>
<script type="text/javascript" src="./js/tl/mix.js"></script>
<script type="text/javascript" src="./js/tl/src.js"></script>
<script type="text/javascript" src="./js/tl/filter.js"></script>
<script type="text/javascript" src="./js/ui/layout.js"></script>
<script type="text/javascript" src="./js/login/login.js"></script>
<script type="text/javascript" src="./js/login/instance.js"></script>