fix: fix calendar not showing in company pto policy page (#747)

officelifehq · Apr 11, 2021 · fb70d3a · fb70d3a
1 parent ddd5a30
commit fb70d3a
Showing 1 changed file with 10 additions and 11 deletions.
diff --git a/resources/js/Pages/Adminland/CompanyPTOPolicy/Index.vue b/resources/js/Pages/Adminland/CompanyPTOPolicy/Index.vue
@@ -210,7 +210,7 @@ td, th {
                   </div>
 
                   <div class="w-100 tr">
-                    <a class="btn dib-l db mb2 mb0-ns" :data-cy="'list-edit-cancel-button-' + ptoPolicy.id" @click.prevent="idToUpdate = 0">
+                    <a class="btn dib-l db mb2 mb0-ns mr2" :data-cy="'list-edit-cancel-button-' + ptoPolicy.id" @click.prevent="idToUpdate = 0">
                       {{ $t('app.cancel') }}
                     </a>
                     <loading-button :class="'btn add w-auto-ns w-100 mb2 pv2 ph3'" :data-cy="'list-edit-cta-button-' + ptoPolicy.id" :state="loadingState" :text="$t('app.update')" />
@@ -266,16 +266,6 @@ export default {
     };
   },
 
-  computed: {
-    isOff(holiday) {
-      let weekend = holiday.day_of_week == 0 || holiday.day_of_week == 6;
-      return {
-        weekend: weekend,
-        off: holiday.is_worked == false && !weekend,
-      };
-    },
-  },
-
   watch: {
     ptoPolicies: {
       handler(value) {
@@ -290,6 +280,15 @@ export default {
   },
 
   methods: {
+    isOff: function (holiday) {
+      let weekend = holiday.day_of_week == 0 || holiday.day_of_week == 6;
+      return {
+        weekend: weekend,
+        off: holiday.is_worked == false && !weekend,
+      };
+
+    },
+
     toggleUpdate(ptoPolicy) {
       if (!this.editModal) {
         this.load(ptoPolicy);