Zergling_man/thedesk
Zergling_man/thedesk
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

TheDesk Airi (ver.4[fixed])

Browse Source
This commit is contained in:
cutls 2018-03-14 15:52:55 +09:00
parent 07daf46318
commit 686d1cd922
21 changed files with 7204 additions and 371 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/acct.html
View File

@ -22,7 +22,7 @@
<script type="text/javascript" src="./js/ui/tips.js"></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/time.js"></script>
<script type="text/javascript" src="./js/common/modal.js"></script> <script type="text/javascript" src="./js/common/modal.js"></script>
<a href="setting.html" class="btn waves-effect orange nex" style="width:100%; max-width:200px;">戻る</a><br> <a href="index.html" class="btn waves-effect orange nex" style="width:100%; max-width:200px;">戻る</a><br>
<div id="acct-list"></div> <div id="acct-list"></div>
<div class="divider"></div> <div class="divider"></div>
アカウントを追加<br> アカウントを追加<br>

7
app/css/master.css
View File

@ -1,5 +1,5 @@
/*共通CSS*/ /*共通CSS*/
body{overflow:hidden; user-select: none; cursor:default;} html,body{overflow:hidden; user-select: none; cursor:default; font-size:13px;}
.btn { .btn {
margin: 5px; margin: 5px;
text-transform: none; text-transform: none;
@ -140,7 +140,7 @@ blockquote:before, .quote:before {
font-family:'Baloo Bhai' font-family:'Baloo Bhai'
} }
#pip{ #pip{
z-index:1001; z-index:504;
width:418px; width:418px;
background-color: white; background-color: white;
position:absolute; position:absolute;
@ -181,9 +181,6 @@ blockquote:before, .quote:before {
opacity: 1; opacity: 1;
} }
} }
.modal-overlay{
z-index:999 !important;
}
/*black theme*/ /*black theme*/
.blacktheme body { .blacktheme body {

4
app/css/materialize.css vendored
View File

@ -5445,7 +5445,7 @@ button.btn-floating {
overflow-y: auto; overflow-y: auto;
opacity: 0; opacity: 0;
position: absolute; position: absolute;
z-index: 999; z-index: 505;
will-change: width, height; will-change: width, height;
} }
@ -5675,7 +5675,7 @@ button.btn-floating {
.modal-overlay { .modal-overlay {
position: fixed; position: fixed;
z-index: 999; z-index: 506;
top: -25%; top: -25%;
left: 0; left: 0;
bottom: 0; bottom: 0;

4
app/css/post.css
View File

@ -5,7 +5,7 @@
bottom: 3px; bottom: 3px;
background-color: white; background-color: white;
border: thin solid gray; border: thin solid gray;
z-index: 1000; z-index: 500;
width: 350px; width: 350px;
min-width:350px; min-width:350px;
max-width:100%; max-width:100%;
@ -49,7 +49,7 @@
right: 20px; right: 20px;
width: 300px; width: 300px;
height: 370px; height: 370px;
z-index: 1003; z-index: 502;
padding: 5px; padding: 5px;
} }
#emoji-list { #emoji-list {

27
app/css/tl.css
View File

@ -1,16 +1,18 @@
/*TL CSS(ただしBBCode pulse:master.css/spin:font-awesome*/ /*TL CSS(ただしBBCode pulse:master.css/spin:font-awesome*/
#main{
display:flex;
width:100vw;
}
#timeline-container { #timeline-container {
overflow-x: scroll; overflow-x: scroll;
overflow-y: hidden; overflow-y: hidden;
display: flex; display: flex;
width: calc(100vw - 70px);
height: 100vh; height: 100vh;
float:left; flex-grow:4;
} }
#sidebar{ #sidebar{
width:70px; width:75px;
height:100vh; height:100vh;
float:left;
background-color:#e0e0e0; background-color:#e0e0e0;
display:flex; display:flex;
flex-wrap:wrap; flex-wrap:wrap;
@ -37,14 +39,14 @@
#sidebar .big-menu{ #sidebar .big-menu{
text-align:center; text-align:center;
} }
#sidebar .big-menu i{ #sidebar .big-menu i.big-icon{
font-size:5em; font-size:5em;
} }
#sidebar .small-menu i{ #sidebar .small-menu i{
font-size:2rem; font-size:2rem;
} }
#sidebar .small-menu .side-label{ #sidebar .small-menu .side-label{
font-size:1rem; font-size:12px;
vertical-align: 0.6rem; vertical-align: 0.6rem;
} }
#sidebar #side-dead{ #sidebar #side-dead{
@ -78,7 +80,10 @@ iframe {
} }
.user{ .user{
cursor:text; cursor:text;
font-size:1.2rem; font-size:1.2em;
}
.emoji-img{
width:1.2rem;
} }
.tl-box{ height:calc(100% - 40px); overflow-y:scroll; overflow-x:hidden } .tl-box{ height:calc(100% - 40px); overflow-y:scroll; overflow-x:hidden }
.additional { .additional {
@ -158,7 +163,7 @@ font-size:1rem;
color: gray; color: gray;
} }
.sml { .sml {
font-size: 0.8rem; font-size: 0.8em;
} }
.toot { .toot {
overflow: hide; overflow: hide;
@ -175,7 +180,7 @@ font-size:1rem;
display: inline-block; display: inline-block;
min-width: 10px; min-width: 10px;
padding: 3px 7px; padding: 3px 7px;
font-size: 0.8rem; font-size: 0.8em;
margin-right: 5px; margin-right: 5px;
line-height: 1; line-height: 1;
color: #fff; color: #fff;
@ -211,7 +216,7 @@ p:not(:last-child){
margin-right: 10px; margin-right: 10px;
width:100%; width:100%;
min-height:60px; min-height:60px;
z-index:1000; z-index:500;
padding:5px; padding:5px;
display: grid; display: grid;
grid-template-columns: 40px 1fr 1fr 1fr 1fr; grid-template-columns: 40px 1fr 1fr 1fr 1fr;
@ -276,7 +281,7 @@ p:not(:last-child){
right: 70px; right: 70px;
background-color: white; background-color: white;
border: thin solid gray; border: thin solid gray;
z-index: 1001; z-index: 501;
width: 400px; width: 400px;
padding: 5px; padding: 5px;
min-height: 100px; min-height: 100px;

6789
app/css/twemoji-awesome.css Normal file
View File

File diff suppressed because it is too large Load Diff

4
app/css/userdata.css
View File

@ -17,7 +17,7 @@
} }
#his-data-show { #his-data-show {
margin: 50px; margin: 50px;
background-color: #e6ee9c; background-color:rgba(255, 255, 255, 0.9);
width: calc(100% - 50px); width: calc(100% - 50px);
height: calc(100% - 50px); height: calc(100% - 50px);
margin-bottom: 0; margin-bottom: 0;
@ -31,7 +31,7 @@
width: 11.11%; width: 11.11%;
} }
.active-back{ .active-back{
background-color:rgba(255, 255, 255, 0.3); background-color: #e6ee9c;
} }

371
app/index.html
View File

@ -26,7 +26,7 @@
<script type="text/javascript" src="./js/ui/jquery-ui.min.js"></script> <script type="text/javascript" src="./js/ui/jquery-ui.min.js"></script>
<script> <script>
//トゥートリンク追加 //トゥートリンク追加
var ver="Airi (ver.3)"; var ver="Airi (ver.4[fixed])";
//betaを入れるとバージョンチェックしない //betaを入れるとバージョンチェックしない
//var ver="beta"; //var ver="beta";
var acct_id=0; var acct_id=0;
@ -133,6 +133,7 @@ var tlid=0;
<i class="material-icons left">close</i>閉じる <i class="material-icons left">close</i>閉じる
</button> </button>
</div> </div>
<div id="main">
<!--TLのTL--> <!--TLのTL-->
<div id="timeline-container"> <div id="timeline-container">
</div> </div>
@ -141,21 +142,21 @@ var tlid=0;
<div id="sidebar-top"> <div id="sidebar-top">
<div class="big-menu" id="add-tgl"> <div class="big-menu" id="add-tgl">
<a onclick="addToggle()" class="nex waves-effect"> <a onclick="addToggle()" class="nex waves-effect">
<i class="material-icons nex" title="カラム追加">add</i> <i class="material-icons nex big-icon" title="カラム追加">add</i>
</a> </a>
<br> <br>
<span class="side-label">カラム追加</span> <span class="side-label">カラム追加</span>
</div> </div>
<div class="big-menu" id="src-tgl"> <div class="big-menu" id="src-tgl">
<a onclick="srcToggle()" class="nex waves-effect"> <a onclick="srcToggle()" class="nex waves-effect">
<i class="material-icons nex" title="検索">search</i> <i class="material-icons nex big-icon" title="検索">search</i>
</a> </a>
<br> <br>
<span class="side-label">検索</span> <span class="side-label">検索</span>
</div> </div>
<div class="big-menu" id="sort-tgl"> <div class="big-menu" id="sort-tgl">
<a onclick="sortToggle()" class="nex waves-effect"> <a onclick="sortToggle()" class="nex waves-effect">
<i class="material-icons nex" title="並べ替え">sort</i> <i class="material-icons nex big-icon" title="並べ替え">sort</i>
</a> </a>
<br> <br>
<span class="side-label">並べ替え</span> <span class="side-label">並べ替え</span>
@ -192,6 +193,14 @@ var tlid=0;
<span class="side-label">管理</span> <span class="side-label">管理</span>
</a> </a>
</div> </div>
<div id="side-dead">
</div>
<div class="small-menu">
<a onclick="xpand()" class="nex waves-effect">
<i class="material-icons" title="サイドバーの開閉" id="x-btn">keyboard_arrow_right</i>
<span class="side-label">たたむ</span>
</a>
</div>
</div> </div>
<div id="sidebar-btm"> <div id="sidebar-btm">
<!--最小化--> <!--最小化-->
@ -205,6 +214,7 @@ var tlid=0;
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="post-box" class="z-depth-3"> <div id="post-box" class="z-depth-3">
<!--トゥートボックス--> <!--トゥートボックス-->
<span class="cancel"> <span class="cancel">
@ -354,7 +364,7 @@ var tlid=0;
<i class="material-icons">tag_faces</i> <i class="material-icons">tag_faces</i>
</button> </button>
<!--絵文字ピッカー--> <!--絵文字ピッカー-->
<div id="emoji" class="hide shared"> <div id="emoji" class="hide shared z-depth-4">
<span class="gray sml">インスタンスによって実装が異なります。 <span class="gray sml">インスタンスによって実装が異なります。
<i> <i>
<a onclick="emojiGet('true')" class="pointer">絵文字更新</a> <a onclick="emojiGet('true')" class="pointer">絵文字更新</a>
@ -421,95 +431,104 @@ var tlid=0;
<button class="btn waves-effect indigo unmize" style="width:100%; padding:0; margin-top:10px;" onclick="post()" id="toot-post-btn">トゥート</button> <button class="btn waves-effect indigo unmize" style="width:100%; padding:0; margin-top:10px;" onclick="post()" id="toot-post-btn">トゥート</button>
</div> </div>
</div> </div>
<!--PiP-->
<div id="pip" class="hide pip-bottom pip-left">
<i class="material-icons pip-horiz pointer" onclick="pipHoriz()">chevron_right</i>　
<i class="material-icons pip-vert pointer" onclick="pipVert()">expand_less</i>　
<i class="material-icons pointer" onclick="endPip()">close</i>
<div id="pip-content">
</div>
</div>
</div>
<!-- Modal Structure Tootdata--> <!-- Modal Structure Tootdata-->
<div id="tootmodal" class="modal modal-fixed-footer"> <div id="tootmodal" class="modal modal-fixed-footer">
<div class="modal-content"> <div class="modal-content">
<ul class="collapsible" data-collapsible="accordion" id="det-col"> <ul class="collapsible" data-collapsible="accordion" id="det-col">
<li> <li>
<div class="collapsible-header"> <div class="collapsible-header">
<i class="material-icons">arrow_upward</i>これよりあとのコンテクスト <i class="material-icons">arrow_upward</i>これよりあとのコンテクスト
</div> </div>
<div class="collapsible-body toot-reset" id="toot-after"> <div class="collapsible-body toot-reset" id="toot-after">
</div> </div>
</li> </li>
<li> <li>
<div class="collapsible-header"> <div class="collapsible-header">
<i class="material-icons">reply_all</i>このトゥートからのリプライ <i class="material-icons">reply_all</i>このトゥートからのリプライ
</div> </div>
<div class="collapsible-body toot-reset" id="toot-reply"> <div class="collapsible-body toot-reset" id="toot-reply">
</div> </div>
</li> </li>
<li> <li>
<div class="collapsible-header" id="activator"> <div class="collapsible-header" id="activator">
<i class="material-icons">more_horiz</i>対象のトゥート <i class="material-icons">more_horiz</i>対象のトゥート
</div> </div>
<div class="collapsible-body toot-reset" id="toot-this"> <div class="collapsible-body toot-reset" id="toot-this">
</div> </div>
</li> </li>
<li> <li>
<div class="collapsible-header"> <div class="collapsible-header">
<i class="material-icons">arrow_downward</i>これより前のLocal TL <i class="material-icons">arrow_downward</i>これより前のLocal TL
</div> </div>
<div class="collapsible-body toot-reset" id="toot-before"> <div class="collapsible-body toot-reset" id="toot-before">
</div> </div>
</li> </li>
<li> <li>
<div class="collapsible-header"> <div class="collapsible-header">
<i class="material-icons">star</i>このトゥートをお気に入りに登録した人 <i class="material-icons">star</i>このトゥートをお気に入りに登録した人
</div> </div>
<div class="collapsible-body toot-reset" id="toot-fav"> <div class="collapsible-body toot-reset" id="toot-fav">
</div> </div>
</li> </li>
<li> <li>
<div class="collapsible-header"> <div class="collapsible-header">
<i class="text-darken-3 fa fa-retweet"></i>このトゥートをブーストした人 <i class="text-darken-3 fa fa-retweet"></i>このトゥートをブーストした人
</div> </div>
<div class="collapsible-body toot-reset" id="toot-rt"> <div class="collapsible-body toot-reset" id="toot-rt">
</div> </div>
</li> </li>
</ul> </ul>
<div id="toot-tools"> <div id="toot-tools">
</div> </div>
<div id="toot-after"> <div id="toot-after">
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<a href="#!" class="waves-effect waves-green btn-flat" onclick="shot()">スクリーンショット</a> <a href="#!" class="waves-effect waves-green btn-flat" onclick="shot()">スクリーンショット</a>
<a href="#!" class="waves-effect waves-green btn-flat" onclick="cbCopy()">URLをコピー</a> <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="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> <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Close</a>
</div> </div>
</div> </div>
<!-- Modal Structure Userdata --> <!-- Modal Structure Userdata -->
<div id="his-data" class="modal bottom-sheet modal-fixed-footer" style="max-height:750px; height:90%;"> <div id="his-data" class="modal bottom-sheet modal-fixed-footer" style="max-height:750px; height:90%;">
<div id="his-data-content" class="modal-content" style="padding-bottom: 0;overflow-y:hidden;"> <div id="his-data-content" class="modal-content" style="padding-bottom: 0;overflow-y:hidden;">
<div id="his-data-show"> <div id="his-data-show">
<img src="./img/loading.svg" id="his-prof" style=""> <img src="./img/loading.svg" id="his-prof" style="">
<div class="his-float"> <div class="his-float">
<span id="his-name" style="font-size:1.5rem">Loading...</span> <span id="his-name" style="font-size:1.5rem">Loading...</span>
<br>@ <br>@
<span id="his-acct"></span> <span id="his-acct"></span>
<span class="gray" id="his-relation"></span> <span class="gray" id="his-relation"></span>
<br> <br>
<span class="cbadge"> <span class="cbadge">
<span id="his-sta"></span>トゥート <span id="his-sta"></span>トゥート
</span> </span>
<span class="cbadge">フォロー: <span class="cbadge">フォロー:
<span id="his-follow"></span> <span id="his-follow"></span>
</span> </span>
<span class="cbadge">フォロワー: <span class="cbadge">フォロワー:
<span id="his-follower"></span> <span id="his-follower"></span>
</span> </span>
<span class="cbadge">Since: <span class="cbadge">Since:
<span id="his-since"></span> <span id="his-since"></span>
</div> </div>
<div class="his-float"> <div class="his-float">
<span id="his-des"></span> <span id="his-des"></span>
<br> <br>
</div> </div>
<div class="row"> <div class="row">
<div class="col s12" id="my-data-nav"> <div class="col s12" id="my-data-nav">
<ul class="custom-tabs transparent"> <ul class="custom-tabs transparent">
<li class="custom-tab col my-data-width active-back"> <li class="custom-tab col my-data-width active-back">
<a go="#his-tl">Timeline</a> <a go="#his-tl">Timeline</a>
</li> </li>
@ -537,131 +556,123 @@ var tlid=0;
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-request-list">Follow Request</a> <a go="#his-request-list">Follow Request</a>
</li> </li>
</ul> </ul>
</div> </div>
<div id="his-tl" class="col s12 tab-content"> <div id="his-tl" class="col s12 tab-content">
<div id="his-tl-contents" class="cont-series"> <div id="his-tl-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="utl('--now','more')">もっと</button> <button class="btn waves-effect " style="width:100%; padding:0;" onclick="utl('--now','more')">もっと</button>
</div> </div>
<div id="his-follow-list" class="col s12 tab-content"> <div id="his-follow-list" class="col s12 tab-content">
<div id="his-follow-list-contents" class="cont-series"> <div id="his-follow-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="flw('--now','more')">もっと</button> <button class="btn waves-effect " style="width:100%; padding:0;" onclick="flw('--now','more')">もっと</button>
</div> </div>
<div id="his-follower-list" class="col s12 tab-content"> <div id="his-follower-list" class="col s12 tab-content">
<div id="his-follower-list-contents" class="cont-series"> <div id="his-follower-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="fer('--now','more')">もっと</button> <button class="btn waves-effect " style="width:100%; padding:0;" onclick="fer('--now','more')">もっと</button>
</div> </div>
<div id="his-fav-list" class="col s12 tab-content"> <div id="his-fav-list" class="col s12 tab-content">
<div id="his-fav-list-contents" class="cont-series"> <div id="his-fav-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" onclick="showFav('more')">もっと</button> <button class="btn waves-effect" style="width:100%; padding:0;" onclick="showFav('more')">もっと</button>
</div> </div>
<div id="his-blocking-list" class="col s12 tab-content"> <div id="his-blocking-list" class="col s12 tab-content">
<div id="his-blocking-list-contents"class="cont-series" > <div id="his-blocking-list-contents"class="cont-series" >
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showBlo('more')">もっと</button> <button class="btn waves-effect " style="width:100%; padding:0;" onclick="showBlo('more')">もっと</button>
</div> </div>
<div id="his-muting-list" class="col s12 tab-content"> <div id="his-muting-list" class="col s12 tab-content">
<div id="his-muting-list-contents" class="cont-series"> <div id="his-muting-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showMut('more')">もっと</button> <button class="btn waves-effect " style="width:100%; padding:0;" onclick="showMut('more')">もっと</button>
</div> </div>
<div id="his-domain-list" class="col s12 tab-content"> <div id="his-domain-list" class="col s12 tab-content">
<div id="his-domain-list-contents" class="cont-series"> <div id="his-domain-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showDom('more')">もっと</button>ブロックするドメイン <button class="btn waves-effect " style="width:100%; padding:0;" onclick="showDom('more')">もっと</button>ブロックするドメイン
<br> <br>
<input type="text" placeholder="example.com" id="domainblock"> <input type="text" placeholder="example.com" id="domainblock">
<button class="btn waves-effect" onclick="addDomainblock()">ブロック</button> <button class="btn waves-effect" onclick="addDomainblock()">ブロック</button>
<br> <br>
</div> </div>
<div id="his-prof-list" class="col s12 tab-content">名前 <div id="his-prof-list" class="col s12 tab-content">名前
<br> <br>
<input type="text" placeholder="名前" id="his-name-val" width="max-width:150px;"> <input type="text" placeholder="名前" id="his-name-val" width="max-width:150px;">
<br>自己紹介 <br>自己紹介
<br> <br>
<div class="input-field col s12"> <div class="input-field col s12">
<textarea placeholder="自己紹介" id="his-des-val" class="materialize-textarea"></textarea> <textarea placeholder="自己紹介" id="his-des-val" class="materialize-textarea"></textarea>
<label for="his-des-val">自己紹介</label> <label for="his-des-val">自己紹介</label>
</div> </div>
<button onclick="profedit()" class="btn waves-effect indigo">適用</button> <button onclick="profedit()" class="btn waves-effect indigo">適用</button>
<br> <br>
<br>プロフィール画像変更: <br>プロフィール画像変更:
<span id="prof-change"> <span id="prof-change">
<input type="file" onchange="imgChange(this,'avatar')"> <input type="file" onchange="imgChange(this,'avatar')">
</span> </span>
<br>ヘッダー画像変更: <br>ヘッダー画像変更:
<span id="header-change"> <span id="header-change">
<input type="file" onchange="imgChange(this,'header')"> <input type="file" onchange="imgChange(this,'header')">
</span> </span>
</div> </div>
<div id="his-request-list" class="col s12 tab-content"> <div id="his-request-list" class="col s12 tab-content">
<div id="his-request-list-contents" class="cont-series"> <div id="his-request-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showReq('more')">もっと</button> <button class="btn waves-effect " style="width:100%; padding:0;" onclick="showReq('more')">もっと</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button class="modal-action waves-effect waves-green btn-flat" id="his-history-btn" onclick="historyShow()">一つ前のユーザーデータ</button> <button class="modal-action waves-effect waves-green btn-flat" id="his-history-btn" onclick="historyShow()">一つ前のユーザーデータ</button>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-follow-btn" onclick="follow()">フォロー</a> <a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-follow-btn" onclick="follow()">フォロー</a>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-mute-btn" onclick="mute()">ミュート</a> <a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-mute-btn" onclick="mute()">ミュート</a>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-block-btn" onclick="block()">ブロック</a> <a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-block-btn" onclick="block()">ブロック</a>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-emp-btn" onclick="empUser()">ユーザー強調</a> <a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-emp-btn" onclick="empUser()">ユーザー強調</a>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" onclick="hisclose()">Close</a> <a href="#!" class="modal-action waves-effect waves-green btn-flat" onclick="hisclose()">Close</a>
</div> </div>
</div> </div>
<!-- Modal Structure Image--> <!-- Modal Structure Image-->
<div id="imagemodal" class="modal modal-fixed-footer" style="min-width:550px"> <div id="imagemodal" class="modal modal-fixed-footer" style="min-width:550px">
<div class="modal-content"> <div class="modal-content">
<div id="imagewrap"> <div id="imagewrap">
<img src="" id="imgmodal"> <img src="" id="imgmodal">
</div> </div>
<br> <br>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<a class="waves-effect white-text" onclick="zoom(2)"> <a class="waves-effect white-text" onclick="zoom(2)">
<i class="material-icons">zoom_in</i> <i class="material-icons">zoom_in</i>
</a> </a>
<a class="waves-effect white-text" onclick="zoom(0.5)"> <a class="waves-effect white-text" onclick="zoom(0.5)">
<i class="material-icons">zoom_out</i> <i class="material-icons">zoom_out</i>
</a> </a>
<button class="btn waves-effect purple" onclick="dlImg()"> <button class="btn waves-effect purple" onclick="dlImg()">
<i class="material-icons">file_download</i> <i class="material-icons">file_download</i>
</button> </button>
<button class="btn waves-effect brown" onclick="detFromImg()">当該トゥート</button> <button class="btn waves-effect brown" onclick="detFromImg()">当該トゥート</button>
<button class="btn waves-effect orange" onclick="imgCont('prev')" id="image-prev"> <button class="btn waves-effect orange" onclick="imgCont('prev')" id="image-prev">
<i class="material-icons">keyboard_arrow_left</i> <i class="material-icons">keyboard_arrow_left</i>
</button> </button>
<button class="btn waves-effect orange" onclick="imgCont('next')" id="image-next"> <button class="btn waves-effect orange" onclick="imgCont('next')" id="image-next">
<i class="material-icons">keyboard_arrow_right</i> <i class="material-icons">keyboard_arrow_right</i>
</button> </button>
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat"> <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">
<i class="material-icons">close</i> <i class="material-icons">close</i>
</a> </a>
</div> </div>
</div> </div>
<!-- Modal Structure Video--> <!-- Modal Structure Video-->
<div id="videomodal" class="modal modal-fixed-footer"> <div id="videomodal" class="modal modal-fixed-footer">
<div class="modal-content"> <div class="modal-content">
<video src="" id="video" style="width:100%;" controls > <video src="" id="video" style="width:100%;" controls >
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Close</a> <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Close</a>
</div> </div>
</div> </div>
<!--PiP-->
<div id="pip" class="hide pip-bottom pip-left">
<i class="material-icons pip-horiz pointer" onclick="pipHoriz()">chevron_right</i>　
<i class="material-icons pip-vert pointer" onclick="pipVert()">expand_less</i>　
<i class="material-icons pointer" onclick="endPip()">close</i>
<div id="pip-content">
</div>
</div>
<!--左下メッセージ--> <!--左下メッセージ-->
<div id="message"> <div id="message">
</div> </div>
@ -679,10 +690,10 @@ var tlid=0;
<script type="text/javascript" src="./js/tl/src.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/tl/filter.js"></script>
<script type="text/javascript" src="./js/tl/tag.js"></script> <script type="text/javascript" src="./js/tl/tag.js"></script>
<script type="text/javascript" src="./js/ui/post-box.js"></script>
<script type="text/javascript" src="./js/ui/layout.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/login.js"></script>
<script type="text/javascript" src="./js/login/instance.js"></script> <script type="text/javascript" src="./js/login/instance.js"></script>
<script type="text/javascript" src="./js/ui/post-box.js"></script>
<script type="text/javascript" src="./js/ui/img.js"></script> <script type="text/javascript" src="./js/ui/img.js"></script>
<script type="text/javascript" src="./js/ui/theme.js"></script> <script type="text/javascript" src="./js/ui/theme.js"></script>
<script type="text/javascript" src="./js/ui/pip.js"></script> <script type="text/javascript" src="./js/ui/pip.js"></script>

186
app/js/emoji/activity.js
View File

@ -1,93 +1,93 @@
var activity='<a onclick="emojiInsert(\':soccer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 10.4167%;"></span></a>'+ var activity='<a onclick="defEmoji(\':soccer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 10.4167%;"></span></a>'+
'<a onclick="emojiInsert(\':basketball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 56.25%;"></span></a>'+ '<a onclick="defEmoji(\':basketball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 56.25%;"></span></a>'+
'<a onclick="emojiInsert(\':football:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 12.5%;"></span></a>'+ '<a onclick="defEmoji(\':football:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 12.5%;"></span></a>'+
'<a onclick="emojiInsert(\':baseball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 12.5%;"></span></a>'+ '<a onclick="defEmoji(\':baseball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 12.5%;"></span></a>'+
'<a onclick="emojiInsert(\':tennis:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 52.0833%;"></span></a>'+ '<a onclick="defEmoji(\':tennis:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 52.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':volleyball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 60.4167%;"></span></a>'+ '<a onclick="defEmoji(\':volleyball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 60.4167%;"></span></a>'+
'<a onclick="emojiInsert(\':rugby_football:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 14.5833%;"></span></a>'+ '<a onclick="defEmoji(\':rugby_football:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 14.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':8ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 25%;"></span></a>'+ '<a onclick="defEmoji(\':8ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 25%;"></span></a>'+
'<a onclick="emojiInsert(\':table_tennis_paddle_and_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 66.6667%;"></span></a>'+ '<a onclick="defEmoji(\':table_tennis_paddle_and_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 66.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':badminton_racquet_and_shuttlecock:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 20.8333% 35.4167%;"></span></a>'+ '<a onclick="defEmoji(\':badminton_racquet_and_shuttlecock:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 20.8333% 35.4167%;"></span></a>'+
'<a onclick="emojiInsert(\':goal_net:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 16.6667%;"></span></a>'+ '<a onclick="defEmoji(\':goal_net:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 16.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':ice_hockey_stick_and_puck:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 64.5833%;"></span></a>'+ '<a onclick="defEmoji(\':ice_hockey_stick_and_puck:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 64.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':field_hockey_stick_and_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 62.5%;"></span></a>'+ '<a onclick="defEmoji(\':field_hockey_stick_and_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 62.5%;"></span></a>'+
'<a onclick="emojiInsert(\':cricket_bat_and_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 58.3333%;"></span></a>'+ '<a onclick="defEmoji(\':cricket_bat_and_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 58.3333%;"></span></a>'+
'<a onclick="emojiInsert(\':golf:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 41.6667%;"></span></a>'+ '<a onclick="defEmoji(\':golf:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 41.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':bow_and_arrow:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 20.8333% 37.5%;"></span></a>'+ '<a onclick="defEmoji(\':bow_and_arrow:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 20.8333% 37.5%;"></span></a>'+
'<a onclick="emojiInsert(\':fishing_pole_and_fish:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 97.9167%;"></span></a>'+ '<a onclick="defEmoji(\':fishing_pole_and_fish:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 97.9167%;"></span></a>'+
'<a onclick="emojiInsert(\':boxing_glove:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 25%;"></span></a>'+ '<a onclick="defEmoji(\':boxing_glove:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 25%;"></span></a>'+
'<a onclick="emojiInsert(\':martial_arts_uniform:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 27.0833%;"></span></a>'+ '<a onclick="defEmoji(\':martial_arts_uniform:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 27.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':ice_skate:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 50%;"></span></a>'+ '<a onclick="defEmoji(\':ice_skate:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 50%;"></span></a>'+
'<a onclick="emojiInsert(\':ski:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 54.1667%;"></span></a>'+ '<a onclick="defEmoji(\':ski:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 54.1667%;"></span></a>'+
'<a onclick="emojiInsert(\':skier:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 47.9167%;"></span></a>'+ '<a onclick="defEmoji(\':skier:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 47.9167%;"></span></a>'+
'<a onclick="emojiInsert(\':snowboarder:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 60.4167%;"></span></a>'+ '<a onclick="defEmoji(\':snowboarder:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 60.4167%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-lifting-weights:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 50%;"></span></a>'+ '<a onclick="defEmoji(\':woman-lifting-weights:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 50%;"></span></a>'+
'<a onclick="emojiInsert(\':weight_lifter:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 29.1667%;"></span></a>'+ '<a onclick="defEmoji(\':weight_lifter:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 29.1667%;"></span></a>'+
'<a onclick="emojiInsert(\':fencer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 79.1667%;"></span></a>'+ '<a onclick="defEmoji(\':fencer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 79.1667%;"></span></a>'+
'<a onclick="emojiInsert(\':wrestlers:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 81.25%;"></span></a>'+ '<a onclick="defEmoji(\':wrestlers:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 81.25%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-wrestling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 100%;"></span></a>'+ '<a onclick="defEmoji(\':woman-wrestling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 100%;"></span></a>'+
'<a onclick="emojiInsert(\':man-wrestling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 0%;"></span></a>'+ '<a onclick="defEmoji(\':man-wrestling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 0%;"></span></a>'+
'<a onclick="emojiInsert(\':person_doing_cartwheel:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 54.1667%;"></span></a>'+ '<a onclick="defEmoji(\':person_doing_cartwheel:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 54.1667%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-cartwheeling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 50%;"></span></a>'+ '<a onclick="defEmoji(\':woman-cartwheeling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 50%;"></span></a>'+
'<a onclick="emojiInsert(\':man-cartwheeling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 62.5%;"></span></a>'+ '<a onclick="defEmoji(\':man-cartwheeling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 62.5%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-bouncing-ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 52.0833%;"></span></a>'+ '<a onclick="defEmoji(\':woman-bouncing-ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 52.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':person_with_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 52.0833%;"></span></a>'+ '<a onclick="defEmoji(\':person_with_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 52.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':handball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 95.8333%;"></span></a>'+ '<a onclick="defEmoji(\':handball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 95.8333%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-playing-handball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 27.0833%;"></span></a>'+ '<a onclick="defEmoji(\':woman-playing-handball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 27.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':man-playing-handball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 39.5833%;"></span></a>'+ '<a onclick="defEmoji(\':man-playing-handball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 39.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-golfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 75%;"></span></a>'+ '<a onclick="defEmoji(\':woman-golfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 75%;"></span></a>'+
'<a onclick="emojiInsert(\':golfer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 41.6667%;"></span></a>'+ '<a onclick="defEmoji(\':golfer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 41.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-surfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 0%;"></span></a>'+ '<a onclick="defEmoji(\':woman-surfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 0%;"></span></a>'+
'<a onclick="emojiInsert(\':surfer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 85.4167%;"></span></a>'+ '<a onclick="defEmoji(\':surfer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 85.4167%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-swimming:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 25%;"></span></a>'+ '<a onclick="defEmoji(\':woman-swimming:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 25%;"></span></a>'+
'<a onclick="emojiInsert(\':swimmer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 16.6667%;"></span></a>'+ '<a onclick="defEmoji(\':swimmer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 16.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':water_polo:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 83.3333%;"></span></a>'+ '<a onclick="defEmoji(\':water_polo:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 83.3333%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-playing-water-polo:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 2.08333%;"></span></a>'+ '<a onclick="defEmoji(\':woman-playing-water-polo:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 2.08333%;"></span></a>'+
'<a onclick="emojiInsert(\':man-playing-water-polo:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 14.5833%;"></span></a>'+ '<a onclick="defEmoji(\':man-playing-water-polo:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 14.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-rowing-boat:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 2.08333%;"></span></a>'+ '<a onclick="defEmoji(\':woman-rowing-boat:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 2.08333%;"></span></a>'+
'<a onclick="emojiInsert(\':rowboat:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 52.0833% 85.4167%;"></span></a>'+ '<a onclick="defEmoji(\':rowboat:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 52.0833% 85.4167%;"></span></a>'+
'<a onclick="emojiInsert(\':horse_racing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 0%;"></span></a>'+ '<a onclick="defEmoji(\':horse_racing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 0%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 27.0833%;"></span></a>'+ '<a onclick="defEmoji(\':woman-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 27.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':bicyclist:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 54.1667% 29.1667%;"></span></a>'+ '<a onclick="defEmoji(\':bicyclist:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 54.1667% 29.1667%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-mountain-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 52.0833%;"></span></a>'+ '<a onclick="defEmoji(\':woman-mountain-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 52.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':mountain_bicyclist:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 54.1667% 41.6667%;"></span></a>'+ '<a onclick="defEmoji(\':mountain_bicyclist:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 54.1667% 41.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':running_shirt_with_sash:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 50%;"></span></a>'+ '<a onclick="defEmoji(\':running_shirt_with_sash:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 50%;"></span></a>'+
'<a onclick="emojiInsert(\':sports_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 97.9167%;"></span></a>'+ '<a onclick="defEmoji(\':sports_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 97.9167%;"></span></a>'+
'<a onclick="emojiInsert(\':medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 77.0833%;"></span></a>'+ '<a onclick="defEmoji(\':medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 77.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':first_place_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 18.75%;"></span></a>'+ '<a onclick="defEmoji(\':first_place_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 18.75%;"></span></a>'+
'<a onclick="emojiInsert(\':second_place_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 20.8333%;"></span></a>'+ '<a onclick="defEmoji(\':second_place_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 20.8333%;"></span></a>'+
'<a onclick="emojiInsert(\':third_place_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 22.9167%;"></span></a>'+ '<a onclick="defEmoji(\':third_place_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 22.9167%;"></span></a>'+
'<a onclick="emojiInsert(\':trophy:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 100%;"></span></a>'+ '<a onclick="defEmoji(\':trophy:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 100%;"></span></a>'+
'<a onclick="emojiInsert(\':rosette:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 20.8333% 31.25%;"></span></a>'+ '<a onclick="defEmoji(\':rosette:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 20.8333% 31.25%;"></span></a>'+
'<a onclick="emojiInsert(\':reminder_ribbon:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 79.1667%;"></span></a>'+ '<a onclick="defEmoji(\':reminder_ribbon:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 79.1667%;"></span></a>'+
'<a onclick="emojiInsert(\':ticket:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 12.5%;"></span></a>'+ '<a onclick="defEmoji(\':ticket:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 12.5%;"></span></a>'+
'<a onclick="emojiInsert(\':admission_tickets:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 89.5833%;"></span></a>'+ '<a onclick="defEmoji(\':admission_tickets:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 89.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':circus_tent:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 10.4167%;"></span></a>'+ '<a onclick="defEmoji(\':circus_tent:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 10.4167%;"></span></a>'+
'<a onclick="emojiInsert(\':juggling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 66.6667%;"></span></a>'+ '<a onclick="defEmoji(\':juggling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 66.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-juggling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 75%;"></span></a>'+ '<a onclick="defEmoji(\':woman-juggling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 75%;"></span></a>'+
'<a onclick="emojiInsert(\':man-juggling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 87.5%;"></span></a>'+ '<a onclick="defEmoji(\':man-juggling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 87.5%;"></span></a>'+
'<a onclick="emojiInsert(\':performing_arts:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 16.6667%;"></span></a>'+ '<a onclick="defEmoji(\':performing_arts:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 16.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':art:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 6.25%;"></span></a>'+ '<a onclick="defEmoji(\':art:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 6.25%;"></span></a>'+
'<a onclick="emojiInsert(\':clapper:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 14.5833%;"></span></a>'+ '<a onclick="defEmoji(\':clapper:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 14.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':microphone:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 100%;"></span></a>'+ '<a onclick="defEmoji(\':microphone:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 100%;"></span></a>'+
'<a onclick="emojiInsert(\':headphones:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 4.16667%;"></span></a>'+ '<a onclick="defEmoji(\':headphones:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 4.16667%;"></span></a>'+
'<a onclick="emojiInsert(\':musical_score:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 47.9167%;"></span></a>'+ '<a onclick="defEmoji(\':musical_score:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 47.9167%;"></span></a>'+
'<a onclick="emojiInsert(\':musical_keyboard:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 41.6667%;"></span></a>'+ '<a onclick="defEmoji(\':musical_keyboard:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 41.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':drum_with_drumsticks:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 8.33333%;"></span></a>'+ '<a onclick="defEmoji(\':drum_with_drumsticks:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 8.33333%;"></span></a>'+
'<a onclick="emojiInsert(\':saxophone:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 37.5%;"></span></a>'+ '<a onclick="defEmoji(\':saxophone:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 37.5%;"></span></a>'+
'<a onclick="emojiInsert(\':trumpet:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 43.75%;"></span></a>'+ '<a onclick="defEmoji(\':trumpet:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 43.75%;"></span></a>'+
'<a onclick="emojiInsert(\':guitar:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 39.5833%;"></span></a>'+ '<a onclick="defEmoji(\':guitar:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 39.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':violin:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 45.8333%;"></span></a>'+ '<a onclick="defEmoji(\':violin:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 45.8333%;"></span></a>'+
'<a onclick="emojiInsert(\':game_die:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 27.0833%;"></span></a>'+ '<a onclick="defEmoji(\':game_die:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 27.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':dart:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 20.8333%;"></span></a>'+ '<a onclick="defEmoji(\':dart:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 20.8333%;"></span></a>'+
'<a onclick="emojiInsert(\':bowling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 29.1667%;"></span></a>'+ '<a onclick="defEmoji(\':bowling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 29.1667%;"></span></a>'+
'<a onclick="emojiInsert(\':video_game:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 18.75%;"></span></a>'+ '<a onclick="defEmoji(\':video_game:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 18.75%;"></span></a>'+
'<a onclick="emojiInsert(\':slot_machine:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 22.9167%;"></span></a>'+ '<a onclick="defEmoji(\':slot_machine:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 22.9167%;"></span></a>'+
'<a onclick="emojiInsert(\':man-bouncing-ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 64.5833%;"></span></a>'+ '<a onclick="defEmoji(\':man-bouncing-ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 64.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':man-lifting-weights:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 62.5%;"></span></a>'+ '<a onclick="defEmoji(\':man-lifting-weights:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 62.5%;"></span></a>'+
'<a onclick="emojiInsert(\':man-golfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 87.5%;"></span></a>'+ '<a onclick="defEmoji(\':man-golfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 87.5%;"></span></a>'+
'<a onclick="emojiInsert(\':man-surfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 12.5%;"></span></a>'+ '<a onclick="defEmoji(\':man-surfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 12.5%;"></span></a>'+
'<a onclick="emojiInsert(\':man-swimming:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 37.5%;"></span></a>'+ '<a onclick="defEmoji(\':man-swimming:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 37.5%;"></span></a>'+
'<a onclick="emojiInsert(\':man-rowing-boat:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 14.5833%;"></span></a>'+ '<a onclick="defEmoji(\':man-rowing-boat:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 14.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':man-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 39.5833%;"></span></a>'+ '<a onclick="defEmoji(\':man-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 39.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':man-mountain-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 64.5833%;"></span></a>'; '<a onclick="defEmoji(\':man-mountain-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 64.5833%;"></span></a>';

3
app/js/emoji/default-emoji.js
View File

@ -48,8 +48,9 @@ function defEmoji(target){
var after = now.substr(selin, now.length); var after = now.substr(selin, now.length);
newt = before+ emoji.emoji + after; newt = before+ emoji.emoji + after;
}else{ }else{
newt = code; newt = now+emoji.emoji;
} }
console.log(emoji.emoji);
$("#textarea").val(newt); $("#textarea").val(newt);
//emoji(); //emoji();
$("#textarea").focus(); $("#textarea").focus();

3
app/js/post/emoji.js
View File

@ -7,6 +7,9 @@ $("#emoji-next").addClass("disabled");
function emoji() { function emoji() {
var acct_id = $("#post-acct-sel").val(); var acct_id = $("#post-acct-sel").val();
var selin = $("#textarea").prop('selectionStart'); var selin = $("#textarea").prop('selectionStart');
if(!selin){
selin=0;
}
localStorage.setItem("cursor", selin); localStorage.setItem("cursor", selin);
if ($("#emoji").hasClass("hide")) { if ($("#emoji").hasClass("hide")) {
$("#emoji").removeClass("hide") $("#emoji").removeClass("hide")

10
app/js/post/post.js
View File

@ -72,14 +72,14 @@ function clear() {
$("#cw").removeClass("cw-avail"); $("#cw").removeClass("cw-avail");
$("#rec").text("いいえ"); $("#rec").text("いいえ");
$("#mec").text("なし"); $("#mec").text("なし");
var vis = localStorage.getItem("vis"); var vist = localStorage.getItem("vis");
if (!vis) { if (!vist) {
$("#vis").text("public"); vis("public");
} else { } else {
if (vis == "memory") { if (vist == "memory") {
localStorage.setItem("vis-memory", $("#vis").text()); localStorage.setItem("vis-memory", $("#vis").text());
} else { } else {
$("#vis").text(vis); vis(vist);
} }
} }
$("#nsfw").addClass("blue"); $("#nsfw").addClass("blue");

2
app/js/tl/parse.js
View File

@ -215,7 +215,7 @@ function parse(obj, mix, acct_id, tlid, popup) {
var emoji = toot.emojis[key5]; var emoji = toot.emojis[key5];
var shortcode = emoji.shortcode; var shortcode = emoji.shortcode;
var emoji_url = '<img src="' + emoji.url + var emoji_url = '<img src="' + emoji.url +
'" style="width:1em" class="emoji-img">'; '" class="emoji-img">';
var regExp = new RegExp(":" + shortcode + ":", "g"); var regExp = new RegExp(":" + shortcode + ":", "g");
content = content.replace(regExp, emoji_url); content = content.replace(regExp, emoji_url);
spoil = toot.spoiler_text.replace(regExp, emoji_url); spoil = toot.spoiler_text.replace(regExp, emoji_url);

1
app/js/tl/src.js
View File

@ -4,6 +4,7 @@ function srcToggle() {
$("#src-box").toggleClass("hide"); $("#src-box").toggleClass("hide");
$("#src-box").toggleClass("show"); $("#src-box").toggleClass("show");
$("#src-box").css("top",$('#src-tgl').offset().top+"px"); $("#src-box").css("top",$('#src-tgl').offset().top+"px");
$("#src-box").css("left",$('#src-tgl').offset().left-410+"px");
$('ul.tabs').tabs('select_tab', 'src-sta'); $('ul.tabs').tabs('select_tab', 'src-sta');
$("#src-contents").html(""); $("#src-contents").html("");
} }

11
app/js/ui/layout.js
View File

@ -10,13 +10,16 @@
function addToggle() { function addToggle() {
$("#add-box").toggleClass("hide"); $("#add-box").toggleClass("hide");
$("#add-box").css("top",$('#add-tgl').offset().top+"px"); $("#add-box").css("top",$('#add-tgl').offset().top+"px");
$("#add-box").css("left",$('#add-tgl').offset().left-410+"px");
$("#add-box").toggleClass("show"); $("#add-box").toggleClass("show");
} }
//最初、カラム変更時に発火 //最初、カラム変更時に発火
function parseColumn() { function parseColumn() {
var size = localStorage.getItem("size"); var size = localStorage.getItem("size");
if (size) { if (size) {
$("html").css("font-size", size + "px"); $("#timeline-container").css("font-size", size + "px");
$(".toot-reset").css("font-size", size + "px");
$(".cont-series").css("font-size", size + "px");
} }
tlCloser(); tlCloser();
var multi = localStorage.getItem("multi"); var multi = localStorage.getItem("multi");
@ -46,6 +49,10 @@
ckdb(key); ckdb(key);
}); });
} }
var xed=localStorage.getItem("xed");
if(xed){
xpand();
}
var col = localStorage.getItem("column"); var col = localStorage.getItem("column");
if (!col) { if (!col) {
var obj = [{ var obj = [{
@ -85,7 +92,7 @@
'<div class="hide notf-indv-box" id="notf-box_' + key + '<div class="hide notf-indv-box" id="notf-box_' + key +
'"><div id="notifications_' + key + '"><div id="notifications_' + key +
'" data-notf="' + acct.domain + '"></div></div></div><div class="tl-box" tlid="' + key + '"><div id="timeline_' + key + '" data-notf="' + acct.domain + '"></div></div></div><div class="tl-box" tlid="' + key + '"><div id="timeline_' + key +
'" class="tl" tlid="' + key + '"'+notf_attr+'></div></div></div>'; '" class="tl" tlid="' + key + '"'+notf_attr+'><div style="text-align:center">[ここにトゥートはありません。]<br>F5で再読込できます。</div></div></div></div>';
$("#timeline-container").append(html); $("#timeline-container").append(html);
if (acct.data) { if (acct.data) {
var data = acct.data; var data = acct.data;

21
app/js/ui/post-box.js
View File

@ -41,8 +41,27 @@ function zoomBox() {
$("#post-box").css('width', '50vw'); $("#post-box").css('width', '50vw');
$("#post-box").addClass("bigbox") $("#post-box").addClass("bigbox")
} }
} }
//サイドバー開閉
function xpand() {
if ($("#sidebar").hasClass("xed")) {
$(".side-label").show();
$("#sidebar").css('width', '75px');
$("#sidebar .big-menu i").addClass('big-icon');
$("#sidebar").removeClass("xed");
$("#x-btn").text("keyboard_arrow_right");
localStorage.removeItem("xed");
} else {
$("#sidebar").css('width', '24px');
$("#sidebar").addClass("xed");
$("#sidebar .big-menu i").removeClass('big-icon');
$(".side-label").hide();
$("#x-btn").text("keyboard_arrow_left");
localStorage.setItem("xed","true");
}
}
//コード受信 //コード受信
if(location.search){ if(location.search){
var m = location.search.match(/\?mode=([a-zA-Z-0-9]+)\&code=(.+)/); var m = location.search.match(/\?mode=([a-zA-Z-0-9]+)\&code=(.+)/);

2
app/js/ui/sort.js
View File

@ -75,11 +75,13 @@ function sort(){
sortload(); sortload();
parseColumn(); parseColumn();
} }
//ソートボタントグル
function sortToggle(){ function sortToggle(){
$("#sort").html(""); $("#sort").html("");
if ($("#sort-box").hasClass("hide")) { if ($("#sort-box").hasClass("hide")) {
$("#sort-box").removeClass("hide"); $("#sort-box").removeClass("hide");
$("#sort-box").css("top",$('#sort-tgl').offset().top+"px"); $("#sort-box").css("top",$('#sort-tgl').offset().top+"px");
$("#sort-box").css("left",$('#sort-tgl').offset().left-410+"px");
//並べ替え //並べ替え
sortload(); sortload();
} else { } else {

4
app/js/userdata/prof-edit.js
View File

@ -25,7 +25,7 @@ function profedit() {
console.error(error); console.error(error);
}).then(function(json) { }).then(function(json) {
console.log(json); console.log(json);
getdata(); $('#his-data').modal('close');
todc(); todc();
}); });
} }
@ -62,7 +62,7 @@ function imgChange(imgfile, target) {
console.error(error); console.error(error);
}).then(function(json) { }).then(function(json) {
console.log(json); console.log(json);
getdata(); $('#his-data').modal('close');
todc(); todc();
}); });
} }

2
app/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "TheDesk", "name": "TheDesk",
"version": "13.3.0", "version": "13.4.1",
"description": "TheDesk on Mastodonはシンプルと多機能を両立したデスクトップ向けクライアントです", "description": "TheDesk on Mastodonはシンプルと多機能を両立したデスクトップ向けクライアントです",
"main": "main.js", "main": "main.js",
"scripts": { "scripts": {

2
app/setting.html
View File

@ -20,8 +20,6 @@
<script type="text/javascript" src="./js/common/time.js"></script> <script type="text/javascript" src="./js/common/time.js"></script>
<script type="text/javascript" src="./js/common/modal.js"></script> <script type="text/javascript" src="./js/common/modal.js"></script>
<h4>設定</h4> <h4>設定</h4>
<a href="acct.html" class="btn waves-effect blue nex" style="width:100%; max-width:400px;"><i class="material-icons left">account_circle</i>アカウントマネージャー</a>
<br>
<ul class="collapsible" data-collapsible="accordion"> <ul class="collapsible" data-collapsible="accordion">
<li> <li>
<div class="collapsible-header"> <div class="collapsible-header">

2
ver.json
View File

@ -1 +1 @@
{"warn":"これはGCPにアップして下さい！！","warn2":"これはGCPにアップして下さい！！","warn3":"これはGCPにアップして下さい！！","desk":"Airi (ver.3)","date":"2018-03-14","detail":"内部V:13.3.0|大量のバグを修正。"} {"warn":"これはGCPにアップして下さい！！","warn2":"これはGCPにアップして下さい！！","warn3":"これはGCPにアップして下さい！！","desk":"Airi (ver.4[fixed])","date":"2018-03-14","detail":"内部V:13.4.0|いくつかのバグを修正。機能改修。"}