classcard-ui 0.2.429 → 0.2.432

package/package.json

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

package/src/components/CAnchorTabs/CAnchorTabs.vue

@@ -51,8 +51,6 @@
           </a>
         </nav>
       </div>
-      <!-- <div id="mobile-app" style="height: 20rem; background-color: red"></div>
-      <div id="preferences" style="height: 40rem; background-color: blue"></div> -->
       <slot></slot>
     </div>
   </div>
@@ -76,25 +74,10 @@ export default {
   },
   data() {
     return {
-      // tabs: [
-      //   { name: "mobile-app", text: "Mobile app" },
-      //   { name: "preferences", text: "Preferences" },
-      // ],
       activeTab: this.initialTab,
     };
   },
   methods: {
-    scrollIfNeeded(element, container) {
-      if (element.offsetTop < container.scrollTop) {
-        container.scrollTop = element.offsetTop;
-      } else {
-        const offsetBottom = element.offsetTop + element.offsetHeight;
-        const scrollBottom = container.scrollTop + container.offsetHeight;
-        if (offsetBottom > scrollBottom) {
-          container.scrollTop = offsetBottom - container.offsetHeight;
-        }
-      }
-    },
     switchTab(name) {
       this.activeTab = name;
       // document.getElementById(`${name}`).scrollIntoView({
@@ -103,10 +86,9 @@ export default {
       //   inline: "start",
       // });
 
-      this.scrollIfNeeded(
-        document.getElementById(`${name}`),
-        document.getElementById("container")
-      );
+      let myElement = document.getElementById(name);
+      let topPos = myElement.offsetTop;
+      document.getElementById("container").scrollTop = topPos;
     },
     switchTabForMobile(index) {
       var selectedOption = this.tabs[index];

package/src/components/CTable/CTable.vue

@@ -96,7 +96,7 @@
       :styleClass="
         showLoader ? 'vgt-table opacity-50 pointer-events-none' : 'vgt-table'
       "
-      row-style-class="focus:outline-none"
+      :row-style-class="styles"
       min-height="400px"
       :globalSearch="true"
       :isLoading="showLoader"
@@ -322,6 +322,10 @@ export default {
     downloadLoader: {
       type: Boolean,
     },
+    //highlight the rows
+    isRead: {
+      type: Number,
+    },
   },
   mounted() {
     //  to add drag and drop in table
@@ -346,6 +350,14 @@ export default {
       reorderedArray: [...this.rows],
     };
   },
+  computed: {
+    styles() {
+      if (this.isRead === 1) {
+        return "focus:outline-none";
+      }
+      return "focus:outline-none bg-gray-100";
+    },
+  },
   methods: {
     handleToggle() {
       this.toggleDropdown = !this.toggleDropdown;