espial-0.0.5: templates/user.hamlet

<main #main_column .pv2.ph3.mh1>
  <div .w-100.mw8.center>
    <div .mb2>
      <div .fl.pr3.dib.mb2>
        <b>
          <a .link href="@{UserR unamep}">#{uname}
          $forall tag <- pathtags
            \  + #
            <a .link href="@{UserTagsR unamep (TagsP [tag])}">#{tag}
      <div .fl.pr3.dib.mb2>
        <span .f7.silver>#{bcount}</span>
      $if isowner
        <div .filters.dib.mb2>
          <a .link.silver.hover-blue :isAll:.nav-active 
             href="@{UserR unamep}">all
          ‧  
          <a .link.silver.hover-blue :sharedp == SharedPrivate:.nav-active 
             href="@{UserSharedR unamep SharedPrivate}">private
          ‧  
          <a .link.silver.hover-blue :sharedp == SharedPublic:.nav-active 
             href="@{UserSharedR unamep SharedPublic}">public
          ‧  
          <a .link.silver.hover-blue :filterp == FilterUnread:.nav-active 
             href="@{UserFilterR unamep FilterUnread}">unread
          ‧  
          <a .link.silver.hover-blue :filterp == FilterUntagged:.nav-active 
             href="@{UserFilterR unamep FilterUntagged}">untagged
          ‧  
          <a .link.silver.hover-blue :filterp == FilterStarred:.nav-active 
             href="@{UserFilterR unamep FilterStarred}">starred

      <div .cf>
    
    ^{pager}

    <div .cf>

    <div ##{renderEl} .mt3>

    <div .cf>

    <div .user_footer hidden>
      ^{pager}

      $if (fromIntegral bcount >= limit) || (page > 1)
        $maybe route <- mroute
          <div .dib.ml5>
            <span .silver.mr1>per page:
            <a .link.light-silver :limit == 20:.nav-active href="@?{(route, [("count", "20")])}"‧>20</a> ‧ 
            <a .link.light-silver :limit == 40:.nav-active href="@?{(route, [("count", "40")])}"‧>40</a> ‧ 
            <a .link.light-silver :limit == 80:.nav-active href="@?{(route, [("count", "80")])}"‧>80</a> ‧ 
            <a .link.light-silver :limit == 120:.nav-active href="@?{(route, [("count", "120")])}"‧>120</a> ‧ 
            <a .link.light-silver :limit == 160:.nav-active href="@?{(route, [("count", "160")])}"‧>160</a>