quasar-ui-danx 0.3.12 → 0.3.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-danx",
-  "version": "0.3.12",
+  "version": "0.3.21",
   "author": "Dan <dan@flytedesk.com>",
   "description": "DanX Vue / Quasar component library",
   "license": "MIT",

package/src/components/ActionTable/Form/Fields/FileUploadButton.vue

@@ -8,12 +8,13 @@
       {{ text }}
     </slot>
 
+    {{ "accept: " + ((geolocation && cameraOnly) ? "image/*;capture=camera" : undefined) }}
     <input
       ref="fileUpload"
       data-testid="file-upload"
       type="file"
-      :accept="geolocation ? 'image/*;capture=camera' : undefined"
-      :capture="geolocation ? 'environment' : undefined"
+      :accept="(geolocation && cameraOnly) ? 'image/*;capture=camera' : undefined"
+      :capture="(geolocation && cameraOnly) ? 'environment' : undefined"
       class="hidden"
       multiple
       @change="onAttachFiles"
@@ -28,28 +29,29 @@ import { FileUpload } from "../../../../helpers";
 
 defineExpose({ upload });
 const emit = defineEmits([
-  "uploading",
-  "file-progress",
-  "file-complete",
-  "complete"
+	"uploading",
+	"file-progress",
+	"file-complete",
+	"complete"
 ]);
 const props = defineProps({
-  ...QBtn.props,
-  text: {
-    type: String,
-    default: "Add File"
-  },
-  locationWaitMessage: {
-    type: String,
-    default: "Waiting for location..."
-  },
-  geolocation: Boolean
+	...QBtn.props,
+	text: {
+		type: String,
+		default: "Add File"
+	},
+	locationWaitMessage: {
+		type: String,
+		default: "Waiting for location..."
+	},
+	cameraOnly: Boolean,
+	geolocation: Boolean
 });
 
 const fileUpload = ref(null);
 
 function upload() {
-  fileUpload.value.click();
+	fileUpload.value.click();
 }
 
 /**
@@ -59,23 +61,23 @@ function upload() {
  * @returns {Promise<void>}
  */
 async function onAttachFiles({ target: { files } }) {
-  emit("uploading", files);
-  let fileUpload = new FileUpload(files)
-    .onProgress(({ file, progress }) => {
-      file.progress = progress;
-      emit("file-progress", file);
-    })
-    .onComplete(({ file, uploadedFile }) => {
-      emit("file-complete", { file, uploadedFile });
-    })
-    .onAllComplete(() => {
-      emit("complete", fileUpload.files);
-    });
+	emit("uploading", files);
+	let fileUpload = new FileUpload(files)
+		.onProgress(({ file, progress }) => {
+			file.progress = progress;
+			emit("file-progress", file);
+		})
+		.onComplete(({ file, uploadedFile }) => {
+			emit("file-complete", { file, uploadedFile });
+		})
+		.onAllComplete(() => {
+			emit("complete", fileUpload.files);
+		});
 
-  if (props.geolocation) {
-    await fileUpload.resolveLocation(props.locationWaitMessage);
-  }
+	if (props.geolocation) {
+		await fileUpload.resolveLocation(props.locationWaitMessage);
+	}
 
-  fileUpload.upload();
+	fileUpload.upload();
 }
 </script>