From 0daed5fb71d6a2972cca8b81e24c6dd6914c5e43 Mon Sep 17 00:00:00 2001
From: 639852 <sasha.bobyliev@mail.ru>
Date: Tue, 4 Jun 2024 16:02:05 +0400
Subject: [PATCH] - Added prices for image generation

---
 admin-ui/src/components/plan/openaiPrices.vue | 54 ++++++++++++++++---
 1 file changed, 47 insertions(+), 7 deletions(-)

diff --git a/admin-ui/src/components/plan/openaiPrices.vue b/admin-ui/src/components/plan/openaiPrices.vue
index e6d428820..37fb70201 100644
--- a/admin-ui/src/components/plan/openaiPrices.vue
+++ b/admin-ui/src/components/plan/openaiPrices.vue
@@ -3,7 +3,7 @@
     <nocloud-table
       table-name="openai-prices_table"
       :headers="headers"
-      :items="resources"
+      :items="items"
       :show-select="false"
     >
       <template v-slot:[`item.price`]="{ item }">
@@ -17,7 +17,7 @@
 </template>
 
 <script setup>
-import { onMounted, ref, toRefs } from "vue";
+import { computed, onMounted, ref, toRefs } from "vue";
 import NocloudTable from "@/components/table.vue";
 import api from "@/api";
 import { useStore } from "@/store";
@@ -45,7 +45,7 @@ const resources = ref([
     public: true,
   },
   {
-    key: "image_size_1024_1024_quality_standart",
+    key: "image_size_1024x1024_quality_standard",
     kind: "POSTPAID",
     price: 0,
     period: 0,
@@ -53,7 +53,7 @@ const resources = ref([
     public: true,
   },
   {
-    key: "image_size_1024_1024_quality_hd",
+    key: "image_size_1024x1024_quality_hd",
     kind: "POSTPAID",
     price: 0,
     period: 0,
@@ -61,7 +61,7 @@ const resources = ref([
     public: true,
   },
   {
-    key: "image_size_1024_1792_quality_standart",
+    key: "image_size_1024x1792_quality_standard",
     kind: "POSTPAID",
     price: 0,
     period: 0,
@@ -69,14 +69,36 @@ const resources = ref([
     public: true,
   },
   {
-    key: "image_size_1024_1792_quality_hd",
+    key: "image_size_1024x1792_quality_hd",
     kind: "POSTPAID",
     price: 0,
     period: 0,
     title: "Image 1024*1792 or 1792*1024 HD",
     public: true,
   },
+  {
+    key: "image_size_1792x1024_quality_standard",
+    kind: "POSTPAID",
+    price: 0,
+    period: 0,
+    title: "Image 1024*1792 or 1792*1024",
+    public: true,
+  },
+  {
+    key: "image_size_1792x1024_quality_hd",
+    kind: "POSTPAID",
+    price: 0,
+    period: 0,
+    title: "Image 1024*1792 or 1792*1024 HD",
+    public: true,
+  }
 ]);
+
+const items = computed(() =>
+  resources.value.filter(({ key }) =>
+    !['image_size_1792x1024_quality_standard', 'image_size_1792x1024_quality_hd'].includes(key)
+  )
+)
 const headers = [
   { text: "Key", value: "key" },
   { text: "Title", value: "title" },
@@ -103,10 +125,28 @@ onMounted(() => {
 const save = async () => {
   isSaveLoading.value = true;
   try {
+    const result = JSON.parse(JSON.stringify(resources.value))
+    const imageSize1792x1024 = result.find(({ key }) =>
+      key.includes('image_size_1792x1024_quality_standard')
+    )
+    const imageSize1792x1024HD = result.find(({ key }) =>
+      key.includes('image_size_1792x1024_quality_hd')
+    )
+
+    const imageSize1024x1792 = result.find(({ key }) =>
+      key.includes('image_size_1024x1792_quality_standard')
+    )
+    const imageSize1024x1792HD = result.find(({ key }) =>
+      key.includes('image_size_1024x1792_quality_hd')
+    )
+
+    imageSize1792x1024.price = imageSize1024x1792.price
+    imageSize1792x1024HD.price = imageSize1024x1792HD.price
+
     await api.plans.update(props.template.uuid, {
       ...props.template,
       products: {},
-      resources: JSON.parse(JSON.stringify(resources.value)),
+      resources: result,
     });
 
     store.commit("snackbar/showSnackbarSuccess", {