forked from philip1337/ecorp-matrix-viewer
-
Notifications
You must be signed in to change notification settings - Fork 0
/
upload.twig
133 lines (117 loc) · 5.69 KB
/
upload.twig
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="/favicon.ico">
<title>{{ corp }}</title>
<!-- Bootstrap core CSS -->
<link href="/assets/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm">
<h5 class="my-0 mr-md-auto font-weight-normal">{{ corp }}</h5>
<nav class="my-2 my-md-0 mr-md-3">
<a class="p-2 text-dark" href="/">Home</a>
<a class="p-2 text-dark" href="/upload">Upload</a>
<a class="p-2 text-dark" href="/color">Color</a>
<a class="p-2 text-dark" href="/url">Url</a>
</nav>
</div>
<div class="container">
<div class="row">
<div class="mx-auto d-block">
<form action="/action/picture" autocomplete="off" method="post" enctype="multipart/form-data">
<div class="form-group">
<label for="pictureInput">Picture</label>
<input name="file" type="file" class="form-control-file" id="pictureInput"
aria-describedby="pictureInputHelp" required>
<small id="pictureInputHelp" class="form-text text-muted">Picture to display</small>
</div>
<div class="form-group">
<label for="rotateInput">Rotate</label>
<input name="rotate" type="range" class="form-control" id="rotateInput"
min="0" max="360" value=0 step="1"
aria-describedby="rotateInputHelp">
<small id="rotateInputHelp" class="form-text text-muted">Rotate (0-360)</small>
</div>
<div class="form-group">
<label for="brightnessInput">Brightness</label>
<input name="brightness" type="range" class="form-control" id="brightnessInput"
min="1" max="100" value="30" step="1"
aria-describedby="brightnessHelp">
<small id="brightnessHelp" class="form-text text-muted">Brightness from (1-100%)</small>
</div>
<div class="form-group">
<label for="durationInput">Duration</label>
<input name="duration" type="number" class="form-control" id="durationInput" value="0"
aria-describedby="durationInputHelp">
<small id="durationInputHelp" class="form-text text-muted">Duration in seconds(0 = Permanent)
</small>
</div>
<div class="form-group">
<label for="pauseInput">Pause</label>
<input name="pause" type="number" class="form-control" id="pauseInput" value="100"
aria-describedby="pauseInputHelp">
<small id="pauseInputHelp" class="form-text text-muted">Pause per frame in milliseconds.
</small>
</div>
<div class="form-check">
<input name="aspectRatio" class="form-check-input" type="checkbox" value="keepAspectRatio"
id="aspectRatio">
<label class="form-check-label" for="aspectRatio">
Keep aspect ratio (dimensions)
</label>
</div>
<div class="form-check">
<input name="transpose" class="form-check-input" type="checkbox" value="transpose"
id="transpose">
<label class="form-check-label" for="transpose">
Transpose
</label>
</div>
<div class="form-check">
<input name="processLocal" class="form-check-input" type="checkbox" value="processLocal"
id="processLocal" checked>
<label class="form-check-label" for="processLocal">
Process local
</label>
</div>
<div class="form-check">
<input name="storeImage" class="form-check-input" type="checkbox" value="storeImage"
id="storeImage">
<label class="form-check-label" for="storeImage">
Store image
</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
<footer class="pt-4 my-md-5 pt-md-5 border-top">
<div class="row">
<div class="col-12 col-md">
<small class="d-block mb-3 text-muted">© {{ year }}</small>
</div>
<div class="col-6 col-md">
<h5>Other</h5>
<ul class="list-unstyled text-small">
<li><a class="text-muted" href="https://abbts.ch/">ABB Technikerschule</a></li>
<li><a class="text-muted" href="https://abbts.ch/Bildungsgaenge/Informatik-HF">Informatik HF (IS
3.1)</a></li>
</ul>
</div>
</div>
</footer>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/assets/js/jquery.js"></script>
<script src="/assets/js/popper.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
</body>
</html>