github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 01:47:22 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

DEV: Change images-uploader to use Uppy (#15375)

Browse Source 
Missed this one, it is only used for the selectable_avatars
site setting.
This commit is contained in:
Martin Brennan 2021-12-21 15:53:44 +10:00 committed by GitHub
parent d330a5447d
commit 3ca1b17589
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/javascripts/discourse/app/components/images-uploader.js
View File

@ -1,15 +1,15 @@
import Component from "@ember/component";
import I18n from "I18n";
import UploadMixin from "discourse/mixins/upload";
import UppyUploadMixin from "discourse/mixins/uppy-upload";
import discourseComputed from "discourse-common/utils/decorators";
export default Component.extend(UploadMixin, {
export default Component.extend(UppyUploadMixin, {
type: "avatar",
tagName: "span",
@discourseComputed("uploading")
uploadButtonText(uploading) {
return uploading ? I18n.t("uploading") : I18n.t("upload");
@discourseComputed("uploadingOrProcessing")
uploadButtonText(uploadingOrProcessing) {
return uploadingOrProcessing ? I18n.t("uploading") : I18n.t("upload");
},
validateUploadedFilesOptions() {

3
app/assets/javascripts/discourse/app/mixins/uppy-upload.js
View File

@ -1,4 +1,5 @@
import Mixin from "@ember/object/mixin";
import { or } from "@ember/object/computed";
import EmberObject from "@ember/object";
import { ajax } from "discourse/lib/ajax";
import {
@ -42,6 +43,8 @@ export default Mixin.create(UppyS3Multipart, {
return {};
},
uploadingOrProcessing: or("uploading", "processing"),
@on("willDestroyElement")
_destroy() {
if (this.messageBus) {

4
app/assets/javascripts/discourse/app/templates/components/images-uploader.hbs
View File

@ -1,7 +1,7 @@
<label class="btn" disabled={{uploading}} title={{i18n "admin.site_settings.uploaded_image_list.upload.title"}}>
<label class="btn" disabled={{uploadingOrProcessing}} title={{i18n "admin.site_settings.uploaded_image_list.upload.title"}}>
{{d-icon "far-image"}}&nbsp;{{uploadButtonText}}
<input class="hidden-upload-field" disabled={{uploading}} type="file" accept="image/*" multiple>
</label>
{{#if uploading}}
{{#if uploadingOrProcessing}}
<span>{{i18n "upload_selector.uploading"}} {{uploadProgress}}%</span>
{{/if}}