[github/shaarli/Shaarli.git] / tpl / default / configure.html

<!DOCTYPE html>
<html>
<head>
  {include="includes"}
</head>
<body>
{include="page.header"}

{$ratioLabel='5-12'}
{$ratioLabelMobile='7-8'}
{$ratioInput='7-12'}
{$ratioInputMobile='1-8'}

<form method="POST" action="#" name="configform" id="configform">
  <div class="pure-g">
    <div class="pure-u-lg-1-8 pure-u-1-24"></div>
    <div class="pure-u-lg-3-4 pure-u-22-24 page-form page-form-complete">
      <h2 class="window-title">{'Configure'|t}</h2>
      <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>
          </div>
        </div>
        <div class="pure-u-lg-7-12 pure-u-1">
          <div class="form-input">
            <input type="text" name="title" id="title" size="50" value="{$title}">
          </div>
        </div>
      </div>
      <div class="pure-g">
        <div class="pure-u-lg-{$ratioLabel} pure-u-1">
          <div class="form-label">
            <label for="titleLink">
              <span class="label-name">{'Home link'|t}</span><br>
              <span class="label-desc">{'Default value'|t}: ?</span>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-1">
          <div class="form-input">
            <input type="text" name="titleLink" id="titleLink" size="50" value="{$titleLink}">
          </div>
        </div>
      </div>
      <div class="pure-g">
        <div class="pure-u-lg-{$ratioLabel} pure-u-1">
          <div class="form-label">
            <label for="titleLink">
              <span class="label-name">{'Theme'|t}</span>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-1">
          <div class="form-input">
            <select name="theme" id="theme" class="align">
              {loop="$theme_available"}
                <option value="{$value}"
                  {if="$value===$theme"}
                    selected="selected"
                  {/if}
                >
                  {$value|ucfirst}
                </option>
              {/loop}
            </select>
          </div>
        </div>
      </div>
      <div class="pure-g">
        <div class="pure-u-lg-{$ratioLabel} pure-u-1">
          <div class="form-label">
            <label for="language">
              <span class="label-name">{'Language'|t}</span>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-1">
          <div class="form-input">
            <select name="language" id="language" class="align">
              {loop="$languages"}
                <option value="{$key}"
                      {if="$key===$language"}
                      selected="selected"
                      {/if}
                >
                  {$value}
                </option>
              {/loop}
            </select>
          </div>
        </div>
      </div>
      <div class="pure-g">
        <div class="pure-u-lg-{$ratioLabel} pure-u-1 ">
          <div class="form-label">
            <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">
            <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>
      <div class="clear"></div>
      <div class="pure-g">
        <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
          <div class="form-label">
            <label for="disablesessionprotection">
              <span class="label-name">{'Disable session cookie hijacking protection'|t}</span><br>
               <span class="label-desc">
                 {'Check this if you get disconnected or if your IP address changes often'|t}
               </span>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
          <div class="form-input">
            <input type="checkbox" name="disablesessionprotection" id="disablesessionprotection"
                   {if="$session_protection_disabled"}checked{/if}>
          </div>
        </div>
      </div>
      <div class="pure-g">
        <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
          <div class="form-label">
            <label for="privateLinkByDefault">
              <span class="label-name">{'Private links by default'|t}</span><br>
              <span class="label-desc">{'All new links are private by default'|t}</span>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
          <div class="form-input">
            <input type="checkbox" name="privateLinkByDefault" id="privateLinkByDefault"
                   {if="$private_links_default"}checked{/if}/>
          </div>
        </div>
      </div>
      <div class="pure-g">
        <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
          <div class="form-label">
            <label for="enableRssPermalinks">
              <span class="label-name">{'RSS direct links'|t}</span><br>
              <span class="label-desc">{'Check this to use direct URL instead of permalink in feeds'|t}</span>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
          <div class="form-input">
            <input type="checkbox" name="enableRssPermalinks" id="enableRssPermalinks"
                 {if="$enable_rss_permalinks"}checked{/if}/>
          </div>
        </div>
      </div>
      <div class="pure-g">
        <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
          <div class="form-label">
            <label for="hidePublicLinks">
              <span class="label-name">{'Hide public links'|t}</span><br>
              <span class="label-desc">{'Do not show any links if the user is not logged in'|t}</span>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
          <div class="form-input">
            <input type="checkbox" name="hidePublicLinks" id="hidePublicLinks"
                   {if="$hide_public_links"}checked{/if}/>
          </div>
        </div>
      </div>
      <div class="pure-g">
        <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
          <div class="form-label">
            <label for="hidePublicLinks">
              <span class="label-name">{'Check updates'|t}</span><br>
              <span class="label-desc">{'Notify me when a new release is ready'|t}</span>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
          <div class="form-input">
            <input type="checkbox" name="updateCheck" id="updateCheck"
                 {if="$enable_update_check"}checked{/if}/>
          </div>
        </div>
      </div>
      <div class="pure-g">
        <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
          <div class="form-label">
            <label for="enableApi">
              <span class="label-name">{'Enable REST API'|t}</span><br>
              <span class="label-desc">{'Allow third party software to use Shaarli such as mobile application'|t}</span>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
          <div class="form-input">
            <input type="checkbox" name="enableApi" id="enableApi"
                 {if="$api_enabled"}checked{/if}/>
          </div>
        </div>
      </div>
      <div class="pure-g">
        <div class="pure-u-lg-{$ratioLabel} pure-u-1">
          <div class="form-label">
            <label for="apiSecret">
              <span class="label-name">{'API secret'|t}</span><br>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioLabel} pure-u-1">
          <div class="form-input">
            <input type="text" name="apiSecret" id="apiSecret" size="50" value="{$api_secret}">
          </div>
        </div>
      </div>
      <div class="center">
        <input type="submit" value="{'Save'|t}" name="save">
      </div>
    </div>
  </div>
  <input type="hidden" name="token" value="{$token}">
</form>

{include="page.footer"}
</body>
</html>
Commit	Line	Data
	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4	{include="includes"}
	5	</head>
	6	<body>
	7	{include="page.header"}
	8
	9	{$ratioLabel='5-12'}
	10	{$ratioLabelMobile='7-8'}
	11	{$ratioInput='7-12'}
	12	{$ratioInputMobile='1-8'}
	13
	14	<form method="POST" action="#" name="configform" id="configform">
	15	<div class="pure-g">
	16	<div class="pure-u-lg-1-8 pure-u-1-24"></div>
	17	<div class="pure-u-lg-3-4 pure-u-22-24 page-form page-form-complete">
	18	<h2 class="window-title">{'Configure'\|t}</h2>
	19	<div class="pure-g">
	20	<div class="pure-u-lg-{$ratioLabel} pure-u-1">
	21	<div class="form-label">
	22	<label for="title">
	23	<span class="label-name">Shaarli {'title'\|t}</span>
	24	</label>
	25	</div>
	26	</div>
	27	<div class="pure-u-lg-7-12 pure-u-1">
	28	<div class="form-input">
	29	<input type="text" name="title" id="title" size="50" value="{$title}">
	30	</div>
	31	</div>
	32	</div>
	33	<div class="pure-g">
	34	<div class="pure-u-lg-{$ratioLabel} pure-u-1">
	35	<div class="form-label">
	36	<label for="titleLink">
	37	<span class="label-name">{'Home link'\|t}</span><br>
	38	<span class="label-desc">{'Default value'\|t}: ?</span>
	39	</label>
	40	</div>
	41	</div>
	42	<div class="pure-u-lg-{$ratioInput} pure-u-1">
	43	<div class="form-input">
	44	<input type="text" name="titleLink" id="titleLink" size="50" value="{$titleLink}">
	45	</div>
	46	</div>
	47	</div>
	48	<div class="pure-g">
	49	<div class="pure-u-lg-{$ratioLabel} pure-u-1">
	50	<div class="form-label">
	51	<label for="titleLink">
	52	<span class="label-name">{'Theme'\|t}</span>
	53	</label>
	54	</div>
	55	</div>
	56	<div class="pure-u-lg-{$ratioInput} pure-u-1">
	57	<div class="form-input">
	58	<select name="theme" id="theme" class="align">
	59	{loop="$theme_available"}
	60	<option value="{$value}"
	61	{if="$value===$theme"}
	62	selected="selected"
	63	{/if}
	64	>
	65	{$value\|ucfirst}
	66	</option>
	67	{/loop}
	68	</select>
	69	</div>
	70	</div>
	71	</div>
	72	<div class="pure-g">
	73	<div class="pure-u-lg-{$ratioLabel} pure-u-1">
	74	<div class="form-label">
	75	<label for="language">
	76	<span class="label-name">{'Language'\|t}</span>
	77	</label>
	78	</div>
	79	</div>
	80	<div class="pure-u-lg-{$ratioInput} pure-u-1">
	81	<div class="form-input">
	82	<select name="language" id="language" class="align">
	83	{loop="$languages"}
	84	<option value="{$key}"
	85	{if="$key===$language"}
	86	selected="selected"
	87	{/if}
	88	>
	89	{$value}
	90	</option>
	91	{/loop}
	92	</select>
	93	</div>
	94	</div>
	95	</div>
	96	<div class="pure-g">
	97	<div class="pure-u-lg-{$ratioLabel} pure-u-1 ">
	98	<div class="form-label">
	99	<label>
	100	<span class="label-name">{'Timezone'\|t}</span><br>
	101	<span class="label-desc">{'Continent'\|t} · {'City'\|t}</span>
	102	</label>
	103	</div>
	104	</div>
	105	<div class="pure-u-lg-{$ratioInput} pure-u-1 ">
	106	<div class="form-input">
	107	<div class="timezone">
	108	<select id="continent" name="continent">
	109	{loop="$continents"}
	110	{if="$key !== 'selected'"}
	111	<option value="{$value}" {if="$continents.selected === $value"}selected{/if}>
	112	{$value}
	113	</option>
	114	{/if}
	115	{/loop}
	116	</select>
	117	<select id="city" name="city">
	118	{loop="$cities"}
	119	{if="$key !== 'selected'"}
	120	<option value="{$value.city}"
	121	{if="$cities.selected === $value.city"}selected{/if}
	122	data-continent="{$value.continent}">
	123	{$value.city}
	124	</option>
	125	{/if}
	126	{/loop}
	127	</select>
	128	</div>
	129	</div>
	130	</div>
	131	</div>
	132	<div class="clear"></div>
	133	<div class="pure-g">
	134	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
	135	<div class="form-label">
	136	<label for="disablesessionprotection">
	137	<span class="label-name">{'Disable session cookie hijacking protection'\|t}</span><br>
	138	<span class="label-desc">
	139	{'Check this if you get disconnected or if your IP address changes often'\|t}
	140	</span>
	141	</label>
	142	</div>
	143	</div>
	144	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
	145	<div class="form-input">
	146	<input type="checkbox" name="disablesessionprotection" id="disablesessionprotection"
	147	{if="$session_protection_disabled"}checked{/if}>
	148	</div>
	149	</div>
	150	</div>
	151	<div class="pure-g">
	152	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
	153	<div class="form-label">
	154	<label for="privateLinkByDefault">
	155	<span class="label-name">{'Private links by default'\|t}</span><br>
	156	<span class="label-desc">{'All new links are private by default'\|t}</span>
	157	</label>
	158	</div>
	159	</div>
	160	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
	161	<div class="form-input">
	162	<input type="checkbox" name="privateLinkByDefault" id="privateLinkByDefault"
	163	{if="$private_links_default"}checked{/if}/>
	164	</div>
	165	</div>
	166	</div>
	167	<div class="pure-g">
	168	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
	169	<div class="form-label">
	170	<label for="enableRssPermalinks">
	171	<span class="label-name">{'RSS direct links'\|t}</span><br>
	172	<span class="label-desc">{'Check this to use direct URL instead of permalink in feeds'\|t}</span>
	173	</label>
	174	</div>
	175	</div>
	176	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
	177	<div class="form-input">
	178	<input type="checkbox" name="enableRssPermalinks" id="enableRssPermalinks"
	179	{if="$enable_rss_permalinks"}checked{/if}/>
	180	</div>
	181	</div>
	182	</div>
	183	<div class="pure-g">
	184	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
	185	<div class="form-label">
	186	<label for="hidePublicLinks">
	187	<span class="label-name">{'Hide public links'\|t}</span><br>
	188	<span class="label-desc">{'Do not show any links if the user is not logged in'\|t}</span>
	189	</label>
	190	</div>
	191	</div>
	192	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
	193	<div class="form-input">
	194	<input type="checkbox" name="hidePublicLinks" id="hidePublicLinks"
	195	{if="$hide_public_links"}checked{/if}/>
	196	</div>
	197	</div>
	198	</div>
	199	<div class="pure-g">
	200	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
	201	<div class="form-label">
	202	<label for="hidePublicLinks">
	203	<span class="label-name">{'Check updates'\|t}</span><br>
	204	<span class="label-desc">{'Notify me when a new release is ready'\|t}</span>
	205	</label>
	206	</div>
	207	</div>
	208	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
	209	<div class="form-input">
	210	<input type="checkbox" name="updateCheck" id="updateCheck"
	211	{if="$enable_update_check"}checked{/if}/>
	212	</div>
	213	</div>
	214	</div>
	215	<div class="pure-g">
	216	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
	217	<div class="form-label">
	218	<label for="enableApi">
	219	<span class="label-name">{'Enable REST API'\|t}</span><br>
	220	<span class="label-desc">{'Allow third party software to use Shaarli such as mobile application'\|t}</span>
	221	</label>
	222	</div>
	223	</div>
	224	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
	225	<div class="form-input">
	226	<input type="checkbox" name="enableApi" id="enableApi"
	227	{if="$api_enabled"}checked{/if}/>
	228	</div>
	229	</div>
	230	</div>
	231	<div class="pure-g">
	232	<div class="pure-u-lg-{$ratioLabel} pure-u-1">
	233	<div class="form-label">
	234	<label for="apiSecret">
	235	<span class="label-name">{'API secret'\|t}</span><br>
	236	</label>
	237	</div>
	238	</div>
	239	<div class="pure-u-lg-{$ratioLabel} pure-u-1">
	240	<div class="form-input">
	241	<input type="text" name="apiSecret" id="apiSecret" size="50" value="{$api_secret}">
	242	</div>
	243	</div>
	244	</div>
	245	<div class="center">
	246	<input type="submit" value="{'Save'\|t}" name="save">
	247	</div>
	248	</div>
	249	</div>
	250	<input type="hidden" name="token" value="{$token}">
	251	</form>
	252
	253	{include="page.footer"}
	254	</body>
	255	</html>
	256