0ct0pu5/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge branch 'benphelps:main' into main

Browse source
This commit is contained in:
Luca Pellegrino 2022-09-02 12:16:25 +02:00 • committed by GitHub
commit 10c27dfd84
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -9,7 +9,7 @@
- Docker Integration - Docker Integration
- Status light + CPU, Memory & Network Reporting *(click on the status light)* - Status light + CPU, Memory & Network Reporting *(click on the status light)*
- Service Integration - Service Integration
- Currently supports Sonarr, Radarr, Ombi, Emby, Jellyfin, Jellyseerr, NZBGet, ruTorrent - Currently supports Sonarr, Radarr, Ombi, Emby, Jellyfin, Jellyseerr ([thanks to ilusi0n](https://github.com/benphelps/homepage/pull/34)), NZBGet, ruTorrent
- Portainer, Traefik, Speedtest Tracker, PiHole - Portainer, Traefik, Speedtest Tracker, PiHole
* Homepage Widgets * Homepage Widgets
- System Stats (Disk, CPU, Memory) - System Stats (Disk, CPU, Memory)

17
src/components/services/item.jsx
View file

@ -21,14 +21,19 @@ function resolveIcon(icon) {
export default function Item({ service }) { export default function Item({ service }) {
return ( return (
<li key={service.name} className=""> <li key={service.name}>
<Disclosure> <Disclosure>
<div className="transition-all h-15 overflow-hidden mb-3 cursor-pointer p-1 rounded-md font-medium text-theme-700 hover:text-theme-800 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-theme-900/10 dark:shadow-theme-900/40 bg-white/50 hover:bg-theme-300/10 dark:bg-white/5 dark:hover:bg-white/10"> <div className={
(service.href && service.href !== "#" ? 'cursor-pointer ' : 'cursor-default ') +
'transition-all h-15 overflow-hidden mb-3 p-1 rounded-md font-medium text-theme-700 hover:text-theme-800 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-theme-900/10 dark:shadow-theme-900/40 bg-white/50 hover:bg-theme-300/10 dark:bg-white/5 dark:hover:bg-white/10'
}>
<div className="flex"> <div className="flex">
{service.icon && ( {service.icon && (
<div <div
onClick={() => { onClick={() => {
window.open(service.href, "_blank").focus(); if (service.href && service.href !== "#") {
window.open(service.href, "_blank").focus();
}
}} }}
className="flex-shrink-0 flex items-center justify-center w-12 " className="flex-shrink-0 flex items-center justify-center w-12 "
> >
@ -38,7 +43,9 @@ export default function Item({ service }) {
<div <div
onClick={() => { onClick={() => {
window.open(service.href, "_blank").focus(); if (service.href && service.href !== "#") {
window.open(service.href, "_blank").focus();
}
}} }}
className="flex-1 flex items-center justify-between rounded-r-md " className="flex-1 flex items-center justify-between rounded-r-md "
> >
@ -48,7 +55,7 @@ export default function Item({ service }) {
</div> </div>
</div> </div>
{service.container && ( {service.container && (
<Disclosure.Button as="div" className="flex-shrink-0 flex items-center justify-center w-12 "> <Disclosure.Button as="div" className="flex-shrink-0 flex items-center justify-center w-12 cursor-pointer">
<Status service={service} /> <Status service={service} />
</Disclosure.Button> </Disclosure.Button>
)} )}

6
src/skeleton/services.yaml
View file

@ -3,15 +3,15 @@
- My First Group: - My First Group:
- My First Service: - My First Service:
href: http://localhosdt/ href: http://localhost/
description: Homepage is awesome description: Homepage is awesome
- My Second Group: - My Second Group:
- My Second Service: - My Second Service:
href: http://localhosdt/ href: http://localhost/
description: Homepage is the best description: Homepage is the best
- My Third Group: - My Third Group:
- My Third Service: - My Third Service:
href: http://localhosdt/ href: http://localhost/
description: Homepage is 😎 description: Homepage is 😎