From 5bef1e2bbcb395f7af4408ffdaf3b26f71f816c6 Mon Sep 17 00:00:00 2001
From: eldadfux <eldad.fux@gmail.com>
Date: Thu, 8 Aug 2019 16:43:24 +0300
Subject: [PATCH] Fixed error alerts color

---
 app/views/console/account/index.phtml    | 26 ++++++++++++++++--------
 app/views/console/home/index.phtml       |  9 +++++---
 app/views/console/keys/index.phtml       |  9 +++++---
 app/views/console/settings/index.phtml   | 16 ++++++++++-----
 app/views/console/tasks/index.phtml      |  9 +++++---
 app/views/console/users/index.phtml      | 12 +++++++----
 app/views/console/users/view.phtml       | 14 +++++++++----
 app/views/console/webhooks/index.phtml   |  9 +++++---
 app/views/home/auth/confirm.phtml        |  3 ++-
 app/views/home/auth/join.phtml           |  3 ++-
 app/views/home/auth/recovery.phtml       |  3 ++-
 app/views/home/auth/recovery/reset.phtml |  3 ++-
 app/views/home/auth/signin.phtml         |  3 ++-
 app/views/home/auth/signup.phtml         |  3 ++-
 public/dist/scripts/app-all.js           |  2 +-
 public/dist/scripts/app.js               |  2 +-
 public/scripts/views/service.js          |  4 ++--
 17 files changed, 87 insertions(+), 43 deletions(-)

diff --git a/app/views/console/account/index.phtml b/app/views/console/account/index.phtml
index 6ec70fe6e8..ce0186321b 100644
--- a/app/views/console/account/index.phtml
+++ b/app/views/console/account/index.phtml
@@ -32,7 +32,8 @@ use Utopia\Locale\Locale;
                                     data-success-param-alert-text="Your name was updated successfully"
                                     data-success-param-trigger-events="account.update,modal-close"
                                     data-failure="alert"
-                                    data-failure-param-alert-text="Failed to update your name">
+                                    data-failure-param-alert-text="Failed to update your name"
+                                    data-failure-param-alert-classname="error">
 
                                     <label for="name"><?php echo Locale::getText('console.account.section.overview.labels.name'); ?></label>
 
@@ -60,7 +61,8 @@ use Utopia\Locale\Locale;
                                 data-success-param-alert-text="Email address updated successfully"
                                 data-success-param-trigger-events="account-update,modal-close" 
                                 data-failure="alert"
-                                data-failure-param-alert-text="Failed updating email address">
+                                data-failure-param-alert-text="Failed updating email address"
+                                data-failure-param-alert-classname="error">
 
                                 <label><?php echo Locale::getText('console.account.section.overview.labels.email'); ?></label>
                                 <div class="row">
@@ -93,7 +95,8 @@ use Utopia\Locale\Locale;
                                     data-success-param-trigger-events="account-update,modal-close"
                                     data-success-param-alert-text="Password updated successfully"
                                     data-failure="alert"
-                                    data-failure-param-alert-text="Failed updating password">
+                                    data-failure-param-alert-text="Failed updating password"
+                                    data-failure-param-alert-classname="error">
 
                                     <label><?php echo Locale::getText('console.account.section.overview.labels.password1'); ?></label>
                                     <input name="oldPassword" type="password" class="full-width" autocomplete="off" placeholder="" required>
@@ -116,7 +119,9 @@ use Utopia\Locale\Locale;
                                 data-success="trigger"
                                 data-success-param-trigger-events="logout"
                                 data-failure="alert"
-                                data-failure-param-alert-text="Logout failed">
+                                data-failure-param-alert-text="Logout failed"
+                                data-failure-param-alert-classname="error">
+
                                 <button class="fill danger icon fill"><i class="icon-login"></i> <?php echo Locale::getText('console.account.section.overview.actions.logout'); ?></button>
                             </form>
                         </div>
@@ -156,7 +161,8 @@ use Utopia\Locale\Locale;
                                 data-success="trigger"
                                 data-success-param-trigger-events="deactivated"
                                 data-failure="alert"
-                                data-failure-param-alert-text="Account deactivation failed">
+                                data-failure-param-alert-text="Account deactivation failed"
+                                data-failure-param-alert-classname="error">
                                 <button class="danger reverse"><?php echo Locale::getText('console.account.section.overview.danger.action'); ?></button>
                             </form>
                         </div>
@@ -188,7 +194,9 @@ use Utopia\Locale\Locale;
                                 data-success="trigger"
                                 data-success-param-trigger-events="session-delete"
                                 data-failure="alert"
-                                data-failure-param-alert-text="<?php echo $this->escape(Locale::getText('console.account.section.security.devices.logout.failure')); ?>">
+                                data-failure-param-alert-text="<?php echo $this->escape(Locale::getText('console.account.section.security.devices.logout.failure')); ?>"
+                                data-failure-param-alert-classname="error">
+
                                 <input type="hidden" name="id" data-ls-bind="{{session.id}}">
                                 <button class="danger"><?php echo Locale::getText('console.account.section.security.devices.logout'); ?></button>
                             </form>
@@ -205,7 +213,8 @@ use Utopia\Locale\Locale;
                                 data-success-param-trigger-events="logout"
                                 data-success-param-redirect-url="/"
                                 data-failure="alert"
-                                data-failure-param-alert-text="<?php echo $this->escape(Locale::getText('console.account.section.security.devices.logout.failure')); ?>">
+                                data-failure-param-alert-text="<?php echo $this->escape(Locale::getText('console.account.section.security.devices.logout.failure')); ?>"
+                                data-failure-param-alert-classname="error">
                                 <input type="hidden" name="id" data-ls-bind="{{session.id}}">
                                 <button class="danger"><?php echo Locale::getText('console.account.section.security.devices.logout'); ?></button>
                             </form>
@@ -235,7 +244,8 @@ use Utopia\Locale\Locale;
                 data-success-param-trigger-events="session-delete"
                 data-success-redirect-url="/"
                 data-failure="alert"
-                data-failure-param-alert-text="<?php echo $this->escape(Locale::getText('console.account.section.security.devices.logout-all')); ?>">
+                data-failure-param-alert-text="<?php echo $this->escape(Locale::getText('console.account.section.security.devices.logout-all')); ?>"
+                data-failure-param-alert-classname="error">
                 <input type="hidden" name="id" value="0">
                 <button class="danger"><?php echo Locale::getText('console.account.section.security.devices.logout-all'); ?></button>
             </form>
diff --git a/app/views/console/home/index.phtml b/app/views/console/home/index.phtml
index 31bf7d9460..598bb59458 100644
--- a/app/views/console/home/index.phtml
+++ b/app/views/console/home/index.phtml
@@ -102,7 +102,8 @@ $graph = $this->getParam('graph', false);
                     data-success-param-alert-text="Deleted platform successfully"
                     data-success-param-trigger-events="platform-delete"
                     data-failure="alert"
-                    data-failure-param-alert-text="Failed to delete platform">
+                    data-failure-param-alert-text="Failed to delete platform"
+                    data-failure-param-alert-classname="error">
                     <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
                     <input type="hidden" name="platformId" data-ls-bind="{{platform.$uid}}">
 
@@ -160,7 +161,8 @@ $graph = $this->getParam('graph', false);
         data-success-param-alert-text="Created new platform successfully"
         data-success-param-trigger-events="platform-create,modal-close"
         data-failure="alert"
-        data-failure-param-alert-text="Failed to create platform">
+        data-failure-param-alert-text="Failed to create platform"
+        data-failure-param-alert-classname="error">
 
         <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
         <input type="hidden" name="type" data-ls-bind="web">
@@ -210,7 +212,8 @@ $graph = $this->getParam('graph', false);
         data-success-param-alert-text="Updated platform successfully"
         data-success-param-trigger-events="platform-update,modal-close"
         data-failure="alert"
-        data-failure-param-alert-text="Failed to update platform">
+        data-failure-param-alert-text="Failed to update platform"
+        data-failure-param-alert-classname="error">
 
         <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
         <input type="hidden" name="platformId" data-ls-bind="{{platform.$uid}}">
diff --git a/app/views/console/keys/index.phtml b/app/views/console/keys/index.phtml
index 7686023907..b2cc4c2262 100644
--- a/app/views/console/keys/index.phtml
+++ b/app/views/console/keys/index.phtml
@@ -62,7 +62,8 @@ $scopes = [ // TODO sync with project list
                         data-success-param-alert-text="Updated API key successfully"
                         data-success-triggers="key-update,modal-close"
                         data-failure="alert"
-                        data-failure-param-alert-text="Failed to update API key">
+                        data-failure-param-alert-text="Failed to update API key"
+                        data-failure-param-alert-classname="error">
 
                         <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
                         <input type="hidden" name="keyId" data-ls-bind="{{key.$uid}}">
@@ -99,7 +100,8 @@ $scopes = [ // TODO sync with project list
                     data-success-param-alert-text="Deleted API key successfully"
                     data-success-param-trigger-events="key-delete"
                     data-failure="alert"
-                    data-failure-param-alert-text="Failed to delete API key">
+                    data-failure-param-alert-text="Failed to delete API key"
+                    data-failure-param-alert-classname="error">
 
                     <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
                     <input type="hidden" name="keyId" data-ls-bind="{{key.$uid}}">
@@ -141,7 +143,8 @@ $scopes = [ // TODO sync with project list
                 data-success-param-alert-text="Created API key successfully"
                 data-success-param-trigger-events="key-create,modal-close"
                 data-failure="alert"
-                data-failure-param-alert-text="Failed to create API key">
+                data-failure-param-alert-text="Failed to create API key"
+                data-failure-param-alert-classname="error">
 
                 <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
 
diff --git a/app/views/console/settings/index.phtml b/app/views/console/settings/index.phtml
index e053efb2cb..0e3b27c768 100644
--- a/app/views/console/settings/index.phtml
+++ b/app/views/console/settings/index.phtml
@@ -33,7 +33,8 @@ use Utopia\Locale\Locale;
                     data-success-param-alert-text="Saved project successfully"
                     data-success-param-trigger-events="project-update"
                     data-failure="alert"
-                    data-failure-param-alert-text="Failed to update project">
+                    data-failure-param-alert-text="Failed to update project"
+                    data-failure-param-alert-classname="error">
 
                     <input name="$uid" type="hidden" data-ls-bind="{{console-project.$uid}}" />
 
@@ -112,7 +113,9 @@ use Utopia\Locale\Locale;
                     data-success-param-alert-text="Saved project successfully"
                     data-success-param-trigger-events="project-update"
                     data-failure="alert"
-                    data-failure-param-alert-text="Failed to update project">
+                    data-failure-param-alert-text="Failed to update project"
+                    data-failure-param-alert-classname="error">
+
                     <h2>Privacy & Legal</h2>
 
                     <div class="box margin-bottom">
@@ -171,7 +174,8 @@ use Utopia\Locale\Locale;
                                     data-success-param-alert-text="<?php echo Locale::getText('console.settings.section.members.leave.success'); ?>"
                                     data-success-param-trigger-events="membership-delete"
                                     data-failure="alert"
-                                    data-failure-param-alert-text="<?php echo Locale::getText('console.settings.section.members.leave.failure'); ?>">
+                                    data-failure-param-alert-text="<?php echo Locale::getText('console.settings.section.members.leave.failure'); ?>"
+                                    data-failure-param-alert-classname="error">
 
                                     <input name="teamId" id="teamId" type="hidden" data-ls-bind="{{console-project.teamId}}">
                                     <input name="inviteId" id="inviteId" type="hidden" data-ls-bind="{{member.inviteId}}">
@@ -188,7 +192,8 @@ use Utopia\Locale\Locale;
                                         data-success-param-alert-text="<?php echo Locale::getText('console.settings.section.members.invite.success'); ?>"
                                         data-success-param-trigger-events="membership-resend"
                                         data-failure="alert"
-                                        data-failure-param-alert-text="<?php echo Locale::getText('console.settings.section.members.invite.failure'); ?>">
+                                        data-failure-param-alert-text="<?php echo Locale::getText('console.settings.section.members.invite.failure'); ?>"
+                                        data-failure-param-alert-classname="error">
 
                                         <input name="inviteId" id="inviteId" type="hidden" data-ls-bind="{{member.inviteId}}">
                                         <input name="redirect" type="hidden" data-ls-bind="https://{{env.DOMAIN}}/auth/join?project={{router.params.project}}" />
@@ -220,7 +225,8 @@ use Utopia\Locale\Locale;
                             data-success-param-alert-text="<?php echo Locale::getText('console.settings.section.members.invite.success'); ?>"
                             data-success-param-trigger-events="membership-create,modal-close"
                             data-failure="alert"
-                            data-failure-param-alert-text="<?php echo Locale::getText('console.settings.section.members.invite.failure'); ?>">
+                            data-failure-param-alert-text="<?php echo Locale::getText('console.settings.section.members.invite.failure'); ?>"
+                            data-failure-param-alert-classname="error">
 
                             <input name="teamId" id="teamId" type="hidden" data-ls-bind="{{console-project.teamId}}">
                             <input name="redirect" type="hidden" data-ls-bind="https://{{env.DOMAIN}}/auth/join?project={{router.params.project}}" />
diff --git a/app/views/console/tasks/index.phtml b/app/views/console/tasks/index.phtml
index cc893dae0f..4e609cb240 100644
--- a/app/views/console/tasks/index.phtml
+++ b/app/views/console/tasks/index.phtml
@@ -87,7 +87,8 @@ use Utopia\Locale\Locale;
                                 data-success-param-alert-text="Updated task successfully"
                                 data-success-param-trigger-events="task-update,modal-close"
                                 data-failure="alert"
-                                data-failure-param-alert-text="Failed to update task">
+                                data-failure-param-alert-text="Failed to update task"
+                                data-failure-param-alert-classname="error">
 
                                 <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
                                 <input type="hidden" name="taskId" data-ls-bind="{{task.$uid}}">
@@ -192,7 +193,8 @@ use Utopia\Locale\Locale;
                                 data-success-param-alert-text="Deleted task successfully"
                                 data-success-param-trigger-events="task-delete,modal-close"
                                 data-failure="alert"
-                                data-failure-param-alert-text="Failed to delete task">
+                                data-failure-param-alert-text="Failed to delete task"
+                                data-failure-param-alert-classname="error">
 
                                 <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
                                 <input type="hidden" name="taskId" data-ls-bind="{{task.$uid}}">
@@ -220,7 +222,8 @@ use Utopia\Locale\Locale;
                 data-success-param-alert-text="Created task successfully"
                 data-success-param-trigger-events="task-create,modal-close"
                 data-failure="alert"
-                data-failure-param-alert-text="Failed to create task">
+                data-failure-param-alert-text="Failed to create task"
+                data-failure-param-alert-classname="error">
 
                 <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
 
diff --git a/app/views/console/users/index.phtml b/app/views/console/users/index.phtml
index 5fabf9fbc7..40388ec20a 100644
--- a/app/views/console/users/index.phtml
+++ b/app/views/console/users/index.phtml
@@ -30,7 +30,8 @@ $providers = $this->getParam('providers', []);
                                     data-success-param-alert-text="Created user successfully"
                                     data-success-param-trigger-events="user-create,modal-close"
                                     data-failure="alert"
-                                    data-failure-param-alert-text="Failed to create user">
+                                    data-failure-param-alert-text="Failed to create user"
+                                    data-failure-param-alert-classname="error">
 
                                     <label for="user-name">Name</label>
                                     <input type="text" class="full-width" id="user-name" name="name" required autocomplete="off" />
@@ -157,7 +158,8 @@ $providers = $this->getParam('providers', []);
                                 data-success-param-alert-text="Created team successfully"
                                 data-success-param-trigger-events="filter-teams-changed,team-create,modal-close"
                                 data-failure="alert"
-                                data-failure-param-alert-text="Failed to create team">
+                                data-failure-param-alert-text="Failed to create team"
+                                data-failure-param-alert-classname="error">
 
                                 <label for="team-name">Name</label>
                                 <input type="text" class="full-width" id="team-name" name="name" required autocomplete="off" />
@@ -220,7 +222,8 @@ $providers = $this->getParam('providers', []);
                                                     data-success-param-alert-text="Updated team successfully"
                                                     data-success-param-trigger-events="team-update,modal-close"
                                                     data-failure="alert"
-                                                    data-failure-param-alert-text="Failed to update team">
+                                                    data-failure-param-alert-text="Failed to update team"
+                                                    data-failure-param-alert-classname="error">
 
                                                     <label for="name">UID</label>
                                                     <div class="input-copy">
@@ -283,7 +286,8 @@ $providers = $this->getParam('providers', []);
                                     data-success-param-alert-text="Updated project OAuth settings successfully"
                                     data-success-param-trigger-events="project-update,modal-close"
                                     data-failure="alert"
-                                    data-failure-param-alert-text="Failed to update project OAuth settings">
+                                    data-failure-param-alert-text="Failed to update project OAuth settings"
+                                    data-failure-param-alert-classname="error">
                                     <input name="provider" id="provider<?php echo ucfirst($provider); ?>" type="hidden" autocomplete="off" value="<?php echo $provider; ?>">
 
                                     <label for="oauth<?php echo ucfirst($provider); ?>Appid">App ID</label>
diff --git a/app/views/console/users/view.phtml b/app/views/console/users/view.phtml
index fbb504da2b..7881bd3ecc 100644
--- a/app/views/console/users/view.phtml
+++ b/app/views/console/users/view.phtml
@@ -99,7 +99,8 @@ use Utopia\Locale\Locale;
                                 data-success-param-alert-text="Blocked User Successfully"
                                 data-success-param-trigger-events="user-update"
                                 data-failure="alert"
-                                data-failure-param-alert-text="Failed to Block User">
+                                data-failure-param-alert-text="Failed to Block User"
+                                data-failure-param-alert-classname="error">
 
                                 <button name="status" type="submit" class="danger fill" value="<?php echo \Auth\Auth::USER_STATUS_BLOCKED; ?>">Block Account</button>
                             </form>
@@ -114,7 +115,8 @@ use Utopia\Locale\Locale;
                                 data-success-param-alert-text="Blocked Activated Successfully"
                                 data-success-param-trigger-events="user-update"
                                 data-failure="alert"
-                                data-failure-param-alert-text="Failed to Activate User">
+                                data-failure-param-alert-text="Failed to Activate User"
+                                data-failure-param-alert-classname="error">
 
                                 <button name="status" type="submit" class="fill" value="<?php echo \Auth\Auth::USER_STATUS_ACTIVATED; ?>">Activate Account</button>
                             </form>
@@ -146,7 +148,9 @@ use Utopia\Locale\Locale;
                                         data-success="trigger"
                                         data-success-param-trigger-events="user-update"
                                         data-failure="alert"
-                                        data-failure-param-alert-text="Failed to logout session">
+                                        data-failure-param-alert-text="Failed to logout session"
+                                        data-failure-param-alert-classname="error">
+
                                         <input type="hidden" name="userId" data-ls-bind="{{router.params.id}}">
                                         <input type="hidden" name="sessionId" data-ls-bind="{{session.id}}">
                                         <button class="danger">Logout</button>
@@ -171,7 +175,9 @@ use Utopia\Locale\Locale;
                             data-success="trigger"
                             data-success-param-trigger-events="user-update"
                             data-failure="alert"
-                            data-failure-param-alert-text="Failed to logout all sessions">
+                            data-failure-param-alert-text="Failed to logout all sessions"
+                            data-failure-param-alert-classname="error">
+                            
                             <button class="danger">Logout from all devices</button>
                         </form>
                     </div>
diff --git a/app/views/console/webhooks/index.phtml b/app/views/console/webhooks/index.phtml
index ac5363ba06..fff3f4a672 100644
--- a/app/views/console/webhooks/index.phtml
+++ b/app/views/console/webhooks/index.phtml
@@ -54,7 +54,8 @@ $events = [
                         data-success-param-alert-text="Updated webhook successfully"
                         data-success-param-trigger-events="webhook-update,modal-close"
                         data-failure="alert"
-                        data-failure-param-alert-text="Failed to update webhook">
+                        data-failure-param-alert-text="Failed to update webhook"
+                        data-failure-param-alert-classname="error">
 
                         <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
                         <input type="hidden" name="webhookId" data-ls-bind="{{webhook.$uid}}">
@@ -121,7 +122,8 @@ $events = [
                     data-success-param-alert-text="Deleted webhook successfully"
                     data-success-param-trigger-events="webhook-delete"
                     data-failure="alert"
-                    data-failure-param-alert-text="Failed to delete webhook">
+                    data-failure-param-alert-text="Failed to delete webhook"
+                    data-failure-param-alert-classname="error">
 
                     <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
                     <input type="hidden" name="webhookId" data-ls-bind="{{webhook.$uid}}">
@@ -152,7 +154,8 @@ $events = [
                 data-success-param-alert-text="Created webhook successfully"
                 data-success-param-trigger-events="webhook-create,modal-close"
                 data-failure="alert"
-                data-failure-param-alert-text="Failed to create webhook">
+                data-failure-param-alert-text="Failed to create webhook"
+                data-failure-param-alert-classname="error">
 
                 <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
 
diff --git a/app/views/home/auth/confirm.phtml b/app/views/home/auth/confirm.phtml
index dccdee9031..95de81a3fe 100644
--- a/app/views/home/auth/confirm.phtml
+++ b/app/views/home/auth/confirm.phtml
@@ -13,7 +13,8 @@ use Utopia\Locale\Locale;
       data-success-alert="<?php echo $this->escape(Locale::getText('home.auth.confirm.success')); ?>"
       data-success-triggers="account.update"
       data-failure="alert"
-      data-failure-alert="<?php echo $this->escape(Locale::getText('home.auth.confirm.failure')); ?>">
+      data-failure-param-alert-text="<?php echo $this->escape(Locale::getText('home.auth.confirm.failure')); ?>"
+      data-failure-param-alert-classname="error">
 
         <h2 class="margin-bottom-small"><?php echo $this->escape(Locale::getText('home.auth.confirm.title')); ?></h2>
         <p class="note"><?php echo $this->escape(Locale::getText('home.auth.confirm.subtitle')); ?></p>
diff --git a/app/views/home/auth/join.phtml b/app/views/home/auth/join.phtml
index 2d63e562d0..6a8eb4c08b 100644
--- a/app/views/home/auth/join.phtml
+++ b/app/views/home/auth/join.phtml
@@ -14,7 +14,8 @@ use Utopia\Locale\Locale;
           data-success-alert="<?php echo $this->escape(Locale::getText('home.auth.join.success')); ?>"
           data-success-triggers="account.update"
           data-failure="alert"
-          data-failure-alert="<?php echo $this->escape(Locale::getText('home.auth.join.failure')); ?>">
+          data-failure-param-alert-text="<?php echo $this->escape(Locale::getText('home.auth.join.failure')); ?>"
+          data-failure-param-alert-classname="error">
 
         <div class="text-danger margin-bottom-large" style="display: none;" data-ls-if="{{router.params.failure}} == 1"><?php echo $this->escape(Locale::getText('home.auth.join.failure')); ?></div>
 
diff --git a/app/views/home/auth/recovery.phtml b/app/views/home/auth/recovery.phtml
index a32565ea17..6025b6820b 100644
--- a/app/views/home/auth/recovery.phtml
+++ b/app/views/home/auth/recovery.phtml
@@ -15,7 +15,8 @@ use Utopia\Locale\Locale;
           data-success="alert"
           data-success-alert="<?php echo $this->escape(Locale::getText('home.auth.recovery.success')); ?>"
           data-failure="alert"
-          data-failure-alert="<?php echo $this->escape(Locale::getText('home.auth.recovery.failure')); ?>">
+          data-failure-param-alert-text="<?php echo $this->escape(Locale::getText('home.auth.recovery.failure')); ?>"
+          data-failure-param-alert-classname="error">
 
         <label><?php echo $this->escape(Locale::getText('home.auth.recovery.labels.email')); ?></label>
         <input name="email" type="email" class="full-width" autocomplete="email" placeholder="me@example.com" required>
diff --git a/app/views/home/auth/recovery/reset.phtml b/app/views/home/auth/recovery/reset.phtml
index ea96568fdb..14d42e0e2b 100644
--- a/app/views/home/auth/recovery/reset.phtml
+++ b/app/views/home/auth/recovery/reset.phtml
@@ -19,7 +19,8 @@ use Utopia\Locale\Locale;
           data-success-alert="<?php echo $this->escape(Locale::getText('home.auth.reset.success')); ?>"
           data-success-redirect-url="/auth/signin"
           data-failure="alert"
-          data-failure-alert="<?php echo $this->escape(Locale::getText('home.auth.reset.failure')); ?>">
+          data-failure-param-alert-text="<?php echo $this->escape(Locale::getText('home.auth.reset.failure')); ?>"
+          data-failure-param-alert-classname="error">
 
         <input type="hidden" name="userId" data-ls-bind="{{router.params.userId}}">
         <input type="hidden" name="token" data-ls-bind="{{router.params.token}}">
diff --git a/app/views/home/auth/signin.phtml b/app/views/home/auth/signin.phtml
index 2c0974acc6..6241869f24 100644
--- a/app/views/home/auth/signin.phtml
+++ b/app/views/home/auth/signin.phtml
@@ -31,7 +31,8 @@ use Utopia\Locale\Locale;
                 data-success-param-trigger-events="login"
                 data-success-param-redirect-url="/console"
                 data-failure="alert"
-                data-failure-param-alert-text="<?php echo $this->escape(Locale::getText('home.auth.signin.failure')); ?>">
+                data-failure-param-alert-text="<?php echo $this->escape(Locale::getText('home.auth.signin.failure')); ?>"
+                data-failure-param-alert-classname="error">
 
                 <input name="success" type="hidden" data-ls-bind="https://{{env.DOMAIN}}/console">
                 <input name="failure" type="hidden" data-ls-bind="https://{{env.DOMAIN}}/auth/signin?failure=1">
diff --git a/app/views/home/auth/signup.phtml b/app/views/home/auth/signup.phtml
index b2045be159..85d69915c1 100644
--- a/app/views/home/auth/signup.phtml
+++ b/app/views/home/auth/signup.phtml
@@ -21,7 +21,8 @@ use Utopia\Locale\Locale;
                 data-success-param-trigger-events="auth-register"
                 data-success-redirect-url="/console/setup"
                 data-failure="alert"
-                data-failure-param-alert-text="<?php echo $this->escape(Locale::getText('home.auth.signup.failure')); ?>">
+                data-failure-param-alert-text="<?php echo $this->escape(Locale::getText('home.auth.signup.failure')); ?>"
+                data-failure-param-alert-classname="error">
 
                 <input name="success" type="hidden" data-ls-bind="https://{{env.DOMAIN}}/console">
                 <input name="failure" type="hidden" data-ls-bind="https://{{env.DOMAIN}}/auth/signup?failure=1">
diff --git a/public/dist/scripts/app-all.js b/public/dist/scripts/app-all.js
index ecef502d24..f319eccb78 100644
--- a/public/dist/scripts/app-all.js
+++ b/public/dist/scripts/app-all.js
@@ -2370,7 +2370,7 @@ document.body.classList.add(prefix+'-'+value);cookie.set('language-'+prefix,valu
 let config={type:'line',data:{labels:[],datasets:[{label:'Requests',backgroundColor:'rgba(230, 248, 253, 0.3)',borderColor:'#29b5d9',borderWidth:2,data:[0,0,0,0,0,0,0],fill:true}]},options:{responsive:true,title:{display:false,text:'Stats'},legend:{display:false},tooltips:{mode:'index',intersect:false,caretPadding:0},hover:{mode:'nearest',intersect:true},scales:{xAxes:[{display:false}],yAxes:[{display:false,}]}}};for(let i=0;i<stats['requests']['data'].length;i++){config.data.datasets[0].data[i]=stats['requests']['data'][i].value;config.data.labels[i]=date.format('d F Y',stats['requests']['data'][i].date);}
 let chart=container.get('chart');if(chart){}
 element.innerHTML='';element.appendChild(child);container.set('chart',new Chart(child.getContext('2d'),config),true);element.dataset['canvas']=true;}});(function(window){"use strict";window.ls.container.get('view').add({selector:'data-service',repeat:false,controller:function(element,view,container,form,alerts,expression,window,router){let action=element.dataset['service'];let service=element.dataset['name']||action;let event=element.dataset['event'];let confirm=element.dataset['confirm']||'';let loading=element.dataset['loading']||'';let loaderId=null;let scope=element.dataset['scope']||'sdk';let debug=!!(element.dataset['debug']);let success=(element.dataset['success']||'');let failure=(element.dataset['failure']||'');success=(success&&success!='')?success.trim().split(','):[];failure=(failure&&failure!='')?failure.trim().split(','):[];if(debug)console.log('%c[service init]: '+action+' ('+service+')','color:red');let callbacks={'reset':function(){return function(){if('FORM'===element.tagName){return element.reset();}
-throw new Error('This callback is only valid for forms');}},'alert':function(text){return function(alerts){alerts.add({text:text,class:'success'},3000);}},'redirect':function(url){return function(router){router.change(url||'/');}},'reload':function(){return function(router){router.reload();}},'trigger':function(events){return function(document){events=events.trim().split(',');for(let i=0;i<events.length;i++){if(''===events[i]){continue;}
+throw new Error('This callback is only valid for forms');}},'alert':function(text,classname){return function(alerts){alerts.add({text:text,class:(classname||'success')},3000);}},'redirect':function(url){return function(router){router.change(url||'/');}},'reload':function(){return function(router){router.reload();}},'trigger':function(events){return function(document){events=events.trim().split(',');for(let i=0;i<events.length;i++){if(''===events[i]){continue;}
 if(debug)console.log('%c[event triggered]: '+events[i],'color:green');document.dispatchEvent(new CustomEvent(events[i]));}}}};let getParams=function getParams(func){const REGEX_COMMENTS=/((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;const REGEX_FUNCTION_PARAMS=/(?:\s*(?:function\s*[^(]*)?\s*)((?:[^'"]|(?:(?:(['"])(?:(?:.*?[^\\]\2)|\2))))*?)\s*(?=(?:=>)|{)/m;const REGEX_PARAMETERS_VALUES=/\s*([\w\\$]+)\s*(?:=\s*((?:(?:(['"])(?:\3|(?:.*?[^\\]\3)))((\s*\+\s*)(?:(?:(['"])(?:\6|(?:.*?[^\\]\6)))|(?:[\w$]*)))*)|.*?))?\s*(?:,|$)/gm;let functionAsString=func.toString();let params=[];let match;functionAsString=functionAsString.replace(REGEX_COMMENTS,'');functionAsString=functionAsString.match(REGEX_FUNCTION_PARAMS)[1];if(functionAsString.charAt(0)==='('){functionAsString=functionAsString.slice(1,-1);}
 while(match=REGEX_PARAMETERS_VALUES.exec(functionAsString)){params.push(match[1]);}
 return params;}
diff --git a/public/dist/scripts/app.js b/public/dist/scripts/app.js
index 752cc5c229..724fd2ae5f 100644
--- a/public/dist/scripts/app.js
+++ b/public/dist/scripts/app.js
@@ -277,7 +277,7 @@ document.body.classList.add(prefix+'-'+value);cookie.set('language-'+prefix,valu
 let config={type:'line',data:{labels:[],datasets:[{label:'Requests',backgroundColor:'rgba(230, 248, 253, 0.3)',borderColor:'#29b5d9',borderWidth:2,data:[0,0,0,0,0,0,0],fill:true}]},options:{responsive:true,title:{display:false,text:'Stats'},legend:{display:false},tooltips:{mode:'index',intersect:false,caretPadding:0},hover:{mode:'nearest',intersect:true},scales:{xAxes:[{display:false}],yAxes:[{display:false,}]}}};for(let i=0;i<stats['requests']['data'].length;i++){config.data.datasets[0].data[i]=stats['requests']['data'][i].value;config.data.labels[i]=date.format('d F Y',stats['requests']['data'][i].date);}
 let chart=container.get('chart');if(chart){}
 element.innerHTML='';element.appendChild(child);container.set('chart',new Chart(child.getContext('2d'),config),true);element.dataset['canvas']=true;}});(function(window){"use strict";window.ls.container.get('view').add({selector:'data-service',repeat:false,controller:function(element,view,container,form,alerts,expression,window,router){let action=element.dataset['service'];let service=element.dataset['name']||action;let event=element.dataset['event'];let confirm=element.dataset['confirm']||'';let loading=element.dataset['loading']||'';let loaderId=null;let scope=element.dataset['scope']||'sdk';let debug=!!(element.dataset['debug']);let success=(element.dataset['success']||'');let failure=(element.dataset['failure']||'');success=(success&&success!='')?success.trim().split(','):[];failure=(failure&&failure!='')?failure.trim().split(','):[];if(debug)console.log('%c[service init]: '+action+' ('+service+')','color:red');let callbacks={'reset':function(){return function(){if('FORM'===element.tagName){return element.reset();}
-throw new Error('This callback is only valid for forms');}},'alert':function(text){return function(alerts){alerts.add({text:text,class:'success'},3000);}},'redirect':function(url){return function(router){router.change(url||'/');}},'reload':function(){return function(router){router.reload();}},'trigger':function(events){return function(document){events=events.trim().split(',');for(let i=0;i<events.length;i++){if(''===events[i]){continue;}
+throw new Error('This callback is only valid for forms');}},'alert':function(text,classname){return function(alerts){alerts.add({text:text,class:(classname||'success')},3000);}},'redirect':function(url){return function(router){router.change(url||'/');}},'reload':function(){return function(router){router.reload();}},'trigger':function(events){return function(document){events=events.trim().split(',');for(let i=0;i<events.length;i++){if(''===events[i]){continue;}
 if(debug)console.log('%c[event triggered]: '+events[i],'color:green');document.dispatchEvent(new CustomEvent(events[i]));}}}};let getParams=function getParams(func){const REGEX_COMMENTS=/((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;const REGEX_FUNCTION_PARAMS=/(?:\s*(?:function\s*[^(]*)?\s*)((?:[^'"]|(?:(?:(['"])(?:(?:.*?[^\\]\2)|\2))))*?)\s*(?=(?:=>)|{)/m;const REGEX_PARAMETERS_VALUES=/\s*([\w\\$]+)\s*(?:=\s*((?:(?:(['"])(?:\3|(?:.*?[^\\]\3)))((\s*\+\s*)(?:(?:(['"])(?:\6|(?:.*?[^\\]\6)))|(?:[\w$]*)))*)|.*?))?\s*(?:,|$)/gm;let functionAsString=func.toString();let params=[];let match;functionAsString=functionAsString.replace(REGEX_COMMENTS,'');functionAsString=functionAsString.match(REGEX_FUNCTION_PARAMS)[1];if(functionAsString.charAt(0)==='('){functionAsString=functionAsString.slice(1,-1);}
 while(match=REGEX_PARAMETERS_VALUES.exec(functionAsString)){params.push(match[1]);}
 return params;}
diff --git a/public/scripts/views/service.js b/public/scripts/views/service.js
index 94bbdbdbf9..6c679c1307 100644
--- a/public/scripts/views/service.js
+++ b/public/scripts/views/service.js
@@ -33,9 +33,9 @@
                         }
                     },
 
-                    'alert': function (text) {
+                    'alert': function (text, classname) {
                         return function (alerts) {
-                            alerts.add({ text: text, class: 'success' }, 3000);
+                            alerts.add({ text: text, class: (classname || 'success') }, 3000);
                         }
                     },