classcard-ui 0.2.383 → 0.2.387

package/src/components/CMultiselectr/CMultiselectr.vue

@@ -1,44 +1,44 @@
-<template>
-  <div>
-     <!-- <label class="text-sm text-gray-900">{{label}}</label>
-    <multiselect class="mt-1" v-model="value" :options="options" :multiple="true">
-    </multiselect> -->
-  </div>
-</template>
-<script>
-
-export default {
-  // name: "CMultiselect",
-  // components: { Multiselect },
-  // props: {
-  //   options: {
-  //     type: Array,
-  //     required: true,
-  //   },
-  //   label:String
-  // },
-  // computed: {},
-  // data() {
-  //   return {
-  //     value: [],
-  //   };
-  // },
-};
-</script>
-<style src="vue-multiselect/dist/vue-multiselect.min.css"></style>
-<style>
-.multiselect__tags {
-  border: 1px solid #d1d5db;
-}
-.multiselect__placeholder {
-  color: #111827;
-}
-.multiselect__tag,
-.multiselect__tag-icon:after,
-.multiselect__tag-icon:hover,
-.multiselect__option--highlight,
-.multiselect__option--highlight::after {
-  background: #0369A1;
-  color: #fff;
-}
-</style>
+<template>
+  <div>
+     <!-- <label class="text-sm text-gray-900">{{label}}</label>
+    <multiselect class="mt-1" v-model="value" :options="options" :multiple="true">
+    </multiselect> -->
+  </div>
+</template>
+<script>
+
+export default {
+  // name: "CMultiselect",
+  // components: { Multiselect },
+  // props: {
+  //   options: {
+  //     type: Array,
+  //     required: true,
+  //   },
+  //   label:String
+  // },
+  // computed: {},
+  // data() {
+  //   return {
+  //     value: [],
+  //   };
+  // },
+};
+</script>
+<style src="vue-multiselect/dist/vue-multiselect.min.css"></style>
+<style>
+.multiselect__tags {
+  border: 1px solid #d1d5db;
+}
+.multiselect__placeholder {
+  color: #111827;
+}
+.multiselect__tag,
+.multiselect__tag-icon:after,
+.multiselect__tag-icon:hover,
+.multiselect__option--highlight,
+.multiselect__option--highlight::after {
+  background: #0369A1;
+  color: #fff;
+}
+</style>

package/src/components/CMultiselectr/index.js

@@ -1,3 +1,3 @@
-import CMultiselect from './CMultiselect.vue'
-
+import CMultiselect from './CMultiselect.vue'
+
 export default CMultiselect

package/src/components/CPageHeading/CPageHeading.vue

@@ -1,52 +1,52 @@
-<template>
-  <div class="sticky top-0 z-10 bg-white">
-    <div class="flex justify-between items-center pt-4 pb-1 w-full">
-      <div>
-        <h2 class="text-xl font-bold leading-7 text-gray-900 sm:text-xl sm:truncate">
-          {{ title }}
-        </h2>
-      </div>
-      <div class="justify-self-end">
-        <slot></slot>
-        <div v-if="buttonType" class="mt-5 flex lg:mt-0 lg:ml-4">
-          <span class="sm:ml-3">
-            <c-button
-              :label="buttonType.label"
-              :icon="buttonType.icon"
-              :type="buttonType.type"
-              @action="emitAction"
-            ></c-button>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import CButton from "../CButton/CButton.vue";
-export default {
-  name: "CPageHeading",
-  components: { CButton },
-  props: {
-    title: {
-      type: String,
-      required: true,
-    },
-    description: { type: String },
-    helpVideo: {
-      type: String,
-    },
-    helpArticle: { type: String },
-    buttonType: { type: Object },
-    callAction: {
-      type: Function,
-    },
-  },
-  methods: {
-    emitAction() {
-      this.$emit("callAction");
-    },
-  },
-};
-</script>
+<template>
+  <div class="sticky top-0 z-10 bg-white">
+    <div class="flex justify-between items-center pt-4 pb-1 w-full">
+      <div>
+        <h2 class="text-xl font-bold leading-7 text-gray-900 sm:text-xl sm:truncate">
+          {{ title }}
+        </h2>
+      </div>
+      <div class="justify-self-end">
+        <slot></slot>
+        <div v-if="buttonType" class="mt-5 flex lg:mt-0 lg:ml-4">
+          <span class="sm:ml-3">
+            <c-button
+              :label="buttonType.label"
+              :icon="buttonType.icon"
+              :type="buttonType.type"
+              @action="emitAction"
+            ></c-button>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import CButton from "../CButton/CButton.vue";
+export default {
+  name: "CPageHeading",
+  components: { CButton },
+  props: {
+    title: {
+      type: String,
+      required: true,
+    },
+    description: { type: String },
+    helpVideo: {
+      type: String,
+    },
+    helpArticle: { type: String },
+    buttonType: { type: Object },
+    callAction: {
+      type: Function,
+    },
+  },
+  methods: {
+    emitAction() {
+      this.$emit("callAction");
+    },
+  },
+};
+</script>

package/src/components/CPageHeading/index.js

@@ -1,3 +1,3 @@
-import CPageHeading from './CPageHeading.vue'
-
+import CPageHeading from './CPageHeading.vue'
+
 export default CPageHeading

package/src/components/CPagination/CPagination.vue

@@ -1,192 +1,192 @@
-<template>
-  <div
-    class="bg-white px-4 py-3 flex items-center justify-between border-gray-200 sm:px-6"
-  >
-    <div class="flex-1 flex justify-between sm:hidden">
-      <a
-        href="#"
-        class="relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
-      >
-        Previous
-      </a>
-      <a
-        href="#"
-        class="ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
-      >
-        Next
-      </a>
-    </div>
-    <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
-      <div>
-        <p class="text-sm text-gray-700">
-          Showing
-          <span class="font-medium">{{ setPaginationRecords.from }}</span>
-          to
-          <span class="font-medium">{{ setPaginationRecords.to }}</span>
-          of
-          <span class="font-medium">{{ setPaginationRecords.totalRecords }}</span>
-          results
-        </p>
-      </div>
-      <div>
-        <nav
-          class="relative z-0 inline-flex rounded-md shadow-sm -space-x-px"
-          aria-label="Pagination"
-        >
-          <div class="hidden md:-mt-px md:flex">
-            <div
-              href="#"
-              @click="currentPageNumber == '1' ? '' : goToPreviousPage()"
-              class="relative inline-flex items-center px-2 py-2 rounded-l-md border border-r-0 border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
-              :class="
-                currentPageNumber == '1'
-                  ? 'text-gray-400 pointer-events-none'
-                  : 'text-gray-500 hover:text-gray-700 group cursor-pointer'
-              "
-            >
-              <span class="sr-only">Previous</span>
-              <!-- Heroicon name: solid/chevron-left -->
-              <svg
-                class="h-5 w-5"
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 20 20"
-                fill="currentColor"
-                aria-hidden="true"
-              >
-                <path
-                  fill-rule="evenodd"
-                  d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
-                  clip-rule="evenodd"
-                />
-              </svg>
-            </div>
-            <div
-              v-for="page in pageRange"
-              :key="page"
-              class="cursor-pointer"
-              :class="[
-                page == currentPageNumber
-                  ? 'z-10 bg-indigo-50 border-indigo-500 text-indigo-600 relative inline-flex items-center px-4 py-2 border text-sm font-medium'
-                  : '',
-                page === '...'
-                  ? 'bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border border-r-0 text-sm font-medium'
-                  : '',
-                page !== currentPageNumber && page !== '...'
-                  ? 'bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border border-r-0 text-sm font-medium'
-                  : '',
-                page == currentPageNumber + 1
-                  ? 'border-l-0'
-                  : '',
-              ]"
-              @click="changePage(page)"
-            >
-              <div v-if="page === '...'">...</div>
-              <div v-else>
-                {{ page }}
-              </div>
-            </div>
-            <div
-              href="#"
-              class="relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
-              @click="currentPageNumber == lastPageNumber ? '' : goToNextPage()"
-              :class="
-                currentPageNumber == lastPageNumber
-                  ? 'text-gray-400 pointer-events-none'
-                  : 'text-gray-500 hover:text-gray-700 group cursor-pointer'
-              "
-            >
-              <span class="sr-only">Next</span>
-              <!-- Heroicon name: solid/chevron-right -->
-              <svg
-                class="h-5 w-5"
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 20 20"
-                fill="currentColor"
-                aria-hidden="true"
-              >
-                <path
-                  fill-rule="evenodd"
-                  d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
-                  clip-rule="evenodd"
-                />
-              </svg>
-            </div>
-          </div>
-        </nav>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: "CPagination",
-  props: {
-    setPaginationRecords: {
-      type: Object,
-    },
-    setCurrentPage: {
-      type: Function,
-    },
-    setPreviousPage: {
-      type: Function,
-    },
-    setNextPage: {
-      type: Function,
-    },
-  },
-  components: {},
-  data() {
-    return {
-      currentPageNumber: this.setPaginationRecords.currentPage,
-      lastPageNumber: this.setPaginationRecords.lastPage,
-    };
-  },
-  computed: {
-    pageRange() {
-      var current = this.setPaginationRecords.currentPage,
-        last = this.setPaginationRecords.lastPage,
-        delta = 2,
-        left = current - delta,
-        right = current + delta + 1,
-        range = [],
-        rangeWithDots = [],
-        l;
-      for (let i = 1; i <= last; i++) {
-        if (i == 1 || i == last || (i >= left && i < right)) {
-          range.push(i);
-        }
-      }
-      for (let i of range) {
-        if (l) {
-          if (i - l === 2) {
-            rangeWithDots.push(l + 1);
-          } else if (i - l !== 1) {
-            rangeWithDots.push("...");
-          }
-        }
-        rangeWithDots.push(i);
-        l = i;
-      }
-      return rangeWithDots;
-    },
-  },
-  methods: {
-    changePage(page) {
-      if (page !== "...") {
-        this.$emit("setCurrentPage", page);
-        this.currentPageNumber = page;
-      }
-    },
-    goToPreviousPage() {
-      var previousPage = this.currentPageNumber - 1;
-      this.currentPageNumber = previousPage;
-      this.$emit("setPreviousPage", previousPage);
-    },
-    goToNextPage() {
-      var nextPage = this.currentPageNumber + 1;
-      this.currentPageNumber = nextPage;
-      this.$emit("setNextPage", nextPage);
-    },
-  },
-};
-</script>
+<template>
+  <div
+    class="bg-white px-4 py-3 flex items-center justify-between border-gray-200 sm:px-6"
+  >
+    <div class="flex-1 flex justify-between sm:hidden">
+      <a
+        href="#"
+        class="relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
+      >
+        Previous
+      </a>
+      <a
+        href="#"
+        class="ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
+      >
+        Next
+      </a>
+    </div>
+    <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
+      <div>
+        <p class="text-sm text-gray-700">
+          Showing
+          <span class="font-medium">{{ setPaginationRecords.from }}</span>
+          to
+          <span class="font-medium">{{ setPaginationRecords.to }}</span>
+          of
+          <span class="font-medium">{{ setPaginationRecords.totalRecords }}</span>
+          results
+        </p>
+      </div>
+      <div>
+        <nav
+          class="relative z-0 inline-flex rounded-md shadow-sm -space-x-px"
+          aria-label="Pagination"
+        >
+          <div class="hidden md:-mt-px md:flex">
+            <div
+              href="#"
+              @click="currentPageNumber == '1' ? '' : goToPreviousPage()"
+              class="relative inline-flex items-center px-2 py-2 rounded-l-md border border-r-0 border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
+              :class="
+                currentPageNumber == '1'
+                  ? 'text-gray-400 pointer-events-none'
+                  : 'text-gray-500 hover:text-gray-700 group cursor-pointer'
+              "
+            >
+              <span class="sr-only">Previous</span>
+              <!-- Heroicon name: solid/chevron-left -->
+              <svg
+                class="h-5 w-5"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 20 20"
+                fill="currentColor"
+                aria-hidden="true"
+              >
+                <path
+                  fill-rule="evenodd"
+                  d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
+                  clip-rule="evenodd"
+                />
+              </svg>
+            </div>
+            <div
+              v-for="page in pageRange"
+              :key="page"
+              class="cursor-pointer"
+              :class="[
+                page == currentPageNumber
+                  ? 'z-10 bg-indigo-50 border-indigo-500 text-indigo-600 relative inline-flex items-center px-4 py-2 border text-sm font-medium'
+                  : '',
+                page === '...'
+                  ? 'bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border border-r-0 text-sm font-medium'
+                  : '',
+                page !== currentPageNumber && page !== '...'
+                  ? 'bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border border-r-0 text-sm font-medium'
+                  : '',
+                page == currentPageNumber + 1
+                  ? 'border-l-0'
+                  : '',
+              ]"
+              @click="changePage(page)"
+            >
+              <div v-if="page === '...'">...</div>
+              <div v-else>
+                {{ page }}
+              </div>
+            </div>
+            <div
+              href="#"
+              class="relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
+              @click="currentPageNumber == lastPageNumber ? '' : goToNextPage()"
+              :class="
+                currentPageNumber == lastPageNumber
+                  ? 'text-gray-400 pointer-events-none'
+                  : 'text-gray-500 hover:text-gray-700 group cursor-pointer'
+              "
+            >
+              <span class="sr-only">Next</span>
+              <!-- Heroicon name: solid/chevron-right -->
+              <svg
+                class="h-5 w-5"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 20 20"
+                fill="currentColor"
+                aria-hidden="true"
+              >
+                <path
+                  fill-rule="evenodd"
+                  d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
+                  clip-rule="evenodd"
+                />
+              </svg>
+            </div>
+          </div>
+        </nav>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "CPagination",
+  props: {
+    setPaginationRecords: {
+      type: Object,
+    },
+    setCurrentPage: {
+      type: Function,
+    },
+    setPreviousPage: {
+      type: Function,
+    },
+    setNextPage: {
+      type: Function,
+    },
+  },
+  components: {},
+  data() {
+    return {
+      currentPageNumber: this.setPaginationRecords.currentPage,
+      lastPageNumber: this.setPaginationRecords.lastPage,
+    };
+  },
+  computed: {
+    pageRange() {
+      var current = this.setPaginationRecords.currentPage,
+        last = this.setPaginationRecords.lastPage,
+        delta = 2,
+        left = current - delta,
+        right = current + delta + 1,
+        range = [],
+        rangeWithDots = [],
+        l;
+      for (let i = 1; i <= last; i++) {
+        if (i == 1 || i == last || (i >= left && i < right)) {
+          range.push(i);
+        }
+      }
+      for (let i of range) {
+        if (l) {
+          if (i - l === 2) {
+            rangeWithDots.push(l + 1);
+          } else if (i - l !== 1) {
+            rangeWithDots.push("...");
+          }
+        }
+        rangeWithDots.push(i);
+        l = i;
+      }
+      return rangeWithDots;
+    },
+  },
+  methods: {
+    changePage(page) {
+      if (page !== "...") {
+        this.$emit("setCurrentPage", page);
+        this.currentPageNumber = page;
+      }
+    },
+    goToPreviousPage() {
+      var previousPage = this.currentPageNumber - 1;
+      this.currentPageNumber = previousPage;
+      this.$emit("setPreviousPage", previousPage);
+    },
+    goToNextPage() {
+      var nextPage = this.currentPageNumber + 1;
+      this.currentPageNumber = nextPage;
+      this.$emit("setNextPage", nextPage);
+    },
+  },
+};
+</script>

package/src/components/CPagination/index.js

@@ -1,3 +1,3 @@
-import CPagination from './CPagination.vue'
-
+import CPagination from './CPagination.vue'
+
 export default CPagination