Skip to content

Commit

Permalink
manual add device and rtc updates
Browse files Browse the repository at this point in the history
  • Loading branch information
johntalton committed May 3, 2024
1 parent 051d320 commit b14333c
Show file tree
Hide file tree
Showing 11 changed files with 249 additions and 139 deletions.
4 changes: 2 additions & 2 deletions public/css/app-main.css
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@ main {
padding-inline-start: 3em;
padding-block-start: 2em;

background-color: var(--color-accent-softer, red);
color: var(--color-accent-softer-text, red);
background-color: var(--color-accent--lighter, red);
color: var(--color-accent--lighter-text, red);

/* overflow-y: scroll; */
}
Expand Down
13 changes: 3 additions & 10 deletions public/css/defs.css
Original file line number Diff line number Diff line change
Expand Up @@ -135,21 +135,14 @@
calc(var(--color-accent--l) - var(--darker-percentage)));
--color-accent--darker-text: var(--color-white, red);

/* */
--color-accent-soft: var(--color-accent--dark, red);
--color-accent-soft-text: var(--color-accent--dark-text, red);

--color-accent-softer: var(--color-accent--lighter, red);
--color-accent-softer-text: var(--color-accent--lighter-text, red);

/* */
--color-disabled: grey;
--color-opaque-black: rgba(50 50 50 / 0.25);

/* */
--base-accent-background-color: var(--color-accent-soft, red);
--base-accent-text-color: var(--color-accent-soft-text, red);
--base-accent-background-color: var(--color-accent--dark, red);
--base-accent-text-color: var(--color-accent--dark-text, red);

--base-page-background-color: var(--color-accent-softer, red);
--base-page-background-color: var(--color-accent--lighter, red);
--base-page-text-color: var(--color-black, red);
}
8 changes: 4 additions & 4 deletions public/css/device-list.css
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
aside ul {
--item-radius: 2em;

--background: var(--color-accent-soft, red);
--color: var(--color-accent-soft-text, red);
--background: var(--color-accent--dark, red);
--color: var(--color-accent--dark-text, red);

--hover: var(--color-accent--light,red);
--hover-text: var(--color-accent--light-text, red);

--selected-background: var(--color-accent-softer, red);
--selected-color: var(--color-accent-softer-text, red);
--selected-background: var(--color-accent--lighter, red);
--selected-color: var(--color-accent--lighter-text, red);
}

aside ul {
Expand Down
22 changes: 11 additions & 11 deletions public/css/ds3231.css
Original file line number Diff line number Diff line change
@@ -1,34 +1,31 @@
ds3231-config {
display: flex;
flex-direction: column;
gap: 1em;
margin-inline-end: 2em;

& > form input[type="checkbox"] {
justify-self: start;
}

& > form:first-child {
display: flex;
gap: 1em;
align-items: center;
& > form[data-output] {
font-size: smaller;
margin-block-end: 1em;
}

& > form:not(:first-child) {
& > form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1em;
align-items: center;

border-radius: 1em;
background-color: var(--color-accent--light, red);
/* background-color: var(--color-accent--lighter, red); */
/* color: var(--color-accent--lighter-text, red); */

padding-block: 1.5em;
padding-inline: 1.5em;
}

& > form select {
background-color: var(--color-accent--lighter, red);
}

& > form > fieldset {
grid-column: 1 / span 2;

Expand All @@ -41,10 +38,13 @@ ds3231-config {
padding-inline: 1em;

border-radius: 1em;
border-color: var(--color-accent--darker, red);

& > legend {
font-weight: bold;
padding-inline: 1ch;
}
}


}
9 changes: 5 additions & 4 deletions public/css/excamera-i2cdriver.css
Original file line number Diff line number Diff line change
Expand Up @@ -18,8 +18,8 @@ excamera-i2cdriver {
margin-block-start: 1em;


background-color: var(--color-accent-softer, red);
color: var(--color-accent-softer-text, red);
background-color: var(--color-accent--lighter, red);
color: var(--color-accent--lighter-text, red);
}

/* & div.tabsContent select {
Expand All @@ -38,6 +38,7 @@ excamera-i2cdriver {
& div.tabsContent {
display: flex;
align-items: flex-start;
align-content: flex-start;
justify-content: flex-start;
gap: 3em;
flex-wrap: wrap;
Expand Down Expand Up @@ -85,15 +86,15 @@ excamera-i2cdriver {

& form[data-manual-add-form] {
display: grid;
grid-template-columns: 5ch 1fr max-content;
grid-template-columns: 1fr 1fr;
gap: 1em;

background-color: var(--color-accent--lighter, red);
color: var(--color-accent--lighter-text, red);

border-radius: 2em;
padding-inline: 2em;
padding-block: 0.5em;
padding-block: 1em;

align-items: center;
}
Expand Down
2 changes: 1 addition & 1 deletion public/css/tabs.css
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@ main .tabsContent {
border: 0;
border-block-start: 0;

display: block;
/* display: block; */

}

Expand Down
3 changes: 1 addition & 2 deletions public/css/themes.css
Original file line number Diff line number Diff line change
Expand Up @@ -89,8 +89,7 @@
--color-accent--l: 42%;
}

[data-theme ~= "DeepOcean" i]
{
[data-theme ~= "DeepOcean" i] {
--color-accent: oklch(0.36 0.07 199.78);
--color-accent-text: white;
--color-accent--light: oklch(0.37 0.07 198.5);
Expand Down
118 changes: 118 additions & 0 deletions public/custom-elements/ds3231.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,118 @@

<ds3231-config>


<div class="tabs">
<button data-tab="actions" data-active>Actions</button>
<button data-tab="settings">Settings</button>
<button data-tab="alarms">Alarms</button>
</div>

<form data-active data-for-tab="actions" data-actions class="tabsContent">
<button data-set-time>Set Now</button>
<button data-trigger-temperature>Trigger Temperature Conversion</button>
<button data-refresh>Refresh</button>
<button data-clear-all-flags>Clear Flags</button>
</form>

<form data-for-tab="storage" data-time-storage class="tabsContent">
<label>Time Storage Mode</label>
<select>
<option value="12">12 hour (am / pm)</option>
<option value="24" selected>24 hour</option>
</select>
</form>

<form data-for-tab="settings" data-control class="tabsContent">
<label>Alarm1</label>
<input name="enableAlarm1" type="checkbox" />

<label>Alarm2</label>
<input name="enableAlarm2" type="checkbox" />

<label>Square Wave (disable interrupt)</label>
<input name="enableSquareWave" type="checkbox" />

<label>Square Wave Frequency</label>
<select name="squareWaveFrequency" disabled>
<option value="1">1</option>
<option value="1.024">1.024</option>
<option value="4.096">4.096</option>
<option value="8.192">8.192</option>
</select>

<fieldset>
<legend>Battery Backup</legend>

<label>Oscillator</label>
<input name="enableBatteryOscillator" type="checkbox" />

<label>Square Wave</label>
<input name="enableBatterySquareWave" type="checkbox" />
</fieldset>
</form>

<form data-for-tab="alarms" data-alarms class="tabsContent">
<fieldset>
<legend>Alarm 1</legend>

<label>Seconds</label>
<select>
<option value="any">(any)</option>
</select>

<label>Minutes</label>
<select>
<option value="any">(any)</option>
</select>

<label>Hours</label>
<select>
<option value="any">(any)</option>
</select>

<label>Period</label>
<select>
<option value="dow">Day of Week</option>
<option value="dom">Day of Month</option>
</select>

<label>Date</label>
<select>
<option value="any">(any)</option>
</select>

<label>Day</label>
<select>
<option value="any">(any)</option>
</select>

</fieldset>

<fieldset>
<legend>Alarm 2</legend>


</fieldset>
</form>

<form data-output>
<label>Temperature</label>
<output data-temperature></output>

<label>Time</label>
<output data-time></output>

<label>Oscillator Stopped</label>
<output data-oscillator-stopped-flag></output>

<label>Busy</label>
<output data-busy-flag></output>

<label>Alarm1</label>
<output data-alarm1-flag></output>

<label>Alarm2</label>
<output data-alarm2-flag></output>
</form>
</ds3231-config>
Loading

0 comments on commit b14333c

Please sign in to comment.