From a6b0be9bad8645227946f3317405c04d7c4d12e4 Mon Sep 17 00:00:00 2001
From: Tom Wallroth <tomwallroth@gmail.com>
Date: Mon, 23 Dec 2024 22:49:26 +0100
Subject: [PATCH] Nicer UI, Refactoring, new icon

---
 apps/contacts/ChangeLog       |   1 +
 apps/contacts/README.md       |  22 ++++--
 apps/contacts/app-icon.js     |   2 +-
 apps/contacts/app.png         | Bin 11828 -> 838 bytes
 apps/contacts/contacts.app.js | 143 +++++++++++++---------------------
 apps/contacts/interface.html  |   2 +-
 apps/contacts/metadata.json   |   4 +-
 7 files changed, 75 insertions(+), 99 deletions(-)

diff --git a/apps/contacts/ChangeLog b/apps/contacts/ChangeLog
index a0be5eaf6..5d6abbb74 100644
--- a/apps/contacts/ChangeLog
+++ b/apps/contacts/ChangeLog
@@ -2,3 +2,4 @@
 0.02: Minor code improvements
 0.03: Minor code improvements
 0.04: Allow calling contacts from the app, Refactoring
+0.05: Nicer UI, Refactoring, new icon
\ No newline at end of file
diff --git a/apps/contacts/README.md b/apps/contacts/README.md
index 1bfc99c8e..53503d56b 100644
--- a/apps/contacts/README.md
+++ b/apps/contacts/README.md
@@ -1,6 +1,6 @@
 # Contacts
 
-This app provides a common way to set up the `contacts.json` file.
+View, edit and call contacts on your bangle.js. Calling is done via the bluetooth connection to your android phone.
 
 ## Contacts JSON file
 
@@ -11,12 +11,14 @@ has the following contents:
 ```
 [
   {
-  "name":"NONE"
+    "name":"First Last",
+    "number":"123456789",
   },
   {
-  "name":"First Last",
-  "number":"123456789",
-  }
+    "name": "James Bond",
+    "number":"555-007",
+  },
+  ...
 ]
 ```
 
@@ -26,4 +28,12 @@ Clicking on the download icon of `Contents` in the app loader invokes
 the contact editor.  The editor downloads and displays the current
 `contacts.json` file. Clicking the `Edit` button beside an entry
 causes the entry to be deleted from the list and displayed in the edit
-boxes. It can be restored - by clicking the `Add` button.
\ No newline at end of file
+boxes. It can be restored - by clicking the `Add` button.
+
+# Icons
+
+<a target="_blank" href="https://icons8.com/icon/85059/phone">Phone</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a>
+
+<a target="_blank" href="https://icons8.com/icon/362/trash-can">Delete Button</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a>
+
+<a target="_blank" href="https://icons8.com/icon/iwE4yCawoyKM/call-list">Call List</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a>
\ No newline at end of file
diff --git a/apps/contacts/app-icon.js b/apps/contacts/app-icon.js
index 3012be8d8..0333b855a 100644
--- a/apps/contacts/app-icon.js
+++ b/apps/contacts/app-icon.js
@@ -1 +1 @@
-require("heatshrink").decompress(atob("mEwwcBkmSpIC/AVsJCJ+AQaCZBCOeACKGQLKGQBA0ggARPJ4IRsYo0ggR9IoAIGiRiIpEECJsAiACBBYoRGpEAI4JBFI47CBLIRlDHYJrGYQIRCwQICL4MQOgx9GboUSeQ4RFwAFBiSGHCIo4CiVIWZyPICP4RaRIQROgARHdIwICoIIFkDpGBAKqHgGACI0AyVIggIDoEEMQ1ICINJCIj4CfwIREBwUgQYYOCfYoFDJQKDFCIopEO4RoDKAqJHRhAC/ATA="))
+require("heatshrink").decompress(atob("mEwwZC/ABcN23btoCG7ARFBw4CDCP4RegYRQjY1RgE2LMlsHY4RIsBfHLJBxICKxrDCJxHQCK59LBYYRBa59sgzXPCJwLDwACCgENCJewjbaBgEBCJkDLgIRIO4vABIQRN7ARKNYaSELJo4EPpgCHCAjjGYpwRNLIzFPCP4RnZwQRHd4YA/AA4A="))
\ No newline at end of file
diff --git a/apps/contacts/app.png b/apps/contacts/app.png
index 147dcc61a2487588c2bd0eaef16e22ec88c1a80b..a1594e7a91bfe3b7830d2d80aa7924fede1326b3 100644
GIT binary patch
delta 799
zcmV+)1K|9$T*d~FBa<^L6@LQwNkl<Zc%1E7OKTKC5Z?GaC`3U}k?c;_BoU&bl9MO#
zeGiBc^cI2_A)pXE1%jB}s!3unm#FwW2znAPN>IUnAc%q>#$>7{@e#!b5`47uGP{b|
z-E20KogJ8h?=nnHecyCdcXf9n5nF6kFs<t#&B>;LNvH-O%}En85P$CAxch*Ffkams
z4CL)y5c$;L>otJ#Aq4W;K#{zM^mKj20+hoC!Xghj5$Nu(SOAc;g)IO`+F}6^kAPG;
zg?jW7<!}cO-;87pSp5^*Yk;_}d<3+vQz*xPxH|_M`6QrRj)nl=8Xb41LK(?|_^KlQ
z94P@%#yX&ge<+ecAb+=Ap?BB-kh>Jhcr*kcV<F!Zx;sJ>u%5hC{tWbV?f`Cki68Ji
z6aiMo-3-V-XMGI$>;KPeM><Og_!e3UrTRR}cBC~2=%3sMD3@jj;O?3fV9av(kV1ZC
z0LWv7i&!#=S``50bfYMD3;DK==;exJruGF8d#3gH*RR>(b$@_-Cjj!gA_2*Pw;TP`
z`BF|08{J(wUpwO-QOHvPk=F|n03_2nD3o`A@}giJpj^q4PkUQ{_*a1B^@38!<Z-g^
z&02#LPHg~``$Y<QMmcV?@d4uDVr2Xg&Hof2{!{}skSF)h)I#IX%ascGae;R(7K+hG
z(xONvLKol{^ncl`UwXP;5kJa5M;>b#o?2Zjjv_v@C<~c|a(do5i`-@WTY8?YP$)xY
zMYoU-mWpLN(ix}#lg|ZPiLyn=xx{U~)O^dFw9OUI4q8CAnM1w-B%^=9_kiTVJcK+k
zvr;+nfaJuY)Id}J_@;c1@9<F|em<X($nF(TZrK@c&wuV7y{uRqMSQ(RinwHfn<;Y?
zP%bFq-t4Bw;f`#Bi2OSO0;;^Jw@8l1$0`*5!B%$;isY0+z7~xX@(sw_s!-BC&I8KF
zhzXF07O`)!019~oRMfASQc=I;GiI(j6^a`I`3ciQB?2+6>ukqusMbZd?YIqrU3AA5
dTcV`>0Tf$j_~K-%STg_s002ovPDHLkV1fd&cdq~d

literal 11828
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

diff --git a/apps/contacts/contacts.app.js b/apps/contacts/contacts.app.js
index 34e40927a..e78ae6aa4 100644
--- a/apps/contacts/contacts.app.js
+++ b/apps/contacts/contacts.app.js
@@ -1,14 +1,14 @@
-/* contacts.js */
-
 var Layout = require("Layout");
 
-var wp = require('Storage').readJSON("contacts.json", true) || [];
+var contacts = require('Storage').readJSON("contacts.json", true) || [];
 
 function writeContacts() {
-  require('Storage').writeJSON("contacts.json", wp);
+  require('Storage').writeJSON("contacts.json", contacts);
 }
 
 function callNumber (number) {
+  E.showMessage('Calling ' + number + '...');
+  setTimeout(() => mainMenu(), 2000);
   Bluetooth.println(JSON.stringify({
     t:"intent",
     target:"activity",
@@ -17,35 +17,49 @@ function callNumber (number) {
     categories:["android.intent.category.DEFAULT"],
     data: 'tel:' + number,
   }))
-
 }
 
 function mainMenu() {
   var menu = {
+    "": {
+      "title": "Contacts",
+    },
     "< Back" : Bangle.load
   };
-  if (!wp.length) {
+  if (!contacts.length) {
     menu['No Contacts'] = () => {};
-  } else {
-    for (const e of wp) {
-      const closureE = e;
-      menu[e.name] = () => showContact(closureE);
-    }
   }
-  menu["Add"] = addContact;
-  menu["Remove"] = removeContact;
+  contacts.map((e, idx) => {
+    menu[e.name] = () => showContact(idx)
+  })
+  menu["Add Contact"] = addContact;
   g.clear();
   E.showMenu(menu);
 }
 
-function showContact(i) {
+function showContact(idx) {
   g.clear();
+  var name = contacts[idx].name;
+  let longName = g.setFont("6x8:2").stringWidth(name) >= g.getWidth();
+  var number = contacts[idx].number;
+  let longNumber = g.setFont("6x8:2").stringWidth(number) >= g.getWidth();
   (new Layout ({
     type:"v",
     c: [
-      {type:"txt", font:"10%", pad:1, fillx:1, filly:1, label: i["name"] + "\n" + i["number"]},
-      {type:"btn", font:"10%", pad:1, fillx:1, filly:1, label: "Call", cb: l => callNumber(i['number'])},
-      {type:"btn", font:"10%", pad:1, fillx:1, filly:1, label: "Back to list", cb: mainMenu}
+      {type: 'h', filly: 3, fillx:1, c: [
+        {type:"btn", font:"6x8", pad:1, fillx:1, filly:1, label: "<- Back to list", cb: mainMenu},
+        {type:"btn", pad:1, fillx:1, filly:3, src: require("heatshrink").decompress(atob("jUawYGDgVJkgQGBAOSBAsJkALBBIoaCDogaCAQYXBgIIFkmAC4IIFyVAgAIGGQUJHwo4FAo2QBwICDNAVAkgCEEAYUFEAQUFE34mRPwgmEcYgmDUg8AgjLGgAA==")),
+          cb: () => (
+            E.showPrompt("Delete Contact '" + name + "'?", )
+              .then((res) => { if (res) { deleteContact(idx) } else { mainMenu() } })
+          )
+        },
+      ]},
+      {type:"txt", font:longName ? "6x8" : "6x8:2", pad:1, fillx:2, filly:3, label: longName ? name.slice(0, name.length/2) + '\n' + name.slice(name.length/2) : name},
+      {type:"txt", font: "6x8:2", pad:1, fillx:2, filly:3, label: longNumber ? number.slice(0, number.length/2) + '\n' + number.slice(number.length/2) : number},
+      {type: 'h', filly: 3, fillx:1, c: [
+          {type:"btn", pad:1, fillx:1, filly:3, src:atob("GBiBAAAAAAAAAAAAAB8AAB+AAB+AAB+AAB+AAA+AAA8AAA4AAAYAAAcAAAMAAAGAAAHB8ADz+AA/+AAf+AAH+AAA+AAAAAAAAAAAAA=="), cb: l => callNumber(i['number'])},
+        ]},
     ],
     lazy:true
   })).render();
@@ -80,10 +94,10 @@ function showNumpad() {
           {type:"h",filly:1, c: [digitBtn("4"), digitBtn("5"), digitBtn("6")]},
           {type:"h",filly:1, c: [digitBtn("7"), digitBtn("8"), digitBtn("9")]},
           {type:"h",filly:1, c: [
-            {type:"btn", font:ds, width:58, label:"C", cb: removeDigit},
-            digitBtn('0'),
-            {type:"btn", font:ds, width:58, id:"OK", label:"OK", cb: l => resolve(number)}
-          ]}
+              {type:"btn", font:ds, width:58, label:"C", cb: removeDigit},
+              digitBtn('0'),
+              {type:"btn", font:ds, width:58, id:"OK", label:"OK", cb: l => resolve(number)}
+            ]}
         ]}
       ], lazy:true});
     g.clear();
@@ -92,77 +106,28 @@ function showNumpad() {
   });
 }
 
-function removeContact() {
-  var menu = {
-    "" : {title : "Select Contact"},
-    "< Back" : mainMenu
-  };
-  if (wp.length===0) Object.assign(menu, {"No Contacts":""});
-  else {
-    wp.forEach((val, card) => {
-      const name = wp[card].name;
-      menu[name]=()=>{
-        E.showMenu();
-        var confirmRemove = new Layout (
-          {type:"v", c: [
-            {type:"txt", font:"15%", pad:1, fillx:1, filly:1, label:"Delete"},
-            {type:"txt", font:"15%", pad:1, fillx:1, filly:1, label:name},
-            {type:"h", c: [
-              {type:"btn", font:"15%", pad:1, fillx:1, filly:1, label: "YES", cb:l=>{
-                wp.splice(card, 1);
-                writeContacts();
-                mainMenu();
-              }},
-              {type:"btn", font:"15%", pad:1, fillx:1, filly:1, label: " NO", cb:l=>{mainMenu();}}
-            ]}
-          ], lazy:true});
-        g.clear();
-        confirmRemove.render();
-      };
-    });
-  }
-  E.showMenu(menu);
-}
-
-
-function addNewContact(name) {
-  g.clear();
-  showNumpad().then((number) => {
-      wp.push({name: name, number: number});
-      writeContacts();
-      mainMenu();
-  })
-
-
-
-}
-
-function tryAddContact(name) {
-  if (wp.filter((e) => e.name === name).length) {
-    E.showMenu();
-    var alreadyExists = new Layout (
-      {type:"v", c: [
-        {type:"txt", font:Math.min(15,100/name.length)+"%", pad:1, fillx:1, filly:1, label:name},
-        {type:"txt", font:"12%", pad:1, fillx:1, filly:1, label:"already exists."},
-        {type:"h", c: [
-          {type:"btn", font:"10%", pad:1, fillx:1, filly:1, label: "REPLACE", cb:l=>{ addNewContact(name); }},
-          {type:"btn", font:"10%", pad:1, fillx:1, filly:1, label: "CANCEL", cb:l=>{mainMenu();}}
-        ]}
-      ], lazy:true});
-    g.clear();
-    alreadyExists.render();
-     return;
-  }
-  addNewContact(name);
+function deleteContact(idx) {
+  contacts.splice(idx, 1);
+  writeContacts();
+  mainMenu();
 }
 
 function addContact() {
-  require("textinput").input({text:""}).then(name => {
-    if (name !== "") {
-      tryAddContact(name);
-    } else
-      mainMenu();
-  });
+  require("textinput").input({text:""})
+    .then(name => {
+      name = name.trim();
+      if (name !== "") {
+        g.clear();
+        showNumpad().then((number) => {
+          contacts.push({name: name, number: number});
+          writeContacts();
+          mainMenu();
+        })
+      } else {
+        E.showMessage("Invalid name");
+        setTimeout(() => mainMenu(), 1000);
+      }
+    });
 }
 
 g.reset();
diff --git a/apps/contacts/interface.html b/apps/contacts/interface.html
index 4a533bff7..00dcd6655 100644
--- a/apps/contacts/interface.html
+++ b/apps/contacts/interface.html
@@ -33,7 +33,7 @@
     </style>
 </head>
 <body>
-  <h1>Contacts v.2</h1>
+  <h1>Contacts</h1>
     <div class="flex-col">
         <div id="statusarea">
             <button id="download" class="btn btn-error">Reload</button> <button id="upload" class="btn btn-primary">Upload</button>
diff --git a/apps/contacts/metadata.json b/apps/contacts/metadata.json
index 50354f74f..384c2aa7d 100644
--- a/apps/contacts/metadata.json
+++ b/apps/contacts/metadata.json
@@ -1,7 +1,7 @@
 { "id": "contacts",
   "name": "Contacts",
-  "version": "0.04",
-  "description": "Provides means of storing user contacts, viewing/editing them on device and from the App loader",
+  "version": "0.05",
+  "description": "View, edit and call contacts on device and from the App loader",
   "icon": "app.png",
   "tags": "tool",
   "supports" : ["BANGLEJS2"],