taiko-web/src/js/scoresheet.js

function Scoresheet(controller, score){
    
    var _this = this;
    var _score = score;
    var _mark;
	
	this.setResults = function(){
		
		if(_score.hp==100)
        _mark="double-gold";
    else if(_score.hp>=90 && _score.hp<100)
        _mark="gold";
    else if(_score.hp>=70 && _score.hp<90)
        _mark="silver";
		
		var imgW = (_score.hp*$("#score-hp-bar-colour").width())/100;
		$("#score-hp-bar-colour img").css("clip", "rect(0, "+imgW+"px, "+$("#score-hp-bar-colour").height()+"px, 0)");
		
		if(_mark=="double-gold") $("#score-mark").attr("src", $("#ranking-X").attr("src"));
		else if(_mark=="gold") $("#score-mark").attr("src", $("#ranking-S").attr("src"));
		else $("#score-mark").remove();
		
		$("#score-points").html(_score.points+"点");
		$("#nb-great").html(_score.great);
		$("#nb-good").html(_score.good);
		$("#nb-fail").html(_score.fail);
		$("#max-combo").html(_score.maxCombo);

		$('.result-song').attr('alt', _score.song).html(_score.song);
		
	}
	
	this.positionning = function(){
		
		$("#score-cont").css("top", $("#result-bar").height()/2 - ($("#score-cont").height()/2));
		
		var markSize = 0.1*$("#score-cont").width();
		var markX = $("#score-cont").offset().left - markSize - (0.5*markSize);
		var markY = $("#score-cont").offset().top;
		
		$("#score-mark").width(markSize);
		$("#score-mark").height(markSize);
		$("#score-mark").css("left", markX);
		$("#score-mark").css("top", markY);
		
		var scoreBarW = 0.9*$("#score-cont").width();

		$("#score-hp-bar-bg").width(scoreBarW);
		$("#score-hp-bar-bg").height((51/703)*scoreBarW);
		
		var bgW = $("#score-hp-bar-bg").width();
		var bgH = $("#score-hp-bar-bg").height();
		var bgX = $("#score-hp-bar-bg").position().left;
		var bgY = $("#score-hp-bar-bg").position().top;
		
		$("#score-hp-bar-colour").css("left", bgX+(0.008*bgW));
		$("#score-hp-bar-colour").css("top", bgY+(0.15*bgH));
		$("#score-hp-bar-colour").width(bgW-(0.08*bgW));
		$("#score-hp-bar-colour").height(bgH-(0.25*bgH));
		
		$("#score-details").css("top", bgY+bgH+(bgH));

		var barY = $("#result-bar").position().top;
		var barH = $("#result-bar").height();
		
		var bottomY = barY+barH+15;
		var bottomH = $(window).height()-bottomY;
		
		$("#bottom-part").css("top", bottomY);
		$("#bottom-part").height(bottomH);
		
		
	}
	
    this.run = function(){
        assets.sounds["results"].play();

    	assets.sounds["bgm_results"].volume = 1;
        assets.sounds["bgm_results"].play();

		_this.positionning();
		_this.setResults();
		
        $("#song-select").click(function(){
        	assets.sounds["don"].play();
        	assets.sounds["bgm_results"].pause();
        	assets.sounds["bgm_results"].currentTime = 0;
            controller.songSelection();
        });
        
        $("#replay").click(function(){
        	assets.sounds["don"].play();
        	assets.sounds["bgm_results"].pause();
        	assets.sounds["bgm_results"].currentTime = 0;
            controller.restartSong();
        });
		
		$(window).resize(_this.positionning);
		
    }
	
	$("#screen").load("/src/views/scoresheet.html", _this.run);
    
}