@burh/nuxt-core 1.0.18 → 1.0.20

package/components/widgets/CalendarWidget.vue

@@ -1,119 +1,119 @@
-<template>
-  <div class="card widget-calendar">
-    <div class="card-header">
-      <div class="h5 text-muted mb-1 widget-calendar-year">{{year}}</div>
-      <div class="h3 mb-0 widget-calendar-day">{{today}}</div>
-    </div>
-
-    <div class="card-body">
-      <full-calendar :events="events"
-                     :plugins="calendarPlugins"
-                     :editable="true"
-                     defaultDate="2018-12-01"
-                     contentHeight="auto"
-                     :theme="false"
-                     ref="fullCalendar"
-                     :defaultView="defaultView">
-      </full-calendar>
-    </div>
-  </div>
-</template>
-<script>
-  import FullCalendar from '@fullcalendar/vue'
-  import dayGridPlugin from '@fullcalendar/daygrid'
-  import timeGridPlugin from '@fullcalendar/timegrid'
-  import interactionPlugin from '@fullcalendar/interaction'
-  import format from 'date-fns/format'
-
-  const today = new Date();
-  export default {
-    name: 'calendar',
-    components: {
-      FullCalendar
-    },
-    data() {
-      return {
-        calendarPlugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
-        defaultView: 'dayGridMonth',
-        year: today.getFullYear(),
-        today: format(today, 'dddd, MMM DD'),
-        events: [
-
-          {
-            title: 'Call with Dave',
-            start: '2018-11-18',
-            end: '2018-11-18',
-            className: 'bg-red'
-          },
-
-          {
-            title: 'Lunch meeting',
-            start: '2018-11-21',
-            end: '2018-11-22',
-            className: 'bg-orange'
-          },
-
-          {
-            title: 'All day conference',
-            start: '2018-11-29',
-            end: '2018-11-29',
-            className: 'bg-green'
-          },
-
-          {
-            title: 'Meeting with Mary',
-            start: '2018-12-01',
-            end: '2018-12-01',
-            className: 'bg-blue'
-          },
-
-          {
-            title: 'Winter Hackaton',
-            start: '2018-12-03',
-            end: '2018-12-03',
-            className: 'bg-red'
-          },
-
-          {
-            title: 'Digital event',
-            start: '2018-12-07',
-            end: '2018-12-09',
-            className: 'bg-warning'
-          },
-
-          {
-            title: 'Marketing event',
-            start: '2018-12-10',
-            end: '2018-12-10',
-            className: 'bg-purple'
-          },
-
-          {
-            title: 'Dinner with Family',
-            start: '2018-12-19',
-            end: '2018-12-19',
-            className: 'bg-red'
-          },
-
-          {
-            title: 'Black Friday',
-            start: '2018-12-23',
-            end: '2018-12-23',
-            className: 'bg-blue'
-          },
-
-          {
-            title: 'Cyber Week',
-            start: '2018-12-02',
-            end: '2018-12-02',
-            className: 'bg-yellow'
-          },
-        ],
-      };
-    }
-  };
-</script>
-<style lang="scss">
-  @import "@fullcalendar/core/main.css";
-  @import "@/assets/sass/core/vendors/_fullcalendar.scss";
-</style>
+<template>
+  <div class="card widget-calendar">
+    <div class="card-header">
+      <div class="h5 text-muted mb-1 widget-calendar-year">{{year}}</div>
+      <div class="h3 mb-0 widget-calendar-day">{{today}}</div>
+    </div>
+
+    <div class="card-body">
+      <full-calendar :events="events"
+                     :plugins="calendarPlugins"
+                     :editable="true"
+                     defaultDate="2018-12-01"
+                     contentHeight="auto"
+                     :theme="false"
+                     ref="fullCalendar"
+                     :defaultView="defaultView">
+      </full-calendar>
+    </div>
+  </div>
+</template>
+<script>
+  import FullCalendar from '@fullcalendar/vue'
+  import dayGridPlugin from '@fullcalendar/daygrid'
+  import timeGridPlugin from '@fullcalendar/timegrid'
+  import interactionPlugin from '@fullcalendar/interaction'
+  import format from 'date-fns/format'
+
+  const today = new Date();
+  export default {
+    name: 'calendar',
+    components: {
+      FullCalendar
+    },
+    data() {
+      return {
+        calendarPlugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
+        defaultView: 'dayGridMonth',
+        year: today.getFullYear(),
+        today: format(today, 'dddd, MMM DD'),
+        events: [
+
+          {
+            title: 'Call with Dave',
+            start: '2018-11-18',
+            end: '2018-11-18',
+            className: 'bg-red'
+          },
+
+          {
+            title: 'Lunch meeting',
+            start: '2018-11-21',
+            end: '2018-11-22',
+            className: 'bg-orange'
+          },
+
+          {
+            title: 'All day conference',
+            start: '2018-11-29',
+            end: '2018-11-29',
+            className: 'bg-green'
+          },
+
+          {
+            title: 'Meeting with Mary',
+            start: '2018-12-01',
+            end: '2018-12-01',
+            className: 'bg-blue'
+          },
+
+          {
+            title: 'Winter Hackaton',
+            start: '2018-12-03',
+            end: '2018-12-03',
+            className: 'bg-red'
+          },
+
+          {
+            title: 'Digital event',
+            start: '2018-12-07',
+            end: '2018-12-09',
+            className: 'bg-warning'
+          },
+
+          {
+            title: 'Marketing event',
+            start: '2018-12-10',
+            end: '2018-12-10',
+            className: 'bg-purple'
+          },
+
+          {
+            title: 'Dinner with Family',
+            start: '2018-12-19',
+            end: '2018-12-19',
+            className: 'bg-red'
+          },
+
+          {
+            title: 'Black Friday',
+            start: '2018-12-23',
+            end: '2018-12-23',
+            className: 'bg-blue'
+          },
+
+          {
+            title: 'Cyber Week',
+            start: '2018-12-02',
+            end: '2018-12-02',
+            className: 'bg-yellow'
+          },
+        ],
+      };
+    }
+  };
+</script>
+<style lang="scss">
+  @import "@fullcalendar/core/main.css";
+  @import "@/assets/sass/core/vendors/_fullcalendar.scss";
+</style>

package/components/widgets/CreditCard.vue

@@ -1,66 +1,66 @@
-<template>
-    <card type="gradient-primary">
-        <div class="row justify-content-between align-items-center">
-            <div class="col">
-                <img src="img/icons/cards/mastercard.png" alt="Image placeholder">
-            </div>
-            <div class="col-auto">
-                <div class="d-flex align-items-center">
-                    <small class="text-white font-weight-bold mr-3">Make default</small>
-                    <div>
-                        <base-switch type="white" v-model="creditCard.default"></base-switch>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="mt-4">
-            <form role="form" class="form-primary">
-                <base-input prepend-icon="ni ni-single-02"
-                            class="input-group-alternative mb-3"
-                            placeholder="Name on card"
-                            v-model="creditCard.name">
-                </base-input>
-
-                <base-input prepend-icon="ni ni-credit-card"
-                            class="input-group-alternative mb-3"
-                            placeholder="Card number"
-                            v-model="creditCard.cardNumber">
-                </base-input>
-                <div class="row">
-                    <div class="col-6">
-
-                        <base-input prepend-icon="ni ni-calendar-grid-58"
-                                    class="input-group-alternative mb-3"
-                                    placeholder="MM/YY"
-                                    v-model="creditCard.expire">
-                        </base-input>
-                    </div>
-                    <div class="col-6">
-                        <base-input prepend-icon="ni ni-lock-circle-open"
-                                    class="input-group-alternative mb-3"
-                                    placeholder="CCV"
-                                    v-model="creditCard.ccv">
-                        </base-input>
-                    </div>
-                </div>
-                <base-button type="info" block>Save new card</base-button>
-            </form>
-        </div>
-    </card>
-</template>
-<script>
-  export default {
-    name: 'master-card',
-    data() {
-      return {
-        creditCard: {
-          default: true,
-          name: '',
-          cardNumber: '',
-          expire: '',
-          ccv: ''
-        }
-      }
-    }
-  }
-</script>
+<template>
+    <card type="gradient-primary">
+        <div class="row justify-content-between align-items-center">
+            <div class="col">
+                <img src="img/icons/cards/mastercard.png" alt="Image placeholder">
+            </div>
+            <div class="col-auto">
+                <div class="d-flex align-items-center">
+                    <small class="text-white font-weight-bold mr-3">Make default</small>
+                    <div>
+                        <base-switch type="white" v-model="creditCard.default"></base-switch>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="mt-4">
+            <form role="form" class="form-primary">
+                <base-input prepend-icon="ni ni-single-02"
+                            class="input-group-alternative mb-3"
+                            placeholder="Name on card"
+                            v-model="creditCard.name">
+                </base-input>
+
+                <base-input prepend-icon="ni ni-credit-card"
+                            class="input-group-alternative mb-3"
+                            placeholder="Card number"
+                            v-model="creditCard.cardNumber">
+                </base-input>
+                <div class="row">
+                    <div class="col-6">
+
+                        <base-input prepend-icon="ni ni-calendar-grid-58"
+                                    class="input-group-alternative mb-3"
+                                    placeholder="MM/YY"
+                                    v-model="creditCard.expire">
+                        </base-input>
+                    </div>
+                    <div class="col-6">
+                        <base-input prepend-icon="ni ni-lock-circle-open"
+                                    class="input-group-alternative mb-3"
+                                    placeholder="CCV"
+                                    v-model="creditCard.ccv">
+                        </base-input>
+                    </div>
+                </div>
+                <base-button type="info" block>Save new card</base-button>
+            </form>
+        </div>
+    </card>
+</template>
+<script>
+  export default {
+    name: 'master-card',
+    data() {
+      return {
+        creditCard: {
+          default: true,
+          name: '',
+          cardNumber: '',
+          expire: '',
+          ccv: ''
+        }
+      }
+    }
+  }
+</script>

package/components/widgets/MembersCard.vue

@@ -1,99 +1,99 @@
-<template>
-    <div class="card">
-        <!-- Card header -->
-        <div class="card-header">
-            <!-- Title -->
-            <h5 class="h3 mb-0">Team members</h5>
-        </div>
-        <!-- Card search -->
-        <div class="card-header py-0" v-if="showSearch">
-            <!-- Search form -->
-            <form>
-                <div class="form-group mb-0">
-                    <base-input class="input-group-lg input-group-flush mb-0"
-                                prepend-icon="fas fa-search"
-                                placeholder="Search"
-                                type="search"
-                                v-model="membersSearch">
-                    </base-input>
-                </div>
-            </form>
-        </div>
-        <!-- Card body -->
-        <div class="card-body">
-            <!-- List group -->
-            <ul class="list-group list-group-flush list my--3">
-                <li v-for="member in members"
-                    :key="member.image"
-                    class="list-group-item px-0">
-                    <div class="row align-items-center">
-                        <div class="col-auto">
-                            <!-- Avatar -->
-                            <a href="#" class="avatar rounded-circle">
-                                <img alt="Image placeholder" :src="member.image" :alt="member.name">
-                            </a>
-                        </div>
-                        <div class="col ml--2">
-                            <h4 class="mb-0">
-                                <a href="#!">{{member.name}}</a>
-                            </h4>
-                            <span :class="`text-${member.statusType}`">● </span>
-                            <small>{{member.status}}</small>
-                        </div>
-                        <div class="col-auto">
-                            <button type="button" class="btn btn-sm btn-primary">Add</button>
-                        </div>
-                    </div>
-                </li>
-            </ul>
-        </div>
-    </div>
-</template>
-<script>
-  export default {
-    name: 'members-card',
-    props: {
-      showSearch: {
-        type: Boolean,
-        default: true
-      }
-    },
-    data() {
-      return {
-        membersSearch: '',
-        members: [
-          {
-            name: 'John Michael',
-            status: 'Online',
-            statusType: 'success',
-            image: 'img/theme/team-1.jpg'
-          },
-          {
-            name: 'Alex Smith',
-            status: 'In a meeting',
-            statusType: 'danger',
-            image: 'img/theme/team-2.jpg'
-          },
-          {
-            name: 'Samantha Ivy',
-            status: 'Offline',
-            statusType: 'danger',
-            image: 'img/theme/team-3.jpg'
-          },
-          {
-            name: 'John Michael',
-            status: 'Online',
-            statusType: 'success',
-            image: 'img/theme/team-4.jpg'
-          },
-          {
-            name: 'John Snow',
-            status: 'Online',
-            statusType: 'success',
-            image: 'img/theme/team-5.jpg'
-          }
-        ]
-      }
-    }
-  }
-</script>
+<template>
+    <div class="card">
+        <!-- Card header -->
+        <div class="card-header">
+            <!-- Title -->
+            <h5 class="h3 mb-0">Team members</h5>
+        </div>
+        <!-- Card search -->
+        <div class="card-header py-0" v-if="showSearch">
+            <!-- Search form -->
+            <form>
+                <div class="form-group mb-0">
+                    <base-input class="input-group-lg input-group-flush mb-0"
+                                prepend-icon="fas fa-search"
+                                placeholder="Search"
+                                type="search"
+                                v-model="membersSearch">
+                    </base-input>
+                </div>
+            </form>
+        </div>
+        <!-- Card body -->
+        <div class="card-body">
+            <!-- List group -->
+            <ul class="list-group list-group-flush list my--3">
+                <li v-for="member in members"
+                    :key="member.image"
+                    class="list-group-item px-0">
+                    <div class="row align-items-center">
+                        <div class="col-auto">
+                            <!-- Avatar -->
+                            <a href="#" class="avatar rounded-circle">
+                                <img alt="Image placeholder" :src="member.image" :alt="member.name">
+                            </a>
+                        </div>
+                        <div class="col ml--2">
+                            <h4 class="mb-0">
+                                <a href="#!">{{member.name}}</a>
+                            </h4>
+                            <span :class="`text-${member.statusType}`">● </span>
+                            <small>{{member.status}}</small>
+                        </div>
+                        <div class="col-auto">
+                            <button type="button" class="btn btn-sm btn-primary">Add</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </div>
+</template>
+<script>
+  export default {
+    name: 'members-card',
+    props: {
+      showSearch: {
+        type: Boolean,
+        default: true
+      }
+    },
+    data() {
+      return {
+        membersSearch: '',
+        members: [
+          {
+            name: 'John Michael',
+            status: 'Online',
+            statusType: 'success',
+            image: 'img/theme/team-1.jpg'
+          },
+          {
+            name: 'Alex Smith',
+            status: 'In a meeting',
+            statusType: 'danger',
+            image: 'img/theme/team-2.jpg'
+          },
+          {
+            name: 'Samantha Ivy',
+            status: 'Offline',
+            statusType: 'danger',
+            image: 'img/theme/team-3.jpg'
+          },
+          {
+            name: 'John Michael',
+            status: 'Online',
+            statusType: 'success',
+            image: 'img/theme/team-4.jpg'
+          },
+          {
+            name: 'John Snow',
+            status: 'Online',
+            statusType: 'success',
+            image: 'img/theme/team-5.jpg'
+          }
+        ]
+      }
+    }
+  }
+</script>

package/components/widgets/PaypalCard.vue

@@ -1,45 +1,45 @@
-<template>
-    <div class="card">
-        <!-- Card body -->
-        <div class="card-body">
-            <div class="row justify-content-between align-items-center">
-                <div class="col">
-                    <img src="img/icons/cards/paypal.png" alt="Image placeholder">
-                </div>
-                <div class="col-auto">
-                    <span class="badge badge-lg"
-                          :class="`badge-${card.statusType}`">
-                      {{card.status}}
-                    </span>
-                </div>
-            </div>
-            <div class="my-4">
-                <span class="h6 surtitle text-muted">
-                  PayPal E-mail
-                </span>
-                <div class="h1">{{card.title}}</div>
-            </div>
-            <div class="row">
-                <div class="col">
-                    <span class="h6 surtitle text-muted">Name</span>
-                    <span class="d-block h3">{{card.name}}</span>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-  export default {
-    name: 'paypal-card',
-    data() {
-      return {
-        card: {
-          status: 'Active',
-          statusType: 'success',
-          title: 'john.snow@gmail.com',
-          name: 'John Snow'
-        }
-      }
-    }
-  }
-</script>
+<template>
+    <div class="card">
+        <!-- Card body -->
+        <div class="card-body">
+            <div class="row justify-content-between align-items-center">
+                <div class="col">
+                    <img src="img/icons/cards/paypal.png" alt="Image placeholder">
+                </div>
+                <div class="col-auto">
+                    <span class="badge badge-lg"
+                          :class="`badge-${card.statusType}`">
+                      {{card.status}}
+                    </span>
+                </div>
+            </div>
+            <div class="my-4">
+                <span class="h6 surtitle text-muted">
+                  PayPal E-mail
+                </span>
+                <div class="h1">{{card.title}}</div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <span class="h6 surtitle text-muted">Name</span>
+                    <span class="d-block h3">{{card.name}}</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+  export default {
+    name: 'paypal-card',
+    data() {
+      return {
+        card: {
+          status: 'Active',
+          statusType: 'success',
+          title: 'john.snow@gmail.com',
+          name: 'John Snow'
+        }
+      }
+    }
+  }
+</script>