From 7da0be9a97cc30c4c835987013df77f7ea46aef5 Mon Sep 17 00:00:00 2001
From: Djamil Legato <djamil@djamil.it>
Date: Sat, 8 Jun 2019 17:32:05 -0700
Subject: [PATCH] Update parent page title upon selection

---
 themes/grav/app/forms/fields/parents.js                | 10 +++++++---
 themes/grav/scss/template/modules/_finderjs.scss       |  4 ++++
 .../templates/forms/fields/parents/parents.html.twig   |  2 +-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/themes/grav/app/forms/fields/parents.js b/themes/grav/app/forms/fields/parents.js
index b5016c3d..20999aa9 100644
--- a/themes/grav/app/forms/fields/parents.js
+++ b/themes/grav/app/forms/fields/parents.js
@@ -11,7 +11,8 @@ export class Parents {
         this.fieldName = field.attr('name');
         this.field = $(`[name="${this.fieldName}"]`);
         this.data = data;
-        this.fieldLabel = $(`[data-parents-field-label="${this.fieldName}"]`);
+        this.parentLabel = $(`[data-parents-field-label="${this.fieldName}"]`);
+        this.parentName = $(`[data-parents-field-name="${this.fieldName}"]`);
 
         const dataLoad = this.dataLoad;
 
@@ -212,12 +213,15 @@ $(document).on('click', '[data-remodal-id="parents"] [data-parents-select]', (ev
     const parents = modal.data('parents');
     const finder = parents.finder;
     const field = parents.field;
-    const fieldLabel = parents.fieldLabel;
+    const parentLabel = parents.parentLabel;
+    const parentName = parents.parentName;
     const selection = finder.findLastActive().item[0];
     const value = selection._item[finder.config.valueKey];
+    const name = selection._item[finder.config.labelKey];
 
     field.val(value);
-    fieldLabel.text(value);
+    parentLabel.text(value);
+    parentName.text(name);
     finder.config.defaultPath = value;
 
     const remodal = $.remodal.lookup[$(`[data-remodal-id="${modal.data('remodalId')}"]`).data('remodal')];
diff --git a/themes/grav/scss/template/modules/_finderjs.scss b/themes/grav/scss/template/modules/_finderjs.scss
index 94980579..99927593 100644
--- a/themes/grav/scss/template/modules/_finderjs.scss
+++ b/themes/grav/scss/template/modules/_finderjs.scss
@@ -147,3 +147,7 @@
         font-size: .8em;
     }
 }
+
+[data-parents-field-name] {
+    font-weight: bold;
+}
diff --git a/themes/grav/templates/forms/fields/parents/parents.html.twig b/themes/grav/templates/forms/fields/parents/parents.html.twig
index def9ddb9..03dab06a 100644
--- a/themes/grav/templates/forms/fields/parents/parents.html.twig
+++ b/themes/grav/templates/forms/fields/parents/parents.html.twig
@@ -16,7 +16,7 @@
     {% set parent = page.find(value).title %}
     <div class="parents-wrapper">
         <div class="form-input-wrapper" data-field-parents="{{ name }}" data-remodal-target="parents">
-            <div class="parent-title"><b>{{ parent }}</b></div>
+            <div class="parent-title" data-parents-field-name="{{ name }}">{{ parent }}</div>
             <span><i class="fa fa-folder-o"></i> <span data-parents-field-label="{{ name }}">{{ value|default('<root>') }}</span></span>
         </div>