<!-- 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>