11 <form method=
"POST" action=
"#" name=
"installform" id=
"installform">
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>
18 {'It looks like it\'s the first time you run Shaarli. Please configure it.'|t}
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>
29 <div class=
"pure-u-lg-{$ratioInput} pure-u-1">
30 <div class=
"form-input">
31 <input type=
"text" name=
"setlogin" id=
"username">
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>
44 <div class=
"pure-u-lg-{$ratioInput} pure-u-1">
45 <div class=
"form-input">
46 <input type=
"text" name=
"setpassword" id=
"password">
52 <div class=
"pure-u-lg-{$ratioLabel} pure-u-1 ">
53 <div class=
"form-label">
55 <span class=
"label-name">{'Timezone'|t}
</span>
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>
69 <div class=
"pure-u-lg-{$ratioLabel} pure-u-1">
70 <div class=
"form-label">
72 <span class=
"label-name">{'Shaarli title'|t}
</span>
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}">
84 <div class=
"pure-u-lg-{$ratioLabel} pure-u-7-8">
85 <div class=
"form-label">
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}
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">
102 <input type=
"submit" value=
"{'Install'|t}" name=
"Save">
107 {
include="page.footer"}
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);