mirror of
https://github.com/pierre42100/ComunicWeb
synced 2024-12-26 02:48:51 +00:00
132 lines
2.3 KiB
JavaScript
132 lines
2.3 KiB
JavaScript
/**
|
|
* Language picker
|
|
*
|
|
* @author Pierre HUBERT
|
|
*/
|
|
|
|
ComunicWeb.components.langPicker = {
|
|
|
|
/**
|
|
* Show the language picker
|
|
*/
|
|
show: function(){
|
|
|
|
//Create a modal root
|
|
var modal = createElem2({
|
|
type: "div",
|
|
class: "modal modal-primary pick-language-modal"
|
|
});
|
|
|
|
var modalDialog = createElem2({
|
|
appendTo: modal,
|
|
type: "div",
|
|
class: "modal-dialog"
|
|
});
|
|
|
|
var modalContent = createElem2({
|
|
appendTo: modalDialog,
|
|
type: "div",
|
|
class: "modal-content",
|
|
});
|
|
|
|
//Modal header
|
|
var modalHeader = createElem2({
|
|
appendTo: modalContent,
|
|
type: "div",
|
|
class: "modal-header"
|
|
});
|
|
|
|
var closeModal = createElem2({
|
|
appendTo: modalHeader,
|
|
type: "button",
|
|
class: "close",
|
|
});
|
|
|
|
createElem2({
|
|
appendTo: closeModal,
|
|
type: "span",
|
|
innerHTML: "x"
|
|
});
|
|
|
|
var modalTitle = createElem2({
|
|
appendTo: modalHeader,
|
|
type: "h4",
|
|
class: "modal-title",
|
|
innerHTML: "Change the language"
|
|
});
|
|
|
|
//Modal body
|
|
var modalBody = createElem2({
|
|
appendTo: modalContent,
|
|
type: "div",
|
|
class: "modal-body",
|
|
});
|
|
|
|
//Display the list of languages
|
|
var langs = [
|
|
["fr", "Français"],
|
|
["en", "English"]
|
|
];
|
|
|
|
var buttons = [];
|
|
langs.forEach(function(lang){
|
|
|
|
const button = createElem2({
|
|
appendTo: modalBody,
|
|
type: "div",
|
|
class: "btn btn-default",
|
|
innerHTML: lang[1]
|
|
});
|
|
button.setAttribute("data-lang", lang[0]);
|
|
buttons.push(button);
|
|
|
|
add_space(modalBody);
|
|
|
|
});
|
|
|
|
//Modal footer
|
|
var modalFooter = createElem2({
|
|
appendTo: modalContent,
|
|
type: "div",
|
|
class: "modal-footer"
|
|
});
|
|
|
|
var cancelButton = createElem2({
|
|
appendTo: modalFooter,
|
|
type: "button",
|
|
class: "btn btn-default",
|
|
innerHTML: "Cancel"
|
|
});
|
|
|
|
|
|
var closeModal = function(){
|
|
//Close modal
|
|
$(modal).modal('hide');
|
|
emptyElem(modal);
|
|
modal.remove();
|
|
}
|
|
|
|
//Create the response function
|
|
var respond = function(){
|
|
|
|
//Close the modal
|
|
closeModal();
|
|
|
|
//Set the language
|
|
ComunicWeb.common.langs.setLang(this.getAttribute("data-lang"));
|
|
|
|
//Restart the app
|
|
ComunicWeb.common.system.reset();
|
|
}
|
|
buttons.forEach(function(btn){btn.onclick = respond;});
|
|
|
|
//Make the buttons live
|
|
cancelButton.onclick = closeModal;
|
|
closeModal.onclick = closeModal;
|
|
|
|
//Show the modal
|
|
$(modal).modal('show');
|
|
|
|
}
|
|
|
|
} |