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