- Fixed some bugs

src/App.vue

@@ -26,8 +26,10 @@ export default {
       sessionStorage.removeItem("user");
 
       if (data.uuid) {
-        this.$router.replace({ name: 'openCloud_new', params: { uuid: data.uuid } });
-        setTimeout(() => { location.reload() }, 100);
+        setTimeout(() => {
+          this.$router.replace({ name: 'openCloud_new', params: { uuid: data.uuid } });
+          location.reload();
+        }, 100);
       } else if (this.$route.name.includes('login')) {
         this.$router.replace({ name: 'root' });
         location.reload();

src/components/appMain/cloud/openCloud_new.vue

@@ -752,7 +752,7 @@ export default {
   display: grid;
   grid-template-columns: 20% 1fr 20%;
   justify-items: center;
-  align-items: center;
+  align-items: start;
 }
 .Fcloud__header-title {
   position: relative;
@@ -777,9 +777,8 @@ export default {
   width: 15px;
   background-color: var(--bright_font);
   border-radius: 50%;
-  top: 55%;
+  bottom: 5px;
   left: -25px;
-  transform: translateY(-50%);
 }
 .Fcloud__buttons {
   display: flex;

src/components/appMain/modules/ovh cloud/createInstance.vue

@@ -30,7 +30,7 @@
         <a-col>
           <span style="display: inline-block">{{ $t('cpu') }}: (cores)</span>
         </a-col>
-        <a-col :span="20">
+        <a-col :span="24" :md="20">
           <a-slider
             range
             style="margin-top: 10px"
@@ -47,7 +47,7 @@
         <a-col>
           <span style="display: inline-block">{{ $t('ram') }}: (Gb)</span>
         </a-col>
-        <a-col :span="20">
+        <a-col :span="24" :md="20">
           <a-slider
             range
             style="margin-top: 10px"
@@ -64,7 +64,7 @@
         <a-col>
           <span style="display: inline-block">{{ $t("Drive") }}: (Gb)</span>
         </a-col>
-        <a-col :span="20">
+        <a-col :span="24" :md="20">
           <a-slider
             range
             style="margin-top: 10px"
@@ -309,4 +309,10 @@ export default {
   background-color: var(--main);
   color: #fff;
 }
+
+@media (max-width: 576px) {
+  .order__grid {
+    grid-template-columns: 1fr 1fr;
+  }
+}
 </style>

src/components/appMain/modules/ovh dedicated/createInstance.vue

@@ -427,4 +427,10 @@ export default {
   background-color: var(--main);
   color: #fff;
 }
+
+@media (max-width: 576px) {
+  .order__grid {
+    grid-template-columns: 1fr 1fr;
+  }
+}
 </style>

src/components/appMain/modules/ovh vps/createInstance.vue

@@ -159,7 +159,7 @@ export default {
       const addons = { backup: {}, snapshot: {}, disk: {} };
 
       Object.keys(addons).forEach((addon) => {
-        this.getPlan.resources?.forEach(({ price, key }) => {
+        this.getPlan.resources?.forEach(({ price, key, title }) => {
           const { value } = this.plans.find((el) => el.value.includes(this.planKey)) || {};
 
           const addonKey = key.split(' ')[1];
@@ -173,8 +173,9 @@ export default {
           const isInclude = this.allAddons[value]?.includes(addonKey);
           const isEqualMode = period.pricingMode === this.mode;
 
+          if (title === '') title = addonKey;
           if (isInclude && key.includes(addon) && isEqualMode) {
-            addons[addon][addonKey] = { periods: [period], title: addonKey };
+            addons[addon][addonKey] = { periods: [period], title };
           }
         });
       });

src/components/appMain/newPaaS.vue

@@ -570,7 +570,7 @@
 
 <script>
 import { mapGetters } from "vuex";
-import { NcMap } from "nocloud-ui";
+import { NcMap } from "../../../../nocloud-ui";
 import loading from "../loading/loading";
 import addFunds from '../balance/addFunds.vue';
 import notification from "@/mixins/notification.js";
@@ -681,7 +681,7 @@ export default {
         showcase.locations?.forEach((location) => {
           const sp = this.getSP.find(({ locations, type }) =>
             locations.find(({ id, type: locationType }) =>
-              location.id.includes(id) && locationType.includes(type)
+              location.id.includes(id) && ((locationType === '') ? true : locationType.includes(type))
             )
           );
 

src/components/appMain/ovhCreationTemplate.vue

@@ -545,4 +545,10 @@ export default {
 	background-color: var(--main);
 	color: #fff;
 }
+
+@media (max-width: 576px) {
+  .order__grid {
+    grid-template-columns: 1fr 1fr;
+  }
+}
 </style>

src/components/services/iaas/index.vue

@@ -930,6 +930,9 @@ export default {
   .product__specs td:last-child::before {
     transform: translate(-10px, -50%);
   }
+  .order__grid {
+    grid-template-columns: 1fr 1fr;
+  }
 }
 
 .specs-enter-active,

src/components/userProducts/userProducts.vue

@@ -323,7 +323,7 @@ export default {
             case 'Date':
               return new Date(a.date).getTime() - new Date(b.date).getTime();
             case 'Name' :
-              return a.productname.toLowerCase() < b.productname.toLowerCase();
+              return a.productname?.toLowerCase() < b.productname?.toLowerCase();
             case 'Cost':
               return parseFloat(a.orderamount) - parseFloat(b.orderamount);
           }

src/routes/register.vue

@@ -519,10 +519,6 @@ export default {
 		justify-content: center;
 	}
 
-	.login__forgot{
-		margin-top: 40px;
-	}
-
 	#qrcode{
 		display: inline-block;
 	}

src/store/products.js

@@ -44,7 +44,7 @@ export default {
 			return new Promise((resolve, reject) => {
 				api.get(rootState.nocloud.auth.baseURL, { params: { userid, run: 'get_active_products' } })
           .then(res => {
-            const products = Object.values(res ?? []);
+            const products = Object.values((res.ERROR) ? {} : res);
 
             commit('setProducts', products);
             commit('setProductsLoading', false);