26 changed files with 849 additions and 9271 deletions
@ -0,0 +1,126 @@
|
||||
import { model, Model } from '@core/core'; |
||||
import { ConnectionJDBC } from '../../../../crud/crud.typings'; |
||||
import { getJdbcDatabaseType } from '../../../../app.service'; |
||||
import { ApiFactory } from '../../../../crud/apiFactory'; |
||||
|
||||
const api = new ApiFactory().create(); |
||||
|
||||
@model() |
||||
export class DriverSelectorModel extends Model { |
||||
static xtype = 'dec.dcm.model.maintain.form.jdbc.driver_selector'; |
||||
|
||||
state = () => { |
||||
const defaultDrivers = this.getDrivers(); |
||||
const [driverSource, selectedDriver] = this.resolveSelectedDriverType(); |
||||
|
||||
return { |
||||
defaultDrivers, |
||||
driverSource, |
||||
selectedDriverType: driverSource === '' ? 'default' : 'custom', |
||||
customDrivers: [], |
||||
defaultDriver: { |
||||
driver: driverSource === '' ? selectedDriver : '', |
||||
}, |
||||
customDriver: { |
||||
driver: driverSource !== '' ? selectedDriver : '', |
||||
value: driverSource !== '' ? `${this.options.driver} (${driverSource})` : '', |
||||
}, |
||||
}; |
||||
}; |
||||
|
||||
computed = { |
||||
driverClassItems: () => this.model.customDrivers.map(driver => { |
||||
return { |
||||
text: `${driver.driverClass} (${driver.name})`, |
||||
value: `${driver.driverClass} (${driver.name})`, |
||||
driverClass: driver.driverClass, |
||||
}; |
||||
}), |
||||
|
||||
driverTypeComboValue: () => this.model.driverSource === '' ? 'default' : 'custom', |
||||
|
||||
driverManageEntryVisible: () => this.model.selectedDriverType === 'custom' && BI.Services.getService('dec.service.global').isAdmin(), |
||||
}; |
||||
|
||||
actions = { |
||||
initDriverClassList: cb => { |
||||
|
||||
api.getSimpleDriverList().then(res => { |
||||
this.model.customDrivers = res.data.filter(driver => { |
||||
return BI.isKey(driver.driverClass); |
||||
}); |
||||
cb(); |
||||
}); |
||||
}, |
||||
|
||||
changeDefaultDriver: driver => { |
||||
this.model.defaultDriver.driver = driver; |
||||
this.model.driverSource = ''; |
||||
}, |
||||
|
||||
changeCustomDriver: value => { |
||||
|
||||
const item = this.model.driverClassItems.find(item => { |
||||
return item.value === value; |
||||
}); |
||||
const driver = item.driverClass; |
||||
this.model.customDriver.driver = driver; |
||||
|
||||
this.model.customDrivers.some(customDriver => { |
||||
if (customDriver.driverClass === driver) { |
||||
this.model.driverSource = customDriver.name; |
||||
this.model.customDriver.value = `${driver} (${customDriver.name})`; |
||||
|
||||
return true; |
||||
} |
||||
|
||||
return false; |
||||
}); |
||||
}, |
||||
|
||||
changeSelectedDriverType: driverTypeComboValue => { |
||||
this.model.selectedDriverType = driverTypeComboValue; |
||||
this.model.driverSource = driverTypeComboValue === 'default' ? '' : this.model.driverSource; |
||||
}, |
||||
|
||||
changeDriverSource: driverTypeComboValue => { |
||||
this.model.driverSource = driverTypeComboValue === 'default' ? '' : this.model.driverSource; |
||||
}, |
||||
}; |
||||
|
||||
private resolveSelectedDriverType = () => { |
||||
if (BI.isNotEmptyString(this.options.driverSource)) { |
||||
return [this.options.driverSource, this.options.driver]; |
||||
} |
||||
|
||||
return [this.options.driverSource, this.options.driver]; |
||||
}; |
||||
|
||||
private getDrivers = () => { |
||||
const connectionData = this.options.connectionData as ConnectionJDBC; |
||||
const connectionType = getJdbcDatabaseType(connectionData.database, connectionData.driver); |
||||
const drivers = connectionType.drivers ? |
||||
connectionType.drivers.map(item => { |
||||
return { |
||||
text: item, |
||||
value: item, |
||||
}; |
||||
}) : |
||||
[{ |
||||
text: connectionType.driver, |
||||
value: connectionType.driver, |
||||
}]; |
||||
|
||||
if (!drivers.some(item => item.text === connectionData.driver)) { |
||||
return [ |
||||
{ |
||||
text: connectionData.driver, |
||||
value: connectionData.driver, |
||||
}, |
||||
...drivers, |
||||
]; |
||||
} |
||||
|
||||
return drivers; |
||||
}; |
||||
} |
||||
@ -0,0 +1,182 @@
|
||||
import { shortcut, store } from '@core/core'; |
||||
|
||||
import { |
||||
Button, |
||||
EditorIconCheckCombo, |
||||
SearchTextValueCombo, |
||||
TextValueCombo, |
||||
} from '@fui/core'; |
||||
import { ConnectionJDBC } from '../../../../crud/crud.typings'; |
||||
import { getJdbcDatabaseType } from '../../../../app.service'; |
||||
import { DriverSelectorModel } from './driverselector.model'; |
||||
|
||||
|
||||
@shortcut() |
||||
@store(DriverSelectorModel, { |
||||
props(this: DriverSelector) { |
||||
return this.options; |
||||
}, |
||||
}) |
||||
export class DriverSelector extends BI.Widget { |
||||
static xtype = 'dec.dcm.maintain.form.jdbc.driver_selector'; |
||||
|
||||
props = { |
||||
driver: '', |
||||
driverSource: '', |
||||
connectionData: {} as ConnectionJDBC, |
||||
}; |
||||
|
||||
defaultDrivers: EditorIconCheckCombo = null; |
||||
|
||||
customDrivers: SearchTextValueCombo = null; |
||||
|
||||
watch = { |
||||
driverClassItems: items => { |
||||
// this.customDrivers.populate(items);
|
||||
// this.customDrivers.setValue(this.model.customDriver.value);
|
||||
}, |
||||
|
||||
driverManageEntryVisible: b => { |
||||
this.driverManageEntry.setVisible(false); |
||||
}, |
||||
}; |
||||
|
||||
private driverManageEntry = null; |
||||
|
||||
render() { |
||||
const { driver } = this.options.connectionData; |
||||
|
||||
return { |
||||
type: BI.VerticalAdaptLayout.xtype, |
||||
rgap: 10, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: BI.TextValueCombo.xtype, |
||||
width: 86, |
||||
value: this.model.selectedDriverType, |
||||
invisible: true, |
||||
items: [ |
||||
{ |
||||
text: BI.i18nText('Dec-Basic_Default'), |
||||
value: 'default', |
||||
}, { |
||||
text: BI.i18nText('Dec-Basic_Custom'), |
||||
value: 'custom', |
||||
}, |
||||
], |
||||
listeners: [ |
||||
{ |
||||
eventName: BI.TextValueCombo.EVENT_CHANGE, |
||||
action: value => { |
||||
this.store.changeSelectedDriverType(value); |
||||
if (value === 'default') { |
||||
this.defaultDrivers.setVisible(true); |
||||
this.customDrivers.setVisible(false); |
||||
this.fireEvent('EVENT_CHANGE'); |
||||
return; |
||||
} |
||||
|
||||
this.defaultDrivers.setVisible(false); |
||||
this.customDrivers.setVisible(true); |
||||
if (BI.isKey(this.customDrivers.getValue()[0])) { |
||||
this.fireEvent('EVENT_CHANGE'); |
||||
} |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
}, { |
||||
el: { |
||||
type: BI.EditorIconCheckCombo.xtype, |
||||
$testId: 'dec-editor-icon-check-combo', |
||||
$value: 'driver', |
||||
ref: _ref => { |
||||
this.defaultDrivers = _ref; |
||||
}, |
||||
invisible: this.model.driverSource !== '', |
||||
width: 300, |
||||
items: this.model.defaultDrivers, |
||||
value: this.model.defaultDriver.driver, |
||||
listeners: [ |
||||
{ |
||||
eventName: BI.EditorIconCheckCombo.EVENT_CHANGE, |
||||
action: () => { |
||||
this.store.changeDefaultDriver(this.defaultDrivers.getValue()); |
||||
this.fireEvent('EVENT_CHANGE'); |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
}, { |
||||
el: { |
||||
type: BI.SearchTextValueCombo.xtype, |
||||
$testId: 'dec-editor-icon-check-combo', |
||||
$value: 'driver', |
||||
ref: _ref => { |
||||
this.customDrivers = _ref; |
||||
}, |
||||
invisible: true, |
||||
width: 204, |
||||
watermark: BI.i18nText('Dec-Please_Input'), |
||||
items: this.model.driverClassItems, |
||||
value: this.model.customDriver.value, |
||||
text: () => this.model.customDriver.value || '', |
||||
defaultText: BI.i18nText('Dec-Please_Select'), |
||||
warningTitle: BI.i18nText('Dec-Dcm-Driver_Driver_File_Lost'), |
||||
listeners: [ |
||||
{ |
||||
eventName: BI.SearchTextValueCombo.EVENT_CHANGE, |
||||
action: () => { |
||||
this.store.changeCustomDriver(this.customDrivers.getValue()[0]); |
||||
this.fireEvent('EVENT_CHANGE'); |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
}, { |
||||
el: { |
||||
type: 'dec.connection.driver.entry', |
||||
ref: (_ref: Button) => { |
||||
this.driverManageEntry = _ref; |
||||
}, |
||||
el: { |
||||
type: BI.Button.xtype, |
||||
level: 'ignore', |
||||
text: BI.i18nText('Dec-Dcm_Create_New_Driver'), |
||||
}, |
||||
from: '.dec-dcm', |
||||
invisible: true, |
||||
listeners: [ |
||||
{ |
||||
eventName: 'EVENT_CLOSE', |
||||
action: () => { |
||||
this.store.initDriverClassList(BI.emptyFn); |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
], |
||||
}; |
||||
} |
||||
|
||||
validation(): boolean { |
||||
if (this.model.selectedDriverType === 'default' && BI.isKey(this.model.defaultDriver.driver)) { |
||||
return true; |
||||
} |
||||
if (this.model.selectedDriverType === 'custom' && BI.isKey(this.model.customDriver.driver)) { |
||||
return true; |
||||
} |
||||
BI.Msg.toast(BI.i18nText('Dec-Dcm_Driver_Class_Not_Allow_Empty'), { level: 'error' }); |
||||
|
||||
return false; |
||||
} |
||||
|
||||
getValue() { |
||||
return { |
||||
// driverSource: this.model.driverSource,
|
||||
driver: this.model.driverSource === '' ? this.model.defaultDriver.driver : this.model.customDriver.driver, |
||||
}; |
||||
} |
||||
} |
||||
Loading…
Reference in new issue