Development

components/Digitization/DigitizationContainerList.js

@@ -0,0 +1,82 @@
+import React from 'react'
+import PopupTable from "../../components/Tables/PopupTable";
+import {renderDigitalVersion} from "../../utils/renders/renderDigitalVersion";
+import {renderDigitalVersionResearchCloud} from "../../utils/renders/renderDigitalVersionResearchCloud";
+import {renderLevel} from "../../utils/renders/renderLevel"
+import style from "./DigitizationContainerList.module.scss"
+
+export default function DigitizationContainerList() {
+  const renderContainerNo = (data, record) => {
+    return <a className={style.ContainerNo} href={'/finding-aids/containers/' + record['archival_unit_id']} target={'_blank'} rel="noreferrer">{data}</a>
+  }
+
+  const columns = [
+    {
+      title: 'Container No.',
+      dataIndex: 'container_no',
+      key: 'container_no',
+      sorter: true,
+      width: 200,
+      render: renderContainerNo,
+    }, {
+      title: 'Barcode',
+      dataIndex: 'barcode',
+      key: 'barcode',
+      width: 140,
+      sorter: true
+    }, {
+      title: 'Research Cloud',
+      key: 'available_research_cloud',
+      width: 120,
+      className: 'centerColumn',
+      sorter: true,
+      render: renderDigitalVersionResearchCloud
+    }, {
+      title: 'Online',
+      dataIndex: 'available_online',
+      key: 'available_online',
+      width: 120,
+      className: 'centerColumn',
+      sorter: true,
+      render: renderDigitalVersion
+    }, {
+      title: 'Creation Date (Digital)',
+      dataIndex: 'creation_date',
+      key: 'creation_date',
+      className: 'centerColumn',
+      width: 150,
+      sorter: true
+    }, {
+      title: 'Level',
+      dataIndex: 'level',
+      key: 'level',
+      className: 'centerColumn',
+      width: 80,
+      render: renderLevel
+    }, {
+      title: 'Duration',
+      dataIndex: 'duration',
+      key: 'duration',
+      width: 100,
+      className: 'centerColumn',
+    }, {
+      title: 'Carrier Type',
+      dataIndex: 'carrier_type',
+      key: 'carrier_type',
+      className: 'centerColumn',
+      sorter: true
+    },
+  ];
+
+  return (
+    <PopupTable
+      showFilter={true}
+      footer={false}
+      module={'digitization'}
+      label={'Digitization Log'}
+      api={`/v1/digitization/container/`}
+      columns={columns}
+      actions={['view']}
+    />
+  )
+}

components/Digitization/DigitizationContainerList.module.scss

@@ -0,0 +1,9 @@
+.ContainerNo {
+  text-decoration: none;
+  color: inherit;
+  border-bottom: 1px dotted gray;
+
+  &:hover {
+    color: #000;
+  }
+}

components/Digitization/DigitizationFindingAidsList.js

@@ -0,0 +1,65 @@
+import React from 'react'
+import {Card} from "antd";
+import PopupTable from "../../components/Tables/PopupTable";
+import {renderDigitalVersion} from "../../utils/renders/renderDigitalVersion";
+import {renderDigitalVersionResearchCloud} from "../../utils/renders/renderDigitalVersionResearchCloud";
+
+export default function DigitizationFindingAidsList() {
+  const columns = [
+    {
+      title: 'Reference No.',
+      dataIndex: 'archival_reference_code',
+      key: 'archival_reference_code',
+      sorter: true,
+      width: 200
+    }, {
+      title: 'Digital Version',
+      dataIndex: 'digital_version_exists',
+      key: 'digital_version_exists',
+      width: 150,
+      className: 'centerColumn',
+      sorter: true,
+      render: renderDigitalVersion
+    }, {
+      title: 'Research Cloud',
+      key: 'digital_version_research_cloud',
+      width: 150,
+      className: 'centerColumn',
+      sorter: true,
+      render: renderDigitalVersionResearchCloud
+    }, {
+      title: 'Online',
+      dataIndex: 'digital_version_online',
+      key: 'digital_version_online',
+      width: 150,
+      className: 'centerColumn',
+      sorter: true,
+      render: renderDigitalVersion
+    }, {
+      title: 'Creation Date',
+      dataIndex: 'digital_version_creation_date',
+      key: 'digital_version_creation_date',
+      className: 'centerColumn',
+      width: 150,
+      sorter: true
+    }, {
+      title: 'Primary Type',
+      dataIndex: 'primary_type',
+      key: 'primary_type',
+      className: 'centerColumn',
+      sorter: true
+    },
+  ];
+
+  return (
+    <PopupTable
+      showFilter={true}
+      footer={false}
+      module={'digitization-finding_aids'}
+      label={'Digitization Log'}
+      api={`/v1/digitization/finding_aids/`}
+      columns={columns}
+      actions={['view']}
+    />
+  )
+}

components/Digitization/DigitizationLogView.js

@@ -0,0 +1,50 @@
+import React, {useState} from "react";
+import {Radio, Card} from "antd";
+import DigitizationContainerList from "./DigitizationContainerList";
+import DigitizationFindingAidsList from "./DigitizationFindingAidsList";
+
+
+const DigitazationLogView = () => {
+  const [view, setView] = useState('container');
+
+  const getTitle = () => {
+    switch (view) {
+      case 'container':
+        return 'Digitized Containers';
+      case 'finding_aids':
+        return 'Digitized Finding Aids (Folders / Items)';
+      default:
+        break;
+    }
+  };
+
+  const getView = () => {
+    switch (view) {
+      case 'container':
+        return (<DigitizationContainerList />);
+      case 'finding_aids':
+        return (<DigitizationFindingAidsList/>);
+      default:
+        break;
+    }
+  };
+
+  const onChange = (e) => {
+    setView(e.target.value);
+  };
+
+  const viewChange = () => (
+    <Radio.Group defaultValue="container" buttonStyle="solid" size={'small'} onChange={onChange}>
+      <Radio.Button value="container">Containers</Radio.Button>
+      <Radio.Button value="finding_aids">Finding Aids (Folders / Items)</Radio.Button>
+    </Radio.Group>
+  );
+
+  return (
+    <Card size="small" extra={viewChange()} title={getTitle()}>
+      {getView()}
+    </Card>
+  )
+};
+
+export default DigitazationLogView;

components/Forms/ArchivalUnitSelectForm.js

@@ -1,36 +1,44 @@
-import React, {useState} from 'react';
+import React, {useEffect, useState} from 'react';
 import {Button, Card, Col, Form, Row} from "antd";
 import style from "./Forms.module.css";
 import FormRemoteSelect from "./components/FormRemoteSelect";
 import { ContainerOutlined } from '@ant-design/icons';
 import Link from "next/link";
 import {renderArchivalUnitDropdown} from "../../utils/renders/renderArchivalUnitDropdown";
+import useStickyState from "../../utils/hooks/useStickyState";
 
 export const ArchivalUnitSelectForm = () => {
   const [form] = Form.useForm();
 
-  const [fonds, setFonds] = useState(undefined);
-  const [subfonds, setSubfonds] = useState(undefined);
-  const [series, setSeries] = useState(undefined);
+  const [ archivalUnitFormState, setArchivalUnitFormState ] = useStickyState({
+    fonds: undefined,
+    subfonds: undefined,
+    series: undefined
+  }, 'ams-select-archival-unit-form')
+
 
   const onValuesChange = (values) => {
     if (values.hasOwnProperty('fonds')) {
       form.setFieldsValue({subfonds: undefined});
       form.setFieldsValue({series: undefined});
 
-      setFonds(values['fonds']);
-      setSubfonds(undefined);
-      setSeries(undefined);
+      setArchivalUnitFormState({
+        fonds: values['fonds'], subfonds: undefined, series: undefined
+      })
     }
 
     if (values.hasOwnProperty('subfonds')) {
       form.setFieldsValue({series: undefined});
-      setSubfonds(values['subfonds']);
-      setSeries(undefined);
+
+      setArchivalUnitFormState({
+        fonds: archivalUnitFormState['fonds'], subfonds: values['subfonds'], series: undefined
+      })
     }
 
     if (values.hasOwnProperty('series')) {
-      setSeries(values['series']);
+      setArchivalUnitFormState({
+        fonds: archivalUnitFormState['fonds'], subfonds: archivalUnitFormState['subfonds'], series: values['series']
+      })
     }
   };
 
@@ -40,6 +48,7 @@ export const ArchivalUnitSelectForm = () => {
       scrollToFirstError={true}
       form={form}
       onValuesChange={onValuesChange}
+      initialValues={archivalUnitFormState}
       layout={'vertical'}
       className={style.Form}
     >
@@ -53,6 +62,7 @@ export const ArchivalUnitSelectForm = () => {
               selectAPI={'/v1/archival_unit/select/'}
               selectAPIParams={{level: 'F'}}
               placeholder={'- Select Fonds -'}
+              searchMinLength={0}
             />
           </Form.Item>
         </Col>
@@ -62,8 +72,9 @@ export const ArchivalUnitSelectForm = () => {
               valueField={'id'}
               labelField={'title_full'}
               renderFunction={renderArchivalUnitDropdown}
-              selectAPI={fonds ? `/v1/archival_unit/select/${fonds}/` : undefined}
+              selectAPI={archivalUnitFormState['fonds'] ? `/v1/archival_unit/select/${archivalUnitFormState['fonds']}/` : undefined}
               placeholder={'- Select Subfonds -'}
+              searchMinLength={0}
             />
           </Form.Item>
         </Col>
@@ -73,19 +84,20 @@ export const ArchivalUnitSelectForm = () => {
               valueField={'id'}
               labelField={'title_full'}
               renderFunction={renderArchivalUnitDropdown}
-              selectAPI={subfonds ? `/v1/archival_unit/select/${subfonds}/` : undefined}
+              selectAPI={archivalUnitFormState['subfonds'] ? `/v1/archival_unit/select/${archivalUnitFormState['subfonds']}/` : undefined}
               placeholder={'- Select Series -'}
+              searchMinLength={0}
             />
           </Form.Item>
         </Col>
       </Card>
       <Card size={'small'} className={style.Footer}>
         <Row gutter={12} type="flex">
           <Col xs={12}>
-            <Link href={series ? `/finding-aids/containers/${series}` : ''}>
+            <Link href={archivalUnitFormState['series'] ? `/finding-aids/containers/${archivalUnitFormState['series']}` : ''}>
               <Button
                 type={'default'}
-                disabled={!series}
+                disabled={!archivalUnitFormState['series']}
               >
                 <ContainerOutlined /> Containers
               </Button>

components/Forms/ContainerCreateForm.js

@@ -1,16 +1,25 @@
-import {Button, Card, Col, Form, Input, notification, Row} from "antd";
+import {Button, Col, Form, Input, Row} from "antd";
 import style from "./Forms.module.css";
 import React, {useState} from "react";
 import FormRemoteSelect from "./components/FormRemoteSelect";
 import {useData} from "../../utils/hooks/useData";
 import {post} from "../../utils/api";
+import {useUpdateEffect} from "react-use";
 
-export const ContainerCreateForm = ({seriesID, containerListRefresh}) => {
+export const ContainerCreateForm = ({seriesID, containerListRefresh, deletedContainer}) => {
   const [loading, setLoading] = useState(false);
   const [form] = Form.useForm();
 
   const {data, refresh} = useData(seriesID ? `/v1/container/precreate/${seriesID}/` : undefined);
 
+  useUpdateEffect(() => {
+    form.setFieldValue('container_no', data['container_no'])
+  }, [data])
+
+  useUpdateEffect(() => {
+    refresh()
+  }, [deletedContainer])
+
   const validateMessages = {
     required: 'This field is required!'
   };

components/Forms/FindingAidsForm.js

@@ -7,7 +7,7 @@ import {SimpleFormFooter} from "./SimpleFormFooter";
 import {FindingAidsEntityForm} from "./fields/FindingAidsEntityForm";
 import {useData} from "../../utils/hooks/useData";
 
-export const FindingAidsForm = ({type, recordID, containerID, seriesID, initialValues}) => {
+export const FindingAidsForm = ({type, recordID, containerID, seriesID, onActiveTabChange, initialValues}) => {
   const [params, setParams] = useState({});
   const router = useRouter();
 
@@ -83,6 +83,7 @@ export const FindingAidsForm = ({type, recordID, containerID, seriesID, initialV
               form={form}
               locale={locale}
               type={type}
+              onActiveTabChange={onActiveTabChange}
             />
           </Row>
         </Card>

components/Forms/FindingAidsTemplateForm.js

@@ -9,6 +9,12 @@ import {useRouter} from "next/router";
 export const FindingAidsTemplateForm = ({type, recordID, seriesID, initialValues}) => {
   const router = useRouter();
 
+  const [activeTabKey, setActiveTabKey] = useState('')
+
+  const onActiveTabChange = (activeKey) => {
+    setActiveTabKey(activeKey)
+  }
+
   const getAPI = () => {
     switch (type) {
       case 'create':
@@ -52,6 +58,7 @@ export const FindingAidsTemplateForm = ({type, recordID, seriesID, initialValues
               form={form}
               locale={locale}
               type={type}
+              onActiveTabChange={onActiveTabChange}
             />
           </Row>
         </Card>

components/Forms/Forms.module.css

@@ -31,6 +31,7 @@
 
 .FooterInfo {
     border-top: 0;
+    margin-top: 20px;
     margin-bottom: 0;
 }