#add paper navigation

src/main/resources/static/papers/paper-list.vue

@@ -1,10 +1,14 @@
 <template>
-    <div class="row">
-        <div class="col-md-9 col-sm-12">
-            <paper-item v-for="paper in papers"
-                        :key="paper.id"
-                        :paper="paper">
-            </paper-item>
+    <div>
+        <paper-navigation>
+        </paper-navigation>
+        <div class="row">
+            <div class="col-md-9 col-sm-12">
+                <paper-item v-for="paper in papers"
+                            :key="paper.id"
+                            :paper="paper">
+                </paper-item>
+            </div>
         </div>
     </div>
 </template>
@@ -12,7 +16,8 @@
 <script>
     module.exports = {
         components: {
-            "paper-item": httpVueLoaderEx("/papers/paper-item.vue")
+            "paper-item": httpVueLoaderEx("/papers/paper-item.vue"),
+            "paper-navigation": httpVueLoaderEx("/papers/paper-navigation.vue"),
         },
         data: function () {
             return {

src/main/resources/static/papers/paper-navigation.vue

@@ -0,0 +1,22 @@
+<template>
+    <div class="row justify-content-center">
+        <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3">
+            <router-link to="/papers/papers" class="btn btn-light toolbar-button"><i class="fa fa-list-alt"></i>
+                Список
+            </router-link>
+        </div>
+        <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3">
+            <router-link to="/papers/dashboard" class="btn btn-light toolbar-button"><i class="fa fa-newspaper-o"
+                                                                                 aria-hidden="true"></i> Панель
+                управления
+            </router-link>
+        </div>
+
+        <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3">
+            <router-link to="/papers/paper?id=0" class="btn btn-light toolbar-button"><i class="fa fa-plus-circle"
+                                                                                  aria-hidden="true"></i>
+                Добавить статью
+            </router-link>
+        </div>
+    </div>
+</template>