From 0d5f15614e671b7facda00b22434076be4afe63f Mon Sep 17 00:00:00 2001
From: Anton Romanov <romanov73@gmail.com>
Date: Tue, 30 Apr 2019 19:12:32 +0400
Subject: [PATCH] #add paper navigation

---
 .../resources/static/papers/paper-list.vue    | 19 ++++++++++------
 .../static/papers/paper-navigation.vue        | 22 +++++++++++++++++++
 2 files changed, 34 insertions(+), 7 deletions(-)
 create mode 100644 src/main/resources/static/papers/paper-navigation.vue

diff --git a/src/main/resources/static/papers/paper-list.vue b/src/main/resources/static/papers/paper-list.vue
index ad6a627..17423ce 100644
--- a/src/main/resources/static/papers/paper-list.vue
+++ b/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 {
diff --git a/src/main/resources/static/papers/paper-navigation.vue b/src/main/resources/static/papers/paper-navigation.vue
new file mode 100644
index 0000000..2c4f847
--- /dev/null
+++ b/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>