Change: move user matching to More dropdown

This commit is contained in:
Cutls 2019-08-24 21:19:52 +09:00
parent 845c9a0f2e
commit 1b68cdf7db
10 changed files with 122 additions and 109 deletions

View File

@ -116,7 +116,11 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 2rem; font-size: 2rem;
width: 90%;
height: 100%; height: 100%;
position: absolute;
} }
#hisdropdown{
background-color: var(--bg);
}
#hisdropdown li:hover{
background-color: var(--active);
}

View File

@ -622,12 +622,17 @@ function showMat() {
var templete = ""; var templete = "";
Object.keys(json).forEach(function (key) { Object.keys(json).forEach(function (key) {
var user = json[key]; var user = json[key];
if (user.avatar) {
var avatar = user.avatar
} else {
var avatar = "../../img/loading.svg"
}
templete = templete + templete = templete +
'<div class="" style="padding-top:5px;">' + '<div class="" style="padding-top:5px;">' +
'<div style="padding:0; margin:0; width:400px; max-width:100%; display:flex; align-items:flex-end;">' + '<div style="padding:0; margin:0; width:400px; max-width:100%; display:flex; align-items:flex-end;">' +
'<div style="flex-basis:40px;"><a onclick="udgEx(\'' + user.user + '\',' + '<div style="flex-basis:40px;"><a onclick="udgEx(\'' + user.user + '\',' +
acct_id + ');" user="' + user.user + '" class="udg">' + acct_id + ');" user="' + user.user + '" class="udg">' +
'<img src="' + user.avatar + '" width="40" class="prof-img" user="' + user.user + '"></a></div>' + '<img src="' + avatar + '" width="40" class="prof-img" user="' + user.user + '"></a></div>' +
'<div style="flex-grow:3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;user-select:auto; cursor:text;"><big>' + '<div style="flex-grow:3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;user-select:auto; cursor:text;"><big>' +
escapeHTML(user.screen_name) + '</big></div>' + escapeHTML(user.screen_name) + '</big></div>' +
'<div class="sml gray" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;user-select:auto; cursor:text;"> @' + '<div class="sml gray" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;user-select:auto; cursor:text;"> @' +

View File

@ -79,8 +79,10 @@ function udg(user, acct_id) {
} }
//moved設定時 //moved設定時
if (json.moved) { if (json.moved) {
M.toast({ html: lang.lang_showontl_movetxt + '<button class="btn-flat toast-action" onclick="udg(\'' + M.toast({
json.moved.id + '\',\'' + acct_id + '\')">' + lang.lang_showontl_movebtn + '</button>', displayLength: 4000 }) html: lang.lang_showontl_movetxt + '<button class="btn-flat toast-action" onclick="udg(\'' +
json.moved.id + '\',\'' + acct_id + '\')">' + lang.lang_showontl_movebtn + '</button>', displayLength: 4000
})
} }
$('#his-data').modal('open'); $('#his-data').modal('open');
$('#his-data').attr("user-id", user); $('#his-data').attr("user-id", user);
@ -193,7 +195,7 @@ function udg(user, acct_id) {
$("#his-emp-btn").hide(); $("#his-emp-btn").hide();
$(".only-my-data").show(); $(".only-my-data").show();
$(".only-his-data").hide(); $(".only-his-data").hide();
if(localStorage.getItem("main")==acct_id){ if (localStorage.getItem("main") == acct_id) {
$("#his-main-acct").hide(); $("#his-main-acct").hide();
} }
} else { } else {
@ -296,7 +298,7 @@ function misskeyUdg(user, acct_id) {
$("#his-emp-btn").hide(); $("#his-emp-btn").hide();
$(".only-my-data").show(); $(".only-my-data").show();
$(".only-his-data").hide(); $(".only-his-data").hide();
if(localStorage.getItem("main")==acct_id){ if (localStorage.getItem("main") == acct_id) {
$("#his-main-acct").hide(); $("#his-main-acct").hide();
} }
} else { } else {
@ -403,8 +405,9 @@ function relations(user, acct_id) {
} }
//Blocked //Blocked
if (json.blocked_by) { if (json.blocked_by) {
$("#his-float-timeline").hide(); $("#my-data-nav .btn").addClass("disabled")
$("#his-float-blocked").show(); $(".his-var-content").hide();
$("#his-float-blocked").show()
$("#his-follow-btn").hide() $("#his-follow-btn").hide()
} }
@ -430,6 +433,7 @@ function hisclose() {
function reset() { function reset() {
$(".his-var-content:eq(0)").show(); $(".his-var-content:eq(0)").show();
$(".his-var-content:gt(0)").hide(); $(".his-var-content:gt(0)").hide();
$("#my-data-nav .btn").removeClass("disabled")
$(".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");
@ -480,11 +484,11 @@ function reset() {
} }
$('#my-data-nav .anc-link').on('click', function () { $('#my-data-nav .anc-link').on('click', function () {
var target = $(this).attr("go"); var target = $(this).attr("go");
if(target){ if (target) {
$("#my-data-nav .anc-link").removeClass("active-back"); $("#my-data-nav .anc-link").removeClass("active-back");
$(this).addClass("active-back"); $(this).addClass("active-back");
$(target).show(); $(target).show();
$(".his-var-content:not(" + target + ")").hide(); $(".his-var-content:not(" + target + ")").hide();
} }
}); });

View File

@ -458,14 +458,6 @@
<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 only-my-data"
id="his-main-acct" onclick="setMain()" id="his-main-acct" onclick="setMain()"
style="width: calc(100% - 10px)">Set it an main account</a><br> style="width: calc(100% - 10px)">Set it an main account</a><br>
</div><br>
<div id="his-matching-list">
Намерете хора подобни на този потребител.<br>
Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User
Matching</a><br>
<div id="his-matching-list-contents" class="cont-series"></div>
<button class="btn waves-effect " onclick="showMat()"
style="width:100%;">Намери</button>
</div> </div>
</div> </div>
</div> </div>
@ -494,7 +486,7 @@
</li> </li>
<li class="anc-link only-my-data" go="#his-domain-list"> <li class="anc-link only-my-data" go="#his-domain-list">
<a href="#" title="Блок домейн"><i <a href="#" title="Блок домейн"><i
class="material-icons">language</i>Блок домейн</a> class="material-icons">cancel_schedule_send</i>Блок домейн</a>
</li> </li>
<li class="anc-link only-my-data" go="#his-prof-list"> <li class="anc-link only-my-data" go="#his-prof-list">
<a href="#" title="Редактиране на профила"><i <a href="#" title="Редактиране на профила"><i
@ -511,8 +503,9 @@
<a href="#" title="Свързан-профил"><i <a href="#" title="Свързан-профил"><i
class="material-icons">account_box</i>Свързан-профил</a> class="material-icons">account_box</i>Свързан-профил</a>
</li> </li>
<li class="only-his-data"> <li class="anc-link" go="#his-matching-list">
<a href="#">Coming soon...</a> <a href="#" title="Намерете хора подобни на този потребител."><i
class="material-icons">group_work</i>User Matching</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -607,9 +600,16 @@
<div id="his-follow-recom-contents" class="cont-series"> <div id="his-follow-recom-contents" class="cont-series">
</div> </div>
</div> </div>
</div> <div id="his-matching-list" class="his-var-content">
<div class="his-float" id="his-float-blocked"> Намерете хора подобни на този потребител.<br>
<div>Вие сте блокирани. Защо?</div> Powered by <a href="https://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%; padding:0;">Намери</button>
</div>
<div id="his-float-blocked">
<div>Вие сте блокирани. Защо?</div>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -458,14 +458,6 @@
<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 only-my-data"
id="his-main-acct" onclick="setMain()" id="his-main-acct" onclick="setMain()"
style="width: calc(100% - 10px)">Set it an main account</a><br> 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> </div>
</div> </div>
@ -494,7 +486,7 @@
</li> </li>
<li class="anc-link only-my-data" go="#his-domain-list"> <li class="anc-link only-my-data" go="#his-domain-list">
<a href="#" title="Domain block"><i <a href="#" title="Domain block"><i
class="material-icons">language</i>Domain block</a> class="material-icons">cancel_schedule_send</i>Domain block</a>
</li> </li>
<li class="anc-link only-my-data" go="#his-prof-list"> <li class="anc-link only-my-data" go="#his-prof-list">
<a href="#" title="Edit profile"><i <a href="#" title="Edit profile"><i
@ -511,8 +503,9 @@
<a href="#" title="Cross-account"><i <a href="#" title="Cross-account"><i
class="material-icons">account_box</i>Cross-account</a> class="material-icons">account_box</i>Cross-account</a>
</li> </li>
<li class="only-his-data"> <li class="anc-link" go="#his-matching-list">
<a href="#">Coming soon...</a> <a href="#" title="Get people resembling this user."><i
class="material-icons">group_work</i>User Matching</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -607,9 +600,16 @@
<div id="his-follow-recom-contents" class="cont-series"> <div id="his-follow-recom-contents" class="cont-series">
</div> </div>
</div> </div>
</div> <div id="his-matching-list" class="his-var-content">
<div class="his-float" id="his-float-blocked"> Get people resembling this user.<br>
<div>You are blocked. Why?</div> Powered by <a href="https://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%; padding:0;">Get</button>
</div>
<div id="his-float-blocked">
<div>You are blocked. Why?</div>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -458,14 +458,6 @@
<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 only-my-data"
id="his-main-acct" onclick="setMain()" id="his-main-acct" onclick="setMain()"
style="width: calc(100% - 10px)">Im Hauptkonto einstellen</a><br> style="width: calc(100% - 10px)">Im Hauptkonto einstellen</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%;">Holen</button>
</div> </div>
</div> </div>
</div> </div>
@ -494,7 +486,7 @@
</li> </li>
<li class="anc-link only-my-data" go="#his-domain-list"> <li class="anc-link only-my-data" go="#his-domain-list">
<a href="#" title="Domain block"><i <a href="#" title="Domain block"><i
class="material-icons">language</i>Domain block</a> class="material-icons">cancel_schedule_send</i>Domain block</a>
</li> </li>
<li class="anc-link only-my-data" go="#his-prof-list"> <li class="anc-link only-my-data" go="#his-prof-list">
<a href="#" title="Profil bearbeiten"><i <a href="#" title="Profil bearbeiten"><i
@ -511,8 +503,9 @@
<a href="#" title="Cross-Account"><i <a href="#" title="Cross-Account"><i
class="material-icons">account_box</i>Cross-Account</a> class="material-icons">account_box</i>Cross-Account</a>
</li> </li>
<li class="only-his-data"> <li class="anc-link" go="#his-matching-list">
<a href="#">Coming soon...</a> <a href="#" title="Get people resembling this user."><i
class="material-icons">group_work</i>User Matching</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -607,9 +600,16 @@
<div id="his-follow-recom-contents" class="cont-series"> <div id="his-follow-recom-contents" class="cont-series">
</div> </div>
</div> </div>
</div> <div id="his-matching-list" class="his-var-content">
<div class="his-float" id="his-float-blocked"> Get people resembling this user.<br>
<div>Sie sind blockiert. Warum?</div> Powered by <a href="https://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%; padding:0;">Holen</button>
</div>
<div id="his-float-blocked">
<div>Sie sind blockiert. Warum?</div>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -458,14 +458,6 @@
<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 only-my-data"
id="his-main-acct" onclick="setMain()" id="his-main-acct" onclick="setMain()"
style="width: calc(100% - 10px)">Set it an main account</a><br> 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> </div>
</div> </div>
@ -494,7 +486,7 @@
</li> </li>
<li class="anc-link only-my-data" go="#his-domain-list"> <li class="anc-link only-my-data" go="#his-domain-list">
<a href="#" title="Domain block"><i <a href="#" title="Domain block"><i
class="material-icons">language</i>Domain block</a> class="material-icons">cancel_schedule_send</i>Domain block</a>
</li> </li>
<li class="anc-link only-my-data" go="#his-prof-list"> <li class="anc-link only-my-data" go="#his-prof-list">
<a href="#" title="Edit profile"><i <a href="#" title="Edit profile"><i
@ -511,8 +503,9 @@
<a href="#" title="Cross-account"><i <a href="#" title="Cross-account"><i
class="material-icons">account_box</i>Cross-account</a> class="material-icons">account_box</i>Cross-account</a>
</li> </li>
<li class="only-his-data"> <li class="anc-link" go="#his-matching-list">
<a href="#">Coming soon...</a> <a href="#" title="Get people resembling this user."><i
class="material-icons">group_work</i>User Matching</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -607,9 +600,16 @@
<div id="his-follow-recom-contents" class="cont-series"> <div id="his-follow-recom-contents" class="cont-series">
</div> </div>
</div> </div>
</div> <div id="his-matching-list" class="his-var-content">
<div class="his-float" id="his-float-blocked"> Get people resembling this user.<br>
<div>You are blocked. Why?</div> Powered by <a href="https://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%; padding:0;">Get</button>
</div>
<div id="his-float-blocked">
<div>You are blocked. Why?</div>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -458,14 +458,6 @@
<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 only-my-data"
id="his-main-acct" onclick="setMain()" id="his-main-acct" onclick="setMain()"
style="width: calc(100% - 10px)">メインアカウントに設定</a><br> style="width: calc(100% - 10px)">メインアカウントに設定</a><br>
</div><br>
<div id="his-matching-list">
似ているユーザーを取得できます。<br>
Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User
Matching</a><br>
<div id="his-matching-list-contents" class="cont-series"></div>
<button class="btn waves-effect " onclick="showMat()"
style="width:100%;">取得</button>
</div> </div>
</div> </div>
</div> </div>
@ -494,7 +486,7 @@
</li> </li>
<li class="anc-link only-my-data" go="#his-domain-list"> <li class="anc-link only-my-data" go="#his-domain-list">
<a href="#" title="ドメインブロック"><i <a href="#" title="ドメインブロック"><i
class="material-icons">language</i>ドメインブロック</a> class="material-icons">cancel_schedule_send</i>ドメインブロック</a>
</li> </li>
<li class="anc-link only-my-data" go="#his-prof-list"> <li class="anc-link only-my-data" go="#his-prof-list">
<a href="#" title="プロフィール編集"><i <a href="#" title="プロフィール編集"><i
@ -511,8 +503,9 @@
<a href="#" title="他のアカウントで操作"><i <a href="#" title="他のアカウントで操作"><i
class="material-icons">account_box</i>他のアカウントで操作</a> class="material-icons">account_box</i>他のアカウントで操作</a>
</li> </li>
<li class="only-his-data"> <li class="anc-link" go="#his-matching-list">
<a href="#">Coming soon...</a> <a href="#" title="似ているユーザーを取得できます。"><i
class="material-icons">group_work</i>User Matching</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -607,9 +600,16 @@
<div id="his-follow-recom-contents" class="cont-series"> <div id="his-follow-recom-contents" class="cont-series">
</div> </div>
</div> </div>
</div> <div id="his-matching-list" class="his-var-content">
<div class="his-float" id="his-float-blocked"> 似ているユーザーを取得できます。<br>
<div>ブロックされています。なぜでしょう?</div> Powered by <a href="https://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%; padding:0;">取得</button>
</div>
<div id="his-float-blocked">
<div>ブロックされています。なぜでしょう?</div>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -458,14 +458,6 @@
<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 only-my-data"
id="his-main-acct" onclick="setMain()" id="his-main-acct" onclick="setMain()"
style="width: calc(100% - 10px)">@@mainacct@@</a><br> style="width: calc(100% - 10px)">@@mainacct@@</a><br>
</div><br>
<div id="his-matching-list">
@@likeUserDes@@<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> </div>
</div> </div>
@ -494,7 +486,7 @@
</li> </li>
<li class="anc-link only-my-data" go="#his-domain-list"> <li class="anc-link only-my-data" go="#his-domain-list">
<a href="#" title="@@domainBlock@@"><i <a href="#" title="@@domainBlock@@"><i
class="material-icons">language</i>@@domainBlock@@</a> class="material-icons">cancel_schedule_send</i>@@domainBlock@@</a>
</li> </li>
<li class="anc-link only-my-data" go="#his-prof-list"> <li class="anc-link only-my-data" go="#his-prof-list">
<a href="#" title="@@editProf@@"><i <a href="#" title="@@editProf@@"><i
@ -511,8 +503,9 @@
<a href="#" title="@@operateOtherAcct@@"><i <a href="#" title="@@operateOtherAcct@@"><i
class="material-icons">account_box</i>@@operateOtherAcct@@</a> class="material-icons">account_box</i>@@operateOtherAcct@@</a>
</li> </li>
<li class="only-his-data"> <li class="anc-link" go="#his-matching-list">
<a href="#">Coming soon...</a> <a href="#" title="@@likeUserDes@@"><i
class="material-icons">group_work</i>User Matching</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -607,9 +600,16 @@
<div id="his-follow-recom-contents" class="cont-series"> <div id="his-follow-recom-contents" class="cont-series">
</div> </div>
</div> </div>
</div> <div id="his-matching-list" class="his-var-content">
<div class="his-float" id="his-float-blocked"> @@likeUserDes@@<br>
<div>@@blocked@@</div> Powered by <a href="https://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%; padding:0;">@@get@@</button>
</div>
<div id="his-float-blocked">
<div>@@blocked@@</div>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -458,14 +458,6 @@
<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 only-my-data"
id="his-main-acct" onclick="setMain()" id="his-main-acct" onclick="setMain()"
style="width: calc(100% - 10px)">@@mainacct@@</a><br> style="width: calc(100% - 10px)">@@mainacct@@</a><br>
</div><br>
<div id="his-matching-list">
crwdns469:0crwdne469:0<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%;">crwdns470:0crwdne470:0</button>
</div> </div>
</div> </div>
</div> </div>
@ -494,7 +486,7 @@
</li> </li>
<li class="anc-link only-my-data" go="#his-domain-list"> <li class="anc-link only-my-data" go="#his-domain-list">
<a href="#" title="crwdns450:0crwdne450:0"><i <a href="#" title="crwdns450:0crwdne450:0"><i
class="material-icons">language</i>crwdns450:0crwdne450:0</a> class="material-icons">cancel_schedule_send</i>crwdns450:0crwdne450:0</a>
</li> </li>
<li class="anc-link only-my-data" go="#his-prof-list"> <li class="anc-link only-my-data" go="#his-prof-list">
<a href="#" title="crwdns451:0crwdne451:0"><i <a href="#" title="crwdns451:0crwdne451:0"><i
@ -511,8 +503,9 @@
<a href="#" title="crwdns443:0crwdne443:0"><i <a href="#" title="crwdns443:0crwdne443:0"><i
class="material-icons">account_box</i>crwdns443:0crwdne443:0</a> class="material-icons">account_box</i>crwdns443:0crwdne443:0</a>
</li> </li>
<li class="only-his-data"> <li class="anc-link" go="#his-matching-list">
<a href="#">Coming soon...</a> <a href="#" title="crwdns469:0crwdne469:0"><i
class="material-icons">group_work</i>User Matching</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -607,9 +600,16 @@
<div id="his-follow-recom-contents" class="cont-series"> <div id="his-follow-recom-contents" class="cont-series">
</div> </div>
</div> </div>
</div> <div id="his-matching-list" class="his-var-content">
<div class="his-float" id="his-float-blocked"> crwdns469:0crwdne469:0<br>
<div>@@blocked@@</div> Powered by <a href="https://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%; padding:0;">crwdns470:0crwdne470:0</button>
</div>
<div id="his-float-blocked">
<div>@@blocked@@</div>
</div>
</div> </div>
</div> </div>
</div> </div>