another display for modalcard accordeon, displaying note icon on mediumcard and refresh it updated in modale

web/themes/custom/materiotheme/vuejs/components/Content/Card.vue

@@ -53,6 +53,9 @@
           </ul>
         </div>
       </section>
+      <section v-if="item.note" class="tool note">
+        <span class="btn mdi mdi-note"/>
+      </section>
       <section class="tool print">
         <a :href="item.path+'/printable/print'" target="_blank">
           <span class="btn mdi mdi-printer"/>

web/themes/custom/materiotheme/vuejs/components/Content/ModalCard.vue

@@ -335,6 +335,7 @@ export default {
   },
   methods: {
     ...mapActions({
+      refreshItem: 'Search/refreshItem',
       createFlagColl: 'User/createFlagColl',
       flagUnflag: 'User/flagUnflag'
     }),
@@ -465,6 +466,9 @@ export default {
         .then(({ data }) => {
           console.log('createNote REST data', data)
           this.note_nid = data.nid[0].value
+          // call search results refresh of the item to display that note is now existing for this item
+          // TODO: do the same for article linked materials
+          this.refreshItem({id: this.item.id})
         })
         .catch(error => {
           console.warn('Issue with createNote', error)