revert back to bootstrap

static/js/create.js

@@ -0,0 +1,109 @@
+window.onload = function () {
+	$('.dropdown li > a').click(function(e){
+		setDropdownButtonText(this.innerHTML, this.parentElement.parentElement.parentElement) //set the display-text to the selected value
+		fillDropdownByValue(this.innerHTML, $(".dropdown")["1"])
+	});
+	
+	customizeUploadButton()
+}
+
+function fillDropdownByValue(value, dropdownToFill) {
+	dropdownToFill.getElementsByClassName("text")[0].innerHTML = "Subcategory"
+	var dropdownToFillUl = dropdownToFill.getElementsByClassName("dropdown-menu")[0]
+	dropdownToFillUl.innerHTML = ""
+
+	subCategory = getDescriptorByLocalString("english", value)
+	catList = document.getElementById("subcategory_list")
+	catList.innerHTML = ""
+	categories = global_categories[subCategory].sort()
+	for(var key in categories) {
+		var newEntry = document.createElement("li")
+		var newEntryLink = document.createElement("a")
+		newEntry.setAttribute("role", "presentation")
+		newEntryLink.setAttribute("role", "menuitem")
+		newEntryLink.tabIndex = -1
+		newEntryLink.href = "#"
+		newEntryLink.innerHTML = getLocalString("english", categories[key])
+		newEntryLink.onclick = function(){ setDropdownButtonText(this.innerHTML, this.parentElement.parentElement.parentElement) }
+		newEntry.appendChild(newEntryLink)
+		dropdownToFillUl.appendChild(newEntry)
+	}
+}
+
+function setDropdownButtonText(text, dropdownButton) {
+	var dropdownTextSpan = dropdownButton.getElementsByClassName("text")[0]
+	dropdownTextSpan.innerHTML = text
+}
+
+function sortCategories(categories) {
+	var sortedCategories = []
+	for(var key in categories) {
+		sortedCategories.push(key)
+	}
+	sortedCategories.sort()
+	return sortedCategories
+}
+
+function fillDropdownByValue(value, dropdownToFill) {
+	dropdownToFill.getElementsByTagName("button")[0].disabled = false
+	dropdownToFill.getElementsByClassName("text")[0].innerHTML = "Subcategorie"
+	var dropdownToFillUl = dropdownToFill.getElementsByClassName("dropdown-menu")[0]
+	dropdownToFillUl.innerHTML = ""
+	switch(value) {
+		case "Action":
+			for(i = 0; i < 10; i++) {
+				// <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
+				var newEntry = document.createElement("li")
+				var newEntryLink = document.createElement("a")
+				newEntry.setAttribute("role", "presentation")
+				newEntryLink.setAttribute("role", "menuitem")
+				newEntryLink.tabIndex = -1
+				newEntryLink.href = "#"
+				newEntryLink.innerHTML = "foo" + i
+				newEntryLink.onclick = function(){ setDropdownButtonText(this.innerHTML, this.parentElement.parentElement.parentElement) }
+				newEntry.appendChild(newEntryLink)
+				dropdownToFillUl.appendChild(newEntry)
+			}
+			break;
+		case "Another action":
+			for(i = 0; i < 10; i++) {
+				// <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
+				var newEntry = document.createElement("li")
+				var newEntryLink = document.createElement("a")
+				newEntry.setAttribute("role", "presentation")
+				newEntryLink.setAttribute("role", "menuitem")
+				newEntryLink.tabIndex = -1
+				newEntryLink.href = "#"
+				newEntryLink.innerHTML = "bar" + i
+				newEntryLink.onclick = function(){ setDropdownButtonText(this.innerHTML, this.parentElement.parentElement.parentElement) }
+				newEntry.appendChild(newEntryLink)
+				dropdownToFillUl.appendChild(newEntry)
+			}
+			break;
+	}
+}
+
+function customizeUploadButton() {
+	$(".tfile").before('<button id="button-file" type="button" class="btn btn-default"><span class="text">Upload...</span><span class="glyphicon glyphicon-open-file" aria-hidden="true"></span></button>');
+	$(".tfile").hide();
+	$('body').on('click', '#button-file', function() {
+			$(".tfile").trigger('click');
+	});
+}
+
+function setButtonToFilename(event) {
+	$("input[name='Datei']").each(function() {
+		var fileName = $(this).val().split('/').pop().split('\\').pop();
+		console.log(event["target"]);
+		targetInput = event["target"]
+		button = targetInput.previousSibling.getElementsByClassName("text")[0]
+		button.innerHTML = fileName
+	});
+}
+
+function setDropdownButtonText(text, dropdownButton) {
+	var dropdownTextSpan = dropdownButton.getElementsByClassName("text")[0]
+	dropdownTextSpan.innerHTML = text
+}
+
+customizeUploadButton()

static/js/main.js

@@ -0,0 +1,16 @@
+function getLocalString(language, descriptor){
+	if(global_strings[language]){
+		return global_strings[language][descriptor] || global_strings["english"][descriptor] || descriptor
+	} else {
+		return descriptor
+	}
+}
+
+function getDescriptorByLocalString(language, localString){
+	for(string in global_strings[language]){
+		if(global_strings[language][string] == localString){
+			return string
+		}
+	}
+	return localString
+}