Manage all media uploads in a single place
It made no sense to have a file upload in each form that needs a media,
because to reuse an existing media users would need to upload the exact
same file again; this is very unusual and unfriendly.
A better option is to have a “centralized” media section, where people
can upload files there, and then have a picker to select from there.
Ideally, there would be an upload option in the picker, but i did not
add it yet.
I’ve split the content from the media because i want users to have the
option to update a media, for instance when they need to upload a
reduced or cropped version of the same photo, without an edit they would
need to upload the file as a new media and then update all places where
the old version was used. And i did not want to trouble people that
uploads the same photo twice: without the separate relation, doing so
would throw a constraint error.
I do not believe there is any security problem to have all companies
link their media to the same file, as they were already readable by
everyone and could upload the data from a different company to their
own; in other words, it is not worse than it was now.
2023-09-20 23:56:44 +00:00
|
|
|
<!--
|
|
|
|
|
SPDX-FileCopyrightText: 2023 jordi fita mas <jordi@tandem.blog>
|
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
|
-->
|
|
|
|
|
{{ define "title" -}}
|
|
|
|
|
{{( pgettext "Edit Media" "title" )}}
|
|
|
|
|
{{- end }}
|
|
|
|
|
|
2024-01-21 21:44:04 +00:00
|
|
|
{{ define "breadcrumb" -}}
|
|
|
|
|
<li><a href="/admin/media">{{( pgettext "Media" "title" )}}</a></li>
|
|
|
|
|
{{- end }}
|
|
|
|
|
|
Manage all media uploads in a single place
It made no sense to have a file upload in each form that needs a media,
because to reuse an existing media users would need to upload the exact
same file again; this is very unusual and unfriendly.
A better option is to have a “centralized” media section, where people
can upload files there, and then have a picker to select from there.
Ideally, there would be an upload option in the picker, but i did not
add it yet.
I’ve split the content from the media because i want users to have the
option to update a media, for instance when they need to upload a
reduced or cropped version of the same photo, without an edit they would
need to upload the file as a new media and then update all places where
the old version was used. And i did not want to trouble people that
uploads the same photo twice: without the separate relation, doing so
would throw a constraint error.
I do not believe there is any security problem to have all companies
link their media to the same file, as they were already readable by
everyone and could upload the data from a different company to their
own; in other words, it is not worse than it was now.
2023-09-20 23:56:44 +00:00
|
|
|
{{ define "content" -}}
|
|
|
|
|
{{- /*gotype: dev.tandem.ws/tandem/camper/pkg/media.mediaForm*/ -}}
|
|
|
|
|
<form id="upload" enctype="multipart/form-data" data-hx-put="/admin/media/{{ .ID }}">
|
|
|
|
|
<h2>{{( pgettext "Edit Media" "title" )}}</h2>
|
|
|
|
|
<img src="{{ .Path }}" alt="">
|
|
|
|
|
{{ CSRFInput }}
|
|
|
|
|
<fieldset>
|
|
|
|
|
{{ with .File -}}
|
|
|
|
|
<label>
|
|
|
|
|
{{( pgettext "Updated file" "input" )}}
|
|
|
|
|
<input type="file" name="{{ .Name }}"
|
|
|
|
|
{{ template "error-attrs" . }}><br>
|
|
|
|
|
</label>
|
|
|
|
|
<p>{{ printf (gettext "Maximum upload file size: %s") (.MaxSize | humanizeBytes) }}</p>
|
|
|
|
|
{{ template "error-message" . }}
|
|
|
|
|
{{- end }}
|
|
|
|
|
{{ with .OriginalFilename -}}
|
|
|
|
|
<label>
|
|
|
|
|
{{( pgettext "Filename" "input")}}<br>
|
|
|
|
|
<input type="text" name="{{ .Name }}" value="{{ .Val }}"
|
|
|
|
|
required {{ template "error-attrs" . }}><br>
|
|
|
|
|
</label>
|
|
|
|
|
{{ template "error-message" . }}
|
|
|
|
|
{{- end }}
|
|
|
|
|
</fieldset>
|
|
|
|
|
<footer>
|
|
|
|
|
<button type="submit">{{( pgettext "Update" "action" )}}</button>
|
|
|
|
|
<progress value="0" max="100"></progress>
|
|
|
|
|
</footer>
|
|
|
|
|
</form>
|
|
|
|
|
<script>
|
|
|
|
|
htmx.on('#upload', 'drop', function (evt) {
|
|
|
|
|
evt.preventDefault();
|
|
|
|
|
[...evt.dataTransfer.items].forEach(function (i) {
|
|
|
|
|
console.log(i);
|
|
|
|
|
i.getAsString(console.log)
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
htmx.on('#upload', 'dragover', function (evt) {
|
|
|
|
|
evt.preventDefault();
|
|
|
|
|
});
|
|
|
|
|
htmx.on('#upload', 'dragleave', function (evt) {
|
|
|
|
|
evt.preventDefault();
|
|
|
|
|
});
|
|
|
|
|
htmx.on('#upload', 'htmx:xhr:progress', function (evt) {
|
|
|
|
|
if (evt.detail.lengthComputable) {
|
|
|
|
|
htmx.find('progress').setAttribute('value', evt.detail.loaded / evt.detail.total * 100);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
{{- end }}
|