mirror of
https://github.com/aljazceru/njump.git
synced 2026-01-17 21:34:22 +01:00
62 lines
2.5 KiB
HTML
62 lines
2.5 KiB
HTML
<aside
|
|
class="column column_clients"
|
|
_="on click toggle .up on .column_clients then toggle .overflow-hidden on <body />"
|
|
>
|
|
<div class="title">
|
|
<span class="text">Open in</span>
|
|
<span class="open">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="20"
|
|
height="20"
|
|
fill="currentColor"
|
|
viewBox="0 0 20 20"
|
|
>
|
|
<path
|
|
fill="#FAFAFA"
|
|
fill-rule="evenodd"
|
|
d="M3.808.355h2.85a2.85 2.85 0 0 1 2.85 2.85v2.85a2.85 2.85 0 0 1-2.85 2.85h-2.85a2.85 2.85 0 0 1-2.85-2.85v-2.85a2.85 2.85 0 0 1 2.85-2.85Zm2.85 6.65a.95.95 0 0 0 .95-.95v-2.85a.95.95 0 0 0-.95-.95h-2.85a.95.95 0 0 0-.95.95v2.85c0 .525.425.95.95.95h2.85Zm0 3.8h-2.85a2.85 2.85 0 0 0-2.85 2.85v2.85a2.85 2.85 0 0 0 2.85 2.85h2.85a2.85 2.85 0 0 0 2.85-2.85v-2.85a2.85 2.85 0 0 0-2.85-2.85Zm0 6.65a.95.95 0 0 0 .95-.95v-2.85a.95.95 0 0 0-.95-.95h-2.85a.95.95 0 0 0-.95.95v2.85c0 .525.425.95.95.95h2.85Zm10.45-6.65h-2.85a2.85 2.85 0 0 0-2.85 2.85v2.85a2.85 2.85 0 0 0 2.85 2.85h2.85a2.85 2.85 0 0 0 2.85-2.85v-2.85a2.85 2.85 0 0 0-2.85-2.85Zm0 6.65a.95.95 0 0 0 .95-.95v-2.85a.95.95 0 0 0-.95-.95h-2.85a.95.95 0 0 0-.95.95v2.85c0 .525.425.95.95.95h2.85Zm0-17.1h-2.85a2.85 2.85 0 0 0-2.85 2.85v2.85a2.85 2.85 0 0 0 2.85 2.85h2.85a2.85 2.85 0 0 0 2.85-2.85v-2.85a2.85 2.85 0 0 0-2.85-2.85Zm0 6.65a.95.95 0 0 0 .95-.95v-2.85a.95.95 0 0 0-.95-.95h-2.85a.95.95 0 0 0-.95.95v2.85c0 .525.425.95.95.95h2.85Z"
|
|
clip-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span class="close">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="31"
|
|
height="16"
|
|
fill="currentColor"
|
|
viewBox="0 0 31 16"
|
|
>
|
|
<path
|
|
fill="#fff"
|
|
d="M30.207 3.016 16.744 14.983a1.496 1.496 0 0 1-1.974 0L1.307 3.016A1.496 1.496 0 0 1 3.28.772l12.476 11.085L28.233.772a1.496 1.496 0 1 1 1.974 2.244Z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="clients_wrapper"
|
|
_="on load wait 1s then get my children get sortByCount(it) then repeat for c in it call me.appendChild(c)"
|
|
>
|
|
{{range .Clients}}
|
|
<div
|
|
class="btn"
|
|
_="on load get localStorage['nj:{{.ID}}'] or 0 then set @count to it then set @title to `used ${it} times`
|
|
on click increment localStorage['nj:{{.ID}}']"
|
|
>
|
|
<a href="{{.URL}}"><span>Open in</span> {{.Name}}</a>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</aside>
|
|
|
|
<script>
|
|
function sortByCount(children) {
|
|
return Array.from(children).sort(
|
|
(a, b) =>
|
|
parseInt(b.getAttribute('count')) - parseInt(a.getAttribute('count'))
|
|
)
|
|
}
|
|
</script>
|