ben/brouter-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Replace profile options/editor switch buttons with Bootstrap tabs

Browse source
This commit is contained in:
Norbert Renner 2019-11-11 19:22:38 +01:00
parent ef9cc7abe7
commit 21a8d8b5de
4 changed files with 94 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

25
js/control/Profile.js
View file

@ -7,13 +7,12 @@ BR.Profile = L.Evented.extend({
lineNumbers: true
});
var that = this;
L.DomUtil.get('profile_advanced').addEventListener('click', function() {
that._toggleAdvanced();
});
L.DomUtil.get('profile_basic').addEventListener('click', function() {
that._toggleAdvanced();
});
$('#profileEditorTabs a[data-toggle="tab"]').on(
'shown.bs.tab',
L.bind(function(e) {
this._activateSecondaryTab();
}, this)
);
L.DomUtil.get('save').onclick = L.bind(this._save, this);
L.DomUtil.get('upload').onclick = L.bind(this._upload, this);
@ -131,8 +130,8 @@ BR.Profile = L.Evented.extend({
});
},
_setValue: function(profileText) {
if (L.DomUtil.get('profile_editor').style.display == 'flex') {
_setValue: function(profileText, profileEditorActivated) {
if (L.DomUtil.get('profile_editor').classList.contains('active')) {
// Set value of the full editor and exit
this.editor.setValue(profileText);
this.editor.markClean();
@ -272,14 +271,10 @@ BR.Profile = L.Evented.extend({
});
},
_toggleAdvanced: function() {
if (L.DomUtil.get('profile_editor').style.display == 'flex') {
L.DomUtil.get('profile_params_container').style.display = 'initial';
L.DomUtil.get('profile_editor').style.display = 'none';
_activateSecondaryTab: function() {
if (L.DomUtil.get('profile_params_container').classList.contains('active')) {
this._setValue(this.editor.getValue());
} else {
L.DomUtil.get('profile_params_container').style.display = 'none';
L.DomUtil.get('profile_editor').style.display = 'flex';
this._setValue(this._buildCustomProfile());
}
}