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

Last change on this file since 9373 was 9373, checked in by Gotcha, 13 years ago

Display installation screen in IE7
  • Property svn:eol-style set to LF
File size: 10.3 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}
133
134input[type="submit"]:hover, input[type="button"]:hover, a.bigButton:hover {
135  background-color:#ff7700;
136  color:white;
137}
138
139input[type="text"], input[type="password"], select {
140  background-color:#ddd;
141  border:2px solid #ccc;
142  -moz-border-radius:5px;
143  padding:2px;
144}
145
146input[type="text"]:focus, input[type="password"]:focus, select:focus {
147  background-color:#fff;
148  border:2px solid #ff7700;
149}
150
151.sql_content, .infos a {
152  color: #ff3363;
153}
154
155.errors {
156  padding-bottom:5px;
157}
158
159</style>
160{/literal}
161
162{combine_script id='jquery.cluetip' load='async' require='jquery' path='themes/default/js/plugins/jquery.cluetip.packed.js'}
163
164{footer_script require='jquery.cluetip'}
165jQuery().ready(function(){ldelim}
166        jQuery('.cluetip').cluetip({ldelim}
167                width: 300,
168                splitTitle: '|',
169                positionBy: 'bottomTop'
170        });
171});
172{/footer_script}
173
174
175<title>Piwigo {$RELEASE} - {'Installation'|@translate}</title>
176</head>
177
178<body>
179<div id="the_page">
180<div id="theHeader"></div>
181<div id="content" class="content">
182
183<h2>{'Version'|@translate} {$RELEASE} - {'Installation'|@translate}</h2>
184
185{if isset($config_creation_failed)}
186<div class="errors">
187  <p style="margin-left:30px;">
188    <strong>{'Creation of config file local/config/database.inc.php failed.'|@translate}</strong>
189  </p>
190  <ul>
191    <li>
192      <p>{'You can download the config file and upload it to local/config directory of your installation.'|@translate}</p>
193      <p style="text-align:center">
194          <input type="button" value="{'Download the config file'|@translate}" onClick="window.open('{$config_url}');">
195      </p>
196    </li>
197    <li>
198      <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>
199      <textarea rows="15" cols="70">{$config_file_content}</textarea>
200    </li>
201  </ul>
202</div>
203{/if}
204
205{if isset($errors)}
206<div class="errors">
207  <ul>
208    {foreach from=$errors item=error}
209    <li>{$error}</li>
210    {/foreach}
211  </ul>
212</div>
213{/if}
214
215{if isset($infos)}
216<div class="infos">
217  <ul>
218    {foreach from=$infos item=info}
219    <li>{$info}</li>
220    {/foreach}
221  </ul>
222</div>
223{/if}
224
225{if isset($install)}
226<form method="POST" action="{$F_ACTION}" name="install_form">
227
228<fieldset>
229  <legend>{'Basic configuration'|@translate}</legend>
230
231  <table class="table2">
232    <tr>
233      <td style="width: 30%">{'Default gallery language'|@translate}</td>
234      <td>
235    <select name="language" onchange="document.location = 'install.php?language='+this.options[this.selectedIndex].value;">
236    {html_options options=$language_options selected=$language_selection}
237    </select>
238      </td>
239    </tr>
240  </table>
241</fieldset>
242
243<fieldset>
244  <legend>{'Database configuration'|@translate}</legend>
245
246  <table class="table2">
247    {if count($F_DB_ENGINES)>1}
248    <tr>
249      <td style="width: 30%;" class="fieldname">{'Database type'|@translate}</td>
250      <td>
251        <select name="dblayer" id="dblayer">
252          {foreach from=$F_DB_ENGINES key=k item=v}
253          <option value="{$k}"
254                  {if $k==$F_DB_LAYER and $v.available} selected="selected"{/if}
255                  {if !$v.available} disabled="disabled"{/if}
256                  >{$v.label}</option>
257          {/foreach}
258        </select>   
259      </td>
260      <td class="fielddesc">{'The type of database your piwigo data will be store in'|@translate}</td>
261    {else}
262    <td colspan="3">
263    <input type="hidden" name="dbengine" value="{$F_DB_LAYER}">
264    </td>
265    {/if}
266    </tr>
267    <tr id="experimentalDbEngines">
268      <td colspan="3">
269<div class="warnings">
270      {'SQLite and PostgreSQL are currently in experimental state.'|@translate}
271      <a href="http://piwigo.org/forum/viewtopic.php?id=15927" class="externalLink">{'Learn more'|@translate}</a>
272</div>
273      </td>
274    </tr>
275    <tr>
276      <td style="width: 30%;" class="fieldname">{'Host'|@translate}</td>
277      <td><input type="text" name="dbhost" value="{$F_DB_HOST}"></td>
278      <td class="fielddesc">{'localhost, sql.multimania.com, toto.freesurf.fr'|@translate}</td>
279    </tr>
280    <tr>
281      <td class="fieldname">{'User'|@translate}</td>
282      <td><input type="text" name="dbuser" value="{$F_DB_USER}"></td>
283      <td class="fielddesc">{'user login given by your host provider'|@translate}</td>
284    </tr>
285    <tr>
286      <td class="fieldname">{'Password'|@translate}</td>
287      <td><input type="password" name="dbpasswd" value=""></td>
288      <td class="fielddesc">{'user password given by your host provider'|@translate}</td>
289    </tr>
290    <tr>
291      <td class="fieldname">{'Database name'|@translate}</td>
292      <td><input type="text" name="dbname" value="{$F_DB_NAME}"></td>
293      <td class="fielddesc">{'also given by your host provider'|@translate}</td>
294    </tr>
295    <tr>
296      <td class="fieldname">{'Database table prefix'|@translate}</td>
297      <td><input type="text" name="prefix" value="{$F_DB_PREFIX}"></td>
298      <td class="fielddesc">{'database tables names will be prefixed with it (enables you to manage better your tables)'|@translate}</td>
299    </tr>
300  </table>
301
302</fieldset>
303<fieldset>
304  <legend>{'Admin configuration'|@translate}</legend>
305
306  <table class="table2">
307    <tr>
308      <td style="width: 30%;" class="fieldname">{'Webmaster login'|@translate}</td>
309      <td><input type="text" name="admin_name" value="{$F_ADMIN}"></td>
310      <td class="fielddesc">{'It will be shown to the visitors. It is necessary for website administration'|@translate}</td>
311    </tr>
312    <tr>
313      <td class="fieldname">{'Webmaster password'|@translate}</td>
314      <td><input type="password" name="admin_pass1" value=""></td>
315      <td class="fielddesc">{'Keep it confidential, it enables you to access administration panel'|@translate}</td>
316    </tr>
317    <tr>
318      <td class="fieldname">{'Password [confirm]'|@translate}</td>
319      <td><input type="password" name="admin_pass2" value=""></td>
320      <td class="fielddesc">{'verification'|@translate}</td>
321    </tr>
322    <tr>
323      <td class="fieldname">{'Webmaster mail address'|@translate}</td>
324      <td><input type="text" name="admin_mail" id="admin_mail" value="{$F_ADMIN_EMAIL}"></td>
325      <td class="fielddesc">{'Visitors will be able to contact site administrator with this mail'|@translate}</td>
326    </tr>
327    <tr>
328      <td>{'Options'|@translate}</options>
329      <td colspan="2">
330<label>
331<input type="checkbox" name="newsletter_subscribe"{if $F_NEWSLETTER_SUBSCRIBE} checked="checked"{/if}>
332<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>
333</label>
334<br>
335      </td>
336    </tr>
337  </table>
338
339</fieldset>
340
341  <div style="text-align:center; margin:20px 0 10px 0">
342    <input class="submit" type="submit" name="install" value="{'Start Install'|@translate}">
343  </div>
344</form>
345{else}
346<p>
347  <a class="bigButton" href="index.php">{'Visit Gallery'|@translate}</a>
348</p>
349{/if}
350</div> {* content *}
351<div style="text-align: center">{$L_INSTALL_HELP}</div>
352</div> {* the_page *}
353
354<!-- BEGIN get_combined_scripts -->
355{get_combined_scripts load='footer'}
356<!-- END get_combined_scripts -->
357
358</body>
359</html>
Note: See TracBrowser for help on using the repository browser.