Add auto-close capability to alerts

apps/draw-io/src/DrawIoEditor.vue

@@ -52,7 +52,10 @@ export default {
       this.showMessage({
         title: this.$gettext('PDF could not be loaded…'),
         desc: error,
-        status: 'danger'
+        status: 'danger',
+        autoClose: {
+          enabled: true
+        }
       })
     },
 

apps/files/src/components/AllFilesList.vue

@@ -264,7 +264,10 @@ export default {
           this.showMessage({
             title: this.$gettext('Loading folder failed…'),
             desc: error.message,
-            status: 'danger'
+            status: 'danger',
+            autoClose: {
+              enabled: true
+            }
           })
         })
     },

apps/files/src/components/FilesAppBar.vue

@@ -397,7 +397,10 @@ export default {
         this.showMessage({
           title: this.$gettext('Loading folder failed…'),
           desc: error.message,
-          status: 'danger'
+          status: 'danger',
+          autoClose: {
+            enabled: true
+          }
         })
       })
     },
@@ -465,7 +468,10 @@ export default {
             this.showMessage({
               title: this.$gettext('Creating folder failed…'),
               desc: error,
-              status: 'danger'
+              status: 'danger',
+              autoClose: {
+                enabled: true
+              }
             })
           })
           .finally(() => {
@@ -537,7 +543,10 @@ export default {
           this.showMessage({
             title: this.$gettext('Creating file failed…'),
             desc: error,
-            status: 'danger'
+            status: 'danger',
+            autoClose: {
+              enabled: true
+            }
           })
         })
       }
@@ -627,15 +636,21 @@ export default {
         .clearTrashBin()
         .then(() => {
           this.showMessage({
-            title: this.$gettext('All deleted files were removed')
+            title: this.$gettext('All deleted files were removed'),
+            autoClose: {
+              enabled: true
+            }
           })
           this.removeFilesFromTrashbin(this.activeFiles)
         })
         .catch(error => {
           this.showMessage({
             title: this.$gettext('Could not delete files'),
             desc: error.message,
-            status: 'danger'
+            status: 'danger',
+            autoClose: {
+              enabled: true
+            }
           })
         })
     },
@@ -647,7 +662,10 @@ export default {
           .then(() => {
             const translated = this.$gettext('%{file} was restored successfully')
             this.showMessage({
-              title: this.$gettextInterpolate(translated, { file: file.name }, true)
+              title: this.$gettextInterpolate(translated, { file: file.name }, true),
+              autoClose: {
+                enabled: true
+              }
             })
             this.removeFilesFromTrashbin([file])
           })
@@ -656,7 +674,10 @@ export default {
             this.showMessage({
               title: this.$gettextInterpolate(translated, { file: file.name }, true),
               desc: error.message,
-              status: 'danger'
+              status: 'danger',
+              autoClose: {
+                enabled: true
+              }
             })
           })
       }

apps/files/src/components/LocationPicker/LocationPicker.vue

@@ -391,7 +391,10 @@ export default {
         this.showMessage({
           title: this.$gettextInterpolate(title, { resource: errors[0].resource }, true),
           desc: errors[0].message,
-          status: 'danger'
+          status: 'danger',
+          autoClose: {
+            enabled: true
+          }
         })
 
         return
@@ -420,7 +423,10 @@ export default {
         this.showMessage({
           title,
           desc: this.$gettextInterpolate(desc, { count: errors.length }, false),
-          status: 'danger'
+          status: 'danger',
+          autoClose: {
+            enabled: true
+          }
         })
         console.error('Move / copy failed:', errors)
 

apps/files/src/components/Trashbin.vue

@@ -142,15 +142,21 @@ export default {
           this.removeFilesFromTrashbin([file])
           const translated = this.$gettext('%{file} was restored successfully')
           this.showMessage({
-            title: this.$gettextInterpolate(translated, { file: file.name }, true)
+            title: this.$gettextInterpolate(translated, { file: file.name }, true),
+            autoClose: {
+              enabled: true
+            }
           })
         })
         .catch(error => {
           const translated = this.$gettext('Restoration of %{file} failed')
           this.showMessage({
             title: this.$gettextInterpolate(translated, { file: file.name }, true),
             desc: error.message,
-            status: 'danger'
+            status: 'danger',
+            autoClose: {
+              enabled: true
+            }
           })
         })
       this.resetFileSelection()

apps/files/src/fileactions.js

@@ -184,7 +184,10 @@ export default {
         const title = this.$gettextInterpolate(translated, { file: file.name }, true)
         this.showMessage({
           title: title,
-          status: 'danger'
+          status: 'danger',
+          autoClose: {
+            enabled: true
+          }
         })
       })
     },
@@ -236,7 +239,10 @@ export default {
           )
           this.showMessage({
             title: title,
-            status: 'danger'
+            status: 'danger',
+            autoClose: {
+              enabled: true
+            }
           })
         })
     },

apps/files/src/mixins.js

@@ -230,7 +230,10 @@ export default {
                 { folder: item.name },
                 true
               ),
-              status: 'danger'
+              status: 'danger',
+              autoClose: {
+                enabled: true
+              }
             })
 
             continue
@@ -301,7 +304,10 @@ export default {
         this.showMessage({
           title: this.$gettext('Upload failed'),
           desc: this.$gettext('Upload of a folder is not supported in Internet Explorer.'),
-          status: 'danger'
+          status: 'danger',
+          autoClose: {
+            enabled: true
+          }
         })
         return
       }
@@ -321,7 +327,10 @@ export default {
             { folder: directoryName },
             true
           ),
-          status: 'danger'
+          status: 'danger',
+          autoClose: {
+            enabled: true
+          }
         })
       } else {
         // Get folder structure

apps/files/src/mixins/deleteResources.js

@@ -109,7 +109,10 @@ export default {
           this.removeFilesFromTrashbin([resource])
           const translated = this.$gettext('%{file} was successfully deleted')
           this.showMessage({
-            title: this.$gettextInterpolate(translated, { file: resource.name }, true)
+            title: this.$gettextInterpolate(translated, { file: resource.name }, true),
+            autoClose: {
+              enabled: true
+            }
           })
         })
         .catch(error => {
@@ -126,7 +129,10 @@ export default {
           this.showMessage({
             title: this.$gettextInterpolate(translated, { file: resource.name }, true),
             desc: error.message,
-            status: 'danger'
+            status: 'danger',
+            autoClose: {
+              enabled: true
+            }
           })
         })
     },

apps/files/src/quickActions.js

@@ -29,7 +29,10 @@ function createPublicLink(ctx) {
           desc: $gettext(
             'Public link has been successfully created and copied into your clipboard.'
           ),
-          status: 'success'
+          status: 'success',
+          autoClose: {
+            enabled: true
+          }
         })
         resolve()
       })

apps/files/src/store/actions.js

@@ -362,7 +362,10 @@ export default {
               'showMessage',
               {
                 title: $gettext('Loading folder failed…'),
-                status: 'danger'
+                status: 'danger',
+                autoClose: {
+                  enabled: true
+                }
               },
               { root: true }
             )
@@ -441,7 +444,10 @@ export default {
             'showMessage',
             {
               title: $gettext('Loading list of deleted files has failed…'),
-              status: 'danger'
+              status: 'danger',
+              autoClose: {
+                enabled: true
+              }
             },
             { root: true }
           )
@@ -461,7 +467,10 @@ export default {
           {
             title: $gettext('Loading list of deleted files has failed…'),
             desc: e.message,
-            status: 'danger'
+            status: 'danger',
+            autoClose: {
+              enabled: true
+            }
           },
           { root: true }
         )
@@ -498,7 +507,10 @@ export default {
           {
             title: $gettext('Loading shared files failed…'),
             desc: e.message,
-            status: 'danger'
+            status: 'danger',
+            autoClose: {
+              enabled: true
+            }
           },
           { root: true }
         )
@@ -535,7 +547,10 @@ export default {
           {
             title: $gettext('Loading shared files failed…'),
             desc: e.message,
-            status: 'danger'
+            status: 'danger',
+            autoClose: {
+              enabled: true
+            }
           },
           { root: true }
         )
@@ -632,7 +647,10 @@ export default {
             'showMessage',
             {
               title: title,
-              status: 'danger'
+              status: 'danger',
+              autoClose: {
+                enabled: true
+              }
             },
             { root: true }
           )
@@ -685,7 +703,10 @@ export default {
             {
               title: this.$gettext('Error while searching.'),
               desc: error.message,
-              status: 'danger'
+              status: 'danger',
+              autoClose: {
+                enabled: true
+              }
             },
             { root: true }
           )
@@ -793,7 +814,10 @@ export default {
             {
               title: $gettext('Error while sharing.'),
               desc: e,
-              status: 'danger'
+              status: 'danger',
+              autoClose: {
+                enabled: true
+              }
             },
             { root: true }
           )
@@ -821,7 +845,10 @@ export default {
           {
             title: $gettext('Error while sharing.'),
             desc: e,
-            status: 'danger'
+            status: 'danger',
+            autoClose: {
+              enabled: true
+            }
           },
           { root: true }
         )
@@ -998,7 +1025,10 @@ export default {
           {
             title: $gettext('Error while changing share state'),
             desc: e.message,
-            status: 'danger'
+            status: 'danger',
+            autoClose: {
+              enabled: true
+            }
           },
           { root: true }
         )

apps/media-viewer/src/mixins/loader.js

@@ -77,7 +77,10 @@ export default {
             this.showMessage({
               title: this.$gettext('Loading folder failed…'),
               desc: error.message,
-              status: 'danger'
+              status: 'danger',
+              autoClose: {
+                enabled: true
+              }
             })
           })
       }

changelog/unreleased/autoclose-alerts

@@ -0,0 +1,7 @@
+Enhancement: Auto-close alerts
+
+We've added a property which enables alerts to be automatically closed.
+When enabling the auto-close, it will get assigned timeout of 5 seconds.
+Default timeout can be overwritten inside of the `autoClose` object.
+
+https://github.com/owncloud/phoenix/pull/4236