intel / intel/generic-sensor-demos

Move to LitElement to simplify the code

Open
#58 4 comments 0 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
197
Forks
91
PR merge metrics
No merged PRs in 30d

Description

I have tested the below and it works fine. You can move piece by piece.

```diff
diff --git a/sensor-tester/src/create-page.js b/sensor-tester/src/create-page.js
new file mode 100644
index 0000000..727783c
--- /dev/null
+++ b/sensor-tester/src/create-page.js
@@ -0,0 +1,16 @@
+import {LitElement, html, property} from '@polymer/lit-element';
+
+export const createPage = (options) => {
+ return class extends LitElement {
+ render() {
+ return html`
+
+
+ `;
+ }
+ }
+}
\ No newline at end of file
diff --git a/sensor-tester/src/sensor-tester.html b/sensor-tester/src/sensor-tester.html
index 07257b3..ab04c2e 100644
--- a/sensor-tester/src/sensor-tester.html
+++ b/sensor-tester/src/sensor-tester.html
@@ -13,7 +13,6 @@



-



@@ -22,6 +21,15 @@



+
+ import { createPage } from "create-page.js"
+
+ customElements.define('accelerometer-screen-page', createPage({
+ src: "src/tests/accelerometer-screen.json",
+ sensorType: "Accelerometer"
+ }));
+
+



```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.