forked from GenbuProject/MastodonRater
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
246 lines (197 loc) · 10.6 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
<!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/material-components-web@0.27.0/dist/material-components-web.min.js"></Script>
<Link Rel = "StyleSheet" Href = "https://unpkg.com/material-components-web@0.27.0/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" />
<Script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-88656260-1', 'auto');
ga('require', 'linkid', 'linkid.js');
ga('send', 'pageview');
</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 <A Href = "https://mstdn.y-zu.org/@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">
<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:genbuproject@gmail.com">こちら</A>へとご連絡下さい。
確認及び話し合いの後、早急に対応致します。
</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>