massive use of unpoly up-follow let's see what happens :-)

Author: philippejadin

public/css/app.css

@@ -179,6 +179,8 @@ up.compiler('.spinner', function(element) {
 	hide()
 });
 
+up.proxy.config.slowDelay=3
+
 /*
 - add a tags class to select to enable selectize on it
 - add data-allow-new-tags to allow the creation of new tags

public/js/compilers.js

@@ -1,11 +1,12 @@
 .spinner
 {
-  left: 50%;
-  transform: translateX(-50%);
+  /*left: 50%;*/
+  /*transform: translateX(-50%);*/
   top:0;
-  padding: 1rem;
-  margin: 1rem;
-  border-radius: 5px;
+  padding: 1.5rem;
+  margin: auto;
+  width: 100%;
+
   background-color: #adbcdc;
   color: #000;
   display: none;

resources/sass/spinner.scss

@@ -13,7 +13,7 @@
 
 
     <div class="name mr-2">
-      <a href="{{ route('groups.actions.show', [$action->group, $action]) }}">
+      <a up-follow href="{{ route('groups.actions.show', [$action->group, $action]) }}">
         {{ $action->name }}
       </a>
     </div>
@@ -33,7 +33,7 @@
 
     <br/>
     <div class="group-name">
-      <a href="{{ route('groups.show', [$action->group_id]) }}">
+      <a up-follow href="{{ route('groups.show', [$action->group_id]) }}">
         <span class="badge badge-secondary">
           @if ($action->group->isOpen())
             <i class="fa fa-globe" title="{{trans('group.open')}}"></i>

resources/views/actions/action.blade.php

@@ -15,7 +15,7 @@
 </p>
   @endforeach
 
-<a href="{{route('groups.actions.show', [$group, $action])}}" class="btn btn-primary">{{trans('messages.back_to')}} "{{$action->name}}"</a>
+<a up-follow href="{{route('groups.actions.show', [$group, $action])}}" class="btn btn-primary">{{trans('messages.back_to')}} "{{$action->name}}"</a>
 
 </div>
 

resources/views/actions/history.blade.php

@@ -10,8 +10,8 @@
 
             <div class="mb-2">
                 <div class="btn-group" role="group">
-                    <a href="?type=grid" class="btn btn-outline-primary"><i class="fa fa-calendar"></i> {{trans('messages.grid')}}</a>
-                    <a href="?type=list" class="btn btn-primary"><i class="fa fa-list"></i> {{trans('messages.list')}}</a>
+                    <a up-follow href="?type=grid" class="btn btn-outline-primary"><i class="fa fa-calendar"></i> {{trans('messages.grid')}}</a>
+                    <a up-follow href="?type=list" class="btn btn-primary"><i class="fa fa-list"></i> {{trans('messages.list')}}</a>
                 </div>
             </div>
 

resources/views/actions/index-list.blade.php

@@ -10,8 +10,8 @@
             <div class="toolbox d-md-flex mb-4">
                 <div class="mb-2">
                     <div class="btn-group" role="group">
-                        <a href="?type=grid" class="btn btn-primary"><i class="fa fa-calendar"></i> {{trans('messages.grid')}}</a>
-                        <a href="?type=list" class="btn btn-outline-primary"><i class="fa fa-list"></i> {{trans('messages.list')}}</a>
+                        <a up-follow href="?type=grid" class="btn btn-primary"><i class="fa fa-calendar"></i> {{trans('messages.grid')}}</a>
+                        <a up-follow href="?type=list" class="btn btn-outline-primary"><i class="fa fa-list"></i> {{trans('messages.list')}}</a>
                     </div>
                 </div>
 

resources/views/actions/index.blade.php

@@ -44,11 +44,11 @@
     <div class="meta mb-3">
       {{trans('messages.started_by')}}
       <span class="user">
-        <a href="{{ route('users.show', [$action->user]) }}">{{ $action->user->name}}</a>
+        <a up-follow href="{{ route('users.show', [$action->user]) }}">{{ $action->user->name}}</a>
       </span>
       {{trans('messages.in')}}
       <strong>
-        <a href="{{ route('groups.show', [$action->group]) }}">{{ $action->group->name}}</a>
+        <a up-follow href="{{ route('groups.show', [$action->group]) }}">{{ $action->group->name}}</a>
       </strong>
       {{ $action->created_at->diffForHumans()}}
     </div>

resources/views/actions/show.blade.php

@@ -29,19 +29,19 @@
                 @foreach( $users as $user )
                     <tr>
                         <td>
-                            <a href="{{ route('users.show', $user) }}"> {{ $user->name }}</a>
+                            <a up-follow href="{{ route('users.show', $user) }}"> {{ $user->name }}</a>
                         </td>
 
                         <td style="max-width: 150px; overflow: hidden;text-overflow: ellipsis;">
-                            <a href="{{ route('users.show', $user) }}"> {{ $user->email }}</a>
+                            <a up-follow href="{{ route('users.show', $user) }}"> {{ $user->email }}</a>
                         </td>
 
                         <td data-order="{{ $user->created_at }}">
-                            <a href="{{ route('users.show', $user) }}">{{ $user->created_at }}</a>
+                            <a up-follow href="{{ route('users.show', $user) }}">{{ $user->created_at }}</a>
                         </td>
 
                         <td data-order="{{ $user->updated_at }}">
-                            <a href="{{ route('users.show', $user) }}">{{ $user->updated_at }}</a>
+                            <a up-follow href="{{ route('users.show', $user) }}">{{ $user->updated_at }}</a>
                         </td>
 
                         <td style="max-width: 50px; overflow: hidden;text-overflow: ellipsis;">

resources/views/admin/groupadmins/index.blade.php

@@ -123,7 +123,7 @@
 
             <div class="alert alert-danger" role="alert">
               This feature is now enabled in your .env file!
-              <a href="https://dos.agorakit.org">Read the docs</a> to understand this feature and how to configure/upgrade it.
+              <a up-follow href="https://dos.agorakit.org">Read the docs</a> to understand this feature and how to configure/upgrade it.
             </div>