aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl/default/install.html
diff options
context:
space:
mode:
Diffstat (limited to 'tpl/default/install.html')
-rw-r--r--tpl/default/install.html122
1 files changed, 122 insertions, 0 deletions
diff --git a/tpl/default/install.html b/tpl/default/install.html
new file mode 100644
index 00000000..0bd8a635
--- /dev/null
+++ b/tpl/default/install.html
@@ -0,0 +1,122 @@
1<!DOCTYPE html>
2<html>
3<head>
4 {include="includes"}
5</head>
6<body>
7
8{$ratioLabel='1-4'}
9{$ratioInput='3-4'}
10
11<form method="POST" action="#" name="installform" id="installform">
12<div class="pure-g">
13 <div class="pure-u-lg-1-6 pure-u-1-24"></div>
14 <div class="pure-u-lg-2-3 pure-u-22-24 page-form page-form-complete">
15 <h2 class="window-title">{'Install Shaarli'|t}</h2>
16
17 <div class="center">
18 {'It looks like it\'s the first time you run Shaarli. Please configure it.'|t}
19 </div>
20
21 <div class="pure-g">
22 <div class="pure-u-lg-{$ratioLabel} pure-u-1">
23 <div class="form-label">
24 <label for="username">
25 <span class="label-name">{'Username'|t}</span>
26 </label>
27 </div>
28 </div>
29 <div class="pure-u-lg-{$ratioInput} pure-u-1">
30 <div class="form-input">
31 <input type="text" name="setlogin" id="username">
32 </div>
33 </div>
34 </div>
35
36 <div class="pure-g">
37 <div class="pure-u-lg-{$ratioLabel} pure-u-1">
38 <div class="form-label">
39 <label for="password">
40 <span class="label-name">{'Password'|t}</span>
41 </label>
42 </div>
43 </div>
44 <div class="pure-u-lg-{$ratioInput} pure-u-1">
45 <div class="form-input">
46 <input type="text" name="setpassword" id="password">
47 </div>
48 </div>
49 </div>
50
51 <div class="pure-g">
52 <div class="pure-u-lg-{$ratioLabel} pure-u-1 ">
53 <div class="form-label">
54 <label>
55 <span class="label-name">{'Timezone'|t}</span>
56 </label>
57 </div>
58 </div>
59 <div class="pure-u-lg-{$ratioInput} pure-u-1 ">
60 <div class="form-input">
61 {ignore}FIXME! too hackish, needs to be fixed upstream{/ignore}
62 <div class="timezone" id="timezone-remove">{$timezone_html}</div>
63 <div class="timezone" id="timezone-add"></div>
64 </div>
65 </div>
66 </div>
67
68 <div class="pure-g">
69 <div class="pure-u-lg-{$ratioLabel} pure-u-1">
70 <div class="form-label">
71 <label for="title">
72 <span class="label-name">{'Shaarli title'|t}</span>
73 </label>
74 </div>
75 </div>
76 <div class="pure-u-lg-{$ratioInput} pure-u-1">
77 <div class="form-input">
78 <input type="text" name="title" id="title" placeholder="{'My links'|t}">
79 </div>
80 </div>
81 </div>
82
83 <div class="pure-g">
84 <div class="pure-u-lg-{$ratioLabel} pure-u-7-8">
85 <div class="form-label">
86 <label for="update">
87 <span class="label-name">{'Check updates'|t}</span><br>
88 <span class="label-desc">
89 {'Notify me when a new release is ready'|t}
90 </span>
91 </label>
92 </div>
93 </div>
94 <div class="pure-u-lg-{$ratioInput} pure-u-1-8">
95 <div class="form-input">
96 <input type="checkbox" name="updateCheck" id="update" checked="checked">
97 </div>
98 </div>
99 </div>
100
101 <div class="center">
102 <input type="submit" value="{'Install'|t}" name="Save">
103 </div>
104 </div>
105</div>
106</form>
107{include="page.footer"}
108<script>
109 // FIXME!
110 (function (window, document) {
111 var toRemove = document.getElementById('timezone-remove');
112 var firstSelect = toRemove.getElementsByTagName('select')[0];
113 var secondSelect = toRemove.getElementsByTagName('select')[1];
114 toRemove.parentNode.removeChild(toRemove);
115 var toAdd = document.getElementById('timezone-add');
116 var newTimezone = '<span class="timezone-continent">Continent ' + firstSelect.outerHTML + '</span>';
117 newTimezone += ' <span class="timezone-country">Country ' + secondSelect.outerHTML + '</span>';
118 toAdd.innerHTML = newTimezone;
119 })(this, this.document);
120</script>
121</body>
122</html>