ayanova/src/views/ay-report-edit.vue

@@ -1,16 +1,46 @@
 <template>
-  <v-card v-resize="onResize">
+  <v-tabs color="primary">
-    <MonacoEditor
+    <v-tab>Item One</v-tab>
-      class="editor"
+    <v-tab>Item Two</v-tab>
-      v-model="code"
+    <v-tab>CSS</v-tab>
-      language="javascript"
+    <v-tabs-items>
-      :options="monacoOptions"
+      <v-tab-item>
-      :style="editStyle()"
+        one
-    />
+      </v-tab-item>
-  </v-card>
+      <v-tab-item>
+        two
+      </v-tab-item>
+      <v-tab-item>
+        <MonacoEditor
+          class="editor"
+          v-model="report.style"
+          language="css"
+          :options="monacoOptions"
+          :style="editStyle()"
+          v-resize="onResize"
+        />
+      </v-tab-item>
+    </v-tabs-items>
+  </v-tabs>
+
   <!-- <gz-report-viewer
     :reportId="$route.params.recordid"
     :ayaType="$route.params.ayatype"
+      [Required]
+        public string Name { get; set; }
+        public bool Active { get; set; }
+        public string Notes { get; set; }
+        public AuthorizationRoles Roles { get; set; }
+        [Required]
+        public AyaType ObjectType { get; set; }
+
+        
+        public string Template { get; set; }
+        public string Style { get; set; }
+        public string JsPrerender { get; set; }
+        public string JsHelpers { get; set; }
+        [Required]
+        public ReportRenderType RenderType { get; set; }
   /> -->
 </template>
 
@@ -46,7 +76,20 @@ export default {
       code: "const noop = () => {}",
       monacoOptions: { automaticLayout: true },
       editAreaHeight: 300,
-      obj: {},
+      obj: {
+        id: 0,
+        concurrency: 0,
+        name: null,
+        active: null,
+        notes: null,
+        roles: null,
+        objectType: 0,
+        template: "",
+        style: "",
+        jsPrerender: "",
+        jsHelpers: "",
+        renderType: 0
+      },
       formState: {
         ready: false,
         dirty: false,