109 lines
5.9 KiB
HTML
109 lines
5.9 KiB
HTML
|
<!doctype html>
|
||
|
|
<!--Vue.jsでなんかTLづくりやってみようみたいなやつ。そっ閉じ推奨。-->
|
||
|
|
<html lang="ja">
|
||
|
|
<head>
|
||
|
|
<title>Beta - TheDesk</title>
|
||
|
|
<meta content="width=device-width,initial-scale=1.0" name="viewport">
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
</head>
|
||
|
|
<a href="index.html">Back</a>
|
||
|
|
<div id="tl">
|
||
|
|
<div :id="pub_id" class="cvo" :class="boostback" v-bind:class="{ 'faved': fav_app, 'rted': rt_app, 'pinned':pin_app,'hasmedia':hasmedia}"
|
||
|
|
:toot-id="id" :unique-id="uniqueid" :data-medias="media_ids" :unixtime="unixtime" :data-notfIndv="if_notf"
|
||
|
|
@mouseover="mov('mv')" @click="mov('cl')" @mouseout="resetmv('mv')">
|
||
|
|
<div class="area-notice"><span class="gray sharesta"><span v-if="notice"><i class="big-text fa" :class="rticon"></i>{{dis_name}}(@{{acct}})<br></span></span></div>
|
||
|
|
<div class="area-icon">
|
||
|
|
<a @click="udg" :user="acct" class="udg"><img :src="avatar" width="40" class="prof-img" :user="acct"></a>
|
||
|
|
<a @click="udg" :user="acct" class="udg" v-if="notice"><img :src="avatar" width="40" class="notf-icon prof-img" :user="acct"></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
Yeah
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
var app = new Vue({
|
||
|
|
el: '#tl',
|
||
|
|
data: {
|
||
|
|
tlid:0,
|
||
|
|
pub_id:"pub_123",
|
||
|
|
id: 123,
|
||
|
|
uniqueid:1234,
|
||
|
|
boostback:'a',
|
||
|
|
fav_app:true,
|
||
|
|
rt_app:true,
|
||
|
|
pin_app:false,
|
||
|
|
hasmedia:false,
|
||
|
|
media_ids:'',
|
||
|
|
unixtime:'1238954',
|
||
|
|
if_notf:''
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
mov: function (c) {
|
||
|
|
mov(this.id,this.tlid,c)
|
||
|
|
},
|
||
|
|
resetmv: function (c) {
|
||
|
|
resetmv(c)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
</script>
|
||
|
|
<script>
|
||
|
|
function mov(a,b,c){
|
||
|
|
console.log(a+":"+b+":"+c);
|
||
|
|
}
|
||
|
|
function resetmv(a){
|
||
|
|
console.log(a);
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<!--@mouseover="mov({{id}},{{tlid}},'mv')" @click="mov({{id}},{{tlid}},'cl')" @mouseout="resetmv('mv')"-->
|
||
|
|
<!--
|
||
|
|
<div id="pub_toot.id" class="cvo boostback fav_app rt_app pin_app hasmedia" toot-id="id" unique-id="uniqueid" data-medias="media_ids " unixtime="date(obj[key].created_at, unix)" if_notf onmouseover="mov(toot.id,tlid,mv)" onclick="mov(toot.id,tlid,cl)" onmouseout="resetmv(mv)">
|
||
|
|
<div class="area-notice"><span class="gray sharesta">noticehome</span></div>
|
||
|
|
<div class="area-icon">
|
||
|
|
<a onclick="udg(toot.account.id,acct_id);" user="toot.account.acct" class="udg"><img src="avatar" width="40" class="prof-img" user="toot.account.acct"></a>noticeavatar
|
||
|
|
</div>
|
||
|
|
<div class="area-display_name">
|
||
|
|
<div class="flex-name"><span class="user">dis_name</span><span class="sml gray" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis; cursor:text;">@toot.account.acctlocked</span></div>
|
||
|
|
<div class="flex-time"><span class="cbadge cbadge-hover pointer waves-effect" onclick="tootUriCopy(toot.url);" title="date(toot.created_at, absolute)(lang_parse_clickcopyurl[lang])"><i class="fa fa-clock-o"></i>
|
||
|
|
date(toot.created_at, datetype)</span>
|
||
|
|
</div></div>
|
||
|
|
<div class="area-toot"><span class="api_spoil cw_text_toot.id">spoilspoiler_show</span><span class="toot spoiler">content</span>
|
||
|
|
viewer
|
||
|
|
</div><div class="area-additional"><span class="additional">analyze</span>mentionstags</div>
|
||
|
|
<div class="area-vis"></div>
|
||
|
|
<div class="area-actions mouseover">
|
||
|
|
<div class="action">vis</div>
|
||
|
|
<div class="action antinoauth"><a onclick="detEx(toot.url,main)" class="waves-effect waves-dark details" style="padding:0">lang_parse_det[lang]</a></div>
|
||
|
|
<div class="action disp["re"] noauth"><a onclick="re(toot.id,toot.account.acct,acct_id,visen)" class="waves-effect waves-dark btn-flat" style="padding:0" title="lang_parse_replyto[lang]">
|
||
|
|
<i class="fa fa-share"></i><span class="rep_ct">replyct</a></span></a></div>
|
||
|
|
<div class="action can_rt disp["rt"] noauth"><a onclick="rt(toot.id,acct_id,tlid)" class="waves-effect waves-dark btn-flat" style="padding:0" title="lang_parse_bt[lang]"><i class="text-darken-3 fa fa-retweet
|
||
|
|
if_rt rt_toot.id"></i><span class="rt_ct">toot.reblogs_count
|
||
|
|
</span></a></div>
|
||
|
|
<div class="action can_rt disp["qt"] noauth"><a onclick="qt(toot.id,acct_id
|
||
|
|
,toot.account.acct ,toot.url
|
||
|
|
)" class="waves-effect waves-dark btn-flat" style="padding:0" title="lang_parse_quote[lang]"><i class="text-darken-3 fa fa-quote-right"></i></a></div>
|
||
|
|
<div class="action disp["fav"] noauth"><a onclick="fav(toot.id,acct_id
|
||
|
|
,tlid
|
||
|
|
)" class="waves-effect waves-dark btn-flat" style="padding:0" title="lang_parse_fav[lang]"><i class="fa text-darken-3 fa-star
|
||
|
|
if_fav fav_toot.id"></i><span class="fav_ct">toot.favourites_count
|
||
|
|
</a></span></div>
|
||
|
|
<div class="if_mine action disp["del"] noauth"><a onclick="del(toot.id,
|
||
|
|
acct_id
|
||
|
|
)" class="waves-effect waves-dark btn-flat" style="padding:0" title="lang_parse_del[lang]"><i class="fa fa-trash-o"></i></a></div>
|
||
|
|
<div class="if_mine action pin disp["pin"] noauth"><a onclick="pin(toot.id,
|
||
|
|
acct_id
|
||
|
|
)" class="waves-effect waves-dark btn-flat" style="padding:0" title="lang_parse_pin[lang]"><i class="fa fa-map-pin pin_toot.id if_pin"></i></a></div>
|
||
|
|
<div class="if_mine action disp["red"] noauth"><a onclick="redraft(toot.id,
|
||
|
|
acct_id
|
||
|
|
)" class="waves-effect waves-dark btn-flat" style="padding:0" title="lang_parse_redraft[lang]"><i class="material-icons">redo</i></a></div>trans
|
||
|
|
<span class="cbadge viabadge waves-effect viashow mine_via" onclick="client($.strip_tags(via))" title="via $.strip_tags(via)">via
|
||
|
|
via
|
||
|
|
</span>
|
||
|
|
</div><div class="area-side mouseover"><div class="action if_mine noauth"><a onclick="toggleAction(toot.id,tlid,acct_id)" class="waves-effect waves-dark btn-flat" style="padding:0"><i class="text-darken-3 material-icons act-icon">expand_more</i></a></div>
|
||
|
|
<div class="action noauth"><a onclick="details(toot.id,acct_id
|
||
|
|
,tlid)" class="waves-effect waves-dark btn-flat details" style="padding:0"><i class="text-darken-3 material-icons">more_vert</i></a></div>
|
||
|
|
</div></div>
|
||
|
|
</div></div>
|
||
|
|
-->
|