Misterzym
/
Rambox-CE
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Форк Rambox
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1200 Commits
16 Branches
43 Tags
40 MiB
 
 
 
Tree: 63ef9554dd
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '63ef9554dd'
${ noResults }
Rambox-CE/app/view/add/Add.js

432 lines
16 KiB
Raw Blame History

Ext.define('Hamsket.view.add.Add',{
extend: 'Ext.window.Window'
,requires: [
'Hamsket.view.add.AddController'
,'Hamsket.view.add.AddModel'
]
,controller: 'add-add'
,viewModel: {
type: 'add-add'
}
// private
,record: null
,service: null
,edit: false
// defaults
,modal: true
,width: 500
,height: 800
,autoShow: true
,resizable: false
,draggable: false
,bodyPadding: 10
,initComponent() {
const me = this;
me.title = `${(!me.edit ? locale['app.window[0]'] : locale['app.window[1]'])} ${Ext.String.htmlEncode(me.record.get('name'))}`;
me.icon = me.record.get('type') === 'custom' ? (!me.edit ? 'resources/icons/custom.png' : (me.record.get('logo') === '' ? 'resources/icons/custom.png' : me.record.get('logo'))) : 'resources/icons/'+me.record.get('logo');
me.items = [
{
xtype: 'form'
,items: [
{
xtype: 'textfield'
,fieldLabel: locale['app.window[2]']
,labelWidth: 40
,value: me.record.get('type') === 'custom' ? (me.edit ? Ext.String.htmlEncode(me.record.get('name')) : '') : Ext.String.htmlEncode(me.record.get('name'))
,name: 'serviceName'
,allowBlank: true
,listeners: { specialkey: 'onEnter' }
}
,{
xtype: 'container'
,layout: 'hbox'
,hidden: me.edit ? me.service.get('url').indexOf('___') === -1 && !me.service.get('custom_domain') : me.record.get('url').indexOf('___') === -1 && !me.record.get('custom_domain')
,items: [
{
xtype: 'label'
,text: locale['app.window[17]']+':'
,width: 45
}
,{
xtype: 'button'
,text: me.edit ? me.service.get('url').split('___')[0] : me.record.get('url').split('___')[0]
,style: 'border-top-right-radius:0;border-bottom-right-radius:0;'
,hidden: me.edit ? me.service.get('url').indexOf('___') === -1 ? true : me.service.get('type') === 'custom' || me.service.get('url') === '___' : me.record.get('url').indexOf('___') === -1 ? true : me.record.get('type') === 'custom' || me.record.get('url') === '___'
}
,{
xtype: 'textfield'
,name: 'url'
,value: me.edit && me.service.get('url').indexOf('___') >= 0 ? me.record.get('url').replace(me.service.get('url').split('___')[0], '').replace(me.service.get('url').split('___')[1], '') : (me.record.get('url').indexOf('___') === -1 ? me.record.get('url') : '')
,readOnly: me.edit ? (me.service.get('custom_domain') && me.service.get('url') === me.record.get('url') ? true : me.service.get('url').indexOf('___') === -1 && !me.service.get('custom_domain')) : me.record.get('url').indexOf('___') === -1 && me.record.get('custom_domain')
,allowBlank: false
,submitEmptyText: false
,emptyText: me.record.get('url') === '___' ? 'https://' : ''
,vtype: me.record.get('url') === '___' ? 'url' : ''
,listeners: { specialkey: 'onEnter' }
,flex: 1
}
,{
xtype: 'cycle'
,showText: true
,style: 'border-top-left-radius:0;border-bottom-left-radius:0;'
,hidden: me.edit ? me.service.get('type') === 'custom' || me.service.get('url') === '___' : me.record.get('type') === 'custom' || me.record.get('url') === '___'
,arrowVisible: me.edit ? (me.service.get('url').indexOf('___') >= 0 && !me.service.get('custom_domain') ? false : me.service.get('custom_domain')) : (me.record.get('url').indexOf('___') >= 0 && !me.record.get('custom_domain') ? false : me.record.get('custom_domain'))
,menu: {
items: [
{
text: me.edit ? (me.service.get('url').indexOf('___') === -1 ? 'Official Server' : Ext.String.endsWith(me.service.get('url'), '/') ? me.service.get('url').split('___')[1].slice(0, -1) : me.service.get('url').split('___')[1]) : (me.record.get('url').indexOf('___') === -1 ? 'Official Server' : Ext.String.endsWith(me.record.get('url'), '/') ? me.record.get('url').split('___')[1].slice(0, -1) : me.record.get('url').split('___')[1])
,checked: me.edit ? (me.service.get('custom_domain') && me.service.get('url') === me.record.get('url') ? true : Ext.String.endsWith(me.record.get('url'), me.service.get('url').split('___')[1])) : true
,disabled: me.edit ? me.service.get('url') === '___' : me.record.get('url') === '___'
}
,{
text: 'Custom Server'
,checked: me.edit ? (me.service.get('custom_domain') && me.service.get('url') === me.record.get('url') ? false : !Ext.String.endsWith(me.record.get('url'), me.service.get('url').split('___')[1])) : false
,custom: true
,disabled: me.edit ? !me.service.get('custom_domain') : !me.record.get('custom_domain')
}
]
}
// Fixes bug EXTJS-20094 for version Ext JS 5
,arrowHandler(cycleBtn, e) {
if ( !cycleBtn.arrowVisible ) cycleBtn.hideMenu();
}
,changeHandler(cycleBtn, activeItem) {
Ext.apply(cycleBtn.previousSibling(), {
emptyText: activeItem.custom ? 'https://' : ' '
,vtype: activeItem.custom ? 'url' : ''
});
cycleBtn.previousSibling().applyEmptyText();
cycleBtn.previousSibling().reset();
if ( me.edit && cycleBtn.nextSibling().originalValue !== '2' ) {
if (me.service.get('custom_domain') && !activeItem.custom) {
cycleBtn.previousSibling().reset();
} else {
cycleBtn.previousSibling().setValue('');
}
} else if ( me.edit && cycleBtn.nextSibling().originalValue === '2' ) {
if (me.service.get('custom_domain') && !activeItem.custom) {
cycleBtn.previousSibling().setValue( me.service.get('url').indexOf('___') === -1 && me.service.get('custom_domain') ? me.service.get('url') : '');
} else {
cycleBtn.previousSibling().reset();
}
} else if ( !me.edit && cycleBtn.nextSibling().originalValue === '1' ) {
if (activeItem.custom) {
cycleBtn.previousSibling().setValue('');
} else {
cycleBtn.previousSibling().reset();
}
}
cycleBtn.previousSibling().previousSibling().setHidden(activeItem.custom ? true : me.edit ? me.service.get('url').indexOf('___') === -1 ? true : me.service.get('type') === 'custom' || me.service.get('url') === '___' : me.record.get('url').indexOf('___') === -1 ? true : me.record.get('type') === 'custom' || me.record.get('url') === '___');
cycleBtn.previousSibling().setReadOnly( activeItem.custom ? false : (me.edit ? me.service.get('url').indexOf('___') === -1 : me.record.get('url').indexOf('___') === -1) );
cycleBtn.nextSibling().setValue( activeItem.custom ? 2 : 1 );
}
}
,{
xtype: 'hiddenfield'
,name: 'cycleValue'
,value: me.edit ? (me.service.get('custom_domain') && me.service.get('url') === me.record.get('url') ? 1 : (!Ext.String.endsWith(me.record.get('url'), me.service.get('url').split('___')[1]) ? 2 : 1)) : 1
}
]
}
,{
xtype: 'textfield'
,fieldLabel: locale['app.window[18]']
,emptyText: 'https://url.com/image.png'
,name: 'logo'
,vtype: me.record.get('type') === 'custom' ? 'url' : ''
,value: me.record.get('type') === 'custom' ? (me.edit ? me.record.get('logo') : '') : me.record.get('logo')
,allowBlank: true
,hidden: me.record.get('type') !== 'custom'
,labelWidth: 40
,margin: '5 0 0 0'
,listeners: { specialkey: 'onEnter' }
}
,{
xtype: 'fieldset'
,title: locale['app.window[3]']
,margin: '10 0 0 0'
,items: [
{
xtype: 'checkboxgroup'
,columns: 2
,items: [
{
xtype: 'checkbox'
,boxLabel: locale['app.window[4]']
,checked: me.edit ? (me.record.get('align') === 'right' ? true : false) : false
,name: 'align'
,uncheckedValue: 'left'
,inputValue: 'right'
}
,{
xtype: 'checkbox'
,boxLabel: locale['app.window[6]']
,name: 'muted'
,checked: me.edit ? me.record.get('muted') : false
,uncheckedValue: false
,inputValue: true
}
,{
xtype: 'checkbox'
,boxLabel: 'Show service name in Tab'
,name: 'tabname'
,checked: me.edit ? me.record.get('tabname') : true
,uncheckedValue: false
,inputValue: true
}
,{
xtype: 'checkbox'
,boxLabel: locale['app.window[5]']
,name: 'notifications'
,checked: me.edit ? me.record.get('notifications') : true
,uncheckedValue: false
,inputValue: true
}
,{
xtype: 'checkbox'
,boxLabel: "Use passive listeners"
,name: 'passive_event_listeners'
,checked: me.edit ? (me.record.get('passive_event_listeners') && me.service.get('passive_event_listeners')) : true
,uncheckedValue: false
,inputValue: true
,disabled: me.edit ? !me.service.get('passive_event_listeners') : true
}
,{
xtype: 'checkbox'
,boxLabel: "100ms timer granularity"
,name: 'slowed_timers'
,checked: me.edit ? (me.record.get('slowed_timers') && me.service.get('slowed_timers')) : true
,uncheckedValue: false
,inputValue: true
,disabled: me.edit ? !me.service.get('slowed_timers') : true
}
,{
xtype: 'checkbox'
,boxLabel: locale['app.window[19]']
,name: 'trust'
,hidden: me.record.get('type') !== 'custom'
,checked: me.edit ? me.record.get('trust') : false
,uncheckedValue: false
,inputValue: true
}
]
}
]
}
,{
xtype: 'fieldset'
,title: 'Unread counter'
,margin: '10 0 0 0'
,items: [
{
xtype: 'checkboxgroup'
,columns: 2
,items: [
{
xtype: 'checkbox',
boxLabel: 'Display tab unread counter',
name: 'displayTabUnreadCounter',
checked: me.edit ? me.record.get('displayTabUnreadCounter') : true,
uncheckedValue: false,
inputValue: true
},
{
xtype: 'checkbox',
boxLabel: 'Include in global unread counter',
name: 'includeInGlobalUnreadCounter',
checked: me.edit ? me.record.get('includeInGlobalUnreadCounter') : true,
uncheckedValue: false,
inputValue: true
}
]
}
]
}
,{
xtype: 'tabpanel'
,title: locale['app.window[7]']
,collapsible: true
,collapsed: true
,closable: false
,layout: 'hbox'
,margin: '10 0 0 0'
,items: [
{
xtype: 'fieldset'
,title: 'Code Injection'
,anchor: '100%'
,items: [
{
xtype: 'textarea'
,fieldLabel: 'Custom JS'
,allowBlank: true
,name: 'custom_js'
,value: me.edit ? me.record.get('custom_js') : ''
,anchor: '100%'
,height: 100
,labelWidth: 64
,fieldStyle: 'font-family: Consolas, Lucida Console, Monaco, monospace !important;'
},
{
xtype: 'checkbox'
,fieldLabel: 'Inject CSS via JS'
,name: 'custom_css_complex'
,value: me.edit ? me.record.get('custom_css_complex') : false
,inputValue: true
,uncheckedValue: false
,labelWidth: 64
},
{
xtype: 'textarea'
,fieldLabel: 'Custom CSS'
,allowBlank: true
,name: 'custom_css'
,value: me.edit ? me.record.get('custom_css') : ''
,anchor: '100%'
,height: 100
,labelWidth: 64
,fieldStyle: 'font-family: Consolas, Lucida Console, Monaco, monospace !important;'
},
{
xtype: 'textarea'
,fieldLabel: 'Custom badge update JS'
,allowBlank: true
,name: 'js_unread'
,value: me.edit ? me.record.get('js_unread') : ''
,anchor: '100%'
,height: 100
,labelWidth: 64
,fieldStyle: 'font-family: Consolas, Lucida Console, Monaco, monospace !important;'
}
]
},
{
xtype: 'fieldset'
,title: 'User Agent'
,anchor: '100%'
,margin: '10 0 0 0'
,items: [
{
xtype: 'combobox'
,fieldLabel: 'Override OS'
,name: 'os_override'
,anchor: '100%'
,value: me.edit ?
me.record.get('os_override') ? me.record.get('os_override') :
me.service.get('os_override') ? me.service.get('os_override') :
''
: me.record.get('os_override') ? me.record.get('os_override') :
''
,editable: false
,forceSelection: true
,queryMode: 'local'
,store: 'OS'
,displayField: 'label'
,valueField: 'platform'
,multiSelect: false
,listeners: {
select(form, selected, opts) {
if (selected.data.platform === '') {
const version_override = form.nextSibling('[name=chrome_version]').value;
version_override || form.nextSibling('[name=userAgent]').setDisabled(false);
} else {
form.nextSibling('[name=userAgent]').setDisabled(true);
}
}
}
},
{
xtype: 'textfield'
,fieldLabel: 'Override Chrome Version'
,name: 'chrome_version'
,anchor: '100%'
,value: me.edit ?
me.record.get('chrome_version') ? me.record.get('chrome_version') :
me.service.get('chrome_version') ? me.service.get('chrome_version') :
''
: me.record.get('chrome_version') ? me.record.get('chrome_version') :
''
,listeners: {
change(form, new_value, old_value, opts) {
if (new_value === '') {
const os_override = form.previousSibling('[name=os_override]').value;
os_override || form.nextSibling('[name=userAgent]').setDisabled(false);
} else {
form.nextSibling('[name=userAgent]').setDisabled(true);
}
}
}
},
{
xtype: 'textfield'
,fieldLabel: 'Default User Agent'
,name: 'defaultUserAgent'
,anchor: '100%'
,labelWidth: 64
,fieldStyle: 'font-family: Consolas, Lucida Console, Monaco, monospace !important;'
,value: me.edit ? me.service.get('userAgent') ? me.service.get('userAgent') :
'' :
''
,hidden: me.edit ? !me.service.get('userAgent') : true
,disabled: true
},
{
xtype: 'textfield'
,fieldLabel: 'Custom User Agent'
,name: 'userAgent'
,anchor: '100%'
,allowBlank: true
,labelWidth: 64
,fieldStyle: 'font-family: Consolas, Lucida Console, Monaco, monospace !important;'
,value: me.edit ? me.record.get('userAgent') : ''
,disabled: me.edit ? (me.record.get('os_override') || me.record.get('chrome_version')): false
}
]
}
]
}
,{
xtype: 'container'
,hidden: (me.edit ? Ext.getStore('ServicesList').getById(me.record.get('type')).get('note') === '' : me.record.get('note') === '')
,data: { note: (me.edit ? Ext.getStore('ServicesList').getById(me.record.get('type')).get('note') : me.record.get('note')) }
,margin: '10 0 0 0'
,style: 'background-color:#93CFE0;color:#053767;border-radius:6px;'
,tpl: [
'<i class="fa fa-info-circle" aria-hidden="true" style="font-size:40px;margin:20px;"></i>'
,'<span style="font-size: 15px;position: absolute;padding: 10px 10px 10px 0;">{note}</span>'
]
}
]
}
];
me.buttons = [
{
text: locale['button[1]']
,ui: 'decline'
,handler: 'doCancel'
}
,'->'
,{
text: me.title
,itemId: 'submit'
,handler: 'doSave'
}
];
this.callParent(this);
}
,listeners: {
show: 'onShow'
}
});