hydrar/mistserver
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

LSP Stream status page:

Browse source 
- reCSSification
- added tablike navigation instead of big buttons, created header module
- embed page: use findMist module and improve url calculation
- clean up streams page, don't erase selection on readonly fields, fix minify errors ;_;
- Tags: listen to Enter, fix remove button
- General: make dashboard items claim the full line, even when empty
- Active pushes: removed log messages
- Auto pushes: removed stop all button; don't set retry to 0
- Processes: do not justify logs; fix old process removal
- Logs: added "view raw" buttons that open new window
- pushes are now in a table
- finished? maybe?
- push stats now update
- added track timing graph
- restructure: dashboard sections are reusable modules that work independently
- most issues ironed out
- also use module for bigbuttons and more cleanup
- horizontal automatic push table
- added right click menu
- (browse) folder support
- overview looks okay with new dark skin
- page improvements and dark skin tweaks
- overview: paginization, thumbnail mode
- page: remove old streams page
- store prefered page size
- streams page: added text to explain left click action
- add stream source as title
LSP: add long press = right click converter
LSP: pagecontrols: add 'jump to' select box, skin tweaks
LSP: stream names can start with a number :)
LSP: thumbnail module: open the (non moving) jpeg source by default, switch to mjpeg on hover
LSP: active streams websocket: repeatedly send messages to poke MistServer to send updates. Very ugly patch - backend should be updated so this is not needed.
Embed: chromecast: remove error message when cast is not supported
This commit is contained in:
Cat 2024-09-23 15:25:41 +02:00 • committed by Thulinma
parent 8737392b51
commit bae853e0c0
22 changed files with 2688 additions and 1293 deletions
Download patch file Download diff file Expand all files Collapse all files

4
lsp/images/MistServer_logo.svg Normal file
View file

@ -0,0 +1,4 @@
<svg viewBox="0 0 202.52 150" version="1.1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
<path d="m53.406 10.557-5.0488 3.3223 42.061 63.951c-1.0569 1.2973-1.8786 2.7896-2.418 4.4121h-70.115v6.0449h69.498c0.81169 6.9508 6.713 12.344 13.879 12.344 7.1658 0 13.064-5.393 13.875-12.344h69.5v-6.0449h-70.117c-0.53924-1.6225-1.3594-3.1148-2.416-4.4121l42.061-63.951-5.0508-3.3223-41.777 63.518c-1.8391-0.89026-3.894-1.4043-6.0742-1.4043-2.1814 0-4.238 0.51505-6.0781 1.4062z" fill="#b5d3e2"/>
<path d="m49.875 0c-7.0953 0-12.848 5.7519-12.848 12.846 0 3.7198 1.5899 7.0604 4.1152 9.4062l-20.535 46.447c-1.0469-0.19686-2.1225-0.31055-3.2266-0.31055-9.5991 0-17.381 7.783-17.381 17.381 0 9.5997 7.7817 17.381 17.381 17.381 5.3445 0 10.122-2.4174 13.311-6.2129l54.49 29.096c-0.83369 2.0328-1.3008 4.2547-1.3008 6.5879 0 9.5997 7.7811 17.379 17.379 17.379 9.5997 0 17.381-7.7792 17.381-17.379 0-2.3333-0.46899-4.5551-1.3027-6.5879l54.492-29.098c3.1877 3.796 7.963 6.2148 13.309 6.2148 9.5997 0 17.381-7.7812 17.381-17.381 0-9.5978-7.7812-17.381-17.381-17.381-1.1042 0-2.1796 0.11369-3.2266 0.31055l-20.535-46.447c2.5256-2.3459 4.1152-5.6861 4.1152-9.4062 0-7.0938-5.7519-12.846-12.846-12.846-5.9165 0-10.885 4.0056-12.377 9.4473h-78.018c-1.4922-5.4418-6.4613-9.4473-12.377-9.4473zm13.406 15.492h75.957l-24.789 11.568c-3.1173-3.8293-7.8647-6.2793-13.188-6.2793-5.3228 0-10.072 2.45-13.189 6.2793zm-3.498 5.5312 24.967 12.77c-0.30913 1.2822-0.49218 2.6131-0.49218 3.9902 0 1.6082 0.23907 3.1582 0.65625 4.6328l-54.004 32.453c-1.2919-1.6017-2.8674-2.9575-4.6426-4.0176l20.174-45.635c1.0944 0.30322 2.2426 0.47851 3.4336 0.47851 3.9887 0 7.552-1.819 9.9082-4.6719zm82.953 0c2.3561 2.8528 5.9208 4.6719 9.9102 4.6719 1.1903 0 2.3377-0.17551 3.4316-0.47851l20.176 45.635c-1.7754 1.0602-3.3507 2.4157-4.6426 4.0176l-54.004-32.453c0.41706-1.4746 0.6543-3.0247 0.6543-4.6328 0-1.377-0.18122-2.7081-0.49024-3.9902zm-54.041 28.186c2.2766 2.5025 5.2868 4.3206 8.6894 5.1211v61.355c-3.5044 0.80386-6.605 2.6644-8.9492 5.2324l-54.734-29.225c0.67236-1.8515 1.0605-3.8399 1.0605-5.9238 0-1.8275-0.28752-3.5875-0.81055-5.2422zm25.131 2e-3 54.742 31.316c-0.52293 1.6547-0.80859 3.4147-0.80859 5.2422 0 2.0838 0.38643 4.0724 1.0586 5.9238l-54.734 29.225c-2.3448-2.5682-5.4441-4.4287-8.9492-5.2324v-61.354c3.4038-0.79961 6.4143-2.6181 8.6914-5.1211z" fill="#8cb3cf"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.3 KiB

8
lsp/images/bin.svg Normal file
View file

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<g style="fill:white;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;stroke:black">
<path d="m37.911 25.289v29.464m5.912-30.901v29.464m-11.823-27.378v29.464m-5.911-30.113v29.464m-5.912-30.901v29.464m-6.09-34.372 2.0832 35.971c8.8845 3.9794 18.734 5.7595 31.761.29565l2.1104-36.298" />
<path d="m13.099 12.895c7.7397-4.6876 30.017-4.6844 37.926-.09329l-.06132 5.8224c-9.8599 4.1879-26.296 4.0174-37.855-.24019z"/>
<path d="m38.84 11.832v-3.4648c0-1.5465-1.2445-2.791-2.791-2.791h-7.793c-1.5465 0-2.791 1.2445-2.791 2.791v3.4648" style="fill:none;"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 745 B

2
lsp/images/embed.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0,1.599)" style="fill:#fff;stroke-linejoin:round;stroke-width:2;stroke:#000"><path id="embed_a" d="m41.235 15.244v7.4431l12.655 7.6678-12.655 7.7982v7.4043l19.765-12.669v-5.1286z"/><path d="m25.809 45.827h5.2092l7.1731-30.852h-5.1407z" style="fill:#bbb"/><use transform="matrix(-1,0,0,1,64,0)" href="#embed_a"/></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 503 B

2
lsp/images/folder.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m3 24.95v38.05h58v-45.308l-20.045.13815-7.412 7.2845z" style="fill:none;stroke-linejoin:round;stroke-width:2;stroke:black"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 297 B

9
lsp/images/hexagon_halves.svg Normal file
View file

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg width="55.3" height="100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path id="a" d="m41.5 82-27.7-16v-32l27.7-16" style="fill:#ccc"/>
<use transform="translate(-27.7 -48)" xlink:href="#a"/>
<use transform="translate(-27.7 48)" xlink:href="#a"/>
<use transform="translate(27.7,-48)" xlink:href="#a"/>
<use transform="translate(27.7,48)" xlink:href="#a"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 524 B

6
lsp/images/invalidate.svg Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<g style="fill:white;stroke-width:2;stroke:black;stroke-linejoin:round">
<path d="m26.76 5.6635c-7.5343 0-13.601 6.0188-13.601 13.497v11.019h-1.3072c-1.5978 0-2.884 1.2767-2.884 2.8627v23.508c0 1.586 1.2862 2.8627 2.884 2.8627h31.152c1.5978 0 2.884-1.2767 2.884-2.8627v-23.508c0-1.586-1.2862-2.8627-2.884-2.8627h-1.3072v-11.019c0-7.4787-6.067-13.497-13.601-13.497h-1.3342zm.66709 5.5315c4.9411 0 8.9181 3.9476 8.9181 8.8523v10.133h-17.836v-10.133c0-4.9046 3.977-8.8523 8.9181-8.8523zm0 24.955a5.3965 5.3567 0 015.3973 5.3575 5.3965 5.3567 0 01-1.1084 3.1737l.78501 9.18h-10.148l.78501-9.18a5.3965 5.3567 0 01-1.1084-3.1737 5.3965 5.3567 0 015.3973-5.3575z"/>
<path d="m46.396 3.3457a12.774 12.774 0 00-12.773 12.773 12.774 12.774 0 007.9375 11.795l.13086 27.883 3.9941 4.2812 4.0762-4.2812v-2.582l.93359-1.0742-.93359-1.0059v-2.0195l1.1309-1.2285-2.3105-2.8203 1.9492-2.0469-.76953-.77734v-1.6406l1.1387-1.6445-1.1387-1.6309v-2.8945h.58203v-2.5293h.88867v-3.9883a12.774 12.774 0 007.9375-11.795 12.774 12.774 0 00-12.773-12.773zm0 4.6367a2.7302 2.7302 0 012.7305 2.7305 2.7302 2.7302 0 01-2.7305 2.7305 2.7302 2.7302 0 01-2.7305-2.7305 2.7302 2.7302 0 012.7305-2.7305z" style="fill:#bbb"/></g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

13
lsp/images/nuke.svg Normal file
View file

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g style="fill:white;stroke-linejoin:round;stroke-width:2;stroke:#000">
<circle cx="32" cy="32" r="25.82"/>
<g style="fill:#bbb">
<circle cx="32" cy="32" r="3.1649" />
<path id="nuke_a" d="m35.089 26.907c1.7185 1.0445 2.8663 2.9346 2.866 5.0926h15.059c3.2e-5-7.7385-4.183-14.5-10.411-18.147z" />
<use transform="rotate(120 32 32)" href="#nuke_a"/>
<use transform="rotate(240 32 32)" href="#nuke_a"/>
</g></g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 619 B

4
lsp/images/play_outline.svg Normal file
View file

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m17.449 8.781a4.3899 4.3892 0 00-2.0138 3.6931l.02568 42.198a4.3899 4.3892 0 006.5995 3.782l36.55-21.099a4.3899 4.3892 0 00-.01639-7.5822l-36.576-21.099a4.3899 4.3892 0 00-4.5693.107z" style="fill:#fff;stroke-width:2;stroke:#000"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 367 B

9
lsp/images/preview.svg Normal file
View file

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<g style="fill:white;stroke-linejoin:round;stroke-width:2;stroke:black">
<rect x="3" y="11.068" width="58" height="41.864" rx="4.3702" ry="4.3702" style="fill:#999"/>
<rect x="3" y="46.094" width="58" height="6.8374" rx="0" ry="0" style="fill:#888"/>
<path d="m28.168 21.579c-.32531.20939-.52183.56983-.52162.95671l.0067 10.931c.00099.40652.21892.78159.57162.98374.3527.20215.78648.20062 1.1377-.004l9.4671-5.4658c.34883-.20454.56278-.57894.5619-.98331-.000891-.40437-.21644-.77785-.56615-.98087l-9.4738-5.4654c-.36858-.21304-.8253-.20233-1.1835.02774v0"/>
<rect x="3" y="46.094" width="18.513" height="6.8374" rx="0" ry="0"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 797 B

7
lsp/images/prompt.ignore Normal file
View file

@ -0,0 +1,7 @@
https://ai-generator.livepeer.cloud/
Create a simple icon. The subject is <subbject>. The background is bright white. Make the subject as simple as possible, instead fill large areas with black.
resolution: 512x512
steps: 50
guidance scale: 3.5

2
lsp/images/return.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m23.281 40.259 1.6271-4.0733-21.419 6.9038 20.588 8.0913-1.2718-3.8278c39.218 0 62.256-18.891.9224-18.891 39.996 0 40.549 11.797-.44748 11.797z" style="fill:white;stroke-linejoin:round;stroke-width:2;stroke:#000"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 387 B

7
lsp/images/settings.svg Normal file
View file

@ -0,0 +1,7 @@
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<g style="fill:white;stroke-linejoin:round;stroke-linecap:round;stroke-width:2;stroke:#000">
<path d="m4.4688 12.736s-2.0621 7.6884 2.2158 12.786c4.2779 5.0979 11.307 4.6211 11.307 4.6211s27.012 25.587 29.406 27.869 8.5275 2.1674 11.066-.90518c2.5384-3.0726 2.2306-7.4614-.46845-10.211s-27.997-27.545-27.997-27.545.6011-8.1225-4.8868-12.408c-5.4879-4.2856-13.415-1.7504-13.415-1.7504s8.7811 7.3913 8.762 9.4592c-.01913 2.0679-3.916 6.2966-6.3076 6.4202s-9.681-8.3364-9.681-8.3364z"/>
<path d="m22.633 38.006s-6.736 7.5891-8.0449 8.4199c-1.3089.83085-3.5855-.2392-4.4648.80469-.87936 1.0439-6.5742 9.1207-6.5742 10.383l2.4688 2.377c1.2622 0 9.3389-5.6949 10.383-6.5742s-.02812-3.1559.80273-4.4648c.64227-1.0118 2.3172-1.885 8.4219-8.0449z"/>
<path d="m40.861 26.306 14.533-14.533m-17.375 11.694 14.533-14.533m-2.3952-3.6008-15.215 15.059 8.6584 8.6493 15.449-14.514c2.7285-2.5225 2.4789-6.8937.16099-8.9833-2.318-2.0896-6.1056-2.7806-9.0534-.21097z" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

20
lsp/images/status.svg Normal file
View file

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g style="fill:#ccc;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;stroke:#000">
<path d="m26.816 7.4258v.87305h-1.0586v1.4805h-.99805v42.021h1.498v1.2207h11.484v-1.2207h1.498v-42.021h-.99805v-1.4805h-1.0586v-.87305h-10.367z"/>
<path d="m28.678 60.63v-7.6083h6.6448v7.6083"/>
<path id="status_a" d="m39.24 37.375h8.6066c0 3.302-.4732 4.3899-3.0278 5.5674s-3.5266 3.5141-4.0095 5.1494.05917 2.6733-1.5693 2.6733z"/>
<use id="status_b" transform="translate(0 -26.03)" href="#status_a"/>
<use id="status_c" transform="translate(0,-13.015)" href="#status_a"/>
<use transform="matrix(-1 0 0 1 63.892 0)" href="#status_a"/>
<use transform="matrix(-1,0,0,1,63.892,0)" href="#status_c"/>
<use transform="matrix(-1 0 0 1 63.892 0)" href="#status_b"/>
<g style="fill:#fff;stroke-width:1.5">
<path d="m29.228 12.969c-.21726.14276-.3485.3885-.34836.65228l.0045 7.4528c.000662.27716.1462.53288.38175.67071.23554.13782.52525.13678.75984-.0027l6.3225-3.7265c.23296-.13945.37584-.39472.37526-.67042-.000662-.2757-.14455-.53033-.3781-.66875l-6.327-3.7262c-.24616-.14525-.55117-.13795-.79038.01891"/>
<path d="m28.631 33.591a.91153.69906 0 00.8543.69339h.51971a.91153.69906 0 00.90415-.65518v-5.6399a.91153.69906 0 00-.8543-.6934h-.51971a.91153.69906 0 00-.90412.65518z"/>
<path d="m33.188 33.591a.91153.69906 0 00.8543.69339h.51969a.91153.69906 0 00.90415-.65518v-5.6399a.91153.69906 0 00-.8543-.6934h-.51969a.91153.69906 0 00-.90415.65518z"/>
<rect x="28.5" y="40.855" width="7" height="7"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

7
lsp/images/stop.svg Normal file
View file

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<g style="fill:white;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;stroke:#000">
<path d="m16.564 58.246s.27018-3.0341-.47957-4.5114-3.7331-1.0108-5.1198-6.5631c-1.5007-6.0087-1.1589-11.304.08641-16.021.03329-.1261.42694-13.37.64983-15.41.20442-1.8708 3.537-2.2802 4.3239-.96699.78927 1.3172 1.1392 14.198 1.1392 14.198s-.58395-17.69.65463-21.119c.93458-2.5873 4.348-1.9673 4.8895-.50415 1.1377 3.0744 1.2248 21.386 1.486 21.358 2e-6 0-.28989-15.948.47589-23.456.27165-2.6633 5.7062-3.3332 5.8418.38078.6057 16.6.71775 22.883.71775 22.883s-.18809-13.139.77038-19.004c.48999-2.9982 4.0818-4.0291 5.2626.12132.94806 3.3323.83166 25.886.83166 25.886 3.9578-.31514 6.126-4.0335 9.4217-4.9206 3.2958-.88712 7.4839-.88189 7.7241 2.5082.24024 3.3901-6.2486 2.079-8.9921 8.9748s-7.7062 10.483-9.724 11.538c-2.0178 1.0559-1.3502 4.9943-1.3502 4.9943-3.1568.52358-15.602.68533-18.61-.36635z"/>
<path d="m16.196 29.234c.68211-.37578 1.3442-.30741 1.998-.05263m4.9785-.13114c.73722-.55467 1.4554-.37523 1.9592-.0516m5.1708-.1362c.58432-.51144 1.32-.39807 2.1111-.05561m-17.211 24.02c1.2363.71309 2.742 1.3089 4.3832 1.7712m12.704.7217c2.096-.42638 3.3585-1.2068 4.7751-2.0055m-11.456-2.3503c-.29197-8.4288 3.6119-12.731 9.5389-15.044" style="fill:none;stroke-width:1.5"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB