forked from matap/auditap
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (146 loc) · 6.65 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Audio editor</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/jquery/jquery.ui.all.css" rel="stylesheet" />
<link href="css/jquery/jquery.image-gallery.min.css" rel="stylesheet" />
<link href="css/jquery/jquery.fileupload-ui.css" rel="stylesheet" />
<noscript>
<link href="css/jquery/jquery.fileupload-ui-noscript.css" rel="stylesheet" />
</noscript>
<script type='text/javascript' >
var gAuditapSeverPath = 'http://localhost:8090';
</script>
<script src="http://localhost:8090/socket.io/socket.io.js" type="text/javascript"></script>
</head>
<body>
<div id="message"></div>
<div id="header">
<div id="logo">
<img src="img/logo.png" alt="audiotap" />
</div>
</div>
<div id="uploader">
<div id="uploaderHeader">
</div>
<form id="fileupload" action="http://localhost:8090/uploads" method="POST" enctype="multipart/form-data">
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
<div class="row fileupload-buttonbar fileupload-buttonbar-custom">
<div id="fileupload-loading-custom">
<div class="uploaderHeaderCustom">
<div class="span7">
<!-- The fileinput-button span is used to style the file input field as button -->
<span class="btn btn-success fileinput-button">
<i class="icon-plus icon-white"></i>
<span>Add files...</span>
<input type="file" name="files[]" multiple>
</span>
<button type="submit" class="btn btn-primary start">
<i class="icon-upload icon-white"></i>
<span>Start upload</span>
</button>
<button type="reset" class="btn btn-warning cancel">
<i class="icon-ban-circle icon-white"></i>
<span>Cancel upload</span>
</button>
</div>
<!-- The global progress information -->
<div class="span5 fileupload-progress fade">
<!-- The global progress bar -->
<div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
<div class="bar" style="width: 0%;"></div>
</div>
<!-- The extended global progress information -->
<div class="progress-extended"> </div>
</div>
<!-- The loading indicator is shown during file processing -->
<div class="fileupload-loading "></div>
</div>
<!-- The table listing the files available for upload/download -->
<table role="presentation" class="table table-striped">
<tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody>
</table>
</div>
</div>
</form>
<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
<tr class="template-upload fade">
<td class="name"><span>{%=file.name%}</span></td>
<td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
{% if (file.error) { %}
<td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
{% } else if (o.files.valid && !i) { %}
<td style="width: 202px;">
<div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
</td>
<td style="width: 70px;">{% if (!o.options.autoUpload) { %}
<button class="btn btn-primary start">
<i class="icon-upload icon-white"></i>
<span>Start</span>
</button>
{% } %}</td>
{% } else { %}
<td colspan="2"></td>
{% } %}
<td style="width: 80px;">{% if (!i) { %}
<button class="btn btn-warning cancel">
<i class="icon-ban-circle icon-white"></i>
<span>Cancel</span>
</button>
{% } %}</td>
</tr>
{% } %}
</script>
<!-- The template to display files available for download -->
<script id="template-download" type="text/x-tmpl">
</script>
</div>
<div id="playlist">
<!-- <div id="playlistHeader">
</div> -->
</div>
<div class="clear">
</div>
<div id="controlPanel">
<div id="tools">
<div id="save" class="tool" title="save (ctrl + s)">
</div>
<div id="play" class="tool" title="play (space)">
</div>
<div id="zoomIn" class="tool zoomInEnabled" title="zoom in (+)">
</div>
<div id="zoomOut" class="tool" title="zoom out (-)">
</div>
<div id="mouseTool" class="tool" title="mouse tool (v)">
</div>
<div id="cutTool" class="tool" title="cut tool (c)">
</div>
<div id="trackertime">
</div>
</div>
</div>
<div class="clear">
</div>
<div id="timelineTop">
</div>
<div id="timeline">
<div id="showTime" class="test">
<div id="tracker">
<div id="line">
</div>
</div>
</div>
<div class="tracks">
</div>
</div>
<div id="xy">
</div>
<div id="mouseTime">
</div>
<div id="trackerTime">
</div>
<script src="js/libs/require.js/require-min.js" data-main="js/main.js" type="text/javascript"></script>
</body>
</html>