index.html 9.01 KB
Newer Older
unknown's avatar
unknown committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14
<!--
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->
Claudio Valerio's avatar
Claudio Valerio committed
15
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
unknown's avatar
unknown committed
16
    "http://www.w3.org/TR/html4/loose.dtd">
Claudio Valerio's avatar
Claudio Valerio committed
17 18 19

<html>

unknown's avatar
unknown committed
20 21 22 23 24 25 26 27 28
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Video Picker</title>
        <link rel="stylesheet" type="text/css" href="css/main.css">
        <script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
        <script src="scripts/languages.js" type="text/javascript"></script>
        <script src="scripts/jquery.oembed.js" type="text/javascript"></script>
        <!--DEFAULT FR-->
    </head>
Claudio Valerio's avatar
Claudio Valerio committed
29

unknown's avatar
unknown committed
30 31
    <body>
        <script type="text/javascript">
Claudio Valerio's avatar
Claudio Valerio committed
32

unknown's avatar
unknown committed
33 34 35 36 37 38 39 40 41 42 43 44
            var oembedUrl = "";
            var lang = "en";
                
            if(window.sankore){
                try{
                    lang = sankore.locale().substr(0,2);
                    sankoreLang[lang].show;
                } catch(e){
                    lang = "en";
                }
            } else 
                lang = "en";
unknown's avatar
unknown committed
45
		
unknown's avatar
unknown committed
46 47 48 49
            function initialize() {
                if(window.sankore){
                    oembedUrl = window.sankore.preference("oembedUrl", "");
                }
unknown's avatar
unknown committed
50
			
unknown's avatar
unknown committed
51 52 53 54 55 56 57 58
                window.resizeTo(426, 630);
                if(oembedUrl.length > 0){
                    $("#textbox").val(oembedUrl);	
                    $("#search-button").trigger("click");
                }else{                    	
                    $("#embeded-content").load("locales/" + lang + "/howto.html"); // Welcome note with some explanations
                };
            };
Claudio Valerio's avatar
Claudio Valerio committed
59
		
unknown's avatar
unknown committed
60 61 62
            $(document).ready(function(){
                var resizer; // Timer
                var resizerIndex;
Claudio Valerio's avatar
Claudio Valerio committed
63
			
unknown's avatar
unknown committed
64
                resizerIndex = 0;
Claudio Valerio's avatar
Claudio Valerio committed
65
			
unknown's avatar
unknown committed
66 67
                $("#search-button")
                .click(function(){
68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87
                    if($("#textbox").val()){
                        window.resizeTo(385, 80);
                        $("#container").removeClass("welcome").removeClass("change").removeClass("error").addClass("load");
                        $("#container-shadow").hide();
                        $("#arrow").hide();
                        $("#embeded-content").css({
                            marginLeft:-9000,
                            marginTop:-9000
                        }).empty().oembed($("#textbox").val());					
                        checkcontent();
                    } else {
                        var sleepTime = 100;
                        var counter = 0;
                        var id = setInterval(function(){
                            $("#textbox").toggleClass("bordered1").toggleClass("bordered2");
                            counter ++;
                            if(counter == 10)
                                clearInterval(id);
                        }, sleepTime);
                    }
unknown's avatar
unknown committed
88 89 90 91 92 93 94 95 96
                })
                .mouseenter(function(){
                    $(this)
                    .addClass("over");
                })
                .mouseleave(function(){
                    $(this)
                    .removeClass("over");
                });
Claudio Valerio's avatar
Claudio Valerio committed
97
			
unknown's avatar
unknown committed
98 99 100 101 102
                $('#textbox').keypress(function(e){
                    if (e.which == 13){
                        $('#search-button').click();
                    };
                });
Claudio Valerio's avatar
Claudio Valerio committed
103
			
unknown's avatar
unknown committed
104 105 106 107 108 109 110 111 112 113 114 115 116 117 118
                $("#show-inputfield-button")
                .click(
                function(){
                    $("#show-area").fadeOut(0);
                    $("#inputfield").show();
                    $("#shadow").show();
                    $("#container").removeClass("show").addClass("change");
                    adaptWidgetSize(18, 88);
                })
                .mouseenter(function(){
                    $(this).addClass("over");
                })
                .mouseleave(function(){
                    $(this).removeClass("over");
                });
Claudio Valerio's avatar
Claudio Valerio committed
119
							
unknown's avatar
unknown committed
120 121 122 123 124 125 126
                function checkcontent(){
                    if($("#embeded-content").html().length != 0 && $("#embeded-content").children(":first").width() > 0){
                        $("#embeded-content embed").attr("wmode", "opaque");
                        var embeded_content_html = $("#embeded-content").html();
                        $("#embeded-content").empty().html(embeded_content_html);		
                        clearTimeout(resizer);
                        resizerIndex = 0;
Claudio Valerio's avatar
Claudio Valerio committed
127
															
unknown's avatar
unknown committed
128 129 130
                        if(window.sankore){
                            window.sankore.setPreference("oembedUrl", $("#textbox").val());
                        };
Claudio Valerio's avatar
Claudio Valerio committed
131
					
unknown's avatar
unknown committed
132 133 134 135 136 137 138 139 140 141 142 143 144
                        $("#inputfield").hide();
                        $("#shadow").hide();
                        $("#embeded-content").css({
                            marginLeft:0,
                            marginTop:0
                        })
                        .width($("#embeded-content").children(":first").width())
                        .height($("#embeded-content").children(":first").height());
                        $("#container").removeClass("load").addClass("show");
                        $("#show-area").fadeIn(2000).css({
                            left:$("#embeded-content").children(":first").width()-25,
                            top:($("#embeded-content").children(":first").height()-35)/2
                        });
Claudio Valerio's avatar
Claudio Valerio committed
145
										
146
                        adaptWidgetSize(3, 0);					
unknown's avatar
unknown committed
147 148
                        return false;
                    };
Claudio Valerio's avatar
Claudio Valerio committed
149
				
unknown's avatar
unknown committed
150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167
                    if(resizerIndex > 50){
                        resizerIndex = 0;
                        $("#container").removeClass("show").addClass("error");
                        $("#arrow").show();
                        $("#embeded-content").css({
                            marginTop:0,
                            marginLeft:0
                        }).width(395)
                        .load("locales/" + lang + "/error.html", 
                        function(){
                            adaptWidgetSize(20, 125);
                        });
                        $("#container-shadow").show();
                    }else{
                        resizer = setTimeout(function(){checkcontent()}, 100);
                        resizerIndex++;
                    };
                };
Claudio Valerio's avatar
Claudio Valerio committed
168
			
unknown's avatar
unknown committed
169 170 171 172 173 174 175 176 177
                function adaptWidgetSize(adjustmentX, adjustmentY){
                    var margins = {
                        top: cssToInt($("body").css("margin-top")), 
                        right: cssToInt($("body").css("margin-right")), 
                        bottom: cssToInt($("body").css("margin-bottom")),
                        left: cssToInt($("body").css("margin-left"))
                    };
                    var widgetWidth = $("#embeded-content").width() + margins.right + margins.left + adjustmentX;
                    var widgetHeight = $("#embeded-content").position().top + $("#embeded-content").height() + margins.bottom + adjustmentY;
Claudio Valerio's avatar
Claudio Valerio committed
178
				
unknown's avatar
unknown committed
179 180 181
                    window.resizeTo(widgetWidth, widgetHeight);
                    window.sankore.resize(widgetWidth, widgetHeight);
                };
Claudio Valerio's avatar
Claudio Valerio committed
182
				
unknown's avatar
unknown committed
183 184 185
                function cssToInt(cssvalue){
                    return(parseInt(cssvalue.replace("px", "")));
                };
Claudio Valerio's avatar
Claudio Valerio committed
186
			
unknown's avatar
unknown committed
187 188 189 190 191 192 193 194 195
                if (window.widget) {
                    window.widget.onremove = function(){
                        $("#embeded-content").empty();
                    }
                }
                $("#search-button").html(sankoreLang[lang].show);
                initialize();
            });
        </script>
196

unknown's avatar
unknown committed
197 198
        <div id="ubwidget">
            <div id="shadow"></div>
Claudio Valerio's avatar
Claudio Valerio committed
199

unknown's avatar
unknown committed
200
            <div id="inputfield">
201
                <input id="textbox" type="text" class="bordered2">
unknown's avatar
unknown committed
202 203
                <div id="search-button" class="button">Show</div>
            </div>
Claudio Valerio's avatar
Claudio Valerio committed
204

unknown's avatar
unknown committed
205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226
            <div id="container" class="welcome">
                <div id="arrow"><img src="imgs/arrow.png" alt="arrow-top"></div>

                <div id="show-container">
                    <div id="embeded-content"></div>

                    <div id="show-area">
                        <img id="show-inputfield-button" src="imgs/bts.png">
                    </div>
                </div>

                <table cellspacing="0" cellpadding="0" id="container-shadow">
                    <tr>
                        <td id="shadow-left"></td>
                        <td id="shadow-center">&nbsp;</td>
                        <td id="shadow-right"></td>
                    </tr>
                </table>
            </div>

        </div>
    </body>
Claudio Valerio's avatar
Claudio Valerio committed
227 228

</html>