@cwellt_software/cwellt-reactjs-lib 1.5.1 → 1.5.2
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/dist/content/fonts/roboto-mono/LICENSE +93 -93
- package/dist/content/fonts/roboto-mono/RobotoMono.css +43 -43
- package/dist/index.cjs.js +12 -1390
- package/dist/index.css +2 -2
- package/dist/index.d.ts +17 -216
- package/dist/index.es.js +14 -1387
- package/dist/src/components/control/input/color/CwInputColor.d.ts +2 -0
- package/dist/src/components/control/input/color/CwInputColor.d.ts.map +1 -1
- package/dist/src/components/control/input/digit/CwDigit.d.ts +6 -0
- package/dist/src/components/control/input/digit/CwDigit.d.ts.map +1 -1
- package/dist/src/index.d.ts +0 -8
- package/dist/src/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/dist/content/fonts/roboto/LICENSE.txt +0 -202
- package/dist/content/fonts/roboto/Roboto-Black.ttf +0 -0
- package/dist/content/fonts/roboto/Roboto-BlackItalic.ttf +0 -0
- package/dist/content/fonts/roboto/Roboto-Bold.ttf +0 -0
- package/dist/content/fonts/roboto/Roboto-BoldItalic.ttf +0 -0
- package/dist/content/fonts/roboto/Roboto-Italic.ttf +0 -0
- package/dist/content/fonts/roboto/Roboto-Light.ttf +0 -0
- package/dist/content/fonts/roboto/Roboto-LightItalic.ttf +0 -0
- package/dist/content/fonts/roboto/Roboto-Medium.ttf +0 -0
- package/dist/content/fonts/roboto/Roboto-MediumItalic.ttf +0 -0
- package/dist/content/fonts/roboto/Roboto-Regular.ttf +0 -0
- package/dist/content/fonts/roboto/Roboto-Thin.ttf +0 -0
- package/dist/content/fonts/roboto/Roboto-ThinItalic.ttf +0 -0
- package/dist/content/fonts/roboto/RobotoFontFamily.css +0 -109
- package/dist/content/fonts/roboto-flex/README.md +0 -24
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ext-grad-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ext-opsz-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ext-slnt-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ext-standard-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ext-wdth-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ext-wght-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ext-xopq-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ext-xtra-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ext-yopq-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ext-ytas-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ext-ytde-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ext-ytfi-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ext-ytlc-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ext-ytuc-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-grad-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-opsz-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-slnt-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-standard-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-wdth-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-wght-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-xopq-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-xtra-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-yopq-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ytas-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ytde-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ytfi-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ytlc-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/files/roboto-flex-latin-ytuc-normal.woff2 +0 -0
- package/dist/content/fonts/roboto-flex/grad.css +0 -19
- package/dist/content/fonts/roboto-flex/index.css +0 -19
- package/dist/content/fonts/roboto-flex/metadata.json +0 -33
- package/dist/content/fonts/roboto-flex/opsz.css +0 -19
- package/dist/content/fonts/roboto-flex/slnt.css +0 -19
- package/dist/content/fonts/roboto-flex/standard.css +0 -21
- package/dist/content/fonts/roboto-flex/unicode.json +0 -4
- package/dist/content/fonts/roboto-flex/wdth.css +0 -21
- package/dist/content/fonts/roboto-flex/wght.css +0 -20
- package/dist/content/fonts/roboto-flex/xopq.css +0 -20
- package/dist/content/fonts/roboto-flex/xtra.css +0 -19
- package/dist/content/fonts/roboto-flex/yopq.css +0 -19
- package/dist/content/fonts/roboto-flex/ytas.css +0 -19
- package/dist/content/fonts/roboto-flex/ytde.css +0 -20
- package/dist/content/fonts/roboto-flex/ytfi.css +0 -20
- package/dist/content/fonts/roboto-flex/ytlc.css +0 -19
- package/dist/content/fonts/roboto-flex/ytuc.css +0 -20
- package/dist/content/icons/new-cw-icons/NewCwIcons.html +0 -415
|
@@ -1,415 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="es">
|
|
3
|
-
|
|
4
|
-
<head>
|
|
5
|
-
<link rel="stylesheet" href="css/new-cw-icons.css">
|
|
6
|
-
<style>
|
|
7
|
-
body {
|
|
8
|
-
background: #f0f1f3;
|
|
9
|
-
font-family: Arial, Helvetica, sans-serif;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.ico {
|
|
13
|
-
margin-bottom: 8px;
|
|
14
|
-
color: #183153;
|
|
15
|
-
font-style: normal;
|
|
16
|
-
font-size: 2em;
|
|
17
|
-
font-family: 'NewCwIcons';
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.container {
|
|
21
|
-
display: grid;
|
|
22
|
-
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
|
|
23
|
-
gap: 10px;
|
|
24
|
-
padding: 20px;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.item {
|
|
28
|
-
display: flex;
|
|
29
|
-
flex-direction: column;
|
|
30
|
-
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
|
31
|
-
cursor: pointer;
|
|
32
|
-
border-radius: 5px;
|
|
33
|
-
background: #fff;
|
|
34
|
-
padding: 10px;
|
|
35
|
-
text-align: center;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.item:hover {
|
|
39
|
-
transform: translateY(-3px);
|
|
40
|
-
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.toast {
|
|
44
|
-
position: fixed;
|
|
45
|
-
right: 20px;
|
|
46
|
-
bottom: 20px;
|
|
47
|
-
opacity: 0;
|
|
48
|
-
z-index: 1000;
|
|
49
|
-
transition: opacity 0.3s;
|
|
50
|
-
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
|
|
51
|
-
border-radius: 5px;
|
|
52
|
-
background-color: #183153;
|
|
53
|
-
padding: 10px 20px;
|
|
54
|
-
color: white;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
.search-box {
|
|
59
|
-
display: flex;
|
|
60
|
-
position: sticky;
|
|
61
|
-
top: 0;
|
|
62
|
-
flex-wrap: wrap;
|
|
63
|
-
gap: 10px;
|
|
64
|
-
z-index: 10;
|
|
65
|
-
margin-bottom: 10px;
|
|
66
|
-
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
|
67
|
-
background: white;
|
|
68
|
-
padding: 15px 20px;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.search-input {
|
|
72
|
-
flex: 2;
|
|
73
|
-
border: 1px solid #ccc;
|
|
74
|
-
border-radius: 4px;
|
|
75
|
-
padding: 8px 12px;
|
|
76
|
-
min-width: 200px;
|
|
77
|
-
font-size: 16px;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.category-select {
|
|
81
|
-
flex: 1;
|
|
82
|
-
border: 1px solid #ccc;
|
|
83
|
-
border-radius: 4px;
|
|
84
|
-
background-color: white;
|
|
85
|
-
padding: 8px 12px;
|
|
86
|
-
min-width: 150px;
|
|
87
|
-
font-size: 16px;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.header {
|
|
91
|
-
margin-bottom: 0;
|
|
92
|
-
background: #183153;
|
|
93
|
-
padding: 15px 20px;
|
|
94
|
-
color: white;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.header h1 {
|
|
98
|
-
margin: 0;
|
|
99
|
-
font-size: 24px;
|
|
100
|
-
}
|
|
101
|
-
</style>
|
|
102
|
-
</head>
|
|
103
|
-
|
|
104
|
-
<body>
|
|
105
|
-
<div class="header">
|
|
106
|
-
<h1>Cwellt Icon Library</h1>
|
|
107
|
-
</div>
|
|
108
|
-
|
|
109
|
-
<div class="search-box">
|
|
110
|
-
<input type="text" class="search-input" id="searchInput" placeholder="Search icons...">
|
|
111
|
-
<select id="categoryFilter" class="category-select">
|
|
112
|
-
<option value="all">All categories</option>
|
|
113
|
-
<option value="navigation">Navigation</option>
|
|
114
|
-
<option value="documents">Documents</option>
|
|
115
|
-
<option value="users">Users</option>
|
|
116
|
-
<option value="aviation">Aviation</option>
|
|
117
|
-
<option value="vehicles">Vehicles</option>
|
|
118
|
-
<option value="time">Time</option>
|
|
119
|
-
<option value="actions">Actions</option>
|
|
120
|
-
<option value="status">Status</option>
|
|
121
|
-
<option value="modules">Modules</option>
|
|
122
|
-
<option value="system">System</option>
|
|
123
|
-
</select>
|
|
124
|
-
</div>
|
|
125
|
-
|
|
126
|
-
<div class="container" id="iconContainer">
|
|
127
|
-
<div class="item" data-category="status"><i class="ico cwi-alert"></i>cwi-alert</div>
|
|
128
|
-
<div class="item" data-category="navigation"><i class="ico cwi-chevron-down-small"></i>cwi-chevron-down-small
|
|
129
|
-
</div>
|
|
130
|
-
<div class="item" data-category="navigation"><i class="ico cwi-chevron-right"></i>cwi-chevron-right</div>
|
|
131
|
-
<div class="item" data-category="navigation"><i class="ico cwi-chevron-down"></i>cwi-chevron-down</div>
|
|
132
|
-
<div class="item" data-category="navigation"><i
|
|
133
|
-
class="ico cwi-chevron-right-double"></i>cwi-chevron-right-double</div>
|
|
134
|
-
<div class="item" data-category="users"><i class="ico cwi-add-users"></i>cwi-add-users</div>
|
|
135
|
-
<div class="item" data-category="navigation"><i class="ico cwi-chevron-left"></i>cwi-chevron-left</div>
|
|
136
|
-
<div class="item" data-category="system"><i class="ico cwi-windows"></i>cwi-windows</div>
|
|
137
|
-
<div class="item" data-category="status"><i class="ico cwi-warning"></i>cwi-warning</div>
|
|
138
|
-
<div class="item" data-category="actions"><i class="ico cwi-search"></i>cwi-search</div>
|
|
139
|
-
<div class="item" data-category="documents"><i class="ico cwi-folder-square"></i>cwi-folder-square</div>
|
|
140
|
-
<div class="item" data-category="actions"><i class="ico cwi-download"></i>cwi-download</div>
|
|
141
|
-
<div class="item" data-category="documents"><i class="ico cwi-inbox"></i>cwi-inbox</div>
|
|
142
|
-
<div class="item" data-category="actions"><i class="ico cwi-pin"></i>cwi-pin</div>
|
|
143
|
-
<div class="item" data-category="navigation"><i class="ico cwi-chevron-up-small"></i>cwi-chevron-up-small</div>
|
|
144
|
-
<div class="item" data-category="aviation"><i class="ico cwi-ticket-requested"></i>cwi-ticket-requested</div>
|
|
145
|
-
<div class="item" data-category="status"><i class="ico cwi-check-small"></i>cwi-check-small</div>
|
|
146
|
-
<div class="item" data-category="actions"><i class="ico cwi-refresh"></i>cwi-refresh</div>
|
|
147
|
-
<div class="item" data-category="aviation"><i class="ico cwi-airplane-mode"></i>cwi-airplane-mode</div>
|
|
148
|
-
<div class="item" data-category="actions"><i class="ico cwi-close"></i>cwi-close</div>
|
|
149
|
-
<div class="item" data-category="users"><i class="ico cwi-users"></i>cwi-users</div>
|
|
150
|
-
<div class="item" data-category="status"><i class="ico cwi-info-bubble"></i>cwi-info-bubble</div>
|
|
151
|
-
<div class="item" data-category="aviation"><i class="ico cwi-flight-new"></i>cwi-flight-new</div>
|
|
152
|
-
<div class="item" data-category="aviation"><i class="ico cwi-timezone-globe"></i>cwi-timezone-globe</div>
|
|
153
|
-
<div class="item" data-category="navigation"><i class="ico cwi-menu"></i>cwi-menu</div>
|
|
154
|
-
<div class="item" data-category="actions"><i class="ico cwi-save"></i>cwi-save</div>
|
|
155
|
-
<div class="item" data-category="time"><i class="ico cwi-calendar"></i>cwi-calendar</div>
|
|
156
|
-
<div class="item" data-category="time"><i class="ico cwi-alarm"></i>cwi-alarm</div>
|
|
157
|
-
<div class="item" data-category="status"><i class="ico cwi-question"></i>cwi-question</div>
|
|
158
|
-
<div class="item" data-category="navigation"><i class="ico cwi-chevron-up"></i>cwi-chevron-up</div>
|
|
159
|
-
<div class="item" data-category="actions"><i class="ico cwi-share"></i>cwi-share</div>
|
|
160
|
-
<div class="item" data-category="status"><i class="ico cwi-star"></i>cwi-star</div>
|
|
161
|
-
<div class="item" data-category="status"><i class="ico cwi-check-big"></i>cwi-check-big</div>
|
|
162
|
-
<div class="item" data-category="status"><i class="ico cwi-eye-hide"></i>cwi-eye-hide</div>
|
|
163
|
-
<div class="item" data-category="actions"><i class="ico cwi-comment"></i>cwi-comment</div>
|
|
164
|
-
<div class="item" data-category="aviation"><i class="ico cwi-around-the-globe"></i>cwi-around-the-globe</div>
|
|
165
|
-
<div class="item" data-category="documents"><i class="ico cwi-envelope"></i>cwi-envelope</div>
|
|
166
|
-
<div class="item" data-category="actions"><i class="ico cwi-delete"></i>cwi-delete</div>
|
|
167
|
-
<div class="item" data-category="system"><i class="ico cwi-options"></i>cwi-options</div>
|
|
168
|
-
<div class="item" data-category="actions"><i class="ico cwi-login"></i>cwi-login</div>
|
|
169
|
-
<div class="item" data-category="actions"><i class="ico cwi-plus"></i>cwi-plus</div>
|
|
170
|
-
<div class="item" data-category="aviation"><i class="ico cwi-ticket-delete"></i>cwi-ticket-delete</div>
|
|
171
|
-
<div class="item" data-category="actions"><i class="ico cwi-logout"></i>cwi-logout</div>
|
|
172
|
-
<div class="item" data-category="documents"><i class="ico cwi-page"></i>cwi-page</div>
|
|
173
|
-
<div class="item" data-category="documents"><i class="ico cwi-document"></i>cwi-document</div>
|
|
174
|
-
<div class="item" data-category="navigation"><i class="ico cwi-chevron-left-double"></i>cwi-chevron-left-double
|
|
175
|
-
</div>
|
|
176
|
-
<div class="item" data-category="documents"><i class="ico cwi-list"></i>cwi-list</div>
|
|
177
|
-
<div class="item" data-category="status"><i class="ico cwi-eye-show"></i>cwi-eye-show</div>
|
|
178
|
-
<div class="item" data-category="actions"><i class="ico cwi-print"></i>cwi-print</div>
|
|
179
|
-
<div class="item" data-category="actions"><i class="ico cwi-edit"></i>cwi-edit</div>
|
|
180
|
-
<div class="item" data-category="status"><i class="ico cwi-close-circle"></i>cwi-close-circle</div>
|
|
181
|
-
<div class="item" data-category="actions"><i class="ico cwi-cancel"></i>cwi-cancel</div>
|
|
182
|
-
<div class="item" data-category="time"><i class="ico cwi-clock"></i>cwi-clock</div>
|
|
183
|
-
<div class="item" data-category="status"><i class="ico cwi-emergency"></i>cwi-emergency</div>
|
|
184
|
-
<div class="item" data-category="documents"><i class="ico cwi-folder-open"></i>cwi-folder-open</div>
|
|
185
|
-
<div class="item" data-category="modules"><i class="ico cwi-calculator"></i>cwi-calculator</div>
|
|
186
|
-
<div class="item" data-category="status"><i class="ico cwi-cloud"></i>cwi-cloud</div>
|
|
187
|
-
<div class="item" data-category="actions"><i class="ico cwi-crop"></i>cwi-crop</div>
|
|
188
|
-
<div class="item" data-category="documents"><i class="ico cwi-file-view"></i>cwi-file-view</div>
|
|
189
|
-
<div class="item" data-category="users"><i class="ico cwi-user"></i>cwi-user</div>
|
|
190
|
-
<div class="item" data-category="vehicles"><i class="ico cwi-bus"></i>cwi-bus</div>
|
|
191
|
-
<div class="item" data-category="aviation"><i class="ico cwi-ticket"></i>cwi-ticket</div>
|
|
192
|
-
<div class="item" data-category="aviation"><i class="ico cwi-plane-ladder"></i>cwi-plane-ladder</div>
|
|
193
|
-
<div class="item" data-category="aviation"><i class="ico cwi-traveler"></i>cwi-traveler</div>
|
|
194
|
-
<div class="item" data-category="aviation"><i class="ico cwi-journey"></i>cwi-journey</div>
|
|
195
|
-
<div class="item" data-category="aviation"><i class="ico cwi-airport"></i>cwi-airport</div>
|
|
196
|
-
<div class="item" data-category="aviation"><i class="ico cwi-flight-search"></i>cwi-flight-search</div>
|
|
197
|
-
<div class="item" data-category="documents"><i class="ico cwi-generate-report"></i>cwi-generate-report</div>
|
|
198
|
-
<div class="item" data-category="aviation"><i class="ico cwi-journey-add"></i>cwi-journey-add</div>
|
|
199
|
-
<div class="item" data-category="aviation"><i class="ico cwi-passport"></i>cwi-passport</div>
|
|
200
|
-
<div class="item" data-category="aviation"><i class="ico cwi-departure"></i>cwi-departure</div>
|
|
201
|
-
<div class="item" data-category="aviation"><i class="ico cwi-landing"></i>cwi-landing</div>
|
|
202
|
-
<div class="item" data-category="aviation"><i class="ico cwi-flight"></i>cwi-flight</div>
|
|
203
|
-
<div class="item" data-category="system"><i class="ico cwi-house-black"></i>cwi-house-black</div>
|
|
204
|
-
<div class="item" data-category="actions"><i class="ico cwi-reset"></i>cwi-reset</div>
|
|
205
|
-
<div class="item" data-category="actions"><i class="ico cwi-upload"></i>cwi-upload</div>
|
|
206
|
-
<div class="item" data-category="status"><i class="ico cwi-thumbs-up"></i>cwi-thumbs-up</div>
|
|
207
|
-
<div class="item" data-category="status"><i class="ico cwi-hand-ok"></i>cwi-hand-ok</div>
|
|
208
|
-
<div class="item" data-category="documents"><i class="ico cwi-remarks"></i>cwi-remarks</div>
|
|
209
|
-
<div class="item" data-category="aviation"><i class="ico cwi-departure-delayed"></i>cwi-departure-delayed</div>
|
|
210
|
-
<div class="item" data-category="aviation"><i class="ico cwi-flight-aog"></i>cwi-flight-aog</div>
|
|
211
|
-
<div class="item" data-category="aviation"><i class="ico cwi-flight-delayed"></i>cwi-flight-delayed</div>
|
|
212
|
-
<div class="item" data-category="aviation"><i class="ico cwi-flight-cancelled"></i>cwi-flight-cancelled</div>
|
|
213
|
-
<div class="item" data-category="aviation"><i class="ico cwi-wrench"></i>cwi-wrench</div>
|
|
214
|
-
<div class="item" data-category="status"><i class="ico cwi-waiting"></i>cwi-waiting</div>
|
|
215
|
-
<div class="item" data-category="documents"><i class="ico cwi-favorite-files"></i>cwi-favorite-files</div>
|
|
216
|
-
<div class="item" data-category="documents"><i class="ico cwi-archive"></i>cwi-archive</div>
|
|
217
|
-
<div class="item" data-category="documents"><i class="ico cwi-archive-restore"></i>cwi-archive-restore</div>
|
|
218
|
-
<div class="item" data-category="documents"><i class="ico cwi-directory"></i>cwi-directory</div>
|
|
219
|
-
<div class="item" data-category="status"><i class="ico cwi-lock-solid"></i>cwi-lock-solid</div>
|
|
220
|
-
<div class="item" data-category="aviation"><i class="ico cwi-plane-movement"></i>cwi-plane-movement</div>
|
|
221
|
-
<div class="item" data-category="documents"><i class="ico cwi-folder-add"></i>cwi-folder-add</div>
|
|
222
|
-
<div class="item" data-category="documents"><i class="ico cwi-folder-edit"></i>cwi-folder-edit</div>
|
|
223
|
-
<div class="item" data-category="documents"><i class="ico cwi-folder-download"></i>cwi-folder-download</div>
|
|
224
|
-
<div class="item" data-category="aviation"><i class="ico cwi-plane-delay"></i>cwi-plane-delay</div>
|
|
225
|
-
<div class="item" data-category="documents"><i class="ico cwi-folder-closed"></i>cwi-folder-closed</div>
|
|
226
|
-
<div class="item" data-category="documents"><i class="ico cwi-folder-user"></i>cwi-folder-user</div>
|
|
227
|
-
<div class="item" data-category="documents"><i class="ico cwi-folder-selected"></i>cwi-folder-selected</div>
|
|
228
|
-
<div class="item" data-category="actions"><i class="ico cwi-paper-plane"></i>cwi-paper-plane</div>
|
|
229
|
-
<div class="item" data-category="documents"><i class="ico cwi-file-accepted"></i>cwi-file-accepted</div>
|
|
230
|
-
<div class="item" data-category="navigation"><i class="ico cwi-arrow-left-circle"></i>cwi-arrow-left-circle
|
|
231
|
-
</div>
|
|
232
|
-
<div class="item" data-category="navigation"><i class="ico cwi-arrow-left"></i>cwi-arrow-left</div>
|
|
233
|
-
<div class="item" data-category="documents"><i class="ico cwi-envelope-sent"></i>cwi-envelope-sent</div>
|
|
234
|
-
<div class="item" data-category="actions"><i class="ico cwi-undo"></i>cwi-undo</div>
|
|
235
|
-
<div class="item" data-category="documents"><i class="ico cwi-file-report"></i>cwi-file-report</div>
|
|
236
|
-
<div class="item" data-category="aviation"><i class="ico cwi-fuel"></i>cwi-fuel</div>
|
|
237
|
-
<div class="item" data-category="aviation"><i class="ico cwi-location"></i>cwi-location</div>
|
|
238
|
-
<div class="item" data-category="actions"><i class="ico cwi-copy"></i>cwi-copy</div>
|
|
239
|
-
<div class="item" data-category="status"><i class="ico cwi-check-circle"></i>cwi-check-circle</div>
|
|
240
|
-
<div class="item" data-category="status"><i class="ico cwi-important"></i>cwi-important</div>
|
|
241
|
-
<div class="item" data-category="aviation"><i class="ico cwi-plane-solid"></i>cwi-plane-solid</div>
|
|
242
|
-
<div class="item" data-category="time"><i class="ico cwi-birthday"></i>cwi-birthday</div>
|
|
243
|
-
<div class="item" data-category="system"><i class="ico cwi-link"></i>cwi-link</div>
|
|
244
|
-
<div class="item" data-category="users"><i class="ico cwi-user-delete"></i>cwi-user-delete</div>
|
|
245
|
-
<div class="item" data-category="users"><i class="ico cwi-crew"></i>cwi-crew</div>
|
|
246
|
-
<div class="item" data-category="aviation"><i class="ico cwi-luggage"></i>cwi-luggage</div>
|
|
247
|
-
<div class="item" data-category="users"><i class="ico cwi-user-luggage"></i>cwi-user-luggage</div>
|
|
248
|
-
<div class="item" data-category="time"><i class="ico cwi-calendar-view"></i>cwi-calendar-view</div>
|
|
249
|
-
<div class="item" data-category="aviation"><i class="ico cwi-calendar-plane"></i>cwi-calendar-plane</div>
|
|
250
|
-
<div class="item" data-category="time"><i class="ico cwi-calendar-time"></i>cwi-calendar-time</div>
|
|
251
|
-
<div class="item" data-category="time"><i class="ico cwi-calendar-solid"></i>cwi-calendar-solid</div>
|
|
252
|
-
<div class="item" data-category="aviation"><i class="ico cwi-duty-free"></i>cwi-duty-free</div>
|
|
253
|
-
<div class="item" data-category="actions"><i class="ico cwi-undo-selected"></i>cwi-undo-selected</div>
|
|
254
|
-
<div class="item" data-category="aviation"><i class="ico cwi-plane-pairing"></i>cwi-plane-pairing</div>
|
|
255
|
-
<div class="item" data-category="users"><i class="ico cwi-typerating"></i>cwi-typerating</div>
|
|
256
|
-
<div class="item" data-category="actions"><i class="ico cwi-save-selected"></i>cwi-save-selected</div>
|
|
257
|
-
<div class="item" data-category="actions"><i class="ico cwi-search-filter"></i>cwi-search-filter</div>
|
|
258
|
-
<div class="item" data-category="users"><i class="ico cwi-linetraining"></i>cwi-linetraining</div>
|
|
259
|
-
<div class="item" data-category="navigation"><i class="ico cwi-arrow-down"></i>cwi-arrow-down</div>
|
|
260
|
-
<div class="item" data-category="navigation"><i class="ico cwi-arrow-up"></i>cwi-arrow-up</div>
|
|
261
|
-
<div class="item" data-category="navigation"><i class="ico cwi-arrow-right"></i>cwi-arrow-right</div>
|
|
262
|
-
<div class="item" data-category="modules"><i class="ico cwi-accounting"></i>cwi-accounting</div>
|
|
263
|
-
<div class="item" data-category="users"><i class="ico cwi-employee-document"></i>cwi-employee-document</div>
|
|
264
|
-
<div class="item" data-category="users"><i class="ico cwi-employees"></i>cwi-employees</div>
|
|
265
|
-
<div class="item" data-category="actions"><i class="ico cwi-phone"></i>cwi-phone</div>
|
|
266
|
-
<div class="item" data-category="documents"><i class="ico cwi-stats"></i>cwi-stats</div>
|
|
267
|
-
<div class="item" data-category="users"><i class="ico cwi-customers"></i>cwi-customers</div>
|
|
268
|
-
<div class="item" data-category="modules"><i class="ico cwi-crew-planning"></i>cwi-crew-planning</div>
|
|
269
|
-
<div class="item" data-category="users"><i class="ico cwi-aircraft-owner"></i>cwi-aircraft-owner</div>
|
|
270
|
-
<div class="item" data-category="modules"><i class="ico cwi-crew-control"></i>cwi-crew-control</div>
|
|
271
|
-
<div class="item" data-category="aviation"><i class="ico cwi-control-tower"></i>cwi-control-tower</div>
|
|
272
|
-
<div class="item" data-category="modules"><i class="ico cwi-classroom"></i>cwi-classroom</div>
|
|
273
|
-
<div class="item" data-category="modules"><i class="ico cwi-catering"></i>cwi-catering</div>
|
|
274
|
-
<div class="item" data-category="documents"><i class="ico cwi-card"></i>cwi-card</div>
|
|
275
|
-
<div class="item" data-category="documents"><i class="ico cwi-audit"></i>cwi-audit</div>
|
|
276
|
-
<div class="item" data-category="modules"><i class="ico cwi-administrator"></i>cwi-administrator</div>
|
|
277
|
-
<div class="item" data-category="users"><i class="ico cwi-cabincrew"></i>cwi-cabincrew</div>
|
|
278
|
-
<div class="item" data-category="aviation"><i class="ico cwi-flight-operations"></i>cwi-flight-operations</div>
|
|
279
|
-
<div class="item" data-category="aviation"><i class="ico cwi-dispatch"></i>cwi-dispatch</div>
|
|
280
|
-
<div class="item" data-category="aviation"><i class="ico cwi-fleet"></i>cwi-fleet</div>
|
|
281
|
-
<div class="item" data-category="modules"><i class="ico cwi-fatigue-risk"></i>cwi-fatigue-risk</div>
|
|
282
|
-
<div class="item" data-category="users"><i class="ico cwi-management"></i>cwi-management</div>
|
|
283
|
-
<div class="item" data-category="modules"><i class="ico cwi-balance"></i>cwi-balance</div>
|
|
284
|
-
<div class="item" data-category="users"><i class="ico cwi-master-crew"></i>cwi-master-crew</div>
|
|
285
|
-
<div class="item" data-category="users"><i class="ico cwi-passengers"></i>cwi-passengers</div>
|
|
286
|
-
<div class="item" data-category="modules"><i class="ico cwi-tools"></i>cwi-tools</div>
|
|
287
|
-
<div class="item" data-category="modules"><i class="ico cwi-risk-assessment"></i>cwi-risk-assessment</div>
|
|
288
|
-
<div class="item" data-category="modules"><i class="ico cwi-sales"></i>cwi-sales</div>
|
|
289
|
-
<div class="item" data-category="modules"><i class="ico cwi-quiz"></i>cwi-quiz</div>
|
|
290
|
-
<div class="item" data-category="modules"><i class="ico cwi-learning"></i>cwi-learning</div>
|
|
291
|
-
<div class="item" data-category="modules"><i class="ico cwi-support"></i>cwi-support</div>
|
|
292
|
-
<div class="item" data-category="modules"><i class="ico cwi-stock"></i>cwi-stock</div>
|
|
293
|
-
<div class="item" data-category="modules"><i class="ico cwi-security"></i>cwi-security</div>
|
|
294
|
-
<div class="item" data-category="aviation"><i class="ico cwi-plane-approval"></i>cwi-plane-approval</div>
|
|
295
|
-
<div class="item" data-category="users"><i class="ico cwi-user-account"></i>cwi-user-account</div>
|
|
296
|
-
<div class="item" data-category="modules"><i class="ico cwi-money-transfer"></i>cwi-money-transfer</div>
|
|
297
|
-
<div class="item" data-category="aviation"><i class="ico cwi-plane-spot"></i>cwi-plane-spot</div>
|
|
298
|
-
<div class="item" data-category="aviation"><i class="ico cwi-hotel"></i>cwi-hotel</div>
|
|
299
|
-
<div class="item" data-category="vehicles"><i class="ico cwi-rental-car"></i>cwi-rental-car</div>
|
|
300
|
-
<div class="item" data-category="aviation"><i class="ico cwi-plane-seat-solid"></i>cwi-plane-seat-solid</div>
|
|
301
|
-
<div class="item" data-category="aviation"><i class="ico cwi-plane-seat"></i>cwi-plane-seat</div>
|
|
302
|
-
<div class="item" data-category="status"><i class="ico cwi-spinner"></i>cwi-spinner</div>
|
|
303
|
-
<div class="item" data-category="action"><i class="ico cwi-sortable"></i>cwi-sortable</div>
|
|
304
|
-
<div class="item" data-category="action"><i class="ico cwi-settings"></i>cwi-settings</div>
|
|
305
|
-
<div class="item" data-category="vehicles"><i class="ico cwi-steering-wheel"></i>cwi-steering-wheel</div>
|
|
306
|
-
<div class="item" data-category="vehicles"><i class="ico cwi-road"></i>cwi-road</div>
|
|
307
|
-
<div class="item" data-category="action"><i class="ico cwi-grip-dots"></i>cwi-grip-dots</div>
|
|
308
|
-
<div class="item" data-category="status"><i class="ico cwi-medal"></i>cwi-medal</div>
|
|
309
|
-
<div class="item" data-category="vehicles"><i class="ico cwi-tire"></i>cwi-tire</div>
|
|
310
|
-
<div class="item" data-category="actions"><i class="ico cwi-zoom-in"></i>cwi-zoom-in</div>
|
|
311
|
-
<div class="item" data-category="actions"><i class="ico cwi-zoom-out"></i>cwi-zoom-out</div>
|
|
312
|
-
<div class="item" data-category="users"><i class="ico cwi-user-solid"></i>cwi-user-solid</div>
|
|
313
|
-
<div class="item" data-category="status"><i class="ico cwi-lock-solid-open"></i>cwi-lock-solid-open</div>
|
|
314
|
-
<div class="item" data-category="time"><i class="ico cwi-stopwatch"></i>cwi-stopwatch</div>
|
|
315
|
-
<div class="item" data-category="actions"><i class="ico cwi-quote-right"></i>cwi-quote-right</div>
|
|
316
|
-
<div class="item" data-category="actions"><i class="ico cwi-paste"></i>cwi-paste</div>
|
|
317
|
-
<div class="item" data-category="documents"><i class="ico cwi-clip"></i>cwi-clip</div>
|
|
318
|
-
<div class="item" data-category="navigation"><i class="ico cwi-grid"></i>cwi-grid</div>
|
|
319
|
-
<div class="item" data-category="navigation"><i class="ico cwi-table"></i>cwi-table</div>
|
|
320
|
-
<div class="item" data-category="actions"><i class="ico cwi-star-solid"></i>cwi-star-solid</div>
|
|
321
|
-
<div class="item" data-category="modules"><i class="ico cwi-library"></i>cwi-library</div>
|
|
322
|
-
<div class="item" data-category="modules"><i class="ico cwi-inventory"></i>cwi-inventory</div>
|
|
323
|
-
<div class="item" data-category="aviation"><i class="ico cwi-passport-add"></i>cwi-passport-add</div>
|
|
324
|
-
<div class="item" data-category="aviation"><i class="ico cwi-passport-settings"></i>cwi-passport-settings</div>
|
|
325
|
-
<div class="item" data-category="aviation"><i class="ico cwi-passport-search"></i>cwi-passport-search</div>
|
|
326
|
-
<div class="item" data-category="actions"><i class="ico cwi-split"></i>cwi-split</div>
|
|
327
|
-
<div class="item" data-category="aviation"><i class="ico cwi-flight-repeat"></i>cwi-flight-repeat</div>
|
|
328
|
-
<div class="item" data-category="modules"><i class="ico cwi-coins"></i>cwi-coins</div>
|
|
329
|
-
<div class="item" data-category="actions"><i class="ico cwi-signature"></i>cwi-signature</div>
|
|
330
|
-
|
|
331
|
-
</div>
|
|
332
|
-
|
|
333
|
-
<div id="toast" class="toast">Clase copiada al portapapeles</div>
|
|
334
|
-
|
|
335
|
-
<script>
|
|
336
|
-
document.addEventListener('DOMContentLoaded', function () {
|
|
337
|
-
// Get all elements with the 'item' class
|
|
338
|
-
const items = document.querySelectorAll('.item');
|
|
339
|
-
const toast = document.getElementById('toast');
|
|
340
|
-
const searchInput = document.getElementById('searchInput');
|
|
341
|
-
const categoryFilter = document.getElementById('categoryFilter');
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
// Function to filter icons by text and category
|
|
346
|
-
function filterIcons() {
|
|
347
|
-
const searchTerm = searchInput.value.toLowerCase();
|
|
348
|
-
const category = categoryFilter.value;
|
|
349
|
-
|
|
350
|
-
items.forEach(item => {
|
|
351
|
-
const text = item.textContent.toLowerCase();
|
|
352
|
-
const itemCategory = item.getAttribute('data-category');
|
|
353
|
-
|
|
354
|
-
// Show if it matches the search and category
|
|
355
|
-
const matchesSearch = text.includes(searchTerm);
|
|
356
|
-
const matchesCategory = (category === 'all' || itemCategory === category);
|
|
357
|
-
|
|
358
|
-
if (matchesSearch && matchesCategory) {
|
|
359
|
-
item.style.display = 'flex';
|
|
360
|
-
} else {
|
|
361
|
-
item.style.display = 'none';
|
|
362
|
-
}
|
|
363
|
-
});
|
|
364
|
-
}
|
|
365
|
-
|
|
366
|
-
// Add click event to each item to copy to clipboard
|
|
367
|
-
items.forEach(item => {
|
|
368
|
-
item.addEventListener('click', function () {
|
|
369
|
-
// Get the i element within the clicked item
|
|
370
|
-
const iconElement = this.querySelector('i');
|
|
371
|
-
|
|
372
|
-
// Get the class that starts with 'cwi-'
|
|
373
|
-
const classes = iconElement.className.split(' ');
|
|
374
|
-
let iconClass = '';
|
|
375
|
-
|
|
376
|
-
for (let cls of classes) {
|
|
377
|
-
if (cls.startsWith('cwi-')) {
|
|
378
|
-
iconClass = cls;
|
|
379
|
-
break;
|
|
380
|
-
}
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
// Copy the class to clipboard with the requested format
|
|
384
|
-
navigator.clipboard.writeText("cwi-icons " + iconClass)
|
|
385
|
-
.then(() => {
|
|
386
|
-
// Show success message
|
|
387
|
-
toast.textContent = `Class "cwi-icons ${iconClass}" copied to clipboard`;
|
|
388
|
-
toast.style.opacity = '1';
|
|
389
|
-
|
|
390
|
-
// Hide the message after 2 seconds
|
|
391
|
-
setTimeout(() => {
|
|
392
|
-
toast.style.opacity = '0';
|
|
393
|
-
}, 2000);
|
|
394
|
-
})
|
|
395
|
-
.catch(err => {
|
|
396
|
-
console.error('Error copying: ', err);
|
|
397
|
-
toast.textContent = 'Error copying to clipboard';
|
|
398
|
-
toast.style.opacity = '1';
|
|
399
|
-
|
|
400
|
-
setTimeout(() => {
|
|
401
|
-
toast.style.opacity = '0';
|
|
402
|
-
}, 2000);
|
|
403
|
-
});
|
|
404
|
-
});
|
|
405
|
-
});
|
|
406
|
-
|
|
407
|
-
// Assign events for filtering controls
|
|
408
|
-
searchInput.addEventListener('input', filterIcons);
|
|
409
|
-
categoryFilter.addEventListener('change', filterIcons);
|
|
410
|
-
});
|
|
411
|
-
|
|
412
|
-
</script>
|
|
413
|
-
</body>
|
|
414
|
-
|
|
415
|
-
</html>
|