add wrapper to show/hide loading spinner

This commit is contained in:
Jean-Baptiste Bellet
2021-01-11 16:23:22 +01:00
parent 544a7407e3
commit e34050f7cb
4 changed files with 8 additions and 4 deletions

View File

@@ -3,7 +3,8 @@
%form#image_upload{ name: 'form', novalidate: true, enctype: 'multipart/form-data', multipart: true, ng: { controller: "ProductImageCtrl" } }
%div.image-preview
%img.spinner{ src: "/assets/spinning-circles.svg", ng: { hide: "!imageUploader.isUploading" }}
%div{ng: {hide: "!imageUploader.isUploading", cloak: true}}
%ng-include{src: "'components/loading'"}
%img.preview{ng: {src: "{{imagePreview}}", class: "{'faded': imageUploader.isUploading}"}}
%label{for: 'image-upload', class: 'button'} {{ 'admin.products.index.upload_an_image' | t }}