From 0766a74afb88d7de761c53d78f5b58abd5edcdba Mon Sep 17 00:00:00 2001
From: sajjad <sajjad.t.dev@gmail.com>
Date: Sat, 26 Mar 2022 20:32:11 +0430
Subject: [PATCH 1/2] fix

---
 src/abstraction/resources/programResource.js |  1 -
 src/components/Programs/Item.vue             | 23 +++++++++++++++-----
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/abstraction/resources/programResource.js b/src/abstraction/resources/programResource.js
index 8fbf29b..b89f536 100644
--- a/src/abstraction/resources/programResource.js
+++ b/src/abstraction/resources/programResource.js
@@ -1,7 +1,6 @@
 import { SetPagination, SetQueriesObject } from "@/utils/setQueriesObject";
 import { getJsonTrainer } from './trainerProgramResource';
 import { getJsonSportCategory } from './sportCategoryPorgramResource';
-import { objectToFormData } from "@/utils/objectToFormData";
 export const getJson = (data) => ({
     id: data.id,
     trainer: data.trainer ? getJsonTrainer(data.trainer) : {},
diff --git a/src/components/Programs/Item.vue b/src/components/Programs/Item.vue
index dd96129..80cfc3f 100644
--- a/src/components/Programs/Item.vue
+++ b/src/components/Programs/Item.vue
@@ -12,22 +12,20 @@
       <img
         class="wa__program__image w-100"
         :src="
-          program.thumbnail
-            ? program.thumbnail
-            : 'https://via.placeholder.com/1280x720'
+          program.thumbnail ? program.thumbnail : 'https://via.placeholder.com/1280x720'
         "
         alt="product image"
       />
       <div class="wa__program__image__button">
         <div class="wa__program__image__button--icon">
-          <RectangleButton
+          <!-- <RectangleButton
             v-if="role === 'admin'"
             @click.native="verifyProgram(program.id)"
             size="large"
             class="custom-btn ml-1"
             height="32"
             :icon="program.verified ? 'WMi-cancel' : 'WMi-ok'"
-          />
+          /> -->
           <router-link
             class="text-decoration-none"
             :to="{ name: 'programSeries', params: { id: program.id } }"
@@ -63,7 +61,20 @@
         </div>
       </div>
     </div>
-    <div class="program__title">{{ program.title }}</div>
+    <div class="program__title">
+      {{ program.title }}
+      <span
+        ><v-checkbox
+          v-model="program.verified"
+          v-if="role === 'admin'"
+          @click.native="verifyProgram(program.id)"
+          hide-details
+          class="shrink mr-2 mt-0"
+          color="red"
+        ></v-checkbox
+      ></span>
+      {{ program.verified }}
+    </div>
     <div class="program__sub-title">{{ program.description }}</div>
     <div>
       <Chip

From 38ba7962e3db2fd454c15e06a13ac293157ba540 Mon Sep 17 00:00:00 2001
From: sajjad <sajjad.t.dev@gmail.com>
Date: Sun, 27 Mar 2022 19:26:14 +0430
Subject: [PATCH 2/2] fix

---
 src/components/Programs/Item.vue | 54 +++++++++++++++-----------------
 1 file changed, 25 insertions(+), 29 deletions(-)

diff --git a/src/components/Programs/Item.vue b/src/components/Programs/Item.vue
index 80cfc3f..51746b9 100644
--- a/src/components/Programs/Item.vue
+++ b/src/components/Programs/Item.vue
@@ -1,14 +1,6 @@
 <template>
   <div>
     <div class="wa__program__images">
-      <!-- <div
-        class="wa__program__image"
-        :style="{
-          backgroundImage: `url('${
-            program.thumbnail ? program.thumbnail : `http://via.placeholder.com/200`
-          }')`,
-        }"
-      ></div> -->
       <img
         class="wa__program__image w-100"
         :src="
@@ -18,14 +10,6 @@
       />
       <div class="wa__program__image__button">
         <div class="wa__program__image__button--icon">
-          <!-- <RectangleButton
-            v-if="role === 'admin'"
-            @click.native="verifyProgram(program.id)"
-            size="large"
-            class="custom-btn ml-1"
-            height="32"
-            :icon="program.verified ? 'WMi-cancel' : 'WMi-ok'"
-          /> -->
           <router-link
             class="text-decoration-none"
             :to="{ name: 'programSeries', params: { id: program.id } }"
@@ -61,21 +45,22 @@
         </div>
       </div>
     </div>
-    <div class="program__title">
-      {{ program.title }}
-      <span
-        ><v-checkbox
+    <div class="title__box">
+      <div class="d-flex align-center mt-1">
+        <div class="program__title">
+          {{ program.title }}
+        </div>
+        <v-checkbox
           v-model="program.verified"
           v-if="role === 'admin'"
-          @click.native="verifyProgram(program.id)"
+          @click.native="verify"
           hide-details
-          class="shrink mr-2 mt-0"
-          color="red"
-        ></v-checkbox
-      ></span>
-      {{ program.verified }}
+          class="shrink pt-1 mt-0"
+          color="white"
+        ></v-checkbox>
+      </div>
+      <div class="program__sub-title">{{ program.description }}</div>
     </div>
-    <div class="program__sub-title">{{ program.description }}</div>
     <div>
       <Chip
         color="gray"
@@ -117,12 +102,16 @@ export default {
         this.deleteProgram(id);
       });
     },
+    async verify() {
+      await this.verifyProgram(this.program.id);
+      this.program.verified = !this.program.verified;
+    },
   },
 };
 </script>
 <style scoped>
-.v-image {
-  border-radius: 20px;
+.title__box {
+  line-height: 15px;
 }
 .program__title {
   font-family: "montserrat-medium";
@@ -139,6 +128,7 @@ export default {
   text-overflow: ellipsis;
   word-wrap: break-word;
   overflow: hidden;
+  margin-top: -2px;
 }
 
 .wa__program__images {
@@ -170,3 +160,9 @@ export default {
   width: max-content;
 }
 </style>
+<style>
+.shrink .v-input__slot i {
+  color: var(--color-white);
+  font-size: 20px;
+}
+</style>