From a6c8f68047557b036c2f5583e37374ccd43be879 Mon Sep 17 00:00:00 2001
From: j <0x006A@0x2620.org>
Date: Wed, 15 Feb 2012 11:56:41 +0530
Subject: [PATCH] pass in/out to embeded view

---
 static/js/embed/pandora.js       | 71 +++++++++++++++++++++-----------
 static/js/pandora/embedDialog.js | 18 ++++++--
 2 files changed, 62 insertions(+), 27 deletions(-)

diff --git a/static/js/embed/pandora.js b/static/js/embed/pandora.js
index 1c35d4d7..360f2cee 100755
--- a/static/js/embed/pandora.js
+++ b/static/js/embed/pandora.js
@@ -1,6 +1,6 @@
-/***
-    Pandora embed
-***/
+// vim: et:ts=4:sw=4:sts=4:ft=javascript
+'use strict';
+
 Ox.load('UI', {
     debug: false,
     hideScreen: false,
@@ -14,16 +14,15 @@ Ox.load('UI', {
                 site: data.site,
                 user: data.user.level == 'guest' ? Ox.clone(data.site.user) : data.user,
                 ui: {},
-                clip: function(item, inPoint, outPoint) {
-                    //Ox.print('!@#!@#!@#', inPoint, outPoint);
+                clip: function(options) {
                     var that = Ox.Element();
-                    pandora.api.get({id: item, keys: []}, function(result) {
+                    pandora.api.get({id: options.item, keys: []}, function(result) {
                         var video = {};
                         pandora.site.video.resolutions.forEach(function(resolution) {
                             video[resolution] = Ox.range(result.data.parts).map(function(i) {
                                 var part = (i + 1),
                                     prefix = pandora.site.site.videoprefix.replace('PART', part);
-                                return prefix + '/' + item + '/'
+                                return prefix + '/' + options.item + '/'
                                     + resolution + 'p' + part + '.' + pandora.user.videoFormat;
                             });
                         });
@@ -37,25 +36,27 @@ Ox.load('UI', {
                                 enableVolume: true,
                                 externalControls: false,
                                 height: document.height,
-                                'in': inPoint,
-                                out: outPoint,
-                                paused: true,
-                                position: inPoint,
-                                poster: '/' + item + '/' + '128p' + inPoint +'.jpg',
+                                'in': options['in'],
+                                out: options.out,
+                                paused: options.paused,
+                                position: options['in'],
+                                poster: '/' + options.item + '/' + '128p' + options['in'] +'.jpg',
                                 showMarkers: false,
                                 showMilliseconds: 0,
-                                timeline: '/' + item + '/' + 'timeline16p.png',
+                                timeline: '/' + options.item + '/' + 'timeline16p.png',
                                 title: result.data.title,
                                 video: video,
-                                width: document.width,
+                                width: document.width
                             })
                             .bindEvent({
                                 position: function(data) {
-                                    if(data.position<inPoint || data.position>outPoint) {
-                                        if(!pandora.player.options('paused'))
+                                    if(data.position<options['in']
+                                       || data.position > options.out) {
+                                        if(!pandora.player.options('paused')) {
                                             pandora.player.togglePaused();
+                                        }
                                         pandora.player.options({
-                                            position: inPoint,
+                                            position: options['in'],
                                         });
                                     }
                                 }
@@ -64,17 +65,39 @@ Ox.load('UI', {
                         Ox.UI.hideLoadingScreen();
                     });
                     return that;
-                },
+                }
             });
             Ox.extend(pandora.user, {
                 videoFormat: Ox.UI.getVideoFormat(pandora.site.video.formats)
             });
-            var item = document.location.pathname.split('/')[1],
-                inPoint = 10,
-                outPoint = 15;
-            pandora.ui.info = pandora.clip(item, inPoint, outPoint)
-                                     .css({width: '100%', height: '100%'})
-                                     .appendTo(document.body);
+
+            function parseQuery() {
+                var vars = window.location.search.length
+                        ? window.location.search.substring(1).split('&')
+                        : [],
+                    query = {
+                        item: window.location.pathname.substring(1).split('/')[0]
+                    },
+                    defaults = {
+                        view: 'video',
+                        'in': 0,
+                        out: 10,
+                        paused: true,
+                        item: ''
+                    };
+                vars.forEach(function(v) {
+                    v= v.split('=');
+                    query[v[0]] = decodeURIComponent(v[1]);
+                });
+                 
+                return Ox.extend({}, defaults, query);
+            }
+            var options = parseQuery();
+            if (options.view == 'video') {
+                pandora.ui.info = pandora.clip(options)
+                    .css({width: '100%', height: '100%'})
+                    .appendTo(document.body);
+            }
         }
     });
 });
diff --git a/static/js/pandora/embedDialog.js b/static/js/pandora/embedDialog.js
index 7fe4d47b..99667320 100644
--- a/static/js/pandora/embedDialog.js
+++ b/static/js/pandora/embedDialog.js
@@ -31,9 +31,21 @@ pandora.ui.embedDialog = function(data) {
         .bindEvent({
             close: function(data) {
             }
-        }),
-        url = document.location.origin + '/' + pandora.user.ui.item + '/embed';
+        });
+
+    data.view = 'video';
+
+    function constructUrl(data) {
+        var url = document.location.origin + '/' + pandora.user.ui.item + '/embed?',
+            query = [];
+        Ox.forEach(data, function(value, key) {
+            if(key[0] != '_') {
+                query.push(encodeURIComponent(key) + '=' + encodeURIComponent(value));
+            }
+        });
+        return url + query.join('&');
+    }
     content.html('To embed this video you need unicorns... or try this code:<br>');
-    content.append($('<textarea>').css({width:"100%", height:"100%"}).val('<iframe width="'+width+'" height="'+height+'" src="'+url+'" frameborder="0" allowfullscreen></iframe>'));
+    content.append($('<textarea>').css({width:"100%", height:"100%"}).val('<iframe width="'+width+'" height="'+height+'" src="'+constructUrl(data)+'" frameborder="0" allowfullscreen></iframe>'));
     return that;
 };