Introducing: Materialize 1.0.0
This commit is contained in:
Cutls
@@ -99,10 +99,15 @@
|
||||
<input type="text" id="url" style="width:70%" placeholder="ex)mstdn.jp">
|
||||
<div id="ins-suggest"></div>
|
||||
Uncheck it to skip pasiting code.(login to Mastodon on Windows or macOS) (Recommended: pcheck)<br>
|
||||
<input type="checkbox" class="filled-in" id="linux" />
|
||||
<label for="linux">Code setup</label><br>
|
||||
<input type="checkbox" class="filled-in" id="misskey" />
|
||||
<label for="misskey">Login as Misskey</label><br>
|
||||
<label>
|
||||
<input type="checkbox" class="filled-in" id="linux" />
|
||||
<span>Code setup</span>
|
||||
</label>
|
||||
<br>
|
||||
<label>
|
||||
<input type="checkbox" class="filled-in" id="misskey" />
|
||||
<span>Login as Misskey</span>
|
||||
</label><br>
|
||||
<button class="btn waves-effect" onclick="instance()">Login</button><br>
|
||||
</div>
|
||||
<div class="col s4">
|
||||
|
||||
@@ -161,15 +161,15 @@
|
||||
<div class="col s12 mize" style="margin-top: 0; display:flex; justify-content: space-between">
|
||||
<i class="waves-effect gray material-icons" id="nsfw" title="Mark media as sensitive"
|
||||
onclick="nsfw()">visibility_off</i>
|
||||
<i class="waves-effect gray material-icons purple-text dropdown-button"
|
||||
data-activates='dropdown1' id="vis-icon">public</i>
|
||||
<i class="waves-effect gray material-icons purple-text dropdown-trigger"
|
||||
data-target="dropdown1" id="vis-icon">public</i>
|
||||
<a class="waves-effect gray" id="cw" onclick="cw()" title="Hide text behind warning">CW</a>
|
||||
<span><span id="imgup"></span><span id="imgsel"><i class="waves-effect material-icons gray"
|
||||
onclick="fileselect()" title="Attach..">photo_library</i></span></span>
|
||||
<i class="waves-effect gray material-icons" onclick="emojiToggle()" id="emojibtn"
|
||||
title="Emojis">tag_faces</i>
|
||||
<i class="waves-effect gray material-icons dropdown-button"
|
||||
data-activates='dropdown2'>more_vert</i>
|
||||
<i class="waves-effect gray material-icons dropdown-trigger"
|
||||
data-target="dropdown2">more_vert</i>
|
||||
<i class="material-icons nex gray waves-effect" title="Clear toot box(Ctrl+Shit+C)"
|
||||
data-trans-title="post_box_clear" id="clear">clear</i>
|
||||
</div>
|
||||
@@ -190,7 +190,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 公開範囲 Dropdown Structure -->
|
||||
<ul id='dropdown1' class='dropdown-content'>
|
||||
<ul id="dropdown1" class="dropdown-content">
|
||||
<li style="font-size: 16px; display: block; line-height: 22px; padding: 14px 16px;">Adjust status privacy
|
||||
</li>
|
||||
<li>
|
||||
@@ -213,7 +213,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
<!-- その他 Dropdown Structure -->
|
||||
<ul id='dropdown2' class='dropdown-content'>
|
||||
<ul id="dropdown2" class="dropdown-content">
|
||||
<li>
|
||||
<a onclick="adobe()">Adobe Photo Editor</a>
|
||||
</li>
|
||||
@@ -311,10 +311,14 @@
|
||||
<input type="text" class="mastodon-choice" placeholder="Choice2">
|
||||
<input type="text" class="mastodon-choice" placeholder="Choice3">
|
||||
<input type="text" class="mastodon-choice" placeholder="Choice4">
|
||||
<input type="checkbox" class="filled-in" id="poll-multiple" value="1" />
|
||||
<label for="poll-multiple">Multiple select</label><br>
|
||||
<input type="checkbox" class="filled-in" id="poll-until" value="1" />
|
||||
<label for="poll-until">Hide 'votes' count until people vote it.</label><br>
|
||||
<label>
|
||||
<input type="checkbox" class="filled-in" id="poll-multiple" value="1" />
|
||||
<span>Multiple select</span>
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" class="filled-in" id="poll-until" value="1" />
|
||||
<span>Hide 'votes' count until people vote it.</span>
|
||||
</label>
|
||||
<input type="number" style="width:50px" id="days_poll" placeholder="d" value="0">day(s)
|
||||
<input type="number" style="width:50px" id="hours_poll" placeholder="h" value="0">hour(s)
|
||||
<input type="number" style="width:50px" id="mins_poll" placeholder="m" value="6">minute(s)
|
||||
@@ -325,7 +329,7 @@
|
||||
<!-- Modal Structure Tootdata-->
|
||||
<div id="tootmodal" class="modal modal-fixed-footer">
|
||||
<div class="modal-content">
|
||||
<ul class="collapsible" data-collapsible="accordion" id="det-col">
|
||||
<ul class="collapsible"id="det-col">
|
||||
<li class="dm-hide">
|
||||
<div class="collapsible-header">
|
||||
<i class="material-icons">people_outline</i>Local TL after this toot)
|
||||
@@ -474,46 +478,46 @@
|
||||
</div>
|
||||
<div class="his-float" id="his-float-timeline">
|
||||
<div id="my-data-nav">
|
||||
<ul class="custom-tabs transparent">
|
||||
<li class="custom-tab col my-data-width active-back column-first">
|
||||
<ul class="tabs transparent">
|
||||
<li class="tab col my-data-width active-back column-first">
|
||||
<a go="#his-tl" title="Timeline"><i class="material-icons">timeline</i></a>
|
||||
</li>
|
||||
<li class="custom-tab col my-data-width">
|
||||
<li class="tab col my-data-width">
|
||||
<a go="#his-follow-list" title="Follow"><i class="material-icons">people</i>→</a>
|
||||
</li>
|
||||
<li class="custom-tab col my-data-width">
|
||||
<li class="tab col my-data-width">
|
||||
<a go="#his-follower-list" title="Follower"><i
|
||||
class="material-icons">people</i>←</a>
|
||||
</li>
|
||||
<li class="custom-tab col my-data-width only-his-data">
|
||||
<li class="tab col my-data-width only-his-data">
|
||||
<a go="#his-action" title="Cross-account"><i
|
||||
class="material-icons">account_box</i></a>
|
||||
</li>
|
||||
<li class="custom-tab col my-data-width only-his-data">
|
||||
<li class="tab col my-data-width only-his-data">
|
||||
<a go="#his-list" title="List"><i class="material-icons">list</i></a>
|
||||
</li>
|
||||
<li class="custom-tab col my-data-width only-my-data">
|
||||
<li class="tab col my-data-width only-my-data">
|
||||
<a go="#his-fav-list" title="Favourite"><i class="material-icons">star</i></a>
|
||||
</li>
|
||||
<li class="custom-tab col my-data-width only-my-data">
|
||||
<li class="tab col my-data-width only-my-data">
|
||||
<a go="#his-blocking-list" title="Blocks"><i class="material-icons">block</i></a>
|
||||
</li>
|
||||
<li class="custom-tab col my-data-width only-my-data">
|
||||
<li class="tab col my-data-width only-my-data">
|
||||
<a go="#his-blocking-list" title="Blocks"><i
|
||||
class="material-icons">voice_over_off</i></a>
|
||||
</li>
|
||||
<li class="custom-tab col my-data-width only-my-data">
|
||||
<li class="tab col my-data-width only-my-data">
|
||||
<a go="#his-domain-list" title="Domain block"><i
|
||||
class="material-icons">language</i><i class="material-icons">block</i></a>
|
||||
</li>
|
||||
<li class="custom-tab col my-data-width only-my-data">
|
||||
<li class="tab col my-data-width only-my-data">
|
||||
<a go="#his-prof-list" title="Edit profile"><i class="material-icons">create</i></a>
|
||||
</li>
|
||||
<li class="custom-tab col my-data-width only-my-data">
|
||||
<li class="tab col my-data-width only-my-data">
|
||||
<a go="#his-request-list" title="Follow requests"><i
|
||||
class="material-icons">how_to_reg</i></a>
|
||||
</li>
|
||||
<li class="custom-tab col my-data-width only-my-data">
|
||||
<li class="tab col my-data-width only-my-data">
|
||||
<a go="#his-follow-recom-list" title="Suggest"><i
|
||||
class="material-icons">recent_actors</i></a>
|
||||
</li>
|
||||
@@ -877,20 +881,34 @@
|
||||
<input type="hidden" id="filter-edit-id">
|
||||
<input type="text" style="width:150px" id="filter-add-word" placeholder="Filtering words"><br>
|
||||
Filter contexts<br>
|
||||
<input type="checkbox" class="filled-in" id="home_filter" value="home" />
|
||||
<label for="home_filter">Home</label>
|
||||
<input type="checkbox" class="filled-in" id="local_filter" value="public" />
|
||||
<label for="local_filter">Local</label>
|
||||
<input type="checkbox" class="filled-in" id="notf_filter" value="notifications" />
|
||||
<label for="notf_filter">Notifications</label>
|
||||
<input type="checkbox" class="filled-in" id="conv_filter" value="thread" />
|
||||
<label for="conv_filter">Conversations</label><br>
|
||||
<label>
|
||||
<input type="checkbox" class="filled-in" id="home_filter" value="home" />
|
||||
<span>Home</span>
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" class="filled-in" id="local_filter" value="public" />
|
||||
<span>Local</span>
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" class="filled-in" id="notf_filter" value="notifications" />
|
||||
<span>Notifications</span>
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" class="filled-in" id="conv_filter" value="thread" />
|
||||
<span>Conversations</span>
|
||||
</label>
|
||||
Options<br>
|
||||
<input type="checkbox" class="filled-in" id="wholeword_filter" value="1" />
|
||||
<label for="wholeword_filter">Whole word</label><br>
|
||||
<label>
|
||||
<input type="checkbox" class="filled-in" id="wholeword_filter" value="1" />
|
||||
<span>Whole word</span>
|
||||
</label>
|
||||
<br>
|
||||
<span class="sml">Nice for Latin language</span><br>
|
||||
<input type="checkbox" class="filled-in" id="except_filter" value="1" />
|
||||
<label for="except_filter">Drop instead of hide</label><br>
|
||||
<label>
|
||||
<input type="checkbox" class="filled-in" id="except_filter" value="1" />
|
||||
<span>Drop instead of hide</span>
|
||||
</label>
|
||||
<br>
|
||||
<span class="sml">Filtered toots will disappear irreversibly, even if filter is later removed</span><br>
|
||||
Expire after<span class="sml">Unset or "0" means "Never"<b>This value may contain some error</b></span><br><br>
|
||||
<input type="number" style="width:50px" id="days_filter" placeholder="d" value="0">day(s)
|
||||
@@ -1032,7 +1050,7 @@
|
||||
<img src="../../img/kyash.png" width="100"><br>
|
||||
</div>
|
||||
<div id="support-btm-close">
|
||||
<button class="btn waves-effect" style="width:100%;" onclick="closeSupport()"
|
||||
<button class="btn waves-effect" style="width:100%;" onclick="closeSupport()"
|
||||
id="add-filter-btn">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -63,9 +63,11 @@
|
||||
class="pointer">Notification test</a><br></template>
|
||||
<template v-if="item.checkbox">
|
||||
<template v-for="(check, j) in item.text.checkbox">
|
||||
<input class="with-gap" v-on:click="complete(i,check.value)" v-model="item.setValue"
|
||||
type="radio" v-bind:id="item.id+check.value" v-bind:value="check.value" />
|
||||
<label v-bind:for="item.id+check.value">{{check.text}}</label>
|
||||
<label>
|
||||
<input class="with-gap" v-on:click="complete(i,check.value)" v-model="item.setValue"
|
||||
type="radio" v-bind:id="item.id+check.value" v-bind:value="check.value" />
|
||||
<span>{{check.text}}</span>
|
||||
</label>
|
||||
</template>
|
||||
</template>
|
||||
<template v-else>
|
||||
@@ -104,18 +106,32 @@
|
||||
</div>
|
||||
<div class="collapsible-body">
|
||||
<h4>Select theme</h4>
|
||||
<input class="with-gap" onchange="settings()" name="theme" type="radio" id="black" value="black" />
|
||||
<label for="black">Black</label>
|
||||
<input class="with-gap" onchange="settings()" name="theme" type="radio" id="white" value="white" />
|
||||
<label for="white">White</label>
|
||||
<input class="with-gap" onchange="settings()" name="theme" type="radio" id="indigo" value="indigo" />
|
||||
<label for="indigo">Indigo<span class="imas hide">(エンドレスナイト)</span></label>
|
||||
<input class="with-gap" onchange="settings()" name="theme" type="radio" id="brown" value="brown" />
|
||||
<label for="brown">Brown<span class="imas hide">(ビタースイート・タイム)</span></label>
|
||||
<input class="with-gap" onchange="settings()" name="theme" type="radio" id="green" value="green" />
|
||||
<label for="green">Green<span class="imas hide">(ユースフルロマンス)</span></label>
|
||||
<input class="with-gap" onchange="settings()" name="theme" type="radio" id="custom" value="custom" />
|
||||
<label for="custom">Custom</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="theme" type="radio" id="black" value="black" />
|
||||
<span>Black</span>
|
||||
</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="theme" type="radio" id="white" value="white" />
|
||||
<span>White</span>
|
||||
</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="theme" type="radio" id="indigo"
|
||||
value="indigo" />
|
||||
<span>Indigo<span class="imas hide">(エンドレスナイト)</span></span>
|
||||
</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="theme" type="radio" id="brown" value="brown" />
|
||||
<span>Brown<span class="imas hide">(ビタースイート・タイム)</span></span>
|
||||
</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="theme" type="radio" id="green" value="green" />
|
||||
<span>Green<span class="imas hide">(ユースフルロマンス)</span></span>
|
||||
</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="theme" type="radio" id="custom"
|
||||
value="custom" />
|
||||
<span>custom</span>
|
||||
</label>
|
||||
<div style="width:300px" id="sel-selector">
|
||||
<select id="custom-sel-sel" class="custom-sel" onchange="customSel()"></select>
|
||||
</div>
|
||||
@@ -131,10 +147,16 @@
|
||||
<div class="input-field"><textarea style="width:300px" id="custom_desc" class="materialize-textarea"
|
||||
placeholder="About this theme..."></textarea></div>
|
||||
<h5>Color scheme</h5>
|
||||
<input class="with-gap" name="direction" type="radio" id="dark" value="dark" checked="true" />
|
||||
<label for="dark">Dark</label>
|
||||
<input class="with-gap" name="direction" type="radio" id="light" value="light" />
|
||||
<label for="light">Light</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="direction" type="radio" id="dark" value="dark"
|
||||
checked="true" />
|
||||
<span>Dark</span>
|
||||
</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="direction" type="radio" id="light"
|
||||
value="light" />
|
||||
<span>Light</span>
|
||||
</label>
|
||||
<div id="pickers">
|
||||
<div>
|
||||
<h5>Primary</h5>Background of components
|
||||
@@ -167,12 +189,12 @@
|
||||
</div>
|
||||
<button class="btn-large waves-effect" onclick="customComp()">Change</button> <button
|
||||
class="btn waves-effect red disabled" id="delTheme" onclick="deleteIt()">Delete</button><br><br>
|
||||
<input type="text" style="width:300px" id="custom_json" class="materialize-textarea"
|
||||
<input type="text" style="width:300px;height:40px;" id="custom_json" class="materialize-textarea"
|
||||
placeholder="JSON style" readonly><br>
|
||||
Share this code with other TheDesk. Do not share this code with MiAS.
|
||||
<h4>Import of custom themes</h4>
|
||||
Get more themes on <a href="https://assets.msky.cafe/" target="_blank">MiAS</a><br>
|
||||
<input type="text" style="width:300px" id="custom_import" class="materialize-textarea"
|
||||
<input type="text" style="width:300px;height:40px;" id="custom_import" class="materialize-textarea"
|
||||
placeholder="JSON/JSON5 style">
|
||||
<button class="btn waves-effect" onclick="customImp()">Import</button><br>
|
||||
</li>
|
||||
@@ -189,9 +211,11 @@
|
||||
</template>
|
||||
<template v-if="item.checkbox">
|
||||
<template v-for="(check, j) in item.text.checkbox">
|
||||
<input class="with-gap" v-on:click="complete(i,check.value)" v-model="item.setValue"
|
||||
type="radio" v-bind:id="item.id+check.value" v-bind:value="check.value" />
|
||||
<label v-bind:for="item.id+check.value">{{check.text}}</label>
|
||||
<label>
|
||||
<input class="with-gap" v-on:click="complete(i,check.value)" v-model="item.setValue"
|
||||
type="radio" v-bind:id="item.id+check.value" v-bind:value="check.value" />
|
||||
<span>{{check.text}}</span>
|
||||
</label>
|
||||
</template>
|
||||
</template>
|
||||
<template v-else>
|
||||
@@ -235,9 +259,10 @@
|
||||
<template v-if="item.checkbox">
|
||||
<template v-for="(check, j) in item.text.checkbox">
|
||||
<template v-if="!check.kirishima || (check.kirishima && kirishima)">
|
||||
<input class="with-gap" v-on:click="complete(i,check.value)" v-model="item.setValue"
|
||||
type="radio" v-bind:id="item.id+check.value" v-bind:value="check.value" />
|
||||
<label v-bind:for="item.id+check.value">{{check.text}}</label>
|
||||
<label><input class="with-gap" v-on:click="complete(i,check.value)"
|
||||
v-model="item.setValue" type="radio" v-bind:id="item.id+check.value"
|
||||
v-bind:value="check.value" />
|
||||
<span>{{check.text}}</span></label>
|
||||
<span v-if="check.kirishimaText">{{check.kirishimaText}}</span>
|
||||
</template>
|
||||
</template>
|
||||
@@ -305,20 +330,36 @@
|
||||
<div class="collapsible-body">
|
||||
<h5>NowPlaying Provider(Windows)</h5>
|
||||
macOS and Linux are not supported. AIMP and iTunes were checked by developer. <br>CAD:foobar2000, MusicBee,J. River Media Center, Media Jukebox<br>WLM:Last.fm Client, TTPlayer, OpenPandora, Zune.<br> For foobar2000, <a href="http://poiru.github.com/foo-cad/">foo_cad plugin</a> is required. And MusicBee requires CAD.<br>
|
||||
<input class="with-gap" onchange="npprovider()" name="npp" type="radio" id="aimp" value="AIMP" />
|
||||
<label for="aimp">AIMP</label>
|
||||
<input class="with-gap" onchange="npprovider()" name="npp" type="radio" id="itunes" value="ITUNES" />
|
||||
<label for="itunes">iTunes</label>
|
||||
<input class="with-gap" onchange="npprovider()" name="npp" type="radio" id="npmm" value="MEDIAMONKEY" />
|
||||
<label for="npmm">MediaMonkey</label>
|
||||
<input class="with-gap" onchange="npprovider()" name="npp" type="radio" id="winamp" value="WINAMP" />
|
||||
<label for="winamp">Winamp</label>
|
||||
<input class="with-gap" onchange="npprovider()" name="npp" type="radio" id="wmp" value="WMP" />
|
||||
<label for="wmp">WMP</label>
|
||||
<input class="with-gap" onchange="npprovider()" name="npp" type="radio" id="wlm" value="WLM" />
|
||||
<label for="wlm">WLM</label>
|
||||
<input class="with-gap" onchange="npprovider()" name="npp" type="radio" id="cad" value="CAD" />
|
||||
<label for="cad">CAD</label><br><br>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="npp" type="radio" id="aimp" value="AIMP" />
|
||||
<span>AIMP</span>
|
||||
</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="npp" type="radio" id="itunes" value="ITUNES" />
|
||||
<span>iTunes</span>
|
||||
</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="npp" type="radio" id="npmm"
|
||||
value="MEDIAMONKEY" />
|
||||
<span>MediaMonkey</span>
|
||||
</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="npp" type="radio" id="winamp" value="WINAMP" />
|
||||
<span>Winamp</span>
|
||||
</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="npp" type="radio" id="wmp" value="WMP" />
|
||||
<span>WMP</span>
|
||||
</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="npp" type="radio" id="wlm" value="WLM" />
|
||||
<span>WLM</span>
|
||||
</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="npp" type="radio" id="cad" value="CAD" />
|
||||
<span>CAD</span>
|
||||
</label>
|
||||
<br><br>
|
||||
Click <i class="material-icons" style="font-size:24px;">music_note</i>icon to NowPlaying<br>
|
||||
<h5>Account Connection</h5>
|
||||
TheDesk save your data on thedesk.top server.<br>
|
||||
@@ -339,10 +380,15 @@
|
||||
Windows:{song}:Song name/{album}:Album name/{artist}:Artist name<br>
|
||||
<button onclick="spotifySave()" class="btn waves-effect" style="width:100px;">Save</button>
|
||||
<h5>Attach an Artwork of Spotify</h5>
|
||||
<input class="with-gap" onchange="spotifyFlagSave()" name="awk" type="radio" id="awk_yes" value="yes" />
|
||||
<label for="awk_yes">Yes</label>
|
||||
<input class="with-gap" onchange="spotifyFlagSave()" name="awk" type="radio" id="awk_no" value="no" />
|
||||
<label for="awk_no">No</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="awk" type="radio" id="awk_yes" value="yes" />
|
||||
<span>Yes</span>
|
||||
</label>
|
||||
<label>
|
||||
<input class="with-gap" onchange="settings()" name="awk" type="radio" id="awk_no" value="no" />
|
||||
<span>No</span>
|
||||
</label>
|
||||
|
||||
<br>
|
||||
</div>
|
||||
</li>
|
||||
@@ -439,6 +485,7 @@
|
||||
</span><br>
|
||||
TheDeskおよびCutls Pは<a href="https://donken.org/">被災地支援のためのマストドン研究会</a>をログイン機能提供等の形で応援しています。<br>
|
||||
タグタイムラインを開く:<a href="index.html?mode=tag&code=被災地支援のためのマストドン研究会">#被災地支援のためのマストドン研究会</a><br>
|
||||
<script type="text/javascript" src="../../js/common/modal.js"></script>
|
||||
<script type="text/javascript" src="../../js/common/about.js"></script>
|
||||
<script type="text/javascript" src="../../js/platform/end.js"></script>
|
||||
<script type="text/javascript" src="../../js/login/logout.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user