Merge pull request #852 from ArthurHoaro/theme/install-password

Theme: use a password type field during the install

diff --combined tpl/default/install.html
index 99aca19357f1bdef2d8b24be857a236fa2a1e6b1,772c13927b781c2ee68c2db32334a9df5289f547..164d453b1d6c162bfa6b5a28b9203dbdfdb10d3e
--- 1/tpl/default/install.html
--- 2/tpl/default/install.html
+++ b/tpl/default/install.html
@@@ -45,22 -45,24 +45,22 @@@
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-1">
          <div class="form-input">
-           <input type="text" name="setpassword" id="password">
+           <input type="password" name="setpassword" id="password">
          </div>
        </div>
      </div>
  
      <div class="pure-g">
 -      <div class="pure-u-lg-{$ratioLabel} pure-u-1 ">
 +      <div class="pure-u-lg-{$ratioLabel} pure-u-1">
          <div class="form-label">
 -          <label>
 -            <span class="label-name">{'Timezone'|t}</span>
 +          <label for="title">
 +            <span class="label-name">{'Shaarli title'|t}</span>
            </label>
          </div>
        </div>
 -      <div class="pure-u-lg-{$ratioInput} pure-u-1 ">
 +      <div class="pure-u-lg-{$ratioInput} pure-u-1">
          <div class="form-input">
 -          {ignore}FIXME! too hackish, needs to be fixed upstream{/ignore}
 -          <div class="timezone" id="timezone-remove">{$timezone_html}</div>
 -          <div class="timezone" id="timezone-add"></div>
 +          <input type="text" name="title" id="title" placeholder="{'My links'|t}">
          </div>
        </div>
      </div>
@@@ -68,36 -70,14 +68,36 @@@
      <div class="pure-g">
        <div class="pure-u-lg-{$ratioLabel} pure-u-1">
          <div class="form-label">
 -          <label for="title">
 -            <span class="label-name">{'Shaarli title'|t}</span>
 +          <label>
 +            <span class="label-name">{'Timezone'|t}</span><br>
 +            <span class="label-desc">{'Continent'|t} &middot; {'City'|t}</span>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-1">
          <div class="form-input">
 -          <input type="text" name="title" id="title" placeholder="{'My links'|t}">
 +          <div class="timezone">
 +            <select id="continent" name="continent">
 +              {loop="$continents"}
 +                {if="$key !== 'selected'"}
 +                  <option value="{$value}" {if="$continents.selected === $value"}selected{/if}>
 +                    {$value}
 +                  </option>
 +                {/if}
 +              {/loop}
 +            </select>
 +            <select id="city" name="city">
 +              {loop="$cities"}
 +                {if="$key !== 'selected'"}
 +                  <option value="{$value.city}"
 +                          {if="$cities.selected === $value.city"}selected{/if}
 +                          data-continent="{$value.continent}">
 +                    {$value.city}
 +                  </option>
 +                {/if}
 +              {/loop}
 +            </select>
 +          </div>
          </div>
        </div>
      </div>