211 lines
11 KiB
HTML
211 lines
11 KiB
HTML
<!-- Modal Structure Userdata -->
|
|
<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-show">
|
|
<div id="his-data-wrap">
|
|
<div class="his-float" id="his-float-data">
|
|
<div id="his-leftside">
|
|
<div id="his-basic-prof">
|
|
<div>
|
|
<img src="../../img/loading.svg" id="his-prof" draggable="false" />
|
|
</div>
|
|
<div>
|
|
<span id="his-name">Loading...</span>
|
|
<span class="gray">@</span><span id="his-acct" class="gray"></span><br />
|
|
<span class="gray" id="his-relation"></span>
|
|
<br />
|
|
<span class="cbadge"> <span id="his-sta"></span>@@toots@@ </span>
|
|
<span class="cbadge"
|
|
>@@follow@@:
|
|
<span id="his-follow"></span>
|
|
</span>
|
|
<span class="cbadge">@@follower@@: <span id="his-follower"></span> </span><br />
|
|
<span class="cbadge" style="max-width: 11.5rem; width: 11.5rem"
|
|
>Since:
|
|
<span id="his-since"></span>
|
|
</span>
|
|
<span class="cbadge" id="his-bot">[bot]</span>
|
|
</div>
|
|
</div>
|
|
<div id="his-proof-prof"></div>
|
|
<div id="his-des" data-acct=""></div>
|
|
<br />
|
|
<div id="his-table"></div>
|
|
<br />
|
|
<div id="his-sign-action">
|
|
<a href="#!" class="waves-effect waves-green btn" onclick="follow()" style="flex-basis: 100%" id="his-follow-btn"
|
|
><i class="material-icons">people</i><span id="his-follow-btn-text">@@follow@@</span></a
|
|
>
|
|
<a href="#!" class="waves-effect waves-green btn blue shrinker" onclick="muteMenu()" id="his-mute-btn"
|
|
><i class="material-icons">voice_over_off</i><span id="his-mute-btn-text">@@mute@@</span>
|
|
</a>
|
|
<a href="#!" class="waves-effect waves-green btn red shrinker" onclick="block()" id="his-block-btn"
|
|
><i class="material-icons">block</i><span id="his-block-btn-text">@@block@@</span></a
|
|
>
|
|
<a class="dropdown-trigger btn waves-effect grey" href="#" data-target="actiondropdown"> <i class="material-icons">more_vert</i>@@more@@</a>
|
|
</div>
|
|
<div id="muteDuration" class="hide">
|
|
<label>
|
|
<input type="checkbox" class="filled-in" id="notf_mute" value="1" />
|
|
<span>@@notfMute@@</span>
|
|
</label>
|
|
<br />
|
|
@@zeroSetToInfinity@@<br />
|
|
Quick: <a onclick="muteTime(0,0,5)" class="pointer">5@@mins@@</a>/ <a onclick="muteTime(0,0,30)" class="pointer">30@@mins@@</a>/ <a onclick="muteTime(0,1,0)" class="pointer">1@@hours@@</a>/
|
|
<a onclick="muteTime(0,6,0)" class="pointer">6@@hours@@</a>/ <a onclick="muteTime(1,0,0)" class="pointer">1@@days@@</a>/
|
|
<a onclick="muteTime(3,0,0)" class="pointer">3@@days@@</a>/ <a onclick="muteTime(7,0,0)" class="pointer">7@@days@@</a>
|
|
<a onclick="muteTime(0,0,0)" class="pointer">@@unlimited@@</a><br />
|
|
<input type="number" style="width: 62px" id="days_mute" placeholder="d" value="0" />@@days@@
|
|
<input type="number" style="width: 62px" id="hours_mute" placeholder="h" value="0" />@@hours@@
|
|
<input type="number" style="width: 62px" id="mins_mute" placeholder="m" value="0" />@@mins@@
|
|
<a href="#!" class="waves-effect waves-green btn blue" onclick="muteDo()" id="his-mute-btn"
|
|
><i class="material-icons">voice_over_off</i><span id="his-mute-btn-text">@@mute@@</span>
|
|
</a>
|
|
</div>
|
|
<!-- Dropdown Structure -->
|
|
<ul id="actiondropdown" class="dropdown-content">
|
|
<li onclick="empUser()">
|
|
<a title="@@empUser@@"><i class="material-icons">highlight</i>@@empUser@@</a>
|
|
</li>
|
|
<li onclick="pinUser()" class="only-his-data">
|
|
<a title="@@endorse@@"><i class="material-icons">thumb_up</i>@@endorse@@</a>
|
|
</li>
|
|
<li onclick="profbrws()" id="his-openin">
|
|
<a title="@@openinbrowser@@"><i class="material-icons">open_in_browser</i>@@openinbrowser@@</a>
|
|
</li>
|
|
<li onclick="setMain()" class="only-my-data" id="his-main-acct">
|
|
<a title="@@mainacct@@"><i class="material-icons">grade</i>@@mainacct@@</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="his-float" id="his-float-timeline">
|
|
<div id="my-data-nav">
|
|
<a go="#his-tl" title="@@timeline@@" class="btn active-back column-first anc-link waves-effect"><i class="material-icons">timeline</i>@@timeline@@</a>
|
|
<a go="#his-follow-list" title="@@follow@@" class="btn anc-link waves-effect"><i class="material-icons">people</i>→@@follow@@</a>
|
|
<a go="#his-follower-list" title="@@follower@@" class="btn anc-link waves-effect"><i class="material-icons">people</i>←@@follower@@</a>
|
|
<a go="#his-fav-list" title="@@favRegist@@" class="btn only-my-data anc-link waves-effect"> <i class="material-icons">star</i>@@favRegist@@</a>
|
|
<a class="dropdown-trigger btn waves-effect" href="#" data-target="hisdropdown"><i class="material-icons">more_vert</i>@@more@@</a>
|
|
<div id="his-data-title-wrap">
|
|
<span id="his-data-title"><i class="material-icons">timeline</i>@@timeline@@</span>
|
|
<button class="btn waves-effect grey darken-2" style="width: 180px" id="util-add" onclick="utlAdd()">
|
|
<i class="material-icons">add</i>
|
|
@@utlColumn@@
|
|
</button>
|
|
</div>
|
|
<!-- Dropdown Structure -->
|
|
<ul id="hisdropdown" class="dropdown-content">
|
|
<li class="anc-link only-his-data" go="#his-list">
|
|
<a href="#" title="@@list@@"> <i class="material-icons">list</i>@@list@@ </a>
|
|
</li>
|
|
<li class="anc-link only-my-data" go="#his-blocking-list">
|
|
<a href="#" title="@@blocks@@"><i class="material-icons">block</i>@@blocks@@</a>
|
|
</li>
|
|
<li class="anc-link only-my-data" go="#his-muting-list">
|
|
<a href="#" title="@@mute@@"><i class="material-icons">voice_over_off</i>@@mute@@</a>
|
|
</li>
|
|
<li class="anc-link only-my-data" go="#his-domain-list">
|
|
<a href="#" title="@@domainBlock@@"><i class="material-icons">cancel_schedule_send</i>@@domainBlock@@</a>
|
|
</li>
|
|
<li class="anc-link only-my-data" go="#his-prof-list">
|
|
<a href="#" title="@@editProf@@"><i class="material-icons">create</i>@@editProf@@</a>
|
|
</li>
|
|
<li class="anc-link only-my-data" go="#his-request-list">
|
|
<a href="#" title="@@followReq@@"><i class="material-icons">how_to_reg</i>@@followReq@@</a>
|
|
</li>
|
|
<li class="anc-link only-my-data" go="#his-follow-recom-list">
|
|
<a href="#" title="@@frc@@"><i class="material-icons">recent_actors</i>@@frc@@</a>
|
|
</li>
|
|
<li class="anc-link only-his-data" go="#his-action">
|
|
<a href="#" title="@@operateOtherAcct@@"><i class="material-icons">account_box</i>@@operateOtherAcct@@</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div id="his-tl" class="his-var-content">
|
|
<div id="his-tl-contents" class="cont-series"></div>
|
|
<button class="btn waves-effect" style="width: 100%; padding: 0" onclick="utlShow('--now','more')">@@more@@</button>
|
|
</div>
|
|
<div id="his-follow-list" class="his-var-content">
|
|
<div id="his-follow-list-contents" class="cont-series"></div>
|
|
<button class="btn waves-effect" style="width: 100%; padding: 0" onclick="flw('--now','more')">@@more@@</button>
|
|
</div>
|
|
<div id="his-follower-list" class="his-var-content">
|
|
<div id="his-follower-list-contents" class="cont-series"></div>
|
|
<button class="btn waves-effect" style="width: 100%; padding: 0" onclick="fer('--now','more')">@@more@@</button>
|
|
</div>
|
|
<div id="his-action" class="his-var-content">
|
|
@@useOtherAcct1@@@@revoverJP@@@@follow@@(@@warnUseOtherAcct@@)<br />
|
|
<div style="max-width: 500px">
|
|
<select id="user-acct-sel" class="acct-sel"></select>
|
|
</div>
|
|
@@revoverJPde@@
|
|
<a href="#!" class="waves-effect btn" onclick="follow('selector','selector')">@@follow@@</a><br />
|
|
@@or@@
|
|
<br />
|
|
<a href="#!" class="waves-effect btn" onclick="udgEx('selector', 'selector')">@@openProf@@</a><br />
|
|
</div>
|
|
<div id="his-list" class="his-var-content">
|
|
<div id="his-lists-a">@@warnListRegist@@</div>
|
|
|
|
<div id="his-lists-b"></div>
|
|
</div>
|
|
<div id="his-fav-list" class="his-var-content">
|
|
<div id="his-fav-list-contents" class="cont-series"></div>
|
|
<button class="btn waves-effect" style="width: 100%; padding: 0" onclick="showFav('more')">@@more@@</button>
|
|
</div>
|
|
<div id="his-blocking-list" class="his-var-content">
|
|
<div id="his-blocking-list-contents" class="cont-series"></div>
|
|
<button class="btn waves-effect" style="width: 100%; padding: 0" onclick="showBlo('more')">@@more@@</button>
|
|
</div>
|
|
<div id="his-muting-list" class="his-var-content">
|
|
<div id="his-muting-list-contents" class="cont-series"></div>
|
|
<button class="btn waves-effect" style="width: 100%; padding: 0" onclick="showMut('more')">@@more@@</button>
|
|
</div>
|
|
<div id="his-domain-list" class="his-var-content">
|
|
<div id="his-domain-list-contents" class="cont-series"></div>
|
|
<button class="btn waves-effect" style="width: 100%; padding: 0" onclick="showDom('more')">@@more@@</button>@@blockDomain@@
|
|
<br />
|
|
<input type="text" placeholder="example.com" id="domainblock" />
|
|
<button class="btn waves-effect" onclick="addDomainblock()">@@add@@</button>
|
|
<br />
|
|
</div>
|
|
<div id="his-prof-list" class="his-var-content">
|
|
@@name@@
|
|
<br />
|
|
<input type="text" placeholder="@@name@@" id="his-name-val" style="max-width: 250px" />
|
|
<br />@@note@@
|
|
<br />
|
|
<div class="input-field col s12">
|
|
<textarea placeholder="@@note@@" id="his-des-val" class="materialize-textarea"></textarea>
|
|
<label for="his-des-val">@@note@@</label>
|
|
</div>
|
|
<button class="btn waves-effect" style="width: 100%; padding: 0" onclick="profedit()">@@change@@</button>
|
|
<br />@@editProfImg@@:
|
|
<span id="prof-change">
|
|
<input type="file" onchange="imgChange(this,'avatar')" />
|
|
</span>
|
|
<br />@@editHeader@@:
|
|
<span id="header-change">
|
|
<input type="file" onchange="imgChange(this,'header')" />
|
|
</span>
|
|
</div>
|
|
<div id="his-request-list" class="his-var-content">
|
|
<div id="his-request-list-contents" class="cont-series"></div>
|
|
<button class="btn waves-effect" style="width: 100%; padding: 0" onclick="showReq('more')">@@more@@</button>
|
|
</div>
|
|
<div id="his-follow-recom-list" class="his-var-content">
|
|
<div id="his-follow-recom-contents" class="cont-series"></div>
|
|
</div>
|
|
<div id="his-float-blocked">
|
|
<div>@@blocked@@</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="modal-action waves-effect waves-green btn-flat" id="his-history-btn" onclick="historyShow()">@@historyBack@@</button>
|
|
<a href="#!" class="modal-action waves-effect waves-green btn-flat" onclick="hisclose()">@@close@@</a>
|
|
</div>
|
|
</div>
|