apps/email: basic setup using npm run create-app #6601

tobiu · tobiu · commit 7570faba58ba · 2025-03-31T17:14:04.000+02:00
diff --git a/.gitignore b/.gitignore
@@ -12,6 +12,9 @@
 !/apps/covid/index.html
 !/apps/covid/**/*.mjs
 !/apps/covid/neo-config.json
+!/apps/email/index.html
+!/apps/email/**/*.mjs
+!/apps/email/neo-config.json
 !/apps/finance/index.html
 !/apps/finance/**/*.mjs
 !/apps/finance/neo-config.json
diff --git a/apps/email/app.mjs b/apps/email/app.mjs
@@ -0,0 +1,6 @@
+import MainContainer from './view/MainContainer.mjs';
+
+export const onStart = () => Neo.app({
+    mainView: MainContainer,
+    name    : 'Email'
+});
diff --git a/apps/email/index.html b/apps/email/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8">
+    <title>Email</title>
+</head>
+<body>
+    <script src="../../src/MicroLoader.mjs" type="module"></script>
+</body>
+</html>
diff --git a/apps/email/neo-config.json b/apps/email/neo-config.json
@@ -0,0 +1,9 @@
+{
+    "appPath": "apps/email/app.mjs",
+    "basePath": "../../",
+    "environment": "development",
+    "mainPath": "./Main.mjs",
+    "themes": [
+        "neo-theme-light"
+    ]
+}
diff --git a/apps/email/view/MainContainer.mjs b/apps/email/view/MainContainer.mjs
@@ -0,0 +1,56 @@
+import Component    from '../../../src/component/Base.mjs';
+import TabContainer from '../../../src/tab/Container.mjs';
+import Viewport     from '../../../src/container/Viewport.mjs';
+
+/**
+ * @class Email.view.MainContainer
+ * @extends Neo.container.Viewport
+ */
+class MainContainer extends Viewport {
+    static config = {
+        /**
+         * @member {String} className='Email.view.MainContainer'
+         * @protected
+         */
+        className: 'Email.view.MainContainer',
+        /**
+         * @member {Boolean} autoMount=true
+         */
+        autoMount: true,
+        /**
+         * @member {Object[]} items
+         */
+        items: [{
+            module: TabContainer,
+            height: 300,
+            width : 500,
+            style : {flex: 'none', margin: '20px'},
+
+            itemDefaults: {
+                module: Component,
+                cls   : ['neo-examples-tab-component'],
+                style : {padding: '20px'},
+            },
+
+            items: [{
+                header: {
+                    iconCls: 'fa fa-home',
+                    text   : 'Tab 1'
+                },
+                vdom: {innerHTML: 'Welcome to your new Neo App.'}
+            }, {
+                header: {
+                    iconCls: 'fa fa-play-circle',
+                    text   : 'Tab 2'
+                },
+                vdom: {innerHTML: 'Have fun creating something awesome!'}
+            }]
+        }],
+        /*
+         * @member {Object} layout={ntype:'fit'}
+         */
+        layout: {ntype: 'fit'}
+    }
+}
+
+export default Neo.setupClass(MainContainer);
