restricted and tags edit

IQSS · Jun 18, 2024 · 5228ce9 · 5228ce9
1 parent b5d04fb
commit 5228ce9
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 4 deletions.
diff --git a/src/files/domain/models/FileUploadState.ts b/src/files/domain/models/FileUploadState.ts
@@ -15,6 +15,8 @@ export interface FileUploadState {
   fileType: string
   key: string
   description?: string
+  tags: string[]
+  restricted: boolean
 }
 
 export interface FileUploaderState {
@@ -40,7 +42,9 @@ export class FileUploadTools {
         fileName: file.name,
         fileDir: this.toDir(file.webkitRelativePath),
         fileType: file.type,
-        key: key
+        key: key,
+        tags: [],
+        restricted: false
       }
       newState.set(key, newValue)
     })
@@ -68,7 +72,9 @@ export class FileUploadTools {
       fileName: file.name,
       fileDir: this.toDir(file.webkitRelativePath),
       fileType: file.type,
-      key: this.key(file)
+      key: this.key(file),
+      tags: [],
+      restricted: false
     }
   }
 

diff --git a/src/files/infrastructure/FileJSDataverseRepository.ts b/src/files/infrastructure/FileJSDataverseRepository.ts
@@ -262,7 +262,7 @@ export class FileJSDataverseRepository implements FileRepository {
         file: {
           lastModified: file.fileLastModified,
           name: file.fileName,
-          webkitRelativePath: file.fileDir ? (file.fileDir + '/' + file.fileName) : file.fileName,
+          webkitRelativePath: file.fileDir ? file.fileDir + '/' + file.fileName : file.fileName,
           size: file.fileSize,
           type: file.fileType,
           arrayBuffer: function (): Promise<ArrayBuffer> {

diff --git a/src/sections/upload-dataset-files/UploadedFiles.tsx b/src/sections/upload-dataset-files/UploadedFiles.tsx
@@ -1,5 +1,5 @@
 import { Button, Card, Col, Form } from '@iqss/dataverse-design-system'
-import { X } from 'react-bootstrap-icons'
+import { Plus, X } from 'react-bootstrap-icons'
 import { FileUploadState } from '../../files/domain/models/FileUploadState'
 import styles from './FileUploader.module.scss'
 import { FormEvent, useState } from 'react'
@@ -42,6 +42,15 @@ export function UploadedFiles({
     file.description = updated
     updateFile(file)
   }
+  const updateFileRestricted = (file: FileUploadState, updated: boolean) => {
+    file.restricted = updated
+    updateFile(file)
+    // TODO: show dialog for restriction
+  }
+
+  const addTag = (file: FileUploadState) => {
+    // TODO: show dialog for tag
+  }
 
   return (
     <div hidden={fileUploadState.length === 0}>
@@ -111,6 +120,29 @@ export function UploadedFiles({
                             />
                           </Col>
                         </Form.Group>
+                        <Form.Group>
+                          <Form.Group.Label column sm={3}>
+                            Restricted
+                          </Form.Group.Label>
+                          <Col sm={9}>
+                            <Form.Group.Checkbox
+                              label=""
+                              id={'restricted-' + file.key}
+                              defaultChecked={file.restricted}
+                              onChange={(event: FormEvent<HTMLInputElement>) =>
+                                updateFileRestricted(file, event.currentTarget.checked)
+                              }
+                            />
+                          </Col>
+                        </Form.Group>
+                        <Button
+                          variant="secondary"
+                          {...{ size: 'sm' }}
+                          withSpacing
+                          onClick={() => addTag(file)}>
+                          <Plus className={styles.icon} title="Add tag" />
+                          Tag
+                        </Button>
                       </Form>
                     </div>
                     <div className={styles.file_size}>{file.fileSizeString}</div>