styling

frontend/src/pages/lab/openai/ImageGeneration.vue

@@ -1,48 +1,52 @@
 <template>
-    <div class="input_containter">
+  <div class="input_containter">
-      <input class="input_text" type="text" v-model="input_text" @keyup.enter="image_generation($event)" />
+    <input
-      <img class="responded_image" :src="responded_image"/>
+      class="input_text"
-    </div>
+      type="text"
-  </template>
+      v-model="input_text"
-  <script>
+      @keyup.enter="image_generation($event)"
-  import { LabApi } from '@/utils/index'
+    />
-  export default {
+    <img class="responded_image" :src="responded_image" />
-    name: 'ImageGeneration',
+  </div>
-    components: {},
+</template>
-    computed: {},
+<script>
-    mounted() { },
+import { LabApi } from '@/utils/index'
-    methods: {
+export default {
-      image_generation($event) {
+  name: 'ImageGeneration',
-        LabApi.image_generation(this.input_text)
+  components: {},
-          .then((response) => {
+  computed: {},
-            this.responded_image = response.data
+  mounted() {},
-          })
+  methods: {
-          .catch((error) => {
+    image_generation($event) {
-            this.mnx_backendErrorHandler(error)
+      LabApi.image_generation(this.input_text)
-          })
+        .then((response) => {
-      }
+          this.responded_image = response.data
-    },
+        })
-    data() {
+        .catch((error) => {
-      return {
+          this.mnx_backendErrorHandler(error)
-        input_text: null,
+        })
-        responded_image: null
+    }
-      }
+  },
+  data() {
+    return {
+      input_text: null,
+      responded_image: null
     }
   }
-  </script>
+}
-    
+</script>
-  <style scoped lang="scss">
+
-  .input_containter {
+<style scoped lang="scss">
-    @extend .container;
+.input_containter {
-    @extend .m-3;
+  @extend .container;
-  }
+  @extend .m-3;
-  
+}
-  .input_text {
+
-    @extend .w-100;
+.input_text {
-  }
+  @extend .w-100;
-  
+}
-  .responded_image {
+
-    @extend .w-100;
+.responded_image {
-  }
+  @extend .w-100;
-  </style>
+}
-    
+</style>

frontend/src/pages/lab/openai/MultiturnChat.vue

@@ -10,19 +10,19 @@ export default {
   name: 'MultiturnChat',
   components: {},
   computed: {},
-  mounted() { },
+  mounted() {},
   methods: {
     lets_chat($event) {
       this.messages.push({
-        "role": "user",
+        role: 'user',
-        "content": this.input_text
+        content: this.input_text
       })
       LabApi.multiturn_chat(this.messages)
         .then((response) => {
           this.responded_text = response.data
           this.messages.push({
-            "role": "assistant",
+            role: 'assistant',
-            "content": this.responded_text
+            content: this.responded_text
           })
         })
         .catch((error) => {
@@ -33,15 +33,13 @@ export default {
   data() {
     return {
       input_text: null,
-      messages: [
+      messages: [{ role: 'system', content: 'You are a helpful assistant.' }],
-        { "role": "system", "content": "You are a helpful assistant." }
-      ],
       responded_text: null
     }
   }
 }
 </script>
-    
+
 <style scoped lang="scss">
 .input_containter {
   @extend .container;
@@ -56,4 +54,3 @@ export default {
   @extend .w-100;
 }
 </style>
-    

frontend/src/pages/lab/openai/TaskCompletion.vue

@@ -1,6 +1,11 @@
 <template>
   <div class="input_containter">
-    <input class="input_text" type="text" v-model="input_text" @keyup.enter="task_completion($event)" />
+    <input
+      class="input_text"
+      type="text"
+      v-model="input_text"
+      @keyup.enter="task_completion($event)"
+    />
     <p class="responded_text">{{ responded_text }}</p>
   </div>
 </template>
@@ -10,7 +15,7 @@ export default {
   name: 'TaskCompletion',
   components: {},
   computed: {},
-  mounted() { },
+  mounted() {},
   methods: {
     task_completion($event) {
       LabApi.task_completion(this.input_text)
@@ -30,7 +35,7 @@ export default {
   }
 }
 </script>
-  
+
 <style scoped lang="scss">
 .input_containter {
   @extend .container;
@@ -45,4 +50,3 @@ export default {
   @extend .w-100;
 }
 </style>
-  

frontend/src/pages/user/messages/Home.vue

@@ -109,7 +109,7 @@ export default {
   computed: {
     conversations() {
       return this.$store.getters['basic/conversations']
-    },
+    }
   },
   watch: {
     conversations(n_val) {

frontend/src/plugins/store/basic.js

@@ -66,13 +66,17 @@ const basicStore = {
             if (data.event !== 'connected') {
               updateLength = conversations.length - state.conversations.length
               if (updateLength === 0) updateLength = 1
-              for (let i = 0; i<updateLength; i++) {
+              for (let i = 0; i < updateLength; i++) {
                 conversations[i].unread = true
               }
             }
             const conversation = conversations[0]
             if (conversation?.id) {
-              MessageHubApi.fetchMessages(conversation.id, conversation.message_update_time ? conversation.message_update_time : GWT, token).then((response) => {
+              MessageHubApi.fetchMessages(
+                conversation.id,
+                conversation.message_update_time ? conversation.message_update_time : GWT,
+                token
+              ).then((response) => {
                 conversations[0].messages = response?.data || []
                 conversations[0].message_update_time = new Date().toISOString()
                 state.conversations = conversations
@@ -92,7 +96,7 @@ const basicStore = {
       )
     },
     readMessageBy(state, conversation_id) {
-      for (let i = 0; i < state.conversations.length; i ++) {
+      for (let i = 0; i < state.conversations.length; i++) {
         if (conversation_id === state.conversations[i].id) {
           const nsc = Object.assign([], state.conversations)
           nsc[i].unread = false

frontend/src/utils/backend/lab.js

@@ -53,7 +53,6 @@ class LabApi {
       }
     )
     return request
-
   }
 }
 export { LabApi }