Refactor card code (#58)

Author: raman325

custom_components/lock_code_manager/www/lock-code-manager-strategy.js

@@ -2,6 +2,9 @@ export const CODE_SENSOR_KEY = 'code';
 export const CODE_EVENT_KEY = 'pin_used';
 export const PIN_SYNCED_TO_LOCKS_KEY = 'pin_synced_to_locks';
 export const CONDITION_KEYS = ['number_of_uses'];
+export const DIVIDER_CARD = {
+    type: 'divider'
+};
 export const KEY_ORDER = [
     'name',
     'enabled',

js/const.ts

@@ -1,8 +1,9 @@
 import { ReactiveElement } from 'lit';
 
 import { DEFAULT_INCLUDE_CODE_SLOT_SENSORS } from './const';
+import { generateView } from './generate-view';
 import { HomeAssistant } from './ha_type_stubs';
-import { generateView, slugify } from './helpers';
+import { slugify } from './slugify';
 import { GetConfigEntriesResponse, LockCodeManagerDashboardStrategyConfig } from './types';
 
 export class LockCodeManagerDashboardStrategy extends ReactiveElement {

js/dashboard-strategy.ts

@@ -2,6 +2,7 @@ import {
     CODE_EVENT_KEY,
     CODE_SENSOR_KEY,
     CONDITION_KEYS,
+    DIVIDER_CARD,
     FOLD_ENTITY_ROW_SEARCH_STRING,
     KEY_ORDER,
     PIN_SYNCED_TO_LOCKS_KEY
@@ -13,12 +14,9 @@ import {
     LovelaceResource,
     LovelaceViewConfig
 } from './ha_type_stubs';
+import { slugify } from './slugify';
 import { LockCodeManagerConfigEntryData, LockCodeManagerEntityEntry, SlotMapping } from './types';
 
-const DIVIDER_CARD = {
-    type: 'divider'
-};
-
 export async function generateView(
     hass: HomeAssistant,
     configEntryId: string,
@@ -51,9 +49,7 @@ export async function generateView(
             .map((entity) => {
                 return {
                     entity: entity.entity_id,
-                    name: (entity.name ? entity.name : entity.original_name)
-                        .replace('PIN synced to locks', 'synced')
-                        .replace('Code slot', 'Slot'),
+                    name: `Slot ${entity.slotNum.toString()} synced`,
                     type: 'state-label'
                 };
             })
@@ -223,38 +219,3 @@ function maybeGenerateFoldEntityRowCard(
               ...entityCards
           ];
 }
-
-// https://gist.github.com/hagemann/382adfc57adbd5af078dc93feef01fe1
-export function slugify(value: string, delimiter = '-'): string {
-    const a = 'àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìıİłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·';
-    const b = `aaaaaaaaaacccddeeeeeeeegghiiiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz${delimiter}`;
-    const p = new RegExp(a.split('').join('|'), 'g');
-
-    let slugified;
-
-    if (value === '') {
-        slugified = '';
-    } else {
-        slugified = value
-            .toString()
-            .toLowerCase()
-            // Replace special characters
-            .replace(p, (c) => b.charAt(a.indexOf(c)))
-            // Remove Commas between numbers
-            .replace(/(\d),(?=\d)/g, '$1')
-            // Replace all non-word characters
-            .replace(/[^a-z0-9]+/g, delimiter)
-            // Replace multiple delimiters with single delimiter
-            .replace(new RegExp(`(${delimiter})\\1+`, 'g'), '$1')
-            // Trim delimiter from start of text
-            .replace(new RegExp(`^${delimiter}+`), '')
-            // Trim delimiter from end of text
-            .replace(new RegExp(`${delimiter}+$`), '');
-
-        if (slugified === '') {
-            slugified = 'unknown';
-        }
-    }
-
-    return slugified;
-}

js/helpers.ts renamed to js/generate-view.ts

@@ -0,0 +1,34 @@
+// https://gist.github.com/hagemann/382adfc57adbd5af078dc93feef01fe1
+export function slugify(value: string, delimiter = '-'): string {
+    const a = 'àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìıİłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·';
+    const b = `aaaaaaaaaacccddeeeeeeeegghiiiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz${delimiter}`;
+    const p = new RegExp(a.split('').join('|'), 'g');
+
+    let slugified;
+
+    if (value === '') {
+        slugified = '';
+    } else {
+        slugified = value
+            .toString()
+            .toLowerCase()
+            // Replace special characters
+            .replace(p, (c) => b.charAt(a.indexOf(c)))
+            // Remove Commas between numbers
+            .replace(/(\d),(?=\d)/g, '$1')
+            // Replace all non-word characters
+            .replace(/[^a-z0-9]+/g, delimiter)
+            // Replace multiple delimiters with single delimiter
+            .replace(new RegExp(`(${delimiter})\\1+`, 'g'), '$1')
+            // Trim delimiter from start of text
+            .replace(new RegExp(`^${delimiter}+`), '')
+            // Trim delimiter from end of text
+            .replace(new RegExp(`${delimiter}+$`), '');
+
+        if (slugified === '') {
+            slugified = 'unknown';
+        }
+    }
+
+    return slugified;
+}

js/slugify.ts

@@ -1,8 +1,8 @@
 import { ReactiveElement } from 'lit';
 
 import { DEFAULT_INCLUDE_CODE_SLOT_SENSORS } from './const';
+import { generateView } from './generate-view';
 import { HomeAssistant } from './ha_type_stubs';
-import { generateView } from './helpers';
 import { LockCodeManagerEntitiesResponse, LockCodeManagerViewStrategyConfig } from './types';
 
 export class LockCodeManagerViewStrategy extends ReactiveElement {