Merge pull request #1283 from qbikez/oc-preview

add "open" link to component preview page

Author: ricardo-devis-agullo

src/registry/views/info.ts

@@ -73,8 +73,11 @@ export default function info(vm: Vm): string {
     <div class="field"><p>Accept-Language header:</p></div>
     <input class="w-100" id="lang" type="text" value="*" />
     <h3>
-      Preview
-      <a class="refresh-preview" href="#refresh">(Refresh)</a>
+      Preview (
+      <a class="refresh-preview" href="#refresh">Refresh</a>
+      |
+      <a class="open-preview" href="#open">Open</a>
+      )
     </h3>
     <iframe class="preview" src="~preview/${sandBoxDefaultQs}"></iframe>`;
 

src/registry/views/static/info.ts

@@ -7,7 +7,7 @@ oc.cmd.push(function() {
     window.location = thisComponentHref + $(this).val() + '/~info';
   });
 
-  $('.refresh-preview').click(function() {
+  var refreshPreview = function() {
     var splitted = $('#href')
         .val()
         .split('?'),
@@ -27,6 +27,17 @@ oc.cmd.push(function() {
 
     $('.preview').attr('src', url);
 
+    return false;
+  };
+  $('.refresh-preview').click(refreshPreview);
+
+  $('.open-preview').click(function() {
+    refreshPreview();
+    var url = $('.preview').attr('src');
+
+    window.open(url, '_blank');
     return false;
   });
+
+
 });`;