joseph
/
ManagementSystem
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bổ sung biểu đồ drawio cho trang allocation

This commit is contained in:
Truong Vo 2025-02-21 11:11:37 +07:00
parent 281c8ad98a
commit 0ebe4c772e
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
FRONTEND/.env.example
View File

@ -1 +1,3 @@
VITE_BACKEND_URL=http://localhost:8000/ VITE_BACKEND_URL=http://localhost:8000/
VITE_URL_DRAWIO="https://viewer.diagrams.net/?tags=%7B%7D&lightbox=1&highlight=0000ff&edit=_blank&layers=1&nav=1&title=Test%20Draw.drawio&dark=auto#Uhttps%3A%2F%2Fdrive.google.com%2Fuc%3Fid%3D1LmB9wCac9DonQPFU-53g1nhI9SfvWuWK%26export%3Ddownload"

14
FRONTEND/src/pages/Allocation/Allocation.tsx
View File

@ -10,6 +10,7 @@ import {
Popover, Popover,
Text, Text,
Tooltip, Tooltip,
Switch,
} from '@mantine/core' } from '@mantine/core'
import { IconInnerShadowTopRightFilled } from '@tabler/icons-react' import { IconInnerShadowTopRightFilled } from '@tabler/icons-react'
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
@ -80,6 +81,7 @@ const Allocation = () => {
const [opened, setOpened] = useState(false) const [opened, setOpened] = useState(false)
const [issDetail, setIssDetail] = useState('') const [issDetail, setIssDetail] = useState('')
const [data, setData] = useState<any>({}) const [data, setData] = useState<any>({})
const [showDrawio, setShowDrawio] = useState(true)
useEffect(() => { useEffect(() => {
// Check if iframe already exists // Check if iframe already exists
@ -88,7 +90,7 @@ const Allocation = () => {
// Add iframe only if it doesn't exist // Add iframe only if it doesn't exist
const iframe = document.createElement('iframe') const iframe = document.createElement('iframe')
iframe.src = import.meta.env.VITE_URL_DRAWIO iframe.src = import.meta.env.VITE_URL_DRAWIO ?? ''
iframe.style.width = '100%' iframe.style.width = '100%'
iframe.style.height = '500px' iframe.style.height = '500px'
const drawioDiv = document.getElementById('drawio') const drawioDiv = document.getElementById('drawio')
@ -96,7 +98,6 @@ const Allocation = () => {
drawioDiv.appendChild(iframe) drawioDiv.appendChild(iframe)
} }
// Cleanup function to remove iframe when component unmounts
return () => { return () => {
const iframe = document.querySelector('#drawio iframe') const iframe = document.querySelector('#drawio iframe')
if (iframe) { if (iframe) {
@ -142,7 +143,14 @@ const Allocation = () => {
}, []) }, [])
return ( return (
<div> <div>
<div id="drawio"></div> <Box style={{ display: 'flex', alignItems: 'center', margin: '10px' }}>
<Switch
label="Show Diagram"
checked={showDrawio}
onChange={(event) => setShowDrawio(event.currentTarget.checked)}
/>
</Box>
<div id="drawio" style={{ display: showDrawio ? 'block' : 'none' }}></div>
<div> <div>
<Box <Box
style={{ style={{