gitadmin/sunscope
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

3.3.2.1

Browse Source 
Update pet simple view
This commit is contained in:
fraxle
2026-07-09 20:52:45 +01:00
parent e27a8cdb2d
commit 810d47f93b
1 changed files with 28 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/js/app.js
+28 -4
View File
@@ -284,6 +284,7 @@ export function UTCIForecast() {
useEffect(() => { useEffect(() => {
if (activeProfile === 'vehicle') setSimpleTemp('vehicleT'); if (activeProfile === 'vehicle') setSimpleTemp('vehicleT');
else if (activeProfile === 'home') setSimpleTemp('indoorT'); else if (activeProfile === 'home') setSimpleTemp('indoorT');
else if (activeProfile === 'pets') setSimpleTemp('furSurfaceT');
else setSimpleTemp('utciAdj'); else setSimpleTemp('utciAdj');
if (['alltemps', 'showall', 'custom', 'farming', 'construction', 'market', 'windowcleaning', 'office'].includes(activeProfile)) { if (['alltemps', 'showall', 'custom', 'farming', 'construction', 'market', 'windowcleaning', 'office'].includes(activeProfile)) {
setForecastView('table'); setForecastView('table');
@@ -923,15 +924,38 @@ export function UTCIForecast() {
${[1, 2, 3, 4].map(n => html`<button key=${n} type="button" class=${'hour-interval-btn' + (tableInterval === n ? ' on' : '')} title=${n === 1 ? 'Every hour' : `Every ${n} hours`} onClick=${() => setTableInterval(n)}>${n}h</button>`)} ${[1, 2, 3, 4].map(n => html`<button key=${n} type="button" class=${'hour-interval-btn' + (tableInterval === n ? ' on' : '')} title=${n === 1 ? 'Every hour' : `Every ${n} hours`} onClick=${() => setTableInterval(n)}>${n}h</button>`)}
</span> </span>
${forecastView === 'simple' && (() => { ${forecastView === 'simple' && (() => {
const showFur = visibleCols.furSurfaceT;
const showSolar = visibleCols.utciP; const showSolar = visibleCols.utciP;
const showVehicle = visibleCols.vehicleT; const showVehicle = visibleCols.vehicleT;
const showIndoor = visibleCols.indoorT || visibleCols.managedT; const showIndoor = visibleCols.indoorT || visibleCols.managedT;
if (!showSolar && !showVehicle && !showIndoor) return null; if (!showFur && !showSolar && !showVehicle && !showIndoor) return null;
const furOn = simpleTemp === 'furSurfaceT';
const solarOn = simpleTemp === 'utciAdj'; const solarOn = simpleTemp === 'utciAdj';
const vehicleOn = simpleTemp === 'vehicleT'; const vehicleOn = simpleTemp === 'vehicleT';
const indoorOn = simpleTemp === 'indoorT' || simpleTemp === 'managedT'; const indoorOn = simpleTemp === 'indoorT' || simpleTemp === 'managedT';
return html` return html`
<span class="fvt-model-sep"></span> <span class="fvt-model-sep"></span>
${showFur && html`
<span class=${'col-toggle-group' + (furOn ? ' col-toggle-group--expanded' : '')}>
<${CustomSelect}
value=${furColor}
isOn=${furOn}
grpClass="grp-surface"
hideLabel="Fur Colour"
hidingLabel="Hide Fur Colour"
groupedLeft=${true}
isLastChild=${true}
options=${Object.entries(FUR_COLORS).map(([k, v]) => ({ value: k, label: v.name }))}
onChange=${(v) => {
if (v === 'off') {
setSimpleTemp(showVehicle ? 'vehicleT' : showSolar ? 'utciAdj' : showIndoor ? 'indoorT' : 'furSurfaceT');
} else {
setFurColor(v);
setSimpleTemp('furSurfaceT');
}
}}
/>
</span>`}
${showSolar && html` ${showSolar && html`
<span class=${'col-toggle-group' + (solarOn ? ' col-toggle-group--expanded' : '')}> <span class=${'col-toggle-group' + (solarOn ? ' col-toggle-group--expanded' : '')}>
<${CustomSelect} <${CustomSelect}
@@ -940,7 +964,7 @@ export function UTCIForecast() {
groupedLeft=${true} isLastChild=${true} groupedLeft=${true} isLastChild=${true}
options=${Object.entries(UTCI_ENVIRONMENTS).map(([k, v]) => ({ value: k, label: v.label }))} options=${Object.entries(UTCI_ENVIRONMENTS).map(([k, v]) => ({ value: k, label: v.label }))}
onChange=${v => { onChange=${v => {
if (v === 'off') setSimpleTemp(showVehicle ? 'vehicleT' : showIndoor ? 'indoorT' : 'utciAdj'); if (v === 'off') setSimpleTemp(showFur ? 'furSurfaceT' : showVehicle ? 'vehicleT' : showIndoor ? 'indoorT' : 'utciAdj');
else { setUtciEnv(v); setSimpleTemp('utciAdj'); } else { setUtciEnv(v); setSimpleTemp('utciAdj'); }
}} }}
/> />
@@ -953,7 +977,7 @@ export function UTCIForecast() {
groupedLeft=${true} isLastChild=${!vehicleOn} groupedLeft=${true} isLastChild=${!vehicleOn}
options=${Object.entries(VEHICLE_TYPES).map(([k, v]) => ({ value: k, label: v.name }))} options=${Object.entries(VEHICLE_TYPES).map(([k, v]) => ({ value: k, label: v.name }))}
onChange=${v => { onChange=${v => {
if (v === 'off') setSimpleTemp(showSolar ? 'utciAdj' : showIndoor ? 'indoorT' : 'vehicleT'); if (v === 'off') setSimpleTemp(showFur ? 'furSurfaceT' : showSolar ? 'utciAdj' : showIndoor ? 'indoorT' : 'vehicleT');
else { setVehicleType(v); setSimpleTemp('vehicleT'); } else { setVehicleType(v); setSimpleTemp('vehicleT'); }
}} }}
/> />
@@ -977,7 +1001,7 @@ export function UTCIForecast() {
groupedLeft=${true} isLastChild=${!indoorOn} groupedLeft=${true} isLastChild=${!indoorOn}
options=${Object.entries(BUILDING_TYPES).map(([k, v]) => ({ value: k, label: v.name }))} options=${Object.entries(BUILDING_TYPES).map(([k, v]) => ({ value: k, label: v.name }))}
onChange=${v => { onChange=${v => {
if (v === 'off') setSimpleTemp(showSolar ? 'utciAdj' : showVehicle ? 'vehicleT' : 'indoorT'); if (v === 'off') setSimpleTemp(showFur ? 'furSurfaceT' : showSolar ? 'utciAdj' : showVehicle ? 'vehicleT' : 'indoorT');
else { setBuildingType(v); setIndoorMode('on'); setSimpleTemp(indoorManaged ? 'managedT' : 'indoorT'); } else { setBuildingType(v); setIndoorMode('on'); setSimpleTemp(indoorManaged ? 'managedT' : 'indoorT'); }
}} }}
/> />