-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathopt.html
123 lines (109 loc) · 4.77 KB
/
opt.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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>設定 - Cpex</title>
<script src="./jquery.min.js"></script>
<script src="./opt.js"></script>
<link rel="stylesheet" href="opt.css">
<link rel="stylesheet" href="https://mtsgi.github.io/kitstrap/d/kitstrap.css">
<link rel="stylesheet" href="https://mtsgi.github.io/kitstrap/d/kitstrap-font.css">
</head>
<body>
<header>
Cpex - 設定
<input type="submit" value="設定を適用" id="apply" class="kit-button-alt kit-font-m">
</header>
<div class="form" style="padding-top: 70px">
バージョン<span id="cpex-ver"></span> "Legends"
</div>
<div class="form">
<div class="form-title">ドメイン</div>
<div class="form-content">
<div class="desc">ドメインを指定します(部分一致)。</div>
<input type="text" id="domain" class="textbox">
</div>
</div>
<div class="form">
<div class="form-title">ダークモード</div>
<div class="form-content">
<div class="desc">CoursePowerのテーマを暗い色を基調とした目に優しいテーマにします。</div>
<select id="dark">
<option value="true">有効</option>
<option value="false" selected>無効</option>
</select>
</div>
</div>
<div class="form">
<div class="form-title">ウィジェット設定</div>
<div class="form-content">
<div class="desc">文字数カウンターの表示位置を指定します。</div>
<select id="disp-x">
<option value="left">左</option>
<option value="right" selected>右</option>
</select>
<select id="disp-y">
<option value="top">上</option>
<option value="bottom" selected>下</option>
</select>
<div class="desc">フォントサイズを指定します。</div>
<input type="text" value="30px" id="disp-size" class="textbox">
</div>
</div>
<div class="form">
<div class="form-title">表示氏名の変更</div>
<div class="form-content">
<div class="desc">CoursePowerの氏名欄を任意の文字列に変更します(空欄で変更なし)。</div>
<input type="text" value="" id="disp-name" class="textbox">
</div>
</div>
<div class="form">
<div class="form-title">タイトル変更</div>
<div class="form-content">
<div class="desc">ページタイトルを任意の文字列に変更します(空欄で変更なし)。</div>
<input type="text" value="" id="disp-title" class="textbox">
</div>
</div>
<div class="form">
<div class="form-title">ファビコン</div>
<div class="form-content">
<div class="desc">ファビコンとして表示したいアイコンファイルのパスを入力します(空欄で変更なし)。</div>
<input type="text" value="" id="favicon-path" class="textbox">
</div>
</div>
<div class="form">
<div class="form-title">自動オープン</div>
<div class="form-content">
<div class="desc">教材ページのアコーディオンメニューを自動でオープンします。</div>
<select id="open">
<option value="true">有効</option>
<option value="false" selected>無効</option>
</select>
</div>
</div>
<div class="form">
<div class="form-title">自動出席</div>
<div class="form-content">
<div class="desc">(試験的な機能)出席ボタンが有る場合自動でダイアログを表示します(パスワードの入力／出席確認は手動)。</div>
<select id="attend">
<option value="true">有効</option>
<option value="false" selected>無効</option>
</select>
</div>
</div>
<blockquote class="form kit-font-m">
Cpexは、オープンソースソフトウェアです。GitHubリポジトリは<a href="https://github.com/mtsgi/cpextend" class="kit-hyperlink">こちら</a>。バグ報告等は<a href="https://github.com/mtsgi/cpextend/issues" class="kit-hyperlink">Issues</a>まで。
</blockquote>
<div class="kit-text-c">
<img src="./icon.png" alt="Cpex" class="kit-left">
</div>
<div id="popup">
<div id="popup-text"></div>
<div id="popup-div">
<a class="kit-button-alt kit-font-m">OK</a>
</div>
</div>
</body>
</html>