-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
dfea074
commit 463281a
Showing
8 changed files
with
246 additions
and
87 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,108 +1,100 @@ | ||
| excamera-i2cdriver { | ||
| excamera-i2cdriver { | ||
| display: flex; | ||
|
|
||
| flex-direction: column; | ||
| height: 100%; | ||
| } | ||
|
|
||
| /* excamera-i2cdriver::part(vdexvice-guess-list) { | ||
| display: block; | ||
| list-style: none; | ||
| } | ||
| excamera-i2cdriver::part(scan-display) { | ||
| display: flex; | ||
| align-items: flex-start; | ||
| flex-wrap: wrap; | ||
| } */ | ||
|
|
||
|
|
||
| & form[data-config] { | ||
| display: flex; | ||
| flex-grow: 1; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| flex-wrap: wrap; | ||
| gap: 1em; | ||
|
|
||
| padding-inline: 1em; | ||
| padding-block: 1em; | ||
| border-radius: 1em; | ||
| margin-block-start: 1em; | ||
|
|
||
|
|
||
| background-color: var(--color-accent-softer, red); | ||
| color: var(--color-accent-softer-text, red); | ||
| } | ||
|
|
||
| excamera-i2cdriver form[data-config] { | ||
| display: flex; | ||
| flex-grow: 1; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| flex-wrap: wrap; | ||
| gap: 1em; | ||
|
|
||
| padding-inline: 1em; | ||
| padding-block: 1em; | ||
| border-radius: 1em; | ||
| margin-block-start: 1em; | ||
|
|
||
| /* & div.tabsContent select { | ||
| background-color: pink; | ||
| color: black; | ||
| } */ | ||
|
|
||
| background-color: var(--color-accent-softer, red); | ||
| color: var(--color-accent-softer-text, red); | ||
| } | ||
| & form[data-info] { | ||
| display: grid; | ||
| grid-template-columns: minmax(20ch, 1fr) 1fr; | ||
| /* grid-template-rows: repeat(auto-fill, 10px); */ | ||
| gap: 1em; | ||
| } | ||
|
|
||
| /* excamera-i2cdriver div.tabsContent select { | ||
| background-color: pink; | ||
| color: black; | ||
| } */ | ||
|
|
||
| & div.tabsContent { | ||
| display: flex; | ||
| align-items: flex-start; | ||
| justify-content: flex-start; | ||
| gap: 3em; | ||
| flex-wrap: wrap; | ||
| } | ||
|
|
||
|
|
||
| & div.tabsContent[data-for-tab="settings"] { | ||
| /* display: flex; */ | ||
| flex-direction: row; | ||
| align-content: flex-start; | ||
| overflow-y: scroll; | ||
| height: 0; | ||
| } | ||
|
|
||
|
|
||
| & ul[data-device-list] { | ||
| display: flex; | ||
| flex-direction: column; | ||
| gap: 0.25em; | ||
| } | ||
|
|
||
| & ul[data-device-list] > li { | ||
| display: none; | ||
| } | ||
|
|
||
|
|
||
| excamera-i2cdriver form[data-info] { | ||
| display: grid; | ||
| grid-template-columns: minmax(20ch, 1fr) 1fr; | ||
| /* grid-template-rows: repeat(auto-fill, 10px); */ | ||
| gap: 1em; | ||
| } | ||
| & ul[data-device-list] > li[data-acked] { | ||
| display: grid; | ||
| grid-template-columns: 5ch 1fr max-content; | ||
| gap: 1em; | ||
|
|
||
| background-color: var(--color-accent--lighter, red); | ||
| color: var(--color-accent--lighter-text, red); | ||
|
|
||
| excamera-i2cdriver div.tabsContent { | ||
| display: flex; | ||
| align-items: flex-start; | ||
| justify-content: flex-start; | ||
| gap: 3em; | ||
| flex-wrap: wrap; | ||
| } | ||
|
|
||
|
|
||
| excamera-i2cdriver div.tabsContent[data-for-tab="settings"] { | ||
| /* display: flex; */ | ||
| flex-direction: row; | ||
| align-content: flex-start; | ||
| overflow-y: scroll; | ||
| height: 0; | ||
| } | ||
|
|
||
|
|
||
| excamera-i2cdriver ul[data-device-list] { | ||
| display: flex; | ||
| flex-direction: column; | ||
| gap: 0.25em; | ||
| } | ||
|
|
||
| excamera-i2cdriver ul[data-device-list] > li { | ||
| display: none; | ||
| } | ||
| font-weight: bolder; | ||
|
|
||
| border-radius: 2em; | ||
| padding-inline: 2em; | ||
| padding-block: 0.5em; | ||
|
|
||
| excamera-i2cdriver ul[data-device-list] > li[data-acked] { | ||
| display: grid; | ||
| grid-template-columns: 5ch 1fr max-content; | ||
| gap: 1em; | ||
| align-items: center; | ||
| flex-wrap: nowrap; | ||
|
|
||
| background-color: var(--color-accent--lighter, red); | ||
| color: var(--color-accent--lighter-text, red); | ||
| } | ||
|
|
||
| font-weight: bolder; | ||
| & form[data-manual-add-form] { | ||
| display: grid; | ||
| grid-template-columns: 5ch 1fr max-content; | ||
| gap: 1em; | ||
|
|
||
| border-radius: 2em; | ||
| padding-inline: 2em; | ||
| padding-block: 0.5em; | ||
| background-color: var(--color-accent--lighter, red); | ||
| color: var(--color-accent--lighter-text, red); | ||
|
|
||
| align-items: center; | ||
| flex-wrap: nowrap; | ||
| border-radius: 2em; | ||
| padding-inline: 2em; | ||
| padding-block: 0.5em; | ||
|
|
||
| align-items: center; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| import { I2CAddressedBus } from '@johntalton/and-other-delights' | ||
| import { DRV2605 } from '@johntalton/drv2605' | ||
|
|
||
| export class DRV2605Builder { | ||
| #abus | ||
| #device | ||
|
|
||
| static async builder(definition, ui) { | ||
| return new DRV2605Builder(definition, ui) | ||
| } | ||
|
|
||
| constructor(definition, ui) { | ||
| const { bus, address } = definition | ||
|
|
||
| this.#abus = new I2CAddressedBus(bus, address) | ||
|
|
||
| } | ||
|
|
||
| get title() { return 'DRV2605' } | ||
|
|
||
| async open() { | ||
| this.#device = new DRV2605(this.#abus) | ||
|
|
||
| } | ||
|
|
||
| async close() { } | ||
|
|
||
| signature() { } | ||
|
|
||
| async buildCustomView() { | ||
| const root = document.createElement('drv2605-config') | ||
|
|
||
| const status = await this.#device.getStatus() | ||
| console.log(status, status.DEVICE_ID === 7) | ||
|
|
||
| // const result = await this.#device.getLibrarySelection() | ||
| // console.log(result) | ||
|
|
||
|
|
||
| root.innerHTML = ` | ||
| ` | ||
|
|
||
| return root | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,75 @@ | ||
| import { I2CAddressedBus } from '@johntalton/and-other-delights' | ||
| import { DS3231 } from '@johntalton/ds3231' | ||
|
|
||
| export class DS3231Builder { | ||
| #abus | ||
| #device | ||
|
|
||
| static async builder(definition, ui) { | ||
| return new DS3231Builder(definition, ui) | ||
| } | ||
|
|
||
| constructor(definition, ui) { | ||
| const { bus, address } = definition | ||
|
|
||
| this.#abus = new I2CAddressedBus(bus, address) | ||
| } | ||
|
|
||
|
|
||
| get title() { return 'DS3231 (RTC)' } | ||
|
|
||
| async open() { | ||
| this.#device = await DS3231.from(this.#abus) | ||
| } | ||
|
|
||
| async close() { } | ||
|
|
||
| signature() { } | ||
|
|
||
| async buildCustomView(selectionElem) { | ||
| const div = document.createElement('div') | ||
|
|
||
| const century = 2000 | ||
| const now = new Date(Date.now()) | ||
|
|
||
| { | ||
| const seconds = now.getUTCSeconds() | ||
| const minutes = now.getUTCMinutes() | ||
| const hours = now.getUTCHours() | ||
|
|
||
| const date = now.getUTCDate() | ||
| const month = now.getUTCMonth() + 1 | ||
| const year = now.getUTCFullYear() - century | ||
|
|
||
| // await this.#device.setStatus({ clearOscillatorStoppedFlag: true }) | ||
| // await this.#device.setTime({ | ||
| // seconds, minutes, hours, date, month, year | ||
| // }) | ||
| // await this.#device.setStatus({ oscillatorEnabled: true }) | ||
| } | ||
|
|
||
| const temp = await this.#device.getTemperature() | ||
| div.innerText = `${temp.temperatureC} ℃` | ||
|
|
||
| const time = await this.#device.getTime() | ||
|
|
||
| const { year, month, date, hours, minutes, seconds } = time | ||
|
|
||
| // | ||
| const storedDate = new Date(Date.UTC( | ||
| century + year, | ||
| month - 1, | ||
| date, | ||
| hours, minutes, seconds)) | ||
|
|
||
| console.log(storedDate) | ||
|
|
||
| const ctrl = await this.#device.getControl() | ||
| console.log(ctrl) | ||
|
|
||
| const status = await this.#device.getStatus() | ||
| console.log(status) | ||
|
|
||
| return div | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.