Untitled

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Můj příkazo_generátor</title>
</head>

<script type="text/javascript">

	var playlistState = true;	//	default value
	var ignoreState = true;	//	default value
	var dontcheckState = false;	//	default value


/*
	var %name%State = false;	//	default value
*/

	function now() {

		var playlistButton = document.getElementById("playlistButton");
		var playlistLabel  = document.getElementById("playlistLabel");

		var ignoreButton = document.getElementById("ignoreButton");
		var ignoreLabel  = document.getElementById("ignoreLabel");

		var dontcheckButton = document.getElementById("dontcheckButton");
		var dontcheckLabel  = document.getElementById("dontcheckLabel");

/*
		var %name%Button = document.getElementById("%name%Button");
		var %name%Label  = document.getElementById("%name%Label");
*/
		playlistButton.onclick = function() {playlistButtonClicked()};
		ignoreButton.onclick = function() {ignoreButtonClicked()};
		dontcheckButton.onclick = function() {dontcheckButtonClicked()};


/*
		%name%Button.onclick = function() {%name%ButtonClicked()};
*/

		function playlistButtonClicked() {
			if(playlistState == true){
				playlistState = false;
			}
			else{
				playlistState = true;
			}
			setPlaylist();
		}

		function ignoreButtonClicked() {
			if(ignoreState == true){
				ignoreState = false;
			}
			else{
				ignoreState = true;
			}
			setIgnore();
		}

		function dontcheckButtonClicked() {
			if(dontcheckState == true){
				dontcheckState = false;
			}
			else{
				dontcheckState = true;
			}
			setdontcheck();
		}

/*
		function %name%ButtonClicked() {
			if(%name%State == true){
				%name%State = false;
			}
			else{
				%name%State = true;
			}
			set%name%();
		}
*/
		setPlaylist();
		setIgnore();
		setdontcheck();

/*
		set%name%();
*/

	}

	function setPlaylist() {
		if(!playlistState){
			playlistLabel.innerHTML = "NO";
			playlistLabel.style.backgroundColor = "red";
		}
		else{
			playlistLabel.innerHTML = "YES";
			playlistLabel.style.backgroundColor = "green";
		}
	}

	function setIgnore() {
		if(!ignoreState){
			ignoreLabel.innerHTML = "NO";
			ignoreLabel.style.backgroundColor = "red";
		}
		else{
			ignoreLabel.innerHTML = "YES";
			ignoreLabel.style.backgroundColor = "green";
		}
	}

	function setdontcheck() {
		if(!dontcheckState){
			dontcheckLabel.innerHTML = "NO";
			dontcheckLabel.style.backgroundColor = "red";
		}
		else{
			dontcheckLabel.innerHTML = "YES";
			dontcheckLabel.style.backgroundColor = "green";
		}
	}

/*
	function set%name%() {
		if(!%name%State){
			%name%Label.innerHTML = "NO";
			%name%Label.style.backgroundColor = "red";
		}
		else{
			%name%Label.innerHTML = "YES";
			%name%Label.style.backgroundColor = "green";
		}
	}
*/

</script>

<style>

	.label {

		border: 1px solid black;
		border-radius: 3px;

		padding: 5px 10px;

		display: inline-block;
		background-color: green;
		text-transform: uppercase;
		text-align: center;
		width: 40px;

	}

	button {
		width: 108px;
		height: 30px;
	}

</style>

<body onload="now()">

	<p>
		URL: <input id="urlInput">
		<br>
	</p>

	<div> <!-- Zaškrtávátka -->
		<div>
			<button calss="button" id="playlistButton">Download playlist</button>
			<label class="label" id="playlistLabel"></label>
		</div>

		<div>
			<button calss="button" id="ignoreButton">Ignore errors</button>
			<label class="label" id="ignoreLabel"></label>
		</div>

		<div>
			<button calss="button" id="dontcheckButton">SSL Check</button>
			<label class="label" id="dontcheckLabel"></label>
		</div>

	<!--
		<div>
			<button calss="button" id="%name%Button">%jménotlačítka%</button>
			<label class="label" id="%name%Label"></label>
		</div>
	!-->
	</div>

</body>
</html>