src/js/widgets/playerWidget.js
branchpopcorn-port
changeset 261 7e7a44d82a81
parent 255 af3adcf7cb20
child 295 be44f374549e
equal deleted inserted replaced
260:6603758fe69b 261:7e7a44d82a81
    10 IriSP.PlayerWidget.prototype.draw = function() {
    10 IriSP.PlayerWidget.prototype.draw = function() {
    11   var self = this;
    11   var self = this;
    12   var width = this.width;
    12   var width = this.width;
    13 	var height = this.height;
    13 	var height = this.height;
    14 	var heightS = this.height-20;
    14 	var heightS = this.height-20;
    15 	
    15 	  
    16   var searchBox = Mustache.to_html(IriSP.search_template);
       
    17   this.selector.append(searchBox);
       
    18   
       
    19 	var Player_templ = Mustache.to_html(IriSP.player_template, {"share_template" : IriSP.share_template});
    16 	var Player_templ = Mustache.to_html(IriSP.player_template, {"share_template" : IriSP.share_template});
    20   this.selector.append(Player_templ);		
    17   this.selector.append(Player_templ);		
    21     
    18     
    22 	this.selector.children(".Ldt-controler").width(width - 10);
    19 	this.selector.children(".Ldt-controler").width(width - 10);
    23 	  		
    20 	  		
    56     },
    53     },
    57      text: false
    54      text: false
    58   }).click(function() { self.muteHandler.call(self); } );
    55   }).click(function() { self.muteHandler.call(self); } );
    59 
    56 
    60   this.selector.find(".ldt-CtrlPlay").attr( "style", "background-color:#CD21C24;" );
    57   this.selector.find(".ldt-CtrlPlay").attr( "style", "background-color:#CD21C24;" );
       
    58   
       
    59   var searchButtonPos = this.selector.find(".ldt-CtrlSearch").position();
       
    60   var searchBox = Mustache.to_html(IriSP.search_template, {margin_left : searchButtonPos.left + "px"});
       
    61   this.selector.append(searchBox);
       
    62   
    61 };
    63 };
    62 
    64 
    63 /* Update the elasped time div */
    65 /* Update the elasped time div */
    64 IriSP.PlayerWidget.prototype.timeDisplayUpdater = function() {
    66 IriSP.PlayerWidget.prototype.timeDisplayUpdater = function() {
    65   
    67   
   126 
   128 
   127 IriSP.PlayerWidget.prototype.searchButtonHandler = function() {
   129 IriSP.PlayerWidget.prototype.searchButtonHandler = function() {
   128     var self = this;
   130     var self = this;
   129 
   131 
   130     /* show the search field if it is not shown */
   132     /* show the search field if it is not shown */
   131   	if ( this._searchBlockOpen == false ) {
   133   	if ( this._searchBlockOpen == false ) {      
   132       this.selector.find( ".ui-icon-search" ).css( "background-position", "-144px -112px" );
   134       this.selector.find( ".ui-icon-search" ).css( "background-position", "-144px -112px" );
   133       
   135       
   134       this.selector.find(".LdtSearch").show(100);
   136       this.selector.find(".LdtSearch").show(100);
   135       
   137       
   136       this.selector.find(".LdtSearchInput").css('background-color','#fff');
   138       this.selector.find(".LdtSearchInput").css('background-color','#fff');