taiko-web/public/src/js/titlescreen.js

class Titlescreen{
	constructor(songId){
		this.songId = songId
		
		if(!songId){
			loader.changePage("titlescreen", false)
			
			this.titleScreen = document.getElementById("title-screen")
			this.proceed = document.getElementById("title-proceed")
			this.langDropdown = document.getElementById("lang-dropdown")
			this.langId = document.getElementById("lang-id")
			this.disclaimerText = document.getElementById("title-disclaimer-text")
			this.disclaimerCopyright = document.getElementById("title-disclaimer-copyright")
			document.getElementById("globe-path").setAttribute("d", vectors.globe)
			this.logo = new Logo()
		}
		this.lang = this.getLang()
		this.setLang(allStrings[this.lang], true)
		
		if(songId){
			if(localStorage.getItem("tutorial") === "true"){
				new SongSelect(false, false, this.touched, this.songId)
			}else{
				new Tutorial(false, this.songId)
			}
		}else{
			this.addLangs()
			
			pageEvents.keyAdd(this, "all", "down", this.keyDown.bind(this))
			pageEvents.add(this.titleScreen, ["mousedown", "touchstart"], this.onPressed.bind(this))
			pageEvents.add(this.langDropdown, "change", this.langChange.bind(this))
			
			assets.sounds["v_title"].play()
			this.gamepad = new Gamepad({
				"13": ["a", "b", "x", "y", "start", "ls", "rs"]
			}, pressed => {
				if(pressed){
					this.onPressed()
				}
			})
			if(p2.session){
				pageEvents.add(p2, "message", response => {
					if(response.type === "songsel"){
						this.goNext(true)
					}
				})
			}
			pageEvents.send("title-screen")
		}
	}
	
	keyDown(event, code){
		if(event && event.target === this.langDropdown){
			return
		}
		if(!code){
			code = event.keyCode
		}
		if(code == 13 || code == 32 || code == 70 || code == 74){
			// Enter, Space, F, J
			this.onPressed()
		}
	}
	onPressed(event){
		if(event){
			if(event.type === "touchstart"){
				event.preventDefault()
				this.touched = true
			}else if(event.type === "mousedown" && event.which !== 1){
				return
			}
		}
		this.titleScreen.style.cursor = "auto"
		this.clean()
		assets.sounds["se_don"].play()
		this.goNext()
	}
	goNext(fromP2){
		if(p2.session && !fromP2){
			p2.send("songsel")
		}else if(fromP2 || this.touched || localStorage.getItem("tutorial") === "true"){
			if(this.touched){
				localStorage.setItem("tutorial", "true")
			}
			pageEvents.remove(p2, "message")
			setTimeout(() => {
				new SongSelect(false, false, this.touched, this.songId)
			}, 500)
		}else{
			setTimeout(() => {
				new Tutorial(false, this.songId)
			}, 500)
		}
	}
	
	getLang(){
		if(localStorage.lang && localStorage.lang in allStrings){
			return localStorage.lang
		}
		if("languages" in navigator){
			var userLang = navigator.languages.slice()
			userLang.unshift(navigator.language)
			for(var i in userLang){
				for(var j in allStrings){
					if(allStrings[j].regex.test(userLang[i])){
						return j
					}
				}
			}
		}
		return "ja"
	}
	setLang(lang, initial){
		strings = lang
		
		loader.screen.style.fontFamily = strings.font
		loader.screen.style.fontWeight = strings.font === "Microsoft YaHei, sans-serif" ? "bold" : ""
		
		if(failedTests.length !== 0){
			showUnsupported(strings)
		}
		if(this.songId){
			return
		}
		this.proceed.innerText = strings.titleProceed
		this.proceed.setAttribute("alt", strings.titleProceed)
		this.langId.innerText = strings.id.toUpperCase()
		this.langId.setAttribute("alt", strings.id.toUpperCase())
		
		this.disclaimerText.innerText = strings.titleDisclaimer
		this.disclaimerText.setAttribute("alt", strings.titleDisclaimer)
		this.disclaimerCopyright.innerText = strings.titleCopyright
		this.disclaimerCopyright.setAttribute("alt", strings.titleCopyright)
		
		this.logo.updateSubtitle()
		if(!initial){
			pageEvents.send("language-change", lang.id)
		}
	}
	addLangs(){
		for(var i in allStrings){
			var option = document.createElement("option")
			option.value = i
			if(i === this.lang){
				option.selected = true
			}
			option.appendChild(document.createTextNode(allStrings[i].name))
			this.langDropdown.appendChild(option)
		}
	}
	langChange(){
		this.lang = this.langDropdown.value
		localStorage.lang = this.lang
		this.setLang(allStrings[this.lang])
	}
	
	clean(){
		this.gamepad.clean()
		this.logo.clean()
		assets.sounds["v_title"].stop()
		pageEvents.keyRemove(this, "all")
		pageEvents.remove(this.titleScreen, ["mousedown", "touchstart"])
		pageEvents.remove(this.langDropdown, "change")
		delete this.titleScreen
		delete this.proceed
		delete this.titleDisclaimer
		delete this.titleCopyright
		delete this.langDropdown
	}
}