Added the photo card to the gallery editor

Author: gabriel-bolbotina

app/qml/components/MMPhotoCard.qml

@@ -18,7 +18,9 @@ Item {
   property bool textVisible: true
 
   readonly property int cornerRadius: __style.margin20
-  readonly property int blurAmount: __style.margin30
+  readonly property int blurAmount: 40
+
+  signal clicked( var path )
 
   width: 300
   height: 300
@@ -42,6 +44,8 @@ Item {
       id: bngImage
       anchors.fill: parent
       fillMode: Image.PreserveAspectCrop
+      autoTransform: true
+      focus: true
       smooth: true
       visible: true
     }
@@ -103,5 +107,8 @@ Item {
     }
   }
 
-  // add mouse area to go to the nex
+  MMSingleClickMouseArea {
+    anchors.fill: parent
+    onSingleClicked: root.clicked(root.imageSource)
+  }
 }

app/qml/form/editors/MMFormGalleryEditor.qml

@@ -48,20 +48,23 @@ MMPrivateComponents.MMBaseInput {
       homePath: root._fieldActiveProject.homePath
     }
 
-    delegate: MMComponents.MMPhoto {
+    delegate: MMComponents.MMPhotoCard{
       width: rowView.height
+      height: rowView.height
 
-      fillMode: Image.PreserveAspectCrop
-
-      photoUrl: {
+      imageSource: {
         let absolutePath = model.PhotoPath
 
         if ( absolutePath !== '' && __inputUtils.fileExists( absolutePath ) ) {
-          return "file://" + absolutePath
+          return "file:///" + absolutePath
         }
         return ''
       }
 
+      textVisible: model.FeatureTitle ? true : false
+
+      text: model.FeatureTitle
+
       onClicked: function( path ) {
         root.openLinkedFeature( model.FeaturePair )
       }