added onlyView option to media-manager single file

Author: markusweblance

fixture/adminizerConfig.ts

@@ -424,8 +424,9 @@ const models: AdminpanelConfig["models"] = {
                 options: {
                     id: 'default',
                     group: 'single-file',
-                    accept: ['application/pdf', 'application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document']
-                }
+                    accept: ['application/pdf', 'application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'],
+                    onlyView: true
+                },
             }
         },
         add: true,

src/assets/js/components/media-manager/media-manager.tsx

@@ -46,6 +46,7 @@ interface Props {
         group: string
         accept: string[]
         initTab?: string
+        onlyView?: boolean
     }
     type: string
     onChange?: (media: Media[]) => void
@@ -227,7 +228,9 @@ const MediaManager = ({layout, config, type, onChange, value}: Props) => {
                 items.length > 0 ? (
                     <div className="flex flex-col gap-2">
                         <div className="flex gap-2">
-                            <Button variant="destructive" onClick={(e) => {
+                            <Button variant="destructive"
+                                    disabled={config.onlyView ?? false}
+                                    onClick={(e) => {
                                 e.stopPropagation()
                                 e.preventDefault()
                                 setItems(prev => {

src/interfaces/adminpanelConfig.ts

@@ -450,6 +450,7 @@ export interface MediaManagerOptionsField {
     accept: string [],
     initTab?: 'tile-image' | 'table-video' | 'table-text' | 'table-application' | 'table-all' | 'tile-all'
     config?: Record<string, any>
+    onlyView?: boolean
 }
 
 interface RangeType {