@necrolab/dashboard 0.4.32 → 0.4.34

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.
@@ -1,28 +1,138 @@
1
1
  <template>
2
2
  <button
3
- class="check-component"
3
+ class="modern-checkbox"
4
4
  @click="
5
5
  checked = !checked;
6
6
  $emit('valueUpdate', checked);
7
7
  "
8
- :class="{ 'border-light-300': !toggled }"
8
+ :class="{ checked: toggled, 'header-checkbox': isHeader }"
9
9
  >
10
- <div class="flex-center w-4 h-4">
11
- <transition name="fade">
12
- <CheckmarkIcon v-if="toggled" class="will-change-auto" />
13
- </transition>
10
+ <div class="checkbox-inner">
11
+ <!-- Header checkbox design -->
12
+ <div v-if="isHeader" class="header-indicator" :class="{ visible: toggled }"></div>
13
+
14
+ <!-- Row checkbox design -->
15
+ <svg
16
+ v-else
17
+ class="checkmark"
18
+ :class="{ visible: toggled }"
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ xmlns="http://www.w3.org/2000/svg"
22
+ >
23
+ <path
24
+ d="M20 6L9 17L4 12"
25
+ stroke="currentColor"
26
+ stroke-width="3"
27
+ stroke-linecap="round"
28
+ stroke-linejoin="round"
29
+ />
30
+ </svg>
14
31
  </div>
15
32
  </button>
16
33
  </template>
17
34
  <style lang="scss" scoped>
18
- .check-component {
19
- @apply border-dashed duration-200 rounded border flex items-center justify-center w-4 h-4;
35
+ .modern-checkbox {
36
+ @apply relative flex items-center justify-center cursor-pointer flex-shrink-0;
37
+ width: 18px;
38
+ height: 18px;
39
+ border-radius: 50%;
40
+ border: 2px solid #4a4a61;
41
+ background: transparent;
42
+ transition: all 0.2s ease;
43
+
44
+ &:hover {
45
+ border-color: #6e7084;
46
+ transform: scale(1.05);
47
+ }
48
+
49
+ &.checked {
50
+ background: #5d5d78;
51
+ border-color: #5d5d78;
52
+
53
+ &:hover {
54
+ background: #676783;
55
+ border-color: #676783;
56
+ }
57
+ }
58
+
59
+ &.header-checkbox {
60
+ width: 16px;
61
+ height: 16px;
62
+ border-color: #6e7084;
63
+
64
+ &:hover {
65
+ border-color: #8a8ca5;
66
+ background: rgba(110, 112, 132, 0.1);
67
+ }
68
+
69
+ &.checked {
70
+ background: #6e7084;
71
+ border-color: #6e7084;
72
+
73
+ &:hover {
74
+ background: #7a7c93;
75
+ border-color: #7a7c93;
76
+ }
77
+ }
78
+ }
79
+
80
+ &:focus-visible {
81
+ outline: 2px solid #a7a8af;
82
+ outline-offset: 2px;
83
+ }
84
+ }
85
+
86
+ .checkbox-inner {
87
+ @apply relative w-full h-full flex items-center justify-center;
88
+ }
89
+
90
+ .checkmark {
91
+ width: 8px;
92
+ height: 8px;
93
+ color: #ffffff;
94
+ opacity: 0;
95
+ transform: scale(0.5);
96
+ transition: all 0.2s ease;
97
+
98
+ &.visible {
99
+ opacity: 1;
100
+ transform: scale(1);
101
+ }
102
+ }
103
+
104
+ .header-indicator {
105
+ width: 6px;
106
+ height: 6px;
107
+ background: #ffffff;
108
+ border-radius: 50%;
109
+ opacity: 0;
110
+ transform: scale(0.3);
111
+ transition: all 0.2s ease;
112
+
113
+ &.visible {
114
+ opacity: 1;
115
+ transform: scale(1);
116
+ }
117
+ }
118
+
119
+ @media (hover: hover) {
120
+ .modern-checkbox:hover {
121
+ transform: scale(1.05);
122
+ }
123
+
124
+ .modern-checkbox.checked:hover .checkmark {
125
+ transform: scale(1.1);
126
+ }
20
127
  }
21
128
  </style>
22
129
  <script setup>
23
130
  import { CheckmarkIcon } from "@/components/icons";
24
131
  import { ref } from "vue";
25
- const props = defineProps({ toggled: { type: Boolean, required: false, default: false } });
132
+ const props = defineProps({
133
+ toggled: { type: Boolean, required: false, default: false },
134
+ isHeader: { type: Boolean, required: false, default: false }
135
+ });
26
136
 
27
137
  const checked = ref(props.toggled);
28
138
  </script>
@@ -30,7 +30,7 @@
30
30
  </template>
31
31
 
32
32
  <script setup>
33
- import { ref, computed } from "vue";
33
+ import { ref, computed, watch } from "vue";
34
34
  import { DownIcon, CheckmarkIcon } from "@/components/icons";
35
35
  import { useUIStore } from "@/stores/ui";
36
36
  const ui = useUIStore();
@@ -47,6 +47,11 @@ const props = defineProps({
47
47
  });
48
48
 
49
49
  const currentValue = ref(props.value);
50
+
51
+ // Watch for changes to the value prop and update currentValue
52
+ watch(() => props.value, (newValue) => {
53
+ currentValue.value = newValue;
54
+ });
50
55
  const id = Math.random();
51
56
  const opened = computed(() => ui.currentDropdown === id);
52
57
 
@@ -91,10 +96,11 @@ const chose = (f) => {
91
96
  }
92
97
 
93
98
  .dropdown-menu {
94
- @apply absolute border border-light-300 rounded-lg shadow-lg z-50 max-h-40 overflow-y-auto;
99
+ @apply absolute border border-light-300 rounded-lg shadow-lg max-h-40 overflow-y-auto;
95
100
  top: 2.5rem;
96
101
  left: -1px;
97
102
  width: calc(100% + 2px);
103
+ z-index: 10000;
98
104
  box-shadow: 0 8px 25px -5px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
99
105
  background-color: rgb(24, 24, 35);
100
106
  scrollbar-width: none; /* Firefox */
@@ -191,10 +191,11 @@ if (props.default && !selectedOptions.value.includes(props.default)) {
191
191
  }
192
192
 
193
193
  .dropdown-menu {
194
- @apply absolute border border-light-300 rounded-lg shadow-lg z-50 overflow-y-auto;
194
+ @apply absolute border border-light-300 rounded-lg shadow-lg overflow-y-auto;
195
195
  top: 2.5rem;
196
196
  left: -1px;
197
197
  width: calc(100% + 2px);
198
+ z-index: 10000;
198
199
  box-shadow: 0 8px 25px -5px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
199
200
  background-color: rgb(24, 24, 35);
200
201
  scrollbar-width: none; /* Firefox */
@@ -7,15 +7,16 @@ export default {
7
7
  proxyList: { checkout: "admin-proxies", queue: "admin-recaptcha" }
8
8
  },
9
9
  Tasks: {
10
- T0: {
10
+ 0: {
11
11
  profileName: "profile0",
12
12
  mode: "CHECKOUT",
13
13
  createdAt: "2023-05-17T10:18:27.887Z",
14
- taskId: "T0",
14
+ taskId: "0",
15
15
  active: true,
16
16
  email: "grantelam@hotmail.com",
17
17
  password: "Dkstrhf4srth56Gksj",
18
18
  status: "Event already happened",
19
+ inQueue: true,
19
20
  statusColor: "red",
20
21
  manual: false,
21
22
  incapsulaBypass: false,
@@ -42,47 +43,11 @@ export default {
42
43
  "https://s1.ticketm.net/dam/a/477/955a0c60-463c-442a-a3bb-d10aa68dc477_RETINA_PORTRAIT_16_9.jpg",
43
44
  siteId: "TM_US"
44
45
  },
45
-
46
- // T2: {
47
- // profileName: "profile2",
48
- // mode: "CHECKOUT",
49
- // createdAt: "2023-05-17T10:18:27.895Z",
50
- // taskId: "T2",
51
- // active: true,
52
- // email: "eastereatamesz6265@gmail.com",
53
- // password: "VdashtOyUCWrba2",
54
- // status: "Waiting for Stock",
55
- // statusColor: "white",
56
- // manual: false,
57
- // incapsulaBypass: false,
58
- // quickQueue: false,
59
- // loginAfterCart: false,
60
- // quantity: 8,
61
- // proxy: "http://events1273:0AEYflS4@94.190.248.249:61234",
62
- // eventId: "01005D5C92031D57",
63
- // reservedTicketsList: "-",
64
- // expirationTime: null,
65
-
66
- // doNotPay: false,
67
- // agedAccount: false,
68
- // presaleCode: "",
69
- // smartTimer: false,
70
- // accountTag: "admin",
71
- // profileTags: ["Any"],
72
- // eventName: "Taylor Swift | The Eras Tour",
73
- // eventDate: "2023-05-19T22:30:00.000Z",
74
- // venueName: "Gillette Stadium",
75
- // eventCity: "Foxborough, MA",
76
- // eventUrl:
77
- // "https://www.ticketmaster.com/taylor-swift-the-eras-tour-foxborough-massachusetts-05-19-2023/event/01005D5C92031D57",
78
- // eventImage: "https://s1.ticketm.net/dam/a/477/955a0c60-463c-442a-a3bb-d10aa68dc477_RETINA_PORTRAIT_16_9.jpg"
79
- // },
80
-
81
- T4: {
46
+ 1: {
82
47
  profileName: "profile4",
83
48
  mode: "CHECKOUT",
84
49
  createdAt: "2023-05-17T10:18:27.899Z",
85
- taskId: "T4",
50
+ taskId: "1",
86
51
  active: true,
87
52
  email: "hardacrehardhugreenh5264@gmail.com",
88
53
  password: "UtgsrtTBsrthaou5zL2",
@@ -113,10 +78,10 @@ export default {
113
78
  "https://s1.ticketm.net/dam/a/184/1de64204-dda7-4bf4-b341-ecd9baed7184_1861381_RETINA_PORTRAIT_16_9.jpg",
114
79
  siteId: "TM_US"
115
80
  },
116
- "admin-US-6": {
81
+ 2: {
117
82
  mode: "CHECKOUT",
118
83
  createdAt: "2023-05-17T10:18:27.901Z",
119
- taskId: "admin-US-6",
84
+ taskId: "2",
120
85
  active: true,
121
86
  email: "mcleanmcmzpe5611@gmail.com",
122
87
  password: "VHsrthSvGMsrtFMFm28",
@@ -147,10 +112,10 @@ export default {
147
112
  "https://s1.ticketm.net/dam/a/477/955a0c60-463c-442a-a3bb-d10aa68dc477_RETINA_PORTRAIT_16_9.jpg",
148
113
  siteId: "TM_US"
149
114
  },
150
- T7: {
115
+ 3: {
151
116
  mode: "CHECKOUT",
152
117
  createdAt: "2023-05-17T10:18:27.903Z",
153
- taskId: "T7",
118
+ taskId: "3",
154
119
  active: true,
155
120
  email: "jodyj48@hotmail.com",
156
121
  password: "Drsthksf456Grthksj",
@@ -181,10 +146,10 @@ export default {
181
146
  "https://s1.ticketm.net/dam/a/477/955a0c60-463c-442a-a3bb-d10aa68dc477_RETINA_PORTRAIT_16_9.jpg",
182
147
  siteId: "TM_US"
183
148
  },
184
- T8: {
149
+ 4: {
185
150
  mode: "CHECKOUT",
186
151
  createdAt: "2023-05-17T10:18:27.904Z",
187
- taskId: "T8",
152
+ taskId: "4",
188
153
  active: true,
189
154
  email: "suphathrphrnb@gmail.com",
190
155
  password: "PrthYTpNPk1hfm3",
@@ -215,10 +180,10 @@ export default {
215
180
  "https://s1.ticketm.net/dam/a/477/955a0c60-463c-442a-a3bb-d10aa68dc477_RETINA_PORTRAIT_16_9.jpg",
216
181
  siteId: "TM_US"
217
182
  },
218
- T9: {
183
+ 5: {
219
184
  mode: "CHECKOUT",
220
185
  createdAt: "2023-05-17T10:18:27.906Z",
221
- taskId: "T9",
186
+ taskId: "5",
222
187
  active: true,
223
188
  email: "mathismaeqn53666@gmail.com",
224
189
  password: "UmtsrthJWiaNQHi4",
@@ -249,10 +214,10 @@ export default {
249
214
  "https://s1.ticketm.net/dam/a/39c/ffdebc1d-6b1e-42da-940f-ec7a132a939c_RETINA_PORTRAIT_16_9.jpg",
250
215
  siteId: "TM_US"
251
216
  },
252
- T10: {
217
+ 6: {
253
218
  mode: "CHECKOUT",
254
219
  createdAt: "2023-05-17T10:18:27.907Z",
255
- taskId: "T10",
220
+ taskId: "6",
256
221
  active: true,
257
222
  email: "wilberwiqctar0044@gmail.com",
258
223
  password: "5jhsrtsdvqv54a7",
@@ -283,10 +248,10 @@ export default {
283
248
  "https://s1.ticketm.net/dam/a/477/955a0c60-463c-442a-a3bb-d10aa68dc477_RETINA_PORTRAIT_16_9.jpg",
284
249
  siteId: "TM_US"
285
250
  },
286
- T11: {
251
+ 7: {
287
252
  mode: "CHECKOUT",
288
253
  createdAt: "2023-05-17T10:18:27.908Z",
289
- taskId: "T11",
254
+ taskId: "7",
290
255
  active: true,
291
256
  email: "cuongcuodvda3429@gmail.com",
292
257
  password: "6XrsthEzVaiGZV8",
@@ -317,10 +282,10 @@ export default {
317
282
  "https://s1.ticketm.net/dam/a/184/1de64204-dda7-4bf4-b341-ecd9baed7184_1861381_RETINA_PORTRAIT_16_9.jpg",
318
283
  siteId: "TM_US"
319
284
  },
320
- T12: {
285
+ 8: {
321
286
  mode: "CHECKOUT",
322
287
  createdAt: "2023-05-17T10:18:27.909Z",
323
- taskId: "T12",
288
+ taskId: "8",
324
289
  active: true,
325
290
  email: "taylortaxjbr26248@gmail.com",
326
291
  password: "OwZz9PfKtWsrS7",
@@ -351,10 +316,10 @@ export default {
351
316
  "https://s1.ticketm.net/dam/a/477/955a0c60-463c-442a-a3bb-d10aa68dc477_RETINA_PORTRAIT_16_9.jpg",
352
317
  siteId: "TM_US"
353
318
  },
354
- T12a: {
319
+ 9: {
355
320
  mode: "CHECKOUT",
356
321
  createdAt: "2023-05-17T10:18:27.909Z",
357
- taskId: "T12a",
322
+ taskId: "9",
358
323
  active: true,
359
324
  email: "taylortaxjbr26248@gmail.com",
360
325
  password: "OwZz9PfKtWsrS7",
@@ -385,10 +350,10 @@ export default {
385
350
  "https://s1.ticketm.net/dam/a/477/955a0c60-463c-442a-a3bb-d10aa68dc477_RETINA_PORTRAIT_16_9.jpg",
386
351
  siteId: "TM_US"
387
352
  },
388
- T12b: {
353
+ 10: {
389
354
  mode: "CHECKOUT",
390
355
  createdAt: "2023-05-17T10:18:27.909Z",
391
- taskId: "T12b",
356
+ taskId: "10",
392
357
  active: true,
393
358
  email: "taylortaxjbr26248@gmail.com",
394
359
  password: "OwZz9PfKtWsrS7",
@@ -419,10 +384,10 @@ export default {
419
384
  "https://s1.ticketm.net/dam/a/477/955a0c60-463c-442a-a3bb-d10aa68dc477_RETINA_PORTRAIT_16_9.jpg",
420
385
  siteId: "TM_US"
421
386
  },
422
- T12c: {
387
+ 11: {
423
388
  mode: "CHECKOUT",
424
389
  createdAt: "2023-05-17T10:18:27.909Z",
425
- taskId: "T12c",
390
+ taskId: "11",
426
391
  active: true,
427
392
  email: "taylortaxjbr26248@gmail.com",
428
393
  password: "OwZz9PfKtWsrS7",
@@ -453,10 +418,10 @@ export default {
453
418
  "https://s1.ticketm.net/dam/a/477/955a0c60-463c-442a-a3bb-d10aa68dc477_RETINA_PORTRAIT_16_9.jpg",
454
419
  siteId: "TM_US"
455
420
  },
456
- T16: {
421
+ 12: {
457
422
  mode: "CHECKOUT",
458
423
  createdAt: "2023-05-17T10:18:27.909Z",
459
- taskId: "T-mqm-12",
424
+ taskId: "12",
460
425
  active: true,
461
426
  email: "taylortaxjbr26248@gmail.com",
462
427
  password: "OwZz9PfKtWsrS7",
@@ -484,10 +449,10 @@ export default {
484
449
  hidden: true,
485
450
  siteId: "TM_DE"
486
451
  },
487
- T17: {
452
+ 13: {
488
453
  mode: "CHECKOUT",
489
454
  createdAt: "2023-05-17T10:18:27.909Z",
490
- taskId: "T-mqm-12",
455
+ taskId: "13",
491
456
  active: true,
492
457
  email: "taylortaxjbr26248@gmail.com",
493
458
  password: "OwZz9PfKtWsrS7",
@@ -515,11 +480,10 @@ export default {
515
480
  hidden: true,
516
481
  siteId: "TM_DE"
517
482
  },
518
-
519
- T18: {
483
+ 14: {
520
484
  mode: "CHECKOUT",
521
485
  createdAt: "2023-05-17T10:18:27.909Z",
522
- taskId: "T-mqm-12",
486
+ taskId: "14",
523
487
  active: true,
524
488
  email: "taylortaxjbr26248@gmail.com",
525
489
  password: "OwZz9PfKtWsrS7",
@@ -547,10 +511,10 @@ export default {
547
511
  hidden: true,
548
512
  siteId: "TM_DE"
549
513
  },
550
- T19: {
514
+ 15: {
551
515
  mode: "CHECKOUT",
552
516
  createdAt: "2023-05-17T10:18:27.909Z",
553
- taskId: "T-mqm-12",
517
+ taskId: "15",
554
518
  active: true,
555
519
  email: "taylortaxjbr26248@gmail.com",
556
520
  password: "OwZz9PfKtWsrS7",
@@ -578,10 +542,10 @@ export default {
578
542
  hidden: true,
579
543
  siteId: "TM_DE"
580
544
  },
581
- T20: {
545
+ 16: {
582
546
  mode: "CHECKOUT",
583
547
  createdAt: "2023-05-17T10:18:27.909Z",
584
- taskId: "T-mqm-12",
548
+ taskId: "16",
585
549
  active: true,
586
550
  email: "taylortaxjbr26248@gmail.com",
587
551
  password: "OwZz9PfKtWsrS7",
@@ -609,10 +573,10 @@ export default {
609
573
  hidden: false,
610
574
  siteId: "TM_DE"
611
575
  },
612
- T21: {
576
+ 17: {
613
577
  mode: "CHECKOUT",
614
578
  createdAt: "2023-05-17T10:18:27.909Z",
615
- taskId: "T-mqm-12",
579
+ taskId: "17",
616
580
  active: true,
617
581
  email: "taylortaxjbr26248@gmail.com",
618
582
  password: "OwZz9PfKtWsrS7",
@@ -640,10 +604,10 @@ export default {
640
604
  hidden: true,
641
605
  siteId: "TM_DE"
642
606
  },
643
- T22: {
607
+ 18: {
644
608
  mode: "CHECKOUT",
645
609
  createdAt: "2023-05-17T10:18:27.909Z",
646
- taskId: "T-mqm-12",
610
+ taskId: "18",
647
611
  active: true,
648
612
  email: "taylortaxjbr26248@gmail.com",
649
613
  password: "OwZz9PfKtWsrS7",
@@ -671,10 +635,10 @@ export default {
671
635
  hidden: true,
672
636
  siteId: "TM_DE"
673
637
  },
674
- T23: {
638
+ 19: {
675
639
  mode: "CHECKOUT",
676
640
  createdAt: "2023-05-17T10:18:27.909Z",
677
- taskId: "T-mqm-12",
641
+ taskId: "19",
678
642
  active: true,
679
643
  email: "taylortaxjbr26248@gmail.com",
680
644
  password: "OwZz9PfKtWsrS7",
@@ -702,10 +666,10 @@ export default {
702
666
  hidden: true,
703
667
  siteId: "TM_DE"
704
668
  },
705
- T24: {
669
+ 20: {
706
670
  mode: "CHECKOUT",
707
671
  createdAt: "2023-05-17T10:18:27.909Z",
708
- taskId: "T-mqm-12",
672
+ taskId: "20",
709
673
  active: true,
710
674
  email: "taylortaxjbr26248@gmail.com",
711
675
  password: "OwZz9PfKtWsrS7",
@@ -911,6 +875,8 @@ export default {
911
875
  cardNumber: "48474638474545",
912
876
  expMonth: "12",
913
877
  expYear: "28",
878
+ country: "US",
879
+ state: "NY",
914
880
  tags: ["admin", "amex"]
915
881
  },
916
882
  {
@@ -1 +1 @@
1
- export const DEBUG = window.location.href.startsWith("http://localhost:5173");
1
+ export const DEBUG = window.location.href.includes(":5173");
@@ -90,15 +90,22 @@
90
90
 
91
91
  @apply w-full focus:outline-none text-white;
92
92
  }
93
- // $border: 1px;
94
- // &:before {
95
- // content: "";
96
- // @apply absolute top-0 left-0 right-0 bottom-0 opacity-60;
97
- // z-index: -2;
98
- // margin: -$border;
99
- // border-radius: inherit;
100
- // background: radial-gradient(rgba(96, 66, 255, 0.6), rgba(255, 255, 255, 0));
101
- // }
93
+ }
94
+
95
+ // iPhone vertical (portrait) optimization for console
96
+ @media (max-width: 480px) and (orientation: portrait) {
97
+ .console {
98
+ height: calc(100vh - 20rem);
99
+ @apply p-1 text-xs;
100
+
101
+ pre {
102
+ line-height: 1.2;
103
+ }
104
+
105
+ code {
106
+ font-size: 0.7rem !important;
107
+ }
108
+ }
102
109
  }
103
110
 
104
111
  .text-xxs {