done embed iframe button + popup

diff --git a/telemeta/htdocs/css/player.css b/telemeta/htdocs/css/player.css
index 98751b81c5184844a4867a0a1d23f71732d2a2ae..2803c0359e1501d24c4d456b9bdfb9cc2c16dd83 100644 (file)
--- a/telemeta/htdocs/css/player.css
+++ b/telemeta/htdocs/css/player.css
@@ -94,6 +94,26 @@ ALONE ARE PARSED (eg ".ts-blabla, .ts-marker-canvas{...}" WILL NOT BE RECOGNIZED
     background-position: 0px -10px;
 }
 
+#player_maximized .embed_player_frame, #player_minimized .embed_player_frame {
+    float: left;
+    font-weight: bold;
+    color: #333;
+    text-decoration: none;
+    font-size: 50%;
+    -moz-border-radius: 1ex;
+    -webkit-border-radius: 1ex;
+    border-radius: 1ex;
+    border: 1px solid #ddd;
+    padding-left: 2ex;
+    padding-right: 2ex;
+    background-color: #fff;
+    line-height: 1.5em;
+}
+
+#player_maximized .embed_player_frame:hover, #player_minimized .embed_player_frame:hover {
+    text-decoration: none;
+}
+
 #player_maximized {
     margin: 10px 0 15px 0;
     display: none;

diff --git a/telemeta/htdocs/js/playerLoader.js b/telemeta/htdocs/js/playerLoader.js
index 5c39d49aa5a36f3a2b8297bcb5d1c585df96722e..46cc4183bf4955df8a04706e0d0bc4e45c0abd70 100644 (file)
--- a/telemeta/htdocs/js/playerLoader.js
+++ b/telemeta/htdocs/js/playerLoader.js
@@ -489,6 +489,34 @@ function loadPlayer(analizerUrl, soundUrl, soundImgSize, itemId, visualizers, cu
                         togglePlayerMaximization();
                         return false;
                     });
+                    //and assing the function to the form_link element
+                    $J('#player_maximized .embed_player_frame, #player_minimized .embed_player_frame').click(function() {
+                        var player_url = urlNormalized(); //defined in application.js
+                        var size= player.getImageSize();
+                        player_url += "/player/"+size.width+"x"+size.height;
+                        var input_text = "<iframe width='"+size.width+"' height='"+size.height+
+                            "' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='"+
+                            player_url+"'></iframe>";
+                        var ipt = $J('<input/>').attr('type','text');
+                        ipt.val(input_text);
+                        ipt.focus(function(){
+                            $J(this).select();
+                        });
+                        var p = new PopupDiv({
+                            invoker: $J(this),
+                            title: gettrans('Paste HTML to embed in website'),
+                            content: ipt,
+                            defaultCloseOperation:'remove',
+                            focusable: 'true',
+                            onShow : function(){
+                                if(ipt.outerWidth(true)<ipt.parent().width()){
+                                    ipt.css('width',(ipt.parent().width()-(ipt.outerWidth(true)-ipt.width()))+'px');
+                                }
+                            }
+                        });
+                        p.show();
+                        return false;
+                    });
                 }
                 );
             }

diff --git a/telemeta/templates/telemeta_default/mediaitem_detail.html b/telemeta/templates/telemeta_default/mediaitem_detail.html
index 412f80a32b412a275948dc30ec4382a535f32c57..d7af16c5403d47125c13a752416bba6cf684e373 100644 (file)
--- a/telemeta/templates/telemeta_default/mediaitem_detail.html
+++ b/telemeta/templates/telemeta_default/mediaitem_detail.html
@@ -13,6 +13,7 @@
 {% block extra_javascript %}
 {% if item %}
 
+
 <script src="{% url telemeta-timeside "js/libs/soundmanager2-nodebug-jsmin.js" %}" type="text/javascript"></script>
 <script src="{% url telemeta-timeside "js/timeside.js" %}" type="text/javascript"></script>
 <script src="{% url telemeta-js "popupdiv-min.js" %}" type="text/javascript"></script>
@@ -92,11 +93,13 @@
     {% if item.file %}
     {% if public_access or user.is_staff or user.is_superuser %}
     <div id="player_maximized" class="ts-skin-lab">
+        <a href="#" class="embed_player_frame">&lt;/&gt;</a>
         <a href="#" class="toggle">Minimize</a>
         <div class="wazing"></div>
     </div>
     <div id="rightcol">
         <div id="player_minimized" class="ts-skin-lab">
+            <a href="#" class="embed_player_frame">&lt;/&gt;</a>
             <a href="#" class="toggle">Maximize</a>
             <div class="wazing"></div>
             <div id="player" class="ts-player">