diff --git a/app/views/console/account/index.phtml b/app/views/console/account/index.phtml
index 6222aa3f40..ce3d3923cb 100644
--- a/app/views/console/account/index.phtml
+++ b/app/views/console/account/index.phtml
@@ -263,7 +263,7 @@ use Utopia\Locale\Locale;
                             <td data-title="<?php echo $this->escape(Locale::getText('console.account.section.security.recent-activity.date')); ?>: "><span data-ls-bind="{{log.time|date-time}}"></span></td>
                             <td data-title="<?php echo $this->escape(Locale::getText('console.account.section.security.recent-activity.event')); ?>: "><span data-ls-bind="{{log.event}}"></span></td>
                             <td data-title="<?php echo $this->escape(Locale::getText('console.account.section.security.recent-activity.client')); ?>: ">
-                                <img data-ls-attrs="src={{env.API}}/v1/avatars/browsers/{{log.client.short_name|lowerCase}}?width=80&height=80" data-ls-title="{{log.client.name}}" data-ls-alt="{{log.client.name}}" class="avatar xs inline margin-end-small" />
+                                <img data-ls-attrs="src={{env.API}}/v1/avatars/browsers/{{log.client.short_name|lowerCase}}?width=80&height=80,title={{log.client.name}},alt={{log.client.name}}" class="avatar xs inline margin-end-small" />
                                 <span data-ls-bind="{{log.client.name}} {{log.client.version}} on {{log.model}} {{log.OS.name}} {{log.OS.version}}"></span>
                             </td>
                             <td data-title="<?php echo $this->escape(Locale::getText('console.account.section.security.recent-activity.location')); ?>: ">
diff --git a/app/views/console/settings/index.phtml b/app/views/console/settings/index.phtml
index 73328ee53f..cda617324a 100644
--- a/app/views/console/settings/index.phtml
+++ b/app/views/console/settings/index.phtml
@@ -212,10 +212,10 @@ $scopes = [ // TODO sync with project list
                                         <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
                                         <input type="hidden" name="keyId" data-ls-bind="{{key.$uid}}">
 
-                                        <label data-ls-for="name-{{key.$uid}}">Name</label>
-                                        <input type="text" class="full-width" data-ls-id="name-{{key.$uid}}" name="name" required autocomplete="off" data-ls-bind="{{key.name}}" />
+                                        <label data-ls-attrs="for=name-{{key.$uid}}">Name</label>
+                                        <input type="text" class="full-width" data-ls-attrs="id=name-{{key.$uid}}" name="name" required autocomplete="off" data-ls-bind="{{key.name}}" />
 
-                                        <label data-ls-for="scopes-{{key.$uid}}">Scopes (<a href="/docs/keys" target="_blank">Learn More</a>)</label>
+                                        <label data-ls-attrs="for=scopes-{{key.$uid}}">Scopes (<a href="/docs/keys" target="_blank">Learn More</a>)</label>
                                         <div class="row thin margin-bottom">
                                             <?php foreach ($scopes as $i => $scope): ?>
                                             <div class="col span-6">
@@ -358,10 +358,10 @@ $scopes = [ // TODO sync with project list
                                         <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
                                         <input type="hidden" name="webhookId" data-ls-bind="{{webhook.$uid}}">
 
-                                        <label data-ls-for="name-{{webhook.$uid}}">Name</label>
-                                        <input type="text" class="full-width" data-ls-id="name-{{webhook.$uid}}" name="name" required autocomplete="off" data-ls-bind="{{webhook.name}}" />
+                                        <label data-ls-attrs="for=name-{{webhook.$uid}}">Name</label>
+                                        <input type="text" class="full-width" data-ls-attrs="id=name-{{webhook.$uid}}" name="name" required autocomplete="off" data-ls-bind="{{webhook.name}}" />
 
-                                        <label data-ls-for="events-{{webhook.$uid}}">Events</label>
+                                        <label data-ls-attrs="for=events-{{webhook.$uid}}">Events</label>
                                         <div class="row thin margin-bottom">
                                             <?php foreach ($events as $i => $event): ?>
                                             <div class="col span-6">
@@ -375,15 +375,15 @@ $scopes = [ // TODO sync with project list
                                             <?php endforeach; ?>
                                         </div>
 
-                                        <label data-ls-for="url-{{webhook.$uid}}">POST URL</label>
-                                        <input type="url" class="full-width" data-ls-id="url-{{webhook.$uid}}" name="url" required autocomplete="off" placeholder="https://example.com/callback" data-ls-bind="{{webhook.url}}" />
+                                        <label data-ls-attrs="for=url-{{webhook.$uid}}">POST URL</label>
+                                        <input type="url" class="full-width" data-ls-attrs="id=url-{{webhook.$uid}}" name="url" required autocomplete="off" placeholder="https://example.com/callback" data-ls-bind="{{webhook.url}}" />
 
-                                        <label data-ls-for="secure-{{webhook.$uid}}">SSL / TLS</label>
+                                        <label data-ls-attrs="for=secure-{{webhook.$uid}}">SSL / TLS</label>
                                         <p class="note">Certificate verification</p>
 
-                                        <input name="security" data-ls-id="secure-yes-{{webhook.$uid}}" type="radio" required data-ls-bind="1" data-default="{{webhook.security}}" /> &nbsp; <span>Enabled</span>
+                                        <input name="security" data-ls-attrs="id=secure-yes-{{webhook.$uid}}" type="radio" required data-ls-bind="1" data-default="{{webhook.security}}" /> &nbsp; <span>Enabled</span>
                                         &nbsp;&nbsp;
-                                        <input name="security" data-ls-id="secure-no-{{webhook.$uid}}" type="radio" required data-ls-bind="0" data-default="{{webhook.security}}" /> &nbsp; <span>Disabled</span>
+                                        <input name="security" data-ls-attrs="id=secure-no-{{webhook.$uid}}" type="radio" required data-ls-bind="0" data-default="{{webhook.security}}" /> &nbsp; <span>Disabled</span>
 
                                         <br />
                                         <br />
@@ -396,12 +396,12 @@ $scopes = [ // TODO sync with project list
 
                                         <div class="row thin">
                                             <div class="col span-6">
-                                                <label data-ls-for="httpUser-{{webhook.$uid}}">User</label>
-                                                <input type="text" class="full-width" data-ls-id="httpUser-{{webhook.$uid}}" name="httpUser" autocomplete="off" data-ls-bind="{{webhook.httpUser}}" />
+                                                <label data-ls-attrs="for=httpUser-{{webhook.$uid}}">User</label>
+                                                <input type="text" class="full-width" data-ls-attrs="id=httpUser-{{webhook.$uid}}" name="httpUser" autocomplete="off" data-ls-bind="{{webhook.httpUser}}" />
                                             </div>
                                             <div class="col span-6">
-                                                <label data-ls-for="httpPass-{{webhook.$uid}}">Password</label>
-                                                <input type="password" class="full-width" data-ls-id="httpPass-{{webhook.$uid}}" name="httpPass" autocomplete="off" data-ls-bind="{{webhook.httpPass}}" />
+                                                <label data-ls-attrs="for=httpPass-{{webhook.$uid}}">Password</label>
+                                                <input type="password" class="full-width" data-ls-attrs="id=httpPass-{{webhook.$uid}}" name="httpPass" autocomplete="off" data-ls-bind="{{webhook.httpPass}}" />
                                             </div>
                                         </div>
 
@@ -479,9 +479,9 @@ $scopes = [ // TODO sync with project list
                                 <label for="secure">SSL / TLS</label>
                                 <p class="note">Certificate verification</p>
 
-                                <input name="security" data-ls-id="secure-yes" type="radio" value="1" checked="checked" required /> &nbsp; <span>Enabled</span>
+                                <input name="security" data-ls-attrs="id=secure-yes" type="radio" value="1" checked="checked" required /> &nbsp; <span>Enabled</span>
                                 &nbsp;&nbsp;
-                                <input name="security" data-ls-id="secure-no" type="radio" value="0" required /> &nbsp; <span>Disabled</span>
+                                <input name="security" data-ls-attrs="id=secure-no" type="radio" value="0" required /> &nbsp; <span>Disabled</span>
 
                                 <br />
                                 <br />
@@ -603,23 +603,23 @@ $scopes = [ // TODO sync with project list
                                                 <input type="hidden" name="projectId" data-ls-bind="{{console-project.$uid}}">
                                                 <input type="hidden" name="taskId" data-ls-bind="{{task.$uid}}">
 
-                                                <label data-ls-for="name-{{task.$uid}}">Name</label>
-                                                <input type="text" class="full-width" data-ls-id="name-{{task.$uid}}" name="name" required autocomplete="off" data-ls-bind="{{task.name}}" />
+                                                <label data-ls-attrs="for=name-{{task.$uid}}">Name</label>
+                                                <input type="text" class="full-width" data-ls-attrs="id=name-{{task.$uid}}" name="name" required autocomplete="off" data-ls-bind="{{task.name}}" />
 
-                                                <label data-ls-for="status-{{task.$uid}}" class="margin-bottom">Status
+                                                <label data-ls-attrs="for=status-{{task.$uid}}" class="margin-bottom">Status
                                                     <div class="margin-top-small">
                                                         <input name="status" type="radio" checked="checked" required data-ls-bind="play" data-default="{{task.status}}" /> &nbsp; <span>Play</span>
                                                         <input name="status" type="radio" required data-ls-bind="pause" data-default="{{task.status}}" /> &nbsp; <span>Pause</span>
                                                     </div>
                                                 </label>
 
-                                                <label data-ls-for="schedule-{{task.$uid}}">Schedule (CRON Syntax)</label>
-                                                <input type="text" class="full-width" data-ls-id="schedule-{{task.$uid}}" name="schedule" required autocomplete="off" data-ls-bind="{{task.schedule}}" />
+                                                <label data-ls-attrs="for=schedule-{{task.$uid}}">Schedule (CRON Syntax)</label>
+                                                <input type="text" class="full-width" data-ls-attrs="id=schedule-{{task.$uid}}" name="schedule" required autocomplete="off" data-ls-bind="{{task.schedule}}" />
 
                                                 <div class="row thin">
                                                     <div class="col span-4">
-                                                        <label data-ls-for="httpMethod-{{task.$uid}}">HTTP Method</label>
-                                                        <select data-ls-id="httpMethod-{{task.$uid}}" name="httpMethod" required data-ls-bind="{{task.httpMethod}}">
+                                                        <label data-ls-attrs="for=httpMethod-{{task.$uid}}">HTTP Method</label>
+                                                        <select data-ls-attrs="id=httpMethod-{{task.$uid}}" name="httpMethod" required data-ls-bind="{{task.httpMethod}}">
                                                             <option value="POST">POST</option>
                                                             <option value="GET">GET</option>
                                                             <option value="PUT">PUT</option>
@@ -632,8 +632,8 @@ $scopes = [ // TODO sync with project list
                                                         </select>
                                                     </div>
                                                     <div class="col span-8">
-                                                        <label data-ls-for="httpUrl-{{task.$uid}}">HTTP URL</label>
-                                                        <input type="url" class="full-width" data-ls-id="httpUrl-{{task.$uid}}" name="httpUrl" required autocomplete="off" placeholder="https://example.com/callback" data-ls-bind="{{task.httpUrl}}" />
+                                                        <label data-ls-attrs="for=httpUrl-{{task.$uid}}">HTTP URL</label>
+                                                        <input type="url" class="full-width" data-ls-attrs="id=httpUrl-{{task.$uid}}" name="httpUrl" required autocomplete="off" placeholder="https://example.com/callback" data-ls-bind="{{task.httpUrl}}" />
                                                     </div>
                                                 </div>
 
@@ -666,7 +666,7 @@ $scopes = [ // TODO sync with project list
                                                     </div>
                                                 </div>
 
-                                                <label data-ls-for="security-{{task.$uid}}" class="margin-bottom">SSL / TLS
+                                                <label data-ls-attrs="for=security-{{task.$uid}}" class="margin-bottom">SSL / TLS
                                                     <p class="note">Certificate verification</p>
                                                     <input name="security" type="radio" required data-ls-bind="1" data-default="{{task.security}}" /> &nbsp; <span>Enabled</span>
                                                     <input name="security" type="radio" required data-ls-bind="0" data-default="{{task.security}}" /> &nbsp; <span>Disabled</span>
@@ -680,12 +680,12 @@ $scopes = [ // TODO sync with project list
 
                                                 <div class="row thin">
                                                     <div class="col span-6">
-                                                        <label data-ls-for="httpUser-{{task.$uid}}">User</label>
-                                                        <input type="text" class="full-width" data-ls-id="httpUser-{{task.$uid}}" name="httpUser" autocomplete="off" data-ls-bind="{{task.httpUser}}" />
+                                                        <label data-ls-attrs="for=httpUser-{{task.$uid}}">User</label>
+                                                        <input type="text" class="full-width" data-ls-attrs="id=httpUser-{{task.$uid}}" name="httpUser" autocomplete="off" data-ls-bind="{{task.httpUser}}" />
                                                     </div>
                                                     <div class="col span-6">
-                                                        <label data-ls-for="httpPass-{{task.$uid}}">Password</label>
-                                                        <input type="password" class="full-width" data-ls-id="httpPass-{{task.$uid}}" name="httpPass" autocomplete="off" data-ls-bind="{{task.httpPass}}" />
+                                                        <label data-ls-attrs="for=httpPass-{{task.$uid}}">Password</label>
+                                                        <input type="password" class="full-width" data-ls-attrs="id=httpPass-{{task.$uid}}" name="httpPass" autocomplete="off" data-ls-bind="{{task.httpPass}}" />
                                                     </div>
                                                 </div>
 
@@ -737,7 +737,7 @@ $scopes = [ // TODO sync with project list
                                 <label for="name">Name</label>
                                 <input type="text" class="full-width" id="name" name="name" required autocomplete="off" />
 
-                                <label data-ls-for="status-{{task.$uid}}" class="margin-bottom">Status
+                                <label data-ls-attrs="for=status-{{task.$uid}}" class="margin-bottom">Status
                                     <div class="margin-top-small">
                                         <input name="status" type="radio" value="play" checked="checked" required /> &nbsp; <span>Play</span>
                                         <input name="status" type="radio" value="pause" required /> &nbsp; <span>Pause</span>
@@ -786,8 +786,8 @@ $scopes = [ // TODO sync with project list
 
                                 <label for="secure" class="margin-bottom">SSL / TLS
                                     <p class="note">Certificate verification</p>
-                                    <input name="security" data-ls-id="secure-yes" type="radio" value="1" checked="checked" required /> &nbsp; <span>Enabled</span>
-                                    <input name="security" data-ls-id="secure-no" type="radio" value="0" required /> &nbsp; <span>Disabled</span>
+                                    <input name="security" data-ls-attrs="id=secure-yes" type="radio" value="1" checked="checked" required /> &nbsp; <span>Enabled</span>
+                                    <input name="security" data-ls-attrs="id=secure-no" type="radio" value="0" required /> &nbsp; <span>Disabled</span>
                                 </label>
 
                                 <p class="note margin-bottom"><span class="tag red">Warning</span> Untrusted or self-signed certificates may not be secure.
diff --git a/app/views/console/storage/index.phtml b/app/views/console/storage/index.phtml
index e37ca8122b..f5393fed9d 100644
--- a/app/views/console/storage/index.phtml
+++ b/app/views/console/storage/index.phtml
@@ -56,7 +56,7 @@ $providers = $this->getParam('providers', []);
                             <img data-ls-attrs="src=//{{env.DOMAIN}}/v1/storage/files/{{file.$uid}}/preview?width=100&height=100&project={{router.params.project}}&mode=admin" class="pull-start avatar margin-end" />
 
                             <button class="pull-end strip margin-top-tiny"><i class="icon icon-dot-3"></i></button>
-                            <div data-ls-bind="{{file.name}}" data-ls-title="{{file.name}}" class="text-one-liner margin-bottom-tiny">&nbsp;</div>
+                            <div data-ls-bind="{{file.name}}" data-ls-attrs="title={{file.name}}" class="text-one-liner margin-bottom-tiny">&nbsp;</div>
                             <div data-ls-bind="{{file.sizeOriginal|humanFileSize}}" class="note text-one-liner">&nbsp;</div>
                         </div>
                     </li>
diff --git a/app/views/console/users/view.phtml b/app/views/console/users/view.phtml
index 017cbbf80f..0b1ad8ec7f 100644
--- a/app/views/console/users/view.phtml
+++ b/app/views/console/users/view.phtml
@@ -157,7 +157,7 @@ use Utopia\Locale\Locale;
                                         <button class="danger">Logout</button>
                                     </form>
 
-                                    <img data-ls-attrs="src={{env.API}}/v1/avatars/browsers/{{session.client.short_name|lowercase}}?width=120&height=120" data-ls-title="{{session.client.name}}" data-ls-alt="{{session.client.name}}" class="avatar trans pull-start margin-end" />
+                                    <img data-ls-attrs="src={{env.API}}/v1/avatars/browsers/{{session.client.short_name|lowercase}}?width=120&height=120,title={{session.client.name}},alt={{session.client.name}}" class="avatar trans pull-start margin-end" />
 
                                     <span data-ls-bind="{{session.client.name}}"></span> <span data-ls-bind="{{session.client.version}}"></span> on <span data-ls-bind="{{session.model}}"></span> <span data-ls-bind="{{session.OS.name}}"></span> <span data-ls-bind="{{session.OS.version}}"></span>
 
@@ -214,7 +214,7 @@ use Utopia\Locale\Locale;
                                 <td data-title="<?php echo $this->escape(Locale::getText('console.account.section.security.recent-activity.date')); ?>: "><span data-ls-bind="{{log.time|date-time}}"></span></td>
                                 <td data-title="<?php echo $this->escape(Locale::getText('console.account.section.security.recent-activity.event')); ?>: "><span data-ls-bind="{{log.event}}"></span></td>
                                 <td data-title="<?php echo $this->escape(Locale::getText('console.account.section.security.recent-activity.client')); ?>: ">
-                                    <img data-ls-attrs="src={{env.API}}/v1/avatars/browsers/{{log.client.short_name|lowercase}}?width=80&height=80" data-ls-title="{{log.client.name}}" data-ls-alt="{{log.client.name}}" class="avatar xs inline margin-end-small" />
+                                    <img data-ls-attrs="src={{env.API}}/v1/avatars/browsers/{{log.client.short_name|lowercase}}?width=80&height=80,title={{log.client.name}},alt={{log.client.name}}" class="avatar xs inline margin-end-small" />
                                     <span data-ls-bind="{{log.client.name}} {{log.client.version}} on {{log.model}} {{log.OS.name}} {{log.OS.version}}"></span>
                                 </td>
                                 <td data-title="<?php echo $this->escape(Locale::getText('console.account.section.security.recent-activity.location')); ?>: ">
diff --git a/app/views/layouts/default.phtml b/app/views/layouts/default.phtml
index 3825d691b2..6076c07592 100644
--- a/app/views/layouts/default.phtml
+++ b/app/views/layouts/default.phtml
@@ -86,7 +86,7 @@ $env        = $this->getParam('env', '');
     <section data-ls-ui-alerts="" class="alerts">
         <ul data-ls-loop="alerts.list" data-ls-as="alert">
             <li>
-                <div data-ls-class="{{alert.class}} message">
+                <div data-ls-attrs="class={{alert.class}} message">
                     <i class="icon-cancel" data-ls-ui-alerts-delete data-message="{{alert.id}}"></i>
                     <span data-ls-bind="{{alert.text}}"></span>
 
diff --git a/public/dist/scripts/app-all.js b/public/dist/scripts/app-all.js
index 383c15d298..d7612f5350 100644
--- a/public/dist/scripts/app-all.js
+++ b/public/dist/scripts/app-all.js
@@ -2243,14 +2243,14 @@ return(date.getTime()/1000)}
 return{format:format,strtotime:strtotime}}(),true);})(window);(function(window){"use strict";window.ls.container.set('di',function(){var list={'load':true};return{listen:function(event,callback){if(list[event]){callback();}
 document.addEventListener(event,callback);},report:function(event){list[event]=true;},check:function(event){return(list[event]);},reset:function(){list={'load':true};},list:list};},true);})(window);(function(window){"use strict";window.ls.container.set('env',function(){return APP_ENV;},true);})(window);(function(window){"use strict";window.ls.container.set('markdown',function(window){var md=window.markdownit();function renderEm(tokens,idx,opts,_,slf){var token=tokens[idx];if(token.markup==='__'){token.tag='u';}
 return slf.renderToken(tokens,idx,opts);}
-md.renderer.rules.strong_open=renderEm;md.renderer.rules.strong_close=renderEm;return md;},true);})(window);(function(window){"use strict";window.ls.container.set('sdk',function(window,router){var sdk=new window.AppwriteSDK();sdk.config.domain=APP_ENV.API;sdk.config.project=router.params.project||null;sdk.config.locale=APP_ENV.LOCALE;sdk.config.mode='admin';return sdk;},false);})(window);(function(window){"use strict";window.ls.container.set('timezone',function(){return{convert:function(unixTime){var timezoneMinutes=new Date().getTimezoneOffset();timezoneMinutes=(timezoneMinutes===0)?0:-timezoneMinutes;return parseInt(unixTime)+(timezoneMinutes*60);}};},true);})(window);window.ls.router.add('/auth/signin',{template:'/auth/signin?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/signup',{template:'/auth/signup?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/recovery',{template:'/auth/recovery?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/recovery/reset',{template:'/auth/recovery/reset?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/confirm',{template:'/auth/confirm?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/join',{template:'/auth/join?version='+APP_ENV.VERSION,scope:'home'}).add('/console',{template:'/console?version='+APP_ENV.VERSION,scope:'console'}).add('/console/account',{template:'/console/account?version='+APP_ENV.VERSION,scope:'console'}).add('/console/account/:tab',{template:'/console/account?version='+APP_ENV.VERSION,scope:'console'}).add('/console/home',{template:'/console/home?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/home/:tab',{template:'/console/home?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/platforms/:platform',{template:function(window){return window.location.pathname+'?version='+APP_ENV.VERSION;},scope:'console',project:true}).add('/console/notifications',{template:'/console/notifications?version='+APP_ENV.VERSION,scope:'console'}).add('/console/settings',{template:'/console/settings?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/settings/:tab',{template:'/console/settings?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/database',{template:'/console/database?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/database/:tab',{template:'/console/database?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/storage',{template:'/console/storage?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/storage/:tab',{template:'/console/storage?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users',{template:'/console/users?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users/view',{template:'/console/users/view?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users/view/:tab',{template:'/console/users/view?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users/:tab',{template:'/console/users?version='+APP_ENV.VERSION,scope:'console',project:true});let date=window.ls.container.get('date');let timezone=window.ls.container.get('timezone');let markdown=window.ls.container.get('markdown');window.ls.filter.add('lowerCase',function($value){return $value.toLowerCase();}).add('date',function($value){return date.format('Y-m-d',$value);}).add('date-time',function($value){return date.format('Y-m-d H:i',$value);}).add('date-text',function($value){return date.format('d M Y',$value);}).add('date-long',function($value){return date.format('l, j F, H:i',$value);}).add('min2hum',function($value){if($value>=60){if($value%60===0){return Math.ceil($value/60)+' hours';}
+md.renderer.rules.strong_open=renderEm;md.renderer.rules.strong_close=renderEm;return md;},true);})(window);(function(window){"use strict";window.ls.container.set('sdk',function(window,router){var sdk=new window.AppwriteSDK();sdk.config.domain=APP_ENV.API;sdk.config.project=router.params.project||null;sdk.config.locale=APP_ENV.LOCALE;sdk.config.mode='admin';return sdk;},false);})(window);(function(window){"use strict";window.ls.container.set('timezone',function(){return{convert:function(unixTime){var timezoneMinutes=new Date().getTimezoneOffset();timezoneMinutes=(timezoneMinutes===0)?0:-timezoneMinutes;return parseInt(unixTime)+(timezoneMinutes*60);}};},true);})(window);window.ls.router.add('/auth/signin',{template:'/auth/signin?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/signup',{template:'/auth/signup?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/recovery',{template:'/auth/recovery?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/recovery/reset',{template:'/auth/recovery/reset?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/confirm',{template:'/auth/confirm?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/join',{template:'/auth/join?version='+APP_ENV.VERSION,scope:'home'}).add('/console',{template:'/console?version='+APP_ENV.VERSION,scope:'console'}).add('/console/account',{template:'/console/account?version='+APP_ENV.VERSION,scope:'console'}).add('/console/account/:tab',{template:'/console/account?version='+APP_ENV.VERSION,scope:'console'}).add('/console/home',{template:'/console/home?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/home/:tab',{template:'/console/home?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/platforms/:platform',{template:function(window){return window.location.pathname+'?version='+APP_ENV.VERSION;},scope:'console',project:true}).add('/console/notifications',{template:'/console/notifications?version='+APP_ENV.VERSION,scope:'console'}).add('/console/settings',{template:'/console/settings?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/settings/:tab',{template:'/console/settings?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/database',{template:'/console/database?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/database/:tab',{template:'/console/database?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/storage',{template:'/console/storage?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/storage/:tab',{template:'/console/storage?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users',{template:'/console/users?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users/view',{template:'/console/users/view?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users/view/:tab',{template:'/console/users/view?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users/:tab',{template:'/console/users?version='+APP_ENV.VERSION,scope:'console',project:true});window.ls.filter.add('lowerCase',function($value){return $value.toLowerCase();}).add('date',function($value,date){return date.format('Y-m-d',$value);}).add('date-time',function($value,date){return date.format('Y-m-d H:i',$value);}).add('date-text',function($value,date){return date.format('d M Y',$value);}).add('date-long',function($value,date){return date.format('l, j F, H:i',$value);}).add('min2hum',function($value){if($value>=60){if($value%60===0){return Math.ceil($value/60)+' hours';}
 else{return Math.ceil($value/60)+' hours and '+($value%60)+' minutes';}}
 return $value+' minutes';}).add('ms2hum',function($value){let temp=$value;const years=Math.floor(temp/31536000),days=Math.floor((temp%=31536000)/86400),hours=Math.floor((temp%=86400)/3600),minutes=Math.floor((temp%=3600)/60),seconds=temp%60;if(days||hours||seconds||minutes){return(years?years+"y ":"")+
 (days?days+"d ":"")+
 (hours?hours+"h ":"")+
 (minutes?minutes+"m ":"")+
 Number.parseFloat(seconds).toFixed(0)+"s";}
-return"< 1s";}).add('nl2p',function($value){let result="<p>"+$value+"</p>";result=result.replace(/\r\n\r\n/g,"</p><p>").replace(/\n\n/g,"</p><p>");result=result.replace(/\r\n/g,"<br />").replace(/\n/g,"<br />");return result;}).add('markdown',function($value){return markdown.render($value);}).add('id2name',function($value){let members=container.get('members');if(members===null){return'';}
+return"< 1s";}).add('nl2p',function($value){let result="<p>"+$value+"</p>";result=result.replace(/\r\n\r\n/g,"</p><p>").replace(/\n\n/g,"</p><p>");result=result.replace(/\r\n/g,"<br />").replace(/\n/g,"<br />");return result;}).add('markdown',function($value,markdown){return markdown.render($value);}).add('id2name',function($value){let members=container.get('members');if(members===null){return'';}
 for(let y=0;y<members.length;y++){if(members[y]['$uid']===$value){$value=members[y].name;}}
 return $value;}).add('id2role',function($value){if(APP_ENV.ROLES[$value]){return APP_ENV.ROLES[$value];}
 return'';}).add('humanFileSize',function(bytes){if(!bytes){return 0;}
diff --git a/public/dist/scripts/app.js b/public/dist/scripts/app.js
index 019cdab6c1..c6b485799e 100644
--- a/public/dist/scripts/app.js
+++ b/public/dist/scripts/app.js
@@ -229,14 +229,14 @@ return(date.getTime()/1000)}
 return{format:format,strtotime:strtotime}}(),true);})(window);(function(window){"use strict";window.ls.container.set('di',function(){var list={'load':true};return{listen:function(event,callback){if(list[event]){callback();}
 document.addEventListener(event,callback);},report:function(event){list[event]=true;},check:function(event){return(list[event]);},reset:function(){list={'load':true};},list:list};},true);})(window);(function(window){"use strict";window.ls.container.set('env',function(){return APP_ENV;},true);})(window);(function(window){"use strict";window.ls.container.set('markdown',function(window){var md=window.markdownit();function renderEm(tokens,idx,opts,_,slf){var token=tokens[idx];if(token.markup==='__'){token.tag='u';}
 return slf.renderToken(tokens,idx,opts);}
-md.renderer.rules.strong_open=renderEm;md.renderer.rules.strong_close=renderEm;return md;},true);})(window);(function(window){"use strict";window.ls.container.set('sdk',function(window,router){var sdk=new window.AppwriteSDK();sdk.config.domain=APP_ENV.API;sdk.config.project=router.params.project||null;sdk.config.locale=APP_ENV.LOCALE;sdk.config.mode='admin';return sdk;},false);})(window);(function(window){"use strict";window.ls.container.set('timezone',function(){return{convert:function(unixTime){var timezoneMinutes=new Date().getTimezoneOffset();timezoneMinutes=(timezoneMinutes===0)?0:-timezoneMinutes;return parseInt(unixTime)+(timezoneMinutes*60);}};},true);})(window);window.ls.router.add('/auth/signin',{template:'/auth/signin?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/signup',{template:'/auth/signup?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/recovery',{template:'/auth/recovery?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/recovery/reset',{template:'/auth/recovery/reset?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/confirm',{template:'/auth/confirm?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/join',{template:'/auth/join?version='+APP_ENV.VERSION,scope:'home'}).add('/console',{template:'/console?version='+APP_ENV.VERSION,scope:'console'}).add('/console/account',{template:'/console/account?version='+APP_ENV.VERSION,scope:'console'}).add('/console/account/:tab',{template:'/console/account?version='+APP_ENV.VERSION,scope:'console'}).add('/console/home',{template:'/console/home?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/home/:tab',{template:'/console/home?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/platforms/:platform',{template:function(window){return window.location.pathname+'?version='+APP_ENV.VERSION;},scope:'console',project:true}).add('/console/notifications',{template:'/console/notifications?version='+APP_ENV.VERSION,scope:'console'}).add('/console/settings',{template:'/console/settings?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/settings/:tab',{template:'/console/settings?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/database',{template:'/console/database?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/database/:tab',{template:'/console/database?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/storage',{template:'/console/storage?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/storage/:tab',{template:'/console/storage?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users',{template:'/console/users?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users/view',{template:'/console/users/view?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users/view/:tab',{template:'/console/users/view?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users/:tab',{template:'/console/users?version='+APP_ENV.VERSION,scope:'console',project:true});let date=window.ls.container.get('date');let timezone=window.ls.container.get('timezone');let markdown=window.ls.container.get('markdown');window.ls.filter.add('lowerCase',function($value){return $value.toLowerCase();}).add('date',function($value){return date.format('Y-m-d',$value);}).add('date-time',function($value){return date.format('Y-m-d H:i',$value);}).add('date-text',function($value){return date.format('d M Y',$value);}).add('date-long',function($value){return date.format('l, j F, H:i',$value);}).add('min2hum',function($value){if($value>=60){if($value%60===0){return Math.ceil($value/60)+' hours';}
+md.renderer.rules.strong_open=renderEm;md.renderer.rules.strong_close=renderEm;return md;},true);})(window);(function(window){"use strict";window.ls.container.set('sdk',function(window,router){var sdk=new window.AppwriteSDK();sdk.config.domain=APP_ENV.API;sdk.config.project=router.params.project||null;sdk.config.locale=APP_ENV.LOCALE;sdk.config.mode='admin';return sdk;},false);})(window);(function(window){"use strict";window.ls.container.set('timezone',function(){return{convert:function(unixTime){var timezoneMinutes=new Date().getTimezoneOffset();timezoneMinutes=(timezoneMinutes===0)?0:-timezoneMinutes;return parseInt(unixTime)+(timezoneMinutes*60);}};},true);})(window);window.ls.router.add('/auth/signin',{template:'/auth/signin?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/signup',{template:'/auth/signup?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/recovery',{template:'/auth/recovery?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/recovery/reset',{template:'/auth/recovery/reset?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/confirm',{template:'/auth/confirm?version='+APP_ENV.VERSION,scope:'home'}).add('/auth/join',{template:'/auth/join?version='+APP_ENV.VERSION,scope:'home'}).add('/console',{template:'/console?version='+APP_ENV.VERSION,scope:'console'}).add('/console/account',{template:'/console/account?version='+APP_ENV.VERSION,scope:'console'}).add('/console/account/:tab',{template:'/console/account?version='+APP_ENV.VERSION,scope:'console'}).add('/console/home',{template:'/console/home?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/home/:tab',{template:'/console/home?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/platforms/:platform',{template:function(window){return window.location.pathname+'?version='+APP_ENV.VERSION;},scope:'console',project:true}).add('/console/notifications',{template:'/console/notifications?version='+APP_ENV.VERSION,scope:'console'}).add('/console/settings',{template:'/console/settings?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/settings/:tab',{template:'/console/settings?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/database',{template:'/console/database?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/database/:tab',{template:'/console/database?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/storage',{template:'/console/storage?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/storage/:tab',{template:'/console/storage?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users',{template:'/console/users?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users/view',{template:'/console/users/view?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users/view/:tab',{template:'/console/users/view?version='+APP_ENV.VERSION,scope:'console',project:true}).add('/console/users/:tab',{template:'/console/users?version='+APP_ENV.VERSION,scope:'console',project:true});window.ls.filter.add('lowerCase',function($value){return $value.toLowerCase();}).add('date',function($value,date){return date.format('Y-m-d',$value);}).add('date-time',function($value,date){return date.format('Y-m-d H:i',$value);}).add('date-text',function($value,date){return date.format('d M Y',$value);}).add('date-long',function($value,date){return date.format('l, j F, H:i',$value);}).add('min2hum',function($value){if($value>=60){if($value%60===0){return Math.ceil($value/60)+' hours';}
 else{return Math.ceil($value/60)+' hours and '+($value%60)+' minutes';}}
 return $value+' minutes';}).add('ms2hum',function($value){let temp=$value;const years=Math.floor(temp/31536000),days=Math.floor((temp%=31536000)/86400),hours=Math.floor((temp%=86400)/3600),minutes=Math.floor((temp%=3600)/60),seconds=temp%60;if(days||hours||seconds||minutes){return(years?years+"y ":"")+
 (days?days+"d ":"")+
 (hours?hours+"h ":"")+
 (minutes?minutes+"m ":"")+
 Number.parseFloat(seconds).toFixed(0)+"s";}
-return"< 1s";}).add('nl2p',function($value){let result="<p>"+$value+"</p>";result=result.replace(/\r\n\r\n/g,"</p><p>").replace(/\n\n/g,"</p><p>");result=result.replace(/\r\n/g,"<br />").replace(/\n/g,"<br />");return result;}).add('markdown',function($value){return markdown.render($value);}).add('id2name',function($value){let members=container.get('members');if(members===null){return'';}
+return"< 1s";}).add('nl2p',function($value){let result="<p>"+$value+"</p>";result=result.replace(/\r\n\r\n/g,"</p><p>").replace(/\n\n/g,"</p><p>");result=result.replace(/\r\n/g,"<br />").replace(/\n/g,"<br />");return result;}).add('markdown',function($value,markdown){return markdown.render($value);}).add('id2name',function($value){let members=container.get('members');if(members===null){return'';}
 for(let y=0;y<members.length;y++){if(members[y]['$uid']===$value){$value=members[y].name;}}
 return $value;}).add('id2role',function($value){if(APP_ENV.ROLES[$value]){return APP_ENV.ROLES[$value];}
 return'';}).add('humanFileSize',function(bytes){if(!bytes){return 0;}
diff --git a/public/scripts/filters.js b/public/scripts/filters.js
index 18836e739f..79c85afc36 100644
--- a/public/scripts/filters.js
+++ b/public/scripts/filters.js
@@ -1,22 +1,18 @@
 
-let date        = window.ls.container.get('date');
-let timezone    = window.ls.container.get('timezone');
-let markdown    = window.ls.container.get('markdown');
-
 window.ls.filter
     .add('lowerCase', function ($value) {
         return $value.toLowerCase();
     })
-    .add('date', function ($value) {
+    .add('date', function ($value, date) {
         return date.format('Y-m-d', $value);
     })
-    .add('date-time', function ($value) {
+    .add('date-time', function ($value, date) {
         return date.format('Y-m-d H:i', $value);
     })
-    .add('date-text', function ($value) {
+    .add('date-text', function ($value, date) {
         return date.format('d M Y', $value);
     })
-    .add('date-long', function ($value) {
+    .add('date-long', function ($value, date) {
         return date.format('l, j F, H:i', $value);
     })
     .add('min2hum', function ($value) {
@@ -56,7 +52,7 @@ window.ls.filter
 
         return result;
     })
-    .add('markdown', function ($value) {
+    .add('markdown', function ($value, markdown) {
         return markdown.render($value);
     })
     .add('id2name', function ($value) {