Mirrors/Dispatcharr
1
0
Fork 1
mirror of https://github.com/Dispatcharr/Dispatcharr.git synced 2026-07-18 00:55:50 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

ChannelsTable partially completed

Browse source
This commit is contained in:
Dispatcharr 2025-03-08 07:52:53 -06:00
parent 6118feeecf
commit c71b14ed2d
3 changed files with 731 additions and 421 deletions
Download patch file Download diff file Expand all files Collapse all files

1078
frontend/src/components/tables/ChannelsTable.js
View file

File diff suppressed because it is too large Load diff

66
frontend/src/images/ghost.svg Normal file
View file

@ -0,0 +1,66 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="961.698874pt" height="1252.160897pt" viewBox="0 0 961.698874 1252.160897"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(-521.000000,1664.561816) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M10300 16643 c-314 -15 -716 -106 -967 -219 -158 -71 -235 -109 -308
-151 -623 -361 -1100 -916 -1393 -1623 -62 -150 -88 -222 -117 -325 -10 -33
-23 -80 -30 -105 -7 -25 -18 -65 -23 -90 -6 -25 -18 -74 -26 -110 -25 -106
-42 -209 -76 -465 -5 -38 -16 -275 -25 -525 -15 -461 -39 -871 -56 -990 -5
-36 -16 -117 -24 -180 -21 -162 -77 -466 -110 -605 -86 -359 -182 -695 -272
-950 -170 -483 -375 -929 -618 -1345 -131 -227 -160 -271 -451 -706 -533 -795
-594 -914 -594 -1156 0 -295 169 -481 495 -544 106 -20 450 -24 555 -6 36 6
110 18 165 28 55 9 195 43 310 76 458 131 515 140 587 85 141 -107 181 -295
157 -743 -18 -354 -8 -504 42 -619 23 -52 97 -152 138 -184 49 -39 140 -80
195 -87 90 -13 231 35 340 113 88 64 193 171 348 355 82 98 160 185 174 194
24 16 26 16 60 -17 75 -72 141 -219 234 -519 92 -297 161 -505 171 -515 5 -5
9 -15 9 -23 0 -22 109 -242 150 -303 129 -189 329 -291 507 -259 108 19 216
76 304 162 128 123 327 410 665 958 144 235 219 330 260 330 33 0 66 -36 196
-211 195 -263 341 -411 463 -472 166 -81 375 -47 505 83 133 133 186 305 210
685 26 408 50 542 121 691 57 118 138 184 225 184 44 0 194 -47 289 -90 366
-168 662 -267 943 -316 140 -25 343 -16 439 18 81 29 186 99 232 155 58 71
110 191 121 282 30 234 -26 391 -454 1284 -36 76 -66 140 -66 142 0 3 -11 28
-24 57 -285 623 -511 1324 -632 1963 -15 80 -18 97 -49 295 -71 453 -96 775
-102 1295 -5 429 3 644 39 1030 19 203 16 790 -5 957 -23 181 -43 315 -63 413
-9 44 -18 91 -21 105 -24 119 -106 379 -174 548 -134 336 -378 728 -609 977
-317 343 -639 580 -1017 749 -213 95 -366 141 -648 196 -164 31 -503 53 -695
43z m400 -414 c206 -19 408 -61 592 -125 124 -43 392 -172 520 -250 461 -283
863 -763 1073 -1279 20 -49 40 -99 45 -110 23 -49 90 -260 113 -355 92 -375
108 -518 108 -945 -1 -181 -3 -343 -6 -360 -6 -34 -32 -427 -45 -675 -31 -593
13 -1315 120 -1950 45 -268 105 -561 150 -730 5 -19 23 -89 40 -155 17 -66 34
-131 39 -145 4 -14 16 -50 25 -80 26 -90 52 -166 111 -335 31 -88 60 -171 65
-185 16 -53 94 -251 157 -400 101 -241 146 -341 308 -675 74 -153 124 -263
246 -531 32 -71 69 -191 69 -224 0 -47 -36 -107 -82 -137 -38 -26 -47 -27
-142 -26 -189 3 -420 72 -911 271 -333 135 -539 176 -676 136 -121 -35 -258
-140 -338 -257 -51 -75 -116 -222 -144 -327 -33 -120 -68 -395 -82 -635 -9
-139 -23 -272 -36 -322 -13 -49 -72 -123 -98 -123 -49 0 -183 144 -356 385
-96 133 -240 281 -314 323 -104 59 -241 63 -345 10 -46 -23 -175 -149 -238
-233 -37 -50 -115 -167 -293 -445 -12 -19 -62 -100 -111 -180 -126 -207 -240
-368 -369 -518 -27 -32 -78 -62 -104 -62 -56 0 -132 62 -170 137 -33 67 -48
111 -141 413 -47 155 -128 397 -155 465 -64 163 -87 216 -120 285 -81 165
-193 299 -290 344 -43 21 -69 26 -129 26 -146 0 -231 -64 -560 -420 -153 -165
-219 -229 -252 -245 -32 -15 -37 -15 -59 -1 -38 25 -50 121 -36 285 16 189 14
474 -4 620 -34 274 -106 444 -244 573 -181 171 -406 182 -868 43 -369 -112
-653 -155 -885 -134 -136 12 -178 28 -223 81 -25 29 -27 38 -23 98 3 54 12 84
49 161 54 111 202 351 331 534 463 660 782 1207 981 1680 30 72 64 151 75 175
62 139 215 576 292 830 29 96 114 426 135 522 24 113 70 359 86 463 32 211 43
294 74 545 19 155 51 640 70 1060 8 190 20 379 25 420 14 98 38 245 50 295 74
312 132 504 205 675 48 114 181 367 250 479 184 298 468 595 753 789 67 45
124 82 127 82 2 0 28 15 57 34 94 60 335 170 493 224 67 24 264 73 365 91 162
30 450 39 650 20z"/>
<path d="M9079 13621 c-58 -12 -122 -56 -190 -130 -77 -82 -121 -153 -165
-266 -80 -200 -107 -358 -107 -625 1 -183 3 -219 27 -335 50 -244 125 -405
236 -509 127 -119 249 -112 386 22 131 127 228 326 274 561 19 95 40 312 40
406 -1 213 -57 471 -138 631 -96 189 -222 275 -363 245z"/>
<path d="M11395 13541 c-145 -38 -289 -221 -372 -471 -91 -275 -111 -549 -63
-870 39 -260 149 -494 272 -578 309 -212 686 347 688 1019 1 425 -132 778
-331 879 -44 23 -146 34 -194 21z"/>
<path d="M9829 11141 c-75 -14 -125 -48 -157 -106 -25 -44 -23 -378 2 -525 30
-171 82 -306 152 -390 62 -73 186 -100 271 -59 128 62 240 251 303 514 37 156
52 241 57 332 l6 92 -34 34 c-39 39 -122 73 -227 93 -91 17 -311 26 -373 15z"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.3 KiB

8
frontend/src/pages/Channels.js
View file

@ -10,10 +10,10 @@ const ChannelsPage = () => {
<Box
sx={{
height: '100vh', // Full viewport height
paddingTop: 1, // Top padding
paddingTop: 0, // Top padding
paddingBottom: 1, // Bottom padding
paddingRight: 0.5,
paddingLeft: 1,
paddingLeft: 0,
boxSizing: 'border-box', // Include padding in height calculation
overflow: 'hidden', // Prevent parent scrolling
}}
@ -25,9 +25,9 @@ const ChannelsPage = () => {
<Box
sx={{
height: '100vh', // Full viewport height
paddingTop: 1, // Top padding
paddingTop: 0, // Top padding
paddingBottom: 1, // Bottom padding
paddingRight: 1,
paddingRight: 0,
paddingLeft: 0.5,
boxSizing: 'border-box', // Include padding in height calculation
overflow: 'hidden', // Prevent parent scrolling