2018-03-10 23:22:59 +09:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
2018-07-07 02:51:48 +09:00
|
|
|
<link href="./css/themes.css" type="text/css" rel="stylesheet">
|
2018-03-10 23:22:59 +09:00
|
|
|
<link href="./css/tl.css" type="text/css" rel="stylesheet">
|
|
|
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
|
|
|
<title>TheDesk Nano</title>
|
|
|
|
|
<style>
|
2018-06-12 00:44:28 +09:00
|
|
|
html{
|
|
|
|
|
-webkit-app-region: drag !important;
|
|
|
|
|
cursor: move !important;
|
|
|
|
|
width:100vw;
|
|
|
|
|
height:100vh;
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
}
|
2018-03-10 23:22:59 +09:00
|
|
|
body {
|
2018-06-12 00:44:28 +09:00
|
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
|
|
|
font-size:11px;
|
|
|
|
|
}
|
|
|
|
|
#timeline_nano{
|
|
|
|
|
overflow-y:scroll;
|
|
|
|
|
overflow-x:hidden;
|
|
|
|
|
-webkit-app-region: no-drag;
|
|
|
|
|
max-height:100px;
|
|
|
|
|
}
|
|
|
|
|
.user{font-size:12px;}
|
|
|
|
|
select {
|
|
|
|
|
-webkit-app-region: no-drag;
|
2018-03-10 23:22:59 +09:00
|
|
|
}
|
|
|
|
|
button {
|
|
|
|
|
-webkit-app-region: no-drag;
|
|
|
|
|
}
|
|
|
|
|
textarea {
|
|
|
|
|
-webkit-app-region: no-drag;
|
|
|
|
|
}
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
|
width: 5px;
|
|
|
|
|
height:10px;
|
|
|
|
|
background: rgba(0,0,0,0.05);
|
|
|
|
|
}
|
|
|
|
|
::-webkit-scrollbar-track {
|
|
|
|
|
-webkit-border-radius: 5px;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
}
|
|
|
|
|
.area-actions{display:none !important;}
|
|
|
|
|
.area-date_via{display:none !important;}
|
|
|
|
|
/* Handle */
|
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
|
|
|
-webkit-border-radius: 5px;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
background: rgba(0,0,0,0.8);
|
|
|
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
|
|
|
|
|
}
|
2018-03-13 02:41:38 +09:00
|
|
|
.blacktheme body {
|
|
|
|
|
color: white;
|
|
|
|
|
background-color: #212121;
|
|
|
|
|
}
|
|
|
|
|
.blacktheme button {
|
|
|
|
|
background-color:black;
|
|
|
|
|
color:white;
|
|
|
|
|
}
|
|
|
|
|
.blacktheme textarea, .blacktheme select{
|
|
|
|
|
color:white;
|
|
|
|
|
}
|
|
|
|
|
.blacktheme select,.blacktheme option{
|
|
|
|
|
background-color:black;
|
|
|
|
|
}
|
2018-03-10 23:22:59 +09:00
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<script type="text/javascript" src="./js/common/jquery.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/platform/first.js"></script>
|
2018-06-12 00:44:28 +09:00
|
|
|
<select id="post-acct-sel" style="max-width:150px">
|
|
|
|
|
</select>
|
|
|
|
|
<select id="type-sel" style="max-width:60px">
|
|
|
|
|
<option value="local">Local</option>
|
|
|
|
|
<option value="home">Home</option>
|
|
|
|
|
</select><button onclick="tl()">表示</button><button onclick="window.close()">x</button><br>
|
|
|
|
|
<div id="timeline_nano">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<br>
|
|
|
|
|
<textarea id="textarea" style="width:80%; background-color:transparent"></textarea>
|
2018-03-10 23:22:59 +09:00
|
|
|
<input type="hidden" id="reply">
|
|
|
|
|
<input type="hidden" id="media">
|
2018-06-12 00:44:28 +09:00
|
|
|
<button class="btn" onclick="post()">投稿</button>
|
|
|
|
|
<script src="https://twemoji.maxcdn.com/2/twemoji.min.js?2.7"></script>
|
2018-03-10 23:22:59 +09:00
|
|
|
<script type="text/javascript" src="./js/post/post.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/post/reply.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/tl/parse.js"></script>
|
2018-03-13 02:41:38 +09:00
|
|
|
<script type="text/javascript" src="./js/ui/theme.js"></script>
|
2018-03-10 23:22:59 +09:00
|
|
|
<script type="text/javascript" src="./js/tl/date.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/common/time.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/platform/nano.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/platform/end.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
var multi = localStorage.getItem("multi");
|
|
|
|
|
if (!multi) {
|
|
|
|
|
var obj = [{
|
|
|
|
|
at: localStorage.getItem(localStorage.getItem("domain_" + acct_id) + "_at"),
|
|
|
|
|
name: localStorage.getItem("name_" + acct_id),
|
|
|
|
|
domain: localStorage.getItem("domain_" + acct_id),
|
|
|
|
|
user: localStorage.getItem("user_" + acct_id),
|
|
|
|
|
prof: localStorage.getItem("prof_" + acct_id)
|
|
|
|
|
}];
|
|
|
|
|
var json = JSON.stringify(obj);
|
|
|
|
|
localStorage.setItem("multi", json);
|
|
|
|
|
} else {
|
|
|
|
|
var obj = JSON.parse(multi);
|
|
|
|
|
}
|
|
|
|
|
var templete;
|
|
|
|
|
var last = localStorage.getItem("last-use");
|
|
|
|
|
var sel;
|
|
|
|
|
Object.keys(obj).forEach(function(key) {
|
|
|
|
|
var acct = obj[key];
|
|
|
|
|
var list = key * 1 + 1;
|
|
|
|
|
if (key == last) {
|
|
|
|
|
sel = "selected";
|
|
|
|
|
} else {
|
|
|
|
|
sel = "";
|
|
|
|
|
}
|
|
|
|
|
templete = '<option value="' + key + '" ' + sel + '>' + acct.user + '@' + acct.domain +
|
|
|
|
|
'</option>';
|
|
|
|
|
$("#post-acct-sel").append(templete);
|
|
|
|
|
});
|
|
|
|
|
</script>
|
