HM-74. Добавлена модалка-сайдбар. Реализована модалка для просмотра логов. (#32)

2020-07-25 23:39:53 +03:00
parent c425ffea45
commit f0013d1514
19 changed files with 472 additions and 7 deletions
--- a/src/components/server-logs-view-form/ServerLogsViewForm.js
+++ b/src/components/server-logs-view-form/ServerLogsViewForm.js
@ -0,0 +1,62 @@
+import Component from '../component';
+import ModalSidebar from '../modal-sidebar';
+import FormControl from '../form-control';
+import {FORM_TYPES} from '../../consts';
+import './ServerLogsViewForm.css';
+
+class ServerLogsViewForm extends Component {
+    constructor (parentNode) {
+        super('#logs-view-form', parentNode);
+
+        this.sidebar = new ModalSidebar({
+            content: this.mainNode,
+        });
+
+        this.title = this.mainNode.querySelector('.h2');
+        this.form = this.mainNode.querySelector('form');
+
+        this.title.textContent = 'Просмотр ошибок сервера';
+
+        const inputs = [
+            this.idInput = new FormControl(this.form, {
+                id: 'server-logs-view-form-id',
+                label: 'id',
+            }),
+            this.dateInput = new FormControl(this.form, {
+                id: 'server-logs-view-form-date',
+                label: 'Дата',
+            }),
+            this.typeInput = new FormControl(this.form, {
+                id: 'server-logs-view-form-type',
+                label: 'Тип записи',
+            }),
+            this.messageInput = new FormControl(this.form, {
+                id: 'server-logs-view-form-message',
+                label: 'Сообщение',
+                type: FORM_TYPES.TEXTAREA,
+                className: 'ServerLogsViewForm__message',
+            }),
+            this.stackInput = new FormControl(this.form, {
+                id: 'server-logs-view-form-stack',
+                label: 'Стек',
+                type: FORM_TYPES.TEXTAREA,
+                className: 'ServerLogsViewForm__stack',
+            }),
+        ];
+        inputs.forEach((input) => {
+            input.disabled(true);
+        });
+    }
+
+    setForm ({_id, date, message, trace, type}) {
+        this.idInput.setValue(_id);
+        this.dateInput.setValue(date);
+        this.typeInput.setValue(type);
+        this.messageInput.setValue(message);
+        this.stackInput.setValue(trace);
+
+        this.sidebar.show();
+    }
+}
+
+export default ServerLogsViewForm;