isite 2021.12.16 → 2022.1.10

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.
package/README.md CHANGED
@@ -522,14 +522,15 @@ site.onGET('/testGetCookie', function (req, res) {
522
522
 
523
523
  ```js
524
524
  site.onGET('/testSetSession', function (req, res) {
525
- req.session('user_name', req.query.user_name);
526
- res.session('ip', req.ip);
527
- res.session('more', 'any data');
525
+ req.session.user_name = req.query.user_name;
526
+ res.session.ip = req.ip;
527
+ res.session.more = 'any data';
528
+ site.saveSession(res.session);
528
529
  res.end('Session Set ok !! ');
529
530
  }); //example : /testSetSession?user_name=absunstar
530
531
 
531
532
  site.onGET('/testGetSession', function (req, res) {
532
- res.end('User Name from session : ' + req.session('user_name'));
533
+ res.end('User Name from session : ' + req.session.user_name);
533
534
  }); //example : /testGetSession
534
535
  ```
535
536
 
@@ -2,6 +2,7 @@
2
2
  .dropdown {
3
3
  position: relative;
4
4
  display: inline-block;
5
+ width: 100%;
5
6
  }
6
7
 
7
8
  /* Dropdown Content (Hidden by Default) */
@@ -34,7 +35,8 @@
34
35
  background-color: var(--theme-color);
35
36
  color: #fff;
36
37
  }
37
- .dropdown-content .dropdown-item:hover p , .dropdown-content .dropdown-item:hover small{
38
+ .dropdown-content .dropdown-item:hover p,
39
+ .dropdown-content .dropdown-item:hover small {
38
40
  color: #fff;
39
41
  }
40
42
  /* Show the dropdown menu on hover */
@@ -50,12 +52,12 @@
50
52
  cursor: pointer;
51
53
  background: var(--dropdown-background);
52
54
  }
53
- .dropdown-item p{
55
+ .dropdown-item p {
54
56
  color: var(--dropdown-color);
55
57
  font-size: var(--dropdown-font-size);
56
58
  background: transparent;
57
59
  }
58
- .dropdown-item small{
60
+ .dropdown-item small {
59
61
  color: var(--dropdown-color2);
60
62
  font-size: var(--dropdown-font-size2);
61
- }
63
+ }
@@ -136,9 +136,8 @@ textarea:focus {
136
136
  }
137
137
 
138
138
  fieldset {
139
- padding: 4px;
140
- margin: 0px;
141
- margin-bottom: 10px;
139
+ padding: var(--fieldset-padding);
140
+ margin: var(--fieldset-margin);
142
141
  background: var(--fieldset-background);
143
142
  border: var(--fieldset-border);
144
143
  }
@@ -1,148 +1,149 @@
1
1
  :root {
2
-
3
- --theme-color : #283e4a;
4
- --theme-color2 : #2f8033;
5
- --font-family: Droid , Cairo, sans-serif, Tahoma, serif;
6
- --font-weight : normal;
7
- --font-size : 14px;
8
- --line-height : 1.4;
9
- --float: left;
10
- --direction: ltr;
11
- --text-align: left;
12
- --color: #ffffff;
13
- --background-color: #607D8B;
14
- --box-shadow-color: #272727;
15
- --border: 1px solid #353535;
16
- --zoom : 90%;
17
- --user-select : text;
18
-
19
- --body-background : #607D8B;
20
- --body-margin-top : 70px;
21
- --body-margin-bottom : 200px;
22
-
23
- --h-font-weight : normal;
24
-
25
- --navbar-color: #fff;
26
- --navbar-span-color : #ffffff;
27
- --navbar-background-color: #283e4a;
28
- --navbar-box-shadow-color: #272727;
29
- --navbar-li-border-radius : 8px;
30
- --navbar-li-border : none;
31
-
32
- --tabs-color: #fff;
33
- --tabs-background-color: #283e4a;
34
- --tabs-background-color2: rgb(60, 85, 97);
35
- --tabs-header-width : 20%;
36
- --tabs-content-width : 80%;
37
- --tabs-header-link-color : #ffffff;
38
- --tabs-header-link-color2 : #ffffff;
39
- --tabs-header-link-background : none;
40
- --tabs-header-link-border : none;
41
- --tabs-header-link-border-bottom : none;
42
- --tabs-header-link-radius : 4px;
43
- --tab-animation-name : animatetabs;
44
- --tab-animation-duration : 0.5s;
45
-
46
- --treeview-color : #ffffff;
47
- --treeview-color2 : #ffffff;
48
- --treeview-background-color : none;
49
- --treeview-border-color : #000000;
50
- --treeview-background-color2 : rgb(60, 85, 97);
51
- --treeview-display-color : #0000ff;
52
-
53
- --form-color: #ffffff;
54
- --form-background-color: none;
55
- --label-font-size : 12px;
56
- --label-font-weight : bold;
57
- --label-text-align : center;
58
-
59
- --input-color: #FFEB3B;
60
- --input-background-color: #3c5d6f;
61
- --input-height : 33px;
62
- --input-padding : 6px 12px;
63
- --input-font-size:14px;
64
- --input-font-wight:bold;
65
- --input-border-radius : 4px;
66
- --input-border-width: 1px;
67
- --input-border-color: #272727;
68
- --input-focus-border-width : 2px;
69
- --input-focus-border-color : var(--input-color);
70
-
71
- --textarea-border-width : 1px;
72
- --select-appearance: menulist;
73
- --select-font-size : 14px;
74
- --select-color : #000000;
75
- --select-height : 33px;
76
-
77
- --btn-color: #ffffff;
78
- --btn-background: #283e4a;
79
- --btn-add-color: #ffffff;
80
- --btn-add-background-color: #118011;
81
- --btn-update-color: #ffffff;
82
- --btn-update-background-color: #117380;
83
- --btn-save-color: #ffffff;
84
- --btn-save-background-color: #117380;
85
- --btn-delete-color: #ffffff;
86
- --btn-delete-background-color: #801117;
87
- --btn-view-color: #ffffff;
88
- --btn-view-background-color: #451180;
89
- --btn-exit-color: #ffffff;
90
- --btn-exit-background-color: #811e1e;
91
- --btn-search-color: #ffffff;
92
- --btn-search-background-color: #243688;
93
- --btn-print-color: #ffffff;
94
- --btn-print-background-color: #000000;
95
- --btn-export-color: #000000;
96
- --btn-export-background-color: #ffffff;
97
- --btn-sgin-color: #283e4a;
98
- --btn-sgin-background-color: #ffffff;
99
- --btn-box-shadow-color: #272727;
100
- --btn-border-radius : 5px;
101
-
102
- --i-image-border : 2px dashed var(--modal-header-background-color);
103
- --i-image-view-border : 2px solid var(--modal-header-background-color);
104
-
105
- --fieldset-border : 2px solid #283e4a;
106
- --fieldset-background: none;
107
- --legend-color : #fff;
108
- --legend-text-shadow: none;
109
- --legend-font-size: 16px;
110
- --legend-font-weight: bold;
111
- --legend-border : none;
112
-
113
- --modal-background : rgba(0,0,0,0.6);
114
- --modal-content-background: #607D8B;
115
- --modal-content-border: none;
116
- --modal-color: #000;
117
- --modal-animation-name: animatetop;
118
- --modal-animation-duration: 0.4s;
119
- --modal-header-color: #000000;
120
- --modal-footer-color: #000000;
121
- --modal-header-background-color: #283e4a;
122
- --modal-footer-background-color: #bbb;
123
- --modal-box-shadow-color: #000000;
124
-
125
- --table-color: #030303;
126
- --table-background-color: #ffffff;
127
- --table-border: 1px solid #bbb;
128
- --table-hover-background-color: yellow;
129
- --table-th-color : #fff;
130
-
131
- --help-height : 110px;
132
- --help-border: none;
133
- --help-border-radius : 10px;
134
- --help-background-color: #283e4a;
135
- --help-opacity: 1;
136
- --help-content-color : #ffffff;
137
-
138
- --main-menu-item-padding : 2px;
139
- --main-menu-item-border : 1px solid #ddd;
140
- --main-menu-item-border-radius: 0px;
141
- --main-menu-item-background-color: #283e4a;
142
- --main-menu-h2-color: #ffffff;
143
- --main-menu-p-color: #ffffff;
144
-
145
- --scrollbar-background-color: #000;
146
- --scrollbar-color: #fff;
147
- --scrollbar-box-shadow-color: #fff;
2
+ --theme-color: #283e4a;
3
+ --theme-color2: #2f8033;
4
+ --font-family: Droid, Cairo, sans-serif, Tahoma, serif;
5
+ --font-weight: normal;
6
+ --font-size: 14px;
7
+ --line-height: 1.4;
8
+ --float: left;
9
+ --direction: ltr;
10
+ --text-align: left;
11
+ --color: #ffffff;
12
+ --background-color: #607d8b;
13
+ --box-shadow-color: #272727;
14
+ --border: 1px solid #353535;
15
+ --zoom: 90%;
16
+ --user-select: text;
17
+
18
+ --body-background: #607d8b;
19
+ --body-margin-top: 70px;
20
+ --body-margin-bottom: 200px;
21
+
22
+ --h-font-weight: normal;
23
+
24
+ --navbar-color: #fff;
25
+ --navbar-span-color: #ffffff;
26
+ --navbar-background-color: #283e4a;
27
+ --navbar-box-shadow-color: #272727;
28
+ --navbar-li-border-radius: 8px;
29
+ --navbar-li-border: none;
30
+
31
+ --tabs-color: #fff;
32
+ --tabs-background-color: #283e4a;
33
+ --tabs-background-color2: rgb(60, 85, 97);
34
+ --tabs-header-width: 20%;
35
+ --tabs-content-width: 80%;
36
+ --tabs-header-link-color: #ffffff;
37
+ --tabs-header-link-color2: #ffffff;
38
+ --tabs-header-link-background: none;
39
+ --tabs-header-link-border: none;
40
+ --tabs-header-link-border-bottom: none;
41
+ --tabs-header-link-radius: 4px;
42
+ --tab-animation-name: animatetabs;
43
+ --tab-animation-duration: 0.5s;
44
+
45
+ --treeview-color: #ffffff;
46
+ --treeview-color2: #ffffff;
47
+ --treeview-background-color: none;
48
+ --treeview-border-color: #000000;
49
+ --treeview-background-color2: rgb(60, 85, 97);
50
+ --treeview-display-color: #0000ff;
51
+
52
+ --form-color: #ffffff;
53
+ --form-background-color: none;
54
+ --label-font-size: 12px;
55
+ --label-font-weight: bold;
56
+ --label-text-align: center;
57
+
58
+ --input-color: #ffeb3b;
59
+ --input-background-color: #3c5d6f;
60
+ --input-height: 33px;
61
+ --input-padding: 6px 12px;
62
+ --input-font-size: 14px;
63
+ --input-font-wight: bold;
64
+ --input-border-radius: 4px;
65
+ --input-border-width: 1px;
66
+ --input-border-color: #272727;
67
+ --input-focus-border-width: 2px;
68
+ --input-focus-border-color: var(--input-color);
69
+
70
+ --textarea-border-width: 1px;
71
+ --select-appearance: menulist;
72
+ --select-font-size: 14px;
73
+ --select-color: #000000;
74
+ --select-height: 33px;
75
+
76
+ --btn-color: #ffffff;
77
+ --btn-background: #283e4a;
78
+ --btn-add-color: #ffffff;
79
+ --btn-add-background-color: #118011;
80
+ --btn-update-color: #ffffff;
81
+ --btn-update-background-color: #117380;
82
+ --btn-save-color: #ffffff;
83
+ --btn-save-background-color: #117380;
84
+ --btn-delete-color: #ffffff;
85
+ --btn-delete-background-color: #801117;
86
+ --btn-view-color: #ffffff;
87
+ --btn-view-background-color: #451180;
88
+ --btn-exit-color: #ffffff;
89
+ --btn-exit-background-color: #811e1e;
90
+ --btn-search-color: #ffffff;
91
+ --btn-search-background-color: #243688;
92
+ --btn-print-color: #ffffff;
93
+ --btn-print-background-color: #000000;
94
+ --btn-export-color: #000000;
95
+ --btn-export-background-color: #ffffff;
96
+ --btn-sgin-color: #283e4a;
97
+ --btn-sgin-background-color: #ffffff;
98
+ --btn-box-shadow-color: #272727;
99
+ --btn-border-radius: 5px;
100
+
101
+ --i-image-border: 2px dashed var(--modal-header-background-color);
102
+ --i-image-view-border: 2px solid var(--modal-header-background-color);
103
+
104
+ --fieldset-border: 2px solid #283e4a;
105
+ --fieldset-background: none;
106
+ --fieldset-margin : 10px;
107
+ --fieldset-padding : 5px;
108
+ --legend-color: #fff;
109
+ --legend-text-shadow: none;
110
+ --legend-font-size: 16px;
111
+ --legend-font-weight: bold;
112
+ --legend-border: none;
113
+
114
+ --modal-background: rgba(0, 0, 0, 0.6);
115
+ --modal-content-background: #607d8b;
116
+ --modal-content-border: none;
117
+ --modal-color: #000;
118
+ --modal-animation-name: animatetop;
119
+ --modal-animation-duration: 0.4s;
120
+ --modal-header-color: #000000;
121
+ --modal-footer-color: #000000;
122
+ --modal-header-background-color: #283e4a;
123
+ --modal-footer-background-color: #bbb;
124
+ --modal-box-shadow-color: #000000;
125
+
126
+ --table-color: #030303;
127
+ --table-background-color: #ffffff;
128
+ --table-border: 1px solid #bbb;
129
+ --table-hover-background-color: yellow;
130
+ --table-th-color: #fff;
131
+
132
+ --help-height: 110px;
133
+ --help-border: none;
134
+ --help-border-radius: 10px;
135
+ --help-background-color: #283e4a;
136
+ --help-opacity: 1;
137
+ --help-content-color: #ffffff;
138
+
139
+ --main-menu-item-padding: 2px;
140
+ --main-menu-item-border: 1px solid #ddd;
141
+ --main-menu-item-border-radius: 0px;
142
+ --main-menu-item-background-color: #283e4a;
143
+ --main-menu-h2-color: #ffffff;
144
+ --main-menu-p-color: #ffffff;
145
+
146
+ --scrollbar-background-color: #272727;
147
+ --scrollbar-color: #ffeb3b;
148
+ --scrollbar-box-shadow-color: #4caf50;
148
149
  }
@@ -104,6 +104,8 @@
104
104
 
105
105
  --fieldset-border: 1px solid #151515;
106
106
  --fieldset-background: none;
107
+ --fieldset-margin : 10px;
108
+ --fieldset-padding : 5px;
107
109
  --legend-color: #fff;
108
110
  --legend-text-shadow: none;
109
111
  --legend-font-size: 18px;
@@ -133,6 +133,8 @@
133
133
 
134
134
  --fieldset-border: 1px solid var(--theme-color);
135
135
  --fieldset-background: none;
136
+ --fieldset-margin : 10px;
137
+ --fieldset-padding : 5px;
136
138
  --legend-color: var(--theme-color);
137
139
  --legend-text-shadow: none;
138
140
  --legend-font-size: 18px;
@@ -171,7 +173,7 @@
171
173
  --main-menu-h2-color: #000;
172
174
  --main-menu-p-color: #000;
173
175
 
174
- --scrollbar-background-color: var(--theme-color);
175
- --scrollbar-color: #fff;
176
- --scrollbar-box-shadow-color: #fff;
176
+ --scrollbar-background-color: #272727;
177
+ --scrollbar-color: #ffeb3b;
178
+ --scrollbar-box-shadow-color: #4caf50;
177
179
  }