fixing autocomplete dialog and mistaken label

Author: pnrobinson

book/src/developers/release.md

@@ -48,4 +48,6 @@ To create an installer locally (for the current OS), enter the following command
 npm run tauri build
 ```
 
-This will create an installer under ``src-tauri/target/release/bundle/``.
+This will create an installer under ``src-tauri/target/release/bundle/``.
+
+

book/src/help/installation.md

@@ -11,27 +11,10 @@ Because this application is open-source and distributed for free, it is not sign
 
 1. Download the `.dmg` file from the [Releases](https://github.com/p2gx/phenoboard/releases) page
 2. Open the DMG and drag the app into your Applications folder
-3. When you try to open it, macOS may show an error message:  
-   *"App can't be opened because it is from an unidentified developer"*
-   or
-   *“phenoboard is damaged and can’t be opened. You should move it to the Trash"*
-
-This error happens because macOS applies strict security checks for programs downloaded from the Web that are not signed with a paid Apple Developers account. 
-There are at least two ways of dealing with this. (Of course, do not move the app to the trash!)
-
-
-**1) xattr**
-> **Terminal Command:** Fix "App is Damaged" or "Unverified Developer" errors
->
-> ```bash
-> xattr -cr /Applications/phenoboard.app
-> ```
-
-(to open the Terminal, search for Terminal in Spotlight and then paste the above text into it and press Enter)
-
-**2) System Settings**
-Depending on our OS version, you may also be able to do the following:
--  go to System Settings → Privacy & Security → click "Open Anyway"
+3. When you try to open it, macOS will show the message:  
+   *"'phenoboard' is an app downloaded from the Internet. Are you sure you want to open it?"*
+ 
+If you confirm, the app will be installed into your `Àpplications``folder and started. From now one you can open phenoboard like any other application (e.g., using the Spotlight searchbar).
 
 
 ## Installing on Windows

package.json

@@ -1,6 +1,6 @@
 {
   "name": "phenoboard",
-  "version": "0.5.147",
+  "version": "0.5.148",
   "scripts": {
     "ng": "ng",
     "start": "nx serve phenoboard --port 1420",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "phenoboard"
-version = "0.5.147"
+version = "0.5.148"
 description = "Curate cohorts of GA4GH Phenopackets"
 authors = ["Peter N Robinson"]
 edition = "2021"
@@ -35,7 +35,7 @@ tauri = { version = "2.11.2", features = [] }
 tauri-plugin-dialog = { version = "2", default-features = false }
 tauri-plugin-fs = "2.4.4"
 tauri-plugin-opener = "2.5.2"
-tokio = { version = "1.48.0", features = ["full"] }
+tokio = { version = "1.52.3", features = ["full"] }
 tracing = "0.1.44"
 tracing-subscriber = "0.3.22"
 regex = "1.12.3"

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "phenoboard",
-  "version": "0.5.147",
+  "version": "0.5.148",
   "identifier": "org.p2gx.phenoboard",
   "build": {
     "beforeDevCommand": "npx nx serve phenoboard --configuration=development  --no-cloud",

src/app/addages/addage.component.html

@@ -27,11 +27,15 @@ <h2 mat-dialog-title class="dialog-title">Select Age</h2>
       <mat-form-field appearance="outline" class="flex-grow dense-field">
         <mat-label>New Age String</mat-label>
         <input matInput 
-               [ngModel]="customAge()" 
-               (ngModelChange)="customAge.set($event)"
-               [matAutocomplete]="auto"
-               (keyup.enter)="createNewAge()"
-               placeholder="e.g. P35Y">
+              [ngModel]="customAge()" 
+              (ngModelChange)="customAge.set($event)"
+              [matAutocomplete]="auto"
+              (keyup.enter)="createNewAge()"
+              autofocus
+              autocapitalize="none"
+              spellcheck="false"
+              autocomplete="off"
+              placeholder="e.g. P35Y">
       </mat-form-field>
       <mat-autocomplete #auto="matAutocomplete" (optionSelected)="selectExisting($event.option.value)">
             @for (term of filteredTerms(); track term) {

src/app/util/table-cell-editor/table-cell-editor.component.html

@@ -28,7 +28,7 @@ <h3>{{ columnTitle }}</h3>
         [class.active]="cellData.type === 'Na'"
         (click)="updateStatus('Na')"
         class="btn-toggle status-na">
-        Excluded
+        na
       </button>
     </div>
   </section>