forked from fossasia/open-event-wsgen
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
131 lines (121 loc) · 7.35 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
<!DOCTYPE html>
<html>
<head>
<title>Webapp Generator</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100' rel='stylesheet' type='text/css'>
<link href="css/main.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/form.js"></script>
<script src="js/validation.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="/js/socket.io-stream.js"></script>
</head>
<style>
.error {
font-weight: normal;
}
</style>
<body>
<div class="container"><br><br>
<form class="form-group generator_form" method="post" id="form" name="form" role="form" enctype="multipart/form-data">
<div class="form-group col-md-offset-4 col-xs-offset-2 col-xs-8 col-md-4" style="margin-bottom: 0;">
<label for="name">Email</label>
<input type="email" class="form-control" id="email" name="email" required="true" email="true" autofocus>
<br>
<!--<label for="theme">Choose your theme</label>-->
<!--<select class="form-control" id="theme" name="theme">-->
<!--<option value="light">Light</option>-->
<!--<option value="dark">Dark</option>-->
<!--</select>-->
<!--<br>-->
<input type="hidden" id="theme" name="theme" value="light">
<!--
<label for="name">App's Name</label>
<input type="text" class="form-control" id="name" name="name" required="true">
<br>
-->
<label> Choose your data source </label>
<ul style="list-style-type:none">
<!--<li><input type="radio" name="datasource" value="mockjson"> Default mock API </input></li>-->
<li><input type="radio" name="datasource" value="jsonupload"> Upload your own JSON files
</li>
<li><input type="radio" name="datasource" value="eventapi"> API endpoint of event on OpenEvent
</li>
</ul>
<section id="eventapi-input" style="display:none;">
<label for="apiendpoint">Link to Open Event API endpoint</label>
<input type="url" class="form-control" id="apiendpoint" name="apiendpoint" required="true" />
</section>
<section id="jsonupload-input" style="display:none;">
<label for="siofu_input">Zip file containing resources for the event</label>
<input type="file" name="singlefileUpload" id="siofu_input" class="form-control" required="true" accept="application/zip" />
<div id="upload-info" hidden>
<div class="row">
<div class="col-sm-6 col-xs-7">
<p>
<strong id="upload-filename"></strong>
<small class="text-muted">
<span id="upload-filesize"></span>
</small>
</p>
</div>
<div class="col-sm-5 col-xs-3 progressbar">
<div class="upload-progress progress">
<div class="progress-bar progress-bar-info" role="progressbar" id="upload-progress-bar" style="width:0%; height: 20px;">
<!-- <span id="upload-progress-val">0%</span> -->
</div>
</div>
</div>
<div class="col-sm-1 col-xs-2" style="padding: 0 10px">
<button id="cancelUpload" type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
</div>
</div>
</section>
<!--<label title="Wether to download assets into website folder or link to external sources"-->
<!--for="theme">How to link audio/images</label>-->
<!--<select class="form-control" id="assetmode" name="assetmode" style="-webkit-appearance: menulist;">-->
<!--<option title="Download images and audio files into website folder" value="download">Downloaded locally with website</option>-->
<!--<option value="link">Linked to external locations</option>-->
<!--</select>-->
<input type="hidden" name="assetmode" value="download">
<section>
<input type="checkbox" id="upload-ftp" title="Upload via FTP"> <label for="upload-ftp">Upload via FTP</label>
<div id="upload-ftp-details" style="display: none">
<input id="ftp-host" class="form-control" type="text" placeholder="host">
<input id="ftp-user" class="form-control" style="width: 49.2%; display: inline" type="text" placeholder="username">
<input id="ftp-pass" class="form-control" style="width: 49.2%; display: inline" type="password" placeholder="password">
<input id="ftp-path" class="form-control" type="text" placeholder="/path/to/deploy/folder">
</div>
</section>
<section>
<div class="generator-progress progress" style="display:none;">
<div class="progress-bar" role="progressbar" id="generator-progress-bar" style="width:0%; height: 20px;">
<span id="generator-progress-val">0%</span>
</div>
</div>
</section>
</div>
<div class="col-md-4 col-xs-2"></div>
<div class="col-md-offset-3 col-xs-offset-1 col-xs-10 col-md-6" style="margin-top: -20px;">
<center>
<div id="status" style = "margin-bottom:10px;"></div>
<a id = "aLog" style = "cursor:pointer;"> -Logs- </a>
<pre id = "buildLog" style = "display:none;">
</pre>
<br>
<button disabled title="Upload zip or use API mode to enable" type="button" class="download btn btn-default" id="btnGenerate" value="Validate" style = "margin-top:7px">GENERATE WEBAPP</button>
<button type="button" class="download btn btn-default" id="btnLive">PREVIEW</button>
<button type="button" class="download btn btn-default" id="btnDownload">DOWNLOAD</button>
<a class = "btn btn-default" style="display:none" id="deploy"> DEPLOY </a>
</center>
</div>
</form>
</div>
</body>
</html>