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

Last change on this file since 12028 was 12028, checked in by plg, 13 years ago

add rounded borders for chrome/IE9 on install.php buttons and input fields
  • Property svn:eol-style set to LF
File size: 10.4 KB
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2"http://www.w3.org/TR/html4/strict.dtd">
3<html lang="{$lang_info.code}" dir="{$lang_info.direction}">
4<head>
5<meta http-equiv="Content-Type" content="text/html; charset={$T_CONTENT_ENCODING}">
6<meta http-equiv="Content-script-type" content="text/javascript">
7<meta http-equiv="Content-Style-Type" content="text/css">
8<link rel="shortcut icon" type="image/x-icon" href="{$ROOT_URL}{$themeconf.icon_dir}/favicon.ico">
9
10{get_combined_css}
11{foreach from=$themes item=theme}
12{if $theme.load_css}
13{combine_css path="admin/themes/`$theme.id`/theme.css" order=-10}
14{/if}
15{/foreach}
16
17<!--[if IE 7]>
18  <link rel="stylesheet" type="text/css" href="{$ROOT_URL}admin/themes/default/fix-ie7.css">
19<![endif]-->
20
21<!-- BEGIN get_combined_scripts -->
22{get_combined_scripts load='header'}
23<!-- END get_combined_scripts -->
24
25{combine_script id='jquery' path='themes/default/js/jquery.min.js'}
26{literal}
27<script type="text/javascript">
28$(function() {
29    $option_selected = $('#dblayer option:selected').attr('value');
30    if ($option_selected=='sqlite' || $option_selected=='pdo-sqlite') {
31       $('input[name=dbhost],input[name=dbuser],input[name=dbpasswd]').parent().parent().hide();
32    }
33    if ($option_selected=='mysql') {
34        $('#experimentalDbEngines').hide();
35    }
36
37    $('#dblayer').change(function() {
38        $db = this;
39        if ($db.value=='sqlite' || $db.value=='pdo-sqlite') {
40           $('input[name=dbhost],input[name=dbuser],input[name=dbpasswd]').parent().parent().hide();
41        } else {
42           $('input[name=dbhost],input[name=dbuser],input[name=dbpasswd]').parent().parent().show();
43        }
44
45        if ($db.value=='mysql') {
46            $('#experimentalDbEngines').hide();
47        }
48        else {
49            $('#experimentalDbEngines').show();
50        }
51      });
52  });
53
54$(document).ready(function() {
55  $("a.externalLink").click(function() {
56    window.open($(this).attr("href"));
57    return false;
58  });
59
60  $("#admin_mail").keyup(function() {
61    $(".adminEmail").text($(this).val());
62  });
63});
64
65</script>
66
67<style type="text/css">
68body {
69  font-size:12px;
70}
71
72.content {
73 width: 800px;
74 margin: auto;
75 text-align: center;
76 padding:0;
77 background-color:transparent !important;
78 border:none;
79}
80
81#theHeader {
82  display: block;
83  background:url("admin/themes/clear/images/piwigo_logo_big.png") no-repeat scroll center 20px transparent;
84  height:100px;
85}
86
87fieldset {
88  margin-top:20px;
89  background-color:#f1f1f1;
90}
91
92legend {
93  font-weight:bold;
94  letter-spacing:2px;
95}
96
97.content h2 {
98  display:block;
99  font-size:20px;
100  text-align:center;
101  /* margin-top:5px; */
102}
103
104table.table2 {
105  width: 100%;
106  border:0;
107}
108
109table.table2 td {
110  text-align: left;
111  padding: 5px 2px;
112}
113
114table.table2 td.fieldname {
115  font-weight:normal;
116}
117
118table.table2 td.fielddesc {
119  padding-left:10px;
120  font-style:italic;
121}
122
123input[type="submit"], input[type="button"], a.bigButton {
124  font-size:14px;
125  font-weight:bold;
126  letter-spacing:2px;
127  border:none;
128  background-color:#666666;
129  color:#fff;
130  padding:5px;
131  -moz-border-radius:5px;
132  -webkit-border-radius:5px;
133  border-radius:5px;
134}
135
136input[type="submit"]:hover, input[type="button"]:hover, a.bigButton:hover {
137  background-color:#ff7700;
138  color:white;
139}
140
141input[type="text"], input[type="password"], select {
142  background-color:#ddd;
143  border:2px solid #ccc;
144  -moz-border-radius:5px;
145  -webkit-border-radius:5px;
146  border-radius:5px;
147  padding:2px;
148}
149
150input[type="text"]:focus, input[type="password"]:focus, select:focus {
151  background-color:#fff;
152  border:2px solid #ff7700;
153}
154
155.sql_content, .infos a {
156  color: #ff3363;
157}
158
159.errors {
160  padding-bottom:5px;
161}
162
163</style>
164{/literal}
165
166{combine_script id='jquery.cluetip' load='async' require='jquery' path='themes/default/js/plugins/jquery.cluetip.js'}
167
168{footer_script require='jquery.cluetip'}
169jQuery().ready(function(){ldelim}
170        jQuery('.cluetip').cluetip({ldelim}
171                width: 300,
172                splitTitle: '|',
173                positionBy: 'bottomTop'
174        });
175});
176{/footer_script}
177
178
179<title>Piwigo {$RELEASE} - {'Installation'|@translate}</title>
180</head>
181
182<body>
183<div id="the_page">
184<div id="theHeader"></div>
185<div id="content" class="content">
186
187<h2>{'Version'|@translate} {$RELEASE} - {'Installation'|@translate}</h2>
188
189{if isset($config_creation_failed)}
190<div class="errors">
191  <p style="margin-left:30px;">
192    <strong>{'Creation of config file local/config/database.inc.php failed.'|@translate}</strong>
193  </p>
194  <ul>
195    <li>
196      <p>{'You can download the config file and upload it to local/config directory of your installation.'|@translate}</p>
197      <p style="text-align:center">
198          <input type="button" value="{'Download the config file'|@translate}" onClick="window.open('{$config_url}');">
199      </p>
200    </li>
201    <li>
202      <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>
203      <textarea rows="15" cols="70">{$config_file_content}</textarea>
204    </li>
205  </ul>
206</div>
207{/if}
208
209{if isset($errors)}
210<div class="errors">
211  <ul>
212    {foreach from=$errors item=error}
213    <li>{$error}</li>
214    {/foreach}
215  </ul>
216</div>
217{/if}
218
219{if isset($infos)}
220<div class="infos">
221  <ul>
222    {foreach from=$infos item=info}
223    <li>{$info}</li>
224    {/foreach}
225  </ul>
226</div>
227{/if}
228
229{if isset($install)}
230<form method="POST" action="{$F_ACTION}" name="install_form">
231
232<fieldset>
233  <legend>{'Basic configuration'|@translate}</legend>
234
235  <table class="table2">
236    <tr>
237      <td style="width: 30%">{'Default gallery language'|@translate}</td>
238      <td>
239    <select name="language" onchange="document.location = 'install.php?language='+this.options[this.selectedIndex].value;">
240    {html_options options=$language_options selected=$language_selection}
241    </select>
242      </td>
243    </tr>
244  </table>
245</fieldset>
246
247<fieldset>
248  <legend>{'Database configuration'|@translate}</legend>
249
250  <table class="table2">
251    {if count($F_DB_ENGINES)>1}
252    <tr>
253      <td style="width: 30%;" class="fieldname">{'Database type'|@translate}</td>
254      <td>
255        <select name="dblayer" id="dblayer">
256          {foreach from=$F_DB_ENGINES key=k item=v}
257          <option value="{$k}"
258                  {if $k==$F_DB_LAYER and $v.available} selected="selected"{/if}
259                  {if !$v.available} disabled="disabled"{/if}
260                  >{$v.label}</option>
261          {/foreach}
262        </select>   
263      </td>
264      <td class="fielddesc">{'The type of database your piwigo data will be store in'|@translate}</td>
265    {else}
266    <td colspan="3">
267    <input type="hidden" name="dbengine" value="{$F_DB_LAYER}">
268    </td>
269    {/if}
270    </tr>
271    <tr id="experimentalDbEngines">
272      <td colspan="3">
273<div class="warnings">
274      {'SQLite and PostgreSQL are currently in experimental state.'|@translate}
275      <a href="http://piwigo.org/forum/viewtopic.php?id=15927" class="externalLink">{'Learn more'|@translate}</a>
276</div>
277      </td>
278    </tr>
279    <tr>
280      <td style="width: 30%;" class="fieldname">{'Host'|@translate}</td>
281      <td><input type="text" name="dbhost" value="{$F_DB_HOST}"></td>
282      <td class="fielddesc">{'localhost, sql.multimania.com, toto.freesurf.fr'|@translate}</td>
283    </tr>
284    <tr>
285      <td class="fieldname">{'User'|@translate}</td>
286      <td><input type="text" name="dbuser" value="{$F_DB_USER}"></td>
287      <td class="fielddesc">{'user login given by your host provider'|@translate}</td>
288    </tr>
289    <tr>
290      <td class="fieldname">{'Password'|@translate}</td>
291      <td><input type="password" name="dbpasswd" value=""></td>
292      <td class="fielddesc">{'user password given by your host provider'|@translate}</td>
293    </tr>
294    <tr>
295      <td class="fieldname">{'Database name'|@translate}</td>
296      <td><input type="text" name="dbname" value="{$F_DB_NAME}"></td>
297      <td class="fielddesc">{'also given by your host provider'|@translate}</td>
298    </tr>
299    <tr>
300      <td class="fieldname">{'Database table prefix'|@translate}</td>
301      <td><input type="text" name="prefix" value="{$F_DB_PREFIX}"></td>
302      <td class="fielddesc">{'database tables names will be prefixed with it (enables you to manage better your tables)'|@translate}</td>
303    </tr>
304  </table>
305
306</fieldset>
307<fieldset>
308  <legend>{'Admin configuration'|@translate}</legend>
309
310  <table class="table2">
311    <tr>
312      <td style="width: 30%;" class="fieldname">{'Webmaster login'|@translate}</td>
313      <td><input type="text" name="admin_name" value="{$F_ADMIN}"></td>
314      <td class="fielddesc">{'It will be shown to the visitors. It is necessary for website administration'|@translate}</td>
315    </tr>
316    <tr>
317      <td class="fieldname">{'Webmaster password'|@translate}</td>
318      <td><input type="password" name="admin_pass1" value=""></td>
319      <td class="fielddesc">{'Keep it confidential, it enables you to access administration panel'|@translate}</td>
320    </tr>
321    <tr>
322      <td class="fieldname">{'Password [confirm]'|@translate}</td>
323      <td><input type="password" name="admin_pass2" value=""></td>
324      <td class="fielddesc">{'verification'|@translate}</td>
325    </tr>
326    <tr>
327      <td class="fieldname">{'Webmaster mail address'|@translate}</td>
328      <td><input type="text" name="admin_mail" id="admin_mail" value="{$F_ADMIN_EMAIL}"></td>
329      <td class="fielddesc">{'Visitors will be able to contact site administrator with this mail'|@translate}</td>
330    </tr>
331    <tr>
332      <td>{'Options'|@translate}</options>
333      <td colspan="2">
334<label>
335<input type="checkbox" name="newsletter_subscribe"{if $F_NEWSLETTER_SUBSCRIBE} checked="checked"{/if}>
336<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>
337</label>
338<br>
339      </td>
340    </tr>
341  </table>
342
343</fieldset>
344
345  <div style="text-align:center; margin:20px 0 10px 0">
346    <input class="submit" type="submit" name="install" value="{'Start Install'|@translate}">
347  </div>
348</form>
349{else}
350<p>
351  <a class="bigButton" href="index.php">{'Visit Gallery'|@translate}</a>
352</p>
353{/if}
354</div> {* content *}
355<div style="text-align: center">{$L_INSTALL_HELP}</div>
356</div> {* the_page *}
357
358<!-- BEGIN get_combined_scripts -->
359{get_combined_scripts load='footer'}
360<!-- END get_combined_scripts -->
361
362</body>
363</html>
Note: See TracBrowser for help on using the repository browser.