"id": "screentime",
"name": "スクリーンタイム",
"icon": "icon.png",
- "version": "1.0.0",
+ "version": "1.1.0",
"author": "kit",
"support": {
"darkmode": true,
let _sorted = Object.entries(KWS.screenTime).sort(([a1,a2],[b1,b2]) => b2-a2);
let _rank = 1;
for(let i of _sorted){
- let _min = Math.floor(i[1]/60000);
+ let _hour = Math.floor(i[1]/3600000);
+ let _min = Math.floor(i[1]/60000%60);
let _sec = Math.floor(i[1]/1000%60);
- let _insert = `<kit-box><code class='m-r'>${_rank}</code><strong class='kit-left p-0'>${i[0]}</strong>${_min}分 ${_sec}秒</kit-box>`;
+ let _text = '';
+ if(_hour) _text = _hour + "時間 ";
+ _text += `${_min}分 ${_sec}秒`;
+ let _insert = `<kit-box><code class='m-r'>${_rank}</code><strong class='kit-left p-0'>${i[0]}</strong>${_text}</kit-box>`;
_list.insertAdjacentHTML('beforeend', _insert);
_rank ++;
}
-<input class="textbox" id="ytplayer-src" placeholder="動画ID" style="width:200px;">
-<a class="kit-button ytplayer-play">YouTube</a>
-<a class="kit-button ytplayer-nico">niconico</a>
-<br>
-<iframe kit-src="usage.html" frameborder="0" class="ytplayer-area" style="width:480px;height:320px;margin:5px 0px;"></iframe>
\ No newline at end of file
+<div class="kit-formgroup kit-fit">
+ <input class="textbox kit-flex-grow" id="ytplayer-src" placeholder="動画ID" style="width:200px;">
+ <a class="kit-button -crimson ytplayer-play">YouTube</a>
+ <a class="kit-button -black ytplayer-nico">niconico</a>
+</div>
+<iframe kit-src="usage.html" frameborder="0" class="ytplayer-area" style="width:480px;height:320px;margin:5px 0px;"></iframe>
"id": "ytplayer",
"name": "YouTubePlayer",
"icon": "icon.png",
- "version": "1.1.1",
+ "version": "1.2.0",
"author": "kit",
"support": {
<h3>使い方</h3>
YouYubeまたはniconicoの再生したい動画のIDを入力し、再生したいサービスのボタンを押すと動画を再生できます(外部プレイヤーでの再生が許可されている動画のみ)。
</body>
-</html>
\ No newline at end of file
+</html>
((_pid, _app) => {
$("#w" + _pid).resizable({
- alsoResize: ".ytplayer-area",
+ alsoResize: `#w${_pid} .ytplayer-area`,
minWidth: "200"
});
_app.dom().delegate(".ytplayer-play", "click", () => {
- _app.dom(".ytplayer-area").attr("src", "https://www.youtube.com/embed/"+ _app.dom("#ytplayer-src").val() +"?&showinfo=0&iv_load_policy=3&fs=0&modestbranding=1");
+ _app.dom(".ytplayer-area").attr("src", `https://www.youtube.com/embed/${_app.dom("#ytplayer-src").val()}?&showinfo=0&iv_load_policy=3&fs=0&modestbranding=1`);
}).delegate(".ytplayer-nico", "click", () => {
- _app.dom(".ytplayer-area").attr("src", "https://embed.nicovideo.jp/watch/"+ _app.dom("#ytplayer-src").val() +"?&showinfo=0&iv_load_policy=3&fs=0&modestbranding=1");
+ _app.dom(".ytplayer-area").attr("src", `https://embed.nicovideo.jp/watch/${_app.dom("#ytplayer-src").val()}?&showinfo=0&iv_load_policy=3&fs=0&modestbranding=1`);
});
})(pid, app);