isite 2024.8.15 → 2024.8.16

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
@@ -959,7 +959,7 @@ site.on('mongodb after delete many' , (result)=>{
959
959
  site.mongodb.deleteOne({
960
960
  dbName: 'company',
961
961
  collectionName: 'employess',
962
- where:{_id: new site.mongodb.ObjectID('df54fdt8h3n48ykd136vg')}
962
+ where:{_id: new site.mongodb.ObjectId('df54fdt8h3n48ykd136vg')}
963
963
  }, function (err, result) {
964
964
  if (err) {
965
965
  site.log(err.message)
@@ -41,6 +41,9 @@ body {
41
41
  float: right;
42
42
  margin-right: -1.5em;
43
43
  }
44
+ a {
45
+ word-wrap: break-word;
46
+ }
44
47
  .form-label {
45
48
  margin-bottom: 0.5rem;
46
49
  margin-left: 5px;
@@ -62,11 +65,12 @@ fieldset {
62
65
  margin: var(--fieldset-margin);
63
66
  background: var(--fieldset-background);
64
67
  border: var(--fieldset-border);
65
- border-radius: 10px;
68
+ border-radius: var(--fieldset-border-radius);
66
69
  max-width: 98% !important;
67
70
  }
68
71
 
69
72
  fieldset legend {
73
+ display: contents;
70
74
  color: var(--legend-color);
71
75
  font-size: var(--legend-font-size);
72
76
  text-shadow: var(--legend-text-shadow);
@@ -81,13 +85,13 @@ fieldset legend {
81
85
  .AR fieldset legend {
82
86
  float: right;
83
87
  }
84
- legend::after {
85
- content: ' : ';
86
- }
87
88
  .border {
88
89
  border: 1px solid #ced4da !important;
89
90
  border-radius: 0.375rem;
90
91
  }
92
+ i-control {
93
+ display: block;
94
+ }
91
95
  i-textarea {
92
96
  margin: 0px;
93
97
  }
@@ -195,10 +199,9 @@ i-datetime input {
195
199
  .dropdown-content {
196
200
  display: none;
197
201
  position: absolute;
198
- top: 30px !important;
202
+ top: 75px !important;
199
203
  background-color: #ffffff;
200
204
  width: 100%;
201
- box-shadow: 0px 20px 16px 16px rgb(0 0 0);
202
205
  z-index: 999;
203
206
  max-height: 75vh;
204
207
  min-height: 20%;
@@ -206,8 +209,8 @@ i-datetime input {
206
209
  margin: 0;
207
210
  scroll-behavior: auto;
208
211
  overflow: auto;
209
- border: 5px solid #6b6868;
210
- transition: all 0.2s ease;
212
+ border: 1px solid var(--theme-color);
213
+ border-radius: 10px;
211
214
  }
212
215
  .v-tabs .nav-link {
213
216
  color: #aaa !important;
@@ -9,23 +9,26 @@
9
9
  .dropdown-content {
10
10
  display: none;
11
11
  position: absolute;
12
- top: 40px;
12
+ top: 75px !important;
13
13
  background-color: #ffffff;
14
14
  width: 100%;
15
- box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
16
15
  z-index: 999;
17
- max-height: 50vh;
16
+ max-height: 75vh;
17
+ min-height: 20%;
18
18
  padding: 0px;
19
+ margin: 0;
19
20
  scroll-behavior: auto;
20
21
  overflow: auto;
21
- border: 1px solid var(--theme-color);
22
+ border: 3px solid var(--theme-color);
23
+ border-radius: 10px;
24
+ box-shadow: 1px 1px 8px 2px #000;
22
25
  }
23
26
 
24
27
  .dropdown .dropdown-search {
25
28
  padding: 5px;
26
29
  position: sticky;
27
30
  top: 0;
28
- background: #eee;
31
+ background: var(--theme-color);
29
32
  }
30
33
  .dropdown .dropdown-search i-control2 {
31
34
  display: inline-block;
@@ -40,7 +43,7 @@
40
43
  }
41
44
  /* Links inside the dropdown */
42
45
  .dropdown-content p {
43
- color: black;
46
+ color: var(--color);
44
47
  background-color: #ffffff;
45
48
  padding: 12px 16px;
46
49
  text-decoration: none;
@@ -49,7 +52,8 @@
49
52
 
50
53
  /* Change color of dropdown links on hover */
51
54
  .dropdown-content .dropdown-item:hover {
52
- background-color: #bbbbbb;
55
+ background-color: #7c7c7c;
56
+ --color: #ffffff;
53
57
  }
54
58
 
55
59
  /* Show the dropdown menu on hover
@@ -70,12 +74,12 @@ i-list .dropdown-item {
70
74
  .dropdown-item p {
71
75
  color: var(--color);
72
76
  font-size: 16px;
73
- font-weight: bold;
74
77
  background: transparent;
75
78
  text-align: center;
76
79
  padding: 0;
77
80
  }
78
81
  .ar .dropdown-item p,
82
+ .rtl .dropdown-item p,
79
83
  .AR .dropdown-item p {
80
84
  text-align: right;
81
85
  }
@@ -110,8 +110,8 @@
110
110
  justify-content: center;
111
111
  }
112
112
  .center {
113
- margin: 0 auto ;
114
- text-align: center ;
113
+ margin: 0 auto;
114
+ text-align: center;
115
115
  }
116
116
  .center,
117
117
  .center p,
@@ -369,3 +369,19 @@
369
369
  white-space: pre-line !important;
370
370
  }
371
371
  }
372
+
373
+ .zoom {
374
+ transition: transform 0.5s;
375
+ position: fixed;
376
+ top: 0;
377
+ left: 0;
378
+ right: 0;
379
+ border: 0;
380
+ width: 100% !important;
381
+ height: 100% !important;
382
+ object-fit: contain;
383
+ z-index: 99999999;
384
+ background: #000;
385
+ padding: 0;
386
+ margin: 0;
387
+ }
@@ -140,6 +140,8 @@ fieldset {
140
140
  margin: var(--fieldset-margin);
141
141
  background: var(--fieldset-background);
142
142
  border: var(--fieldset-border);
143
+ border-radius: var(--fieldset-border-radius);
144
+ max-width: 98% !important;
143
145
  }
144
146
 
145
147
  fieldset legend {
@@ -179,9 +181,13 @@ fieldset legend {
179
181
  font-size: 16px;
180
182
  color: #000;
181
183
  }
182
- .i-date2 .fa {
183
- font-size: 18px;
184
+ .i-date2 label {
185
+ display: none;
186
+ }
187
+ .i-date2 .fa-calendar-day {
188
+ font-size: 35px;
184
189
  cursor: pointer;
190
+ color: var(--theme-color);
185
191
  }
186
192
  i-file {
187
193
  display: block;
@@ -1,4 +1,3 @@
1
-
2
1
  .image {
3
2
  width: 400px;
4
3
  height: 300px;
@@ -14,11 +13,11 @@ i-image {
14
13
  border-radius: 5px;
15
14
  padding: 5px;
16
15
  }
17
- i-image div{
16
+ i-image div {
18
17
  width: 100%;
19
18
  height: 100%;
20
19
  }
21
- i-image button i{
20
+ i-image button i {
22
21
  width: 100%;
23
22
  }
24
23
  i-image.logo {
@@ -53,12 +52,6 @@ i-image.img32 {
53
52
  min-height: 32px !important;
54
53
  padding: 1px !important;
55
54
  }
56
- i-image.img32 img {
57
- width: 30px !important;
58
- height: 30px !important;
59
- min-width: 30px !important;
60
- min-height: 30px !important;
61
- }
62
55
 
63
56
  i-image.img48 {
64
57
  width: 48px !important;
@@ -67,12 +60,6 @@ i-image.img48 {
67
60
  min-height: 48px !important;
68
61
  padding: 2px !important;
69
62
  }
70
- i-image.img48 img {
71
- width: 44px !important;
72
- height: 44px !important;
73
- min-width: 44px !important;
74
- min-height: 44px !important;
75
- }
76
63
 
77
64
  i-image.img64 {
78
65
  width: 64px !important;
@@ -81,12 +68,6 @@ i-image.img64 {
81
68
  min-height: 64px !important;
82
69
  padding: 2px !important;
83
70
  }
84
- i-image.img64 img {
85
- width: 60px !important;
86
- height: 60px !important;
87
- min-width: 60px !important;
88
- min-height: 60px !important;
89
- }
90
71
 
91
72
  i-image.img128 {
92
73
  width: 128px !important;
@@ -95,12 +76,6 @@ i-image.img128 {
95
76
  min-height: 128px !important;
96
77
  padding: 3px !important;
97
78
  }
98
- i-image.img128 img {
99
- width: 120px !important;
100
- height: 120px !important;
101
- min-width: 120px !important;
102
- min-height: 120px !important;
103
- }
104
79
 
105
80
  i-image.img256 {
106
81
  width: 256px !important;
@@ -109,12 +84,6 @@ i-image.img256 {
109
84
  min-height: 256px !important;
110
85
  padding: 3px !important;
111
86
  }
112
- i-image.img256 img {
113
- width: 200px !important;
114
- height: 200px !important;
115
- min-width: 200px !important;
116
- min-height: 200px !important;
117
- }
118
87
 
119
88
  i-image.hover img:hover {
120
89
  transform: scale(1.1);
@@ -126,7 +95,3 @@ i-image[view] {
126
95
  i-image[view] i-button {
127
96
  display: none;
128
97
  }
129
- i-image[view] img {
130
- background-image: none;
131
- background-color: transparent;
132
- }
@@ -1,184 +1,184 @@
1
1
  :root {
2
-
3
- --theme-color: #317cb9;
4
- --theme-color2: #2f8033;
5
- --theme-color3: #3f51b5;
6
- --font-family: Arabic, English , sans-serif, Tahoma, serif;
7
- --bs-body-font-family : Arabic, English , sans-serif, Tahoma, serif;
8
- --font-weight: normal;
9
- --font-size: 14px;
10
- --line-height: 1.5;
11
- --float: left;
12
- --direction: ltr;
13
- --text-align: left;
14
- --color: #030303;
15
- --background-color: #ffffff;
16
- --box-shadow-color: #272727;
17
- --border: 1px solid #353535;
18
- --zoom: 90%;
19
- --user-select: none;
20
-
21
- --body-background: #ffffff;
22
- --body-margin-top: 70px;
23
- --body-margin-bottom: 300px;
24
-
25
- --h-font-weight: normal;
26
-
27
- --navbar-color: #fff;
28
- --navbar-span-color: #fff;
29
- --navbar-background-color: var(--theme-color);
30
- --navbar-box-shadow-color: #272727;
31
- --navbar-li-border-radius: 15px;
32
- --navbar-li-border: none;
33
-
34
- --tabs-color: #fff;
35
- --tabs-background-color: var(--theme-color);
36
- --tabs-background-color2: var(--theme-color);
37
- --tabs-header-width: 20%;
38
- --tabs-content-width: 80%;
39
-
40
- --tabs-header-link-font-size: 18px;
41
- --tabs-header-link-font-weight: 700;
42
- --tabs-header-link-color: #272727;
43
- --tabs-header-link-color2: #ffffff;
44
- --tabs-header-link-background: none;
45
- --tabs-header-link-border: none;
46
- --tabs-header-link-border-bottom: 1px solid var(--theme-color);
47
- --tabs-header-link-radius: 0px;
48
-
49
- --tab-animation-name: animateleft;
50
- --tab-animation-duration: 1s;
51
-
52
- --treeview-color: #000000;
53
- --treeview-color2: #ffffff;
54
- --treeview-background-color: none;
55
- --treeview-border-color: #000000;
56
- --treeview-background-color2: #404040;
57
- --treeview-display-color: #0000ff;
58
-
59
- --form-color: #000000;
60
- --form-background-color: none;
61
-
62
- --label-color : #000;
63
- --label-font-size: 16px;
64
- --label-font-weight: normal;
65
- --label-text-align: var(--text-align);
66
- --label-background : none;
67
-
68
- --input-color: #0000ff;
69
- --input-background-color: #ffffff;
70
- --input-height: 35px;
71
- --input-padding: 6px 12px;
72
- --input-font-size: 14px;
73
- --input-font-wight: normal;
74
- --input-border-radius: 0px;
75
- --input-border-width: 0 0 1px;
76
- --input-border-color: rgba(211, 211, 211, 0.91);
77
- --input-focus-border-width: 0 0 2px;
78
- --input-focus-border-color: var(--theme-color);
79
-
80
- --dropdown-color : green;
81
- --dropdown-background : #fff;
82
- --dropdown-font-size : 14px;
83
- --dropdown-color2 : #000;
84
- --dropdown-font-size2 : 12px;
85
-
86
- --textarea-border-width: 1px;
87
- --select-appearance: none;
88
- --select-font-size: var(--input-font-size);
89
- --select-color: #ffffff;
90
- --select-height: 35px;
91
-
92
- --btn-color: #000;
93
- --btn-background: #ffffff;
94
- --btn-box-shadow: none;
95
- --btn-box-shadow-color: #272727;
96
- --btn-border-radius: 5px;
97
- --btn-border: 1px solid #ddd;
98
-
99
- --btn-display: inline-block;
100
- --btn-cursor: pointer;
101
- --btn-min-width: 90px;
102
- --btn-min-height: 36px;
103
- --btn-font-weight: 400;
104
-
105
- --btn-text-decoration: none;
106
- --btn-text-align: center;
107
- --btn-vertical-align: middle;
108
- --btn-margin: 10px;
109
- --btn-padding: 7px 9px;
110
- --btn-font-size: 14px;
111
- --btn-user-select: none;
112
-
113
- --btn-add-color: #000;
114
- --btn-add-background-color: #ffffff;
115
- --btn-update-color: #000;
116
- --btn-update-background-color: #ffffff;
117
- --btn-save-color: #000;
118
- --btn-save-background-color: #ffffff;
119
- --btn-delete-color: #000;
120
- --btn-delete-background-color: #ffffff;
121
- --btn-view-color: #000;
122
- --btn-view-background-color: #ffffff;
123
- --btn-exit-color: #000;
124
- --btn-exit-background-color: #ffffff;
125
- --btn-search-color: #000;
126
- --btn-search-background-color: #ffffff;
127
- --btn-print-color: #000;
128
- --btn-print-background-color: #ffffff;
129
- --btn-export-color: #000000;
130
- --btn-export-background-color: #ffffff;
131
- --btn-sgin-color: #000000;
132
- --btn-sgin-background-color: #ffffff;
133
-
134
- --i-image-border: 3px dashed var(--theme-color);
135
- --i-image-view-border: 2px solid var(--theme-color);
136
-
137
- --fieldset-border: 1px solid var(--theme-color);
138
- --fieldset-background: none;
139
- --fieldset-margin : 10px;
140
- --fieldset-padding : 5px;
141
- --legend-color: var(--theme-color);
142
- --legend-text-shadow: none;
143
- --legend-font-size: 18px;
144
- --legend-font-weight: bold;
145
- --legend-border: none;
146
-
147
- --modal-background: var(--theme-color);
148
- --modal-content-background: #ffffff;
149
- --modal-content-border: 3px solid var(--theme-color);
150
- --modal-color: #000;
151
- --modal-animation-name: animateleft;
152
- --modal-animation-duration: 0.4s;
153
- --modal-header-color: #fff;
154
- --modal-footer-color: #fff;
155
- --modal-header-background-color: var(--theme-color);
156
- --modal-footer-background-color: #ffffff;
157
- --modal-box-shadow-color: #272727;
158
-
159
- --table-color: #030303;
160
- --table-background-color: #ffffff;
161
- --table-border: 1px solid #bbb;
162
- --table-hover-background-color: #eee;
163
- --table-th-color: #fff;
164
-
165
- --help-height: 110px;
166
- --help-border: 1px solid #272727;
167
- --help-border-radius: 0px;
168
- --help-background-color: #3f51b5;
169
- --help-opacity: 1;
170
- --help-content-color: #ffffff;
171
-
172
- --main-menu-item-padding: 5px;
173
- --main-menu-item-border: 3px solid var(--theme-color);
174
- --main-menu-item-border-radius: 15px;
175
- --main-menu-item-background-color: #fff;
176
- --main-menu-h2-color: #000;
177
- --main-menu-p-color: #000;
178
-
179
- --scrollbar-width : 10px;
180
- --scrollbar-color: #ffeb3b;
181
- --scrollbar-outline:1px solid var(--scrollbar-color);
182
- --scrollbar-background-color: #272727;
183
- --scrollbar-box-shadow: inset 0 0 6px #4caf50;
2
+ --theme-color: #317cb9;
3
+ --theme-color2: #2f8033;
4
+ --theme-color3: #3f51b5;
5
+ --font-family: Arabic, English, sans-serif, Tahoma, serif;
6
+ --bs-body-font-family: Arabic, English, sans-serif, Tahoma, serif;
7
+ --font-weight: normal;
8
+ --font-size: 14px;
9
+ --line-height: 1.5;
10
+ --float: left;
11
+ --direction: ltr;
12
+ --text-align: left;
13
+ --color: #030303;
14
+ --background-color: #ffffff;
15
+ --box-shadow-color: #272727;
16
+ --border: 1px solid #353535;
17
+ --zoom: 90%;
18
+ --user-select: none;
19
+
20
+ --body-background: #ffffff;
21
+ --body-margin-top: 70px;
22
+ --body-margin-bottom: 300px;
23
+
24
+ --h-font-weight: normal;
25
+
26
+ --navbar-color: #fff;
27
+ --navbar-span-color: #fff;
28
+ --navbar-background-color: var(--theme-color);
29
+ --navbar-box-shadow-color: #272727;
30
+ --navbar-li-border-radius: 15px;
31
+ --navbar-li-border: none;
32
+
33
+ --tabs-color: #fff;
34
+ --tabs-background-color: var(--theme-color);
35
+ --tabs-background-color2: var(--theme-color);
36
+ --tabs-header-width: 20%;
37
+ --tabs-content-width: 80%;
38
+
39
+ --tabs-header-link-font-size: 18px;
40
+ --tabs-header-link-font-weight: 700;
41
+ --tabs-header-link-color: #272727;
42
+ --tabs-header-link-color2: #ffffff;
43
+ --tabs-header-link-background: none;
44
+ --tabs-header-link-border: none;
45
+ --tabs-header-link-border-bottom: 1px solid var(--theme-color);
46
+ --tabs-header-link-radius: 0px;
47
+
48
+ --tab-animation-name: animateleft;
49
+ --tab-animation-duration: 1s;
50
+
51
+ --treeview-color: #000000;
52
+ --treeview-color2: #ffffff;
53
+ --treeview-background-color: none;
54
+ --treeview-border-color: #000000;
55
+ --treeview-background-color2: #404040;
56
+ --treeview-display-color: #0000ff;
57
+
58
+ --form-color: #000000;
59
+ --form-background-color: none;
60
+
61
+ --label-color: #000;
62
+ --label-font-size: 16px;
63
+ --label-font-weight: normal;
64
+ --label-text-align: var(--text-align);
65
+ --label-background: none;
66
+
67
+ --input-color: #0000ff;
68
+ --input-background-color: #ffffff;
69
+ --input-height: 35px;
70
+ --input-padding: 6px 12px;
71
+ --input-font-size: 14px;
72
+ --input-font-wight: normal;
73
+ --input-border-radius: 0px;
74
+ --input-border-width: 0 0 1px;
75
+ --input-border-color: rgba(211, 211, 211, 0.91);
76
+ --input-focus-border-width: 0 0 2px;
77
+ --input-focus-border-color: var(--theme-color);
78
+
79
+ --dropdown-color: green;
80
+ --dropdown-background: #fff;
81
+ --dropdown-font-size: 14px;
82
+ --dropdown-color2: #000;
83
+ --dropdown-font-size2: 12px;
84
+
85
+ --textarea-border-width: 1px;
86
+ --select-appearance: none;
87
+ --select-font-size: var(--input-font-size);
88
+ --select-color: #ffffff;
89
+ --select-height: 35px;
90
+
91
+ --btn-color: #000;
92
+ --btn-background: #ffffff;
93
+ --btn-box-shadow: none;
94
+ --btn-box-shadow-color: #272727;
95
+ --btn-border-radius: 5px;
96
+ --btn-border: 1px solid #ddd;
97
+
98
+ --btn-display: inline-block;
99
+ --btn-cursor: pointer;
100
+ --btn-min-width: 90px;
101
+ --btn-min-height: 36px;
102
+ --btn-font-weight: 400;
103
+
104
+ --btn-text-decoration: none;
105
+ --btn-text-align: center;
106
+ --btn-vertical-align: middle;
107
+ --btn-margin: 10px;
108
+ --btn-padding: 7px 9px;
109
+ --btn-font-size: 14px;
110
+ --btn-user-select: none;
111
+
112
+ --btn-add-color: #000;
113
+ --btn-add-background-color: #ffffff;
114
+ --btn-update-color: #000;
115
+ --btn-update-background-color: #ffffff;
116
+ --btn-save-color: #000;
117
+ --btn-save-background-color: #ffffff;
118
+ --btn-delete-color: #000;
119
+ --btn-delete-background-color: #ffffff;
120
+ --btn-view-color: #000;
121
+ --btn-view-background-color: #ffffff;
122
+ --btn-exit-color: #000;
123
+ --btn-exit-background-color: #ffffff;
124
+ --btn-search-color: #000;
125
+ --btn-search-background-color: #ffffff;
126
+ --btn-print-color: #000;
127
+ --btn-print-background-color: #ffffff;
128
+ --btn-export-color: #000000;
129
+ --btn-export-background-color: #ffffff;
130
+ --btn-sgin-color: #000000;
131
+ --btn-sgin-background-color: #ffffff;
132
+
133
+ --i-image-border: 3px dashed var(--theme-color);
134
+ --i-image-view-border: 2px solid var(--theme-color);
135
+
136
+ --fieldset-border: none;
137
+ --fieldset-border-radius : 10px;
138
+ --fieldset-background: #e9ecef;
139
+ --fieldset-margin: 10px;
140
+ --fieldset-padding: 5px;
141
+ --legend-color: #5a5a5a;
142
+ --legend-text-shadow: none;
143
+ --legend-font-size: 24px;
144
+ --legend-font-weight: bold;
145
+ --legend-border: none;
146
+
147
+ --modal-background: var(--theme-color);
148
+ --modal-content-background: #ffffff;
149
+ --modal-content-border: 3px solid var(--theme-color);
150
+ --modal-color: #000;
151
+ --modal-animation-name: animateleft;
152
+ --modal-animation-duration: 0.4s;
153
+ --modal-header-color: #fff;
154
+ --modal-footer-color: #fff;
155
+ --modal-header-background-color: var(--theme-color);
156
+ --modal-footer-background-color: #ffffff;
157
+ --modal-box-shadow-color: #272727;
158
+
159
+ --table-color: #030303;
160
+ --table-background-color: #ffffff;
161
+ --table-border: 1px solid #bbb;
162
+ --table-hover-background-color: #eee;
163
+ --table-th-color: #fff;
164
+
165
+ --help-height: 110px;
166
+ --help-border: 1px solid #272727;
167
+ --help-border-radius: 0px;
168
+ --help-background-color: #3f51b5;
169
+ --help-opacity: 1;
170
+ --help-content-color: #ffffff;
171
+
172
+ --main-menu-item-padding: 5px;
173
+ --main-menu-item-border: 3px solid var(--theme-color);
174
+ --main-menu-item-border-radius: 15px;
175
+ --main-menu-item-background-color: #fff;
176
+ --main-menu-h2-color: #000;
177
+ --main-menu-p-color: #000;
178
+
179
+ --scrollbar-width: 10px;
180
+ --scrollbar-color: #ffeb3b;
181
+ --scrollbar-outline: 1px solid var(--scrollbar-color);
182
+ --scrollbar-background-color: #272727;
183
+ --scrollbar-box-shadow: inset 0 0 6px #4caf50;
184
184
  }
@@ -1,7 +1,7 @@
1
1
  <div class="text-center pointer" ng-click="upload()">
2
2
  <input class="hidden" type="file" name="fileToUpload" accept="{{accept}}" />
3
3
  <div class="center">
4
- <img ng-src="{{ngModel.url}}" ngClick="ngClick()" onerror="this.src='/images/no.jpg'" />
4
+ <img onclick="site.zoomElement(this)" ng-src="{{ngModel.url}}" ngClick="ngClick()" onerror="this.src='/images/no.jpg'" />
5
5
  <i-button type="upload" ng-click="upload()"></i-button>
6
6
  <i-button type="delete" ng-click="delete()"></i-button>
7
7
  </div>
@@ -1,7 +1,7 @@
1
1
  <div class="dropdown i-list">
2
2
  <div class="mb-3 {{class2}}">
3
3
  <label class="form-label"> <span class="red bold"> {{requird}} </span> {{label}} </label>
4
- <input class="full-width text dropdown-text form-control {{css}}" v="{{v}}" readonly ng-model="ngModel.$display" />
4
+ <input ng-focus="focus()" class="full-width text dropdown-text form-control {{css}}" v="{{v}}" readonly ng-model="ngModel.$display" />
5
5
  </div>
6
6
 
7
7
  <div class="dropdown-content">