andrew.ng
/
ATC_SIMPLE
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update select license

This commit is contained in:
nguyentrungthat 2026-01-12 16:33:07 +07:00
parent 5586f8f930
commit a9dce43ab2
5 changed files with 263 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
BACKEND/app/services/line_connection.ts
View File

@ -1225,18 +1225,18 @@ export default class LineConnection {
const timeZone = process.env.TIME_ZONE || 'Australia/Sydney'
const dataFormat = momentTZ().tz(timeZone).format('YYYY/MM/DD, HH:mm:ss')
const body = `
Load IOS Report<br/>
Load License Report<br/>
────────────────────────────────<br/>
Station : <b>${this.config.stationName}</b><br/>
Line : <b>${this.config.lineNumber}</b><br/>
License : <b>${nameLicense}</b> <br/>
License : <b>${nameLicense}</b> <br/>
Started At : ${startTime}<br/>
Finished At : ${dataFormat}<br/>
────────────────────────────────<br/>
`.trim()
await sendMessageToMail(
`[ATC] - [${this.config.stationName} - Line: ${this.config.lineNumber}] - Load IOS Report`,
`[ATC] - [${this.config.stationName} - Line: ${this.config.lineNumber}] - Load License Report`,
body
)
}
@ -1370,7 +1370,7 @@ export default class LineConnection {
* Handle load License for switch
* Assumes traditional licensing (PAK/file-based) via TFTP
*/
async loadLicenseSwitch(licenseFileName: string, userName: string) {
async loadLicenseSwitch(licenseFileName: string, userName: string, portName: string) {
const station = await Station.find(this.config.stationId)
if (!station) return
@ -1384,21 +1384,22 @@ export default class LineConnection {
const startTime = momentTZ().tz(timeZone).format('YYYY/MM/DD, HH:mm:ss')
const body = buildBody(
'ROUTER_IOS',
'SWITCH_LICENSE',
tftpIp,
licenseFileName,
`${a}.${b}.100.${this.config.id < 254 ? this.config.id : 254 - this.config.id}`,
`${station?.gateway ? station?.gateway : '0.0.0.0'}`,
this.listDeviceIos
this.listDeviceIos,
portName
)
const script = {
id: 0, // Hoặc ID khác tuỳ logic DB
isReboot: true, // License thường cần reboot
id: 0,
isReboot: false,
sendResult: false,
send_result: false,
title: 'Load License Switch',
timeout: 1000, // Tăng timeout nếu cần vì lệnh install có thể lâu
timeout: 1000,
body: JSON.stringify(body),
}
@ -1409,7 +1410,7 @@ export default class LineConnection {
/**
* Handle load License for Router
*/
async loadLicenseRouter(licenseFileName: string, userName: string) {
async loadLicenseRouter(licenseFileName: string, userName: string, portName: string) {
const station = await Station.find(this.config.stationId)
if (!station) return
@ -1417,24 +1418,22 @@ export default class LineConnection {
const tftpIp = station?.tftp_ip || '172.16.7.69'
const [a, b] = network.split('.').map(Number)
// Tên Interface dùng để load (Cần sửa nếu router dùng 0/0/0 hoặc tên khác)
const mgmtInterface = 'GigabitEthernet0/0'
const timeZone = process.env.TIME_ZONE || 'Australia/Sydney'
const startTime = momentTZ().tz(timeZone).format('YYYY/MM/DD, HH:mm:ss')
const body = buildBody(
'ROUTER_IOS',
'ROUTER_LICENSE',
tftpIp,
licenseFileName,
`${a}.${b}.100.${this.config.id < 254 ? this.config.id : 254 - this.config.id}`,
`${station?.gateway ? station?.gateway : '0.0.0.0'}`,
this.listDeviceIos
this.listDeviceIos,
portName
)
const script = {
id: 0,
isReboot: true,
isReboot: false,
sendResult: false,
send_result: false,
title: 'Load License Router',

68
BACKEND/app/ultils/helper.ts
View File

@ -684,7 +684,8 @@ export function buildBody(
fileName: string,
address: string,
gateway: string,
listDeviceIos: string[]
listDeviceIos: string[],
portName?: string
) {
switch (type) {
/* ================= ROUTER LOAD IOS ================= */
@ -769,7 +770,14 @@ export function buildBody(
},
{
expect: '#',
send: `show inventory`,
send: `show license`,
delay: '1',
repeat: '1',
note: 'Verify license status',
},
{
expect: '#',
send: ` show inventory`,
delay: '1',
repeat: '1',
note: '',
@ -989,7 +997,7 @@ export function buildBody(
},
{
expect: '#',
send: `show version`,
send: ` show version`,
delay: '1',
repeat: '1',
note: 'Verify version info',
@ -1022,7 +1030,7 @@ export function buildBody(
},
{
expect: '#',
send: `interface vlan 1`,
send: `interface ${portName ? portName : 'vlan 1'}`,
delay: '1',
repeat: '1',
note: 'Select Interface Vlan 1',
@ -1062,6 +1070,13 @@ export function buildBody(
repeat: '1',
note: 'End config',
},
{
expect: '',
send: ``,
delay: '1',
repeat: '1',
note: '',
},
{
expect: '#',
send: `license install tftp://${tftpIp}/License/${fileName}`,
@ -1069,6 +1084,13 @@ export function buildBody(
repeat: '1',
note: 'Install license',
},
{
expect: '',
send: ``,
delay: '1',
repeat: '1',
note: '',
},
{
expect: '#',
send: `write memory`,
@ -1076,6 +1098,13 @@ export function buildBody(
repeat: '1',
note: 'Save config',
},
{
expect: '',
send: ``,
delay: '1',
repeat: '1',
note: '',
},
{
expect: '#',
send: `reload`,
@ -1129,7 +1158,7 @@ export function buildBody(
},
{
expect: '#',
send: `show version`,
send: ` show version`,
delay: '1',
repeat: '1',
note: 'Verify version info',
@ -1162,7 +1191,7 @@ export function buildBody(
},
{
expect: '#',
send: `interface GigabitEthernet0/0`,
send: `interface ${portName ? portName : 'GigabitEthernet0/0'}`,
delay: '1',
repeat: '1',
note: 'Select management interface',
@ -1202,6 +1231,13 @@ export function buildBody(
repeat: '1',
note: 'End config',
},
{
expect: '',
send: ``,
delay: '1',
repeat: '1',
note: '',
},
{
expect: '#',
send: `license install tftp://${tftpIp}/License/${fileName}`,
@ -1209,6 +1245,13 @@ export function buildBody(
repeat: '1',
note: 'Install license',
},
{
expect: '',
send: ``,
delay: '1',
repeat: '1',
note: '',
},
{
expect: '#',
send: `write memory`,
@ -1216,6 +1259,13 @@ export function buildBody(
repeat: '1',
note: 'Save config',
},
{
expect: '',
send: ``,
delay: '1',
repeat: '1',
note: '',
},
{
expect: '#',
send: `reload`,
@ -1224,8 +1274,8 @@ export function buildBody(
note: 'Reload router',
},
{
expect: '', // Router thường hỏi câu này
send: ``, // Enter confirm
expect: '',
send: ``,
delay: '1',
repeat: '1',
note: 'Confirm reload',
@ -1269,7 +1319,7 @@ export function buildBody(
},
{
expect: '#',
send: `show version`,
send: ` show version`,
delay: '1',
repeat: '1',
note: 'Verify version info',

26
BACKEND/providers/socket_io_provider.ts
View File

@ -705,6 +705,32 @@ export class WebSocketIo {
{}
)
})
socket.on('load_license_router', async (data) => {
const { stationId, lineId, licenseName, portName } = data
await this.handleLineOperation(
io,
stationId,
[lineId],
async (lineCon) => {
lineCon.loadLicenseRouter(licenseName, userName, portName)
},
{}
)
})
socket.on('load_license_switch', async (data) => {
const { stationId, lineId, licenseName, portName } = data
await this.handleLineOperation(
io,
stationId,
[lineId],
async (lineCon) => {
lineCon.loadLicenseSwitch(licenseName, userName, portName)
},
{}
)
})
})
socketServer.listen(SOCKET_IO_PORT, () => {

11
FRONTEND/src/components/FormAddEdit.tsx
View File

@ -82,6 +82,7 @@ const StationSetting = ({
form.setFieldValue("apc_2_password", dataStation.apc_2_password);
form.setFieldValue("switch_control_ip", dataStation.switch_control_ip);
form.setFieldValue("send_wiki", dataStation?.send_wiki);
// form.setFieldValue("is_active", dataStation?.is_active);
form.setFieldValue(
"switch_control_port",
dataStation.switch_control_port
@ -402,6 +403,16 @@ const StationSetting = ({
form.setFieldValue("send_wiki", event.currentTarget.checked)
}
/>
{/* <Checkbox
c={"yellow"}
color="yellow"
ml={"12px"}
label="Active Station"
checked={form.values.is_active}
onChange={(event) =>
form.setFieldValue("is_active", event.currentTarget.checked)
}
/> */}
</div>
}
size={"90%"}

160
FRONTEND/src/components/Modal/ModalSelectLicense.tsx
View File

@ -4,6 +4,7 @@ import {
Modal,
ScrollArea,
Table,
Tabs,
Text,
TextInput,
} from "@mantine/core";
@ -28,6 +29,9 @@ const ModalSelectLicense = ({
line: TLine | undefined;
}) => {
const [inputSearch, setInputSearch] = useState<string>("");
const [inputPort, setInputPort] = useState<string>("GigabitEthernet0/0");
const [licenseName, setLicenseName] = useState<string>("");
const [modalConfirm, setModalConfirm] = useState<boolean>(false);
const filterLicense = () => {
return listLicense.filter((ios) =>
@ -103,9 +107,9 @@ const ModalSelectLicense = ({
</Table.Tr>
</Table.Thead>
<Table.Tbody>
{filterLicense()?.map((ios, i) => (
{filterLicense()?.map((lic, i) => (
<Table.Tr key={i}>
<Table.Td>{ios || ""}</Table.Td>
<Table.Td>{lic || ""}</Table.Td>
<Table.Td
style={{
textAlign: "center",
@ -118,12 +122,14 @@ const ModalSelectLicense = ({
size="sm"
leftSection={<IconPlayerPlay size={16} />}
onClick={() => {
socket?.emit("load_ios_switch", {
stationId: Number(station?.id),
lineId: Number(line?.id),
iosName: ios,
});
close();
// socket?.emit("load_ios_switch", {
// stationId: Number(station?.id),
// lineId: Number(line?.id),
// iosName: ios,
// });
// close();
setLicenseName(lic);
setModalConfirm(true);
}}
>
Run
@ -134,6 +140,144 @@ const ModalSelectLicense = ({
</Table.Tbody>
</Table>
</ScrollArea>
<Modal
style={{ position: "absolute", left: 0 }}
centered
opened={modalConfirm}
onClose={() => {
setModalConfirm(false);
setLicenseName("");
setInputPort("GigabitEthernet0/0");
}}
title={
<Text fz={"lg"} fw={"bolder"}>
Confirm
</Text>
}
size="lg"
>
<Flex
align={"center"}
justify={"center"}
pb={"xs"}
style={{ borderBottom: "1px solid #ccc" }}
>
<Text fw={"bold"} fz={"h4"}>
{licenseName}
</Text>
</Flex>
<Tabs defaultValue="router" h={"100%"}>
<Tabs.List>
<Tabs.Tab
w={"50%"}
value="router"
onClick={() => {
setInputPort("GigabitEthernet0/0");
}}
>
Router
</Tabs.Tab>
<Tabs.Tab
w={"50%"}
value="switch"
onClick={() => {
setInputPort("vlan 1");
}}
>
Switch
</Tabs.Tab>
</Tabs.List>
<Tabs.Panel value="router" w={"100%"}>
<Flex align={"center"} justify={"center"} p={"md"}>
<TextInput
style={{ width: "350px" }}
placeholder="Port name"
value={inputPort}
onChange={(event) => setInputPort(event.currentTarget.value)}
rightSection={
inputPort ? (
<IconX
size={14}
style={{ cursor: "pointer" }}
onClick={() => setInputPort("")}
/>
) : null
}
rightSectionPointerEvents="auto"
size="md"
/>
</Flex>
<Flex align={"center"} justify={"center"}>
<Button
style={{ width: "100px" }}
variant="filled"
color="green"
size="sm"
leftSection={<IconPlayerPlay size={16} />}
onClick={() => {
socket?.emit("load_license_router", {
stationId: Number(station?.id),
lineId: Number(line?.id),
licenseName: licenseName,
portName: inputPort,
});
setModalConfirm(false);
setLicenseName("");
setInputPort("GigabitEthernet0/0");
close();
}}
>
Run
</Button>
</Flex>
</Tabs.Panel>
<Tabs.Panel value="switch" w={"100%"}>
<Flex align={"center"} justify={"center"} p={"md"}>
<TextInput
style={{ width: "350px" }}
placeholder="Port name"
value={inputPort}
onChange={(event) => setInputPort(event.currentTarget.value)}
rightSection={
inputPort ? (
<IconX
size={14}
style={{ cursor: "pointer" }}
onClick={() => setInputPort("")}
/>
) : null
}
rightSectionPointerEvents="auto"
size="md"
/>
</Flex>
<Flex align={"center"} justify={"center"}>
<Button
style={{ width: "100px" }}
variant="filled"
color="green"
size="sm"
leftSection={<IconPlayerPlay size={16} />}
onClick={() => {
socket?.emit("load_license_switch", {
stationId: Number(station?.id),
lineId: Number(line?.id),
licenseName: licenseName,
portName: inputPort,
});
setModalConfirm(false);
setLicenseName("");
setInputPort("GigabitEthernet0/0");
close();
}}
>
Run
</Button>
</Flex>
</Tabs.Panel>
</Tabs>
</Modal>
</Modal>
);
};