improve public table listing

pull/26/head
Ondřej Hruška 6 years ago
parent e81ab50e8c
commit 550cf30654
Signed by: MightyPork
GPG Key ID: 2C5FD5035250423D
  1. 29
      public/fonts/fa-dtbl-1-preview.html
  2. 7
      public/fonts/fa-dtbl-1.css
  3. BIN
      public/fonts/fa-dtbl-1.eot
  4. 12
      public/fonts/fa-dtbl-1.svg
  5. BIN
      public/fonts/fa-dtbl-1.ttf
  6. BIN
      public/fonts/fa-dtbl-1.woff2
  7. 2
      resources/views/greeter.blade.php
  8. 20
      resources/views/profile/_table-list.blade.php
  9. 2
      resources/views/profile/view.blade.php
  10. 2
      resources/views/table/view.blade.php
  11. 2
      resources/views/welcome.blade.php

@ -184,6 +184,7 @@
.fa-star-o:before, .fa-star-o:before,
.fa-table:before, .fa-table:before,
.fa-th-list:before, .fa-th-list:before,
.fa-user:before,
.fa-user-circle-o:before, .fa-user-circle-o:before,
.fa-user-plus:before, .fa-user-plus:before,
.fa-users:before { .fa-users:before {
@ -224,9 +225,10 @@
.fa-star-o:before { content: "\f114"; } .fa-star-o:before { content: "\f114"; }
.fa-table:before { content: "\f115"; } .fa-table:before { content: "\f115"; }
.fa-th-list:before { content: "\f116"; } .fa-th-list:before { content: "\f116"; }
.fa-user-circle-o:before { content: "\f117"; } .fa-user:before { content: "\f117"; }
.fa-user-plus:before { content: "\f118"; } .fa-user-circle-o:before { content: "\f118"; }
.fa-users:before { content: "\f119"; } .fa-user-plus:before { content: "\f119"; }
.fa-users:before { content: "\f11a"; }
</style> </style>
<!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@ -242,7 +244,7 @@
<body class="characters-off"> <body class="characters-off">
<div id="page" class="container"> <div id="page" class="container">
<header> <header>
<h1>fa-dtbl-1 contains 26 glyphs:</h1> <h1>fa-dtbl-1 contains 27 glyphs:</h1>
<a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a> <a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
</header> </header>
@ -548,6 +550,19 @@
</div> </div>
</div> </div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-user" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />
</div>
</div>
<div class="glyph"> <div class="glyph">
<div class="preview-glyphs"> <div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span> <span class="step size-12"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span>
@ -557,7 +572,7 @@
</div> </div>
<div class="usage"> <div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-user-circle-o" /> <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-user-circle-o" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" /> <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />
</div> </div>
</div> </div>
@ -570,7 +585,7 @@
</div> </div>
<div class="usage"> <div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-user-plus" /> <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-user-plus" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" /> <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
</div> </div>
</div> </div>
@ -583,7 +598,7 @@
</div> </div>
<div class="usage"> <div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-users" /> <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-users" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" /> <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />
</div> </div>
</div> </div>

@ -61,6 +61,7 @@
.fa-star-o::before { content: "\f114"; } .fa-star-o::before { content: "\f114"; }
.fa-table::before { content: "\f115"; } .fa-table::before { content: "\f115"; }
.fa-th-list::before { content: "\f116"; } .fa-th-list::before { content: "\f116"; }
.fa-user-circle-o::before { content: "\f117"; } .fa-user::before { content: "\f117"; }
.fa-user-plus::before { content: "\f118"; } .fa-user-circle-o::before { content: "\f118"; }
.fa-users::before { content: "\f119"; } .fa-user-plus::before { content: "\f119"; }
.fa-users::before { content: "\f11a"; }

Binary file not shown.

@ -5,7 +5,7 @@
--> -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata> <metadata>
Created by FontForge 20170805 at Sun Jul 29 11:26:42 2018 Created by FontForge 20170805 at Sun Jul 29 12:59:14 2018
By ondra By ondra
The Fork Awesome font is licensed under the SIL OFL 1.1 (http://scripts.sil.org/OFL). Fork Awesome is a fork based of off Font Awesome 4.7.0 by Dave Gandy. More info on licenses at https://forkawesome.github.io The Fork Awesome font is licensed under the SIL OFL 1.1 (http://scripts.sil.org/OFL). Fork Awesome is a fork based of off Font Awesome 4.7.0 by Dave Gandy. More info on licenses at https://forkawesome.github.io
</metadata> </metadata>
@ -22,7 +22,7 @@ The Fork Awesome font is licensed under the SIL OFL 1.1 (http://scripts.sil.org/
bbox="-0.14014 -256.168 2048 1536.01" bbox="-0.14014 -256.168 2048 1536.01"
underline-thickness="89.6" underline-thickness="89.6"
underline-position="-179.2" underline-position="-179.2"
unicode-range="U+0020-F119" unicode-range="U+0020-F11A"
/> />
<missing-glyph /> <missing-glyph />
<glyph glyph-name="space" unicode=" " horiz-adv-x="200" <glyph glyph-name="space" unicode=" " horiz-adv-x="200"
@ -114,14 +114,16 @@ h-1344c-88 0 -160 72 -160 160v1088c0 88 72 160 160 160h1344c88 0 160 -72 160 -16
d="M512 288v-192c0 -53 -43 -96 -96 -96h-320c-53 0 -96 43 -96 96v192c0 53 43 96 96 96h320c53 0 96 -43 96 -96zM512 800v-192c0 -53 -43 -96 -96 -96h-320c-53 0 -96 43 -96 96v192c0 53 43 96 96 96h320c53 0 96 -43 96 -96zM1792 288v-192c0 -53 -43 -96 -96 -96h-960 d="M512 288v-192c0 -53 -43 -96 -96 -96h-320c-53 0 -96 43 -96 96v192c0 53 43 96 96 96h320c53 0 96 -43 96 -96zM512 800v-192c0 -53 -43 -96 -96 -96h-320c-53 0 -96 43 -96 96v192c0 53 43 96 96 96h320c53 0 96 -43 96 -96zM1792 288v-192c0 -53 -43 -96 -96 -96h-960
c-53 0 -96 43 -96 96v192c0 53 43 96 96 96h960c53 0 96 -43 96 -96zM512 1312v-192c0 -53 -43 -96 -96 -96h-320c-53 0 -96 43 -96 96v192c0 53 43 96 96 96h320c53 0 96 -43 96 -96zM1792 800v-192c0 -53 -43 -96 -96 -96h-960c-53 0 -96 43 -96 96v192c0 53 43 96 96 96 c-53 0 -96 43 -96 96v192c0 53 43 96 96 96h960c53 0 96 -43 96 -96zM512 1312v-192c0 -53 -43 -96 -96 -96h-320c-53 0 -96 43 -96 96v192c0 53 43 96 96 96h320c53 0 96 -43 96 -96zM1792 800v-192c0 -53 -43 -96 -96 -96h-960c-53 0 -96 43 -96 96v192c0 53 43 96 96 96
h960c53 0 96 -43 96 -96zM1792 1312v-192c0 -53 -43 -96 -96 -96h-960c-53 0 -96 43 -96 96v192c0 53 43 96 96 96h960c53 0 96 -43 96 -96z" /> h960c53 0 96 -43 96 -96zM1792 1312v-192c0 -53 -43 -96 -96 -96h-960c-53 0 -96 43 -96 96v192c0 53 43 96 96 96h960c53 0 96 -43 96 -96z" />
<glyph glyph-name="user-circle-o" unicode="&#xf117;" horiz-adv-x="1792" <glyph glyph-name="user" unicode="&#xf117;" horiz-adv-x="1280"
d="M1280 137c0 -146 -96 -265 -213 -265h-854c-117 0 -213 119 -213 265c0 263 65 567 327 567c81 -79 191 -128 313 -128s232 49 313 128c262 0 327 -304 327 -567zM1024 1024c0 -212 -172 -384 -384 -384s-384 172 -384 384s172 384 384 384s384 -172 384 -384z" />
<glyph glyph-name="user-circle-o" unicode="&#xf118;" horiz-adv-x="1792"
d="M896 1536c495 0 896 -401 896 -896c0 -492 -399 -896 -896 -896c-496 0 -896 403 -896 896c0 495 401 896 896 896zM1515 185c93 128 149 285 149 455c0 423 -345 768 -768 768s-768 -345 -768 -768c0 -170 56 -327 149 -455c36 179 123 327 306 327 d="M896 1536c495 0 896 -401 896 -896c0 -492 -399 -896 -896 -896c-496 0 -896 403 -896 896c0 495 401 896 896 896zM1515 185c93 128 149 285 149 455c0 423 -345 768 -768 768s-768 -345 -768 -768c0 -170 56 -327 149 -455c36 179 123 327 306 327
c81 -79 191 -128 313 -128s232 49 313 128c183 0 270 -148 306 -327zM1280 832c0 -212 -172 -384 -384 -384s-384 172 -384 384s172 384 384 384s384 -172 384 -384z" /> c81 -79 191 -128 313 -128s232 49 313 128c183 0 270 -148 306 -327zM1280 832c0 -212 -172 -384 -384 -384s-384 172 -384 384s172 384 384 384s384 -172 384 -384z" />
<glyph glyph-name="user-plus" unicode="&#xf118;" horiz-adv-x="2048" <glyph glyph-name="user-plus" unicode="&#xf119;" horiz-adv-x="2048"
d="M704 640c-212 0 -384 172 -384 384s172 384 384 384s384 -172 384 -384s-172 -384 -384 -384zM1664 512h352c17 0 32 -15 32 -32v-192c0 -17 -15 -32 -32 -32h-352v-352c0 -17 -15 -32 -32 -32h-192c-17 0 -32 15 -32 32v352h-352c-17 0 -32 15 -32 32v192 d="M704 640c-212 0 -384 172 -384 384s172 384 384 384s384 -172 384 -384s-172 -384 -384 -384zM1664 512h352c17 0 32 -15 32 -32v-192c0 -17 -15 -32 -32 -32h-352v-352c0 -17 -15 -32 -32 -32h-192c-17 0 -32 15 -32 32v352h-352c-17 0 -32 15 -32 32v192
c0 17 15 32 32 32h352v352c0 17 15 32 32 32h192c17 0 32 -15 32 -32v-352zM928 288c0 -70 58 -128 128 -128h256v-238c-49 -36 -111 -50 -171 -50h-874c-160 0 -267 96 -267 259c0 226 53 573 346 573c16 0 27 -7 39 -17c98 -75 193 -122 319 -122s221 47 319 122 c0 17 15 32 32 32h352v352c0 17 15 32 32 32h192c17 0 32 -15 32 -32v-352zM928 288c0 -70 58 -128 128 -128h256v-238c-49 -36 -111 -50 -171 -50h-874c-160 0 -267 96 -267 259c0 226 53 573 346 573c16 0 27 -7 39 -17c98 -75 193 -122 319 -122s221 47 319 122
c12 10 23 17 39 17c85 0 160 -32 217 -96h-223c-70 0 -128 -58 -128 -128v-192z" /> c12 10 23 17 39 17c85 0 160 -32 217 -96h-223c-70 0 -128 -58 -128 -128v-192z" />
<glyph glyph-name="users" unicode="&#xf119;" horiz-adv-x="1920" <glyph glyph-name="users" unicode="&#xf11a;" horiz-adv-x="1920"
d="M593 640c-104 -3 -198 -48 -265 -128h-134c-100 0 -194 48 -194 159c0 81 -3 353 124 353c21 0 125 -85 260 -85c46 0 90 8 133 23c-3 -22 -5 -44 -5 -66c0 -91 29 -181 81 -256zM1664 3c0 -162 -107 -259 -267 -259h-874c-160 0 -267 97 -267 259c0 226 53 573 346 573 d="M593 640c-104 -3 -198 -48 -265 -128h-134c-100 0 -194 48 -194 159c0 81 -3 353 124 353c21 0 125 -85 260 -85c46 0 90 8 133 23c-3 -22 -5 -44 -5 -66c0 -91 29 -181 81 -256zM1664 3c0 -162 -107 -259 -267 -259h-874c-160 0 -267 97 -267 259c0 226 53 573 346 573
c34 0 158 -139 358 -139s324 139 358 139c293 0 346 -347 346 -573zM640 1280c0 -141 -115 -256 -256 -256s-256 115 -256 256s115 256 256 256s256 -115 256 -256zM1344 896c0 -212 -172 -384 -384 -384s-384 172 -384 384s172 384 384 384s384 -172 384 -384zM1920 671 c34 0 158 -139 358 -139s324 139 358 139c293 0 346 -347 346 -573zM640 1280c0 -141 -115 -256 -256 -256s-256 115 -256 256s115 256 256 256s256 -115 256 -256zM1344 896c0 -212 -172 -384 -384 -384s-384 172 -384 384s172 384 384 384s384 -172 384 -384zM1920 671
c0 -111 -94 -159 -194 -159h-134c-67 80 -161 125 -265 128c52 75 81 165 81 256c0 22 -2 44 -5 66c43 -15 87 -23 133 -23c135 0 239 85 260 85c127 0 124 -272 124 -353zM1792 1280c0 -141 -115 -256 -256 -256s-256 115 -256 256s115 256 256 256s256 -115 256 -256z" /> c0 -111 -94 -159 -194 -159h-134c-67 80 -161 125 -265 128c52 75 81 165 81 256c0 22 -2 44 -5 66c43 -15 87 -23 133 -23c135 0 239 85 260 85c127 0 124 -272 124 -353zM1792 1280c0 -141 -115 -256 -256 -256s-256 115 -256 256s115 256 256 256s256 -115 256 -256z" />

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Binary file not shown.

@ -21,7 +21,7 @@
@guest @guest
<p> <p>
The table directory is open to anyone, and can be used without login. However, The directory is open to anyone, and can be used without login. However,
you will miss out on some features, like the ability to create or edit tables, you will miss out on some features, like the ability to create or edit tables,
post comments, or save export presets. You can <a href="/register">register</a> using post comments, or save export presets. You can <a href="/register">register</a> using
your e-mail and a password, or through <a href="{{route('oauth-google-authorize')}}">Google</a>, your e-mail and a password, or through <a href="{{route('oauth-google-authorize')}}">Google</a>,

@ -1,3 +1,7 @@
@php
if (!isset($showAuthors)) $showAuthors = false;
@endphp
<div class="list-group list-group-flush"> <div class="list-group list-group-flush">
@if(count($tables) == 0) @if(count($tables) == 0)
<span class="list-group-item">No tables yet.</span> <span class="list-group-item">No tables yet.</span>
@ -11,11 +15,13 @@
@endphp @endphp
<a class="list-group-item list-group-item-action" <a class="list-group-item list-group-item-action"
href="{{$table->viewPage}}"> href="{{$table->viewPage}}">
<span class="d-block row">{{-- this must be span so that Lynx includes the table name in the anchor --}} <span class="row">{{-- this must be span so that Lynx includes the table name in the anchor --}}
<div class="d-inline-block col-7"> <span class="d-block col-7 flex-grow-1">
@icon(fa-table fa-pr){{ $table->title }} @icon(fa-table fa-pr){!!
</div>{{-- $showAuthors ? (e($table->owner->handle) . '<span class="px-1">/</span>') : ''
--}}<div class="d-inline-block col-5 small text-right">{{-- !!}<b>{{ $table->title }}</b>
</span>{{--
--}}<div class="d-block col-5 small text-right">{{--
--}}<span title="Visits" class="d-inline-block" style="min-width: 60px;"> --}}<span title="Visits" class="d-inline-block" style="min-width: 60px;">
{{ $table->visits }}@icon(fa-eye fa-pl, ~Visits~~) {{ $table->visits }}@icon(fa-eye fa-pl, ~Visits~~)
</span>{{-- </span>{{--
@ -35,12 +41,12 @@
</div> </div>
</span> </span>
<div class="d-block small row"> <div class="small row">
<div class="d-inline-block col-8"> <div class="d-inline-block col-8">
@sr(Description:~){{ ellipsis($table->description, 215) }} @sr(Description:~){{ ellipsis($table->description, 215) }}
</div>{{-- </div>{{--
--}}<div class="d-inline-block col-4 text-right text-muted"> --}}<div class="d-inline-block col-4 text-right text-muted">
Last change {{ $table->updated_at->diffForHumans() }} Last change {{ $table->updated_at->diffForHumans() }}@icon(fa-history fa-pl, sr:Owner)
</div> </div>
</div> </div>
</a> </a>

@ -46,7 +46,7 @@
<tr> <tr>
<td class="text-center pr-2">@icon(fa-vcard-o, User's handle:)</td> <td class="text-center pr-2">@icon(fa-vcard-o, User's handle:)</td>
<td><a href="{{ route('profile.view', $user->name) }}">{{ $user->handle }}</a></td> <td>{{ $user->handle }}</td>
</tr> </tr>
<tr> <tr>

@ -12,7 +12,7 @@
<small class="flex-grow-1" style="font-size: 120%;"> <small class="flex-grow-1" style="font-size: 120%;">
<a href="{{route('profile.view', $table->owner->name)}}" class="link-no-color">{{ $table->owner->handle }}</a>{{-- <a href="{{route('profile.view', $table->owner->name)}}" class="link-no-color">{{ $table->owner->handle }}</a>{{--
--}}<span class="px-1">/</span>{{-- --}}<span class="px-1">/</span>{{--
--}}{{ $table->name }} --}}<b>{{ $table->name }}</b>
</small> </small>
<h1 class="mx-3">{{ $table->title }}</h1> <h1 class="mx-3">{{ $table->title }}</h1>

@ -46,7 +46,7 @@
</nav> </nav>
</div> </div>
@include('profile._table-list') @include('profile._table-list', ['showAuthors' => true])
</div> </div>
</div> </div>
</div> </div>

Loading…
Cancel
Save