Fix and Improve: show user data
This commit is contained in:
Cutls
@@ -423,186 +423,194 @@
|
||||
<div id="his-data" class="modal bottom-sheet modal-fixed-footer" style="max-height:750px; height:90%;">
|
||||
<div id="his-data-content" class="modal-content" style="padding-bottom: 0;overflow-y:hidden;">
|
||||
<div id="his-data-show">
|
||||
<div class="his-float" id="his-float-data">
|
||||
<div id="his-basic-prof">
|
||||
<img src="../../img/loading.svg" id="his-prof" draggable="false">
|
||||
<span id="his-name">Loading...</span><span class="gray" id="his-bot"></span>
|
||||
<br>@
|
||||
<span id="his-acct"></span><br>
|
||||
<span class="gray" id="his-relation"></span>
|
||||
<br>
|
||||
<span class="cbadge">
|
||||
<span id="his-sta"></span>Toots
|
||||
</span>
|
||||
<span class="cbadge">Follow:
|
||||
<span id="his-follow"></span>
|
||||
</span>
|
||||
<span class="cbadge">Follower:
|
||||
<span id="his-follower"></span>
|
||||
</span><br>
|
||||
<span class="cbadge" style="max-width:150px; width:150px; ">Since:
|
||||
<span id="his-since"></span>
|
||||
</span>
|
||||
<div id="his-proof-prof"></div>
|
||||
</div>
|
||||
<div id="his-des" data-acct=""></div><br>
|
||||
<div id="his-plus-action">
|
||||
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn"
|
||||
onclick="empUser()">Emphasize this user</a>
|
||||
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data"
|
||||
id="his-end-btn" onclick="pinUser()">Feature on profile</a><br>
|
||||
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin"
|
||||
onclick="profbrws()">Open in browser</a>
|
||||
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data"
|
||||
id="his-main-acct" onclick="setMain()" style="width: calc(100% - 10px)">Set it an main account</a><br>
|
||||
</div><br>
|
||||
<div id="his-matching-list">
|
||||
Get people resembling this user.<br>
|
||||
Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User Matching</a><br>
|
||||
<div id="his-matching-list-contents" class="cont-series"></div>
|
||||
<button class="btn waves-effect " onclick="showMat()" style="width:100%;">Get</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="his-float" id="his-float-timeline">
|
||||
<div id="my-data-nav">
|
||||
<ul class="tabs transparent">
|
||||
<li class="tab col my-data-width active-back column-first">
|
||||
<a go="#his-tl" title="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 id="his-data-wrap">
|
||||
<div class="his-float" id="his-float-data">
|
||||
<div id="his-leftside">
|
||||
<div id="his-basic-prof">
|
||||
<img src="../../img/loading.svg" id="his-prof" draggable="false">
|
||||
<span id="his-name">Loading...</span><span class="gray" id="his-bot"></span>
|
||||
<br>@
|
||||
<span id="his-acct"></span><br>
|
||||
<span class="gray" id="his-relation"></span>
|
||||
<br>
|
||||
<span class="cbadge">
|
||||
<span id="his-sta"></span>Toots
|
||||
</span>
|
||||
<span class="cbadge">Follow:
|
||||
<span id="his-follow"></span>
|
||||
</span>
|
||||
<span class="cbadge">Follower:
|
||||
<span id="his-follower"></span>
|
||||
</span><br>
|
||||
<span class="cbadge" style="max-width:150px; width:150px; ">Since:
|
||||
<span id="his-since"></span>
|
||||
</span>
|
||||
<div id="his-proof-prof"></div>
|
||||
</div>
|
||||
<div id="his-des" data-acct=""></div><br>
|
||||
<div id="his-plus-action">
|
||||
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn"
|
||||
onclick="empUser()">Emphasize this user</a>
|
||||
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data"
|
||||
id="his-end-btn" onclick="pinUser()">Feature on profile</a><br>
|
||||
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin"
|
||||
onclick="profbrws()">Open in browser</a>
|
||||
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-my-data"
|
||||
id="his-main-acct" onclick="setMain()"
|
||||
style="width: calc(100% - 10px)">Set it an main account</a><br>
|
||||
</div><br>
|
||||
<div id="his-matching-list">
|
||||
Get people resembling this user.<br>
|
||||
Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User
|
||||
Matching</a><br>
|
||||
<div id="his-matching-list-contents" class="cont-series"></div>
|
||||
<button class="btn waves-effect " onclick="showMat()"
|
||||
style="width:100%;">Get</button>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn waves-effect " style="width:100%; padding:0;"
|
||||
onclick="utl('--now','more')">More</button>
|
||||
</div>
|
||||
<div id="his-follow-list" class="tab-content">
|
||||
<div id="his-follow-list-contents" class="cont-series">
|
||||
<div class="his-float" id="his-float-timeline">
|
||||
<div id="my-data-nav">
|
||||
<a go="#his-tl" title="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>
|
||||
<button class="btn waves-effect " style="width:100%; padding:0;"
|
||||
onclick="flw('--now','more')">More</button>
|
||||
</div>
|
||||
<div id="his-follower-list" class="tab-content">
|
||||
<div id="his-follower-list-contents" class="cont-series">
|
||||
<div id="his-tl" class="his-var-content">
|
||||
<div id="his-tl-contents" class="cont-series">
|
||||
</div>
|
||||
<button class="btn waves-effect " style="width:100%; padding:0;"
|
||||
onclick="utl('--now','more')">More</button>
|
||||
</div>
|
||||
<button class="btn waves-effect " style="width:100%; padding:0;"
|
||||
onclick="fer('--now','more')">More</button>
|
||||
</div>
|
||||
<div id="his-action" class="tab-content">
|
||||
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="tab-content">
|
||||
<div id="his-lists-a">Follow to add this user to lists.</div>
|
||||
<div id="his-follow-list" class="his-var-content">
|
||||
<div id="his-follow-list-contents" class="cont-series">
|
||||
</div>
|
||||
<button class="btn waves-effect " style="width:100%; padding:0;"
|
||||
onclick="flw('--now','more')">More</button>
|
||||
</div>
|
||||
<div id="his-follower-list" class="his-var-content">
|
||||
<div id="his-follower-list-contents" class="cont-series">
|
||||
</div>
|
||||
<button class="btn waves-effect " style="width:100%; padding:0;"
|
||||
onclick="fer('--now','more')">More</button>
|
||||
</div>
|
||||
<div id="his-action" class="his-var-content">
|
||||
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>
|
||||
<div id="his-fav-list" class="tab-content">
|
||||
<div id="his-fav-list-contents" class="cont-series">
|
||||
<div id="his-lists-b"></div>
|
||||
</div>
|
||||
<button class="btn waves-effect" style="width:100%; padding:0;"
|
||||
onclick="showFav('more')">More</button>
|
||||
</div>
|
||||
<div id="his-blocking-list" class="tab-content">
|
||||
<div id="his-blocking-list-contents" class="cont-series">
|
||||
<div id="his-fav-list" class="his-var-content">
|
||||
<div id="his-fav-list-contents" class="cont-series">
|
||||
</div>
|
||||
<button class="btn waves-effect" style="width:100%; padding:0;"
|
||||
onclick="showFav('more')">More</button>
|
||||
</div>
|
||||
<button class="btn waves-effect " style="width:100%; padding:0;"
|
||||
onclick="showBlo('more')">More</button>
|
||||
</div>
|
||||
<div id="his-muting-list" class="tab-content">
|
||||
<div id="his-muting-list-contents" class="cont-series">
|
||||
<div id="his-blocking-list" class="his-var-content">
|
||||
<div id="his-blocking-list-contents" class="cont-series">
|
||||
</div>
|
||||
<button class="btn waves-effect " style="width:100%; padding:0;"
|
||||
onclick="showBlo('more')">More</button>
|
||||
</div>
|
||||
<button class="btn waves-effect " style="width:100%; padding:0;"
|
||||
onclick="showMut('more')">More</button>
|
||||
</div>
|
||||
<div id="his-domain-list" class="tab-content">
|
||||
<div id="his-domain-list-contents" class="cont-series">
|
||||
<div id="his-muting-list" class="his-var-content">
|
||||
<div id="his-muting-list-contents" class="cont-series">
|
||||
</div>
|
||||
<button class="btn waves-effect " style="width:100%; padding:0;"
|
||||
onclick="showMut('more')">More</button>
|
||||
</div>
|
||||
<button class="btn waves-effect " style="width:100%; padding:0;"
|
||||
onclick="showDom('more')">More</button>Add blocking domain
|
||||
<br>
|
||||
<input type="text" placeholder="example.com" id="domainblock">
|
||||
<button class="btn waves-effect" onclick="addDomainblock()">Add</button>
|
||||
<br>
|
||||
</div>
|
||||
<div id="his-prof-list" class="tab-content">Display name
|
||||
<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 id="his-domain-list" class="his-var-content">
|
||||
<div id="his-domain-list-contents" class="cont-series">
|
||||
</div>
|
||||
<button class="btn waves-effect " style="width:100%; padding:0;"
|
||||
onclick="showDom('more')">More</button>Add blocking domain
|
||||
<br>
|
||||
<input type="text" placeholder="example.com" id="domainblock">
|
||||
<button class="btn waves-effect" onclick="addDomainblock()">Add</button>
|
||||
<br>
|
||||
</div>
|
||||
<button class="btn waves-effect" style="width:100%; padding:0;"
|
||||
onclick="profedit()">Save</button>
|
||||
<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 id="his-request-list" class="tab-content">
|
||||
<div id="his-request-list-contents" class="cont-series">
|
||||
<div id="his-prof-list" class="his-var-content">Display name
|
||||
<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>
|
||||
<button class="btn waves-effect" style="width:100%; padding:0;"
|
||||
onclick="profedit()">Save</button>
|
||||
<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>
|
||||
<button class="btn waves-effect " style="width:100%; padding:0;"
|
||||
onclick="showReq('more')">More</button>
|
||||
</div>
|
||||
<div id="his-follow-recom-list" class="tab-content">
|
||||
<div id="his-follow-recom-contents" class="cont-series">
|
||||
<div id="his-request-list" class="his-var-content">
|
||||
<div id="his-request-list-contents" class="cont-series">
|
||||
</div>
|
||||
<button class="btn waves-effect " style="width:100%; padding:0;"
|
||||
onclick="showReq('more')">More</button>
|
||||
</div>
|
||||
<div id="his-follow-recom-list" class="his-var-content">
|
||||
<div id="his-follow-recom-contents" class="cont-series">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="his-float" id="his-float-blocked">
|
||||
<div>You are blocked. Why?</div>
|
||||
<div class="his-float" id="his-float-blocked">
|
||||
<div>You are blocked. Why?</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user