[% INCLUDE 'doc-head-open.inc' %]
-<title>Koha › Web Installer › Step 1</title>
-[% INCLUDE 'installer-doc-head-close.inc' %]
-<div>
-<h1 id="logo"><img alt="Koha" src="/intranet-tmpl/prog/img/koha.org-logo.gif" /> Web Installer › Step 1</h1>
-[% UNLESS ( language ) %]
-<p>You are about to install Koha.</p>
-
-<p>Please pick your language from the following list. If your language is not
-listed, please inform your systems administrator.</p>
-<form name="language" method="post">
-<select name="language">
-[% IF ( installer_languages_loop ) %]
- [% FOREACH installer_languages_loo IN installer_languages_loop %]
- [% IF ( installer_languages_loo.plural ) %]
- <optgroup label="[% installer_languages_loo.language %]">
- [% FOREACH sublanguages_loo IN installer_languages_loo.sublanguages_loop %]
- <option value="[% sublanguages_loo.rfc4646_subtag %]">[% IF ( sublanguages_loo.native_description ) %][% sublanguages_loo.native_description %][% ELSE %][% sublanguages_loo.rfc4646_subtag %][% END %]</option>
+<title>Koha › Web installer ›
+ [% UNLESS ( language ) %] Choose your language [% END %]
+ [% IF ( language ) %]
+ [% UNLESS ( checkmodule ) %]
+ [% IF ( missing_modules ) %]
+ Perl modules missing
[% END %]
- </optgroup>
- [% ELSE %]
- <option value="[% installer_languages_loo.rfc4646_subtag %]">[% IF ( installer_languages_loo.native_description ) %][% installer_languages_loo.native_description %][% ELSE %][% installer_languages_loo.rfc4646_subtag %][% END %]</option>
+ [% IF ( problems ) %]
+ Perl version obsolete
[% END %]
[% END %]
-[% END %]
-</select>
-</p>
-
-<p> Click Next to continue <input value="Next >>" type="submit" /></p>
-</form>
-[% END %]
-[% IF ( language ) %]
- [% UNLESS ( checkmodule ) %]
- [% IF ( missing_modules ) %]
- <p>Some perl modules are missing. Modules in red <b>must</b> be installed before you may continue.<br />
- <ul>
- [% FOREACH missing_module IN missing_modules %]
- [% IF ( missing_module.require ) %]
- <li style="color:#FF0000;font-weight:bold;">[% missing_module.name %]
- [% ELSE %]
- <li>[% missing_module.name %]
+ Check Perl dependencies
[% END %]
- <br /> Version: [% missing_module.version %]
- <br /> Usage: [% missing_module.usage %]
- </li>
- [% END %]
- [% END %]
- [% IF ( problems ) %]
- <p>I encountered some problems.</p>
- <ul>
- [% IF ( perlversion ) %]
- <li>Your Perl version seems to be obsolete.
- Please upgrade to a newer version of Perl (at least Version 5.10).</li>
- [% END %]
- </ul>
- [% END %]
- [% END %]
-<form name="checkmodules" action="install.pl">
-[% IF ( checkmodule ) %]
-<input type="hidden" name="step" value="2" />
-<p> All dependencies installed.</p>
-<p>Please click next to continue <input value="Next >>" type="submit" /></p>
-[% ELSE %]
-<input type="hidden" name="step" value="1" />
-<p>Click to recheck dependencies <input value="Recheck" type="submit" /></p>
-[% END %]
-</form>
-[% END %]
+</title>
+[% INCLUDE 'installer-doc-head-close.inc' %]
+
+<div class="container-fluid">
+ <div class="row">
+ <div id="installer-step1" class="installer-main col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2">
+
+ <h1 id="logo"><a href="#">Koha</a></h1>
+
+ [% UNLESS ( language ) %]
+ <h2>Web installer › Choose your language</h2>
+ <p>You are about to install Koha.</p>
+
+ <p>Please pick your language from the following list. If your language is not listed, please inform your system administrator.</p>
+
+ <form name="language" method="post" action="install.pl">
+ <div class="form-group">
+ <label for="language">Select a language: </label>
+ <select id="language" name="language">
+ [% IF ( installer_languages_loop ) %]
+ [% FOREACH installer_languages_loo IN installer_languages_loop %]
+ [% IF ( installer_languages_loo.plural ) %]
+ <optgroup label="[% installer_languages_loo.language %]">
+ [% FOREACH sublanguages_loo IN installer_languages_loo.sublanguages_loop %]
+ <option value="[% sublanguages_loo.rfc4646_subtag %]">[% IF ( sublanguages_loo.native_description ) %][% sublanguages_loo.native_description %][% ELSE %][% sublanguages_loo.rfc4646_subtag %][% END %]</option>
+ [% END %]
+ </optgroup>
+ [% ELSE %]
+ <option value="[% installer_languages_loo.rfc4646_subtag %]">[% IF ( installer_languages_loo.native_description ) %][% installer_languages_loo.native_description %][% ELSE %][% installer_languages_loo.rfc4646_subtag %][% END %]</option>
+ [% END %]
+ [% END %]
+ [% END %]
+ </select>
+ </div>
+ <p><input value="Continue to the next step" class="btn btn-primary" type="submit" /></p>
+ </form>
+ [% END %]
+
+ [% IF ( language ) %]
+ [% UNLESS ( checkmodule ) %]
+ [% IF ( missing_modules ) %]
+ <h2>Web installer › Perl modules missing</h2>
+ <p>Some Perl modules are missing. <span class="label label-danger">Important: </span>Required modules must be installed before you may continue.<br />
+ <ul>
+ [% FOREACH missing_module IN missing_modules %]
+ <li><strong>[% missing_module.name %]</strong> [% IF ( missing_module.require ) %]<span class="label label-danger">Required</span>[% END %]
+ <br /> Version: [% missing_module.version %]
+ <br /> Usage: [% missing_module.usage %]
+ </li>
+ [% END %]
+ </ul>
+ [% END %]
+
+ [% IF ( problems ) %]
+ <h2>Web installer › Perl version too old</h2>
+ <p>I encountered some problems.</p>
+ <ul>
+ [% IF ( perlversion ) %]
+ <li>Your Perl version is out of date. Please upgrade to a newer version of Perl (at least version [% perlversion %]).</li>
+ [% END %]
+ </ul>
+ [% END %]
+
+ <form name="checkmodules" action="install.pl">
+ <input type="hidden" name="step" value="1" />
+ <p> <input value="Recheck dependencies" class="btn btn-primary" type="submit" /></p>
+ </form>
+
+ [% ELSE # IF checkmodule %]
+ <h2>Web installer › Check Perl dependencies</h2>
+ <p>All required Perl modules appear to be installed.</p>
+ <p> All dependencies installed.</p>
+
+ <form name="checkmodules" role="form" action="install.pl">
+ <input type="hidden" name="step" value="2" />
+ <p> <input value="Continue to the next step" class="btn btn-primary" type="submit" /> </p>
+ </form>
+ [% END # IF checkmodule%]
+ [% END # IF language %]
+ </div> <!-- / #installer-step1 -->
+ </div> <!-- / .row -->
+
[% INCLUDE 'intranet-bottom.inc' %]