A lot of minor improvements, cleanup, narrow mobile side blank spaces

[github/shaarli/Shaarli.git] / tpl / default / linklist.paging.html

<div class="linklist-paging">
  <div class="pure-g">
    <div class="pure-u-lg-2-24 pure-u-1-24"></div>
    <div class="pure-u-lg-20-24 pure-u-22-24">
      <div class="paging pure-g">
        <div class="linklist-filters pure-u-1-3">
          {if="isLoggedIn() or !empty($action_plugin)"}
            <span class="linklist-filters-text">
              {'Filters'|t}
            </span>
            {if="isLoggedIn()"}
              <a href="?privateonly" title="{'Filter private links'|t}"
                 class={if="$privateonly"}"filter-on"{else}"filter-off"{/if}
              ><i class="fa fa-key"></i></a>
            {/if}
            {loop="$action_plugin"}
              {$value.attr.class=isset($value.attr.class) ? $value.attr.class : ''}
              {$value.attr.class=!empty($value.on) ? $value.attr.class .' filter-on' : $value.attr.class .' filter-off'}
              <a
                {loop="$value.attr"}
                  {$key}="{$value}"
                {/loop}>
                {$value.html}
              </a>
            {/loop}
          {/if}
        </div>


        <div class="linklist-pages pure-u-1-3">
          {if="$next_page_url"}
            <a href="{$next_page_url}" class="paging_newer">
              <i class="fa fa-arrow-circle-left"></i>
            </a>
          {/if}
          {if="$page_max>1"}<span class="strong">{$page_current} / {$page_max}</span>{/if}
          {if="$previous_page_url"}
            <a href="{$previous_page_url}" class="paging_older">
              <i class="fa fa-arrow-circle-right"></i>
            </a>
          {/if}

        </div>

        <div class="linksperpage pure-u-1-3">
          <div class="pure-u-0 pure-u-lg-visible">{'Links per page'|t}</div>
          <a href="?linksperpage=20">20</a>
          <a href="?linksperpage=50">50</a>
          <a href="?linksperpage=100">100</a>
          <form method="GET" class="pure-u-0 pure-u-lg-visible">
            <input type="text" name="linksperpage" placeholder="133">
          </form>
        </div>
      </div>
    </div>
  </div>
</div>