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

<!DOCTYPE html>
<html{if="$language !== 'auto'"} lang="{$language}"{/if}>
<head>
  {include="includes"}
</head>
<body>
{include="page.header"}

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

<form method="POST" action="{$base_path}/admin/configure" 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}: {$base_path}</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 class="pure-u-lg-{$ratioLabel} pure-u-1">
          <div class="form-label">
            <label for="formatter">
              <span class="label-name">{'Description formatter'|t}</span>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-1">
          <div class="form-input">
            <select name="formatter" id="formatter" class="align">
              {loop="$formatter_available"}
                <option value="{$value}"
                  {if="$value===$formatter"}
                    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="updateCheck">
              <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="retrieveDescription">
              <span class="label-name">{'Automatically retrieve description for new bookmarks'|t}</span><br>
              <span class="label-desc">{'Shaarli will try to retrieve the description from meta HTML headers'|t}</span>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
          <div class="form-input">
            <input type="checkbox" name="retrieveDescription" id="retrieveDescription"
                 {if="$retrieve_description"}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="pure-g">
        <div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
          <div class="form-label">
            <label for="enableThumbnails">
              <span class="label-name">{'Enable thumbnails'|t}</span><br>
              <span class="label-desc">
                {if="! $gd_enabled"}
                  {'You need to enable the extension <code>php-gd</code> to use thumbnails.'|t}
                {elseif="$thumbnails_enabled"}
                  <a href="{$base_path}/?do=thumbs_update">{'Synchronize thumbnails'|t}</a>
                {/if}
              </span>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
          <div class="form-input">
            <select name="enableThumbnails" id="enableThumbnails" class="align">
              <option value="all"    {if="$thumbnails_mode=='all'"}selected{/if}>
                {'All'|t}
              </option>
              <option value="common" {if="$thumbnails_mode=='common'"}selected{/if}>
                {'Only common media hosts'|t}
              </option>
              <option value="none"   {if="$thumbnails_mode=='none'"}selected{/if}>
                {'None'|t}
              </option>
            </select>
          </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
402b0346	1	<!DOCTYPE html>
cb974e47	2	<html{if="$language !== 'auto'"} lang="{$language}"{/if}>
402b0346 A	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
9c75f877	14	<form method="POST" action="{$base_path}/admin/configure" name="configform" id="configform">
402b0346 A	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">
6177f320	37	<span class="label-name">{'Home link'\|t}</span><br>
818b3193	38	<span class="label-desc">{'Default value'\|t}: {$base_path}</span>
402b0346 A	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">
7cea7c7a	58	<select name="theme" id="theme" class="align">
402b0346 A	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>
cf92b4dd A	71	<div class="pure-u-lg-{$ratioLabel} pure-u-1">
	72	<div class="form-label">
	73	<label for="formatter">
	74	<span class="label-name">{'Description formatter'\|t}</span>
	75	</label>
	76	</div>
	77	</div>
	78	<div class="pure-u-lg-{$ratioInput} pure-u-1">
	79	<div class="form-input">
	80	<select name="formatter" id="formatter" class="align">
	81	{loop="$formatter_available"}
	82	<option value="{$value}"
	83	{if="$value===$formatter"}
	84	selected="selected"
	85	{/if}
	86	>
	87	{$value\|ucfirst}
	88	</option>
	89	{/loop}
	90	</select>
	91	</div>
	92	</div>
402b0346	93	</div>
f39580c6 A	94	<div class="pure-g">
	95	<div class="pure-u-lg-{$ratioLabel} pure-u-1">
	96	<div class="form-label">
	97	<label for="language">
	98	<span class="label-name">{'Language'\|t}</span>
	99	</label>
	100	</div>
	101	</div>
	102	<div class="pure-u-lg-{$ratioInput} pure-u-1">
	103	<div class="form-input">
	104	<select name="language" id="language" class="align">
	105	{loop="$languages"}
	106	<option value="{$key}"
	107	{if="$key===$language"}
	108	selected="selected"
	109	{/if}
	110	>
	111	{$value}
	112	</option>
	113	{/loop}
	114	</select>
	115	</div>
	116	</div>
	117	</div>
402b0346 A	118	<div class="pure-g">
	119	<div class="pure-u-lg-{$ratioLabel} pure-u-1 ">
	120	<div class="form-label">
	121	<label>
a0737313 A	122	<span class="label-name">{'Timezone'\|t}</span><br>
a0737313 A	123	<span class="label-desc">{'Continent'\|t} · {'City'\|t}</span>
402b0346 A	124	</label>
	125	</div>
	126	</div>
	127	<div class="pure-u-lg-{$ratioInput} pure-u-1 ">
	128	<div class="form-input">
a0737313 A	129	<div class="timezone">
	130	<select id="continent" name="continent">
	131	{loop="$continents"}
	132	{if="$key !== 'selected'"}
	133	<option value="{$value}" {if="$continents.selected === $value"}selected{/if}>
	134	{$value}
	135	</option>
	136	{/if}
	137	{/loop}
	138	</select>
	139	<select id="city" name="city">
	140	{loop="$cities"}
	141	{if="$key !== 'selected'"}
	142	<option value="{$value.city}"
	143	{if="$cities.selected === $value.city"}selected{/if}
	144	data-continent="{$value.continent}">
	145	{$value.city}
	146	</option>
	147	{/if}
	148	{/loop}
	149	</select>
	150	</div>
402b0346 A	151	</div>
	152	</div>
	153	</div>
402b0346 A	154	<div class="clear"></div>
	155	<div class="pure-g">
	156	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
	157	<div class="form-label">
	158	<label for="disablesessionprotection">
	159	<span class="label-name">{'Disable session cookie hijacking protection'\|t}</span><br>
	160	<span class="label-desc">
	161	{'Check this if you get disconnected or if your IP address changes often'\|t}
	162	</span>
	163	</label>
	164	</div>
	165	</div>
	166	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
	167	<div class="form-input">
	168	<input type="checkbox" name="disablesessionprotection" id="disablesessionprotection"
	169	{if="$session_protection_disabled"}checked{/if}>
	170	</div>
	171	</div>
	172	</div>
	173	<div class="pure-g">
	174	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
	175	<div class="form-label">
	176	<label for="privateLinkByDefault">
	177	<span class="label-name">{'Private links by default'\|t}</span><br>
	178	<span class="label-desc">{'All new links are private by default'\|t}</span>
	179	</label>
	180	</div>
	181	</div>
	182	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
	183	<div class="form-input">
	184	<input type="checkbox" name="privateLinkByDefault" id="privateLinkByDefault"
	185	{if="$private_links_default"}checked{/if}/>
	186	</div>
	187	</div>
	188	</div>
	189	<div class="pure-g">
	190	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
	191	<div class="form-label">
	192	<label for="enableRssPermalinks">
	193	<span class="label-name">{'RSS direct links'\|t}</span><br>
	194	<span class="label-desc">{'Check this to use direct URL instead of permalink in feeds'\|t}</span>
	195	</label>
	196	</div>
	197	</div>
	198	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
	199	<div class="form-input">
	200	<input type="checkbox" name="enableRssPermalinks" id="enableRssPermalinks"
	201	{if="$enable_rss_permalinks"}checked{/if}/>
	202	</div>
	203	</div>
	204	</div>
	205	<div class="pure-g">
	206	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
	207	<div class="form-label">
	208	<label for="hidePublicLinks">
	209	<span class="label-name">{'Hide public links'\|t}</span><br>
	210	<span class="label-desc">{'Do not show any links if the user is not logged in'\|t}</span>
	211	</label>
	212	</div>
	213	</div>
	214	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
	215	<div class="form-input">
	216	<input type="checkbox" name="hidePublicLinks" id="hidePublicLinks"
	217	{if="$hide_public_links"}checked{/if}/>
218	</div>
219	</div>
220	</div>
221	<div class="pure-g">
222	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
223	<div class="form-label">
419eef1f	224	<label for="updateCheck">
402b0346 A	225	<span class="label-name">{'Check updates'\|t}</span><br>
	226	<span class="label-desc">{'Notify me when a new release is ready'\|t}</span>
	227	</label>
	228	</div>
	229	</div>
	230	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
	231	<div class="form-input">
	232	<input type="checkbox" name="updateCheck" id="updateCheck"
	233	{if="$enable_update_check"}checked{/if}/>
	234	</div>
	235	</div>
	236	</div>
6a487252 A	237	<div class="pure-g">
	238	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
	239	<div class="form-label">
	240	<label for="retrieveDescription">
	241	<span class="label-name">{'Automatically retrieve description for new bookmarks'\|t}</span><br>
	242	<span class="label-desc">{'Shaarli will try to retrieve the description from meta HTML headers'\|t}</span>
	243	</label>
	244	</div>
	245	</div>
	246	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
	247	<div class="form-input">
	248	<input type="checkbox" name="retrieveDescription" id="retrieveDescription"
	249	{if="$retrieve_description"}checked{/if}/>
	250	</div>
	251	</div>
	252	</div>
70401690 A	253	<div class="pure-g">
	254	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
	255	<div class="form-label">
76be95e1	256	<label for="enableApi">
70401690 A	257	<span class="label-name">{'Enable REST API'\|t}</span><br>
	258	<span class="label-desc">{'Allow third party software to use Shaarli such as mobile application'\|t}</span>
	259	</label>
	260	</div>
	261	</div>
	262	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
	263	<div class="form-input">
76be95e1	264	<input type="checkbox" name="enableApi" id="enableApi"
70401690 A	265	{if="$api_enabled"}checked{/if}/>
	266	</div>
	267	</div>
	268	</div>
	269	<div class="pure-g">
	270	<div class="pure-u-lg-{$ratioLabel} pure-u-1">
	271	<div class="form-label">
	272	<label for="apiSecret">
	273	<span class="label-name">{'API secret'\|t}</span><br>
	274	</label>
	275	</div>
	276	</div>
	277	<div class="pure-u-lg-{$ratioLabel} pure-u-1">
	278	<div class="form-input">
	279	<input type="text" name="apiSecret" id="apiSecret" size="50" value="{$api_secret}">
	280	</div>
	281	</div>
	282	</div>
e85b7a05 A	283	<div class="pure-g">
	284	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
	285	<div class="form-label">
	286	<label for="enableThumbnails">
	287	<span class="label-name">{'Enable thumbnails'\|t}</span><br>
	288	<span class="label-desc">
28f26524	289	{if="! $gd_enabled"}
787faa42	290	{'You need to enable the extension <code>php-gd</code> to use thumbnails.'\|t}
28f26524	291	{elseif="$thumbnails_enabled"}
818b3193	292	<a href="{$base_path}/?do=thumbs_update">{'Synchronize thumbnails'\|t}</a>
787faa42	293	{/if}
e85b7a05 A	294	</span>
	295	</label>
	296	</div>
	297	</div>
	298	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
	299	<div class="form-input">
b302b3c5 A	300	<select name="enableThumbnails" id="enableThumbnails" class="align">
	301	<option value="all" {if="$thumbnails_mode=='all'"}selected{/if}>
	302	{'All'\|t}
	303	</option>
	304	<option value="common" {if="$thumbnails_mode=='common'"}selected{/if}>
	305	{'Only common media hosts'\|t}
	306	</option>
	307	<option value="none" {if="$thumbnails_mode=='none'"}selected{/if}>
	308	{'None'\|t}
	309	</option>
	310	</select>
e85b7a05 A	311	</div>
	312	</div>
	313	</div>
402b0346 A	314	<div class="center">
	315	<input type="submit" value="{'Save'\|t}" name="save">
	316	</div>
	317	</div>
	318	</div>
	319	<input type="hidden" name="token" value="{$token}">
	320	</form>
	321
	322	{include="page.footer"}
402b0346 A	323	</body>
	324	</html>
	325