From 93f43cca9d0e8fcdcc287cefd2299025628b9f9f Mon Sep 17 00:00:00 2001
From: LUCAS CARVALHO PEREIRA LISO <lucas.carvalhopl@outlook.com>
Date: Sat, 7 Apr 2018 13:56:30 -0300
Subject: [PATCH 1/2] Update image.coffee

add functions to let the user pass images already in the file system through an array that contains URLs to that images (dialog.addImages( [ "url1", "url2" ] ) )
---
 src/scripts/ui/dialogs/image.coffee | 71 ++++++++++++++++++++++++-----
 1 file changed, 59 insertions(+), 12 deletions(-)

diff --git a/src/scripts/ui/dialogs/image.coffee b/src/scripts/ui/dialogs/image.coffee
index 405dc44b..8230901e 100644
--- a/src/scripts/ui/dialogs/image.coffee
+++ b/src/scripts/ui/dialogs/image.coffee
@@ -37,7 +37,7 @@ class ContentTools.ImageDialog extends ContentTools.DialogUI
             ContentTools.IMAGE_UPLOADER(this)
 
     # Read-only properties
-
+	
     cropRegion: () ->
         # Return the defined crop-region (top, left, bottom, right), values are
         # normalized to the range 0.0 - 1.0. If no crop region is defined then
@@ -48,7 +48,39 @@ class ContentTools.ImageDialog extends ContentTools.DialogUI
         return [0, 0, 1, 1]
 
     # Methods
-
+	
+    hideImages: () ->
+        if @_domImagesContainer
+            @_domImagesContainer.parentNode.removeChild(@_domImagesContainer)
+				
+    # show images passed by user and adds event listners to that images
+    showImages: () ->
+        @hideImages
+		
+        if @images
+            @_domImagesContainer = @constructor.createDiv(['ct-image-dialog-images__container'])
+
+            @_domView.appendChild(@_domImagesContainer)
+			
+            _domImages = @constructor.createDiv(['ct-image-dialog-images'])
+            @_domImagesContainer.appendChild(_domImages)
+			
+            for image in @images
+                _domImageDiv = @constructor.createDiv(['ct-image-dialog-images__image'])
+                _domImage = new Image()
+                _domImage.src = image
+				
+                _domImageDiv.appendChild(_domImage)
+                _domImages.appendChild(_domImageDiv)
+	
+                _domImage.addEventListener 'click', (ev) =>
+                    @_imageSelected = {src: ev.target.src, size: [ev.target.naturalWidth, ev.target.naturalHeight]}
+                    @populate(@_imageSelected.src, @_imageSelected.size)
+				
+    # Add URLs of images in array passed by user
+    addImages: (images) ->
+        @images = images			
+			
     addCropMarks: () ->
         # Add crop marks to the current image
         if @_cropMarks
@@ -73,6 +105,8 @@ class ContentTools.ImageDialog extends ContentTools.DialogUI
 
         # Set the dialog to empty
         @state('empty')
+		
+        @showImages()
 
     mount: () ->
         # Mount the widget
@@ -185,9 +219,12 @@ class ContentTools.ImageDialog extends ContentTools.DialogUI
         @_addDOMEventListeners()
 
         @dispatchEvent(@createEvent('imageuploader.mount'))
+		
+        @showImages()
 
     populate: (imageURL, imageSize) ->
         # Populate the dialog with an image
+        @hideImages()
 
         # Set image attributes
         @_imageURL = imageURL
@@ -230,15 +267,25 @@ class ContentTools.ImageDialog extends ContentTools.DialogUI
 
     save: (imageURL, imageSize, imageAttrs) ->
         # Save and insert the current image
-        @dispatchEvent(
-            @createEvent(
-                'save',
-                {
-                    'imageURL': imageURL,
-                    'imageSize': imageSize,
-                    'imageAttrs': imageAttrs
-                })
-            )
+        if imageURL
+            @dispatchEvent(
+                @createEvent(
+                    'save',
+                    {
+                        'imageURL': imageURL,
+                        'imageSize': imageSize,
+                        'imageAttrs': imageAttrs
+                    })
+                )
+        else if @_imageSelected
+            @dispatchEvent(
+                @createEvent(
+                    'save',
+                    {
+                        'imageURL': @_imageSelected.src,
+                        'imageSize': @_imageSelected.size
+                    })
+                )
 
     state: (state) ->
         # Set/get the state of the dialog (empty, uploading, populated)
@@ -548,4 +595,4 @@ class CropMarksUI extends ContentTools.AnchoredComponentUI
 
         # Unset dragging state
         @_dragging = null
-        @_draggingOrigin = null
\ No newline at end of file
+        @_draggingOrigin = null

From c95865da9262eef894416ac6e405ed1f46f6ba5f Mon Sep 17 00:00:00 2001
From: LUCAS CARVALHO PEREIRA LISO <lucas.carvalhopl@outlook.com>
Date: Sat, 7 Apr 2018 16:00:03 -0300
Subject: [PATCH 2/2] Add images ui

Add css for images dialog
---
 src/styles/ui/_dialogs.scss | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/styles/ui/_dialogs.scss b/src/styles/ui/_dialogs.scss
index 1f03af5c..b4dc4c6c 100644
--- a/src/styles/ui/_dialogs.scss
+++ b/src/styles/ui/_dialogs.scss
@@ -439,6 +439,33 @@
         }
     }
 
+    .ct-image-dialog-images__container{
+        overflow-y: auto;
+        width: 100%;
+        height: 100%;
+        .ct-image-dialog-images{
+            width: 100%;
+            height: 100%;
+            display: initial;
+            overflow-y: auto;
+            div{
+                padding: 4px;
+                width: calc(100% / 3);
+                height: 150px;
+                display: inline-block;
+                img{
+                    cursor: pointer;
+                    height: 100%;
+                    width: 100%;
+                    object-fit: contain;
+                    margin: auto;
+                    background: #fafafa;
+                    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+                }
+            }
+        }
+    }
+
 
     /**
      * The properties dialog displays the attributes and styles for an element