aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl/default/install.html
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2017-02-27 20:24:28 +0100
committerGitHub <noreply@github.com>2017-02-27 20:24:28 +0100
commit5978588578ca103152598ccfbe41019b12e00a4f (patch)
treeeedbb83c420f6af103440bcafbe6b79738ce7521 /tpl/default/install.html
parent9e5a37cc7f4eb1c83222a94eb83d4e99ce4460a4 (diff)
parent7dcbfde5ffbc057a44f710e3be7e4856d235e90b (diff)
downloadShaarli-5978588578ca103152598ccfbe41019b12e00a4f.tar.gz
Shaarli-5978588578ca103152598ccfbe41019b12e00a4f.tar.zst
Shaarli-5978588578ca103152598ccfbe41019b12e00a4f.zip
Merge pull request #754 from ArthurHoaro/webdesign2
New default template
Diffstat (limited to 'tpl/default/install.html')
-rw-r--r--tpl/default/install.html145
1 files changed, 116 insertions, 29 deletions
diff --git a/tpl/default/install.html b/tpl/default/install.html
index 42874dcd..0bd8a635 100644
--- a/tpl/default/install.html
+++ b/tpl/default/install.html
@@ -1,35 +1,122 @@
1<!DOCTYPE html> 1<!DOCTYPE html>
2<html> 2<html>
3<head>{include="includes"}{$timezone_js}</head> 3<head>
4<body onload="document.installform.setlogin.focus();"> 4 {include="includes"}
5<div id="install"> 5</head>
6 <h1>Shaarli</h1> 6<body>
7 It looks like it's the first time you run Shaarli. Please configure it:<br> 7
8 <form method="POST" action="#" name="installform" id="installform"> 8{$ratioLabel='1-4'}
9 <table> 9{$ratioInput='3-4'}
10 <tr><td><b>Login:</b></td><td><input type="text" name="setlogin" size="30"></td></tr> 10
11 <tr><td><b>Password:</b></td><td><input type="password" name="setpassword" size="30"></td></tr> 11<form method="POST" action="#" name="installform" id="installform">
12 {$timezone_html} 12<div class="pure-g">
13 <tr><td><b>Page title:</b></td><td><input type="text" name="title" size="30"></td></tr> 13 <div class="pure-u-lg-1-6 pure-u-1-24"></div>
14 <tr><td valign="top"><b>Update:</b></td><td> 14 <div class="pure-u-lg-2-3 pure-u-22-24 page-form page-form-complete">
15 <input type="checkbox" name="updateCheck" id="updateCheck" checked="checked"><label for="updateCheck">&nbsp;Notify me when a new release is ready</label></td> 15 <h2 class="window-title">{'Install Shaarli'|t}</h2>
16 </tr> 16
17 <tr> 17 <div class="center">
18 <td valign="top"> 18 {'It looks like it\'s the first time you run Shaarli. Please configure it.'|t}
19 <b>API:</b> 19 </div>
20 </td> 20
21 <td> 21 <div class="pure-g">
22 <input type="checkbox" name="enableApi" id="enableApi" checked="checked"> 22 <div class="pure-u-lg-{$ratioLabel} pure-u-1">
23 <label for="enableApi"> 23 <div class="form-label">
24 &nbsp;Enable Shaarli's REST API. 24 <label for="username">
25 Allow third party software to use Shaarli such as mobile application. 25 <span class="label-name">{'Username'|t}</span>
26 </label> 26 </label>
27 </td> 27 </div>
28 </tr> 28 </div>
29 <tr><td colspan="2"><input type="submit" name="Save" value="Save config" class="bigbutton"></td></tr> 29 <div class="pure-u-lg-{$ratioInput} pure-u-1">
30 </table> 30 <div class="form-input">
31 </form> 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>
32</div> 105</div>
106</form>
33{include="page.footer"} 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>
34</body> 121</body>
35</html> 122</html>