improve public table listing

6 years ago · 550cf30654
parent e81ab50e8c
commit 550cf30654
11 changed files with 54 additions and 30 deletions
--- a/public/fonts/fa-dtbl-1-preview.html
+++ b/public/fonts/fa-dtbl-1-preview.html
@ -184,6 +184,7 @@
 .fa-star-o:before,
 .fa-table:before,
 .fa-th-list:before,
 .fa-user:before,
 .fa-user-circle-o:before,
 .fa-user-plus:before,
 .fa-users:before {
@ -224,9 +225,10 @@
 .fa-star-o:before { content: "\f114"; }
 .fa-table:before { content: "\f115"; }
 .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>
    <!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@ -242,7 +244,7 @@
  <body class="characters-off">
    <div id="page" class="container">
      <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>
      </header>
@ -548,6 +550,19 @@
        </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="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>
@ -557,7 +572,7 @@
        </div>
        <div class="usage">
          <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>
@ -570,7 +585,7 @@
        </div>
        <div class="usage">
          <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>
@ -583,7 +598,7 @@
        </div>
        <div class="usage">
          <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>
--- a/public/fonts/fa-dtbl-1.css
+++ b/public/fonts/fa-dtbl-1.css
@ -61,6 +61,7 @@
 .fa-star-o::before { content: "\f114"; }
 .fa-table::before { content: "\f115"; }
 .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"; }
--- a/public/fonts/fa-dtbl-1.eot
+++ b/public/fonts/fa-dtbl-1.eot
--- a/public/fonts/fa-dtbl-1.svg
+++ b/public/fonts/fa-dtbl-1.svg
@ -5,7 +5,7 @@
 -->
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
 <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
 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>
@ -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"
    underline-thickness="89.6"
    underline-position="-179.2"
-    unicode-range="U+0020-F119"
+    unicode-range="U+0020-F11A"
  />
    <missing-glyph />
    <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
 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" />
-    <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
 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
 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" />
-    <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
 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" />
--- a/public/fonts/fa-dtbl-1.ttf
+++ b/public/fonts/fa-dtbl-1.ttf
--- a/public/fonts/fa-dtbl-1.woff2
+++ b/public/fonts/fa-dtbl-1.woff2
--- a/resources/views/greeter.blade.php
+++ b/resources/views/greeter.blade.php
@ -21,7 +21,7 @@
        @guest
        <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,
          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>,
--- a/resources/views/profile/_table-list.blade.php
+++ b/resources/views/profile/_table-list.blade.php
@ -1,3 +1,7 @@
@php
  if (!isset($showAuthors)) $showAuthors = false;
@endphp
 <div class="list-group list-group-flush">
  @if(count($tables) == 0)
    <span class="list-group-item">No tables yet.</span>
@ -11,11 +15,13 @@
      @endphp
      <a class="list-group-item list-group-item-action"
         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;">
              {{ $table->visits }}@icon(fa-eye fa-pl, ~Visits~~)
            </span>{{--
@ -35,12 +41,12 @@
          </div>
        </span>
-        <div class="d-block small row">
+        <div class="small row">
          <div class="d-inline-block col-8">
            @sr(Description:~){{ ellipsis($table->description, 215) }}
          </div>{{--
      --}}<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>
      </a>
--- a/resources/views/profile/view.blade.php
+++ b/resources/views/profile/view.blade.php
@ -46,7 +46,7 @@
            <tr>
              <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>
--- a/resources/views/table/view.blade.php
+++ b/resources/views/table/view.blade.php
@ -12,7 +12,7 @@
      <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>{{--
        --}}<span class="px-1">/</span>{{--
-        --}}{{ $table->name }}
+        --}}<b>{{ $table->name }}</b>
      </small>
      <h1 class="mx-3">{{ $table->title }}</h1>
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@ -46,7 +46,7 @@
          </nav>
        </div>
-        @include('profile._table-list')
+        @include('profile._table-list', ['showAuthors' => true])
      </div>
    </div>
  </div>