Merge pull request #73 from thuongtruong1009/seller/new-product

feat(add): new products management for seller

src/components.d.ts

@@ -10,7 +10,6 @@ declare module 'vue' {
     CarbonLanguage: typeof import('~icons/carbon/language')['default']
     CarbonMoon: typeof import('~icons/carbon/moon')['default']
     CarbonSun: typeof import('~icons/carbon/sun')['default']
-    CarbonWarning: typeof import('~icons/carbon/warning')['default']
     CASellerList: typeof import('./components/admin/CASellerList.vue')['default']
     CBAccount: typeof import('./components/buyer/CBAccount.vue')['default']
     CBBanner: typeof import('./components/buyer/CBBanner.vue')['default']
@@ -118,11 +117,13 @@ declare module 'vue' {
     IRupee: typeof import('./components/icons/header/IRupee.vue')['default']
     ISave: typeof import('./components/icons/ISave.vue')['default']
     ISearch: typeof import('./components/icons/ISearch.vue')['default']
+    ISEdit: typeof import('./components/icons/seller/ISEdit.vue')['default']
     ISell: typeof import('./components/icons/ISell.vue')['default']
     ISetting: typeof import('./components/icons/ISetting.vue')['default']
     IShakeHand: typeof import('./components/icons/about/IShakeHand.vue')['default']
     IShop: typeof import('./components/icons/IShop.vue')['default']
     IShopee: typeof import('./components/icons/IShopee.vue')['default']
+    ISNew: typeof import('./components/icons/seller/ISNew.vue')['default']
     IStar: typeof import('./components/icons/IStar.vue')['default']
     IStars: typeof import('./components/icons/IStars.vue')['default']
     IStatus: typeof import('./components/icons/IStatus.vue')['default']

src/components/icons/seller/ISEdit.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1.2em" height="1.2em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4.333 16.048L16.57 3.81a2.56 2.56 0 0 1 3.62 3.619L7.951 19.667a2 2 0 0 1-1.022.547L3 21l.786-3.93a2 2 0 0 1 .547-1.022Z" /><path d="m14.5 6.5l3 3" /></g></svg>
+</template>

src/components/icons/seller/ISNew.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"><path fill="currentColor" d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z" /><path fill="currentColor" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372s372 166.6 372 372s-166.6 372-372 372z" /></svg>
+</template>

src/components/seller/SLMenu.vue

@@ -49,7 +49,7 @@ const onClick = (index) => {
         </div>
       </div>
       <div v-if="isOrder === true" class="grid pl-10">
-        <router-link to="/seller/orders/all" href="seller/orders/all" :style="isClick.zero ? {'color': 'red'} : {'color': 'black'}" @click="onClick('zero')">
+        <router-link to="/seller/orders/all" :style="isClick.zero ? {'color': 'red'} : {'color': 'black'}" @click="onClick('zero')">
           <span class="text-xl">•</span> All order
         </router-link>
         <router-link to="/seller/orders/all" :style="isClick.one ? {'color': 'red'} : {'color': 'black'}" @click="onClick('one')">
@@ -65,10 +65,10 @@ const onClick = (index) => {
         </div>
       </div>
       <div v-if="isProd === true" class="grid pl-10">
-        <router-link to="/seller/prods/all" :style="isClick.two ? {'color': 'red'} : {'color': 'black'}" @click="onClick('two')">
+        <router-link to="/seller/product/all" :style="isClick.two ? {'color': 'red'} : {'color': 'black'}" @click="onClick('two')">
           <span class="text-xl">•</span> All products
         </router-link>
-        <router-link to="/seller/prods/add" :style="isClick.three ? {'color': 'red'} : {'color': 'black'}" @click="onClick('three')">
+        <router-link to="/seller/product/category" :style="isClick.three ? {'color': 'red'} : {'color': 'black'}" @click="onClick('three')">
           <span class="text-xl">•</span> Add products
         </router-link>
       </div>

src/layouts/seller/product/LSProdNew.vue

@@ -0,0 +1,8 @@
+<template>
+  <main class="text-gray-700 dark:text-gray-200 overflow-x-hidden h-screen w-screen bg-[#F6F6F6]">
+    <SHead />
+    <div class="w-full flex justify-center py-2 bg-[#F6F6F6]">
+      <router-view />
+    </div>
+  </main>
+</template>

src/pages/seller/prods/all.vue → src/pages/seller/product/all.vue

@@ -1,6 +1,6 @@
 <route lang="yaml">
 meta:
-  layout: seller/prod/LSProdAll
+  layout: seller/product/LSProdAll
 </route>
 
 <script setup>

src/pages/seller/prods/add.vue → src/pages/seller/product/category.vue

@@ -1,6 +1,6 @@
 <route lang="yaml">
 meta:
-  layout: seller/prod/LSProdAdd
+  layout: seller/product/LSProdAdd
 </route>
 
 <script setup>
@@ -109,9 +109,11 @@ const productsList = reactive([
           Thiết Bị Điện Gia Dụng > Thiết bị điện gia dụng lớn > Thiết bị làm mát
         </p>
       </div>
-      <button class="bg-[#E54A2B] text-white rounded-md px-10 py-1.5 my-5 shadow-md shadow-gray-300">
-        Next
-      </button>
+      <router-link to="/seller/product/new">
+        <button class="bg-[#E54A2B] text-white rounded-md px-10 py-1.5 my-5 shadow-md shadow-gray-300">
+          Next
+        </button>
+      </router-link>
     </div>
   </div>
 </template>