update: add shafafiat pages

pages/_portal/shafaf/index.vue

@@ -24,19 +24,59 @@
               شفافیت می توان عدالت را مستقر کرد و از ایجاد تبعیض های ناروا در
               نظام جلوگیری کرد.به همین جهت، سازمان فناوری اطالعات با همکاری
               سازمان غیردولتی شفافیت برای ایران اقدام به تاسیس کمیته شفافیت
-              نموده است .پورتال شفافیت، اولین اقدام این استانداری در راستای
-              توسعه شفافیت است. این پورتال به صورت مستمر از نظر محتوا و بستر به
-              روز خواهد شد .
+              نموده است
             </div>
           </div>
         </div>
         <div class="cards">
-          <div class="item">1</div>
-          <div class="item">1</div>
-          <div class="item">1</div>
-          <div class="item">1</div>
-          <div class="item">1</div>
-          <div class="item">1</div>
+          <div class="item">
+            <img src="/static/images/1.svg" alt="" />
+            <div class="parent">
+              <div class="right"></div>
+              <div class="left"></div>
+            </div>
+            <p>اسناد مالی</p>
+          </div>
+          <div class="item">
+            <img src="/static/images/1.svg" alt="" />
+            <div class="parent">
+              <div class="right"></div>
+              <div class="left"></div>
+            </div>
+            <p>اسناد مالی</p>
+          </div>
+          <div class="item">
+            <img src="/static/images/1.svg" alt="" />
+            <div class="parent">
+              <div class="right"></div>
+              <div class="left"></div>
+            </div>
+            <p>اسناد مالی</p>
+          </div>
+          <div class="item">
+            <img src="/static/images/1.svg" alt="" />
+            <div class="parent">
+              <div class="right"></div>
+              <div class="left"></div>
+            </div>
+            <p>اسناد مالی</p>
+          </div>
+          <div class="item">
+            <img src="/static/images/1.svg" alt="" />
+            <div class="parent">
+              <div class="right"></div>
+              <div class="left"></div>
+            </div>
+            <p>اسناد مالی</p>
+          </div>
+          <div class="item">
+            <img src="/static/images/1.svg" alt="" />
+            <div class="parent">
+              <div class="right"></div>
+              <div class="left"></div>
+            </div>
+            <p>اسناد مالی</p>
+          </div>
         </div>
         <div class="space"></div>
         <!-- <div class="col-12 col-md-6 services-view">
@@ -96,25 +136,110 @@ export default {
   padding: 10px;
   align-items: center;
   gap: 10px;
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+
+  /* حالت پیش‌فرض برای دسکتاپ */
+  flex-direction: row;
 }
-.tasvir {
-  width: 230px;
-  height: 120px;
-  border-radius: 10px;
+
+/* برای موبایل (عرض کمتر از 768px) */
+@media (max-width: 1400px) {
+  .main {
+    flex-direction: column;
+    width: 100%; /* برای استفاده بهتر از فضای موجود در موبایل */
+    height: auto; /* ارتفاع خودکار برای تنظیم بهتر محتوا */
+  }
+
+  .tasvir {
+    width: 100%; /* تصویر به صورت ریسپانسیو */
+    height: auto; /* ارتفاع خودکار برای تنظیم متناسب با عرض */
+  }
 }
+
 .cards {
+  width: 100vw !important;
   margin: 50px 0px;
   display: grid;
-  grid-template: 130px / auto auto auto auto auto auto;
   gap: 10px;
+  grid-template-columns: repeat(6, 1fr); /* پیش‌فرض برای دسکتاپ */
 }
+
+/* برای تبلت (عرض بین 768px و 1024px) */
+@media (max-width: 1224px) {
+  .cards {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+
+/* برای موبایل (عرض کمتر از 768px) */
+@media (max-width: 768px) {
+  .cards {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
 .item {
-  background-color: aquamarine;
-  height: 200px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  background-color: rgb(255, 255, 255);
+  height: 150px;
   border-radius: 10px;
+  border: 1px solid rgb(214, 214, 214);
+  position: relative;
+  box-shadow: 0 4px 8px 0 rgba(238, 238, 238, 0.041),
+    0 6px 20px 0 rgba(231, 231, 231, 0.041);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+  padding: 5px 0px;
 }
+
 .space {
   height: 50px;
 }
+.item img {
+  height: 80px;
+  width: 80px;
+  transition: transform 0.3s ease;
+}
+.item .parent {
+  border-top: 1px dashed rgb(187, 187, 187);
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  position: relative;
+}
+.left {
+  width: 25px !important;
+  height: 20px !important;
+  background-color: rgb(255, 255, 255);
+  position: absolute;
+  top: -10px;
+  left: -17px;
+  border-radius: 50%;
+  border-right: 1px solid rgb(187, 187, 187);
+}
+.right {
+  width: 25px !important;
+  height: 20px !important;
+  background-color: rgb(255, 255, 255);
+  position: absolute;
+  top: -10px;
+  right: -17px;
+  border-radius: 50%;
+  border-left: 1px solid rgb(187, 187, 187);
+}
+.item p {
+  color: rgb(117, 117, 117);
+}
+.item:hover {
+  background-color: rgb(247, 247, 247); /* تغییر رنگ پس‌زمینه به قرمز */
+  box-shadow: 0 8px 16px rgba(233, 233, 233, 0.3); /* اضافه کردن سایه */
+}
+
+/* بزرگ‌تر شدن تصویر در زمان hover */
+.item:hover img {
+  transform: scale(1.1); /* بزرگ‌تر شدن تصویر */
+  transition: transform 0.3s ease; /* انیمیشن برای بزرگ‌تر شدن تصویر */
+}
 </style>

pages/admin/Login.vue

@@ -139,22 +139,26 @@ export default {
         if (send_request.status === 429 || send_request.status === 406) {
           this.$message({
             type: "warning",
-            message: "شما دسترسی ورود ندارید !",
+            message: "لطفا بعد از ۱۰ دقیقه مجدد تلاش کنید",
           });
           return;
         }
 
+        const resData = await send_request.json();
+
         if (send_request.status === 200 || send_request.status === 201) {
           this.$message({
             type: "success",
-            message: "کد ورود ارسال شد",
+            // message: "کد ورود ارسال شد",
+            message: resData.message,
           });
           this.step = 2;
           return;
         } else {
           this.$message({
             type: "warning",
-            message: "مشکل در برقرای ارتباط",
+            // message: "مشکل در برقرای ارتباط",
+            message: resData.message,
           });
         }
       } catch (error) {

pages/admin/sessions/index.vue

@@ -21,7 +21,9 @@
                   :content="scope.row.title"
                 >
                 </el-popover>
-                {{ scope.row?.user?.firstName + scope?.row?.user?.lastName }}
+                {{
+                  scope.row?.user?.firstName + " " + scope?.row?.user?.lastName
+                }}
               </span>
             </template>
           </el-table-column>