12

src/pages/ProjectsPage.vue

@@ -25,7 +25,7 @@
           v-model="searchProject"
           clearable
           clear-icon="close"
-          :placeholder="$t('project_chats__search')"
+          :placeholder="$t('projects__search')"
           dense
           class="col-grow q-px-md q-py-md"
           >
@@ -91,22 +91,22 @@
         class="flex column items-center w100"
         :class="showArchive ? 'bg-grey-12' : ''"
         >
-        <q-btn-dropdown
-          class="w100 fix-rotate-arrow"
+        <q-btn
+          class="w100 rotate-icon-btn"
           color="grey"
-          flat no-caps 
+          flat
+          no-caps
           @click="showArchive=!showArchive"
-          dropdown-icon="arrow_drop_up"
+          icon-right="arrow_drop_down"
+          :class="{ 'rotate-icon': showArchive }"
           >
-          <template #label>
-            <span class="text-caption">
-              {{ !showArchive
-                ? $t('projects__show_archive') + ' (' + archiveProjects.length +')'
-                : $t('projects__hide_archive')
-              }}
-            </span>
-          </template>
-        </q-btn-dropdown>
+          <span class="text-caption">
+            {{ !showArchive
+              ? $t('projects__show_archive') + ' (' + archiveProjects.length +')'
+              : $t('projects__hide_archive')
+            }}
+          </span>
+        </q-btn>
 
         <div class="w100" style="overflow: hidden">    
           <transition
@@ -186,6 +186,7 @@
     color="negative"
     title="projects__dialog_archive_title"
     message1="projects__dialog_archive_message"
+    message2="projects__dialog_archive_message2"
     mainBtnLabel="projects__dialog_archive_ok"
     @clickMainBtn="onConfirmArchiveProject()"
     @close="onCancel()"
@@ -198,7 +199,8 @@
     color="green"
     title="projects__dialog_restore_title"
     message1="projects__dialog_restore_message"
-    mainBtnLabel="projects__dialog_cancel_ok"
+    message2="projects__dialog_restore_message2"
+    mainBtnLabel="projects__dialog_restore_ok"
     @clickMainBtn="restoreFromArchive()"
   />
 </template>
@@ -319,7 +321,17 @@
     flex-wrap: nowrap;
   }
 
-  .fix-rotate-arrow :deep(.q-btn-dropdown--simple) {
-    margin-left: 0;
+  .rotate-icon-btn {
+    transition: transform 0.3s;
+  }
+
+  .rotate-icon-btn.rotate-icon :deep(.q-icon) {
+    transform: rotate(180deg);
+    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
+  }
+
+  .rotate-icon-btn :deep(.q-icon) {
+    transform: rotate(0deg);
+    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
   }
 </style>