mbkauthe 2.5.0 → 3.1.0

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,341 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ {{> head}}
5
+
6
+ <body>
7
+ {{> header}}
8
+
9
+ <style>
10
+ .container {
11
+ max-width: 1200px;
12
+ margin: 0 auto;
13
+ padding: 2rem;
14
+ padding-top: 100px;
15
+ }
16
+
17
+ .page-header {
18
+ text-align: center;
19
+ padding: 3rem 0 2rem;
20
+ border-bottom: 2px solid rgba(0, 184, 148, 0.3);
21
+ }
22
+
23
+ .page-header h1 {
24
+ font-size: 2.5rem;
25
+ color: var(--accent);
26
+ margin-bottom: 0.5rem;
27
+ }
28
+
29
+ .page-header p {
30
+ font-size: 1.1rem;
31
+ color: var(--text-light);
32
+ }
33
+
34
+ .search-box {
35
+ margin-bottom: 2rem;
36
+ position: sticky;
37
+ top: 70px;
38
+ background: transparent;
39
+ backdrop-filter: blur(10px);
40
+ padding: 1rem 0;
41
+ z-index: 100;
42
+ border-bottom: 1px solid rgba(0, 184, 148, 0.2);
43
+ }
44
+
45
+ .search-input {
46
+ width: 100%;
47
+ padding: 1rem 1.5rem;
48
+ background: rgba(255, 255, 255, 0.05);
49
+ border: 2px solid rgba(0, 184, 148, 0.3);
50
+ border-radius: 8px;
51
+ color: #e0f7fa;
52
+ font-size: 1rem;
53
+ transition: all 0.3s ease;
54
+ }
55
+
56
+ .search-input:focus {
57
+ outline: none;
58
+ border-color: #00b894;
59
+ background: rgba(255, 255, 255, 0.08);
60
+ }
61
+
62
+ .search-input::placeholder {
63
+ color: #b2dfdb;
64
+ opacity: 0.6;
65
+ }
66
+
67
+ .category {
68
+ margin-bottom: 3rem;
69
+ }
70
+
71
+ .category-header {
72
+ display: flex;
73
+ align-items: center;
74
+ gap: 1rem;
75
+ margin-bottom: 1.5rem;
76
+ padding: 1rem;
77
+ background: rgba(0, 184, 148, 0.1);
78
+ border-left: 4px solid #00b894;
79
+ border-radius: 4px;
80
+ }
81
+
82
+ .category-header h2 {
83
+ font-size: 1.8rem;
84
+ color: var(--accent);
85
+ }
86
+
87
+ .category-header .range {
88
+ font-size: 1rem;
89
+ color: var(--text-light);
90
+ font-weight: normal;
91
+ }
92
+
93
+ .error-card {
94
+ background: rgba(10, 20, 20, 0.8);
95
+ border: 1px solid rgba(0, 184, 148, 0.2);
96
+ border-radius: 8px;
97
+ padding: 1.5rem;
98
+ margin-bottom: 1.5rem;
99
+ transition: all 0.3s ease;
100
+ scroll-margin-top: 100px;
101
+ }
102
+
103
+ .error-card:hover {
104
+ border-color: #00b894;
105
+ box-shadow: 0 4px 20px rgba(0, 184, 148, 0.2);
106
+ transform: translateY(-2px);
107
+ }
108
+
109
+ .error-header {
110
+ display: flex;
111
+ align-items: center;
112
+ gap: 1rem;
113
+ margin-bottom: 1rem;
114
+ }
115
+
116
+ .error-code {
117
+ background: var(--warning);
118
+ color: var(--darker);
119
+ padding: 0.5rem 1rem;
120
+ border-radius: 6px;
121
+ font-weight: bold;
122
+ font-size: 1.1rem;
123
+ }
124
+
125
+ .error-name {
126
+ color: var(--accent);
127
+ font-size: 1.3rem;
128
+ font-weight: 600;
129
+ }
130
+
131
+ .error-message {
132
+ color: var(--text);
133
+ font-size: 1.1rem;
134
+ margin-bottom: 0.75rem;
135
+ padding-left: 1rem;
136
+ border-left: 3px solid rgba(0, 184, 148, 0.3);
137
+ }
138
+
139
+ .error-hint {
140
+ background: rgba(255, 209, 102, 0.1);
141
+ color: var(--warning);
142
+ padding: 0.75rem 1rem;
143
+ border-radius: 6px;
144
+ border-left: 3px solid var(--warning);
145
+ font-size: 0.95rem;
146
+ margin-top: 0.75rem;
147
+ }
148
+
149
+
150
+
151
+ .no-results {
152
+ text-align: center;
153
+ padding: 3rem;
154
+ color: var(--text-light);
155
+ font-size: 1.2rem;
156
+ }
157
+
158
+ .back-to-top {
159
+ position: fixed;
160
+ bottom: 2rem;
161
+ right: 2rem;
162
+ background: var(--accent);
163
+ color: var(--darker);
164
+ width: 50px;
165
+ height: 50px;
166
+ border-radius: 50%;
167
+ display: flex;
168
+ align-items: center;
169
+ justify-content: center;
170
+ font-size: 1.5rem;
171
+ cursor: pointer;
172
+ box-shadow: 0 4px 20px rgba(0, 184, 148, 0.3);
173
+ transition: all 0.3s ease;
174
+ opacity: 0;
175
+ pointer-events: none;
176
+ }
177
+
178
+ .back-to-top.visible {
179
+ opacity: 1;
180
+ pointer-events: all;
181
+ }
182
+
183
+ .back-to-top:hover {
184
+ transform: translateY(-5px);
185
+ box-shadow: 0 6px 25px rgba(0, 184, 148, 0.4);
186
+ }
187
+
188
+ @media (max-width: 768px) {
189
+ .page-header h1 {
190
+ font-size: 2rem;
191
+ }
192
+
193
+ .category-header h2 {
194
+ font-size: 1.5rem;
195
+ }
196
+
197
+ .error-card {
198
+ padding: 1rem;
199
+ }
200
+
201
+ .error-header {
202
+ flex-direction: column;
203
+ align-items: flex-start;
204
+ }
205
+ }
206
+ </style>
207
+
208
+ <div class="container">
209
+ <div class="page-header">
210
+ <h1>🔐 MBKAuthe Error Codes</h1>
211
+ <p>Complete reference guide for all error codes and their solutions</p>
212
+ </div>
213
+
214
+ <div class="search-box">
215
+ <input type="text" class="search-input" id="searchInput" placeholder="Search by error code, name, or description...">
216
+ </div>
217
+
218
+ <div id="errorContainer">
219
+ {{#each errorCategories}}
220
+ <div class="category" data-category="{{this.category}}">
221
+ <div class="category-header">
222
+ <h2>{{this.icon}} {{this.name}}</h2>
223
+ <span class="range">{{this.range}}</span>
224
+ </div>
225
+
226
+ {{#each this.errors}}
227
+ <div class="error-card" id="error-{{this.code}}" data-search="{{this.code}} {{this.name}} {{this.message}} {{this.userMessage}} {{this.hint}}">
228
+ <div class="error-header">
229
+ <span class="error-code">{{this.code}}</span>
230
+ <span class="error-name">{{this.name}}</span>
231
+ </div>
232
+ <div class="error-message">
233
+ {{this.userMessage}}
234
+ </div>
235
+ <div class="error-hint">
236
+ 💡 {{this.hint}}
237
+ </div>
238
+ </div>
239
+ {{/each}}
240
+ </div>
241
+ {{/each}}
242
+ </div>
243
+
244
+ <div class="no-results" id="noResults" style="display: none;">
245
+ No error codes found matching your search.
246
+ </div>
247
+ </div>
248
+
249
+ <div class="back-to-top" id="backToTop">↑</div>
250
+
251
+ <script>
252
+ // Search functionality
253
+ const searchInput = document.getElementById('searchInput');
254
+ const errorCards = document.querySelectorAll('.error-card');
255
+ const categories = document.querySelectorAll('.category');
256
+ const noResults = document.getElementById('noResults');
257
+
258
+ searchInput.addEventListener('input', function() {
259
+ const searchTerm = this.value.toLowerCase().trim();
260
+ let hasResults = false;
261
+
262
+ if (!searchTerm) {
263
+ // Show all cards and categories
264
+ errorCards.forEach(card => card.style.display = 'block');
265
+ categories.forEach(cat => cat.style.display = 'block');
266
+ noResults.style.display = 'none';
267
+ return;
268
+ }
269
+
270
+ // Search through error cards
271
+ errorCards.forEach(card => {
272
+ const searchData = card.getAttribute('data-search').toLowerCase();
273
+ if (searchData.includes(searchTerm)) {
274
+ card.style.display = 'block';
275
+ hasResults = true;
276
+ } else {
277
+ card.style.display = 'none';
278
+ }
279
+ });
280
+
281
+ // Hide/show categories based on visible cards
282
+ categories.forEach(category => {
283
+ const visibleCards = category.querySelectorAll('.error-card[style="display: block;"]');
284
+ if (visibleCards.length > 0) {
285
+ category.style.display = 'block';
286
+ } else {
287
+ category.style.display = 'none';
288
+ }
289
+ });
290
+
291
+ noResults.style.display = hasResults ? 'none' : 'block';
292
+ });
293
+
294
+ // Back to top button
295
+ const backToTop = document.getElementById('backToTop');
296
+
297
+ window.addEventListener('scroll', function() {
298
+ if (window.pageYOffset > 300) {
299
+ backToTop.classList.add('visible');
300
+ } else {
301
+ backToTop.classList.remove('visible');
302
+ }
303
+ });
304
+
305
+ backToTop.addEventListener('click', function() {
306
+ window.scrollTo({ top: 0, behavior: 'smooth' });
307
+ });
308
+
309
+ // Handle hash navigation
310
+ function scrollToError() {
311
+ if (window.location.hash) {
312
+ let targetId = window.location.hash.substring(1);
313
+
314
+ // If hash doesn't start with "error-", add it
315
+ if (!targetId.startsWith('error-') && /^\d+$/.test(targetId)) {
316
+ targetId = 'error-' + targetId;
317
+ }
318
+
319
+ const targetElement = document.getElementById(targetId);
320
+ if (targetElement) {
321
+ setTimeout(() => {
322
+ targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
323
+ targetElement.style.background = 'rgba(0, 184, 148, 0.2)';
324
+ targetElement.style.transition = 'background 0.3s ease';
325
+ setTimeout(() => {
326
+ targetElement.style.background = '';
327
+ }, 2000);
328
+ }, 100);
329
+ }
330
+ }
331
+ }
332
+
333
+ // Scroll on page load
334
+ scrollToError();
335
+
336
+ // Scroll when hash changes
337
+ window.addEventListener('hashchange', scrollToError);
338
+ </script>
339
+ </body>
340
+
341
+ </html>
@@ -2,7 +2,7 @@
2
2
  <div class="showmessageWindow">
3
3
  <h1></h1>
4
4
  <p></p>
5
- <!--a href="" target="_blank" class="error-code"></a-->
5
+ <a href="" target="_blank" class="error-code"></a>
6
6
  <button class="btn btn-save full" onclick="hideMessage()">Okay</button>
7
7
  </div>
8
8
  </div>
@@ -12,7 +12,6 @@
12
12
  document.querySelector(".showmessageWindow h1").innerText = heading;
13
13
  document.querySelector(".showmessageWindow p").innerHTML = message;
14
14
 
15
- /* Disable for now
16
15
  if (errorCode) {
17
16
  document.querySelector(".showmessageWindow .error-code").style.display = "block";
18
17
  document.querySelector(".showmessageWindow .error-code").innerText = `Error Code: ${errorCode}`;
@@ -20,8 +19,8 @@
20
19
  document.querySelector(".showmessageWindow .error-code").style.display = "none";
21
20
  }
22
21
 
23
- document.querySelector(".showmessageWindow .error-code").href = `https://mbktech.org/ErrorCode/#${errorCode}`;
24
- */
22
+ document.querySelector(".showmessageWindow .error-code").href = `/mbkauthe/ErrorCode/#${errorCode}`;
23
+
25
24
  document.querySelector(".showMessageblurWindow").classList.add("active");
26
25
  document.body.classList.add("blur-active");
27
26
  }
@@ -47,11 +46,13 @@
47
46
  align-items: center;
48
47
  z-index: 10000;
49
48
  backdrop-filter: blur(10px);
49
+ pointer-events: none;
50
50
  }
51
51
 
52
52
  .showMessageblurWindow.active {
53
53
  display: flex;
54
54
  animation: fadeIn 0.3s ease-in-out;
55
+ pointer-events: all;
55
56
  }
56
57
 
57
58
  .showMessageblurWindow.fade-out {
@@ -72,12 +73,13 @@
72
73
  padding: 2rem 2.5rem;
73
74
  border-radius: 8px;
74
75
  max-width: 90%;
75
- width: 600px;
76
+ width: 550px;
76
77
  position: relative;
77
78
  color: #e0f7fa;
78
79
  border: 1px solid rgba(0, 184, 148, 0.2);
79
80
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
80
81
  animation: slideIn 0.3s ease-out;
82
+ pointer-events: all;
81
83
  }
82
84
 
83
85
  .showmessageWindow h1 {
@@ -115,7 +117,6 @@
115
117
  .showmessageWindow .error-code:hover {
116
118
  background: rgba(255, 209, 102, 0.2);
117
119
  color: #ffd166;
118
- transform: translateY(-2px);
119
120
  box-shadow: 0 4px 10px rgba(255, 209, 102, 0.2);
120
121
  }
121
122