Index: lams_tool_larsrc/web/pages/learning/addurl.jsp
===================================================================
diff -u -r39f59a96731240ef0b1db4b51cca197b65eebb85 -r622b7b26fa9a2290028df7ff9d31e4cd8d001a50
--- lams_tool_larsrc/web/pages/learning/addurl.jsp	(.../addurl.jsp)	(revision 39f59a96731240ef0b1db4b51cca197b65eebb85)
+++ lams_tool_larsrc/web/pages/learning/addurl.jsp	(.../addurl.jsp)	(revision 622b7b26fa9a2290028df7ff9d31e4cd8d001a50)
@@ -20,9 +20,22 @@
 			<form:input path="url" cssClass="form-control" tabindex="2" id="url"/>
 	    </div>
 	    
+  		<div id="preview-panel" class="panel panel-default hidden">
+			<div class="panel-heading panel-title">
+				<fmt:message key="label.authoring.basic.resource.preview" />
+			</div>
+			<div id="item-content-0" class="panel-body item-content">
+				<div class="content-panel">
+					<h4  class="embedded-title"></h3>
+					<h5  class="embedded-description"></h4>
+					<div class="embedded-content"></div>
+				</div>
+			</div>
+		</div>
+					
 		<div class="form-group">
 	    	<label for="title"><fmt:message key="label.authoring.basic.resource.title.input" /></label>:
-			<form:input path="title" tabindex="1" cssClass="form-control" id="resourcetitle"/>
+			<form:input path="title" tabindex="1" cssClass="form-control"/>
 	  	</div>	
 
 		<div class="form-group">
@@ -43,8 +56,29 @@
 	
 	<script type="text/javascript">
 		$(document).ready(function(){
-			$('#url').focus().attr("placeholder","<fmt:message key="label.authoring.basic.resource.url.placeholder" />");
-		});		
+			$('#addresource #url').focus()
+				.attr("placeholder","<fmt:message key="label.authoring.basic.resource.url.placeholder" />")
+				.blur(function(){
+					 var url = $(this).val();
+					 if (url.trim() != '') {
+						 url = encodeURIComponent(url);
+						 $('#addresource #item-content-0 .content-panel > *').empty();
+						$.ajax({
+						    url: "http://ckeditor.iframe.ly/api/oembed?url=" + url,
+						    dataType: "jsonp",
+						    cache: true,
+						    type: "POST",
+						    jsonpCallback: 'iframelyCallback0',
+						    contentType: "application/json; charset=utf-8",
+						    error: function (xhr, status, error) {
+								$('#addresource #preview-panel').addClass('hidden');
+								
+						        console.log("Result: " + status + " " + error + " " + xhr.status + " " + xhr.statusText)
+						    }
+						});
+					 }
+				 });
+			});		
 	
 		$('#resourceItemForm').submit(submitResourceForm);
 		$('#resourceItemForm').validate({
Index: lams_tool_larsrc/web/pages/learning/learning.jsp
===================================================================
diff -u -r481ed8ec5d8be97b26fe79e8699f5b1da423af37 -r622b7b26fa9a2290028df7ff9d31e4cd8d001a50
--- lams_tool_larsrc/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 481ed8ec5d8be97b26fe79e8699f5b1da423af37)
+++ lams_tool_larsrc/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 622b7b26fa9a2290028df7ff9d31e4cd8d001a50)
@@ -104,7 +104,7 @@
 		$(document).ready(function(){
 			cancel();
 
-			// show etherpads only on Group expand
+			// show items only on Group expand
 			$('.item-collapse').on('show.bs.collapse', function(){
 				let collapse = $(this);
 				if (collapse.is(':empty')) {