Clean up read-only support

src/app/app.component.ts

@@ -43,7 +43,7 @@ export class AppComponent implements OnInit {
   public virtualRootPageId?: string;
   public options = {
     isExpandedField: 'expanded',
-    animateExpand: true,
+    animateExpand: false,
     scrollOnActivate: false,
     allowDrag: true,
     allowDrop: (element, { parent, index }) => {

src/app/components/editor/database/database.component.ts

@@ -236,6 +236,7 @@ export class DatabaseComponent extends EditorNodeContract implements OnInit {
       x.editable = !this.readonly;
       x.minWidth = 150;
       x.resizable = true;
+      x._parentEditorUUID = this.editorUUID;
 
       if ( x.additionalData?.width ) {
         x.width = x.additionalData.width;

src/app/components/editor/database/renderers/boolean-renderer.component.ts

@@ -1,13 +1,14 @@
 import {ICellRendererAngularComp} from 'ag-grid-angular';
 import {Component} from '@angular/core';
 import {ICellRendererParams} from 'ag-grid-community';
+import {EditorService} from '../../../../service/editor.service';
 
 @Component({
     selector: 'editor-boolean-renderer',
     template: `
         <ng-container *ngIf="!checkbox">{{ display }}</ng-container>
         <div *ngIf="checkbox" style="width: 100%; text-align: center; padding-top: 3px;">
-            <ion-checkbox [checked]="params.value" (ionChange)="onChecked($event)"></ion-checkbox>
+            <ion-checkbox [checked]="params.value" (ionChange)="onChecked($event)" [disabled]="!editorService.canEdit()"></ion-checkbox>
         </div>
     `,
     styles: [`
@@ -27,9 +28,20 @@ export class BooleanRendererComponent implements ICellRendererAngularComp {
 
     public checked = false;
 
+    constructor(
+        public editorService: EditorService,
+    ) { }
+
     agInit(params: ICellRendererParams): void {
+        console.log('bool renderer', this);
         this.params = params;
 
+        // @ts-ignore
+        if ( this.params.colDef._parentEditorUUID ) {
+            // @ts-ignore
+            this.editorService = this.editorService.getEditor(this.params.colDef._parentEditorUUID)
+        }
+
         // @ts-ignore
         this.checkbox = params.colDef.additionalData.labelType === 'checkbox';
 

src/app/components/editor/files/files.component.ts

@@ -72,8 +72,10 @@ export class FilesComponent extends EditorNodeContract implements OnInit {
     }
 
     this.pendingSetup = false;
+    if ( this.fileUploader ) {
       this.fileUploader.nativeElement.value = null;
     }
+  }
 
   public async performDelete(): Promise<void> {
     await this.api.deleteFileGroup(this.page.UUID, this.node.UUID, this.node.Value.Value);