-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
265 lines (211 loc) · 11.5 KB
/
index.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DocType HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8" />
<Meta Name = "Viewport" Content = "Width=Device-Width, Initial-Scale=1, User-Scalable=No" />
<Title>MastodonRater</Title>
<Script Src = "https://unpkg.com/[email protected]/dist/material-components-web.min.js"></Script>
<Link Rel = "StyleSheet" Href = "https://unpkg.com/[email protected]/dist/material-components-web.min.css" />
<Link Rel = "StyleSheet" Href = "https://fonts.googleapis.com/icon?family=Material+Icons" />
<Script Src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></Script>
<Script Src = "mastodon.js"></Script>
<Script Src = "https://genbuproject.github.io/Programs/DOM Extender/DOM Extender v3.4.js"></Script>
<Script Src = "classes/AppInfo.js"></Script>
<Script Src = "classes/Notify.js"></Script>
<Script Src = "classes/Relevance.js"></Script>
<Script Src = "classes/Util.js"></Script>
<Script Src = "main.js" Defer = "Defer"></Script>
<Link Rel = "StyleSheet" Href = "main.css" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<Script Src = "https://www.googletagmanager.com/gtag/js?id=UA-88656260-3" Async></Script>
<Script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-88656260-3');
</Script>
</Head>
<Body Class = "mdc-typography mdc-typography--body2">
<Header ID = "toolbar" Class = "mdc-toolbar mdc-toolbar--fixed mdc-toolbar--waterfall mdc-elevation--z4" Data-mdc-auto-init = "MDCToolbar">
<Div Class = "mdc-toolbar__row">
<Section Class = "mdc-toolbar__section mdc-toolbar__section--align-start">
<Span Class = "mdc-toolbar__title">MastodonRater</Span>
</Section>
<Section Class = "mdc-toolbar__section mdc-toolbar__section--align-end mdc-toolbar__section--shrink-to-fit">
<Span ID = "toolbar-copyright" Class = "mdc-typography--caption">
(C) 2017-2018 <A Href = "https://itabashi.0j0.jp/@ProgrammerGenboo" Target = "_blank">@ProgrammerGenboo</A> As <A Href = "https://github.com/GenbuProject" Target = "_blank">Genbu Project</A>
</Span>
</Section>
</Div>
</Header>
<Main Class = "mdc-toolbar-fixed-adjust">
<Article Class = "mdc-theme--secondary-dark">
2018年5月2日をもって、MastodonRaterは後継バージョンへ移行しました。
後継版は<A Href = "https://mastodon-rater.herokuapp.com/">こちら</A>よりご利用いただけます。
</Article>
<Section ID = "authPanel" Class = "mstdnRater_panel">
<Content Class = "mstdnRater_panel_content">
当サービスをご利用頂く前に、アカウントの認証をお願い致します。
</Content>
<Div ID = "authPanel_authForm">
<Div ID = "authPanel_authForm_instance" Class = "mdc-select" Role = "Listbox" Data-MDC-Auto-Init = "MDCSelect">
<Div Class = "mdc-select__surface">
<Div Class = "mdc-select__label">インスタンスのURL</Div>
<Div Class = "mdc-select__selected-text"></Div>
<Div Class = "mdc-select__bottom-line"></Div>
</Div>
<Div Class = "mdc-select__menu mdc-simple-menu">
<UL ID = "authPanel_authForm_instance-items" Class = "mdc-simple-menu__items mdc-list">
</UL>
</Div>
</Div>
<Button ID = "authPanel_authForm_submit" Class = "mdc-button mdc-button--raised" Data-MDC-Auto-Init = "MDCRipple">認証</Button>
</Div>
</Section>
<Section ID = "controlPanel" Class = "mstdnRater_panel mstdnRater_panel-disabled">
<Content Class = "mstdnRater_panel_content">
MastodonRaterへようこそ。
以下よりご利用になるサービスをお選び下さい。
現在のインスタンス：<Span ID = "controlPanel_instance"></Span>
<Button ID = "controlPanel_signOut" Class = "mdc-button mdc-button--raised" Data-MDC-Auto-Init = "MDCRipple">ログアウト</Button>
</Content>
<UL ID = "controlPanel_apps" Class = "mdc-list mdc-list--two-line mdc-elevation--z5">
<Li Class = "mdc-list-item">
<Div ID = "controlPanel_tootArea" Class = "mdc-select" Role = "Listbox" Data-MDC-Auto-Init = "MDCSelect">
<Div Class = "mdc-select__surface">
<Div Class = "mdc-select__label">公開範囲</Div>
<Div Class = "mdc-select__selected-text"></Div>
<Div Class = "mdc-select__bottom-line"></Div>
</Div>
<Div Class = "mdc-select__menu mdc-simple-menu">
<UL Class = "mdc-simple-menu__items mdc-list">
<Li ID = "controlPanel_tootArea-public" Class = "mdc-list-item" Role = "Option">公開</Li>
<Li ID = "controlPanel_tootArea-unlisted" Class = "mdc-list-item" Role = "Option">未収載</Li>
<Li ID = "controlPanel_tootArea-private" Class = "mdc-list-item" Role = "Option">非公開</Li>
<Li ID = "controlPanel_tootArea-direct" Class = "mdc-list-item" Role = "Option">ダイレクト</Li>
</UL>
</Div>
</Div>
</Li>
<Li Class = "mdc-list-item">
<I Class = "mdc-list-item__start-detail material-icons" Aria-Hidden = "true">chat</I>
<Span Class = "mdc-list-item__text">
Toot Rater
<Span Class = "mdc-list-item__secondary-text">サーバー全体とのトゥート数比</Span>
</Span>
<A ID = "controlPanel_apps_app-tootRater" Class = "mdc-list-item__end-detail material-icons" Href = "#">launch</A>
</Li>
<Li Class = "mdc-list-item">
<I Class = "mdc-list-item__start-detail material-icons" Aria-Hidden = "true">subject</I>
<Span Class = "mdc-list-item__text">
TPD(Toots Per Day)
<Span Class = "mdc-list-item__secondary-text">1日当たりの平均トゥート数</Span>
</Span>
<A ID = "controlPanel_apps_app-tpd" Class = "mdc-list-item__end-detail material-icons" Href = "#">launch</A>
</Li>
<Li Class = "mdc-list-item">
<I Class = "mdc-list-item__start-detail material-icons" Aria-Hidden = "true">people</I>
<Span Class = "mdc-list-item__text">
Relevance Analyzer
<Span Class = "mdc-list-item__secondary-text">ユーザーとの親密度</Span>
</Span>
<A ID = "controlPanel_apps_app-relevanceAnalyzer" Class = "mdc-list-item__end-detail material-icons" Href = "#">launch</A>
<Aside ID = "controlPanel_dialogs-relevanceAnalyzer-dateArea" Class = "mdc-dialog" Role = "AlertDialog">
<Div Class = "mdc-dialog__surface">
<Header Class = "mdc-dialog__header">
<H2 Class = "mdc-dialog__header__title">
Relevance Analyzer
</H2>
</Header>
<Section Class = "mdc-dialog__body">
取得範囲を選択して下さい。
※注意：取得範囲が長いほど処理に時間が掛かります！！！
<Div Class = "mdc-form-field">
<Div Class = "mdc-select">
<Select ID = "controlPanel_dialogs-relevanceAnalyzer-dateArea_date" Class = "mdc-select__surface mdc-select__selected-text">
<Option Value = "0" Selected = "Selected">本日分のみ</Option>
<Option Value = "1">1日前まで</Option>
<Option Value = "2">2日前まで</Option>
<Option Value = "3">3日前まで</Option>
<Option Value = "4">4日前まで</Option>
<Option Value = "5">5日前まで</Option>
<Option Value = "6">6日前まで</Option>
<Option Value = "7">7日前まで</Option>
</Select>
<Div Class = "mdc-select__label mdc-select__label--float-above">取得範囲</Div>
<Div Class = "mdc-select__bottom-line"></Div>
</Div>
<Div Class = "mdc-checkbox" Data-MDC-Auto-Init = "MDCCheckbox">
<Input ID = "controlPanel_dialogs-relevanceAnalyzer-dateArea_doesSkipConfirmer" Type = "Checkbox" Class = "mdc-checkbox__native-control" />
<Div Class = "mdc-checkbox__background">
<Svg Class = "mdc-checkbox__checkmark" ViewBox = "0 0 24 24">
<Path Class = "mdc-checkbox__checkmark-path" Fill = "none" Stroke = "White" D = "M1.73,12.91 8.1,19.28 22.79,4.59"></Path>
</Svg>
<Div Class = "mdc-checkbox__mixedmark"></Div>
</Div>
</Div>
<Label For = "controlPanel_dialogs-relevanceAnalyzer-dateArea_doesSkipConfirmer">投稿確認画面をスキップ</Label>
</Div>
</Section>
<Footer Class = "mdc-dialog__footer">
<Button Class = "mdc-button mdc-dialog__footer__button mdc-dialog__footer__button--cancel">キャンセル</Button>
<Button Class = "mdc-button mdc-dialog__action mdc-dialog__footer__button mdc-dialog__footer__button--accept">実行</Button>
</Footer>
</Div>
<Div Class = "mdc-dialog__backdrop"></Div>
</Aside>
<Aside ID = "controlPanel_dialogs-relevanceAnalyzer-tootConfirmer" Class = "mdc-dialog" Role = "AlertDialog">
<Div Class = "mdc-dialog__surface">
<Header Class = "mdc-dialog__header">
<H2 Class = "mdc-dialog__header__title">
トゥート内容の確認 | Relevance Analyzer
</H2>
</Header>
<Section Class = "mdc-dialog__body">
以下の内容でトゥートします。
宜しければ、確認ボタンを押してください。
<Div ID = "controlPanel_dialogs-relevanceAnalyzer-tootConfirmer_content">
</Div>
</Section>
<Footer Class = "mdc-dialog__footer">
<Button Class = "mdc-button mdc-dialog__footer__button mdc-dialog__footer__button--cancel">キャンセル</Button>
<Button Class = "mdc-button mdc-dialog__action mdc-dialog__footer__button mdc-dialog__footer__button--accept">確認</Button>
</Footer>
</Div>
<Div Class = "mdc-dialog__backdrop"></Div>
</Aside>
</Li>
<!--
正しくは自分の投稿に対して誰がFavつけて、
誰がBTしたかの一覧をアイコンで出してくれたり伸びたトゥートをピックアップしてくれたり、
自分のお気に入りされた数を検出して数字出してくれたりしたら面白そう。
-->
</UL>
</Section>
<Section ID = "contactPanel" Class = "mstdnRater_panel">
<Content Class = "mstdnRater_panel_content">
ご利用のインスタンスが対応されていない場合は、
管理者の方より<A Href = "mailto:[email protected]">こちら</A>へとご連絡下さい。
確認及び話し合いの後、早急に対応致します。
<Div Class = "mdc-theme--secondary-dark">
【追記 in 2018/05/02】
長い間お待たせして大変申し訳ございません。
本日、MastodonRaterの書き直しを行いました。
<A Href = "https://mastodon-rater.herokuapp.com/">こちら</A>よりご利用いただけます。
</Div>
<S>
また、このアプリケーションは<A Href = "https://mstdn.y-zu.org/">Yづドン</A>に実装されていた<B>UtilBtns</B>から独立したものです。
独立までに2日と、かなり急いでやった感じなので今後作り直していきたいと思います。
以上の程、よろしくお願い致します。
</S>
</Content>
</Section>
</Main>
<Div ID = "notify" Class = "mdc-snackbar" Aria-Live = "Assertive" Aria-Atomic = "true" Aria-Hidden = "true">
<Div Class = "mdc-snackbar__text"></Div>
<Div Class = "mdc-snackbar__action-wrapper">
<Button Class = "mdc-snackbar__action-button">閉じる</Button>
</Div>
</Div>
</Body>
</HTML>