Fix and Improve: show user data

This commit is contained in:
Cutls
2019-08-24 01:09:56 +09:00
parent c656bc4bb6
commit 24c69af942
10 changed files with 1260 additions and 1187 deletions

View File

@@ -423,186 +423,194 @@
<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 class="his-float" id="his-float-data">
<div id="his-basic-prof">
<img src="../../img/loading.svg" id="his-prof" draggable="false">
<span id="his-name">Loading...</span><span class="gray" id="his-bot"></span>
<br>@
<span id="his-acct"></span><br>
<span class="gray" id="his-relation"></span>
<br>
<span class="cbadge">
<span id="his-sta"></span>Тоот
</span>
<span class="cbadge">Следвам:
<span id="his-follow"></span>
</span>
<span class="cbadge">Последователи:
<span id="his-follower"></span>
</span><br>
<span class="cbadge" style="max-width:150px; width:150px; ">Since:
<span id="his-since"></span>
</span>
<div id="his-proof-prof"></div>
</div>
<div id="his-des" data-acct=""></div><br>
<div id="his-plus-action">
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn"
onclick="empUser()">Подчертайте този потребител</a>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data"
id="his-end-btn" onclick="pinUser()">Функция в профила</a><br>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin"
onclick="profbrws()">Отваряне в браузъра</a>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data"
id="his-main-acct" onclick="setMain()" style="width: calc(100% - 10px)">Set it an main account</a><br>
</div><br>
<div id="his-matching-list">
Намерете хора подобни на този потребител.<br>
Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User Matching</a><br>
<div id="his-matching-list-contents" class="cont-series"></div>
<button class="btn waves-effect " onclick="showMat()" style="width:100%;">Намери</button>
</div>
</div>
<div class="his-float" id="his-float-timeline">
<div id="my-data-nav">
<ul class="tabs transparent">
<li class="tab col my-data-width active-back column-first">
<a go="#his-tl" title="Времева линия"><i class="material-icons">timeline</i></a>
</li>
<li class="tab col my-data-width">
<a go="#his-follow-list" title="Следвам"><i class="material-icons">people</i></a>
</li>
<li class="tab col my-data-width">
<a go="#his-follower-list" title="Последователи"><i
class="material-icons">people</i></a>
</li>
<li class="tab col my-data-width only-his-data">
<a go="#his-action" title="Свързан-профил"><i
class="material-icons">account_box</i></a>
</li>
<li class="tab col my-data-width only-his-data">
<a go="#his-list" title="Списък"><i class="material-icons">list</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-fav-list" title="Любими"><i class="material-icons">star</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-blocking-list" title="Блокове"><i class="material-icons">block</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-muting-list" title="Заглуши"><i
class="material-icons">voice_over_off</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-domain-list" title="Блок домейн"><i
class="material-icons">language</i><i class="material-icons">block</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-prof-list" title="Редактиране на профила"><i class="material-icons">create</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-request-list" title="Следвайте исканията"><i
class="material-icons">how_to_reg</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-follow-recom-list" title="Предложени"><i
class="material-icons">recent_actors</i></a>
</li>
</ul>
</div>
<div id="his-tl" class="tab-content">
<div id="his-tl-contents" class="cont-series">
<div id="his-data-wrap">
<div class="his-float" id="his-float-data">
<div id="his-leftside">
<div id="his-basic-prof">
<img src="../../img/loading.svg" id="his-prof" draggable="false">
<span id="his-name">Loading...</span><span class="gray" id="his-bot"></span>
<br>@
<span id="his-acct"></span><br>
<span class="gray" id="his-relation"></span>
<br>
<span class="cbadge">
<span id="his-sta"></span>Тоот
</span>
<span class="cbadge">Следвам:
<span id="his-follow"></span>
</span>
<span class="cbadge">Последователи:
<span id="his-follower"></span>
</span><br>
<span class="cbadge" style="max-width:150px; width:150px; ">Since:
<span id="his-since"></span>
</span>
<div id="his-proof-prof"></div>
</div>
<div id="his-des" data-acct=""></div><br>
<div id="his-plus-action">
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn"
onclick="empUser()">Подчертайте този потребител</a>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data"
id="his-end-btn" onclick="pinUser()">Функция в профила</a><br>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin"
onclick="profbrws()">Отваряне в браузъра</a>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data"
id="his-main-acct" onclick="setMain()"
style="width: calc(100% - 10px)">Set it an main account</a><br>
</div><br>
<div id="his-matching-list">
Намерете хора подобни на този потребител.<br>
Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User
Matching</a><br>
<div id="his-matching-list-contents" class="cont-series"></div>
<button class="btn waves-effect " onclick="showMat()"
style="width:100%;">Намери</button>
</div>
</div>
<button class="btn waves-effect " style="width:100%; padding:0;"
onclick="utl('--now','more')">Още</button>
</div>
<div id="his-follow-list" class="tab-content">
<div id="his-follow-list-contents" class="cont-series">
<div class="his-float" id="his-float-timeline">
<div id="my-data-nav">
<a go="#his-tl" title="Времева линия" class="btn active-back column-first anc-link"><i
class="material-icons">timeline</i>Времева линия</a>
<a go="#his-follow-list" title="Следвам" class="btn anc-link"><i
class="material-icons">people</i>→Следвам</a>
<a go="#his-follower-list" title="Последователи" class="btn anc-link"><i
class="material-icons">people</i>←Последователи</a>
<a go="#his-list" title="Списък" class="btn only-his-data anc-link"><i
class="material-icons">list</i>Списък</a>
<a go="#his-fav-list" title="Любими" class="btn only-my-data anc-link"><i
class="material-icons">star</i>Любими</a>
<a class="dropdown-trigger btn" href="#" data-target="hisdropdown"><i
class="material-icons">more_vert</i>Още</a>
<!-- Dropdown Structure -->
<ul id="hisdropdown" class="dropdown-content">
<li class="anc-link only-my-data" go="#his-blocking-list">
<a href="#" title="Блокове"><i class="material-icons">block</i>Блокове</a>
</li>
<li class="anc-link only-my-data" go="#his-muting-list">
<a href="#" title="Заглуши"><i
class="material-icons">voice_over_off</i>Заглуши</a>
</li>
<li class="anc-link only-my-data" go="#his-domain-list">
<a href="#" title="Блок домейн"><i
class="material-icons">language</i>Блок домейн</a>
</li>
<li class="anc-link only-my-data" go="#his-prof-list">
<a href="#" title="Редактиране на профила"><i
class="material-icons">create</i>Редактиране на профила</a>
</li>
<li class="anc-link only-my-data" go="#his-request-list">
<a href="#" title="Следвайте исканията"><i
class="material-icons">how_to_reg</i>Следвайте исканията</a>
</li>
<li class="anc-link only-my-data" go="#his-follow-recom-list">
<a href="#" title="Предложени"><i class="material-icons">recent_actors</i>Предложени</a>
</li>
<li class="anc-link only-his-data" go="#his-action">
<a href="#" title="Свързан-профил"><i
class="material-icons">account_box</i>Свързан-профил</a>
</li>
<li class="only-his-data">
<a href="#">Coming soon...</a>
</li>
</ul>
</div>
<button class="btn waves-effect " style="width:100%; padding:0;"
onclick="flw('--now','more')">Още</button>
</div>
<div id="his-follower-list" class="tab-content">
<div id="his-follower-list-contents" class="cont-series">
<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="utl('--now','more')">Още</button>
</div>
<button class="btn waves-effect " style="width:100%; padding:0;"
onclick="fer('--now','more')">Още</button>
</div>
<div id="his-action" class="tab-content">
Използване на друг профил да се Следвам((Невъзможно да се спре на следването))<br>
<div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div>
<a href="#!" class="waves-effect btn" onclick="follow('selector','true')">Следвам</a><br>
или<br>
<a href="#!" class="waves-effect btn"
onclick="udgEx('selector', 'selector')">Показване на профила</a><br>
</div>
<div id="his-list" class="tab-content">
<div id="his-lists-a">Следвайте, за да добавите този потребител към списъците.</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')">Още</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')">Още</button>
</div>
<div id="his-action" class="his-var-content">
Използване на друг профил да се Следвам((Невъзможно да се спре на следването))<br>
<div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div>
<a href="#!" class="waves-effect btn" onclick="follow('selector','true')">Следвам</a><br>
или<br>
<a href="#!" class="waves-effect btn"
onclick="udgEx('selector', 'selector')">Показване на профила</a><br>
</div>
<div id="his-list" class="his-var-content">
<div id="his-lists-a">Следвайте, за да добавите този потребител към списъците.</div>
<div id="his-lists-b"></div>
</div>
<div id="his-fav-list" class="tab-content">
<div id="his-fav-list-contents" class="cont-series">
<div id="his-lists-b"></div>
</div>
<button class="btn waves-effect" style="width:100%; padding:0;"
onclick="showFav('more')">Още</button>
</div>
<div id="his-blocking-list" class="tab-content">
<div id="his-blocking-list-contents" class="cont-series">
<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')">Още</button>
</div>
<button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showBlo('more')">Още</button>
</div>
<div id="his-muting-list" class="tab-content">
<div id="his-muting-list-contents" class="cont-series">
<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')">Още</button>
</div>
<button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showMut('more')">Още</button>
</div>
<div id="his-domain-list" class="tab-content">
<div id="his-domain-list-contents" class="cont-series">
<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')">Още</button>
</div>
<button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showDom('more')">Още</button>Добавете домейн за блокиране
<br>
<input type="text" placeholder="example.com" id="domainblock">
<button class="btn waves-effect" onclick="addDomainblock()">Добави</button>
<br>
</div>
<div id="his-prof-list" class="tab-content">Показвано име
<br>
<input type="text" placeholder="Показвано име" id="his-name-val" style="max-width:250px;">
<br>Бележка
<br>
<div class="input-field col s12">
<textarea placeholder="Бележка" id="his-des-val" class="materialize-textarea"></textarea>
<label for="his-des-val">Бележка</label>
<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')">Още</button>Добавете домейн за блокиране
<br>
<input type="text" placeholder="example.com" id="domainblock">
<button class="btn waves-effect" onclick="addDomainblock()">Добави</button>
<br>
</div>
<button class="btn waves-effect" style="width:100%; padding:0;"
onclick="profedit()">Запази</button>
<br>Промяна на аватар:
<span id="prof-change">
<input type="file" onchange="imgChange(this,'avatar')">
</span>
<br>Промяна на снимката в заглавието:
<span id="header-change">
<input type="file" onchange="imgChange(this,'header')">
</span>
</div>
<div id="his-request-list" class="tab-content">
<div id="his-request-list-contents" class="cont-series">
<div id="his-prof-list" class="his-var-content">Показвано име
<br>
<input type="text" placeholder="Показвано име" id="his-name-val" style="max-width:250px;">
<br>Бележка
<br>
<div class="input-field col s12">
<textarea placeholder="Бележка" id="his-des-val"
class="materialize-textarea"></textarea>
<label for="his-des-val">Бележка</label>
</div>
<button class="btn waves-effect" style="width:100%; padding:0;"
onclick="profedit()">Запази</button>
<br>Промяна на аватар:
<span id="prof-change">
<input type="file" onchange="imgChange(this,'avatar')">
</span>
<br>Промяна на снимката в заглавието:
<span id="header-change">
<input type="file" onchange="imgChange(this,'header')">
</span>
</div>
<button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showReq('more')">Още</button>
</div>
<div id="his-follow-recom-list" class="tab-content">
<div id="his-follow-recom-contents" class="cont-series">
<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')">Още</button>
</div>
<div id="his-follow-recom-list" class="his-var-content">
<div id="his-follow-recom-contents" class="cont-series">
</div>
</div>
</div>
</div>
<div class="his-float" id="his-float-blocked">
<div>Вие сте блокирани. Защо?</div>
<div class="his-float" id="his-float-blocked">
<div>Вие сте блокирани. Защо?</div>
</div>
</div>
</div>
</div>