TheDesk Mizuki (ver.4)
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
/*イメージビューワー*/
|
||||
//postのimg.jsとは異なります。
|
||||
function imgv(id, key, acct_id) {
|
||||
$("#imgprog").text(0);
|
||||
$('#imgmodal').attr('src', './img/loading.svg');
|
||||
var murl = $("#" + id + "-image-" + key).attr("data-url");
|
||||
var type = $("#" + id + "-image-" + key).attr("data-type");
|
||||
@@ -8,6 +9,23 @@ function imgv(id, key, acct_id) {
|
||||
$("#imagemodal").attr("data-acct",acct_id);
|
||||
$(document).ready(function() {
|
||||
if (type == "image") {
|
||||
xhr = new XMLHttpRequest;
|
||||
xhr.open('GET', murl, true);
|
||||
xhr.addEventListener('progress', function (event) {
|
||||
if (event.lengthComputable) {
|
||||
var total=event.total;
|
||||
var now=event.loaded;
|
||||
var per=now/total*100;
|
||||
$("#imgprog").text(per);
|
||||
}
|
||||
}, false);
|
||||
xhr.addEventListener('loadend', function (event) {
|
||||
var total=event.total;
|
||||
var now=event.loaded;
|
||||
var per=now/total*100;
|
||||
$("#imgprog").text(per);
|
||||
}, false);
|
||||
xhr.send();
|
||||
$('#imgmodal').attr('src', murl);
|
||||
$('#imagewrap').dragScroll(); // ドラッグスクロール設定
|
||||
$('#imagemodal').modal('open');
|
||||
@@ -97,6 +115,7 @@ function imgv(id, key, acct_id) {
|
||||
}
|
||||
//イメージビューワーの送り
|
||||
function imgCont(type) {
|
||||
$("#imgprog").text(0);
|
||||
var key = $('#imagemodal').attr('data-key');
|
||||
var id = $('#imagemodal').attr('data-id');
|
||||
if (type == "next") {
|
||||
@@ -110,6 +129,23 @@ function imgCont(type) {
|
||||
var type = $("#" + id + "-image-" + key).attr("data-type");
|
||||
$(document).ready(function() {
|
||||
if (type == "image") {
|
||||
xhr = new XMLHttpRequest;
|
||||
xhr.open('GET', murl, true);
|
||||
xhr.addEventListener('progress', function (event) {
|
||||
if (event.lengthComputable) {
|
||||
var total=event.total;
|
||||
var now=event.loaded;
|
||||
var per=now/total*100;
|
||||
$("#imgprog").text(per);
|
||||
}
|
||||
}, false);
|
||||
xhr.addEventListener('loadend', function (event) {
|
||||
var total=event.total;
|
||||
var now=event.loaded;
|
||||
var per=now/total*100;
|
||||
$("#imgprog").text(per);
|
||||
}, false);
|
||||
xhr.send();
|
||||
$('#imgmodal').attr('src', murl);
|
||||
$('#imagewrap').dragScroll(); // ドラッグスクロール設定
|
||||
$('#imagemodal').attr('data-key', key);
|
||||
|
@@ -75,24 +75,42 @@ function parseColumn() {
|
||||
}else{
|
||||
var unique_notf="通知";
|
||||
}
|
||||
var insert="";
|
||||
var icnsert="";
|
||||
if(acct.background){
|
||||
if(acct.text=="def"){
|
||||
|
||||
}else{
|
||||
if(acct.text=="black"){
|
||||
var txhex="000000";
|
||||
var ichex="9e9e9e"
|
||||
}else if(acct.text=="white"){
|
||||
var txhex="ffffff";
|
||||
var ichex="eeeeee"
|
||||
}
|
||||
insert=' style="background-color:#'+acct.background+'; color: #'+txhex+'" ';
|
||||
icnsert=' style="color: #'+ichex+'" ';
|
||||
}
|
||||
}
|
||||
var html = '<div class="box" id="timeline_box_' + key + '_box" tlid="' + key +
|
||||
'"><div class="notice-box z-depth-2">'+
|
||||
'"><div class="notice-box z-depth-2" id="menu_'+key+'"'+insert+'>'+
|
||||
'<div class="area-notice"><i class="material-icons waves-effect red-text" id="notice_icon_' + key + '"'+notf_attr+' style="font-size:40px; padding-top:25%;" onclick="goTop(' + key + ')" title="一番上へ。アイコンが赤のときはストリーミングに接続できていません。F5等で再読込をお試し下さい。"></i></div>'+
|
||||
'<div class="area-notice_name"><span id="notice_' + key + '"" class="tl-title"></span></div>'+
|
||||
'<div class="area-notice_name"><span id="notice_' + key + '" class="tl-title"></span></div>'+
|
||||
'<div class="area-a1"><a onclick="notfToggle(' + acct.domain + ',' + key +
|
||||
')" class="setting nex" title="このアカウントの'+unique_notf+'"><i class="material-icons waves-effect nex notf-icon_' +
|
||||
')" class="setting nex" title="このアカウントの'+unique_notf+'"'+icnsert+'><i class="material-icons waves-effect nex notf-icon_' +
|
||||
acct.domain + '">notifications</i></a></div>'+
|
||||
'<div class="area-a2"><a onclick="removeColumn(' + key +
|
||||
')" class="setting nex"><i class="material-icons waves-effect nex" title="このカラムを削除">cancel</i></a></div>'+
|
||||
'<div class="area-a3"><a onclick="mediaToggle(' + key +
|
||||
')" class="setting nex"><i class="material-icons waves-effect nex" title="メディアフィルター">perm_media</i><span id="sta-media-' +
|
||||
key + '">On</span></div>'+
|
||||
'<div class="area-a4"><a onclick="cardToggle(' + key +
|
||||
')" class="setting nex"><i class="material-icons waves-effect nex" title="リンクの解析を切り替え(OFFで制限を回避出来る場合があります)">link</i><span id="sta-card-' +
|
||||
key + '">On</span></a></div>'+
|
||||
')" class="setting nex"><i class="material-icons waves-effect nex" title="このカラムを削除"'+icnsert+'>cancel</i></a></div>'+
|
||||
'<div class="area-a3"><a onclick="setToggle(' + key +
|
||||
')" class="setting nex" title="このカラムの設定"'+icnsert+'><i class="material-icons waves-effect nex">settings</i></a></div></div>'+
|
||||
'<div class="hide notf-indv-box" id="notf-box_' + key +
|
||||
'"><div id="notifications_' + key +
|
||||
'" data-notf="' + acct.domain + '"></div></div></div><div class="tl-box" tlid="' + key + '"><div id="timeline_' + key +
|
||||
'" data-notf="' + acct.domain + '"></div></div><div class="hide notf-indv-box" id="util-box_' + key +
|
||||
'" style="padding:5px;"><a onclick="mediaToggle(' + key +
|
||||
')" class="setting nex"><i class="material-icons waves-effect nex" title="メディアフィルター">perm_media</i><span id="sta-media-' +
|
||||
key + '">On</span></a>メディアフィルター<br><a onclick="cardToggle(' + key +
|
||||
')" class="setting nex"><i class="material-icons waves-effect nex" title="リンクの解析を切り替え(OFFで制限を回避出来る場合があります)">link</i><span id="sta-card-' +
|
||||
key + '">On</span></a>リンク解析<br>TLヘッダーの色<br><div id="picker_'+key+'" class="color-picker"></div></div><div class="tl-box" tlid="' + key + '"><div id="timeline_' + key +
|
||||
'" class="tl" tlid="' + key + '"'+notf_attr+'><div style="text-align:center">[ここにトゥートはありません。]<br>F5で再読込できます。</div></div></div></div>';
|
||||
$("#timeline-container").append(html);
|
||||
localStorage.removeItem("pool_" + key);
|
||||
@@ -135,11 +153,19 @@ function addColumn() {
|
||||
};
|
||||
var multi = localStorage.getItem("column");
|
||||
var obj = JSON.parse(multi);
|
||||
console.log(obj.length)
|
||||
localStorage.setItem("card_" + obj.length,"true");
|
||||
obj.push(add);
|
||||
var json = JSON.stringify(obj);
|
||||
localStorage.setItem("column", json);
|
||||
if(!obj){
|
||||
var leng=0;
|
||||
localStorage.setItem("card_" + leng,"true");
|
||||
var json = JSON.stringify([add]);
|
||||
localStorage.setItem("column", json);
|
||||
}else{
|
||||
var leng=obj.length;
|
||||
localStorage.setItem("card_" + leng,"true");
|
||||
obj.push(add);
|
||||
var json = JSON.stringify(obj);
|
||||
localStorage.setItem("column", json);
|
||||
}
|
||||
|
||||
parseColumn();
|
||||
}
|
||||
function addselCk(){
|
||||
@@ -171,4 +197,61 @@ function removeColumn(tlid) {
|
||||
sortload()
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
//設定トグル
|
||||
function setToggle(tlid) {
|
||||
colorpicker(tlid);
|
||||
$("#util-box_" + tlid).toggleClass("hide");
|
||||
$("#util-box_" + tlid).toggleClass("show");
|
||||
}
|
||||
function colorpicker(key){
|
||||
temp=
|
||||
'<div onclick="coloradd('+key+',\'def\',\'def\')" class="pointer">Default</div>'+
|
||||
'<div onclick="coloradd('+key+',\'f44336\',\'white\')" class="red white-text pointer">Red</div>'+
|
||||
'<div onclick="coloradd('+key+',\'e91e63\',\'white\')" class="pink white-text pointer">Pink</div>'+
|
||||
'<div onclick="coloradd('+key+',\'9c27b0\',\'white\')" class="purple white-text pointer">Purple</div>'+
|
||||
'<div onclick="coloradd('+key+',\'673ab7\',\'white\')" class="deep-purple white-text pointer">Deep-purple</div>'+
|
||||
'<div onclick="coloradd('+key+',\'3f51b5\',\'white\')" class="indigo white-text pointer">Indigo</div>'+
|
||||
'<div onclick="coloradd('+key+',\'2196f3\',\'white\')" class="blue white-text pointer">Blue</div>'+
|
||||
'<div onclick="coloradd('+key+',\'03a9f4\',\'black\')" class="light-blue black-text pointer">Light-blue</div>'+
|
||||
'<div onclick="coloradd('+key+',\'00bcd4\',\'black\')" class="cyan black-text pointer">Cyan</div>'+
|
||||
'<div onclick="coloradd('+key+',\'009688\',\'white\')" class="teal white-text pointer">Teal</div>'+
|
||||
'<div onclick="coloradd('+key+',\'4caf50\',\'black\')" class="green black-text pointer">Green</div>'+
|
||||
'<div onclick="coloradd('+key+',\'8bc34a\',\'black\')" class="light-green black-text pointer">Light-green</div>'+
|
||||
'<div onclick="coloradd('+key+',\'cddc39\',\'black\')" class="lime black-text pointer">Lime</div>'+
|
||||
'<div onclick="coloradd('+key+',\'ffeb3b\',\'black\')" class="yellow black-text pointer">Yellow</div>'+
|
||||
'<div onclick="coloradd('+key+',\'ffc107\',\'black\')" class="amber black-text pointer">Amber</div>'+
|
||||
'<div onclick="coloradd('+key+',\'ff9800\',\'black\')" class="orange black-text pointer">Orange</div>'+
|
||||
'<div onclick="coloradd('+key+',\'ff5722\',\'white\')" class="deep-orange white-text pointer">Deep-orange</div>'+
|
||||
'<div onclick="coloradd('+key+',\'795548\',\'white\')" class="brown white-text pointer">Brown</div>'+
|
||||
'<div onclick="coloradd('+key+',\'9e9e9e\',\'white\')" class="grey white-text pointer">Grey</div>'+
|
||||
'<div onclick="coloradd('+key+',\'607d8b\',\'white\')" class="blue-grey white-text pointer">Blue-grey</div>'+
|
||||
'<div onclick="coloradd('+key+',\'000000\',\'white\')" class="black white-text pointer">Black</div>'+
|
||||
'<div onclick="coloradd('+key+',\'ffffff\',\'black\')" class="white black-text pointer">White</div>';
|
||||
$("#picker_"+key).html(temp);
|
||||
}
|
||||
function coloradd(key,bg,txt){
|
||||
var col = localStorage.getItem("column");
|
||||
var o = JSON.parse(col);
|
||||
var obj=o[key];
|
||||
obj.background=bg;
|
||||
obj.text=txt;
|
||||
o[key]=obj;
|
||||
var json = JSON.stringify(o);
|
||||
localStorage.setItem("column", json);
|
||||
if(txt=="def"){
|
||||
$("#menu_"+key).attr("style","")
|
||||
}else{
|
||||
$("#menu_"+key).css('background-color','#'+bg);
|
||||
if(txt=="black"){
|
||||
var bghex="000000";
|
||||
var ichex="9e9e9e"
|
||||
}else if(txt=="white"){
|
||||
var bghex="ffffff";
|
||||
var ichex="eeeeee"
|
||||
}
|
||||
$("#menu_"+key+" .nex").css('color','#'+ichex);
|
||||
$("#menu_"+key).css('color','#'+bghex);
|
||||
}
|
||||
}
|
@@ -38,4 +38,10 @@ function goTop(id){
|
||||
$("#timeline_box_"+id+"_box .tl-box").scrollTop(500)
|
||||
}
|
||||
$("#timeline_box_"+id+"_box .tl-box").animate({scrollTop:0});
|
||||
}
|
||||
function goColumn(key){
|
||||
if($('[tlid='+key+']').length){
|
||||
console.log($('[tlid='+key+']').offset().left);
|
||||
$("#timeline-container").animate({scrollLeft:$("#timeline-container").scrollLeft()+$('[tlid='+key+']').offset().left});
|
||||
}
|
||||
}
|
@@ -119,6 +119,13 @@ function settings() {
|
||||
Materialize.toast("ネイティブ通知を" + ntt + "に設定しました。", 3000);
|
||||
}
|
||||
localStorage.setItem("nativenotf", ntd);
|
||||
|
||||
var qtd = $("[name=quote]:checked").val();
|
||||
var qtt = $("[for=q_"+qtd+"]").text();
|
||||
if (qtd != localStorage.getItem("quote")) {
|
||||
Materialize.toast("引用形式を" + qtt + "に設定しました。", 3000);
|
||||
}
|
||||
localStorage.setItem("quote", qtd);
|
||||
}
|
||||
|
||||
//読み込み時の設定ロード
|
||||
@@ -231,6 +238,12 @@ function load() {
|
||||
var nnd = "yes";
|
||||
}
|
||||
$("#ntf_" + nnd).prop("checked", true);
|
||||
|
||||
var qt = localStorage.getItem("quote");
|
||||
if (!qt) {
|
||||
var qt = "simple";
|
||||
}
|
||||
$("#q_" + qt).prop("checked", true);
|
||||
}
|
||||
//最初に読む
|
||||
load();
|
||||
|
@@ -10,7 +10,22 @@ function sortload(){
|
||||
if(localStorage.getItem("card_" + key)=="true"){
|
||||
flag="true"
|
||||
}
|
||||
var html='<li class="drag-content" data-id="'+key+'" data-flag="'+flag+'">'+localStorage.getItem("user_" + acct.domain)+"@"+localStorage.getItem("domain_" + acct.domain)+" "+cap(acct.type, acct.data)+' TL <a onclick="removeColumn(' + key +
|
||||
var insert="";
|
||||
|
||||
if(acct.background){
|
||||
if(acct.text=="def"){
|
||||
|
||||
}else{
|
||||
if(acct.text=="black"){
|
||||
var txhex="000000";
|
||||
}else if(acct.text=="white"){
|
||||
var txhex="ffffff";
|
||||
}
|
||||
insert=' style="background-color:#'+acct.background+'; color: #'+txhex+'" ';
|
||||
}
|
||||
}
|
||||
var html='<li class="drag-content" data-id="'+key+'" data-flag="'+flag+'"'+insert+'><a onclick="goColumn(' + key +
|
||||
')" class="setting nex"><i class="material-icons waves-effect nex" title="このカラムへ">forward</i></a>'+localStorage.getItem("user_" + acct.domain)+"@"+localStorage.getItem("domain_" + acct.domain)+" "+cap(acct.type, acct.data)+' TL <a onclick="removeColumn(' + key +
|
||||
')" class="setting nex"><i class="material-icons waves-effect nex" title="このカラムを削除">cancel</i></a></li>';
|
||||
$("#sort").append(html);
|
||||
});
|
||||
|
Reference in New Issue
Block a user