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

@@ -11,23 +11,23 @@
           mandatory
         >
           <v-btn value="properties">
-            Properties
+            {{ $ay.t("ReportEditorProperties") }}
           </v-btn>
 
           <v-btn value="template">
-            Template
+            {{ $ay.t("ReportTemplate") }}
           </v-btn>
 
           <v-btn value="style">
-            Style
+            CSS
           </v-btn>
 
           <v-btn value="jsPrerender">
-            JSPrerender
+            Pre-render
           </v-btn>
 
           <v-btn value="jsHelpers">
-            JSHelpers
+            Helpers
           </v-btn>
         </v-btn-toggle>
       </v-col>
@@ -35,7 +35,58 @@
         <div id="editContainer"></div>
       </v-col>
       <v-col cols="12" v-show="activeTab == 'properties'">
-        <h5>Properties</h5>
+        <v-form ref="form">
+          <v-row>
+            <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+            <v-col cols="12" sm="6" lg="4" xl="3">
+              <v-text-field
+                v-model="obj.name"
+                :readonly="formState.readOnly"
+                :disabled="formState.readOnly"
+                :clearable="!formState.readOnly"
+                @click:clear="fieldValueChanged('name')"
+                :counter="255"
+                :label="$ay.t('ReportName')"
+                :rules="[
+                  form().max255(this, 'name'),
+                  form().required(this, 'name')
+                ]"
+                :error-messages="form().serverErrors(this, 'name')"
+                ref="name"
+                :data-cy="!!$ay.dev ? 'name' : false"
+                @input="fieldValueChanged('name')"
+              ></v-text-field>
+            </v-col>
+
+            <v-col cols="12" sm="6" lg="4" xl="3">
+              <v-checkbox
+                v-model="obj.active"
+                :readonly="formState.readOnly"
+                :disabled="formState.readOnly"
+                :label="$ay.t('Active')"
+                ref="active"
+                :data-cy="!!$ay.dev ? 'active' : false"
+                :error-messages="form().serverErrors(this, 'active')"
+                @change="fieldValueChanged('active')"
+              ></v-checkbox>
+            </v-col>
+
+            <v-col cols="12">
+              <v-textarea
+                v-model="obj.notes"
+                :readonly="formState.readOnly"
+                :disabled="formState.readOnly"
+                :label="$ay.t('ReportNotes')"
+                :error-messages="form().serverErrors(this, 'notes')"
+                ref="notes"
+                :data-cy="!!$ay.dev ? 'notes' : false"
+                @input="fieldValueChanged('notes')"
+                auto-grow
+                :clearable="!formState.readOnly"
+              ></v-textarea>
+            </v-col>
+          </v-row>
+        </v-form>
       </v-col>
     </v-row>
   </div>
@@ -170,10 +221,14 @@ export default {
         style: `.example {
   color: blue;
 }`,
-        jsPrerender: `function pre(reportdata){
+        jsPrerender: `function preRender(reportdata){         
+    //this is called before the report is rendered
+    //modify data as required here 
     return reportData;
 }`,
-        jsHelpers: `Handlebars.registerHelper('loud', function (aString) {
+        jsHelpers: `//Register custom Handlebars helpers here to use in your report script
+//https://handlebarsjs.com/guide/#custom-helpers
+Handlebars.registerHelper('loud', function (aString) {
     return aString.toUpperCase()
 })`,
         renderType: 0
@@ -628,6 +683,12 @@ async function initForm(vm) {
 // Ensures UI translated text is available
 //
 async function fetchTranslatedText(vm) {
-  await window.$gz.translation.cacheTranslations(["ReportDesignReport"]);
+  await window.$gz.translation.cacheTranslations([
+    "ReportDesignReport",
+    "ReportName",
+    "ReportEditorProperties",
+    "ReportNotes",
+    "ReportTemplate"
+  ]);
 }
 </script>