rename all components to new namespace (#1515)

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>

components/collections/Add.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal v-if="show" @close="hideModal">
+  <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
         <h3 class="title">{{ $t("new_collection") }}</h3>
@@ -33,7 +33,7 @@
         </span>
       </div>
     </div>
-  </modal>
+  </SmartModal>
 </template>
 
 <script>

components/collections/AddFolder.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal v-if="show" @close="show = false">
+  <SmartModal v-if="show" @close="show = false">
     <div slot="header">
       <div class="row-wrapper">
         <h3 class="title">{{ $t("new_folder") }}</h3>
@@ -33,7 +33,7 @@
         </span>
       </div>
     </div>
-  </modal>
+  </SmartModal>
 </template>
 
 <script>

components/collections/Collection.vue

@@ -62,7 +62,7 @@
           :key="folder.name"
           class="ml-8 border-l border-brdColor"
         >
-          <folder
+          <CollectionsFolder
             :folder="folder"
             :folder-index="index"
             :folder-path="`${collectionIndex}/${index}`"
@@ -81,7 +81,7 @@
           :key="index"
           class="ml-8 border-l border-brdColor"
         >
-          <request
+          <CollectionsRequest
             :request="request"
             :collection-index="collectionIndex"
             :folder-index="-1"
@@ -103,7 +103,7 @@
         </li>
       </ul>
     </div>
-    <confirm-modal
+    <SmartConfirmModal
       :show="confirmRemove"
       :title="$t('are_you_sure_remove_collection')"
       @hide-modal="confirmRemove = false"

components/collections/Edit.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal v-if="show" @close="hideModal">
+  <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
         <h3 class="title">{{ $t("edit_collection") }}</h3>
@@ -33,7 +33,7 @@
         </span>
       </div>
     </div>
-  </modal>
+  </SmartModal>
 </template>
 
 <script>

components/collections/EditFolder.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal v-if="show" @close="show = false">
+  <SmartModal v-if="show" @close="show = false">
     <div slot="header">
       <div class="row-wrapper">
         <h3 class="title">{{ $t("edit_folder") }}</h3>
@@ -33,7 +33,7 @@
         </span>
       </div>
     </div>
-  </modal>
+  </SmartModal>
 </template>
 
 <script>

components/collections/EditRequest.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal v-if="show" @close="hideModal">
+  <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
         <h3 class="title">{{ $t("edit_request") }}</h3>
@@ -33,7 +33,7 @@
         </span>
       </div>
     </div>
-  </modal>
+  </SmartModal>
 </template>
 
 <script>

components/collections/Folder.vue

@@ -58,7 +58,7 @@
           :key="index"
           class="flex ml-8 border-l border-brdColor"
         >
-          <request
+          <CollectionsRequest
             :request="request"
             :collection-index="collectionIndex"
             :folder-index="folderIndex"
@@ -75,7 +75,7 @@
           :key="subFolder.name"
           class="ml-8 border-l border-brdColor"
         >
-          <folder
+          <CollectionsFolder
             :folder="subFolder"
             :folder-index="subFolderIndex"
             :collection-index="collectionIndex"
@@ -100,7 +100,7 @@
         </li>
       </ul>
     </div>
-    <confirm-modal
+    <SmartConfirmModal
       :show="confirmRemove"
       :title="$t('are_you_sure_remove_folder')"
       @hide-modal="confirmRemove = false"

components/collections/ImportExport.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal v-if="show" @close="hideModal">
+  <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
         <h3 class="title">{{ $t("import_export") }} {{ $t("collections") }}</h3>
@@ -94,9 +94,9 @@
     <div slot="footer">
       <div class="row-wrapper">
         <span>
-          <pw-toggle :on="showJsonCode" @change="showJsonCode = $event">
+          <SmartToggle :on="showJsonCode" @change="showJsonCode = $event">
             {{ $t("show_code") }}
-          </pw-toggle>
+          </SmartToggle>
         </span>
         <span>
           <button class="icon" @click="hideModal">
@@ -108,7 +108,7 @@
         </span>
       </div>
     </div>
-  </modal>
+  </SmartModal>
 </template>
 
 <script>

components/collections/Request.vue

@@ -50,7 +50,7 @@
         </template>
       </v-popover>
     </div>
-    <confirm-modal
+    <SmartConfirmModal
       :show="confirmRemove"
       :title="$t('are_you_sure_remove_request')"
       @hide-modal="confirmRemove = false"

components/collections/SaveRequest.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal v-if="show" @close="hideModal">
+  <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
         <h3 class="title">{{ $t("save_request_as") }}</h3>
@@ -33,7 +33,7 @@
         </li>
       </ul>
       <label>{{ $t("folder") }}</label>
-      <autocomplete
+      <SmartAutoComplete
         :placeholder="$t('search')"
         :source="folders"
         :spellcheck="false"
@@ -66,7 +66,7 @@
         </span>
       </div>
     </div>
-  </modal>
+  </SmartModal>
 </template>
 
 <script>

components/collections/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <pw-section class="yellow" :label="$t('collections')" ref="collections" no-legend>
+  <AppSection class="yellow" :label="$t('collections')" ref="collections" no-legend>
     <div class="show-on-large-screen">
       <input
         aria-label="Search"
@@ -9,28 +9,28 @@
         class="rounded-t-lg"
       />
     </div>
-    <add-collection :show="showModalAdd" @hide-modal="displayModalAdd(false)" />
-    <edit-collection
+    <CollectionsAdd :show="showModalAdd" @hide-modal="displayModalAdd(false)" />
+    <CollectionsEdit
       :show="showModalEdit"
       :editing-collection="editingCollection"
       :editing-collection-index="editingCollectionIndex"
       @hide-modal="displayModalEdit(false)"
     />
-    <add-folder
+    <CollectionsAddFolder
       :show="showModalAddFolder"
       :folder="editingFolder"
       :folder-path="editingFolderPath"
       @add-folder="onAddFolder($event)"
       @hide-modal="displayModalAddFolder(false)"
     />
-    <edit-folder
+    <CollectionsEditFolder
       :show="showModalEditFolder"
       :collection-index="editingCollectionIndex"
       :folder="editingFolder"
       :folder-index="editingFolderIndex"
       @hide-modal="displayModalEditFolder(false)"
     />
-    <edit-request
+    <CollectionsEditRequest
       :show="showModalEditRequest"
       :collection-index="editingCollectionIndex"
       :folder-index="editingFolderIndex"
@@ -39,7 +39,7 @@
       :request-index="editingRequestIndex"
       @hide-modal="displayModalEditRequest(false)"
     />
-    <import-export-collections
+    <CollectionsImportExport
       :show="showModalImportExport"
       @hide-modal="displayModalImportExport(false)"
     />
@@ -58,7 +58,7 @@
     <div class="virtual-list">
       <ul class="flex-col">
         <li v-for="(collection, index) in filteredCollections" :key="collection.name">
-          <collection
+          <CollectionsCollection
             :name="collection.name"
             :collection-index="index"
             :collection="collection"
@@ -76,7 +76,7 @@
     <p v-if="filterText && filteredCollections.length === 0" class="info">
       <i class="material-icons">not_interested</i> {{ $t("nothing_found") }} "{{ filterText }}"
     </p>
-  </pw-section>
+  </AppSection>
 </template>
 
 <style scoped lang="scss">