source: trunk/admin/themes/default/template/install.tpl @ 23211

Revision 23211, 8.8 KB checked in by mistic100, 7 years ago (diff)

fix display of install page (when was it broken ?) + html5 doctype

  • Property svn:eol-style set to LF
Line 
1<!DOCTYPE html>
2<html lang="{$lang_info.code}" dir="{$lang_info.direction}">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset={$T_CONTENT_ENCODING}">
5<meta http-equiv="Content-script-type" content="text/javascript">
6<meta http-equiv="Content-Style-Type" content="text/css">
7<link rel="shortcut icon" type="image/x-icon" href="{$ROOT_URL}{$themeconf.icon_dir}/favicon.ico">
8
9{get_combined_css}
10{foreach from=$themes item=theme}
11{if $theme.load_css}
12{combine_css path="admin/themes/`$theme.id`/theme.css" order=-10}
13{/if}
14{/foreach}
15
16<!--[if IE 7]>
17  <link rel="stylesheet" type="text/css" href="{$ROOT_URL}admin/themes/default/fix-ie7.css">
18<![endif]-->
19
20<!-- BEGIN get_combined_scripts -->
21{get_combined_scripts load='header'}
22<!-- END get_combined_scripts -->
23
24{combine_script id='jquery' path='themes/default/js/jquery.min.js'}
25{literal}
26<script type="text/javascript">
27$(function() {
28$(document).ready(function() {
29  $("a.externalLink").click(function() {
30    window.open($(this).attr("href"));
31    return false;
32  });
33
34  $("#admin_mail").keyup(function() {
35    $(".adminEmail").text($(this).val());
36  });
37});
38
39</script>
40
41<style type="text/css">
42body {
43  font-size:12px;
44}
45
46#content {
47  width: 800px;
48  margin: auto;
49  text-align: center;
50  padding:0;
51  background-color:transparent !important;
52  border:none;
53}
54
55#theHeader {
56  display: block;
57  background:url("admin/themes/clear/images/piwigo_logo_big.png") no-repeat scroll center 20px transparent;
58  height:100px;
59}
60
61fieldset {
62  margin-top:20px;
63  background-color:#f1f1f1;
64}
65
66legend {
67  font-weight:bold;
68  letter-spacing:2px;
69}
70
71.content h2 {
72  display:block;
73  font-size:20px;
74  text-align:center;
75  /* margin-top:5px; */
76}
77
78table.table2 {
79  width: 100%;
80  border:0;
81}
82
83table.table2 td {
84  text-align: left;
85  padding: 5px 2px;
86}
87
88table.table2 td.fieldname {
89  font-weight:normal;
90}
91
92table.table2 td.fielddesc {
93  padding-left:10px;
94  font-style:italic;
95}
96
97input[type="submit"], input[type="button"], a.bigButton {
98  font-size:14px;
99  font-weight:bold;
100  letter-spacing:2px;
101  border:none;
102  background-color:#666666;
103  color:#fff;
104  padding:5px;
105  -moz-border-radius:5px;
106  -webkit-border-radius:5px;
107  border-radius:5px;
108}
109
110input[type="submit"]:hover, input[type="button"]:hover, a.bigButton:hover {
111  background-color:#ff7700;
112  color:white;
113}
114
115input[type="text"], input[type="password"], select {
116  background-color:#ddd;
117  border:2px solid #ccc;
118  -moz-border-radius:5px;
119  -webkit-border-radius:5px;
120  border-radius:5px;
121  padding:2px;
122}
123
124input[type="text"]:focus, input[type="password"]:focus, select:focus {
125  background-color:#fff;
126  border:2px solid #ff7700;
127}
128
129.sql_content, .infos a {
130  color: #ff3363;
131}
132
133.errors {
134  padding-bottom:5px;
135}
136
137</style>
138{/literal}
139
140{combine_script id='jquery.cluetip' load='async' require='jquery' path='themes/default/js/plugins/jquery.cluetip.js'}
141
142{footer_script require='jquery.cluetip'}
143jQuery().ready(function(){ldelim}
144        jQuery('.cluetip').cluetip({ldelim}
145                width: 300,
146                splitTitle: '|',
147                positionBy: 'bottomTop'
148        });
149});
150{/footer_script}
151
152
153<title>Piwigo {$RELEASE} - {'Installation'|@translate}</title>
154</head>
155
156<body>
157<div id="the_page">
158<div id="theHeader"></div>
159<div id="content" class="content">
160
161<h2>{'Version'|@translate} {$RELEASE} - {'Installation'|@translate}</h2>
162
163{if isset($config_creation_failed)}
164<div class="errors">
165  <p style="margin-left:30px;">
166    <strong>{'Creation of config file local/config/database.inc.php failed.'|@translate}</strong>
167  </p>
168  <ul>
169    <li>
170      <p>{'You can download the config file and upload it to local/config directory of your installation.'|@translate}</p>
171      <p style="text-align:center">
172          <input type="button" value="{'Download the config file'|@translate}" onClick="window.open('{$config_url}');">
173      </p>
174    </li>
175    <li>
176      <p>{'An alternate solution is to copy the text in the box above and paste it into the file "local/config/database.inc.php" (Warning : database.inc.php must only contain what is in the textarea, no line return or space character)'|@translate}</p>
177      <textarea rows="15" cols="70">{$config_file_content}</textarea>
178    </li>
179  </ul>
180</div>
181{/if}
182
183{if isset($errors)}
184<div class="errors">
185  <ul>
186    {foreach from=$errors item=error}
187    <li>{$error}</li>
188    {/foreach}
189  </ul>
190</div>
191{/if}
192
193{if isset($infos)}
194<div class="infos">
195  <ul>
196    {foreach from=$infos item=info}
197    <li>{$info}</li>
198    {/foreach}
199  </ul>
200</div>
201{/if}
202
203{if isset($install)}
204<form method="POST" action="{$F_ACTION}" name="install_form">
205
206<fieldset>
207  <legend>{'Basic configuration'|@translate}</legend>
208
209  <table class="table2">
210    <tr>
211      <td style="width: 30%">{'Default gallery language'|@translate}</td>
212      <td>
213    <select name="language" onchange="document.location = 'install.php?language='+this.options[this.selectedIndex].value;">
214    {html_options options=$language_options selected=$language_selection}
215    </select>
216      </td>
217    </tr>
218  </table>
219</fieldset>
220
221<fieldset>
222  <legend>{'Database configuration'|@translate}</legend>
223
224  <table class="table2">
225    <tr>
226      <td style="width: 30%;" class="fieldname">{'Host'|@translate}</td>
227      <td><input type="text" name="dbhost" value="{$F_DB_HOST}"></td>
228      <td class="fielddesc">{'localhost, sql.multimania.com, toto.freesurf.fr'|@translate}</td>
229    </tr>
230    <tr>
231      <td class="fieldname">{'User'|@translate}</td>
232      <td><input type="text" name="dbuser" value="{$F_DB_USER}"></td>
233      <td class="fielddesc">{'user login given by your host provider'|@translate}</td>
234    </tr>
235    <tr>
236      <td class="fieldname">{'Password'|@translate}</td>
237      <td><input type="password" name="dbpasswd" value=""></td>
238      <td class="fielddesc">{'user password given by your host provider'|@translate}</td>
239    </tr>
240    <tr>
241      <td class="fieldname">{'Database name'|@translate}</td>
242      <td><input type="text" name="dbname" value="{$F_DB_NAME}"></td>
243      <td class="fielddesc">{'also given by your host provider'|@translate}</td>
244    </tr>
245    <tr>
246      <td class="fieldname">{'Database table prefix'|@translate}</td>
247      <td><input type="text" name="prefix" value="{$F_DB_PREFIX}"></td>
248      <td class="fielddesc">{'database tables names will be prefixed with it (enables you to manage better your tables)'|@translate}</td>
249    </tr>
250  </table>
251
252</fieldset>
253<fieldset>
254  <legend>{'Admin configuration'|@translate}</legend>
255
256  <table class="table2">
257    <tr>
258      <td style="width: 30%;" class="fieldname">{'Webmaster login'|@translate}</td>
259      <td><input type="text" name="admin_name" value="{$F_ADMIN}"></td>
260      <td class="fielddesc">{'It will be shown to the visitors. It is necessary for website administration'|@translate}</td>
261    </tr>
262    <tr>
263      <td class="fieldname">{'Webmaster password'|@translate}</td>
264      <td><input type="password" name="admin_pass1" value=""></td>
265      <td class="fielddesc">{'Keep it confidential, it enables you to access administration panel'|@translate}</td>
266    </tr>
267    <tr>
268      <td class="fieldname">{'Password [confirm]'|@translate}</td>
269      <td><input type="password" name="admin_pass2" value=""></td>
270      <td class="fielddesc">{'verification'|@translate}</td>
271    </tr>
272    <tr>
273      <td class="fieldname">{'Webmaster mail address'|@translate}</td>
274      <td><input type="text" name="admin_mail" id="admin_mail" value="{$F_ADMIN_EMAIL}"></td>
275      <td class="fielddesc">{'Visitors will be able to contact site administrator with this mail'|@translate}</td>
276    </tr>
277    <tr>
278      <td>{'Options'|@translate}</options>
279      <td colspan="2">
280        <label>
281          <input type="checkbox" name="newsletter_subscribe"{if $F_NEWSLETTER_SUBSCRIBE} checked="checked"{/if}>
282          <span class="cluetip" title="{'Piwigo Announcements Newsletter'|@translate}|{'Keep in touch with Piwigo project, subscribe to Piwigo Announcement Newsletter. You will receive emails when a new release is available (sometimes including a security bug fix, it\'s important to know and upgrade) and when major events happen to the project. Only a few emails a year.'|@translate|@htmlspecialchars|@nl2br}">{'Subscribe %s to Piwigo Announcements Newsletter'|@translate|@sprintf:$EMAIL}</span>
283        </label>
284        <br>
285        <label>
286          <input type="checkbox" name="send_password_by_mail" checked="checked">
287          {'Send my connection settings by email'|@translate}
288        </label>
289      </td>
290    </tr>
291  </table>
292
293</fieldset>
294
295  <div style="text-align:center; margin:20px 0 10px 0">
296    <input class="submit" type="submit" name="install" value="{'Start Install'|@translate}">
297  </div>
298</form>
299{else}
300<p>
301  <a class="bigButton" href="index.php">{'Visit Gallery'|@translate}</a>
302</p>
303{/if}
304</div> {* content *}
305<div style="text-align: center">{$L_INSTALL_HELP}</div>
306</div> {* the_page *}
307
308<!-- BEGIN get_combined_scripts -->
309{get_combined_scripts load='footer'}
310<!-- END get_combined_scripts -->
311
312</body>
313</html>
Note: See TracBrowser for help on using the repository browser.