118 lines
2.7 KiB
JavaScript
118 lines
2.7 KiB
JavaScript
/**
|
|
* Vvveb
|
|
*
|
|
* Copyright (C) 2021 Ziadin Givan
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as
|
|
* published by the Free Software Foundation, either version 3 of the
|
|
* License, or (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*
|
|
*/
|
|
|
|
|
|
|
|
import {ServerComponent} from '../server-component.js';
|
|
|
|
let template =
|
|
`<div data-v-component-language>
|
|
<form method="post" enctype="multipart/form-data" id="form-language">
|
|
|
|
Current language:
|
|
<a type="button">
|
|
<span class="d-none d-md-inline" data-v-language-info-name>English</span>
|
|
</a>
|
|
|
|
|
|
<div class="">
|
|
|
|
<div data-v-language>
|
|
<button class="dropdown-item" value="eng" name="language" data-v-language-code>
|
|
<!-- <i class="la la-flag la-lg me-2"></i> -->
|
|
<img src="" class="me-1" data-v-language-img>
|
|
<span data-v-language-name>English</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div data-v-language>
|
|
<button class="dropdown-item" value="ro" name="language" data-v-language-code>
|
|
<!-- <i class="la la-flag la-lg me-2"></i> -->
|
|
<img src="" class="me-1" data-v-language-img>
|
|
<span data-v-language-name>Romanian</span>
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
`;
|
|
|
|
class LanguageComponent extends ServerComponent{
|
|
constructor () {
|
|
super();
|
|
|
|
this.name = "Language";
|
|
this.attributes = ["data-v-component-languages"],
|
|
//this.userServerTemplate = true,
|
|
|
|
this.image ="icons/flag.svg";
|
|
this.html = template;
|
|
|
|
this.properties = [{
|
|
name: "Menu to display",
|
|
group:"automatic",
|
|
key: "order",
|
|
col:12,
|
|
inline:false,
|
|
htmlAttr:"data-v-language_id",
|
|
inputtype: SelectInput,
|
|
data: {
|
|
options: [{
|
|
value: "1",
|
|
text: "Default"
|
|
},{
|
|
value: "2",
|
|
text: "Date added 1"
|
|
},{
|
|
value: "3",
|
|
text: "Date added"
|
|
},{
|
|
value: "4",
|
|
text: "Date modified"
|
|
},{
|
|
value: "5",
|
|
text: "Sales"
|
|
}]
|
|
}
|
|
}];
|
|
}
|
|
|
|
|
|
init(node) {
|
|
document.querySelectorAll('.mb-2[data-group]').forEach((el, i) => {
|
|
el.classList.add("d-none");
|
|
});
|
|
|
|
let source = node.dataset.vSource;
|
|
if (!source) {
|
|
source = "automatic";
|
|
}
|
|
|
|
document.querySelectorAll('.mb-2[data-group="' + source + '"]').forEach(e => e.classList.remove("d-none"));
|
|
}
|
|
}
|
|
|
|
let languageComponent = new LanguageComponent;
|
|
|
|
export {
|
|
languageComponent
|
|
};
|