Allow adding/moving/deleting repo refs (#57)

gramps-project · Dec 6, 2021 · 3d1c554 · 3d1c554
1 parent 7a6c5a2
commit 3d1c554
Show file tree

Hide file tree

Showing 5 changed files with 113 additions and 41 deletions.
diff --git a/src/components/GrampsjsFormRepoRef.js b/src/components/GrampsjsFormRepoRef.js
@@ -0,0 +1,49 @@
+/*
+Form for adding a new event reference
+*/
+
+import {html} from 'lit'
+import '@material/mwc-textfield'
+import '@material/mwc-icon-button'
+import '@material/mwc-icon'
+import '@material/mwc-button'
+
+import './GrampsjsFormSelectType.js'
+import './GrampsjsFormSelectObjectList.js'
+import './GrampsjsFormString.js'
+import {GrampsjsObjectForm} from './GrampsjsObjectForm.js'
+
+class GrampsjsFormRepoRef extends GrampsjsObjectForm {
+  renderForm () {
+    return html`
+      <grampsjs-form-select-object-list
+        fixedMenuPosition
+        style="min-height: 300px;"
+        objectType="repository"
+        .strings="${this.strings}"
+        id="repository-select"
+        label="${this._('Select')}"
+        class="edit"
+      ></grampsjs-form-select-object-list>
+
+      <h4 class="label">${this._('Call Number')}</h4>
+      <p>
+        <grampsjs-form-string fullwidth id="call_number" value="${this.data.call_number}"></grampsjs-form-string>
+      </p>
+
+      <grampsjs-form-select-type
+        required
+        id="source-media-type"
+        heading="${this._('Type')}"
+        .strings="${this.strings}"
+        typeName="source_media_types"
+        defaultTypeName="Book"
+        .types="${this.types}"
+        .typesLocale="${this.typesLocale}"
+      >
+      </grampsjs-form-select-type>
+    `
+  }
+}
+
+window.customElements.define('grampsjs-form-reporef', GrampsjsFormRepoRef)
diff --git a/src/components/GrampsjsObjectForm.js b/src/components/GrampsjsObjectForm.js
@@ -181,12 +181,12 @@ export class GrampsjsObjectForm extends GrampsjsTranslateMixin(LitElement) {
       this.data = {...this.data, private: e.detail.checked}
     }
     if ([
-      'author', 'pubinfo', 'abbrev', 'page', 'desc', 'title', 'description', 'lat', 'long'
+      'author', 'pubinfo', 'abbrev', 'page', 'desc', 'title', 'description', 'lat', 'long', 'call_number'
     ].includes(originalTarget.id)) {
       this.data = {...this.data, [originalTarget.id]: e.detail.data}
     }
     if ([
-      'event-select-list', 'media-select-list', 'child-select-list', 'place-select-list'
+      'event-select-list', 'media-select-list', 'child-select-list', 'place-select-list', 'repository-select-list'
     ].includes(originalTarget.id)) {
       const [handle] = e.detail.data
       if (handle) {
@@ -208,6 +208,9 @@ export class GrampsjsObjectForm extends GrampsjsTranslateMixin(LitElement) {
     if (originalTarget.id === 'event-role-type') {
       this.data = {...this.data, role: {_class: 'EventRoleType', string: e.detail.data}}
     }
+    if (originalTarget.id === 'source-media-type') {
+      this.data = {...this.data, media_type: {_class: 'SourceMediaType', string: e.detail.data}}
+    }
     if (originalTarget.id === 'name-type') {
       this.data = {...this.data, type: {_class: 'NameType', string: e.detail.data}}
     }
@@ -217,6 +220,9 @@ export class GrampsjsObjectForm extends GrampsjsTranslateMixin(LitElement) {
     if (originalTarget.id === 'child-mrel') {
       this.data = {...this.data, mrel: {_class: 'ChildRefType', string: e.detail.data}}
     }
+    if (originalTarget.id === 'child-mrel') {
+      this.data = {...this.data, mrel: {_class: 'ChildRefType', string: e.detail.data}}
+    }
     if (originalTarget.id === 'note-select-list') {
       this.data = e.detail
     }

diff --git a/src/components/GrampsjsRepositories.js b/src/components/GrampsjsRepositories.js
@@ -1,8 +1,8 @@
 import {html} from 'lit'
 
 import {GrampsjsEditableTable} from './GrampsjsEditableTable.js'
-import './GrampsjsFormSelectObject.js'
 import './GrampsjsObjectForm.js'
+import './GrampsjsFormRepoRef.js'
 import {fireEvent} from '../util.js'
 
 export class GrampsjsRepositories extends GrampsjsEditableTable {
@@ -15,8 +15,8 @@ export class GrampsjsRepositories extends GrampsjsEditableTable {
   constructor () {
     super()
     this.extended = []
-    this.objType = 'Event'
-    this._columns = ['Title', 'Call Number', 'Media Type', '']
+    this.objType = 'Repository'
+    this._columns = ['Title', 'Call Number', '_Media Type:', '']
     this.dialogContent = ''
   }
 
@@ -25,50 +25,55 @@ export class GrampsjsRepositories extends GrampsjsEditableTable {
       <tr @click=${() => this._handleClick(this.extended[i].gramps_id)}>
         <td>${this.extended[i].name}</td>
         <td>${obj.call_number}</td>
-        <td>${obj.media_type}</td>
-        <td></td>
+        <td>${this._(obj.media_type)}</td>
+        <td>${this.edit
+    ? this._renderActionBtns(obj.ref, i === 0, i === arr.length - 1)
+    : ''}
+      </td>
 
       </tr>
     `
   }
 
-  // renderAfterTable () {
-  //   return this.edit
-  //     ? html`
-  //     <mwc-icon-button
-  //       class="edit large"
-  //       icon="add_circle"
-  //       @click="${this._handleAddClick}"
-  //     ></mwc-icon-button>
-  //     ${this.dialogContent}
-  //   `
-  //     : ''
-  // }
+  renderAfterTable () {
+    return this.edit
+      ? html`
+      <mwc-icon-button
+        class="edit large"
+        icon="add_circle"
+        @click="${this._handleAddClick}"
+      ></mwc-icon-button>
+      ${this.dialogContent}
+    `
+      : ''
+  }
 
-  // _handleAddClick () {
-  //   this.dialogContent = html`
-  //   <grampsjs-form-eventref
-  //     new
-  //     @object:save="${this._handleEventRefSave}"
-  //     @object:cancel="${this._handleEventRefCancel}"
-  //     .strings="${this.strings}"
-  //     objType="${this.objType}"
-  //     dialogTitle = ${this._('Share an existing event')}
-  //   >
-  //   </grampsjs-form-eventref>
-  //   `
-  // }
+  _handleAddClick () {
+    this.dialogContent = html`
+    <grampsjs-form-reporef
+      new
+      @object:save="${this._handleRepoRefAdd}"
+      @object:cancel="${this._handleRepoRefCancel}"
+      .strings="${this.strings}"
+      objType="${this.objType}"
+      dialogTitle = ${this._('Add an existing repository')}
+    >
+    </grampsjs-form-reporef>
+    `
+  }
 
-  // _handleEventRefSave (e) {
-  //   fireEvent(this, 'edit:action', {action: 'addEventRef', data: e.detail.data})
-  //   e.preventDefault()
-  //   e.stopPropagation()
-  //   this.dialogContent = ''
-  // }
+  _handleRepoRefAdd (e) {
+    if (e.detail.data.ref) {
+      fireEvent(this, 'edit:action', {action: 'addRepoRef', data: e.detail.data})
+    }
+    e.preventDefault()
+    e.stopPropagation()
+    this.dialogContent = ''
+  }
 
-  // _handleEventRefCancel () {
-  //   this.dialogContent = ''
-  // }
+  _handleRepoRefCancel () {
+    this.dialogContent = ''
+  }
 
   _handleClick (grampsId) {
     if (!this.edit) {

diff --git a/src/strings.js b/src/strings.js
@@ -39,6 +39,7 @@ export const grampsStrings = [
   'Abort changes?',
   'About',
   'Add an existing person as a child of the family',
+  'Add an existing repository',
   'Add',
   'Address Note',
   'Addresses',
@@ -58,10 +59,12 @@ export const grampsStrings = [
   'Birth Name',
   'Birth Place',
   'Birth',
+  'Book',
   'Borough',
   'Building',
   'Calculated',
   'Call name',
+  'Call Number',
   'Cancel',
   'Child Reference Note',
   'Children',
@@ -145,6 +148,7 @@ export const grampsStrings = [
   'Media Object',
   'Media Objects',
   'Media Reference Note',
+  '_Media Type:',
   'Media',
   'Military Service',
   'Mother',

diff --git a/src/views/GrampsjsViewObject.js b/src/views/GrampsjsViewObject.js
@@ -161,6 +161,14 @@ export class GrampsjsViewObject extends GrampsjsView {
       })
     } else if (e.detail.action === 'addCitation') {
       this.addHandle(e.detail.data.data[0], this._data, this._className, 'citation_list')
+    } else if (e.detail.action === 'delRepository') {
+      this.delObject(e.detail.handle, this._data, this._className, 'reporef_list')
+    } else if (e.detail.action === 'addRepoRef') {
+      this.addObject(e.detail.data, this._data, this._className, 'reporef_list')
+    } else if (e.detail.action === 'upRepository') {
+      this.moveObject(e.detail.handle, this._data, this._className, 'reporef_list', 'up')
+    } else if (e.detail.action === 'downRepository') {
+      this.moveObject(e.detail.handle, this._data, this._className, 'reporef_list', 'down')
     } else if (e.detail.action === 'addMediaRef') {
       this.addObject(e.detail.data, this._data, this._className, 'media_list')
     } else if (e.detail.action === 'updateMediaRef') {