mirror of https://github.com/sipwise/ngcp-csc.git
What was done:
1. Tooltip for toggle should say "Allow everything except..."/"Block
everything except..." depending on current value
2. Remove theme roller module from menu
3. Also fix tooltip for reminder module toggle button
Change-Id: Ia2435f6296d026afca4c7f1543b7f2eaa9e9cb72
changes/93/13993/3
Robert Axelsen
8 years ago
parent
b8d458bd2f
commit
68cf98a0bb
@ -1,15 +0,0 @@
|
|||||||
Ext.define('NgcpCsc.model.ThemeRoller', {
|
|
||||||
extend: 'Ext.data.Model',
|
|
||||||
|
|
||||||
fields: ['basecolor', 'fontcolor', 'bodybgcolor', 'fontfamily', 'fontweight', 'fontsize'],
|
|
||||||
|
|
||||||
proxy: {
|
|
||||||
type: 'ajax',
|
|
||||||
url: '/resources/data/themeroller.json',
|
|
||||||
autoLoad: true,
|
|
||||||
reader: {
|
|
||||||
type: 'json',
|
|
||||||
rootProperty: 'data'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
@ -1,176 +0,0 @@
|
|||||||
Ext.define('NgcpCsc.view.pages.themeroller.ThemeRoller', {
|
|
||||||
extend: 'Ext.form.Panel',
|
|
||||||
|
|
||||||
xtype: 'themeroller',
|
|
||||||
|
|
||||||
viewModel: 'themeroller',
|
|
||||||
|
|
||||||
controller: 'themeroller',
|
|
||||||
|
|
||||||
items: [{
|
|
||||||
defaults: {
|
|
||||||
ui: 'core-container',
|
|
||||||
collapsible: true,
|
|
||||||
collapsed: false,
|
|
||||||
layout: 'responsivecolumn',
|
|
||||||
margin:10,
|
|
||||||
defaults:{
|
|
||||||
padding: 20
|
|
||||||
}
|
|
||||||
},
|
|
||||||
items: [{
|
|
||||||
title: Ngcp.csc.locales.themeroller.first_section_title[localStorage.getItem('languageSelected')],
|
|
||||||
items: [{
|
|
||||||
userCls: 'big-66 small-100',
|
|
||||||
items: [{
|
|
||||||
xtype: 'container',
|
|
||||||
defaults: {
|
|
||||||
width: '100%'
|
|
||||||
},
|
|
||||||
items: [{
|
|
||||||
xtype: 'colorfield',
|
|
||||||
fieldLabel: 'Base color',
|
|
||||||
bind: '{themeroller.basecolor}',
|
|
||||||
listeners: {
|
|
||||||
change: 'applyTheme'
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
xtype: 'colorselector',
|
|
||||||
hidden: true
|
|
||||||
}]
|
|
||||||
}, {
|
|
||||||
xtype: 'container',
|
|
||||||
defaults: {
|
|
||||||
width: '100%'
|
|
||||||
},
|
|
||||||
items: [{
|
|
||||||
xtype: 'colorfield',
|
|
||||||
fieldLabel: 'Font color',
|
|
||||||
bind: '{themeroller.fontcolor}',
|
|
||||||
listeners: {
|
|
||||||
change: 'applyTheme'
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
xtype: 'colorselector',
|
|
||||||
hidden: true
|
|
||||||
}]
|
|
||||||
}, {
|
|
||||||
xtype: 'container',
|
|
||||||
defaults: {
|
|
||||||
width: '100%'
|
|
||||||
},
|
|
||||||
items: [{
|
|
||||||
xtype: 'colorfield',
|
|
||||||
fieldLabel: 'Body bgcolor',
|
|
||||||
bind: '{themeroller.bodybgcolor}',
|
|
||||||
listeners: {
|
|
||||||
change: 'applyTheme'
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
xtype: 'colorselector',
|
|
||||||
hidden: true
|
|
||||||
}]
|
|
||||||
}, {
|
|
||||||
layout: 'hbox',
|
|
||||||
margin: '10 0 0 0',
|
|
||||||
defaults: {
|
|
||||||
xtype: 'button',
|
|
||||||
flex: 1
|
|
||||||
},
|
|
||||||
items: [{
|
|
||||||
text: 'reset',
|
|
||||||
handler: 'resetTheme',
|
|
||||||
margin: '0 5 0 0'
|
|
||||||
}, {
|
|
||||||
text: 'save',
|
|
||||||
handler: 'saveTheme'
|
|
||||||
}]
|
|
||||||
}]
|
|
||||||
}]
|
|
||||||
}, {
|
|
||||||
title: Ngcp.csc.locales.themeroller.second_section_title[localStorage.getItem('languageSelected')],
|
|
||||||
items: [{
|
|
||||||
userCls: 'big-66 small-100',
|
|
||||||
defaults: {
|
|
||||||
width: '100%',
|
|
||||||
listeners: {
|
|
||||||
change: 'applyTheme'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
items: [{
|
|
||||||
xtype: 'textfield',
|
|
||||||
fieldLabel: Ngcp.csc.locales.themeroller.font_family[localStorage.getItem('languageSelected')],
|
|
||||||
bind: '{themeroller.fontfamily}'
|
|
||||||
}, {
|
|
||||||
xtype: 'combo',
|
|
||||||
fieldLabel: Ngcp.csc.locales.themeroller.font_weight[localStorage.getItem('languageSelected')],
|
|
||||||
bind: '{themeroller.fontweight}',
|
|
||||||
editable: false,
|
|
||||||
// left inline until new specs regardng themeroller
|
|
||||||
store: Ext.create('Ext.data.Store', {
|
|
||||||
fields: ['id'],
|
|
||||||
data: [{
|
|
||||||
"id": "normal"
|
|
||||||
}, {
|
|
||||||
"id": "bold"
|
|
||||||
}]
|
|
||||||
}),
|
|
||||||
valueField: 'id',
|
|
||||||
displayField: 'id'
|
|
||||||
}, {
|
|
||||||
xtype: 'numberfield',
|
|
||||||
minValue: 6,
|
|
||||||
editable: false,
|
|
||||||
bind: '{themeroller.fontsize}',
|
|
||||||
fieldLabel: Ngcp.csc.locales.themeroller.font_size[localStorage.getItem('languageSelected')]
|
|
||||||
}, {
|
|
||||||
layout: 'hbox',
|
|
||||||
margin: '10 0 0 0',
|
|
||||||
defaults: {
|
|
||||||
xtype: 'button',
|
|
||||||
flex: 1
|
|
||||||
},
|
|
||||||
items: [{
|
|
||||||
text: 'reset',
|
|
||||||
handler: 'resetTheme',
|
|
||||||
margin: '0 5 0 0'
|
|
||||||
}, {
|
|
||||||
text: 'save',
|
|
||||||
handler: 'saveTheme'
|
|
||||||
}]
|
|
||||||
}]
|
|
||||||
}]
|
|
||||||
}, {
|
|
||||||
title: Ngcp.csc.locales.themeroller.third_section_title[localStorage.getItem('languageSelected')],
|
|
||||||
items: [{
|
|
||||||
userCls: 'big-66 small-100',
|
|
||||||
defaults: {
|
|
||||||
width: '100%'
|
|
||||||
},
|
|
||||||
items: [{
|
|
||||||
xtype: 'filefield',
|
|
||||||
fieldLabel: Ngcp.csc.locales.themeroller.logo[localStorage.getItem('languageSelected')],
|
|
||||||
reference: 'logoField',
|
|
||||||
listeners: {
|
|
||||||
change: 'toggleLogo'
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
layout: 'hbox',
|
|
||||||
margin: '10 0 0 0',
|
|
||||||
defaults: {
|
|
||||||
xtype: 'button',
|
|
||||||
flex: 1
|
|
||||||
},
|
|
||||||
items: [{
|
|
||||||
text: 'reset',
|
|
||||||
handler: 'resetTheme',
|
|
||||||
margin: '0 5 0 0'
|
|
||||||
}, {
|
|
||||||
text: 'save',
|
|
||||||
handler: 'saveTheme'
|
|
||||||
}]
|
|
||||||
}]
|
|
||||||
}]
|
|
||||||
}]
|
|
||||||
}]
|
|
||||||
});
|
|
||||||
@ -1,66 +0,0 @@
|
|||||||
Ext.define('NgcpCsc.view.pages.themeroller.ThemeRollerController', {
|
|
||||||
extend: 'Ext.app.ViewController',
|
|
||||||
|
|
||||||
alias: 'controller.themeroller',
|
|
||||||
|
|
||||||
applyTheme: function() {
|
|
||||||
var vm = this.getViewModel();
|
|
||||||
// defer is needed because binding is slower than change listener callback
|
|
||||||
Ext.Function.defer(function() {
|
|
||||||
Fashion.css.setVariables({
|
|
||||||
'base-color': '#' + vm.get('basecolor'),
|
|
||||||
'color': '#' + vm.get('fontcolor'),
|
|
||||||
'body-background-color': '#' + vm.get('bodybgcolor'),
|
|
||||||
'font-family': vm.get('fontfamily'),
|
|
||||||
'font-weight': vm.get('fontweight'),
|
|
||||||
'font-size': vm.get('fontsize') + 'px',
|
|
||||||
'form-field-font-size': vm.get('fontsize') + 'px'
|
|
||||||
});
|
|
||||||
this.getView().updateLayout()
|
|
||||||
}, 300, this);
|
|
||||||
},
|
|
||||||
|
|
||||||
resetTheme: function() {
|
|
||||||
var vm = this.getViewModel();
|
|
||||||
var logoCont = Ext.getCmp('logoContainer');
|
|
||||||
var logoField = this.lookupReference('logoField');
|
|
||||||
|
|
||||||
// TODO use model and model.reset()
|
|
||||||
vm.setData({
|
|
||||||
basecolor: '66A648',
|
|
||||||
fontcolor: '000',
|
|
||||||
bodybgcolor: 'fff',
|
|
||||||
fontfamily: 'Open Sans, Helvetica Neue',
|
|
||||||
fontweight: 'normal',
|
|
||||||
fontsize: '13'
|
|
||||||
});
|
|
||||||
|
|
||||||
logoCont.removeAll();
|
|
||||||
logoField.reset();
|
|
||||||
this.applyTheme();
|
|
||||||
},
|
|
||||||
|
|
||||||
toggleLogo: function(field) {
|
|
||||||
|
|
||||||
var logoCont = Ext.getCmp('logoContainer');
|
|
||||||
|
|
||||||
if (field && field.getValue()) {
|
|
||||||
var reader = new FileReader();
|
|
||||||
var file = field.getEl().down('input[type=file]').dom.files[0];
|
|
||||||
|
|
||||||
reader.onload = function(e) {
|
|
||||||
logoCont.removeAll();
|
|
||||||
logoCont.add(Ext.create('Ext.Img', {
|
|
||||||
src: e.target.result
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
|
|
||||||
reader.readAsDataURL(file);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
saveTheme: function() {
|
|
||||||
this.fireEvent('showmessage', true, Ngcp.csc.locales.common.save_success[localStorage.getItem('languageSelected')]);
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
@ -1,11 +0,0 @@
|
|||||||
Ext.define('NgcpCsc.view.pages.themeroller.ThemeRollerModel', {
|
|
||||||
extend: 'Ext.app.ViewModel',
|
|
||||||
alias: 'viewmodel.themeroller',
|
|
||||||
|
|
||||||
links: {
|
|
||||||
themeroller:{
|
|
||||||
type: 'NgcpCsc.model.ThemeRoller',
|
|
||||||
id: Ext.id()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
{
|
|
||||||
"data": {
|
|
||||||
"basecolor": "66A648",
|
|
||||||
"fontcolor": "000",
|
|
||||||
"bodybgcolor": "fff",
|
|
||||||
"fontfamily": "Open Sans, Helvetica Neue",
|
|
||||||
"fontweight": "normal",
|
|
||||||
"fontsize": "13"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in new issue