This repository has been archived by the owner on Apr 4, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
135 lines (127 loc) · 6.14 KB
/
popup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>MIYUKKI Direct</title>
<link rel="stylesheet" href="./popup.css">
<template id="searchResultTemplete">
<li class="flex-container match-parent">
<img class="thumb" src="" alt="">
<div class="stretch">
<h2 class="ellipsis title"></h2>
<p class="ellipsis2 description"></p>
</div>
</li>
</template>
</head>
<body>
<section id="init">
<form action="" id="getShortenURL" class="flex-container flex-column full-parent">
<img class="match-parent" src="./logo.png" alt="DJ MIYUKKI SYSTEM">
<div class="stretch"></div>
<p>
<select id="selectUrlType" class="match-parent">
<option value="http://lit.sh/" checked>短縮URL: lit.sh/</option>
<option value="direct">ルームID: dj.life-is-tech.com/submit.html?r=</option>
<option value="">短縮URL: カスタム</option>
</select>
<input type="text" class="autofocus match-parent" id="inputShortenURL"
placeholder="URLの続きまたはルームIDを入力…">
</p>
<p>
<input id="inputKeepPeriod" type="number" value="0" min="0" col="2">日間保存
</p>
<ul>
<li>どのURLで始まるかを選択して、その<strong>後に続く文字</strong>を入力してください。</li>
<li>カスタムを選択した場合はURL全て(http~から)を入力してください。</li>
<li>保存日数が0の場合は無期限になります。</li>
<li>途中でキャンセルできます。</li>
</ul>
<p>
この拡張機能は Life is Tech ! 非公式です。<br>
Fork me on <a href="https://github.com/lit-kansai-members/MIYUKKI-Direct">GitHub</a>!
</p>
<p>
<button id="buttonStart" class="match-parent">START</button>
</p>
</form>
</section>
<section id="post" class="flex-container flex-column">
<iframe id="player" src="" frameborder="0"></iframe>
<h2 id="videoTitle" class="ellipsis2"></h2>
<p id="videoDescription" class="ellipsis10"></p>
<div class="stretch"></div>
<p>
を送信します。
よろしいですか？
</p>
<form id="submit" action="">
<input type="hidden" name="id">
<input type="hidden" name="room_id">
<button class="match-parent autofocus">SUBMIT</button>
</form>
</section>
<section id="search">
<div id="history" class="flex-container">
<img src="./history.svg" alt="">
<span>送信履歴</span>
<button id="removeHistory" class="stretch">削除</button>
</div>
<ul id="search-result" class="match-parent"></ul>
</section>
<section id="error" class="flex-container flex-column">
エラーが発生しました。:
<p id="error-result"></p>
<div class="stretch"></div>
<button class="back match-parent autofocus">戻る</button>
</section>
<section id="success" class="flex-container flex-column">
<p>
成功しました。
</p>
<p>
動画が再生されるまでお楽しみに！
</p>
<p>
<a id="tweet" href="http://twitter.com">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 512 512">
<path fill="#fff" d="M512 113.2c-18.8 8.4-39.1 14-60.3 16.5 21.7-13 38.3-33.6 46.2-58.1-20.3 12-42.8 20.8-66.7 25.5-19.2-20.4-46.5-33.1-76.7-33.1-58 0-105 47-105 105 0 8.2 0.9 16.2 2.7 23.9-87.3-4.4-164.7-46.2-216.5-109.8-9 15.5-14.2 33.6-14.2 52.8 0 36.4 18.5 68.6 46.7 87.4-17.2-0.5-33.4-5.3-47.6-13.1 0 0.4 0 0.9 0 1.3 0 50.9 36.2 93.4 84.3 103-8.8 2.4-18.1 3.7-27.7 3.7-6.8 0-13.3-0.7-19.8-1.9 13.4 41.7 52.2 72.1 98.1 73-36 28.2-81.2 45-130.5 45-8.5 0-16.8-0.5-25.1-1.5 46.6 29.9 101.8 47.2 161.1 47.2 193.2 0 298.9-160.1 298.9-298.9 0-4.6-0.1-9.1-0.3-13.6 20.5-14.7 38.3-33.2 52.4-54.3z"></path>
</svg>
ツイート
</a>
</p>
<div class="stretch"></div>
<button class="back match-parent autofocus">戻る</button>
</section>
<section id="setting">
<h3>
設定
</h3>
<p><label><input type="checkbox" id="setNoticeAllowedPost" class="autofocus">動画の投稿が可能になったことを通知</label></p>
<p><label><input id="setSuggestSearchInput" type="checkbox">動画の検索時に入力候補を表示</label></p>
</section>
<header>
<p class="flex-container">
<img src="./logo.png" alt="DJ MIYUKKI SYSTEM" id="logo">
<button id="logout" class="stretch margin-button">LOGOUT</button>
<button id="tosetting" class="button-transparent">
<svg viewBox="0 0 384 448" class="hover-rotate">
<path fill="#fff" d="M256 224c0-35.25-28.75-64-64-64s-64 28.75-64 64 28.75 64 64 64 64-28.75 64-64zM384 196.75v55.5c0 3.75-3 8.25-7 9l-46.25 7c-2.75 8-5.75 15.5-9.75 22.75 8.5 12.25 17.5 23.25 26.75 34.5 1.5 1.75 2.5 4 2.5 6.25s-0.75 4-2.25 5.75c-6 8-39.75 44.75-48.25 44.75-2.25 0-4.5-1-6.5-2.25l-34.5-27c-7.25 3.75-15 7-22.75 9.5-1.75 15.25-3.25 31.5-7.25 46.5-1 4-4.5 7-9 7h-55.5c-4.5 0-8.5-3.25-9-7.5l-7-46c-7.75-2.5-15.25-5.5-22.5-9.25l-35.25 26.75c-1.75 1.5-4 2.25-6.25 2.25s-4.5-1-6.25-2.75c-13.25-12-30.75-27.5-41.25-42-1.25-1.75-1.75-3.75-1.75-5.75 0-2.25 0.75-4 2-5.75 8.5-11.5 17.75-22.5 26.25-34.25-4.25-8-7.75-16.25-10.25-24.75l-45.75-6.75c-4.25-0.75-7.25-4.75-7.25-9v-55.5c0-3.75 3-8.25 6.75-9l46.5-7c2.5-8 5.75-15.5 9.75-23-8.5-12-17.5-23.25-26.75-34.5-1.5-1.75-2.5-3.75-2.5-6s1-4 2.25-5.75c6-8.25 39.75-44.75 48.25-44.75 2.25 0 4.5 1 6.5 2.5l34.5 26.75c7.25-3.75 15-7 22.75-9.5 1.75-15.25 3.25-31.5 7.25-46.5 1-4 4.5-7 9-7h55.5c4.5 0 8.5 3.25 9 7.5l7 46c7.75 2.5 15.25 5.5 22.5 9.25l35.5-26.75c1.5-1.5 3.75-2.25 6-2.25s4.5 1 6.25 2.5c13.25 12.25 30.75 27.75 41.25 42.5 1.25 1.5 1.75 3.5 1.75 5.5 0 2.25-0.75 4-2 5.75-8.5 11.5-17.75 22.5-26.25 34.25 4.25 8 7.75 16.25 10.25 24.5l45.75 7c4.25 0.75 7.25 4.75 7.25 9z"></path>
</svg>
</button>
</p>
<p>
<small>
ルームID: <span id="roomId"></span> あと <span id="showKeepPeriod"></span> 日有効 <br>
<span id="postStatus"></span>
</small>
</p>
<input id="inputSearchQuery" type="search" placeholder="検索ワードを入力…" class="match-parent">
<div class="position-relative">
<ul id="autocompletes"></ul>
</div>
</header>
<img src="./ring-alt.svg" alt="loading" id="loading">
<script src="popup.js"></script>
</body>
</html>