feat: init new partial modal

fe-app-podkop/src/luci.d.ts

@@ -35,6 +35,11 @@ declare global {
   };
 
   const _ = (_key: string) => string;
+
+  const ui = {
+    showModal: (_title: stirng, _content: HtmlElement) => undefined,
+    hideModal: () => undefined,
+  };
 }
 
 export {};

fe-app-podkop/src/main.ts

@@ -2,6 +2,7 @@
 'require baseclass';
 'require fs';
 'require uci';
+'require ui';
 
 export * from './validators';
 export * from './helpers';

fe-app-podkop/src/partials/index.ts

@@ -1,7 +1,10 @@
 import { styles as ButtonStyles } from './button/styles';
+import { styles as ModalStyles } from './modal/styles';
 
 export * from './button/renderButton';
+export * from './modal/renderModal';
 
 export const PartialStyles = `
 ${ButtonStyles}
+${ModalStyles}
 `;

fe-app-podkop/src/partials/modal/renderModal.ts

@@ -0,0 +1 @@
+export function renderModal() {}

fe-app-podkop/src/partials/modal/styles.ts

@@ -0,0 +1,2 @@
+// language=CSS
+export const styles = ``;

fe-app-podkop/src/podkop/tabs/diagnostic/initController.ts

@@ -249,7 +249,7 @@ function renderDiagnosticAvailableActionsWidget() {
     globalCheck: {
       loading: diagnosticsActions.globalCheck.loading,
       visible: true,
-      onClick: () => {},
+      onClick: () => ui.showModal('globalCheck', E('div', {}, 'Example')),
       disabled: atLeastOneServiceCommandLoading,
     },
     viewLogs: {