first commit

2024-11-07 17:16:20 +02:00
commit 75e91e4ddc
152 changed files with 17270 additions and 0 deletions
@@ -0,0 +1,20 @@
+
+
+
+<div class="formGroup column flex">
+        <label for="assignTo">Assign To</label>
+        <input id="assignTo" type="text" name="query" placeholder="Search by name or email" 
+        wire:model.live="query" autocomplete="off" />
+    <input type="hidden" value="{{$value}}" name="assignTo">
+    <div class="queryResponses {{ $display }}">
+        @foreach ($queryResults as $result)
+            <button wire:key="$item-{{ $result->id }}" class="results primary" wire:click.prevent="add('{{$result->id}}')">{{ $result->name->value }}</button>
+        @endforeach
+    </div>
+
+    <div class="selected {{ $display }}">
+        @foreach ($selection as $selected)
+            <button wire:key="$selected-{{ $selected->id }}" class="results primary-outlined" wire:click.prevent="remove('{{$selected->id}}')">{{ $selected->name->value }}</button>
+        @endforeach
+    </div>
+</div>
@@ -0,0 +1,65 @@
+<div>
+    @csrf
+    <trix-editor class="honeycombDescription" input="description"></trix-editor>
+</div>
+@script
+    <script>
+        const HOST = "/uploadImages"
+        addEventListener('trix-attachment-add', (event) => {
+            if (event.attachment.file) {
+                uploadFileAttachment(event.attachment)
+            }
+        })
+
+        function uploadFileAttachment(attachment) {
+            uploadFile(attachment.file, setProgress, setAttributes)
+
+            function setProgress(progress) {
+                attachment.setUploadProgress(progress)
+            }
+
+            function setAttributes(attributes) {
+                attachment.setAttributes(attributes)
+            }
+        }
+
+        function uploadFile(file, progressCallback, successCallback) {
+            var key = createStorageKey(file)
+            var formData = createFormData(key, file)
+            var xhr = new XMLHttpRequest()
+
+            xhr.open("POST", HOST, true)
+            xhr.setRequestHeader('X-CSRF-TOKEN', document.getElementsByName("_token")[0].value)
+
+            xhr.upload.addEventListener("progress", function(event) {
+                var progress = event.loaded / event.total * 100
+                progressCallback(progress)
+            })
+
+            xhr.addEventListener("load", function(event) {
+                if (xhr.status == 201) {
+                    var attributes = {
+                        url: "/storage/" + xhr.response,
+                        href: "/storage/" + xhr.response
+                    }
+                    successCallback(attributes)
+                }
+            })
+
+            xhr.send(formData)
+        }
+
+        function createStorageKey(file) {
+            var name = file.name
+            return ["storage", "trixImages", name].join("/")
+        }
+
+        function createFormData(key, file) {
+            var data = new FormData()
+            data.append("key", key)
+            data.append("Content-Type", file.type)
+            data.append("file", file)
+            return data
+        }
+    </script>
+@endscript