Update api.js

Captions can already come with Gutenberg. It is important to supplement this with the author information.
palasthotel · Aug 2, 2019 · ad6caff · ad6caff
1 parent 252fd80
commit ad6caff
Showing 1 changed file with 28 additions and 25 deletions.
diff --git a/js/api.js b/js/api.js
@@ -59,34 +59,37 @@
 		 * @param element
 		 * @param caption
 		 */
-		function process_image(element, caption){
-			var $img = $(element);
+		function process_image(element, caption) {
 
-			var $figure = $("<figure></figure>")
-			.addClass("wp-caption media-license__figure");
+		    var $img = $(element);
 
-			if($img.hasClass("alignright")){
-				$figure.addClass("alignright");
-				$img.removeClass("alignright");
-			}
-			if($img.hasClass("alignleft")){
-				$figure.addClass("alignleft");
-				$img.removeClass("alignleft");
-			}
-			// check parent -
-			if( ! $img.parent("figure" ) ) {
-				$img.wrap($figure);
-			} else {
-				$img.parent().addClass("media-license__figure");
-			}
-
-			if( ! $img.parent().has("figcaption") ) {
-				var $caption = $("<figcaption>"+caption+"</figcaption>").addClass("wp-caption-text media-license__figcaption");
-				$img.after($caption);
-			} else {
-				$img.parent().find("figcaption").addClass("media-license__figcaption").html( caption );
-			}
+		    var $figure = $("<figure></figure>")
+			.addClass("wp-caption media-license__figure");
 
+		    if ($img.hasClass("alignright")) {
+			$figure.addClass("alignright");
+			$img.removeClass("alignright");
+		    }
+		    if ($img.hasClass("alignleft")) {
+			$figure.addClass("alignleft");
+			$img.removeClass("alignleft");
+		    }
+		    // check parent -
+		    if (!$img.parent("figure")) {
+			$img.wrap($figure);
+		    } else {
+			$img.parent().addClass("media-license__figure");
+		    }
+
+		    if ($img.parent().find("figcaption").length == 0) {
+			// we need a empty figcaption and fill with data from api
+			var $caption = $("<figcaption>" + caption + "</figcaption>").addClass("wp-caption-text media-license__figcaption");
+			$img.after($caption);
+		    } else {
+			// add author information to existing figcaption
+			var $current_caption = $(caption).filter(".media-license__author").get(0);
+			$img.parent().find("figcaption").addClass("media-license__figcaption").append($current_caption);
+		    }
 
 		}