mdkcontroller 1.0.11 → 1.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
.grid_Line {
|
|
2
|
+
display: flex;
|
|
3
|
+
justify-content: space-between;
|
|
4
|
+
padding: 0 20px;
|
|
5
|
+
align-items: center;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.grid_Line > * {
|
|
9
|
+
overflow-wrap: anywhere;
|
|
10
|
+
padding: 3px;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.grid_Line .f1 {
|
|
14
|
+
width: 100%;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.grid_Line .f2 {
|
|
18
|
+
width: 50%;
|
|
19
|
+
}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
.dk-usernameNav {
|
|
2
|
+
top: 0;
|
|
3
|
+
position: sticky;
|
|
4
|
+
border-bottom: 1px solid;
|
|
5
|
+
display: flow-root;
|
|
6
|
+
background-color: #ffffff2e;
|
|
7
|
+
backdrop-filter: blur(5px);
|
|
8
|
+
min-height: 25px;
|
|
9
|
+
padding: 5px 0 0 0;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.dk-usernameNav .uleft {
|
|
13
|
+
display: flex;
|
|
14
|
+
float: left;
|
|
15
|
+
}
|
|
16
|
+
.dk-usernameNav .uleft a{
|
|
17
|
+
margin-right: 10px;
|
|
18
|
+
}
|
|
19
|
+
.dk-usernameNav .uright {
|
|
20
|
+
float: right;
|
|
21
|
+
display: flex;
|
|
22
|
+
flex-direction: row-reverse;
|
|
23
|
+
}
|
|
24
|
+
.dk-usernameNav .uright a{
|
|
25
|
+
margin-left: 10px;
|
|
26
|
+
}
|
|
27
|
+
.dk-usernameNav a:hover {
|
|
28
|
+
cursor: pointer;
|
|
29
|
+
}
|
|
30
|
+
.dk-usernameNav .menu > menu{
|
|
31
|
+
position: absolute;
|
|
32
|
+
display: block;
|
|
33
|
+
height: 0;
|
|
34
|
+
opacity: 0;
|
|
35
|
+
max-width: 300px;
|
|
36
|
+
background-color: black;
|
|
37
|
+
transition: all ease-out 0.2s;
|
|
38
|
+
overflow: hidden;
|
|
39
|
+
border-bottom-right-radius: 10px;
|
|
40
|
+
border-bottom-left-radius: 10px;
|
|
41
|
+
border: 1px solid #97e68e;
|
|
42
|
+
padding: 3px 10px;
|
|
43
|
+
margin: 0;
|
|
44
|
+
}
|
|
45
|
+
.dk-usernameNav .menu:hover {
|
|
46
|
+
menu{
|
|
47
|
+
height: auto;
|
|
48
|
+
opacity: 1;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
ul {
|
|
52
|
+
margin: 0;
|
|
53
|
+
}
|
|
54
|
+
/*MOBILE*/
|
|
55
|
+
|
|
56
|
+
@media only screen and (max-width: 767px) {
|
|
57
|
+
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/*DESKTOP*/
|
|
61
|
+
@media only screen and (min-width: 768px) {
|
|
62
|
+
|
|
63
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css";
|
|
2
|
+
@import "global-nav.css";
|
|
3
|
+
@import "global-grid.css";
|
|
4
|
+
|
|
5
|
+
.bodyBox {
|
|
6
|
+
border: 0px solid;
|
|
7
|
+
border-radius: 10px;
|
|
8
|
+
margin: 30px;
|
|
9
|
+
padding: 0 10px;
|
|
10
|
+
background-color: rgba(0, 0, 0, 0.9);
|
|
11
|
+
min-height: 500px;
|
|
12
|
+
color: white;
|
|
13
|
+
font-size: 18px;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.boxBorder {
|
|
17
|
+
border: 1px solid white;
|
|
18
|
+
border-radius: 8px;
|
|
19
|
+
padding: 5px;
|
|
20
|
+
margin: 5px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
h1, h2, h3, h4, h5 {
|
|
24
|
+
margin: 0;
|
|
25
|
+
}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<title>DashBoard SoThuChi</title>
|
|
6
|
+
<link rel="stylesheet" href="../asset/global.css">
|
|
7
|
+
<script type="text/javascript">
|
|
8
|
+
const _userInfo = {displayName: 'Duy Khanh '};
|
|
9
|
+
</script>
|
|
10
|
+
</head>
|
|
11
|
+
<body>
|
|
12
|
+
<div class="bodyBox">
|
|
13
|
+
<div class="dk-usernameNav">
|
|
14
|
+
<div class="uleft">
|
|
15
|
+
<a>Hi Khanhnbd</a>
|
|
16
|
+
<a class="menu">Menu
|
|
17
|
+
<menu >
|
|
18
|
+
<li>Xin Chào 1
|
|
19
|
+
<ul>
|
|
20
|
+
<li>Submenu 2-2-1</li>
|
|
21
|
+
<li>Submenu 2-2-2</li>
|
|
22
|
+
</ul>
|
|
23
|
+
</li>
|
|
24
|
+
</menu>
|
|
25
|
+
</a>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="uright">
|
|
28
|
+
<a>Logout</a>
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
</div>
|
|
32
|
+
|
|
33
|
+
<div>
|
|
34
|
+
<div class="boxBorder" style="display: flex; flex-wrap: wrap;">
|
|
35
|
+
<div class="boxBorder" style="width: 200px; height: 100px;"></div>
|
|
36
|
+
<div class="boxBorder" style="width: 200px; height: 100px;"></div>
|
|
37
|
+
<div class="boxBorder" style="width: 200px; height: 100px;"></div>
|
|
38
|
+
<div class="boxBorder" style="width: 200px; height: 100px;"></div>
|
|
39
|
+
<div class="boxBorder" style="width: 200px; height: 100px;"></div>
|
|
40
|
+
<div class="boxBorder" style="width: 200px; height: 100px;"></div>
|
|
41
|
+
</div>
|
|
42
|
+
<div class="boxBorder">
|
|
43
|
+
<h4>Chi tiet giao dich</h4>
|
|
44
|
+
<div class="">
|
|
45
|
+
<div class="boxBorder">
|
|
46
|
+
<div class="grid_Line">
|
|
47
|
+
<span>Ngay 01.02.2023</span>
|
|
48
|
+
<span>800.000</span>
|
|
49
|
+
</div>
|
|
50
|
+
<div class="grid_Line" style="margin-left: 30px;">
|
|
51
|
+
<span class="f2">Logo</span>
|
|
52
|
+
<span class="f2">ADF</span>
|
|
53
|
+
<span class="f1">abcsdgasdtre</span>
|
|
54
|
+
<span class="f2">999,999</span>
|
|
55
|
+
</div>
|
|
56
|
+
<div class="grid_Line" style="margin-left: 30px;">
|
|
57
|
+
<span class="f2">Logo</span>
|
|
58
|
+
<span class="f2">ADF</span>
|
|
59
|
+
<span class="f1">abcsdgasdtreabcsdgasdtreabcsdgasdtreabcsdgasdtreabcsdgasdtreabcsdgasdtreabcsdgasdtre</span>
|
|
60
|
+
<span class="f2">999,999</span>
|
|
61
|
+
</div>
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
</body>
|
|
68
|
+
</html>
|
package/demoApp.js
CHANGED
package/main.js
CHANGED
|
@@ -9,6 +9,7 @@ import cookieParser from "cookie-parser";
|
|
|
9
9
|
import dbInstant from "./dk_modules/dkdb.js";
|
|
10
10
|
import userInstant from "./dk_modules/users.js";
|
|
11
11
|
import authInstant from "./dk_modules/authorization.js";
|
|
12
|
+
|
|
12
13
|
import {fileURLToPath} from "url";
|
|
13
14
|
import path from 'path';
|
|
14
15
|
// import {privateKey, encodeMini} from "./dk_modules/dkvar.js";
|
|
@@ -22,7 +23,6 @@ export default async function (appname, cfgHandler = {}) {
|
|
|
22
23
|
const server = createServer(app);
|
|
23
24
|
const db = await dbInstant(appname + "-Database.json");
|
|
24
25
|
const auth = authInstant(db);
|
|
25
|
-
|
|
26
26
|
const userRoutes = userInstant(Router(), db);
|
|
27
27
|
|
|
28
28
|
app.use(json());
|
|
@@ -66,12 +66,13 @@ export default async function (appname, cfgHandler = {}) {
|
|
|
66
66
|
server: app,
|
|
67
67
|
database: db,
|
|
68
68
|
authen: auth,
|
|
69
|
-
startListen:
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
69
|
+
startListen:
|
|
70
|
+
function (kport = 8095) {
|
|
71
|
+
server.listen(kport, () => {
|
|
72
|
+
console.log(
|
|
73
|
+
`Server is listening on port ${kport}: http://localhost:${kport}`
|
|
74
|
+
);
|
|
75
|
+
});
|
|
76
|
+
}
|
|
76
77
|
}
|
|
77
78
|
}
|
package/package.json
CHANGED
|
@@ -10,14 +10,14 @@
|
|
|
10
10
|
"socket.io": "^4.7.2"
|
|
11
11
|
},
|
|
12
12
|
"name": "mdkcontroller",
|
|
13
|
-
"version": "1.0.
|
|
13
|
+
"version": "1.0.13",
|
|
14
14
|
"keywords": [],
|
|
15
15
|
"author": "KHANHNBD <khanh272421@gmail.com>",
|
|
16
16
|
"license": "ISC",
|
|
17
17
|
"description": "Quick setup authentication and express",
|
|
18
18
|
"type": "module",
|
|
19
19
|
"exports": {
|
|
20
|
-
".": "./
|
|
20
|
+
".": "./index.js"
|
|
21
21
|
},
|
|
22
22
|
"types": "./main.js",
|
|
23
23
|
"files": [
|
|
@@ -25,6 +25,6 @@
|
|
|
25
25
|
"main.js",
|
|
26
26
|
"Cores/",
|
|
27
27
|
"dk_modules/",
|
|
28
|
-
"
|
|
28
|
+
"Pages/"
|
|
29
29
|
]
|
|
30
30
|
}
|