FEATURE: Delete a reference (closes #3).

Co-authored-by: Lucas Sauron <lucas.sauron@utt.fr>

Author: 2 people

frontend/src/components/OpenedDocuments.jsx

@@ -10,12 +10,13 @@ import DiscreeteDropdown from './DiscreeteDropdown';
 import InviteEditorsAction from '../menu-items/InviteEditorsAction';
 import BreakIntoPassagesAction from '../menu-items/BreakIntoPassagesAction';
 import DeleteDocumentAction from '../menu-items/DeleteDocumentAction';
+import DeleteReferenceToDocumentAction from '../menu-items/DeleteReferenceToDocumentAction';
 import EditRawDocumentAction from '../menu-items/EditRawDocumentAction';
 import Bookmark from './Bookmark';
 import LicenseCompatibility from './LicenseCompatibility';
 import { InfoCircle } from 'react-bootstrap-icons';
 
-function OpenedDocuments({id, margin, metadata, parallelDocuments, rawEditMode, setRawEditMode, backend, user, setLastUpdate}) {
+function OpenedDocuments({id, margin, metadata, parallelDocuments, rawEditMode, setRawEditMode, backend, user, setLastUpdate, content}) {
   const marginMetadata = metadata.getDocument(margin);
   const marginLicense = marginMetadata?.dc_license;
   const sourceMetadata = metadata.focusedDocument;
@@ -25,7 +26,7 @@ function OpenedDocuments({id, margin, metadata, parallelDocuments, rawEditMode,
     <Col className="lectern" {...{xs}} >
       <Row className ="runningHead">
         <RunningHeadSource {...{id, metadata, parallelDocuments, backend, user}} />
-        <RunningHeadMargin {...{parallelDocuments, margin, setRawEditMode, backend, setLastUpdate}}
+        <RunningHeadMargin {...{id, parallelDocuments, margin, setRawEditMode, backend, setLastUpdate, content}}
           metadata={marginMetadata}
         />
       </Row>
@@ -91,7 +92,7 @@ function RunningHeadSource({id, metadata, parallelDocuments, backend, user}) {
   );
 }
 
-function RunningHeadMargin({metadata, parallelDocuments, margin, setRawEditMode, backend, setLastUpdate}) {
+function RunningHeadMargin({id, metadata, parallelDocuments, margin, setRawEditMode, backend, setLastUpdate, content}) {
   const isFromScratch = parallelDocuments.isFromScratch;
   if (Object.keys(metadata).length) return (
     <Col xs={5} className="scholium position-relative">
@@ -101,6 +102,7 @@ function RunningHeadMargin({metadata, parallelDocuments, margin, setRawEditMode,
         <BreakIntoPassagesAction {...{parallelDocuments, margin, backend, setLastUpdate}} />
         <EditRawDocumentAction {...{setRawEditMode}} />
         <DeleteDocumentAction {...{metadata, isFromScratch, backend, setLastUpdate}} />
+        <DeleteReferenceToDocumentAction {...{id, margin, backend, metadata, content, setLastUpdate}} />
       </DiscreeteDropdown>
       <Metadata editable={true} {...{backend, metadata, setLastUpdate}} />
       <Type editable={true} {...{backend, metadata}}/>

frontend/src/menu-items/DeleteReferenceToDocumentAction.jsx

@@ -0,0 +1,46 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { Modal, Button } from 'react-bootstrap';
+import DiscreeteDropdown from '../components/DiscreeteDropdown';
+
+function DeleteReferenceToDocumentAction({id, margin, backend, metadata, content, setLastUpdate}) {
+  const [show, setShow] = useState(false);
+  const navigate = useNavigate();
+  const handleClick = () => {
+    setShow(false);
+    metadata.links = metadata.links.filter(link => ![id, ...new Set([...content.filter((row) => row.value.isPartOf === id).map(({id, value}) => value._id || id)])].includes(link.object));
+    backend.putDocument({...metadata})
+      .then(x => setLastUpdate(x.rev))
+      .then(() => navigate('/' + margin + '#' + margin))
+      .catch(console.error);
+  };
+
+  const disabled = (metadata.links && metadata.links.length > 0 ? false : true);
+  return (
+    <>
+      <DiscreeteDropdown.Item onClick={() => setShow(true)} {...{disabled}}>
+        Delete reference...
+      </DiscreeteDropdown.Item>
+      <Modal show={show} onHide={() => setShow(false)}>
+        <Modal.Body>
+          Are you sure you want to delete the link between this glose and the
+          focused document?
+          Both documents will be preserved but in case of a &quot;quotation link&quot;,
+          the quoted contents will be removed from the glose.
+          This action cannot be undone.
+        </Modal.Body>
+        <Modal.Footer>
+          <Button variant="secondary" onClick={() => setShow(false)}>
+            Cancel
+          </Button>
+          <Button variant="primary" onClick={handleClick}>
+            Delete reference
+          </Button>
+        </Modal.Footer>
+      </Modal>
+    </>
+  );
+}
+
+export default DeleteReferenceToDocumentAction;
+

frontend/src/routes/Lectern.jsx

@@ -62,7 +62,7 @@ function Lectern({backend, user}) {
           <Row>
             <OpenedDocuments
               hasSources={metadata.forwardLinkedDocuments.length > 0}
-              {...{id, margin, metadata, parallelDocuments, user, rawEditMode, setRawEditMode, backend, setLastUpdate}}
+              {...{id, margin, metadata, parallelDocuments, user, rawEditMode, setRawEditMode, backend, setLastUpdate, content}}
             />
             <References active={!margin}
               {...{metadata, user, createOn, setLastUpdate, backend}}