@operato/board 1.4.64 → 1.4.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "1.4.64",
+  "version": "1.4.66",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -148,5 +148,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "47382eb5b652aeb12fc530a9508921824e19aca0"
+  "gitHead": "c261bdcf46452491e4090cc7daca332d1ee13301"
 }

package/src/data-storage/data-storage.ts

@@ -9,7 +9,7 @@ class BoardDatabase extends Dexie {
 
   constructor() {
     super('operato-board-database')
-    this.version(1).stores({
+    this.version(2).stores({
       board_data: '[board+refid]',
       playlist_data: '[playlist]'
       //...other tables goes here...
@@ -61,7 +61,7 @@ export class BoardDataStorage implements PersistentDataStorage {
 
 export class PlaylistStorage implements PersistentDataStorage {
   public async load(key: String): Promise<any> {
-    const saved = await db.playlist_data.where({ playlist: key }).first()
+    const saved = await db.playlist_data.where({ playlist: key.toString() }).first()
     return saved?.setting
   }
 
@@ -70,6 +70,6 @@ export class PlaylistStorage implements PersistentDataStorage {
   }
 
   public async clear(key: String): Promise<void> {
-    await db.playlist_data.where({ playlist: key }).delete()
+    await db.playlist_data.where({ playlist: key.toString() }).delete()
   }
 }

package/src/ox-board-player.ts

@@ -17,6 +17,7 @@ const DEFAULT_PLAYLIST = String('__default__')
 export class BoardPlayer extends LitElement {
   static styles = style
 
+  @property({ type: String }) playlist: string = DEFAULT_PLAYLIST
   @property({ type: Array }) boards: Array<any> = []
   @property({ type: Number }) playtime = 30
   @property({ type: Number }) columns = 1
@@ -67,7 +68,7 @@ export class BoardPlayer extends LitElement {
                 .value=${String(this.playtime)}
                 @change=${(e: Event) => {
                   this.playtime = Number((e.target as HTMLInputElement).value)
-                  this.playlistStorage.save(DEFAULT_PLAYLIST, {
+                  this.playlistStorage.save(this.playlist, {
                     playtime: this.playtime,
                     columns: this.columns,
                     rows: this.rows
@@ -82,7 +83,7 @@ export class BoardPlayer extends LitElement {
                 .value=${String(this.rows)}
                 @change=${(e: Event) => {
                   this.rows = Number((e.target as HTMLInputElement).value)
-                  this.playlistStorage.save(DEFAULT_PLAYLIST, {
+                  this.playlistStorage.save(this.playlist, {
                     playtime: this.playtime,
                     columns: this.columns,
                     rows: this.rows
@@ -96,7 +97,7 @@ export class BoardPlayer extends LitElement {
                 .value=${String(this.columns)}
                 @change=${(e: Event) => {
                   this.columns = Number((e.target as HTMLInputElement).value)
-                  this.playlistStorage.save(DEFAULT_PLAYLIST, {
+                  this.playlistStorage.save(this.playlist, {
                     playtime: this.playtime,
                     columns: this.columns,
                     rows: this.rows
@@ -123,7 +124,7 @@ export class BoardPlayer extends LitElement {
   }
 
   async firstUpdated() {
-    const setting = await this.playlistStorage.load('DEFAULT_PLAYLIST')
+    const setting = await this.playlistStorage.load(this.playlist)
 
     if (setting) {
       const { playtime = 30, columns = 1, rows = 1 } = setting || {}