﻿class Page extends PageView {
	constructor(app) {
		super(app);

		//<LAYOUT DESIGN> Changing this code manually might break the Page Designer.
		this.viewTop = new PanelView(this);
		this.viewTop.align = Align.Top;
		this.viewTop.height = '45%';
		this.viewTop.border = false;
	
		this.recordsView = new RecordsView(this.viewTop);
		this.recordsView.align = Align.Client;
		
		this.filesView = new FilesView(this.viewTop);
		this.filesView.margins.left = 3;
		this.filesView.align = Align.Right;
		this.filesView.width = '25%';
		this.filesView.source = this.recordsView;

		this.splitterTop = new Splitter(this);
		this.splitterTop.align = Align.Top;

		this.viewBottom = new PanelView(this);
		this.viewBottom.align = Align.Client;
		this.viewBottom.border = false;
	
		this.attributesView = new AttributesView(this.viewBottom);
		this.attributesView.align = Align.Left;
		this.attributesView.width = '30%';
		this.attributesView.options.status = true;
		this.attributesView.options.labelsWidth = '30%';
		this.attributesView.options.readOnly = false;
		this.attributesView.source = this.recordsView;

		this.splitterFile = new Splitter(this.viewBottom);
		this.splitterFile.align = Align.Left;

		this.fileView = new FileView(this.viewBottom);
		this.fileView.align = Align.Client;
		this.fileView.source = this.filesView;
		//<LAYOUT DESIGN>
	}
}