-
Notifications
You must be signed in to change notification settings - Fork 0
/
korotaggertool.html
116 lines (111 loc) · 6.02 KB
/
korotaggertool.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
<!DOCTYPE html>
<html>
<head>
<title>Korotagger tool</title>
<script src="js/bannedwords.js"></script>
<script src="js/historymanager.js"></script>
<script src="js/util.js"></script>
<script src="js/listrenderer.js"></script>
<link rel="stylesheet" href="css/korotaggertool.css">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body>
<div id="loadTagsModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close" onclick="closeLoadTagsModal()">×</span>
<h1>Load Tags</h1>
<div id="toprowbuttoncontainer">
<label>Input Tag Format:</label>
<input type="radio" id="ktradio" name="inputtype" value="Korotagger" checked>
<label for="ktradio">Korotagger</label>
<input type="radio" id="ytradio" name="inputtype" value="YTComment">
<label for="ytradio">YT Comment</label>
</div>
<button id="clear">Clear all tags</button>
<div><textarea id="input" rows="10" cols="80" placeholder="Paste existing tags here"></textarea></div>
<button id="convert">Load from !tags</button>
</div>
</div>
<div id="settingsModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close" onclick="closeSettingsModal()">×</span>
<h1>Settings</h1>
<h3>Autosave Interval</h3>
<p>The autosave interval in seconds. Set this to 0 to disable autosave. Range is 0-60 (up to a minute)</p>
<label for="autosaveinterval">Autosave Interval:</label>
<input id="autosaveinterval" type="number" value="0" min="0" max="60">
<button onclick="updateAutosaveInterval()">Apply</button> Default is 5 seconds<br>
<hr>
<h2>Sanity Check Options</h2>
<p>This feature was requested since some taggers have had problems with tag comments becoming shadowbanned
(or at least held for review). This check is just to flag potential problematic words. If this isn't a
concern, simply ignore this feature.</p>
<button id="sanitychecktogglebutton" onclick="handleEnableDisableSanityCheckButton()">Disable Sanity Check</button>
<br>
<br>
<button onClick="showDefaultBannedWordsInSettings()">Load Defaults (does not save)</button>
<button onClick="showBannedWordsInSettings()">Reset to current word list</button>
<br>
<label for="bannedwords">Banned words</label><br>
<textarea id="bannedwords" rows="20" cols="40" placeholder="Banned words go Here"></textarea><br>
<label for="bannedregex">Banned patterns (regex)</label><br>
<textarea id="bannedregex" rows="20" cols="80" placeholder="Banned regexes go here"></textarea><br>
<button onClick="saveBannedWords()"><b>Save</b></button><br>
</div>
</div>
<div class="row">
<div class="column">
<div id="toprowbuttoncontainer">
<button id="loadTagsButton" class="settingsButton" onclick="showLoadTagsModal()">Load Tags</button>
<button id="settingsButton" class="settingsButton" onclick="showSettings()">Settings</button>
</div>
<div id="undoredocontainer">
<button id="undobutton" onclick="undo()">Undo (Ctrl-Z)</button>
<button id="redobutton" onclick="redo()">Redo (Ctrl-Shift-Z)</button>
<button id="savebutton" onclick="handleSaveButton()">Save (Ctrl-S)</button>
<span id="sanitycheckcontainer" class="floatrightcontainer">
<button id="sanitycheckbutton" onclick="handleSanityCheckButton()">Run Sanity check</button>
<button id="clearerrorsbutton" onclick="handleClearSanityCheckErrorButton()">Clear sanity check
errors</button>
</span>
</div>
<button id="addbutton" onclick="handleAddNewTagButton()">Add New (Ctrl-N)</button>
<label for="afterbox">After:</label>
<input id="afterbox" type="number" value="0" min="0" max="99">
Status:
<span id="status">JavaScript not enabled or check Dev Console.</span>
<div id="taglistcontainer">
<h1>JavaScript is required.</h1>
<p>Please enable JavaScript in your browser, or check the Dev Console for any errors.</p>
</div>
</div>
<div class="column">
<div id="player"></div>
<form id="videoinputform">
<input id="videoinput" value="https://www.youtube.com/watch?v=jNQXAC9IVRw" size="50">
<button id="videoinputsubmit" type="submit">Load Video</button>
</form>
<form id="videotimeform">
<button onclick="seekVideo(-30)">-30s</button>
<button onclick="seekVideo(-10)">-10s</button>
<button onclick="seekVideo(-5)">-5s</button>
<button onclick="seekVideo(-1)">-1s</button>
<input id="timedisplay" value="Duration" size="8">
<button onclick="seekVideo(1)">+1s</button>
<button onclick="seekVideo(5)">+5s</button>
<button onclick="seekVideo(10)">+10s</button>
<button onclick="seekVideo(30)">+30s</button>
<button id="videotimesubmit" type="submit">Jump to Time</button>
</form>
<textarea id="output" rows="20" cols="80" placeholder="Output appears here..."></textarea><br>
<label for="padhours">Pad Hours:</label>
<input type="checkbox" id="padhours" name="padhours">
<input id="filenameinput" size="70" value="tags">
<button id="downloadbutton" onclick="download()">Download to disk (Ctrl-Shift-S)</button>
</div>
</div>
<script src="js/korotaggertool.js"></script>
</body>
</html>