Add DrillingProgram

src/pages/DrillingProgram.jsx

@@ -0,0 +1,132 @@
+// import {Table, Button} from 'antd'
+// import {useEffect, useState} from 'react'
+// import { useParams } from "react-router-dom"
+// import FileInfo from '../components/FileInfo'
+// import UploadPlanFileForm from '../components/UploadPlanFileForm'
+// import { PlanService } from '../services/api'
+// import LoaderPortal from '../components/LoaderPortal'
+
+// const originData = [
+//   {key: 1, category: 'Проект транспорт',},
+//   {key: 2, category: 'Программа на бурение',},
+//   {key: 3, category: 'Долотная программа',},
+//   {key: 4, category: 'Программа промывки',},
+//   {key: 5, category: 'Планы на спуски',},
+//   {key: 6, category: 'График глубина день',},
+//   {key: 7, category: 'Мероприятия по бурению скважины',},
+// ]
+
+export default function DrillingProgram() {
+  return <div>Программа на бурение</div>
+  // let { id } = useParams()
+  // const [data, setData] = useState(originData)
+  // const [isLoaderVisible, setIsLoaderVisible] = useState(true)
+
+  // const columns = [
+  //   {
+  //     title: '№',
+  //     dataIndex: 'key',
+  //     width: 50
+  //   },
+  //   {
+  //     title: 'Раздел',
+  //     dataIndex: 'category',
+  //     key: 'category',
+  //     width: 250
+  //   },
+  //   {
+  //     title: 'Файл',
+  //     dataIndex: 'fileInfo',
+  //     key: 'fileInfo',
+  //     render: (_, record) => record.fileInfo 
+  //       ? <FileInfo  idCategory={record.key} fileInfo={record.fileInfo} onUploadComplete={updateData}/>
+  //       : <UploadPlanFileForm idCategory={record.key} onUploadComplete={updateData}/>
+  //   },
+  //   {
+  //     title: 'Автор',
+  //     key: 'owner',
+  //     render: (_,record) => record.fileInfo?.owner
+  //   },    
+  //   {
+  //     title: 'Дата загрузки',
+  //     key: 'uploadDate',
+  //     render: (_, record) => record.fileInfo ? new Date(record.fileInfo.uploadDate).toLocaleString() : ''
+  //   },
+  // ]
+
+  // const updateData = async () => {
+  //   let response = await PlanService.getFilesInfos(id)
+    
+  //   if(response) {
+
+  //     let newData = [...originData]
+  //     newData.forEach(item => {
+  //       let newFileInfo = response.find(f=>f.idCategory === item.key)
+  //       item.fileInfo = newFileInfo
+  //     })
+  //     setIsLoaderVisible(false)
+  //     setData(newData)
+  //   }
+	// }
+
+  // useEffect(()=>{updateData()}, [])
+
+  // const downloadDrillingProgram = async () => {
+  //   setIsLoaderVisible(true)
+  //   try{
+  //     const response = await fetch(`/api/plan/${id}/drillingProgram`, {
+  //       headers: {
+  //         Authorization: 'Bearer ' + localStorage['token']
+  //       },
+  //       method: 'Get'
+  //     })
+  //     const blob = await response.blob()
+  //     const reader = new FileReader()
+  //     reader.readAsDataURL(blob)
+  //     reader.onload = function (e) {
+  //       let a = document.createElement('a')
+  //       a.href = e.target.result
+  //       a.download = "Программа бурения.xlsx"
+  //       document.body.appendChild(a) // we need to append the element to the dom -> otherwise it will not work in firefox
+  //       a.click()    
+  //       a.remove()
+  //     }
+
+  //   }catch(e){
+  //     console.log(e)
+  //   }
+  //   setIsLoaderVisible(false)
+  // }
+
+  // const expandInfo = (fileInfo) => <p>
+  //     <span>Автор:&nbsp{fileInfo.owner}</span>
+  //     &nbsp&nbsp&nbsp&nbsp
+  //     <span>Дата загрузки:&nbsp{new Date(fileInfo.uploadDate).toLocaleString()}</span>
+  //   </p>
+  
+
+  // return(<>
+  //   <div>&nbsp</div>
+  //   <LoaderPortal show={isLoaderVisible}>
+  //     <Button 
+  //       type="primary" 
+  //       htmlType="button"
+  //       disabled={!data.some((el) => !!el.fileInfo)}
+  //       onClick={downloadDrillingProgram}
+  //     >
+  //       Сформировать программу бурения
+  //     </Button>
+  //     <div>&nbsp</div>
+  //     <Table 
+  //         bordered
+  //         dataSource={data} 
+  //         columns={columns} 
+  //         // expandable={{
+  //         //   expandedRowRender: record => expandInfo(record.fileInfo),
+  //         //   rowExpandable: record => record.fileInfo
+  //         // }}
+  //         pagination={false}
+  //         />
+  //   </LoaderPortal>
+  // </>)
+}

src/pages/Well.jsx

@@ -15,6 +15,7 @@ import Documents from "./Documents";
 import Measure from "./Measure";
 import { makeMenuItems } from "./Documents/menuItems";
 import WellOperations from "./WellOperations";
+import DrillingProgram from "./DrillingProgram";
 
 const { Content } = Layout;
 
@@ -66,6 +67,9 @@ export default function Well() {
           <Menu.Item key="measure" icon={<FolderOutlined />}>
             <Link to={`${rootPath}/measure`}>Измерения</Link>
           </Menu.Item>
+          <Menu.Item key="drillingProgram" icon={<FolderOutlined />}>
+            <Link to={`${rootPath}/drillingProgram`}>Программа бурения</Link>
+          </Menu.Item>
         </Menu>
 
         <Layout>
@@ -92,6 +96,9 @@ export default function Well() {
               <Route path="/well/:id/measure">
                 <Measure idWell={idWell}/>
               </Route>
+              <Route path="/well/:id/drillingProgram">
+                <DrillingProgram idWell={idWell}/>
+              </Route>
               <Route path="/">
                 <Redirect to={`${rootPath}/telemetry`} />
               </Route>