Buttons added for inserting images and links into the document in a new paragraph after the current position in the document.

Author: kunzstef

Code.gs

@@ -345,4 +345,73 @@ function inArray( elem, arr, arrKey) {
     }
 
     return -1;
+}
+
+function insertLink(link, displayName) {
+    var doc = DocumentApp.getActiveDocument();
+    var body = doc.getBody();
+    var paragraphIndex;
+
+    var cursor = doc.getCursor();
+    var paragraph;
+
+    if (cursor) {
+        paragraph = cursor.getElement();
+    }
+
+    var selection = doc.getSelection();
+
+    if (selection) {
+        var selectedElements = selection.getSelectedElements();
+        var selectedElement = selectedElements[0];
+
+        //holds the paragraph
+        var paragraph = selectedElement.getElement();
+    }
+
+    if (paragraph) {
+        while (paragraph.getType() !== DocumentApp.ElementType.PARAGRAPH) {
+            paragraph = paragraph.getParent();
+        }
+
+        //get the index of the paragraph in the body
+        paragraphIndex = body.getChildIndex(paragraph) + 1;
+
+        body.insertParagraph(paragraphIndex, '').appendText(displayName).setLinkUrl(link);
+    }
+}
+
+function insertImage(uri) {
+    var doc = DocumentApp.getActiveDocument();
+    var body = doc.getBody();
+    var img = UrlFetchApp.fetch(uri).getBlob();
+    var paragraphIndex;
+
+    var cursor = doc.getCursor();
+    var paragraph;
+
+    if (cursor) {
+        paragraph = cursor.getElement();
+    }
+
+    var selection = doc.getSelection();
+
+    if (selection) {
+        var selectedElements = selection.getSelectedElements();
+        var selectedElement = selectedElements[0];
+
+        //holds the paragraph
+        var paragraph = selectedElement.getElement();
+    }
+
+    if (paragraph) {
+        while (paragraph.getType() !== DocumentApp.ElementType.PARAGRAPH) {
+            paragraph = paragraph.getParent();
+        }
+
+        //get the index of the paragraph in the body
+        paragraphIndex = body.getChildIndex(paragraph) + 1;
+
+        body.insertParagraph(paragraphIndex, '').appendInlineImage(img);
+    }
 }

SearchResultList.html

@@ -134,6 +134,10 @@
                 var item = items[i];
 
                 var li = $('<li></li>');
+                var leftColumn = $('<div class="left-column"></div>');
+                li.append(leftColumn);
+                var rightColumn = $('<div class="right-column"></div>');
+                li.append(rightColumn);
 
                 // description
                 var description = item.description;
@@ -146,7 +150,7 @@
                 // link
                 var uri = item.documentBadge.uri;
                 var link = $('<a href="' + uri +  '" target="_blank" title="' + description + '"></a>');
-                li.append(link);
+                leftColumn.append(link);
 
                 // item containers
                 var contentDiv = $('<div class="result-content"></div>');
@@ -163,6 +167,18 @@
                 }
                 contentDiv.append($('<span class="result-title">' + title + '</span>'));
 
+                // insert link buttons
+                var insertAsLinkButton = $(
+                        '<div class="image-button">' +
+                        '<img title="<?!= msg('SEARCH_RESULT_LIST_INSERT_LINK') ?>" src="http://www.dimis.fim.uni-passau.de/eexcess/link.png">' +
+                '</div>');
+                insertAsLinkButton.data('uri', uri);
+                insertAsLinkButton.data('title', title);
+                insertAsLinkButton.click(function() {
+                    google.script.run.insertLink($(this).data('uri'), $(this).data('title'));
+                });
+                rightColumn.append(insertAsLinkButton);
+
                 // type
                 var mediaType = item.mediaType;
                 if (typeof mediaType === 'undefined' || mediaType === '') {
@@ -176,8 +192,19 @@
                 var image = item.previewImage;
                 if (typeof image === 'undefined' || image === '') {
                     image = "http://eexcess-dev.joanneum.at/eexcess-federated-recommender-web-service-1.0-SNAPSHOT/recommender/getPreviewImage?type=" + mediaType;
-                } else { // add item to image gallery
+                } else { // add item to image gallery and insert button
                     this._addImageToGallery(image, title, uri);
+
+                    // insert image button
+                    var insertImageButton = $(
+                            '<div class="image-button result-btn-insert-image">' +
+                            '<img title="<?!= msg('SEARCH_RESULT_LIST_INSERT_IMAGE') ?>" src="http://www.dimis.fim.uni-passau.de/eexcess/photo.png">' +
+                    '</div>');
+                    insertImageButton.data('uri', image);
+                    insertImageButton.click(function() {
+                        google.script.run.insertImage($(this).data('uri'));
+                    });
+                    rightColumn.append(insertImageButton);
                 }
                 var img = $('<img align="left" class="result-image" mediatype="' + mediaType + '" src="' + image + '"/>');
                 contentDiv.prepend(img);
@@ -279,23 +306,38 @@
      * @param   uri     recommendation's uri
      */
     SearchResultList.prototype._addImageToGallery  =  function(image, title, uri) {
+        var div = $('<div class="gallery-item"></div>');
+
+        // add image
         var link = $('<a title="<?!= msg('SEARCH_RESULT_LIST_TITLE') ?>:\n' + title + '" href="' + uri + '" target="_blank"></a>');
+        div.append(link);
         var img = document.createElement('img');
         img.className = 'gallery-img';
         link.append(img);
 
         var _this = this;
         img.onload = function(){
             if (_this._galleryLeftHeight > _this._galleryRightHeight) {
-                _this._galleryRight.append(link);
+                _this._galleryRight.append(div);
                 _this._galleryRightHeight += this.height;
             }  else {
-                _this._galleryLeft.append(link);
+                _this._galleryLeft.append(div);
                 _this._galleryLeftHeight += this.height;
             }
         };
 
         img.src = image;
+
+        // add insert button
+        var insertButton = $(
+                '<div class="image-button gallery-btn-insert-image">' +
+                '<img title="<?!= msg('SEARCH_RESULT_LIST_INSERT_IMAGE') ?>" src="http://www.dimis.fim.uni-passau.de/eexcess/photo.png">' +
+        '</div>');
+        insertButton.data('uri', image);
+        insertButton.click(function() {
+            google.script.run.insertImage($(this).data('uri'));
+        });
+        div.append(insertButton);
     };
 
     /**

Sidebar.html

@@ -20,7 +20,7 @@
                 <a title="<?!= msg('SEARCH_RESULT_LIST_SCHOLARLY_TOOLTIP') ?>"><?!= msg('SEARCH_RESULT_LIST_SCHOLARLY') ?></a>
             </li>
         </ul>
-        <div id="settings-button">
+        <div id="settings-button" class="image-button">
             <img title="<?!= msg('SETTINGS') ?>" src="http://www.dimis.fim.uni-passau.de/eexcess/settings.png">
         </div>
     </div>

Stylesheet.html

@@ -39,38 +39,41 @@
         height: 37px;
     }
 
-    #settings-button {
+    .image-button {
         background: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
         background: linear-gradient(top, #f5f5f5, #f1f1f1);
         border: 1px solid #dcdcdc;
         -moz-border-radius: 2px;
         -webkit-border-radius: 2px;
         border-radius: 2px;
-
-        position: absolute;
-        right: 12px;
-        top: 46px;
         width: 25px;
         height: 25px;
     }
 
-    #settings-button:hover {
+    .image-button:hover {
         background: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
         background: linear-gradient(top, #f8f8f8, #f1f1f1);
         border: 1px solid #c6c6c6;
+        cursor: pointer;
     }
 
-    #settings-button img {
+    .image-button img {
         width: 20px;
         height: 20px;
         margin: 2.5px;
         opacity: 0.7;
     }
 
-    #settings-button:hover img {
+    .image-button:hover img {
         opacity: 1;
     }
 
+    #settings-button {
+        position: absolute;
+        right: 12px;
+        top: 46px;
+    }
+
     /* SearchResultList styling */
     .eexcess-tabs {
         list-style: none;
@@ -159,6 +162,7 @@
         border-collapse: collapse;
         width: 260px;
         padding: 10px;
+        min-height: 60px;
     }
 
     #result-list li:last-child {
@@ -169,10 +173,23 @@
         background-color: #eeeeee;
     }
 
+    #result-list .left-column {
+        width: 228px;
+        float: left;
+    }
+
+    #result-list .right-column {
+        float: right;
+    }
+
     #result-list a:hover {
         text-decoration: none;
     }
 
+    .result-btn-insert-image {
+        margin-top: 5px;
+    }
+
     .result-content {
         display: inline-block;
     }
@@ -244,6 +261,28 @@
         margin-top: 5px;
     }
 
+    .gallery-item {
+        position: relative;
+    }
+
+    .gallery-btn-insert-image {
+        position: absolute;
+        bottom: 20px;
+        margin-left: auto;
+        margin-right: auto;
+        left: 0;
+        right: 0;
+        display: none;
+    }
+
+    .gallery-item:hover .gallery-btn-insert-image {
+        display: block;
+    }
+
+    .gallery-item:hover .gallery-img {
+        opacity: 0.7;
+    }
+
     /* bottom branding */
     .branding-container {
         padding-top: 12px;

messages.html

@@ -26,6 +26,8 @@
 "SEARCH_RESULT_LIST_MEDIATYPE_VIDEO": "Video",
 "SEARCH_RESULT_LIST_MEDIATYPE_OTHER": "Other",
 "SEARCH_RESULT_LIST_MEDIATYPE_UNKNOWN": "Unknown",
+"SEARCH_RESULT_LIST_INSERT_LINK": "Insert link",
+"SEARCH_RESULT_LIST_INSERT_IMAGE": "Insert image",
 
 "BRANDING_TEXT": "Search digital library content",
 

messages_de.html

@@ -26,6 +26,8 @@
 "SEARCH_RESULT_LIST_MEDIATYPE_VIDEO": "Video",
 "SEARCH_RESULT_LIST_MEDIATYPE_OTHER": "Sonstiges",
 "SEARCH_RESULT_LIST_MEDIATYPE_UNKNOWN": "Unbekannt",
+"SEARCH_RESULT_LIST_INSERT_LINK": "Link einfügen",
+"SEARCH_RESULT_LIST_INSERT_IMAGE": "Bild einfügen",
 
 "BRANDING_TEXT": "Suche digitale Bibliotheksinhalte",