diff options
| author | Daniel Friesel <derf@finalrewind.org> | 2019-05-06 18:07:53 +0200 |
|---|---|---|
| committer | Daniel Friesel <derf@finalrewind.org> | 2019-05-06 18:07:53 +0200 |
| commit | 18df44cc717d27b98690cef86de8bee4253330eb (patch) | |
| tree | 2b4fcd4c4336900471326ccd440d905a04998939 /templates/layouts | |
| parent | 2ddab756440333fb42a9813df87b978a82e490d2 (diff) | |
add loading indicator to nav
Diffstat (limited to 'templates/layouts')
| -rw-r--r-- | templates/layouts/default.html.ep | 19 |
1 files changed, 17 insertions, 2 deletions
diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep index e52174d..934a84b 100644 --- a/templates/layouts/default.html.ep +++ b/templates/layouts/default.html.ep @@ -9,7 +9,7 @@ <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-title" content="Weather PWA"> - % my $av = 'v13'; # asset version + % my $av = 'v14'; # asset version <link rel="apple-touch-icon" href="/static/<%= $av %>/icons/icon-152x152.png"> <link rel="manifest" href="/static/<%= $av %>/manifest.json"> %= stylesheet "/static/${av}/css/materialize.min.css" @@ -31,11 +31,26 @@ <div class="nav-wrapper container"> <a href="/" class="brand-logo left">travelynx</a> <ul id="nav-mobile" class="right"> + <li class="loading"> + <div class="preloader-wrapper small" style="margin-top: 0.5em; margin-bottom: -1em;"> + <div class="spinner-layer spinner-blue-only"> + <div class="circle-clipper left"> + <div class="circle"></div> + </div><div class="gap-patch"> + <div class="circle"></div> + </div><div class="circle-clipper right"> + <div class="circle"></div> + </div> + </div> + </div> + </li> % if (is_user_authenticated()) { <li class="<%= navbar_class('/history') %>"><a href='/history' title="History"><i class="material-icons">history</i></a></li> <li class="<%= navbar_class('/account') %>"><a href="/account" title="Account"><i class="material-icons">account_circle</i></a></li> % } - <li class="<%= navbar_class('/about') %>"><a href='/about' title="About"><i class="material-icons">info_outline</i></a></li> + % else { + <li class="<%= navbar_class('/about') %>"><a href='/about' title="About"><i class="material-icons">info_outline</i></a></li> + % } </ul> </div> </nav> |