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

@@ -1,7 +1,7 @@
 <template>
   <div v-resize="onResize">
     <!-- {{ formState }} -->
-    <v-row v-if="formState.ready">
+    <v-row v-show="formState.ready">
       <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
       <v-col cols="12" class="d-sm-none accent--text">
         <h4>{{ $ay.t("ReportEditorMobileWarning") }}</h4>
@@ -138,11 +138,6 @@ import * as monaco from "monaco-editor";
 /*TODO:
 
 
-Mobile view should include a big warning not supported small screens
-  But still show the UI in case they can still work with it in an emerg
-
-Load test with HUGE data, make it crash!
-
 Don't show page until initform is done / showing untranslated text
 
 width on mobile?  Why is it so much wider than the form? shouldn't be afaik
@@ -474,13 +469,18 @@ Handlebars.registerHelper('loud', function (aString) {
           editor.restoreViewState(vm.editData.template.state);
           editor.updateOptions({ readOnly: false });
           vm.view = "edit";
-          editor.focus();
+          vm.$nextTick(() => {
+            editor.layout();
+            editor.focus();
+          });
+
           break;
         case "style":
           editor.setModel(vm.editData.style.model);
           editor.restoreViewState(vm.editData.style.state);
           editor.updateOptions({ readOnly: false });
           vm.view = "edit";
+          editor.layout();
           editor.focus();
           break;
         case "jsPrerender":
@@ -488,6 +488,7 @@ Handlebars.registerHelper('loud', function (aString) {
           editor.restoreViewState(vm.editData.jsPrerender.state);
           editor.updateOptions({ readOnly: false });
           vm.view = "edit";
+          editor.layout();
           editor.focus();
           break;
         case "jsHelpers":
@@ -495,6 +496,7 @@ Handlebars.registerHelper('loud', function (aString) {
           editor.restoreViewState(vm.editData.jsHelpers.state);
           editor.updateOptions({ readOnly: false });
           vm.view = "edit";
+          editor.layout();
           editor.focus();
           break;
         case "rawData":
@@ -502,6 +504,7 @@ Handlebars.registerHelper('loud', function (aString) {
           editor.restoreViewState(vm.editData.rawData.state);
           editor.updateOptions({ readOnly: true });
           vm.view = "edit";
+          editor.layout();
           editor.focus();
           break;
       }