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

Fix and Improve: show user data

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app/css/userdata.css
View File

@ -4,6 +4,10 @@
background-image: url("../../loading.svg"); background-image: url("../../loading.svg");
overflow-y: hidden; overflow-y: hidden;
} }
#his-data-content {
display: flex;
justify-content: center;
}
#his-name { #his-name {
font-size: 1.5rem; font-size: 1.5rem;
} }
@ -13,16 +17,17 @@
margin-right: 5px; margin-right: 5px;
} }
.his-float { .his-float {
float: left;
overflow-y: scroll; overflow-y: scroll;
padding: 5px; padding: 5px;
} }
#his-float-data { #his-float-data {
width: 400px;
height: 100%; height: 100%;
} }
#his-leftside {
width: 500px;
}
#his-float-timeline { #his-float-timeline {
width: calc(100% - 400px); max-width: 775px;
height: 100%; height: 100%;
overflow-y: hidden; overflow-y: hidden;
} }
@ -61,21 +66,30 @@
#his-data a:not(.mention) span:last-of-type { #his-data a:not(.mention) span:last-of-type {
display: none; display: none;
} }
#his-data a .rep_ct,
#his-data a .rt_ct,
#his-data a .fav_ct {
display: inline !important;
}
#his-data-show { #his-data-show {
margin: 20px; margin: 20px;
margin-left: 50px;
margin-right: 50px;
background-color: var(--his-data); background-color: var(--his-data);
width: calc(100% - 20px);
height: calc(100% - 20px); height: calc(100% - 20px);
margin-bottom: 0; margin-bottom: 0;
padding: 5px; padding: 5px;
} }
.tab-content { #his-data-wrap {
display: flex;
}
.his-var-content {
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
height: calc(100% - 240px); height: calc(100% - 45px);
} }
.my-data-width { #my-data-nav .btn {
width: 10%; width: 140px;
} }
.active-back { .active-back {
background-color: var(--active); background-color: var(--active);

21
app/js/userdata/showOnTL.js
View File

@ -164,7 +164,7 @@ function udg(user, acct_id) {
} }
$("#his-des").attr("data-acct", acct_id); $("#his-des").attr("data-acct", acct_id);
$('#his-data').css('background-size', 'cover'); $('#his-data').css('background-size', 'cover');
$("#his-data .tab-content").css("height", $("#his-float-timeline").height() - 70 + "px") $("#his-float-timeline").css("height", $("#his-data-show").height() + "px")
localStorage.setItem("history", user); localStorage.setItem("history", user);
//自分の時 //自分の時
if (json.acct == localStorage.getItem("user_" + acct_id)) { if (json.acct == localStorage.getItem("user_" + acct_id)) {
@ -428,8 +428,8 @@ function hisclose() {
localStorage.removeItem("history"); localStorage.removeItem("history");
} }
function reset() { function reset() {
$(".tab-content:eq(0)").show(); $(".his-var-content:eq(0)").show();
$(".tab-content:gt(0)").hide(); $(".his-var-content:gt(0)").hide();
$(".active-back").removeClass("active-back"); $(".active-back").removeClass("active-back");
$(".column-first").addClass("active-back"); $(".column-first").addClass("active-back");
$("#his-name").text("Loading"); $("#his-name").text("Loading");
@ -478,10 +478,13 @@ function reset() {
$("#his-main-acct").show(); $("#his-main-acct").show();
$("#his-proof-prof").html("") $("#his-proof-prof").html("")
} }
$('#my-data-nav .tab').on('click', function () { $('#my-data-nav .anc-link').on('click', function () {
var target = $(this).find("a").attr("go"); var target = $(this).attr("go");
$("#my-data-nav .tab").removeClass("active-back"); if(target){
$(this).addClass("active-back"); $("#my-data-nav .anc-link").removeClass("active-back");
$(target).show(); $(this).addClass("active-back");
$(".tab-content:not(" + target + ")").hide(); $(target).show();
$(".his-var-content:not(" + target + ")").hide();
}
}); });

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

342
app/view/cs/index.html
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" 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">
<div class="his-float" id="his-float-data"> <div id="his-data-wrap">
<div id="his-basic-prof"> <div class="his-float" id="his-float-data">
<img src="../../img/loading.svg" id="his-prof" draggable="false"> <div id="his-leftside">
<span id="his-name">Loading...</span><span class="gray" id="his-bot"></span> <div id="his-basic-prof">
<br>@ <img src="../../img/loading.svg" id="his-prof" draggable="false">
<span id="his-acct"></span><br> <span id="his-name">Loading...</span><span class="gray" id="his-bot"></span>
<span class="gray" id="his-relation"></span> <br>@
<br> <span id="his-acct"></span><br>
<span class="cbadge"> <span class="gray" id="his-relation"></span>
<span id="his-sta"></span>Tooty <br>
</span> <span class="cbadge">
<span class="cbadge">Sledovat: <span id="his-sta"></span>Tooty
<span id="his-follow"></span> </span>
</span> <span class="cbadge">Sledovat:
<span class="cbadge">Sledující: <span id="his-follow"></span>
<span id="his-follower"></span> </span>
</span><br> <span class="cbadge">Sledující:
<span class="cbadge" style="max-width:150px; width:150px; ">Since: <span id="his-follower"></span>
<span id="his-since"></span> </span><br>
</span> <span class="cbadge" style="max-width:150px; width:150px; ">Since:
<div id="his-proof-prof"></div> <span id="his-since"></span>
</div> </span>
<div id="his-des" data-acct=""></div><br> <div id="his-proof-prof"></div>
<div id="his-plus-action"> </div>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn" <div id="his-des" data-acct=""></div><br>
onclick="empUser()">Zdůraznit tohoto uživatele</a> <div id="his-plus-action">
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn"
id="his-end-btn" onclick="pinUser()">Feature on profile</a><br> onclick="empUser()">Zdůraznit tohoto uživatele</a>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data"
onclick="profbrws()">Open in browser</a> id="his-end-btn" onclick="pinUser()">Feature on profile</a><br>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin"
id="his-main-acct" onclick="setMain()" style="width: calc(100% - 10px)">Set it an main account</a><br> onclick="profbrws()">Open in browser</a>
</div><br> <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data"
<div id="his-matching-list"> id="his-main-acct" onclick="setMain()"
Get people resembling this user.<br> style="width: calc(100% - 10px)">Set it an main account</a><br>
Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User Matching</a><br> </div><br>
<div id="his-matching-list-contents" class="cont-series"></div> <div id="his-matching-list">
<button class="btn waves-effect " onclick="showMat()" style="width:100%;">Get</button> Get people resembling this user.<br>
</div> Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User
</div> Matching</a><br>
<div class="his-float" id="his-float-timeline"> <div id="his-matching-list-contents" class="cont-series"></div>
<div id="my-data-nav"> <button class="btn waves-effect " onclick="showMat()"
<ul class="tabs transparent"> style="width:100%;">Get</button>
<li class="tab col my-data-width active-back column-first"> </div>
<a go="#his-tl" title="Časová osa"><i class="material-icons">timeline</i></a>
</li>
<li class="tab col my-data-width">
<a go="#his-follow-list" title="Sledovat"><i class="material-icons">people</i>→</a>
</li>
<li class="tab col my-data-width">
<a go="#his-follower-list" title="Sledující"><i
class="material-icons">people</i>←</a>
</li>
<li class="tab col my-data-width only-his-data">
<a go="#his-action" title="Cross-account"><i
class="material-icons">account_box</i></a>
</li>
<li class="tab col my-data-width only-his-data">
<a go="#his-list" title="Seznam"><i class="material-icons">list</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-fav-list" title="Oblíbit"><i class="material-icons">star</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-blocking-list" title="Blocks"><i class="material-icons">block</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-muting-list" title="Mute"><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="Domain block"><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="Edit profile"><i class="material-icons">create</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-request-list" title="Follow requests"><i
class="material-icons">how_to_reg</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-follow-recom-list" title="Suggest"><i
class="material-icons">recent_actors</i></a>
</li>
</ul>
</div>
<div id="his-tl" class="tab-content">
<div id="his-tl-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;"
onclick="utl('--now','more')">More</button>
</div> </div>
<div id="his-follow-list" class="tab-content"> <div class="his-float" id="his-float-timeline">
<div id="his-follow-list-contents" class="cont-series"> <div id="my-data-nav">
<a go="#his-tl" title="Časová osa" class="btn active-back column-first anc-link"><i
class="material-icons">timeline</i>Časová osa</a>
<a go="#his-follow-list" title="Sledovat" class="btn anc-link"><i
class="material-icons">people</i>→Sledovat</a>
<a go="#his-follower-list" title="Sledující" class="btn anc-link"><i
class="material-icons">people</i>←Sledující</a>
<a go="#his-list" title="Seznam" class="btn only-his-data anc-link"><i
class="material-icons">list</i>Seznam</a>
<a go="#his-fav-list" title="Oblíbit" class="btn only-my-data anc-link"><i
class="material-icons">star</i>Oblíbit</a>
<a class="dropdown-trigger btn" href="#" data-target="hisdropdown"><i
class="material-icons">more_vert</i>More</a>
<!-- Dropdown Structure -->
<ul id="hisdropdown" class="dropdown-content">
<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="Domain block"><i
class="material-icons">language</i>Domain block</a>
</li>
<li class="anc-link only-my-data" go="#his-prof-list">
<a href="#" title="Edit profile"><i
class="material-icons">create</i>Edit profile</a>
</li>
<li class="anc-link only-my-data" go="#his-request-list">
<a href="#" title="Follow requests"><i
class="material-icons">how_to_reg</i>Follow requests</a>
</li>
<li class="anc-link only-my-data" go="#his-follow-recom-list">
<a href="#" title="Suggest"><i class="material-icons">recent_actors</i>Suggest</a>
</li>
<li class="anc-link only-his-data" go="#his-action">
<a href="#" title="Cross-account"><i
class="material-icons">account_box</i>Cross-account</a>
</li>
<li class="only-his-data">
<a href="#">Coming soon...</a>
</li>
</ul>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-tl" class="his-var-content">
onclick="flw('--now','more')">More</button> <div id="his-tl-contents" class="cont-series">
</div> </div>
<div id="his-follower-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-follower-list-contents" class="cont-series"> onclick="utl('--now','more')">More</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-follow-list" class="his-var-content">
onclick="fer('--now','more')">More</button> <div id="his-follow-list-contents" class="cont-series">
</div> </div>
<div id="his-action" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
Použít jiný účet to Sledovat((Unable to unfollow))<br> onclick="flw('--now','more')">More</button>
<div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div> </div>
<div id="his-follower-list" class="his-var-content">
<a href="#!" class="waves-effect btn" onclick="follow('selector','true')">Sledovat</a><br> <div id="his-follower-list-contents" class="cont-series">
or<br> </div>
<a href="#!" class="waves-effect btn" <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="udgEx('selector', 'selector')">Show profile</a><br> onclick="fer('--now','more')">More</button>
</div> </div>
<div id="his-list" class="tab-content"> <div id="his-action" class="his-var-content">
<div id="his-lists-a">Follow to add this user to lists.</div> Použít jiný účet to Sledovat((Unable to unfollow))<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')">Sledovat</a><br>
or<br>
<a href="#!" class="waves-effect btn"
onclick="udgEx('selector', 'selector')">Show profile</a><br>
</div>
<div id="his-list" class="his-var-content">
<div id="his-lists-a">Follow to add this user to lists.</div>
<div id="his-lists-b"></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> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" <div id="his-fav-list" class="his-var-content">
onclick="showFav('more')">More</button> <div id="his-fav-list-contents" class="cont-series">
</div> </div>
<div id="his-blocking-list" class="tab-content"> <button class="btn waves-effect" style="width:100%; padding:0;"
<div id="his-blocking-list-contents" class="cont-series"> onclick="showFav('more')">More</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-blocking-list" class="his-var-content">
onclick="showBlo('more')">More</button> <div id="his-blocking-list-contents" class="cont-series">
</div> </div>
<div id="his-muting-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-muting-list-contents" class="cont-series"> onclick="showBlo('more')">More</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-muting-list" class="his-var-content">
onclick="showMut('more')">More</button> <div id="his-muting-list-contents" class="cont-series">
</div> </div>
<div id="his-domain-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-domain-list-contents" class="cont-series"> onclick="showMut('more')">More</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-domain-list" class="his-var-content">
onclick="showDom('more')">More</button>Add blocking domain <div id="his-domain-list-contents" class="cont-series">
<br> </div>
<input type="text" placeholder="example.com" id="domainblock"> <button class="btn waves-effect " style="width:100%; padding:0;"
<button class="btn waves-effect" onclick="addDomainblock()">Přidat</button> onclick="showDom('more')">More</button>Add blocking domain
<br> <br>
</div> <input type="text" placeholder="example.com" id="domainblock">
<div id="his-prof-list" class="tab-content">Display name <button class="btn waves-effect" onclick="addDomainblock()">Přidat</button>
<br> <br>
<input type="text" placeholder="Display 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> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" <div id="his-prof-list" class="his-var-content">Display name
onclick="profedit()">Uložit</button> <br>
<br>Změnit avatar: <input type="text" placeholder="Display name" id="his-name-val" style="max-width:250px;">
<span id="prof-change"> <br>Note
<input type="file" onchange="imgChange(this,'avatar')"> <br>
</span> <div class="input-field col s12">
<br>Změnit obrázek záhlaví: <textarea placeholder="Note" id="his-des-val"
<span id="header-change"> class="materialize-textarea"></textarea>
<input type="file" onchange="imgChange(this,'header')"> <label for="his-des-val">Note</label>
</span> </div>
</div> <button class="btn waves-effect" style="width:100%; padding:0;"
<div id="his-request-list" class="tab-content"> onclick="profedit()">Uložit</button>
<div id="his-request-list-contents" class="cont-series"> <br>Změnit avatar:
<span id="prof-change">
<input type="file" onchange="imgChange(this,'avatar')">
</span>
<br>Změnit obrázek záhlaví:
<span id="header-change">
<input type="file" onchange="imgChange(this,'header')">
</span>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-request-list" class="his-var-content">
onclick="showReq('more')">More</button> <div id="his-request-list-contents" class="cont-series">
</div> </div>
<div id="his-follow-recom-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-follow-recom-contents" class="cont-series"> 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>
</div> </div>
</div> <div class="his-float" id="his-float-blocked">
<div class="his-float" id="his-float-blocked"> <div>You are blocked. Why?</div>
<div>You are blocked. Why?</div> </div>
</div> </div>
</div> </div>
</div> </div>

342
app/view/de/index.html
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" 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">
<div class="his-float" id="his-float-data"> <div id="his-data-wrap">
<div id="his-basic-prof"> <div class="his-float" id="his-float-data">
<img src="../../img/loading.svg" id="his-prof" draggable="false"> <div id="his-leftside">
<span id="his-name">Loading...</span><span class="gray" id="his-bot"></span> <div id="his-basic-prof">
<br>@ <img src="../../img/loading.svg" id="his-prof" draggable="false">
<span id="his-acct"></span><br> <span id="his-name">Loading...</span><span class="gray" id="his-bot"></span>
<span class="gray" id="his-relation"></span> <br>@
<br> <span id="his-acct"></span><br>
<span class="cbadge"> <span class="gray" id="his-relation"></span>
<span id="his-sta"></span>Tröts <br>
</span> <span class="cbadge">
<span class="cbadge">Folgen: <span id="his-sta"></span>Tröts
<span id="his-follow"></span> </span>
</span> <span class="cbadge">Folgen:
<span class="cbadge">Abonnenten: <span id="his-follow"></span>
<span id="his-follower"></span> </span>
</span><br> <span class="cbadge">Abonnenten:
<span class="cbadge" style="max-width:150px; width:150px; ">Since: <span id="his-follower"></span>
<span id="his-since"></span> </span><br>
</span> <span class="cbadge" style="max-width:150px; width:150px; ">Since:
<div id="his-proof-prof"></div> <span id="his-since"></span>
</div> </span>
<div id="his-des" data-acct=""></div><br> <div id="his-proof-prof"></div>
<div id="his-plus-action"> </div>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn" <div id="his-des" data-acct=""></div><br>
onclick="empUser()">Diesen Benutzer hervorheben</a> <div id="his-plus-action">
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn"
id="his-end-btn" onclick="pinUser()">Auf dem Profil zeigen</a><br> onclick="empUser()">Diesen Benutzer hervorheben</a>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data"
onclick="profbrws()">Im Browser öffnen</a> id="his-end-btn" onclick="pinUser()">Auf dem Profil zeigen</a><br>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin"
id="his-main-acct" onclick="setMain()" style="width: calc(100% - 10px)">Im Hauptkonto einstellen</a><br> onclick="profbrws()">Im Browser öffnen</a>
</div><br> <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data"
<div id="his-matching-list"> id="his-main-acct" onclick="setMain()"
Get people resembling this user.<br> style="width: calc(100% - 10px)">Im Hauptkonto einstellen</a><br>
Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User Matching</a><br> </div><br>
<div id="his-matching-list-contents" class="cont-series"></div> <div id="his-matching-list">
<button class="btn waves-effect " onclick="showMat()" style="width:100%;">Holen</button> Get people resembling this user.<br>
</div> Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User
</div> Matching</a><br>
<div class="his-float" id="his-float-timeline"> <div id="his-matching-list-contents" class="cont-series"></div>
<div id="my-data-nav"> <button class="btn waves-effect " onclick="showMat()"
<ul class="tabs transparent"> style="width:100%;">Holen</button>
<li class="tab col my-data-width active-back column-first"> </div>
<a go="#his-tl" title="Verlauf"><i class="material-icons">timeline</i></a>
</li>
<li class="tab col my-data-width">
<a go="#his-follow-list" title="Folgen"><i class="material-icons">people</i>→</a>
</li>
<li class="tab col my-data-width">
<a go="#his-follower-list" title="Abonnenten"><i
class="material-icons">people</i>←</a>
</li>
<li class="tab col my-data-width only-his-data">
<a go="#his-action" title="Cross-Account"><i
class="material-icons">account_box</i></a>
</li>
<li class="tab col my-data-width only-his-data">
<a go="#his-list" title="Liste"><i class="material-icons">list</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-fav-list" title="Favoriten"><i class="material-icons">star</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-blocking-list" title="Blockiert"><i class="material-icons">block</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-muting-list" title="Stummschalten"><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="Domain block"><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="Profil bearbeiten"><i class="material-icons">create</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-request-list" title="Anfragen folgen"><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="Vorschlagen"><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> </div>
<button class="btn waves-effect " style="width:100%; padding:0;"
onclick="utl('--now','more')">Mehr</button>
</div> </div>
<div id="his-follow-list" class="tab-content"> <div class="his-float" id="his-float-timeline">
<div id="his-follow-list-contents" class="cont-series"> <div id="my-data-nav">
<a go="#his-tl" title="Verlauf" class="btn active-back column-first anc-link"><i
class="material-icons">timeline</i>Verlauf</a>
<a go="#his-follow-list" title="Folgen" class="btn anc-link"><i
class="material-icons">people</i>→Folgen</a>
<a go="#his-follower-list" title="Abonnenten" class="btn anc-link"><i
class="material-icons">people</i>←Abonnenten</a>
<a go="#his-list" title="Liste" class="btn only-his-data anc-link"><i
class="material-icons">list</i>Liste</a>
<a go="#his-fav-list" title="Favoriten" class="btn only-my-data anc-link"><i
class="material-icons">star</i>Favoriten</a>
<a class="dropdown-trigger btn" href="#" data-target="hisdropdown"><i
class="material-icons">more_vert</i>Mehr</a>
<!-- Dropdown Structure -->
<ul id="hisdropdown" class="dropdown-content">
<li class="anc-link only-my-data" go="#his-blocking-list">
<a href="#" title="Blockiert"><i class="material-icons">block</i>Blockiert</a>
</li>
<li class="anc-link only-my-data" go="#his-muting-list">
<a href="#" title="Stummschalten"><i
class="material-icons">voice_over_off</i>Stummschalten</a>
</li>
<li class="anc-link only-my-data" go="#his-domain-list">
<a href="#" title="Domain block"><i
class="material-icons">language</i>Domain block</a>
</li>
<li class="anc-link only-my-data" go="#his-prof-list">
<a href="#" title="Profil bearbeiten"><i
class="material-icons">create</i>Profil bearbeiten</a>
</li>
<li class="anc-link only-my-data" go="#his-request-list">
<a href="#" title="Anfragen folgen"><i
class="material-icons">how_to_reg</i>Anfragen folgen</a>
</li>
<li class="anc-link only-my-data" go="#his-follow-recom-list">
<a href="#" title="Vorschlagen"><i class="material-icons">recent_actors</i>Vorschlagen</a>
</li>
<li class="anc-link only-his-data" go="#his-action">
<a href="#" title="Cross-Account"><i
class="material-icons">account_box</i>Cross-Account</a>
</li>
<li class="only-his-data">
<a href="#">Coming soon...</a>
</li>
</ul>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-tl" class="his-var-content">
onclick="flw('--now','more')">Mehr</button> <div id="his-tl-contents" class="cont-series">
</div> </div>
<div id="his-follower-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-follower-list-contents" class="cont-series"> onclick="utl('--now','more')">Mehr</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-follow-list" class="his-var-content">
onclick="fer('--now','more')">Mehr</button> <div id="his-follow-list-contents" class="cont-series">
</div> </div>
<div id="his-action" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
Anderes Konto verwenden an Folgen((Unable to unfollow))<br> onclick="flw('--now','more')">Mehr</button>
<div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div> </div>
<div id="his-follower-list" class="his-var-content">
<a href="#!" class="waves-effect btn" onclick="follow('selector','true')">Folgen</a><br> <div id="his-follower-list-contents" class="cont-series">
oder<br> </div>
<a href="#!" class="waves-effect btn" <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="udgEx('selector', 'selector')">Benutzerprofil</a><br> onclick="fer('--now','more')">Mehr</button>
</div> </div>
<div id="his-list" class="tab-content"> <div id="his-action" class="his-var-content">
<div id="his-lists-a">Folgen, um diesen Benutzer zu Listen hinzuzufügen.</div> Anderes Konto verwenden an Folgen((Unable to unfollow))<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')">Folgen</a><br>
oder<br>
<a href="#!" class="waves-effect btn"
onclick="udgEx('selector', 'selector')">Benutzerprofil</a><br>
</div>
<div id="his-list" class="his-var-content">
<div id="his-lists-a">Folgen, um diesen Benutzer zu Listen hinzuzufügen.</div>
<div id="his-lists-b"></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> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" <div id="his-fav-list" class="his-var-content">
onclick="showFav('more')">Mehr</button> <div id="his-fav-list-contents" class="cont-series">
</div> </div>
<div id="his-blocking-list" class="tab-content"> <button class="btn waves-effect" style="width:100%; padding:0;"
<div id="his-blocking-list-contents" class="cont-series"> onclick="showFav('more')">Mehr</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-blocking-list" class="his-var-content">
onclick="showBlo('more')">Mehr</button> <div id="his-blocking-list-contents" class="cont-series">
</div> </div>
<div id="his-muting-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-muting-list-contents" class="cont-series"> onclick="showBlo('more')">Mehr</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-muting-list" class="his-var-content">
onclick="showMut('more')">Mehr</button> <div id="his-muting-list-contents" class="cont-series">
</div> </div>
<div id="his-domain-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-domain-list-contents" class="cont-series"> onclick="showMut('more')">Mehr</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-domain-list" class="his-var-content">
onclick="showDom('more')">Mehr</button>Add blocking domain <div id="his-domain-list-contents" class="cont-series">
<br> </div>
<input type="text" placeholder="example.com" id="domainblock"> <button class="btn waves-effect " style="width:100%; padding:0;"
<button class="btn waves-effect" onclick="addDomainblock()">Hinzufügen</button> onclick="showDom('more')">Mehr</button>Add blocking domain
<br> <br>
</div> <input type="text" placeholder="example.com" id="domainblock">
<div id="his-prof-list" class="tab-content">Anzeigename <button class="btn waves-effect" onclick="addDomainblock()">Hinzufügen</button>
<br> <br>
<input type="text" placeholder="Anzeigename" id="his-name-val" style="max-width:250px;">
<br>Notiz
<br>
<div class="input-field col s12">
<textarea placeholder="Notiz" id="his-des-val" class="materialize-textarea"></textarea>
<label for="his-des-val">Notiz</label>
</div> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" <div id="his-prof-list" class="his-var-content">Anzeigename
onclick="profedit()">Speichern</button> <br>
<br>Avatar ändern: <input type="text" placeholder="Anzeigename" id="his-name-val" style="max-width:250px;">
<span id="prof-change"> <br>Notiz
<input type="file" onchange="imgChange(this,'avatar')"> <br>
</span> <div class="input-field col s12">
<br>Change header image: <textarea placeholder="Notiz" id="his-des-val"
<span id="header-change"> class="materialize-textarea"></textarea>
<input type="file" onchange="imgChange(this,'header')"> <label for="his-des-val">Notiz</label>
</span> </div>
</div> <button class="btn waves-effect" style="width:100%; padding:0;"
<div id="his-request-list" class="tab-content"> onclick="profedit()">Speichern</button>
<div id="his-request-list-contents" class="cont-series"> <br>Avatar ändern:
<span id="prof-change">
<input type="file" onchange="imgChange(this,'avatar')">
</span>
<br>Change header image:
<span id="header-change">
<input type="file" onchange="imgChange(this,'header')">
</span>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-request-list" class="his-var-content">
onclick="showReq('more')">Mehr</button> <div id="his-request-list-contents" class="cont-series">
</div> </div>
<div id="his-follow-recom-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-follow-recom-contents" class="cont-series"> onclick="showReq('more')">Mehr</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>
</div> <div class="his-float" id="his-float-blocked">
<div class="his-float" id="his-float-blocked"> <div>Sie sind blockiert. Warum?</div>
<div>Sie sind blockiert. Warum?</div> </div>
</div> </div>
</div> </div>
</div> </div>

342
app/view/en/index.html
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" 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">
<div class="his-float" id="his-float-data"> <div id="his-data-wrap">
<div id="his-basic-prof"> <div class="his-float" id="his-float-data">
<img src="../../img/loading.svg" id="his-prof" draggable="false"> <div id="his-leftside">
<span id="his-name">Loading...</span><span class="gray" id="his-bot"></span> <div id="his-basic-prof">
<br>@ <img src="../../img/loading.svg" id="his-prof" draggable="false">
<span id="his-acct"></span><br> <span id="his-name">Loading...</span><span class="gray" id="his-bot"></span>
<span class="gray" id="his-relation"></span> <br>@
<br> <span id="his-acct"></span><br>
<span class="cbadge"> <span class="gray" id="his-relation"></span>
<span id="his-sta"></span>Toots <br>
</span> <span class="cbadge">
<span class="cbadge">Follow: <span id="his-sta"></span>Toots
<span id="his-follow"></span> </span>
</span> <span class="cbadge">Follow:
<span class="cbadge">Follower: <span id="his-follow"></span>
<span id="his-follower"></span> </span>
</span><br> <span class="cbadge">Follower:
<span class="cbadge" style="max-width:150px; width:150px; ">Since: <span id="his-follower"></span>
<span id="his-since"></span> </span><br>
</span> <span class="cbadge" style="max-width:150px; width:150px; ">Since:
<div id="his-proof-prof"></div> <span id="his-since"></span>
</div> </span>
<div id="his-des" data-acct=""></div><br> <div id="his-proof-prof"></div>
<div id="his-plus-action"> </div>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn" <div id="his-des" data-acct=""></div><br>
onclick="empUser()">Emphasize this user</a> <div id="his-plus-action">
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn"
id="his-end-btn" onclick="pinUser()">Feature on profile</a><br> onclick="empUser()">Emphasize this user</a>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data"
onclick="profbrws()">Open in browser</a> id="his-end-btn" onclick="pinUser()">Feature on profile</a><br>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin"
id="his-main-acct" onclick="setMain()" style="width: calc(100% - 10px)">Set it an main account</a><br> onclick="profbrws()">Open in browser</a>
</div><br> <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data"
<div id="his-matching-list"> id="his-main-acct" onclick="setMain()"
Get people resembling this user.<br> style="width: calc(100% - 10px)">Set it an main account</a><br>
Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User Matching</a><br> </div><br>
<div id="his-matching-list-contents" class="cont-series"></div> <div id="his-matching-list">
<button class="btn waves-effect " onclick="showMat()" style="width:100%;">Get</button> Get people resembling this user.<br>
</div> Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User
</div> Matching</a><br>
<div class="his-float" id="his-float-timeline"> <div id="his-matching-list-contents" class="cont-series"></div>
<div id="my-data-nav"> <button class="btn waves-effect " onclick="showMat()"
<ul class="tabs transparent"> style="width:100%;">Get</button>
<li class="tab col my-data-width active-back column-first"> </div>
<a go="#his-tl" title="Timeline"><i class="material-icons">timeline</i></a>
</li>
<li class="tab col my-data-width">
<a go="#his-follow-list" title="Follow"><i class="material-icons">people</i>→</a>
</li>
<li class="tab col my-data-width">
<a go="#his-follower-list" title="Follower"><i
class="material-icons">people</i>←</a>
</li>
<li class="tab col my-data-width only-his-data">
<a go="#his-action" title="Cross-account"><i
class="material-icons">account_box</i></a>
</li>
<li class="tab col my-data-width only-his-data">
<a go="#his-list" title="List"><i class="material-icons">list</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-fav-list" title="Favourite"><i class="material-icons">star</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-blocking-list" title="Blocks"><i class="material-icons">block</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-muting-list" title="Mute"><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="Domain block"><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="Edit profile"><i class="material-icons">create</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-request-list" title="Follow requests"><i
class="material-icons">how_to_reg</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-follow-recom-list" title="Suggest"><i
class="material-icons">recent_actors</i></a>
</li>
</ul>
</div>
<div id="his-tl" class="tab-content">
<div id="his-tl-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;"
onclick="utl('--now','more')">More</button>
</div> </div>
<div id="his-follow-list" class="tab-content"> <div class="his-float" id="his-float-timeline">
<div id="his-follow-list-contents" class="cont-series"> <div id="my-data-nav">
<a go="#his-tl" title="Timeline" class="btn active-back column-first anc-link"><i
class="material-icons">timeline</i>Timeline</a>
<a go="#his-follow-list" title="Follow" class="btn anc-link"><i
class="material-icons">people</i>→Follow</a>
<a go="#his-follower-list" title="Follower" class="btn anc-link"><i
class="material-icons">people</i>←Follower</a>
<a go="#his-list" title="List" class="btn only-his-data anc-link"><i
class="material-icons">list</i>List</a>
<a go="#his-fav-list" title="Favourite" class="btn only-my-data anc-link"><i
class="material-icons">star</i>Favourite</a>
<a class="dropdown-trigger btn" href="#" data-target="hisdropdown"><i
class="material-icons">more_vert</i>More</a>
<!-- Dropdown Structure -->
<ul id="hisdropdown" class="dropdown-content">
<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="Domain block"><i
class="material-icons">language</i>Domain block</a>
</li>
<li class="anc-link only-my-data" go="#his-prof-list">
<a href="#" title="Edit profile"><i
class="material-icons">create</i>Edit profile</a>
</li>
<li class="anc-link only-my-data" go="#his-request-list">
<a href="#" title="Follow requests"><i
class="material-icons">how_to_reg</i>Follow requests</a>
</li>
<li class="anc-link only-my-data" go="#his-follow-recom-list">
<a href="#" title="Suggest"><i class="material-icons">recent_actors</i>Suggest</a>
</li>
<li class="anc-link only-his-data" go="#his-action">
<a href="#" title="Cross-account"><i
class="material-icons">account_box</i>Cross-account</a>
</li>
<li class="only-his-data">
<a href="#">Coming soon...</a>
</li>
</ul>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-tl" class="his-var-content">
onclick="flw('--now','more')">More</button> <div id="his-tl-contents" class="cont-series">
</div> </div>
<div id="his-follower-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-follower-list-contents" class="cont-series"> onclick="utl('--now','more')">More</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-follow-list" class="his-var-content">
onclick="fer('--now','more')">More</button> <div id="his-follow-list-contents" class="cont-series">
</div> </div>
<div id="his-action" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
Use other account to Follow((Unable to unfollow))<br> onclick="flw('--now','more')">More</button>
<div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div> </div>
<div id="his-follower-list" class="his-var-content">
<a href="#!" class="waves-effect btn" onclick="follow('selector','true')">Follow</a><br> <div id="his-follower-list-contents" class="cont-series">
or<br> </div>
<a href="#!" class="waves-effect btn" <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="udgEx('selector', 'selector')">Show profile</a><br> onclick="fer('--now','more')">More</button>
</div> </div>
<div id="his-list" class="tab-content"> <div id="his-action" class="his-var-content">
<div id="his-lists-a">Follow to add this user to lists.</div> Use other account to Follow((Unable to unfollow))<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')">Follow</a><br>
or<br>
<a href="#!" class="waves-effect btn"
onclick="udgEx('selector', 'selector')">Show profile</a><br>
</div>
<div id="his-list" class="his-var-content">
<div id="his-lists-a">Follow to add this user to lists.</div>
<div id="his-lists-b"></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> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" <div id="his-fav-list" class="his-var-content">
onclick="showFav('more')">More</button> <div id="his-fav-list-contents" class="cont-series">
</div> </div>
<div id="his-blocking-list" class="tab-content"> <button class="btn waves-effect" style="width:100%; padding:0;"
<div id="his-blocking-list-contents" class="cont-series"> onclick="showFav('more')">More</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-blocking-list" class="his-var-content">
onclick="showBlo('more')">More</button> <div id="his-blocking-list-contents" class="cont-series">
</div> </div>
<div id="his-muting-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-muting-list-contents" class="cont-series"> onclick="showBlo('more')">More</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-muting-list" class="his-var-content">
onclick="showMut('more')">More</button> <div id="his-muting-list-contents" class="cont-series">
</div> </div>
<div id="his-domain-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-domain-list-contents" class="cont-series"> onclick="showMut('more')">More</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-domain-list" class="his-var-content">
onclick="showDom('more')">More</button>Add blocking domain <div id="his-domain-list-contents" class="cont-series">
<br> </div>
<input type="text" placeholder="example.com" id="domainblock"> <button class="btn waves-effect " style="width:100%; padding:0;"
<button class="btn waves-effect" onclick="addDomainblock()">Add</button> onclick="showDom('more')">More</button>Add blocking domain
<br> <br>
</div> <input type="text" placeholder="example.com" id="domainblock">
<div id="his-prof-list" class="tab-content">Display name <button class="btn waves-effect" onclick="addDomainblock()">Add</button>
<br> <br>
<input type="text" placeholder="Display 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> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" <div id="his-prof-list" class="his-var-content">Display name
onclick="profedit()">Save</button> <br>
<br>Change avataor: <input type="text" placeholder="Display name" id="his-name-val" style="max-width:250px;">
<span id="prof-change"> <br>Note
<input type="file" onchange="imgChange(this,'avatar')"> <br>
</span> <div class="input-field col s12">
<br>Change header image: <textarea placeholder="Note" id="his-des-val"
<span id="header-change"> class="materialize-textarea"></textarea>
<input type="file" onchange="imgChange(this,'header')"> <label for="his-des-val">Note</label>
</span> </div>
</div> <button class="btn waves-effect" style="width:100%; padding:0;"
<div id="his-request-list" class="tab-content"> onclick="profedit()">Save</button>
<div id="his-request-list-contents" class="cont-series"> <br>Change avataor:
<span id="prof-change">
<input type="file" onchange="imgChange(this,'avatar')">
</span>
<br>Change header image:
<span id="header-change">
<input type="file" onchange="imgChange(this,'header')">
</span>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-request-list" class="his-var-content">
onclick="showReq('more')">More</button> <div id="his-request-list-contents" class="cont-series">
</div> </div>
<div id="his-follow-recom-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-follow-recom-contents" class="cont-series"> 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>
</div> </div>
</div> <div class="his-float" id="his-float-blocked">
<div class="his-float" id="his-float-blocked"> <div>You are blocked. Why?</div>
<div>You are blocked. Why?</div> </div>
</div> </div>
</div> </div>
</div> </div>

342
app/view/ja/index.html
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" 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">
<div class="his-float" id="his-float-data"> <div id="his-data-wrap">
<div id="his-basic-prof"> <div class="his-float" id="his-float-data">
<img src="../../img/loading.svg" id="his-prof" draggable="false"> <div id="his-leftside">
<span id="his-name">Loading...</span><span class="gray" id="his-bot"></span> <div id="his-basic-prof">
<br>@ <img src="../../img/loading.svg" id="his-prof" draggable="false">
<span id="his-acct"></span><br> <span id="his-name">Loading...</span><span class="gray" id="his-bot"></span>
<span class="gray" id="his-relation"></span> <br>@
<br> <span id="his-acct"></span><br>
<span class="cbadge"> <span class="gray" id="his-relation"></span>
<span id="his-sta"></span>トゥート <br>
</span> <span class="cbadge">
<span class="cbadge">フォロー: <span id="his-sta"></span>トゥート
<span id="his-follow"></span> </span>
</span> <span class="cbadge">フォロー:
<span class="cbadge">フォロワー: <span id="his-follow"></span>
<span id="his-follower"></span> </span>
</span><br> <span class="cbadge">フォロワー:
<span class="cbadge" style="max-width:150px; width:150px; ">Since: <span id="his-follower"></span>
<span id="his-since"></span> </span><br>
</span> <span class="cbadge" style="max-width:150px; width:150px; ">Since:
<div id="his-proof-prof"></div> <span id="his-since"></span>
</div> </span>
<div id="his-des" data-acct=""></div><br> <div id="his-proof-prof"></div>
<div id="his-plus-action"> </div>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn" <div id="his-des" data-acct=""></div><br>
onclick="empUser()">ユーザー強調</a> <div id="his-plus-action">
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn"
id="his-end-btn" onclick="pinUser()">紹介する</a><br> onclick="empUser()">ユーザー強調</a>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data"
onclick="profbrws()">ブラウザで開く</a> id="his-end-btn" onclick="pinUser()">紹介する</a><br>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin"
id="his-main-acct" onclick="setMain()" style="width: calc(100% - 10px)">メインアカウントに設定</a><br> onclick="profbrws()">ブラウザで開く</a>
</div><br> <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data"
<div id="his-matching-list"> id="his-main-acct" onclick="setMain()"
似ているユーザーを取得できます。<br> style="width: calc(100% - 10px)">メインアカウントに設定</a><br>
Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User Matching</a><br> </div><br>
<div id="his-matching-list-contents" class="cont-series"></div> <div id="his-matching-list">
<button class="btn waves-effect " onclick="showMat()" style="width:100%;">取得</button> 似ているユーザーを取得できます。<br>
</div> Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User
</div> Matching</a><br>
<div class="his-float" id="his-float-timeline"> <div id="his-matching-list-contents" class="cont-series"></div>
<div id="my-data-nav"> <button class="btn waves-effect " onclick="showMat()"
<ul class="tabs transparent"> style="width:100%;">取得</button>
<li class="tab col my-data-width active-back column-first"> </div>
<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> </div>
<button class="btn waves-effect " style="width:100%; padding:0;"
onclick="utl('--now','more')">もっと</button>
</div> </div>
<div id="his-follow-list" class="tab-content"> <div class="his-float" id="his-float-timeline">
<div id="his-follow-list-contents" class="cont-series"> <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> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-tl" class="his-var-content">
onclick="flw('--now','more')">もっと</button> <div id="his-tl-contents" class="cont-series">
</div> </div>
<div id="his-follower-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-follower-list-contents" class="cont-series"> onclick="utl('--now','more')">もっと</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-follow-list" class="his-var-content">
onclick="fer('--now','more')">もっと</button> <div id="his-follow-list-contents" class="cont-series">
</div> </div>
<div id="his-action" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
他のアカウントを使用するフォロー((解除はできません。))<br> onclick="flw('--now','more')">もっと</button>
<div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div> </div>
で <div id="his-follower-list" class="his-var-content">
<a href="#!" class="waves-effect btn" onclick="follow('selector','true')">フォロー</a><br> <div id="his-follower-list-contents" class="cont-series">
または<br> </div>
<a href="#!" class="waves-effect btn" <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="udgEx('selector', 'selector')">プロフィールを表示</a><br> onclick="fer('--now','more')">もっと</button>
</div> </div>
<div id="his-list" class="tab-content"> <div id="his-action" class="his-var-content">
<div id="his-lists-a">リストに追加するためにはフォローが必要です。</div> 他のアカウントを使用するフォロー((解除はできません。))<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 id="his-lists-b"></div>
</div>
<div id="his-fav-list" class="tab-content">
<div id="his-fav-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" <div id="his-fav-list" class="his-var-content">
onclick="showFav('more')">もっと</button> <div id="his-fav-list-contents" class="cont-series">
</div> </div>
<div id="his-blocking-list" class="tab-content"> <button class="btn waves-effect" style="width:100%; padding:0;"
<div id="his-blocking-list-contents" class="cont-series"> onclick="showFav('more')">もっと</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-blocking-list" class="his-var-content">
onclick="showBlo('more')">もっと</button> <div id="his-blocking-list-contents" class="cont-series">
</div> </div>
<div id="his-muting-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-muting-list-contents" class="cont-series"> onclick="showBlo('more')">もっと</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-muting-list" class="his-var-content">
onclick="showMut('more')">もっと</button> <div id="his-muting-list-contents" class="cont-series">
</div> </div>
<div id="his-domain-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-domain-list-contents" class="cont-series"> onclick="showMut('more')">もっと</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-domain-list" class="his-var-content">
onclick="showDom('more')">もっと</button>ブロックするドメイン <div id="his-domain-list-contents" class="cont-series">
<br> </div>
<input type="text" placeholder="example.com" id="domainblock"> <button class="btn waves-effect " style="width:100%; padding:0;"
<button class="btn waves-effect" onclick="addDomainblock()">追加</button> onclick="showDom('more')">もっと</button>ブロックするドメイン
<br> <br>
</div> <input type="text" placeholder="example.com" id="domainblock">
<div id="his-prof-list" class="tab-content">名前 <button class="btn waves-effect" onclick="addDomainblock()">追加</button>
<br> <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> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" <div id="his-prof-list" class="his-var-content">名前
onclick="profedit()">変更</button> <br>
<br>アバターを変更: <input type="text" placeholder="名前" id="his-name-val" style="max-width:250px;">
<span id="prof-change"> <br>自己紹介
<input type="file" onchange="imgChange(this,'avatar')"> <br>
</span> <div class="input-field col s12">
<br>ヘッダーを変更: <textarea placeholder="自己紹介" id="his-des-val"
<span id="header-change"> class="materialize-textarea"></textarea>
<input type="file" onchange="imgChange(this,'header')"> <label for="his-des-val">自己紹介</label>
</span> </div>
</div> <button class="btn waves-effect" style="width:100%; padding:0;"
<div id="his-request-list" class="tab-content"> onclick="profedit()">変更</button>
<div id="his-request-list-contents" class="cont-series"> <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>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-request-list" class="his-var-content">
onclick="showReq('more')">もっと</button> <div id="his-request-list-contents" class="cont-series">
</div> </div>
<div id="his-follow-recom-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-follow-recom-contents" class="cont-series"> 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>
</div> <div class="his-float" id="his-float-blocked">
<div class="his-float" id="his-float-blocked"> <div>ブロックされています。なぜでしょう？</div>
<div>ブロックされています。なぜでしょう？</div> </div>
</div> </div>
</div> </div>
</div> </div>

342
app/view/make/index.sample.html
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" 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">
<div class="his-float" id="his-float-data"> <div id="his-data-wrap">
<div id="his-basic-prof"> <div class="his-float" id="his-float-data">
<img src="../../img/loading.svg" id="his-prof" draggable="false"> <div id="his-leftside">
<span id="his-name">Loading...</span><span class="gray" id="his-bot"></span> <div id="his-basic-prof">
<br>@ <img src="../../img/loading.svg" id="his-prof" draggable="false">
<span id="his-acct"></span><br> <span id="his-name">Loading...</span><span class="gray" id="his-bot"></span>
<span class="gray" id="his-relation"></span> <br>@
<br> <span id="his-acct"></span><br>
<span class="cbadge"> <span class="gray" id="his-relation"></span>
<span id="his-sta"></span>@@toots@@ <br>
</span> <span class="cbadge">
<span class="cbadge">@@follow@@: <span id="his-sta"></span>@@toots@@
<span id="his-follow"></span> </span>
</span> <span class="cbadge">@@follow@@:
<span class="cbadge">@@follower@@: <span id="his-follow"></span>
<span id="his-follower"></span> </span>
</span><br> <span class="cbadge">@@follower@@:
<span class="cbadge" style="max-width:150px; width:150px; ">Since: <span id="his-follower"></span>
<span id="his-since"></span> </span><br>
</span> <span class="cbadge" style="max-width:150px; width:150px; ">Since:
<div id="his-proof-prof"></div> <span id="his-since"></span>
</div> </span>
<div id="his-des" data-acct=""></div><br> <div id="his-proof-prof"></div>
<div id="his-plus-action"> </div>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn" <div id="his-des" data-acct=""></div><br>
onclick="empUser()">@@empUser@@</a> <div id="his-plus-action">
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn"
id="his-end-btn" onclick="pinUser()">@@endorse@@</a><br> onclick="empUser()">@@empUser@@</a>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data"
onclick="profbrws()">@@openinbrowser@@</a> id="his-end-btn" onclick="pinUser()">@@endorse@@</a><br>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin"
id="his-main-acct" onclick="setMain()" style="width: calc(100% - 10px)">@@mainacct@@</a><br> onclick="profbrws()">@@openinbrowser@@</a>
</div><br> <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data"
<div id="his-matching-list"> id="his-main-acct" onclick="setMain()"
@@likeUserDes@@<br> style="width: calc(100% - 10px)">@@mainacct@@</a><br>
Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User Matching</a><br> </div><br>
<div id="his-matching-list-contents" class="cont-series"></div> <div id="his-matching-list">
<button class="btn waves-effect " onclick="showMat()" style="width:100%;">@@get@@</button> @@likeUserDes@@<br>
</div> Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User
</div> Matching</a><br>
<div class="his-float" id="his-float-timeline"> <div id="his-matching-list-contents" class="cont-series"></div>
<div id="my-data-nav"> <button class="btn waves-effect " onclick="showMat()"
<ul class="tabs transparent"> style="width:100%;">@@get@@</button>
<li class="tab col my-data-width active-back column-first"> </div>
<a go="#his-tl" title="@@timeline@@"><i class="material-icons">timeline</i></a>
</li>
<li class="tab col my-data-width">
<a go="#his-follow-list" title="@@follow@@"><i class="material-icons">people</i>→</a>
</li>
<li class="tab col my-data-width">
<a go="#his-follower-list" title="@@follower@@"><i
class="material-icons">people</i>←</a>
</li>
<li class="tab col my-data-width only-his-data">
<a go="#his-action" title="@@operateOtherAcct@@"><i
class="material-icons">account_box</i></a>
</li>
<li class="tab col my-data-width only-his-data">
<a go="#his-list" title="@@list@@"><i class="material-icons">list</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-fav-list" title="@@favRegist@@"><i class="material-icons">star</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-blocking-list" title="@@blocks@@"><i class="material-icons">block</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-muting-list" title="@@mute@@"><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="@@domainBlock@@"><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="@@editProf@@"><i class="material-icons">create</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-request-list" title="@@followReq@@"><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="@@frc@@"><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> </div>
<button class="btn waves-effect " style="width:100%; padding:0;"
onclick="utl('--now','more')">@@more@@</button>
</div> </div>
<div id="his-follow-list" class="tab-content"> <div class="his-float" id="his-float-timeline">
<div id="his-follow-list-contents" class="cont-series"> <div id="my-data-nav">
<a go="#his-tl" title="@@timeline@@" class="btn active-back column-first anc-link"><i
class="material-icons">timeline</i>@@timeline@@</a>
<a go="#his-follow-list" title="@@follow@@" class="btn anc-link"><i
class="material-icons">people</i>→@@follow@@</a>
<a go="#his-follower-list" title="@@follower@@" class="btn anc-link"><i
class="material-icons">people</i>←@@follower@@</a>
<a go="#his-list" title="@@list@@" class="btn only-his-data anc-link"><i
class="material-icons">list</i>@@list@@</a>
<a go="#his-fav-list" title="@@favRegist@@" class="btn only-my-data anc-link"><i
class="material-icons">star</i>@@favRegist@@</a>
<a class="dropdown-trigger btn" href="#" data-target="hisdropdown"><i
class="material-icons">more_vert</i>@@more@@</a>
<!-- Dropdown Structure -->
<ul id="hisdropdown" class="dropdown-content">
<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">language</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>
<li class="only-his-data">
<a href="#">Coming soon...</a>
</li>
</ul>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-tl" class="his-var-content">
onclick="flw('--now','more')">@@more@@</button> <div id="his-tl-contents" class="cont-series">
</div> </div>
<div id="his-follower-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-follower-list-contents" class="cont-series"> onclick="utl('--now','more')">@@more@@</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-follow-list" class="his-var-content">
onclick="fer('--now','more')">@@more@@</button> <div id="his-follow-list-contents" class="cont-series">
</div> </div>
<div id="his-action" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
@@useOtherAcct1@@@@revoverJP@@@@follow@@(@@warnUseOtherAcct@@)<br> onclick="flw('--now','more')">@@more@@</button>
<div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div> </div>
@@revoverJPde@@ <div id="his-follower-list" class="his-var-content">
<a href="#!" class="waves-effect btn" onclick="follow('selector','true')">@@follow@@</a><br> <div id="his-follower-list-contents" class="cont-series">
@@or@@<br> </div>
<a href="#!" class="waves-effect btn" <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="udgEx('selector', 'selector')">@@openProf@@</a><br> onclick="fer('--now','more')">@@more@@</button>
</div> </div>
<div id="his-list" class="tab-content"> <div id="his-action" class="his-var-content">
<div id="his-lists-a">@@warnListRegist@@</div> @@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','true')">@@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 id="his-lists-b"></div>
</div>
<div id="his-fav-list" class="tab-content">
<div id="his-fav-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" <div id="his-fav-list" class="his-var-content">
onclick="showFav('more')">@@more@@</button> <div id="his-fav-list-contents" class="cont-series">
</div> </div>
<div id="his-blocking-list" class="tab-content"> <button class="btn waves-effect" style="width:100%; padding:0;"
<div id="his-blocking-list-contents" class="cont-series"> onclick="showFav('more')">@@more@@</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-blocking-list" class="his-var-content">
onclick="showBlo('more')">@@more@@</button> <div id="his-blocking-list-contents" class="cont-series">
</div> </div>
<div id="his-muting-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-muting-list-contents" class="cont-series"> onclick="showBlo('more')">@@more@@</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-muting-list" class="his-var-content">
onclick="showMut('more')">@@more@@</button> <div id="his-muting-list-contents" class="cont-series">
</div> </div>
<div id="his-domain-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-domain-list-contents" class="cont-series"> onclick="showMut('more')">@@more@@</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-domain-list" class="his-var-content">
onclick="showDom('more')">@@more@@</button>@@blockDomain@@ <div id="his-domain-list-contents" class="cont-series">
<br> </div>
<input type="text" placeholder="example.com" id="domainblock"> <button class="btn waves-effect " style="width:100%; padding:0;"
<button class="btn waves-effect" onclick="addDomainblock()">@@add@@</button> onclick="showDom('more')">@@more@@</button>@@blockDomain@@
<br> <br>
</div> <input type="text" placeholder="example.com" id="domainblock">
<div id="his-prof-list" class="tab-content">@@name@@ <button class="btn waves-effect" onclick="addDomainblock()">@@add@@</button>
<br> <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> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" <div id="his-prof-list" class="his-var-content">@@name@@
onclick="profedit()">@@change@@</button> <br>
<br>@@editProfImg@@: <input type="text" placeholder="@@name@@" id="his-name-val" style="max-width:250px;">
<span id="prof-change"> <br>@@note@@
<input type="file" onchange="imgChange(this,'avatar')"> <br>
</span> <div class="input-field col s12">
<br>@@editHeader@@: <textarea placeholder="@@note@@" id="his-des-val"
<span id="header-change"> class="materialize-textarea"></textarea>
<input type="file" onchange="imgChange(this,'header')"> <label for="his-des-val">@@note@@</label>
</span> </div>
</div> <button class="btn waves-effect" style="width:100%; padding:0;"
<div id="his-request-list" class="tab-content"> onclick="profedit()">@@change@@</button>
<div id="his-request-list-contents" class="cont-series"> <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>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-request-list" class="his-var-content">
onclick="showReq('more')">@@more@@</button> <div id="his-request-list-contents" class="cont-series">
</div> </div>
<div id="his-follow-recom-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-follow-recom-contents" class="cont-series"> 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>
</div> </div>
</div> <div class="his-float" id="his-float-blocked">
<div class="his-float" id="his-float-blocked"> <div>@@blocked@@</div>
<div>@@blocked@@</div> </div>
</div> </div>
</div> </div>
</div> </div>

2
app/view/make/language/ja/index.json
View File

@ -64,7 +64,7 @@
"useOtherAcct2":"の解除はできません", "useOtherAcct2":"の解除はできません",
"reply":"返信", "reply":"返信",
"bt":"ブースト", "bt":"ブースト",
"favRegist":"お気に入り登録", "favRegist":"お気に入り",
"openBrowser":"ブラウザで開く", "openBrowser":"ブラウザで開く",
"screenshot":"スクリーンショット", "screenshot":"スクリーンショット",
"copyURL":"URLをコピー", "copyURL":"URLをコピー",

342
app/view/ps/index.html
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" 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">
<div class="his-float" id="his-float-data"> <div id="his-data-wrap">
<div id="his-basic-prof"> <div class="his-float" id="his-float-data">
<img src="../../img/loading.svg" id="his-prof" draggable="false"> <div id="his-leftside">
<span id="his-name">Loading...</span><span class="gray" id="his-bot"></span> <div id="his-basic-prof">
<br>@ <img src="../../img/loading.svg" id="his-prof" draggable="false">
<span id="his-acct"></span><br> <span id="his-name">Loading...</span><span class="gray" id="his-bot"></span>
<span class="gray" id="his-relation"></span> <br>@
<br> <span id="his-acct"></span><br>
<span class="cbadge"> <span class="gray" id="his-relation"></span>
<span id="his-sta"></span>crwdns439:0crwdne439:0 <br>
</span> <span class="cbadge">
<span class="cbadge">crwdns440:0crwdne440:0: <span id="his-sta"></span>crwdns439:0crwdne439:0
<span id="his-follow"></span> </span>
</span> <span class="cbadge">crwdns440:0crwdne440:0:
<span class="cbadge">crwdns441:0crwdne441:0: <span id="his-follow"></span>
<span id="his-follower"></span> </span>
</span><br> <span class="cbadge">crwdns441:0crwdne441:0:
<span class="cbadge" style="max-width:150px; width:150px; ">Since: <span id="his-follower"></span>
<span id="his-since"></span> </span><br>
</span> <span class="cbadge" style="max-width:150px; width:150px; ">Since:
<div id="his-proof-prof"></div> <span id="his-since"></span>
</div> </span>
<div id="his-des" data-acct=""></div><br> <div id="his-proof-prof"></div>
<div id="his-plus-action"> </div>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn" <div id="his-des" data-acct=""></div><br>
onclick="empUser()">crwdns472:0crwdne472:0</a> <div id="his-plus-action">
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn"
id="his-end-btn" onclick="pinUser()">crwdns454:0crwdne454:0</a><br> onclick="empUser()">crwdns472:0crwdne472:0</a>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data"
onclick="profbrws()">crwdns455:0crwdne455:0</a> id="his-end-btn" onclick="pinUser()">crwdns454:0crwdne454:0</a><br>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin"
id="his-main-acct" onclick="setMain()" style="width: calc(100% - 10px)">@@mainacct@@</a><br> onclick="profbrws()">crwdns455:0crwdne455:0</a>
</div><br> <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data"
<div id="his-matching-list"> id="his-main-acct" onclick="setMain()"
crwdns469:0crwdne469:0<br> style="width: calc(100% - 10px)">@@mainacct@@</a><br>
Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User Matching</a><br> </div><br>
<div id="his-matching-list-contents" class="cont-series"></div> <div id="his-matching-list">
<button class="btn waves-effect " onclick="showMat()" style="width:100%;">crwdns470:0crwdne470:0</button> crwdns469:0crwdne469:0<br>
</div> Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User
</div> Matching</a><br>
<div class="his-float" id="his-float-timeline"> <div id="his-matching-list-contents" class="cont-series"></div>
<div id="my-data-nav"> <button class="btn waves-effect " onclick="showMat()"
<ul class="tabs transparent"> style="width:100%;">crwdns470:0crwdne470:0</button>
<li class="tab col my-data-width active-back column-first"> </div>
<a go="#his-tl" title="crwdns442:0crwdne442:0"><i class="material-icons">timeline</i></a>
</li>
<li class="tab col my-data-width">
<a go="#his-follow-list" title="crwdns440:0crwdne440:0"><i class="material-icons">people</i>→</a>
</li>
<li class="tab col my-data-width">
<a go="#his-follower-list" title="crwdns441:0crwdne441:0"><i
class="material-icons">people</i>←</a>
</li>
<li class="tab col my-data-width only-his-data">
<a go="#his-action" title="crwdns443:0crwdne443:0"><i
class="material-icons">account_box</i></a>
</li>
<li class="tab col my-data-width only-his-data">
<a go="#his-list" title="crwdns444:0crwdne444:0"><i class="material-icons">list</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-fav-list" title="crwdns434:0crwdne434:0"><i class="material-icons">star</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-blocking-list" title="crwdns446:0crwdne446:0"><i class="material-icons">block</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-muting-list" title="crwdns449:0crwdne449:0"><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="crwdns450:0crwdne450:0"><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="crwdns451:0crwdne451:0"><i class="material-icons">create</i></a>
</li>
<li class="tab col my-data-width only-my-data">
<a go="#his-request-list" title="crwdns452:0crwdne452:0"><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="crwdns456:0crwdne456:0"><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> </div>
<button class="btn waves-effect " style="width:100%; padding:0;"
onclick="utl('--now','more')">crwdns457:0crwdne457:0</button>
</div> </div>
<div id="his-follow-list" class="tab-content"> <div class="his-float" id="his-float-timeline">
<div id="his-follow-list-contents" class="cont-series"> <div id="my-data-nav">
<a go="#his-tl" title="crwdns442:0crwdne442:0" class="btn active-back column-first anc-link"><i
class="material-icons">timeline</i>crwdns442:0crwdne442:0</a>
<a go="#his-follow-list" title="crwdns440:0crwdne440:0" class="btn anc-link"><i
class="material-icons">people</i>→crwdns440:0crwdne440:0</a>
<a go="#his-follower-list" title="crwdns441:0crwdne441:0" class="btn anc-link"><i
class="material-icons">people</i>←crwdns441:0crwdne441:0</a>
<a go="#his-list" title="crwdns444:0crwdne444:0" class="btn only-his-data anc-link"><i
class="material-icons">list</i>crwdns444:0crwdne444:0</a>
<a go="#his-fav-list" title="crwdns434:0crwdne434:0" class="btn only-my-data anc-link"><i
class="material-icons">star</i>crwdns434:0crwdne434:0</a>
<a class="dropdown-trigger btn" href="#" data-target="hisdropdown"><i
class="material-icons">more_vert</i>crwdns457:0crwdne457:0</a>
<!-- Dropdown Structure -->
<ul id="hisdropdown" class="dropdown-content">
<li class="anc-link only-my-data" go="#his-blocking-list">
<a href="#" title="crwdns446:0crwdne446:0"><i class="material-icons">block</i>crwdns446:0crwdne446:0</a>
</li>
<li class="anc-link only-my-data" go="#his-muting-list">
<a href="#" title="crwdns449:0crwdne449:0"><i
class="material-icons">voice_over_off</i>crwdns449:0crwdne449:0</a>
</li>
<li class="anc-link only-my-data" go="#his-domain-list">
<a href="#" title="crwdns450:0crwdne450:0"><i
class="material-icons">language</i>crwdns450:0crwdne450:0</a>
</li>
<li class="anc-link only-my-data" go="#his-prof-list">
<a href="#" title="crwdns451:0crwdne451:0"><i
class="material-icons">create</i>crwdns451:0crwdne451:0</a>
</li>
<li class="anc-link only-my-data" go="#his-request-list">
<a href="#" title="crwdns452:0crwdne452:0"><i
class="material-icons">how_to_reg</i>crwdns452:0crwdne452:0</a>
</li>
<li class="anc-link only-my-data" go="#his-follow-recom-list">
<a href="#" title="crwdns456:0crwdne456:0"><i class="material-icons">recent_actors</i>crwdns456:0crwdne456:0</a>
</li>
<li class="anc-link only-his-data" go="#his-action">
<a href="#" title="crwdns443:0crwdne443:0"><i
class="material-icons">account_box</i>crwdns443:0crwdne443:0</a>
</li>
<li class="only-his-data">
<a href="#">Coming soon...</a>
</li>
</ul>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-tl" class="his-var-content">
onclick="flw('--now','more')">crwdns457:0crwdne457:0</button> <div id="his-tl-contents" class="cont-series">
</div> </div>
<div id="his-follower-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-follower-list-contents" class="cont-series"> onclick="utl('--now','more')">crwdns457:0crwdne457:0</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-follow-list" class="his-var-content">
onclick="fer('--now','more')">crwdns457:0crwdne457:0</button> <div id="his-follow-list-contents" class="cont-series">
</div> </div>
<div id="his-action" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
crwdns430:0crwdne430:0crwdns458:0crwdne458:0crwdns440:0crwdne440:0(crwdns459:0crwdne459:0)<br> onclick="flw('--now','more')">crwdns457:0crwdne457:0</button>
<div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div> </div>
crwdns460:0crwdne460:0 <div id="his-follower-list" class="his-var-content">
<a href="#!" class="waves-effect btn" onclick="follow('selector','true')">crwdns440:0crwdne440:0</a><br> <div id="his-follower-list-contents" class="cont-series">
crwdns461:0crwdne461:0<br> </div>
<a href="#!" class="waves-effect btn" <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="udgEx('selector', 'selector')">crwdns462:0crwdne462:0</a><br> onclick="fer('--now','more')">crwdns457:0crwdne457:0</button>
</div> </div>
<div id="his-list" class="tab-content"> <div id="his-action" class="his-var-content">
<div id="his-lists-a">crwdns463:0crwdne463:0</div> crwdns430:0crwdne430:0crwdns458:0crwdne458:0crwdns440:0crwdne440:0(crwdns459:0crwdne459:0)<br>
<div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div>
crwdns460:0crwdne460:0
<a href="#!" class="waves-effect btn" onclick="follow('selector','true')">crwdns440:0crwdne440:0</a><br>
crwdns461:0crwdne461:0<br>
<a href="#!" class="waves-effect btn"
onclick="udgEx('selector', 'selector')">crwdns462:0crwdne462:0</a><br>
</div>
<div id="his-list" class="his-var-content">
<div id="his-lists-a">crwdns463:0crwdne463:0</div>
<div id="his-lists-b"></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> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" <div id="his-fav-list" class="his-var-content">
onclick="showFav('more')">crwdns457:0crwdne457:0</button> <div id="his-fav-list-contents" class="cont-series">
</div> </div>
<div id="his-blocking-list" class="tab-content"> <button class="btn waves-effect" style="width:100%; padding:0;"
<div id="his-blocking-list-contents" class="cont-series"> onclick="showFav('more')">crwdns457:0crwdne457:0</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-blocking-list" class="his-var-content">
onclick="showBlo('more')">crwdns457:0crwdne457:0</button> <div id="his-blocking-list-contents" class="cont-series">
</div> </div>
<div id="his-muting-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-muting-list-contents" class="cont-series"> onclick="showBlo('more')">crwdns457:0crwdne457:0</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-muting-list" class="his-var-content">
onclick="showMut('more')">crwdns457:0crwdne457:0</button> <div id="his-muting-list-contents" class="cont-series">
</div> </div>
<div id="his-domain-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-domain-list-contents" class="cont-series"> onclick="showMut('more')">crwdns457:0crwdne457:0</button>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-domain-list" class="his-var-content">
onclick="showDom('more')">crwdns457:0crwdne457:0</button>crwdns464:0crwdne464:0 <div id="his-domain-list-contents" class="cont-series">
<br> </div>
<input type="text" placeholder="example.com" id="domainblock"> <button class="btn waves-effect " style="width:100%; padding:0;"
<button class="btn waves-effect" onclick="addDomainblock()">crwdns491:0crwdne491:0</button> onclick="showDom('more')">crwdns457:0crwdne457:0</button>crwdns464:0crwdne464:0
<br> <br>
</div> <input type="text" placeholder="example.com" id="domainblock">
<div id="his-prof-list" class="tab-content">crwdns465:0crwdne465:0 <button class="btn waves-effect" onclick="addDomainblock()">crwdns491:0crwdne491:0</button>
<br> <br>
<input type="text" placeholder="crwdns465:0crwdne465:0" id="his-name-val" style="max-width:250px;">
<br>crwdns466:0crwdne466:0
<br>
<div class="input-field col s12">
<textarea placeholder="crwdns466:0crwdne466:0" id="his-des-val" class="materialize-textarea"></textarea>
<label for="his-des-val">crwdns466:0crwdne466:0</label>
</div> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" <div id="his-prof-list" class="his-var-content">crwdns465:0crwdne465:0
onclick="profedit()">crwdns1892:0crwdne1892:0</button> <br>
<br>crwdns467:0crwdne467:0: <input type="text" placeholder="crwdns465:0crwdne465:0" id="his-name-val" style="max-width:250px;">
<span id="prof-change"> <br>crwdns466:0crwdne466:0
<input type="file" onchange="imgChange(this,'avatar')"> <br>
</span> <div class="input-field col s12">
<br>crwdns468:0crwdne468:0: <textarea placeholder="crwdns466:0crwdne466:0" id="his-des-val"
<span id="header-change"> class="materialize-textarea"></textarea>
<input type="file" onchange="imgChange(this,'header')"> <label for="his-des-val">crwdns466:0crwdne466:0</label>
</span> </div>
</div> <button class="btn waves-effect" style="width:100%; padding:0;"
<div id="his-request-list" class="tab-content"> onclick="profedit()">crwdns1892:0crwdne1892:0</button>
<div id="his-request-list-contents" class="cont-series"> <br>crwdns467:0crwdne467:0:
<span id="prof-change">
<input type="file" onchange="imgChange(this,'avatar')">
</span>
<br>crwdns468:0crwdne468:0:
<span id="header-change">
<input type="file" onchange="imgChange(this,'header')">
</span>
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" <div id="his-request-list" class="his-var-content">
onclick="showReq('more')">crwdns457:0crwdne457:0</button> <div id="his-request-list-contents" class="cont-series">
</div> </div>
<div id="his-follow-recom-list" class="tab-content"> <button class="btn waves-effect " style="width:100%; padding:0;"
<div id="his-follow-recom-contents" class="cont-series"> onclick="showReq('more')">crwdns457:0crwdne457:0</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>
</div> <div class="his-float" id="his-float-blocked">
<div class="his-float" id="his-float-blocked"> <div>@@blocked@@</div>
<div>@@blocked@@</div> </div>
</div> </div>
</div> </div>
</div> </div>