Fix vue component

milanarandjelovic · Apr 6, 2017 · bf5cf01 · bf5cf01
1 parent 7377d2a
commit bf5cf01
Show file tree

Hide file tree

Showing 13 changed files with 1,171 additions and 1,138 deletions.
diff --git a/public/js/app.js b/public/js/app.js
diff --git a/resources/assets/js/vuejs/components/admin/Channel.vue b/resources/assets/js/vuejs/components/admin/Channel.vue
@@ -61,8 +61,7 @@
                             class="form-control description"
                             v-model="form.description"
                             rows="6"
-                          >
-                          </textarea>
+                          ></textarea>
                           <div v-if="form.errors.has('description')" class="form-error-message">
                             <p class="text-danger">{{ form.errors.get('description') }}</p>
                           </div>
@@ -159,8 +158,7 @@
                         class="form-control description"
                         v-model="form.description"
                         rows="6"
-                      >
-                      </textarea>
+                      ></textarea>
                         <div v-if="form.errors.has('description')" class="form-error-message">
                           <p class="text-danger">{{ form.errors.get('description') }}</p>
                         </div>

diff --git a/resources/assets/js/vuejs/components/admin/dashboard/Activitylog.vue b/resources/assets/js/vuejs/components/admin/dashboard/Activitylog.vue
@@ -60,7 +60,7 @@
 </template>
 
 <script>
-  import Spinner  from './../common/Spinner.vue'
+  import Spinner  from './../../common/Spinner.vue'
 
   export default {
     name: 'activity-log',
@@ -89,7 +89,6 @@
       getAllActivities () {
         axios.get('/api/admin/activities')
           .then((response) => {
-            console.log(response)
             this.activities = response.data
           })
           .catch((error) => {

diff --git a/resources/assets/js/vuejs/components/common/Pagination.vue b/resources/assets/js/vuejs/components/common/Pagination.vue
@@ -9,8 +9,8 @@
         <a data-page="prev" @click.prevent="changePage(pagination.current_page - 1)">‹</a>
       </li>
       <li v-for="page in pagination.last_page"
-          class="paginate_button"
-          :class="page == pagination.current_page ? 'active': ''"
+        class="paginate_button"
+        :class="page == pagination.current_page ? 'active': ''"
       >
         <a @click.prevent="changePage(page)">{{ page }}</a>
       </li>
@@ -22,41 +22,47 @@
       </li>
     </ul>
 
-  </div>
+  </div> <!-- /#pagination -->
 </template>
+
 <script>
   export default{
     name: 'pagination',
     data(){
       return{
       }
-    },
-
-     props: {
-        pagination: {
-          type: Object,
-          required: true
-        },
-        callback: {
-          type: Function,
-          required: true
-        },
-        size: {
-          type: String,
-          default: ""
-        },
-        navClass: {
-          type: String,
-          default: ""
-        },
-        offset: {
-          type: Number,
-          default: 4
-        },
-        visible: {
-          type: Number,
-          default: 1
-        }
+    }, // data()
+
+    props: {
+      pagination: {
+        type: Object,
+        required: true
+      },
+
+      callback: {
+        type: Function,
+        required: true
+      },
+
+      size: {
+        type: String,
+        default: ""
+      },
+
+      navClass: {
+        type: String,
+        default: ""
+      },
+
+      offset: {
+        type: Number,
+        default: 4
+      },
+
+      visible: {
+        type: Number,
+        default: 1
+      }
     }, // props
 
     computed: {
@@ -102,4 +108,4 @@
       }
     } // methods
   }
-</script>
+</script>
diff --git a/resources/assets/js/vuejs/components/common/Spinner.vue b/resources/assets/js/vuejs/components/common/Spinner.vue
@@ -1,8 +1,8 @@
 <template>
     <div id="spinner" v-show="loading">
-        <div class="center-block" :style="spinnerStyle">
-            <i class="fa fa-cog fa-spin fa-5x fa-fw"></i>
-        </div>
+      <div class="center-block" :style="spinnerStyle">
+        <i class="fa fa-cog fa-spin fa-5x fa-fw"></i>
+      </div>
     </div>
 </template>
 

diff --git a/resources/assets/js/vuejs/components/forum/DiscussionComments.vue b/resources/assets/js/vuejs/components/forum/DiscussionComments.vue
@@ -22,22 +22,24 @@
         <div v-if="$root.laraForum.authenticated == 'true'">
           <div class="social-comment">
             <a :href="'/@' + $root.laraForum.username" class="pull-left">
-              <img :src="$root.laraForum.avatar" alt="$root.laraForum.username + 'avatar'"
-                   class="img-responsive"
+              <img
+                :src="$root.laraForum.avatar"
+                alt="$root.laraForum.username + 'avatar'"
+                class="img-responsive"
               >
             </a>
             <div class="media-body">
               <div class="form-group">
-            <textarea class="form-control comment"
-                      rows="8"
-                      placeholder="Write comment..."
-                      name="description"
-                      v-model="description"
-            ></textarea>
+                <textarea class="form-control comment"
+                  rows="8"
+                  placeholder="Write comment..."
+                  name="description"
+                  v-model="description"
+                ></textarea>
               </div> <!-- /.form-group -->
               <div class="form-group">
                 <a class="btn btn-primary pull-right"
-                   @click.prevent="createComment"
+                  @click.prevent="createComment"
                 >
                   Post Your Reply
                 </a>
@@ -62,6 +64,7 @@
 
   export default {
     name: 'discussion-comments',
+
     data () {
       return {
         comments: [],
@@ -107,4 +110,4 @@
   textarea.comment {
     resize: none;
   }
-</style>
+</style>