Improve

src/app/services/toast.service.ts

@@ -24,6 +24,73 @@ export class ToastService {
     toast.present();
   }
 
+
+  async _successMessage(message?: any, callback?) {
+    
+    let notification = document.createElement('div')
+    notification.className = 'notification'
+    notification.innerHTML = `
+
+    <div class="main-content width-100 pa-20">
+      <p class="message d-flex align-center success">
+        <ion-icon slot="end" class="title-icon pr-10" src="/assets/images/nofitication-success.svg"></ion-icon>
+        <p class="text">{{ message }}</p>
+      </p>
+      
+    </div>
+    `
+
+    document.body.append(notification)
+    notification.querySelector('.text').innerHTML =  message || 'Processo efetuado'
+    setTimeout(()=>{
+      if (callback) {
+        callback()
+      }
+
+      notification.style.right = "-100%"
+
+      setTimeout(()=>{
+        notification.remove()
+      },1000)
+
+    },6000)
+    
+  }
+
+  async _badRequest(message?: string, callback?) {
+
+    let notification = document.createElement('div')
+    notification.className = 'notification'
+    notification.innerHTML = `
+
+    <div class="main-content width-100 pa-20">
+      <p class="message d-flex align-center faild">
+      <ion-icon slot="end" class="title-icon pr-10" src="/assets/images/notification-error.svg"></ion-icon>
+        <p class="text">{{ message }}</p>
+      </p>
+      
+    </div>
+    `
+
+    notification.style.animationName = 'notification-top'
+
+    document.body.append(notification)
+    notification.querySelector('.text').innerHTML =  message || 'Processo não efetuado'
+    setTimeout(()=>{
+      if (callback) {
+        callback()
+      }
+
+      notification.style.right = "-100%"
+
+      setTimeout(()=>{
+        notification.remove()
+      },1000)
+
+    },6000)
+
+  }
+
   async successMessage(message?: any, callback?) {
     
     let notification = document.createElement('div')