classcard-ui 0.2.186 → 0.2.190

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.186",
+  "version": "0.2.190",
   "main": "dist/classcard-ui.common.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CTable/CTable.vue

@@ -287,6 +287,7 @@ export default {
       showLoader: this.isLoading,
       searchTerm: "",
       paginationRecords: this.paginationData,
+      reorderedArray: [...this.rows],
     };
   },
   methods: {
@@ -299,23 +300,15 @@ export default {
     },
     // array of rows after drag and drop
     rearrange(oldIndex, newIndex) {
-      var reorderedArray = [];
-      this.rows.forEach(function (row) {
-        reorderedArray.push({ oldID: row.id });
-      });
-      const movedItem = this.rows.find((item, index) => index === oldIndex);
-      const remainingItems = this.rows.filter((item, index) => index !== oldIndex);
-
+      const movedItem = this.reorderedArray.find((item, index) => index === oldIndex);
+      const remainingItems = this.reorderedArray.filter((item, index) => index !== oldIndex);
       const reorderedItems = [
         ...remainingItems.slice(0, newIndex),
         movedItem,
         ...remainingItems.slice(newIndex),
       ];
-      reorderedItems.forEach(function (row, index) {
-        reorderedArray[index].newID = row.id;
-      });
-      this.$emit('reordered', reorderedArray);
-      return reorderedArray;
+      this.reorderedArray = [...reorderedItems];
+      this.$emit('reordered', this.reorderedArray);
     },
     // listing functions
     sortChange(params) {

package/src/icons.js

@@ -99,6 +99,7 @@ export default {
     'globe-alt-solid' : 'M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z',
     'x-circle-solid': 'M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z',
     'x-circle-outline': 'M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z',
-    'check-circle-outline':'M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'
+    'check-circle-outline':'M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z',
+    'play-solid':'M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z'
 
 }

package/src/stories/CTable.stories.js

@@ -29,18 +29,14 @@ export const Default = Template.bind({});
 Default.args = {
   cols: [
     { label: "", field: "drag", hidden: false },
+    { label: "Payment mode", field: "mode", hidden: false },
     {
-      label: "Make",
-      field: "make",
+      label: "",
+      field: "menuOptions",
       hidden: false,
-      sortable: true,
-      direction: null,
-    },
-    { label: "Model", field: "modal", hidden: false, sortable: true, direction: null },
-    { label: "Staff", field: "staff", hidden: false },
-    { label: "CRR", field: "crr", hidden: false, sortable: true, direction: null, type: "decimal" },
-    { label: "Switch", field: "switch", hidden: false },
-    { label: "Icon", field: "color", hidden: false },
+      customizeColumn: true,
+      width: "60px"
+    }
   ],
   showHideColumnList: [
     { label: "", field: "drag", hidden: false },
@@ -68,50 +64,7 @@ Default.args = {
     { label: "Switch", field: "switch", hidden: false },
     { label: "Icon", field: "color", hidden: false },
   ],
-  rows: [
-    {
-      type: "",
-      id: 1,
-      make: "Baleno",
-      modal: "Fusion",
-      switch: "",
-      staff: {
-        image:
-          "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
-        name: "Manager",
-      },
-      crr: "0.00",
-      color: { name: "trash", type: "solid", class: "h-5 w-5" },
-    },
-    {
-      type: "",
-      id: 2,
-      make: "Test",
-      modal: "Cruz",
-      switch: "",
-      staff: {
-        image:
-          "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
-        name: "Manager",
-      },
-      crr: "9.56",
-      color: { name: "trash", type: "solid", class: "h-5 w-5" },
-    },
-    {
-      type: "",
-      id: 3,
-      make: "Honda City",
-      modal: "Maruti",
-      switch: "",
-      staff: {
-        image:
-          "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
-        name: "Manager",
-      },
-      crr: "3.28",
-      color: { name: "trash", type: "solid", class: "h-5 w-5" },
-    },
-  ],
+  rows: [{"id":5,"mode":"ATM Machine 1","sort_order":2,"status":1,"rcInstitutionID":82,"created_at":"2020-09-02T12:53:09.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":11,"mode":"QA 1","sort_order":3,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T09:57:47.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":7,"mode":"ATM Machine 2","sort_order":4,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T09:45:47.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":18,"mode":"QA 3","sort_order":8,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T10:05:15.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":12,"mode":"QA 2","sort_order":21,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T09:57:55.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":15,"mode":"QA 4","sort_order":22,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T10:00:23.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":162,"mode":"Yes bank","sort_order":62,"status":1,"rcInstitutionID":82,"created_at":"2020-11-18T09:22:43.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":163,"mode":"SBI bank","sort_order":63,"status":1,"rcInstitutionID":82,"created_at":"2020-11-18T09:33:17.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":164,"mode":"BOB bank","sort_order":64,"status":1,"rcInstitutionID":82,"created_at":"2020-11-18T09:35:12.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":165,"mode":"PNB bank","sort_order":65,"status":1,"rcInstitutionID":82,"created_at":"2020-11-18T09:55:16.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"}],
   pagination: true,
   sorting: false,
   searching: true,