[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="pure-g">
        <div class="pure-u-lg-{$ratioLabel} pure-u-1 ">
          <div class="form-label">
            <label for="redirector">
              <span class="label-name">{'Redirector'|t}</span><br>
              <span class="label-desc">{'e. g.'|t} <i>http://anonym.to/?</i> {'will mask the HTTP_REFERER'|t}</span>
            </label>
          </div>
        </div>
        <div class="pure-u-lg-{$ratioInput} pure-u-1 ">
          <div class="form-input">
            <input type="text" name="redirector" id="redirector" size="50" value="{$redirector}">
          </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
402b0346 A	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">
6177f320	37	<span class="label-name">{'Home link'\|t}</span><br>
402b0346 A	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">
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>
	71	</div>
f39580c6 A	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>
402b0346 A	96	<div class="pure-g">
	97	<div class="pure-u-lg-{$ratioLabel} pure-u-1 ">
	98	<div class="form-label">
	99	<label>
a0737313 A	100	<span class="label-name">{'Timezone'\|t}</span><br>
a0737313 A	101	<span class="label-desc">{'Continent'\|t} · {'City'\|t}</span>
402b0346 A	102	</label>
	103	</div>
	104	</div>
	105	<div class="pure-u-lg-{$ratioInput} pure-u-1 ">
	106	<div class="form-input">
a0737313 A	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>
402b0346 A	129	</div>
	130	</div>
	131	</div>
	132	<div class="pure-g">
	133	<div class="pure-u-lg-{$ratioLabel} pure-u-1 ">
	134	<div class="form-label">
	135	<label for="redirector">
	136	<span class="label-name">{'Redirector'\|t}</span><br>
	137	<span class="label-desc">{'e. g.'\|t} <i>http://anonym.to/?</i> {'will mask the HTTP_REFERER'\|t}</span>
	138	</label>
	139	</div>
	140	</div>
	141	<div class="pure-u-lg-{$ratioInput} pure-u-1 ">
	142	<div class="form-input">
	143	<input type="text" name="redirector" id="redirector" size="50" value="{$redirector}">
	144	</div>
	145	</div>
	146	</div>
	147	<div class="clear"></div>
	148	<div class="pure-g">
	149	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
	150	<div class="form-label">
	151	<label for="disablesessionprotection">
	152	<span class="label-name">{'Disable session cookie hijacking protection'\|t}</span><br>
	153	<span class="label-desc">
	154	{'Check this if you get disconnected or if your IP address changes often'\|t}
	155	</span>
	156	</label>
	157	</div>
	158	</div>
	159	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
	160	<div class="form-input">
	161	<input type="checkbox" name="disablesessionprotection" id="disablesessionprotection"
	162	{if="$session_protection_disabled"}checked{/if}>
	163	</div>
	164	</div>
	165	</div>
	166	<div class="pure-g">
	167	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
	168	<div class="form-label">
	169	<label for="privateLinkByDefault">
	170	<span class="label-name">{'Private links by default'\|t}</span><br>
	171	<span class="label-desc">{'All new links are private by default'\|t}</span>
	172	</label>
	173	</div>
	174	</div>
	175	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
	176	<div class="form-input">
	177	<input type="checkbox" name="privateLinkByDefault" id="privateLinkByDefault"
	178	{if="$private_links_default"}checked{/if}/>
	179	</div>
	180	</div>
	181	</div>
	182	<div class="pure-g">
	183	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile} ">
	184	<div class="form-label">
	185	<label for="enableRssPermalinks">
	186	<span class="label-name">{'RSS direct links'\|t}</span><br>
	187	<span class="label-desc">{'Check this to use direct URL instead of permalink in feeds'\|t}</span>
	188	</label>
	189	</div>
	190	</div>
	191	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile} ">
	192	<div class="form-input">
193	<input type="checkbox" name="enableRssPermalinks" id="enableRssPermalinks"
194	{if="$enable_rss_permalinks"}checked{/if}/>
195	</div>
196	</div>
197	</div>
198	<div class="pure-g">
199	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
200	<div class="form-label">
201	<label for="hidePublicLinks">
202	<span class="label-name">{'Hide public links'\|t}</span><br>
203	<span class="label-desc">{'Do not show any links if the user is not logged in'\|t}</span>
204	</label>
205	</div>
206	</div>
207	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
208	<div class="form-input">
209	<input type="checkbox" name="hidePublicLinks" id="hidePublicLinks"
210	{if="$hide_public_links"}checked{/if}/>
211	</div>
212	</div>
213	</div>
214	<div class="pure-g">
215	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
216	<div class="form-label">
217	<label for="hidePublicLinks">
218	<span class="label-name">{'Check updates'\|t}</span><br>
219	<span class="label-desc">{'Notify me when a new release is ready'\|t}</span>
220	</label>
221	</div>
222	</div>
223	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
224	<div class="form-input">
225	<input type="checkbox" name="updateCheck" id="updateCheck"
226	{if="$enable_update_check"}checked{/if}/>
227	</div>
228	</div>
229	</div>
70401690 A	230	<div class="pure-g">
	231	<div class="pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
	232	<div class="form-label">
76be95e1	233	<label for="enableApi">
70401690 A	234	<span class="label-name">{'Enable REST API'\|t}</span><br>
	235	<span class="label-desc">{'Allow third party software to use Shaarli such as mobile application'\|t}</span>
	236	</label>
	237	</div>
	238	</div>
	239	<div class="pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
	240	<div class="form-input">
76be95e1	241	<input type="checkbox" name="enableApi" id="enableApi"
70401690 A	242	{if="$api_enabled"}checked{/if}/>
	243	</div>
	244	</div>
	245	</div>
	246	<div class="pure-g">
	247	<div class="pure-u-lg-{$ratioLabel} pure-u-1">
	248	<div class="form-label">
	249	<label for="apiSecret">
	250	<span class="label-name">{'API secret'\|t}</span><br>
	251	</label>
	252	</div>
	253	</div>
	254	<div class="pure-u-lg-{$ratioLabel} pure-u-1">
	255	<div class="form-input">
	256	<input type="text" name="apiSecret" id="apiSecret" size="50" value="{$api_secret}">
	257	</div>
	258	</div>
	259	</div>
402b0346 A	260	<div class="center">
	261	<input type="submit" value="{'Save'\|t}" name="save">
	262	</div>
	263	</div>
	264	</div>
	265	<input type="hidden" name="token" value="{$token}">
	266	</form>
	267
	268	{include="page.footer"}
402b0346 A	269	</body>
	270	</html>
	271