Fixed mobile UI

2026-05-26 13:51:13 +00:00 · 2020-02-24 14:56:57 +02:00
1 parent 79f0cb95c3
commit b502ce008a
@@ -9,7 +9,7 @@ $version = $this->getParam('version', '');
                data-analytics-event="click"
                data-analytics-category="console/footer"
                data-analytics-label="GitHub Link"
-                href="https://github.com/appwrite/appwrite" target="_blank"><i class="icon-github-circled"></i> GitHub Repository</a>
+                href="https://github.com/appwrite/appwrite" target="_blank"><i class="icon-github-circled"></i> GitHub</a>
        </li>
        <li>
            <a
@@ -23,7 +23,7 @@ $version = $this->getParam('version', '');
                data-analytics-event="click"
                data-analytics-category="console/footer"
                data-analytics-label="Docs Link"
-                href="<?php echo $home; ?>/docs" target="_blank">Documentation</a>
+                href="<?php echo $home; ?>/docs" target="_blank">Docs</a>
        </li>
        <li>
            v:<?php echo $version; ?>
@@ -3,7 +3,7 @@ $graph = $this->getParam('graph', false);
 ?>

 <div class="cover margin-bottom-small">
-    <div class="zone xl margin-bottom-large margin-top-small">
+    <div class="zone xl margin-bottom margin-top-small">
        <h1 class="margin-bottom-small"
            data-service="projects.get"
            data-event="load,project.update,projects.createPlatform,projects.updatePlatform,projects.deletePlatform"
@@ -13,11 +13,11 @@ $graph = $this->getParam('graph', false);
            <span class="title" data-ls-bind="{{console-project.name}}">&nbsp;</span>&nbsp;&nbsp;
        </h1>

-        <ul class="margin-top margin-bottom-large clear">
-            <li class="pull-start margin-end"><a data-ls-attrs="href=/console/settings?project={{router.params.project}}"><i class="icon-cog"></i> &nbsp;Settings</a> &nbsp;&nbsp;</li>
-            <li class="pull-start margin-end"><a data-ls-attrs="href=/console/keys?project={{router.params.project}}"><i class="icon-key-inv"></i> &nbsp;API Keys</a> &nbsp;&nbsp;</li>
-            <li class="pull-start margin-end"><a data-ls-attrs="href=/console/webhooks?project={{router.params.project}}"><i class="icon-link"></i> &nbsp;Webhooks</a> &nbsp;&nbsp;</li>
-            <li class="pull-start margin-end"><a data-ls-attrs="href=/console/tasks?project={{router.params.project}}"><i class="icon-clock"></i> &nbsp;Tasks</a> &nbsp;&nbsp;</li>
+        <ul class="margin-top margin-bottom clear">
+            <li class="pull-start margin-end margin-bottom-small"><a data-ls-attrs="href=/console/settings?project={{router.params.project}}"><i class="icon-cog"></i> &nbsp;Settings</a> &nbsp;&nbsp;</li>
+            <li class="pull-start margin-end margin-bottom-small"><a data-ls-attrs="href=/console/keys?project={{router.params.project}}"><i class="icon-key-inv"></i> &nbsp;API Keys</a> &nbsp;&nbsp;</li>
+            <li class="pull-start margin-end margin-bottom-small"><a data-ls-attrs="href=/console/webhooks?project={{router.params.project}}"><i class="icon-link"></i> &nbsp;Webhooks</a> &nbsp;&nbsp;</li>
+            <li class="pull-start margin-end margin-bottom-small"><a data-ls-attrs="href=/console/tasks?project={{router.params.project}}"><i class="icon-clock"></i> &nbsp;Tasks</a> &nbsp;&nbsp;</li>
        </ul>
    </div>
 </div>
@@ -6,12 +6,12 @@ $home = $this->getParam('home', '');

        <h1 class="margin-bottom margin-top">Your Projects</h1>

-        <p class="margin-bottom margin-top-negative-small">Start creating projects and take advantage of your Appwrite server APIs and tools.</p>
+        <p class="margin-bottom margin-top-negative-small">Take advantage of the Appwrite APIs and tools.</p>

        <ul class="margin-bottom-xl clear">
            <li class="pull-start margin-end margin-bottom-small"><a href="<?php echo $home; ?>/" target="_blank"><i class="icon-lamp"></i> &nbsp;Learn More</a></li>
-            <li class="pull-start margin-end"><a href="<?php echo $home; ?>/docs" target="_blank"><i class="icon-book-open"></i> &nbsp;Docs</a></li>
-            <li class="pull-start margin-end"><a href="<?php echo $home; ?>/support" target="_blank"><i class="icon-lifebuoy"></i> &nbsp;Support</a></li>
+            <li class="pull-start margin-end margin-bottom-small"><a href="<?php echo $home; ?>/docs" target="_blank"><i class="icon-book-open"></i> &nbsp;Docs</a></li>
+            <li class="pull-start margin-end margin-bottom-small"><a href="<?php echo $home; ?>/support" target="_blank"><i class="icon-lifebuoy"></i> &nbsp;Support</a></li>
        </ul>
    </div>
 </div>
@@ -41,8 +41,8 @@ $customDomainsTarget = $this->getParam('customDomainsTarget', false);

                    <input name="$id" type="hidden" data-ls-bind="{{console-project.$id}}" />

-                    <div class="row">
-                        <div class="col span-9">
+                    <div class="row responsive">
+                        <div class="col span-9 margin-bottom">
                            <div class="box">
                                <label for="name">Name</label>
                                <input name="name" id="name" type="text" autocomplete="off" data-ls-bind="{{console-project.name}}" data-forms-text-direction required>
@@ -52,10 +52,23 @@ $customDomainsTarget = $this->getParam('customDomainsTarget', false);
                                    <input data-forms-copy type="text" disabled data-ls-bind="{{console-project.$id}}" />
                                </div>

-                                <label for="name">API Endpoint</label>
+                                <label for="name">Default API Endpoint</label>
                                <div class="input-copy">
                                    <input data-forms-copy type="text" disabled data-ls-bind="{{env.PROTOCOL}}://{{env.DOMAIN}}/v1" />
                                </div>
+
+                                <div data-ls-if="0 !== {{console-domains|activeDomainsCount}}">
+                                    <label for="name">Custom API Endpoints</label>
+                                    
+                                    <ul data-ls-loop="console-domains" data-ls-as="domain">
+                                        <li>
+                                            <div class="input-copy" data-ls-if="true === {{domain.verification}} && {{domain.certificateId}}">
+                                                <input data-forms-copy type="text" disabled data-ls-bind="{{env.PROTOCOL}}://{{domain.domain}}/v1" />
+                                            </div>
+                                        </li>
+                                    </ul>
+                                </div>
+                                
                                <div class="margin-top-negative-small margin-bottom text-size-small">
                                    <a data-ls-attrs="href=/console/settings/domains?project={{router.params.project}}">Add a custom domain <i class="icon-angle-circled-right"></i></a>
                                </div>
@@ -72,10 +85,9 @@ $customDomainsTarget = $this->getParam('customDomainsTarget', false);
                            </div>
                        </div>

-                        <div class="col span-3 box-aside">
-                            <label for="name">Logo</label>
+                        <div class="col span-3 box-aside text-align-center">
                            <div class="text-align-center clear">
-                                <input type="hidden" name="logo" data-ls-bind="{{console-project.logo}}" data-read="<?php echo $this->escape(json_encode(['*'])); ?>" data-write="<?php echo $this->escape(json_encode(['team:{{console-project.teamId}}'])); ?>" data-accept="image/*" data-forms-upload="" data-scope="console" data-default="">
+                                <input type="hidden" name="logo" data-ls-bind="{{console-project.logo}}" data-read="<?php echo $this->escape(json_encode(['*'])); ?>" data-write="<?php echo $this->escape(json_encode(['team:{{console-project.teamId}}'])); ?>" data-accept="image/*" data-forms-upload="" data-label-button="Upload Logo" data-scope="console" data-default="">
                            </div>
                        </div>
                    </div>
@@ -169,7 +181,7 @@ $customDomainsTarget = $this->getParam('customDomainsTarget', false);
                            <table class="vertical">
                                <thead>
                                    <tr>
-                                        <th width="160"></th>
+                                        <th width="140"></th>
                                        <th width="220">Domain Name</th>
                                        <th width="160">TLS</th>
                                        <th></th>
@@ -179,68 +191,77 @@ $customDomainsTarget = $this->getParam('customDomainsTarget', false);
                                <tbody data-ls-loop="console-domains" data-ls-as="domain">
                                    <tr>
                                        <td data-title="Status">
-                                            <span class="tag" data-ls-if="true !== {{domain.verification}}"><i class="icon-cancel-circled"></i> Unverified&nbsp;</span>
+                                            <span class="tag red" data-ls-if="true !== {{domain.verification}}"><i class="icon-cancel-circled"></i> Unverified&nbsp;</span>
                                            <span class="tag blue" data-ls-if="true === {{domain.verification}}"><i class="icon-ok-circled"></i> Verified&nbsp;</span>
                                        </td>
                                        <td data-title="Domain: ">
                                        <span data-ls-bind="{{domain.domain}}"></span>
                                        </td>
                                        <td data-title="TLS: ">
-                                            <span class="tag yellow" data-ls-if="!{{domain.certificateId}}"><i class="icon-ok-circled"></i> Pending&nbsp;</span>
+                                            <span class="tag" data-ls-if="!{{domain.certificateId}} && false === {{domain.verification}}"> &nbsp;Pending Verification&nbsp;</span>
+                                            <span class="tag yellow" data-ls-if="!{{domain.certificateId}} && true === {{domain.verification}}"> &nbsp;In Progress&nbsp;</span>
                                            <span class="tag green" data-ls-if="{{domain.certificateId}}"><i class="icon-ok-circled"></i> Enabled&nbsp;</span>
                                        </td>
                                        <td data-title="">
                                            <button class="link text-size-small" data-ls-if="true === {{domain.verification}}" data-ls-ui-trigger="dns-settings-{{domain.$id}}">DNS Settings</button>
                                            <button class="link text-size-small" data-ls-if="true !== {{domain.verification}}" data-ls-ui-trigger="dns-settings-{{domain.$id}}">Verify Domain</button>
                                            
-                                            <div data-ui-modal class="modal box close" data-button-alias="none" data-open-event="dns-settings-{{domain.$id}}" data-close-event="dns-settings-close-{{domain.$id}}">
+                                            <div data-ui-modal class="modal box close" data-button-alias="none" data-open-event="dns-settings-{{domain.$id}}" xdata-close-event="dns-settings-close-{{domain.$id}}">
                                                <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>

                                                <h3 class="margin-bottom" data-ls-if="true === {{domain.verification}}" data-ls-ui-trigger="dns-settings-{{domain.$id}}">DNS Settings</h3>
                                                <h3 class="margin-bottom" data-ls-if="true !== {{domain.verification}}" data-ls-ui-trigger="dns-settings-{{domain.$id}}">Verify Domain</h3>

-                                                <form
-                                                    data-analytics-event="submit"
-                                                    data-analytics-category="console"
-                                                    data-analytics-label="Update Domain Verification"
-                                                    data-service="projects.updateDomainVerification"
-                                                    data-scope="console"
-                                                    data-event="submit"
-                                                    data-success="alert,trigger"
-                                                    data-success-param-alert-text="Verified domain successfully"
-                                                    data-success-param-trigger-events="projects.updateDomainVerification"
-                                                    data-failure="alert"
-                                                    data-failure-param-alert-text="Failed to verify domain"
-                                                    data-failure-param-alert-classname="error">
+                                                <hr />

-                                                    <input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
-                                                    <input type="hidden" name="domainId" data-ls-bind="{{domain.$id}}" />
+                                                <p>Add the following DNS records to your DNS provider settings to setup and verify your new custom domain.</p>

-                                                    <p>Add the following DNS records to your DNS provider settings to setup and verify your new custom domain.</p>
+                                                <ol>
+                                                    <li>
+                                                        <p>Add a new CNAME record in your DNS providers settings to point your new subdomain to your <?php echo APP_NAME; ?> server with the following value:</p>
+                                                        
+                                                        <div class="ide margin-bottom-small">
+                                                            <pre class="line-numbers"><code class="prism language-javascript" data-prism><?php echo $this->print($customDomainsTarget, 'escape'); ?></code></pre>
+                                                        </div>

-                                                    <ol>
-                                                        <li>
-                                                            <p>Add a new CNAME record in your DNS providers settings to point your new subdomain to your <?php echo APP_NAME; ?> server with the following value:</p>
+                                                        <p>For example:</p>
+
+                                                        <div class="ide margin-bottom-small">
+                                                            <pre class="line-numbers"><code class="prism language-javascript" data-prism><?php echo strtolower(APP_NAME); ?>.myapp.com   CNAME   <?php echo $this->print($customDomainsTarget, 'escape'); ?></code></pre>
+                                                        </div>
+                                                    </li>
+
+                                                    <li>
+                                                        Confirm and verify your CNAME record values:
+                                                        <form class="strip"
+                                                            data-analytics-event="submit"
+                                                            data-analytics-category="console"
+                                                            data-analytics-label="Update Domain Verification"
+                                                            data-service="projects.updateDomainVerification"
+                                                            data-scope="console"
+                                                            data-event="submit"
+                                                            data-loading="Verifying DNS records..."
+                                                            data-success="alert,trigger"
+                                                            data-success-param-alert-text="Verified domain successfully"
+                                                            data-success-param-trigger-events="projects.updateDomainVerification"
+                                                            data-failure="alert"
+                                                            data-failure-param-alert-text="Failed to verify domain, check your DNS records"
+                                                            data-failure-param-alert-classname="error">
+
+                                                            <input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
+                                                            <input type="hidden" name="domainId" data-ls-bind="{{domain.$id}}" />
                                                            
-                                                            <div class="ide margin-bottom-small">
-                                                                <pre class="line-numbers"><code class="prism language-javascript" data-prism><?php echo $this->print($customDomainsTarget, 'escape'); ?></code></pre>
-                                                            </div>
-
-                                                            <p>For example:</p>
-
-                                                            <div class="ide margin-bottom-small">
-                                                                <pre class="line-numbers"><code class="prism language-javascript" data-prism><?php echo strtolower(APP_NAME); ?>.myapp.com   CNAME   <?php echo $this->print($customDomainsTarget, 'escape'); ?></code></pre>
-                                                            </div>
-                                                        </li>
-
-                                                        <li>Confirm and verify your CNAME record values:
-
                                                            <button class="margin-top-small">Confirm & Verify</button>
-                                                        </li>
+                                                        </form>
+                                                    </li>
+                                                </ol>

-                                                        <li>After verification completes, <?php echo APP_NAME; ?> will automatically generate your new domain a secure SSL certificate. This process may take a few seconds. </li>
-                                                    </ol>
-                                                </form>
+                                                <div class="info margin-bottom">
+                                                    <h4 class="margin-bottom-small">SSL Certificate</h4>
+                                                    <p>After verification completes, <?php echo APP_NAME; ?> will automatically generate a secure SSL certificate for your domain. This process may take a few seconds. Certitficate renewals are automatically issued every 60 days.</p>
+                                                </div>
+
+                                                <button data-ui-modal-close="" type="button" class="reverse">Close Settings</button>
                                            </div>
                                        </td>
                                        <td data-title="">
@@ -104,7 +104,7 @@
                                <label data-ls-attrs="for=schedule-{{task.$id}}">Schedule (CRON Syntax)</label>
                                <input type="text" class="full-width" data-ls-attrs="id=schedule-{{task.$id}}" name="schedule" required autocomplete="off" data-ls-bind="{{task.schedule}}" placeholder="* * * * *" />

-                                <div class="row thin">
+                                <div class="row responsive thin">
                                    <div class="col span-4">
                                        <label data-ls-attrs="for=httpMethod-{{task.$id}}">HTTP Method</label>
                                        <select data-ls-attrs="id=httpMethod-{{task.$id}}" name="httpMethod" required data-ls-bind="{{task.httpMethod}}">
@@ -179,12 +179,12 @@

                                    <label class="text-bold">HTTP Authentication <span class="tooltip" data-tooltip="Use to secure your endpoint from untrusted sources"><i class="icon-question"></i></span> &nbsp;<small>(optional)</small></label>

-                                    <div class="row thin">
-                                        <div class="col span-6">
+                                    <div class="row responsive thin">
+                                        <div class="col span-6 margin-bottom">
                                            <label data-ls-attrs="for=httpUser-{{task.$id}}">User</label>
                                            <input type="text" class="full-width margin-bottom-no" data-ls-attrs="id=httpUser-{{task.$id}}" name="httpUser" autocomplete="off" data-ls-bind="{{task.httpUser}}" />
                                        </div>
-                                        <div class="col span-6">
+                                        <div class="col span-6 margin-bottom">
                                            <label data-ls-attrs="for=httpPass-{{task.$id}}">Password</label>
                                            <input type="password" class="full-width margin-bottom-no" data-ls-attrs="id=httpPass-{{task.$id}}" name="httpPass" autocomplete="off" data-ls-bind="{{task.httpPass}}" />
                                        </div>
@@ -256,7 +256,7 @@
                <label for="schedule">Schedule (CRON Syntax)</label>
                <input type="text" class="full-width" id="schedule" name="schedule" required autocomplete="off" placeholder="* * * * *" />

-                <div class="row thin">
+                <div class="row responsive thin">
                    <div class="col span-4">
                        <label for="httpMethod">HTTP Method</label>
                        <select id="httpMethod" name="httpMethod" required>
@@ -318,12 +318,12 @@

                    <label class="text-bold">HTTP Authentication <span class="tooltip" data-tooltip="Use to secure your endpoint from untrusted sources"><i class="icon-question"></i></span> &nbsp;<small>(optional)</small></label>

-                    <div class="row thin">
-                        <div class="col span-6">
+                    <div class="row responsive thin">
+                        <div class="col span-6 margin-bottom">
                            <label for="httpUser">User</label>
                            <input type="text" class="full-width margin-bottom-no" id="httpUser" name="httpUser" autocomplete="off" />
                        </div>
-                        <div class="col span-6">
+                        <div class="col span-6 margin-bottom">
                            <label for="httpPass">Password</label>
                            <input type="password" class="full-width margin-bottom-no" id="httpPass" name="httpPass" autocomplete="off" />
                        </div>
@@ -74,14 +74,14 @@ $events = [
                        <input type="text" class="full-width" data-ls-attrs="id=name-{{webhook.$id}}" name="name" required autocomplete="off" data-ls-bind="{{webhook.name}}" />

                        <label data-ls-attrs="for=events-{{webhook.$id}}">Events</label>
-                        <div class="row thin margin-bottom">
+                        <div class="row responsive thin">
                            <?php foreach ($events as $i => $event) : ?>
-                                <div class="col span-6">
+                                <div class="col span-6 text-one-liner margin-bottom text-height-large">
                                    <input type="checkbox" name="events" data-ls-bind="{{webhook.events}}" value="<?php echo $event; ?>" /> <?php echo $event; ?>
                                </div>
                                <?php if (($i + 1) % 2 === 0) : ?>
                                </div>
-                                <div class="row thin margin-bottom">
+                                <div class="row responsive thin">
                                <?php endif; ?>

                            <?php endforeach; ?>
@@ -112,12 +112,12 @@ $events = [

                            <label class="text-bold">HTTP Authentication <span class="tooltip" data-tooltip="Use to secure your endpoint from untrusted sources"><i class="icon-question"></i></span> &nbsp;<small>(optional)</small></label>

-                            <div class="row thin">
-                                <div class="col span-6">
+                            <div class="row responsive thin">
+                                <div class="col span-6 margin-bottom">
                                    <label data-ls-attrs="for=httpUser-{{webhook.$id}}">User</label>
                                    <input type="text" class="full-width margin-bottom-no" data-ls-attrs="id=httpUser-{{webhook.$id}}" name="httpUser" autocomplete="off" data-ls-bind="{{webhook.httpUser}}" />
                                </div>
-                                <div class="col span-6">
+                                <div class="col span-6 margin-bottom">
                                    <label data-ls-attrs="for=httpPass-{{webhook.$id}}">Password</label>
                                    <input type="password" class="full-width margin-bottom-no" data-ls-attrs="id=httpPass-{{webhook.$id}}" name="httpPass" autocomplete="off" data-ls-bind="{{webhook.httpPass}}" />
                                </div>
@@ -186,14 +186,14 @@ $events = [
                <input type="text" class="full-width" id="name" name="name" required autocomplete="off" />

                <label for="events">Events</label>
-                <div class="row thin margin-bottom">
+                <div class="row responsive thin">
                    <?php foreach ($events as $i => $event) : ?>
-                        <div class="col span-6">
+                        <div class="col span-6 text-one-liner margin-bottom text-height-large">
                            <input type="checkbox" name="events" value="<?php echo $event; ?>" /> <?php echo $event; ?>
                        </div>
                        <?php if (($i + 1) % 2 === 0) : ?>
                        </div>
-                        <div class="row thin margin-bottom">
+                        <div class="row responsive thin">
                        <?php endif; ?>

                    <?php endforeach; ?>
@@ -224,12 +224,12 @@ $events = [

                    <label class="text-bold">HTTP Authentication <span class="tooltip" data-tooltip="Use to secure your endpoint from untrusted sources"><i class="icon-question"></i></span> &nbsp;<small>(optional)</small></label>

-                    <div class="row thin">
-                        <div class="col span-6">
+                    <div class="row responsive thin">
+                        <div class="col span-6 margin-bottom">
                            <label for="httpUser">User</label>
                            <input type="text" class="full-width margin-bottom-no" id="httpUser" name="httpUser" autocomplete="off" />
                        </div>
-                        <div class="col span-6">
+                        <div class="col span-6 margin-bottom">
                            <label for="httpPass">Password</label>
                            <input type="password" class="full-width margin-bottom-no" id="httpPass" name="httpPass" autocomplete="off" />
                        </div>
@@ -2568,7 +2568,8 @@ return"< 1s";}).add("markdown",function($value,markdown){return markdown.render(
 let thresh=1000;if(Math.abs($value)<thresh){return $value+" B";}
 let units=["kB","MB","GB","TB","PB","EB","ZB","YB"];let u=-1;do{$value/=thresh;++u;}while(Math.abs($value)>=thresh&&u<units.length-1);return($value.toFixed(1)+'<span class="text-size-small unit">'+
 units[u]+"</span>");}).add("statsTotal",function($value){if(!$value){return 0;}
-$value=abbreviate($value,1,false,false);return $value==="0"?"N/A":$value;}).add("isEmptyObject",function($value){return((Object.keys($value).length===0&&$value.constructor===Object)||$value.length===0)});function abbreviate(number,maxPlaces,forcePlaces,forceLetter){number=Number(number);forceLetter=forceLetter||false;if(forceLetter!==false){return annotate(number,maxPlaces,forcePlaces,forceLetter);}
+$value=abbreviate($value,1,false,false);return $value==="0"?"N/A":$value;}).add("isEmptyObject",function($value){return((Object.keys($value).length===0&&$value.constructor===Object)||$value.length===0)}).add("activeDomainsCount",function($value){let result=[];if(Array.isArray($value)){result=$value.filter(function(node){return(node.verification&&node.certificateId);});}
+console.log(result);return result.length;});function abbreviate(number,maxPlaces,forcePlaces,forceLetter){number=Number(number);forceLetter=forceLetter||false;if(forceLetter!==false){return annotate(number,maxPlaces,forcePlaces,forceLetter);}
 let abbr;if(number>=1e12){abbr="T";}else if(number>=1e9){abbr="B";}else if(number>=1e6){abbr="M";}else if(number>=1e3){abbr="K";}else{abbr="";}
 return annotate(number,maxPlaces,forcePlaces,abbr);}
 function annotate(number,maxPlaces,forcePlaces,abbr){let rounded=0;switch(abbr){case"T":rounded=number/1e12;break;case"B":rounded=number/1e9;break;case"M":rounded=number/1e6;break;case"K":rounded=number/1e3;break;case"":rounded=number;break;}
@@ -2666,14 +2667,14 @@ if(element.value===router.params.project){return;}
 return router.change("/console/home?project="+element.value);};element.addEventListener("change",function(){check();});}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-general-theme",controller:function(element,router,document){let toggle=function(c){if(document.body.classList.contains('theme-light')){document.body.classList.remove('theme-light');document.body.classList.add('theme-dark');window.localStorage.setItem('user-theme','theme-dark')}
 else{document.body.classList.remove('theme-dark');document.body.classList.add('theme-light');window.localStorage.setItem('user-theme','theme-light')}};element.addEventListener("click",function(){toggle();});}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-paging-back",controller:function(element,container,expression,env){let paths=[];let limit=env.PAGING_LIMIT;let check=function(){let offset=parseInt(expression.parse(element.dataset["offset"])||"0");paths=paths.concat(expression.getPaths());if(offset-limit<0){element.disabled=true;}else{element.disabled=false;element.value=offset-limit;}};check();for(let i=0;i<paths.length;i++){let path=paths[i].split(".");while(path.length){container.bind(element,path.join("."),check);path.pop();}}}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-paging-next",controller:function(element,container,expression,env){let paths=[];let limit=env.PAGING_LIMIT;let check=function(){let offset=parseInt(expression.parse(element.dataset["offset"])||"0");paths=paths.concat(expression.getPaths());let sum=parseInt(expression.parse(element.dataset["sum"])||"0");paths=paths.concat(expression.getPaths());if(offset+limit>=sum){element.disabled=true;}else{element.disabled=false;element.value=offset+limit;}};check();for(let i=0;i<paths.length;i++){let path=paths[i].split(".");while(path.length){container.bind(element,path.join("."),check);path.pop();}}}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ui-highlight",controller:function(element,expression,document){let check=function(){let links=element.getElementsByTagName("a");let selected=null;let list=[];for(let i=0;i<links.length;i++){links[i].href=links[i].href||expression.parse(links[i].dataset["lsHref"]||"");list.push(links[i]);}
 list.sort(function(a,b){return a.pathname.length-b.pathname.length;});for(let i=0;i<list.length;i++){if(list[i].pathname===window.location.pathname.substring(0,list[i].pathname.length)){list[i].classList.add("selected");if(selected!==null){list[selected].classList.remove("selected");}
-selected=i;}else{list[i].classList.remove("selected");}}};document.addEventListener("state-changed",check);check();}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ls-ui-loader",controller:function(element,document){document.addEventListener('account.get',function(){element.classList.add('loaded');});}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ui-modal",controller:function(document,element,expression){let name=element.dataset["name"]||null;let buttonText=expression.parse(element.dataset["buttonText"]||"");let buttonClass=element.dataset["buttonClass"]||"button-class";let buttonIcon=element.dataset["buttonIcon"]||null;let buttonEvent=element.dataset["buttonEvent"]||"";let buttonAlias=element.dataset["buttonAlias"]||"";let buttonElements=!buttonAlias?[document.createElement("button")]:document.querySelectorAll(buttonAlias);let openEvent=element.dataset["openEvent"]||null;let background=document.getElementById("modal-bg");if(!background){background=document.createElement("div");background.id="modal-bg";background.className="modal-bg";document.body.appendChild(background);background.addEventListener("click",function(){document.dispatchEvent(new CustomEvent("modal-close",{bubbles:false,cancelable:true}));});}
+selected=i;}else{list[i].classList.remove("selected");}}};document.addEventListener("state-changed",check);check();}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ls-ui-loader",controller:function(element,document){document.addEventListener('account.get',function(){element.classList.add('loaded');});}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ui-modal",controller:function(document,element,expression){let name=expression.parse(element.dataset["name"]||'');let buttonText=expression.parse(element.dataset["buttonText"]||"");let buttonClass=expression.parse(element.dataset["buttonClass"]||"button-class");let buttonIcon=expression.parse(element.dataset["buttonIcon"]||'');let buttonEvent=expression.parse(element.dataset["buttonEvent"]||"");let buttonAlias=expression.parse(element.dataset["buttonAlias"]||"");let buttonElements=!buttonAlias?[document.createElement("button")]:document.querySelectorAll(buttonAlias);let openEvent=expression.parse(element.dataset["openEvent"]||'');let closeEvent=expression.parse(element.dataset["closeEvent"]||'submit');let background=document.getElementById("modal-bg");if(!background){background=document.createElement("div");background.id="modal-bg";background.className="modal-bg";document.body.appendChild(background);background.addEventListener("click",function(){document.dispatchEvent(new CustomEvent("modal-close",{bubbles:false,cancelable:true}));});}
 if(!buttonAlias){buttonElements.forEach(button=>{button.innerText=buttonText;button.className=buttonClass;button.type="button";if(buttonIcon){let iconElement=document.createElement("i");iconElement.className=buttonIcon;button.insertBefore(iconElement,button.firstChild);}});}
 if(buttonEvent){buttonElements.forEach(button=>{button.addEventListener("click",function(){document.dispatchEvent(new CustomEvent(buttonEvent,{bubbles:false,cancelable:true}));});});}
 element.classList.add("modal");if(!buttonAlias){buttonElements.forEach(button=>{element.parentNode.insertBefore(button,element);});}
-let open=function(){document.documentElement.classList.add("modal-open");document.dispatchEvent(new CustomEvent("modal-open",{bubbles:false,cancelable:true}));element.classList.add("open");element.classList.remove("close");};let close=function(){document.documentElement.classList.remove("modal-open");element.classList.add("close");element.classList.remove("open");};if(name){document.querySelectorAll("[data-ui-modal-ref='"+name+"']").forEach(function(elem){elem.addEventListener("click",open);});}
+let open=function(){document.documentElement.classList.add("modal-open");document.dispatchEvent(new CustomEvent("modal-open",{bubbles:false,cancelable:true}));element.classList.add("open");element.classList.remove("close");};let close=function(event){document.documentElement.classList.remove("modal-open");element.classList.add("close");element.classList.remove("open");};if(name){document.querySelectorAll("[data-ui-modal-ref='"+name+"']").forEach(function(elem){elem.addEventListener("click",open);});}
 if(openEvent){document.addEventListener(openEvent,open);}
 buttonElements.forEach(button=>{button.addEventListener("click",open);});document.addEventListener("keydown",function(event){if(event.which===27){close();}});element.addEventListener("blur",close);let closeButtons=element.querySelectorAll("[data-ui-modal-close]");for(let i=0;i<closeButtons.length;i++){closeButtons[i].addEventListener("click",close);}
-document.addEventListener("modal-close",close);element.addEventListener("submit",close);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ls-ui-open",controller:function(element,window){let def=element.classList.contains("open")?"open":"close";let buttonClass=element.dataset["buttonClass"]||"ls-ui-open";let buttonText=element.dataset["buttonText"]||"";let buttonIcon=element.dataset["buttonIcon"]||"";let buttonSelector=element.dataset["buttonSelector"]||"";let hover=element.hasAttribute("data-hover");let blur=element.hasAttribute("data-blur");let button=window.document.createElement("button");let isTouch=function(){return("ontouchstart"in window||navigator.maxTouchPoints);};button.innerText=buttonText;button.className=buttonClass;button.tabIndex=1;button.type="button";if(buttonIcon){let icon=window.document.createElement("i");icon.className=buttonIcon;button.insertBefore(icon,button.firstChild);}
+document.addEventListener("modal-close",close);element.addEventListener(closeEvent,close);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ls-ui-open",controller:function(element,window){let def=element.classList.contains("open")?"open":"close";let buttonClass=element.dataset["buttonClass"]||"ls-ui-open";let buttonText=element.dataset["buttonText"]||"";let buttonIcon=element.dataset["buttonIcon"]||"";let buttonSelector=element.dataset["buttonSelector"]||"";let hover=element.hasAttribute("data-hover");let blur=element.hasAttribute("data-blur");let button=window.document.createElement("button");let isTouch=function(){return("ontouchstart"in window||navigator.maxTouchPoints);};button.innerText=buttonText;button.className=buttonClass;button.tabIndex=1;button.type="button";if(buttonIcon){let icon=window.document.createElement("i");icon.className=buttonIcon;button.insertBefore(icon,button.firstChild);}
 if(def==="close"){element.classList.add("close");element.classList.remove("open");}else{element.classList.add("open");element.classList.remove("close");}
 button.addEventListener("click",function(){element.classList.toggle("open");element.classList.toggle("close");});if(hover&&!isTouch()){element.addEventListener("mouseover",function(){element.classList.add("open");element.classList.remove("close");});element.addEventListener("mouseout",function(){element.classList.add("close");element.classList.remove("open");});}
 let close=function(){element.classList.add("close");element.classList.remove("open");};let closeDelay=function(){window.setTimeout(function(){close();},150);};let findParent=function(tagName,el){if((el.nodeName||el.tagName).toLowerCase()===tagName.toLowerCase()){return el;}
@@ -2684,4 +2685,4 @@ element.addEventListener("click",function(event){let target=findParent("a",event
 if(!target.href){return false;}
 closeDelay();});element.insertBefore(button,element.firstChild);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ui-phases",controller:function(element,window,document,expression,router){var tabs=document.createElement("ul");var container=document.createElement("div");var titles=Array.prototype.slice.call(element.getElementsByTagName("h2"));var next=Array.prototype.slice.call(element.querySelectorAll("[data-next]"));var previous=Array.prototype.slice.call(element.querySelectorAll("[data-previous]"));var position=0;var init=false;for(var i=0;i<element.children.length;i++){var tabState=expression.parse(element.children[i].dataset["state"]||"");if(tabState===(window.location.pathname+window.location.search).substring(0,tabState.length)){position=i;}}
 var setTab=function(index){var tabState=expression.parse(element.children[index].dataset["state"]||"");var url="";if(tabState!==""&&tabState!==window.location.pathname+window.location.search){var parser=document.createElement("a");parser.href=tabState;url=!init?parser.pathname+window.location.search:tabState;if(position!=index){window.history.pushState({},"",url);router.reset();}}
-element.children[position].classList.remove("selected");element.children[index].classList.add("selected");tabs.children[position].classList.remove("selected");tabs.children[index].classList.add("selected");position=index;document.dispatchEvent(new CustomEvent("tab-changed"));init=true;};tabs.classList.add("tabs");container.classList.add("container");container.classList.add("close");container.dataset["lsUiOpen"]="";container.dataset["buttonClass"]="icon icon-down-dir";titles.map(function(obj,i){var title=document.createElement("li");title.innerHTML=obj.innerHTML;title.className=obj.className;title.tabIndex=0;tabs.appendChild(title);title.addEventListener("click",function(){setTab(i);});title.addEventListener("keyup",function(){if(event.which===13){setTab(i);}});});next.map(function(obj){obj.addEventListener("click",function(){setTab(position+1);});});previous.map(function(obj){obj.addEventListener("click",function(){setTab(position-1);});});setTab(position);container.appendChild(tabs);element.parentNode.insertBefore(container,element);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ls-ui-trigger",controller:function(element,document){let trigger=element.dataset["lsUiTrigger"];let event=element.dataset["event"]||"click";element.addEventListener(event,function(){document.dispatchEvent(new CustomEvent(trigger));});}});})(window);
+element.children[position].classList.remove("selected");element.children[index].classList.add("selected");tabs.children[position].classList.remove("selected");tabs.children[index].classList.add("selected");position=index;document.dispatchEvent(new CustomEvent("tab-changed"));init=true;};tabs.classList.add("tabs");container.classList.add("container");container.classList.add("close");container.dataset["lsUiOpen"]="";container.dataset["buttonClass"]="icon icon-down-dir";titles.map(function(obj,i){var title=document.createElement("li");title.innerHTML=obj.innerHTML;title.className=obj.className;title.tabIndex=0;tabs.appendChild(title);title.addEventListener("click",function(){setTab(i);});title.addEventListener("keyup",function(){if(event.which===13){setTab(i);}});});next.map(function(obj){obj.addEventListener("click",function(){setTab(position+1);});});previous.map(function(obj){obj.addEventListener("click",function(){setTab(position-1);});});setTab(position);container.appendChild(tabs);element.parentNode.insertBefore(container,element);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ls-ui-trigger",controller:function(element,document,expression){let trigger=expression.parse(element.dataset["lsUiTrigger"]||'');let event=expression.parse(element.dataset["event"]||'click');element.addEventListener(event,function(){document.dispatchEvent(new CustomEvent(trigger));});}});})(window);
@@ -286,7 +286,8 @@ return"< 1s";}).add("markdown",function($value,markdown){return markdown.render(
 let thresh=1000;if(Math.abs($value)<thresh){return $value+" B";}
 let units=["kB","MB","GB","TB","PB","EB","ZB","YB"];let u=-1;do{$value/=thresh;++u;}while(Math.abs($value)>=thresh&&u<units.length-1);return($value.toFixed(1)+'<span class="text-size-small unit">'+
 units[u]+"</span>");}).add("statsTotal",function($value){if(!$value){return 0;}
-$value=abbreviate($value,1,false,false);return $value==="0"?"N/A":$value;}).add("isEmptyObject",function($value){return((Object.keys($value).length===0&&$value.constructor===Object)||$value.length===0)});function abbreviate(number,maxPlaces,forcePlaces,forceLetter){number=Number(number);forceLetter=forceLetter||false;if(forceLetter!==false){return annotate(number,maxPlaces,forcePlaces,forceLetter);}
+$value=abbreviate($value,1,false,false);return $value==="0"?"N/A":$value;}).add("isEmptyObject",function($value){return((Object.keys($value).length===0&&$value.constructor===Object)||$value.length===0)}).add("activeDomainsCount",function($value){let result=[];if(Array.isArray($value)){result=$value.filter(function(node){return(node.verification&&node.certificateId);});}
+console.log(result);return result.length;});function abbreviate(number,maxPlaces,forcePlaces,forceLetter){number=Number(number);forceLetter=forceLetter||false;if(forceLetter!==false){return annotate(number,maxPlaces,forcePlaces,forceLetter);}
 let abbr;if(number>=1e12){abbr="T";}else if(number>=1e9){abbr="B";}else if(number>=1e6){abbr="M";}else if(number>=1e3){abbr="K";}else{abbr="";}
 return annotate(number,maxPlaces,forcePlaces,abbr);}
 function annotate(number,maxPlaces,forcePlaces,abbr){let rounded=0;switch(abbr){case"T":rounded=number/1e12;break;case"B":rounded=number/1e9;break;case"M":rounded=number/1e6;break;case"K":rounded=number/1e3;break;case"":rounded=number;break;}
@@ -384,14 +385,14 @@ if(element.value===router.params.project){return;}
 return router.change("/console/home?project="+element.value);};element.addEventListener("change",function(){check();});}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-general-theme",controller:function(element,router,document){let toggle=function(c){if(document.body.classList.contains('theme-light')){document.body.classList.remove('theme-light');document.body.classList.add('theme-dark');window.localStorage.setItem('user-theme','theme-dark')}
 else{document.body.classList.remove('theme-dark');document.body.classList.add('theme-light');window.localStorage.setItem('user-theme','theme-light')}};element.addEventListener("click",function(){toggle();});}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-paging-back",controller:function(element,container,expression,env){let paths=[];let limit=env.PAGING_LIMIT;let check=function(){let offset=parseInt(expression.parse(element.dataset["offset"])||"0");paths=paths.concat(expression.getPaths());if(offset-limit<0){element.disabled=true;}else{element.disabled=false;element.value=offset-limit;}};check();for(let i=0;i<paths.length;i++){let path=paths[i].split(".");while(path.length){container.bind(element,path.join("."),check);path.pop();}}}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-paging-next",controller:function(element,container,expression,env){let paths=[];let limit=env.PAGING_LIMIT;let check=function(){let offset=parseInt(expression.parse(element.dataset["offset"])||"0");paths=paths.concat(expression.getPaths());let sum=parseInt(expression.parse(element.dataset["sum"])||"0");paths=paths.concat(expression.getPaths());if(offset+limit>=sum){element.disabled=true;}else{element.disabled=false;element.value=offset+limit;}};check();for(let i=0;i<paths.length;i++){let path=paths[i].split(".");while(path.length){container.bind(element,path.join("."),check);path.pop();}}}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ui-highlight",controller:function(element,expression,document){let check=function(){let links=element.getElementsByTagName("a");let selected=null;let list=[];for(let i=0;i<links.length;i++){links[i].href=links[i].href||expression.parse(links[i].dataset["lsHref"]||"");list.push(links[i]);}
 list.sort(function(a,b){return a.pathname.length-b.pathname.length;});for(let i=0;i<list.length;i++){if(list[i].pathname===window.location.pathname.substring(0,list[i].pathname.length)){list[i].classList.add("selected");if(selected!==null){list[selected].classList.remove("selected");}
-selected=i;}else{list[i].classList.remove("selected");}}};document.addEventListener("state-changed",check);check();}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ls-ui-loader",controller:function(element,document){document.addEventListener('account.get',function(){element.classList.add('loaded');});}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ui-modal",controller:function(document,element,expression){let name=element.dataset["name"]||null;let buttonText=expression.parse(element.dataset["buttonText"]||"");let buttonClass=element.dataset["buttonClass"]||"button-class";let buttonIcon=element.dataset["buttonIcon"]||null;let buttonEvent=element.dataset["buttonEvent"]||"";let buttonAlias=element.dataset["buttonAlias"]||"";let buttonElements=!buttonAlias?[document.createElement("button")]:document.querySelectorAll(buttonAlias);let openEvent=element.dataset["openEvent"]||null;let background=document.getElementById("modal-bg");if(!background){background=document.createElement("div");background.id="modal-bg";background.className="modal-bg";document.body.appendChild(background);background.addEventListener("click",function(){document.dispatchEvent(new CustomEvent("modal-close",{bubbles:false,cancelable:true}));});}
+selected=i;}else{list[i].classList.remove("selected");}}};document.addEventListener("state-changed",check);check();}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ls-ui-loader",controller:function(element,document){document.addEventListener('account.get',function(){element.classList.add('loaded');});}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ui-modal",controller:function(document,element,expression){let name=expression.parse(element.dataset["name"]||'');let buttonText=expression.parse(element.dataset["buttonText"]||"");let buttonClass=expression.parse(element.dataset["buttonClass"]||"button-class");let buttonIcon=expression.parse(element.dataset["buttonIcon"]||'');let buttonEvent=expression.parse(element.dataset["buttonEvent"]||"");let buttonAlias=expression.parse(element.dataset["buttonAlias"]||"");let buttonElements=!buttonAlias?[document.createElement("button")]:document.querySelectorAll(buttonAlias);let openEvent=expression.parse(element.dataset["openEvent"]||'');let closeEvent=expression.parse(element.dataset["closeEvent"]||'submit');let background=document.getElementById("modal-bg");if(!background){background=document.createElement("div");background.id="modal-bg";background.className="modal-bg";document.body.appendChild(background);background.addEventListener("click",function(){document.dispatchEvent(new CustomEvent("modal-close",{bubbles:false,cancelable:true}));});}
 if(!buttonAlias){buttonElements.forEach(button=>{button.innerText=buttonText;button.className=buttonClass;button.type="button";if(buttonIcon){let iconElement=document.createElement("i");iconElement.className=buttonIcon;button.insertBefore(iconElement,button.firstChild);}});}
 if(buttonEvent){buttonElements.forEach(button=>{button.addEventListener("click",function(){document.dispatchEvent(new CustomEvent(buttonEvent,{bubbles:false,cancelable:true}));});});}
 element.classList.add("modal");if(!buttonAlias){buttonElements.forEach(button=>{element.parentNode.insertBefore(button,element);});}
-let open=function(){document.documentElement.classList.add("modal-open");document.dispatchEvent(new CustomEvent("modal-open",{bubbles:false,cancelable:true}));element.classList.add("open");element.classList.remove("close");};let close=function(){document.documentElement.classList.remove("modal-open");element.classList.add("close");element.classList.remove("open");};if(name){document.querySelectorAll("[data-ui-modal-ref='"+name+"']").forEach(function(elem){elem.addEventListener("click",open);});}
+let open=function(){document.documentElement.classList.add("modal-open");document.dispatchEvent(new CustomEvent("modal-open",{bubbles:false,cancelable:true}));element.classList.add("open");element.classList.remove("close");};let close=function(event){document.documentElement.classList.remove("modal-open");element.classList.add("close");element.classList.remove("open");};if(name){document.querySelectorAll("[data-ui-modal-ref='"+name+"']").forEach(function(elem){elem.addEventListener("click",open);});}
 if(openEvent){document.addEventListener(openEvent,open);}
 buttonElements.forEach(button=>{button.addEventListener("click",open);});document.addEventListener("keydown",function(event){if(event.which===27){close();}});element.addEventListener("blur",close);let closeButtons=element.querySelectorAll("[data-ui-modal-close]");for(let i=0;i<closeButtons.length;i++){closeButtons[i].addEventListener("click",close);}
-document.addEventListener("modal-close",close);element.addEventListener("submit",close);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ls-ui-open",controller:function(element,window){let def=element.classList.contains("open")?"open":"close";let buttonClass=element.dataset["buttonClass"]||"ls-ui-open";let buttonText=element.dataset["buttonText"]||"";let buttonIcon=element.dataset["buttonIcon"]||"";let buttonSelector=element.dataset["buttonSelector"]||"";let hover=element.hasAttribute("data-hover");let blur=element.hasAttribute("data-blur");let button=window.document.createElement("button");let isTouch=function(){return("ontouchstart"in window||navigator.maxTouchPoints);};button.innerText=buttonText;button.className=buttonClass;button.tabIndex=1;button.type="button";if(buttonIcon){let icon=window.document.createElement("i");icon.className=buttonIcon;button.insertBefore(icon,button.firstChild);}
+document.addEventListener("modal-close",close);element.addEventListener(closeEvent,close);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ls-ui-open",controller:function(element,window){let def=element.classList.contains("open")?"open":"close";let buttonClass=element.dataset["buttonClass"]||"ls-ui-open";let buttonText=element.dataset["buttonText"]||"";let buttonIcon=element.dataset["buttonIcon"]||"";let buttonSelector=element.dataset["buttonSelector"]||"";let hover=element.hasAttribute("data-hover");let blur=element.hasAttribute("data-blur");let button=window.document.createElement("button");let isTouch=function(){return("ontouchstart"in window||navigator.maxTouchPoints);};button.innerText=buttonText;button.className=buttonClass;button.tabIndex=1;button.type="button";if(buttonIcon){let icon=window.document.createElement("i");icon.className=buttonIcon;button.insertBefore(icon,button.firstChild);}
 if(def==="close"){element.classList.add("close");element.classList.remove("open");}else{element.classList.add("open");element.classList.remove("close");}
 button.addEventListener("click",function(){element.classList.toggle("open");element.classList.toggle("close");});if(hover&&!isTouch()){element.addEventListener("mouseover",function(){element.classList.add("open");element.classList.remove("close");});element.addEventListener("mouseout",function(){element.classList.add("close");element.classList.remove("open");});}
 let close=function(){element.classList.add("close");element.classList.remove("open");};let closeDelay=function(){window.setTimeout(function(){close();},150);};let findParent=function(tagName,el){if((el.nodeName||el.tagName).toLowerCase()===tagName.toLowerCase()){return el;}
@@ -402,4 +403,4 @@ element.addEventListener("click",function(event){let target=findParent("a",event
 if(!target.href){return false;}
 closeDelay();});element.insertBefore(button,element.firstChild);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ui-phases",controller:function(element,window,document,expression,router){var tabs=document.createElement("ul");var container=document.createElement("div");var titles=Array.prototype.slice.call(element.getElementsByTagName("h2"));var next=Array.prototype.slice.call(element.querySelectorAll("[data-next]"));var previous=Array.prototype.slice.call(element.querySelectorAll("[data-previous]"));var position=0;var init=false;for(var i=0;i<element.children.length;i++){var tabState=expression.parse(element.children[i].dataset["state"]||"");if(tabState===(window.location.pathname+window.location.search).substring(0,tabState.length)){position=i;}}
 var setTab=function(index){var tabState=expression.parse(element.children[index].dataset["state"]||"");var url="";if(tabState!==""&&tabState!==window.location.pathname+window.location.search){var parser=document.createElement("a");parser.href=tabState;url=!init?parser.pathname+window.location.search:tabState;if(position!=index){window.history.pushState({},"",url);router.reset();}}
-element.children[position].classList.remove("selected");element.children[index].classList.add("selected");tabs.children[position].classList.remove("selected");tabs.children[index].classList.add("selected");position=index;document.dispatchEvent(new CustomEvent("tab-changed"));init=true;};tabs.classList.add("tabs");container.classList.add("container");container.classList.add("close");container.dataset["lsUiOpen"]="";container.dataset["buttonClass"]="icon icon-down-dir";titles.map(function(obj,i){var title=document.createElement("li");title.innerHTML=obj.innerHTML;title.className=obj.className;title.tabIndex=0;tabs.appendChild(title);title.addEventListener("click",function(){setTab(i);});title.addEventListener("keyup",function(){if(event.which===13){setTab(i);}});});next.map(function(obj){obj.addEventListener("click",function(){setTab(position+1);});});previous.map(function(obj){obj.addEventListener("click",function(){setTab(position-1);});});setTab(position);container.appendChild(tabs);element.parentNode.insertBefore(container,element);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ls-ui-trigger",controller:function(element,document){let trigger=element.dataset["lsUiTrigger"];let event=element.dataset["event"]||"click";element.addEventListener(event,function(){document.dispatchEvent(new CustomEvent(trigger));});}});})(window);
+element.children[position].classList.remove("selected");element.children[index].classList.add("selected");tabs.children[position].classList.remove("selected");tabs.children[index].classList.add("selected");position=index;document.dispatchEvent(new CustomEvent("tab-changed"));init=true;};tabs.classList.add("tabs");container.classList.add("container");container.classList.add("close");container.dataset["lsUiOpen"]="";container.dataset["buttonClass"]="icon icon-down-dir";titles.map(function(obj,i){var title=document.createElement("li");title.innerHTML=obj.innerHTML;title.className=obj.className;title.tabIndex=0;tabs.appendChild(title);title.addEventListener("click",function(){setTab(i);});title.addEventListener("keyup",function(){if(event.which===13){setTab(i);}});});next.map(function(obj){obj.addEventListener("click",function(){setTab(position+1);});});previous.map(function(obj){obj.addEventListener("click",function(){setTab(position-1);});});setTab(position);container.appendChild(tabs);element.parentNode.insertBefore(container,element);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ls-ui-trigger",controller:function(element,document,expression){let trigger=expression.parse(element.dataset["lsUiTrigger"]||'');let event=expression.parse(element.dataset["event"]||'click');element.addEventListener(event,function(){document.dispatchEvent(new CustomEvent(trigger));});}});})(window);
@@ -1 +1 @@
-.pull-start{float:left}.pull-end{float:right}:root{--config-width:910px;--config-width-xxl:1000px;--config-width-xl:910px;--config-width-large:700px;--config-width-medium:550px;--config-width-small:320px;--config-color-link:#1e849e;--config-color-background:#eceff1;--config-color-background-dark:#dfe2e4;--config-color-background-fade:#ffffff;--config-color-background-focus:#f5f5f5;--config-color-background-input:#ffffff;--config-color-placeholder:#868686;--config-color-tooltip-text:#dce8f5;--config-color-tooltip-background:#333333;--config-color-focus:#f02e65;--config-color-focus-fade:#fef8fa;--config-color-focus-hover:#ff729b;--config-color-focus-glow:#fce5ec;--config-color-focus-dark:#c52653;--config-color-normal:#40404c;--config-color-dark:#313131;--config-color-fade:#818181;--config-color-fade-light:#e2e2e2;--config-color-fade-super:#f1f3f5;--config-color-danger:#f53d3d;--config-color-success:#1bbf61;--config-color-warning:#ffed4d;--config-border-color:#f5f5f5;--config-border-radius:10px;--config-prism-background:#373738;--config-prism-numbers:#39393c;--config-note-background:#f1fbff;--config-note-border:#5bceff;--config-warning-background:#fdf7d9;--config-warning-border:#f8e380;--config-social-twitter:#1da1f2;--config-social-github:#000000;--config-social-discord:#7189dc;--config-social-facebook:#4070b4;--config-language-bash:#2b2626;--config-language-bash-contrast:#fff;--config-language-javascript:#fff054;--config-language-javascript-contrast:#333232;--config-language-html:#ff895b;--config-language-html-contrast:#ffffff;--config-language-php:#6182bb;--config-language-php-contrast:#ffffff;--config-language-nodejs:#8cc500;--config-language-nodejs-contrast:#373738;--config-language-ruby:#fc3f48;--config-language-ruby-contrast:#ffffff;--config-language-python:#3873a2;--config-language-python-contrast:#ffffff;--config-language-go:#00add8;--config-language-go-contrast:#ffffff;--config-language-dart:#035698;--config-language-dart-contrast:#2bb1f0;--config-modal-note-background:#f5fbff;--config-modal-note-border:#eaf2f7;--config-modal-note-color:#3b5d73;--config-switch-background:#e2e2e2;--config-console-background:#eceff1;--config-console-nav-start:#143650;--config-console-nav-end:#302839;--config-console-nav-border:#2a253a;--config-console-nav-switch-background:#ececec;--config-console-nav-switch-color:#868686;--config-console-nav-switch-arrow:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='%23868686' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>")}:root .theme-dark{--config-color-background:#061F2F;--config-color-background-dark:#262d50;--config-color-background-fade:#1c223a;--config-color-background-focus:#1a1f35;--config-color-background-input:#dce8f5;--config-color-tooltip-text:#061F2F;--config-color-tooltip-background:#dce8f5;--config-color-link:#4caedb;--config-color-placeholder:#9ea1af;--config-color-focus:#c7d8eb;--config-color-focus-fade:#1e233e;--config-color-focus-hover:#d3deea;--config-color-focus-glow:#d3deea;--config-color-focus-dark:#657586;--config-color-normal:#c7d8eb;--config-color-fade:#bec3e0;--config-color-fade-light:#181818;--config-color-fade-super:#262D50;--config-color-danger:#d84a4a;--config-color-success:#34b86d;--config-color-warning:#e0d56d;--config-border-color:#262D50;--config-prism-background:#1F253F;--config-prism-numbers:#1F253F;--config-note-background:#1F253F;--config-note-border:#262D50;--config-warning-background:#1F253F;--config-warning-border:#262D50;--config-social-twitter:var(--config-color-normal);--config-social-github:var(--config-color-normal);--config-social-discord:var(--config-color-normal);--config-social-facebook:var(--config-color-normal);--config-language-bash:var(--config-color-normal);--config-language-bash-contrast:var(--config-color-background);--config-language-javascript:var(--config-color-normal);--config-language-javascript-contrast:var(--config-color-background);--config-language-html:var(--config-color-normal);--config-language-html-contrast:var(--config-color-background);--config-language-php:var(--config-color-normal);--config-language-php-contrast:var(--config-color-background);--config-language-nodejs:var(--config-color-normal);--config-language-nodejs-contrast:var(--config-color-background);--config-language-ruby:var(--config-color-normal);--config-language-ruby-contrast:var(--config-color-background);--config-language-python:var(--config-color-normal);--config-language-python-contrast:var(--config-color-background);--config-language-go:var(--config-color-normal);--config-language-go-contrast:var(--config-color-background);--config-language-dart:var(--config-color-normal);--config-language-dart-contrast:var(--config-color-background);--config-modal-note-background:#15192b;--config-modal-note-border:#161b31;--config-modal-note-color:var(--config-color-normal);--config-switch-backgLine truncated
+.pull-start{float:left}.pull-end{float:right}:root{--config-width:910px;--config-width-xxl:1000px;--config-width-xl:910px;--config-width-large:700px;--config-width-medium:550px;--config-width-small:320px;--config-color-link:#1e849e;--config-color-background:#eceff1;--config-color-background-dark:#dfe2e4;--config-color-background-fade:#ffffff;--config-color-background-fade-super:#fdfdfd;--config-color-background-focus:#f5f5f5;--config-color-background-input:#ffffff;--config-color-placeholder:#868686;--config-color-tooltip-text:#dce8f5;--config-color-tooltip-background:#333333;--config-color-focus:#f02e65;--config-color-focus-fade:#fef8fa;--config-color-focus-hover:#ff729b;--config-color-focus-glow:#fce5ec;--config-color-focus-dark:#c52653;--config-color-normal:#40404c;--config-color-dark:#313131;--config-color-fade:#818181;--config-color-fade-light:#e2e2e2;--config-color-fade-super:#f1f3f5;--config-color-danger:#f53d3d;--config-color-success:#1bbf61;--config-color-warning:#ffed4d;--config-border-color:#f5f5f5;--config-border-radius:10px;--config-prism-background:#373738;--config-prism-numbers:#39393c;--config-note-background:#f1fbff;--config-note-border:#5bceff;--config-warning-background:#fdf7d9;--config-warning-border:#f8e380;--config-social-twitter:#1da1f2;--config-social-github:#000000;--config-social-discord:#7189dc;--config-social-facebook:#4070b4;--config-language-bash:#2b2626;--config-language-bash-contrast:#fff;--config-language-javascript:#fff054;--config-language-javascript-contrast:#333232;--config-language-html:#ff895b;--config-language-html-contrast:#ffffff;--config-language-php:#6182bb;--config-language-php-contrast:#ffffff;--config-language-nodejs:#8cc500;--config-language-nodejs-contrast:#373738;--config-language-ruby:#fc3f48;--config-language-ruby-contrast:#ffffff;--config-language-python:#3873a2;--config-language-python-contrast:#ffffff;--config-language-go:#00add8;--config-language-go-contrast:#ffffff;--config-language-dart:#035698;--config-language-dart-contrast:#2bb1f0;--config-modal-note-background:#f5fbff;--config-modal-note-border:#eaf2f7;--config-modal-note-color:#3b5d73;--config-switch-background:#e2e2e2;--config-console-background:#eceff1;--config-console-nav-start:#143650;--config-console-nav-end:#302839;--config-console-nav-border:#2a253a;--config-console-nav-switch-background:#ececec;--config-console-nav-switch-color:#868686;--config-console-nav-switch-arrow:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='%23868686' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>")}:root .theme-dark{--config-color-background:#061F2F;--config-color-background-dark:#262d50;--config-color-background-fade:#1c223a;--config-color-background-fade-super:#1a1f35;--config-color-background-focus:#1a1f35;--config-color-background-input:#dce8f5;--config-color-tooltip-text:#061F2F;--config-color-tooltip-background:#dce8f5;--config-color-link:#4caedb;--config-color-placeholder:#9ea1af;--config-color-focus:#c7d8eb;--config-color-focus-fade:#1e233e;--config-color-focus-hover:#d3deea;--config-color-focus-glow:#d3deea;--config-color-focus-dark:#657586;--config-color-normal:#c7d8eb;--config-color-fade:#bec3e0;--config-color-fade-light:#181818;--config-color-fade-super:#262D50;--config-color-danger:#d84a4a;--config-color-success:#34b86d;--config-color-warning:#e0d56d;--config-border-color:#262D50;--config-prism-background:#1F253F;--config-prism-numbers:#1F253F;--config-note-background:#1F253F;--config-note-border:#262D50;--config-warning-background:#1F253F;--config-warning-border:#262D50;--config-social-twitter:var(--config-color-normal);--config-social-github:var(--config-color-normal);--config-social-discord:var(--config-color-normal);--config-social-facebook:var(--config-color-normal);--config-language-bash:var(--config-color-normal);--config-language-bash-contrast:var(--config-color-background);--config-language-javascript:var(--config-color-normal);--config-language-javascript-contrast:var(--config-color-background);--config-language-html:var(--config-color-normal);--config-language-html-contrast:var(--config-color-background);--config-language-php:var(--config-color-normal);--config-language-php-contrast:var(--config-color-background);--config-language-nodejs:var(--config-color-normal);--config-language-nodejs-contrast:var(--config-color-background);--config-language-ruby:var(--config-color-normal);--config-language-ruby-contrast:var(--config-color-background);--config-language-python:var(--config-color-normal);--config-language-python-contrast:var(--config-color-background);--config-language-go:var(--config-color-normal);--config-language-go-contrast:var(--config-color-background);--config-language-dart:var(--config-color-normal);--config-language-dart-contrast:var(--config-color-background);--config-modal-note-background:#15192b;--config-modal-noteLine truncated
@@ -1 +1 @@
-.pull-start{float:right}.pull-end{float:left}:root{--config-width:910px;--config-width-xxl:1000px;--config-width-xl:910px;--config-width-large:700px;--config-width-medium:550px;--config-width-small:320px;--config-color-link:#1e849e;--config-color-background:#eceff1;--config-color-background-dark:#dfe2e4;--config-color-background-fade:#ffffff;--config-color-background-focus:#f5f5f5;--config-color-background-input:#ffffff;--config-color-placeholder:#868686;--config-color-tooltip-text:#dce8f5;--config-color-tooltip-background:#333333;--config-color-focus:#f02e65;--config-color-focus-fade:#fef8fa;--config-color-focus-hover:#ff729b;--config-color-focus-glow:#fce5ec;--config-color-focus-dark:#c52653;--config-color-normal:#40404c;--config-color-dark:#313131;--config-color-fade:#818181;--config-color-fade-light:#e2e2e2;--config-color-fade-super:#f1f3f5;--config-color-danger:#f53d3d;--config-color-success:#1bbf61;--config-color-warning:#ffed4d;--config-border-color:#f5f5f5;--config-border-radius:10px;--config-prism-background:#373738;--config-prism-numbers:#39393c;--config-note-background:#f1fbff;--config-note-border:#5bceff;--config-warning-background:#fdf7d9;--config-warning-border:#f8e380;--config-social-twitter:#1da1f2;--config-social-github:#000000;--config-social-discord:#7189dc;--config-social-facebook:#4070b4;--config-language-bash:#2b2626;--config-language-bash-contrast:#fff;--config-language-javascript:#fff054;--config-language-javascript-contrast:#333232;--config-language-html:#ff895b;--config-language-html-contrast:#ffffff;--config-language-php:#6182bb;--config-language-php-contrast:#ffffff;--config-language-nodejs:#8cc500;--config-language-nodejs-contrast:#373738;--config-language-ruby:#fc3f48;--config-language-ruby-contrast:#ffffff;--config-language-python:#3873a2;--config-language-python-contrast:#ffffff;--config-language-go:#00add8;--config-language-go-contrast:#ffffff;--config-language-dart:#035698;--config-language-dart-contrast:#2bb1f0;--config-modal-note-background:#f5fbff;--config-modal-note-border:#eaf2f7;--config-modal-note-color:#3b5d73;--config-switch-background:#e2e2e2;--config-console-background:#eceff1;--config-console-nav-start:#143650;--config-console-nav-end:#302839;--config-console-nav-border:#2a253a;--config-console-nav-switch-background:#ececec;--config-console-nav-switch-color:#868686;--config-console-nav-switch-arrow:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='%23868686' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>")}:root .theme-dark{--config-color-background:#061F2F;--config-color-background-dark:#262d50;--config-color-background-fade:#1c223a;--config-color-background-focus:#1a1f35;--config-color-background-input:#dce8f5;--config-color-tooltip-text:#061F2F;--config-color-tooltip-background:#dce8f5;--config-color-link:#4caedb;--config-color-placeholder:#9ea1af;--config-color-focus:#c7d8eb;--config-color-focus-fade:#1e233e;--config-color-focus-hover:#d3deea;--config-color-focus-glow:#d3deea;--config-color-focus-dark:#657586;--config-color-normal:#c7d8eb;--config-color-fade:#bec3e0;--config-color-fade-light:#181818;--config-color-fade-super:#262D50;--config-color-danger:#d84a4a;--config-color-success:#34b86d;--config-color-warning:#e0d56d;--config-border-color:#262D50;--config-prism-background:#1F253F;--config-prism-numbers:#1F253F;--config-note-background:#1F253F;--config-note-border:#262D50;--config-warning-background:#1F253F;--config-warning-border:#262D50;--config-social-twitter:var(--config-color-normal);--config-social-github:var(--config-color-normal);--config-social-discord:var(--config-color-normal);--config-social-facebook:var(--config-color-normal);--config-language-bash:var(--config-color-normal);--config-language-bash-contrast:var(--config-color-background);--config-language-javascript:var(--config-color-normal);--config-language-javascript-contrast:var(--config-color-background);--config-language-html:var(--config-color-normal);--config-language-html-contrast:var(--config-color-background);--config-language-php:var(--config-color-normal);--config-language-php-contrast:var(--config-color-background);--config-language-nodejs:var(--config-color-normal);--config-language-nodejs-contrast:var(--config-color-background);--config-language-ruby:var(--config-color-normal);--config-language-ruby-contrast:var(--config-color-background);--config-language-python:var(--config-color-normal);--config-language-python-contrast:var(--config-color-background);--config-language-go:var(--config-color-normal);--config-language-go-contrast:var(--config-color-background);--config-language-dart:var(--config-color-normal);--config-language-dart-contrast:var(--config-color-background);--config-modal-note-background:#15192b;--config-modal-note-border:#161b31;--config-modal-note-color:var(--config-color-normal);--config-switch-backgLine truncated
+.pull-start{float:right}.pull-end{float:left}:root{--config-width:910px;--config-width-xxl:1000px;--config-width-xl:910px;--config-width-large:700px;--config-width-medium:550px;--config-width-small:320px;--config-color-link:#1e849e;--config-color-background:#eceff1;--config-color-background-dark:#dfe2e4;--config-color-background-fade:#ffffff;--config-color-background-fade-super:#fdfdfd;--config-color-background-focus:#f5f5f5;--config-color-background-input:#ffffff;--config-color-placeholder:#868686;--config-color-tooltip-text:#dce8f5;--config-color-tooltip-background:#333333;--config-color-focus:#f02e65;--config-color-focus-fade:#fef8fa;--config-color-focus-hover:#ff729b;--config-color-focus-glow:#fce5ec;--config-color-focus-dark:#c52653;--config-color-normal:#40404c;--config-color-dark:#313131;--config-color-fade:#818181;--config-color-fade-light:#e2e2e2;--config-color-fade-super:#f1f3f5;--config-color-danger:#f53d3d;--config-color-success:#1bbf61;--config-color-warning:#ffed4d;--config-border-color:#f5f5f5;--config-border-radius:10px;--config-prism-background:#373738;--config-prism-numbers:#39393c;--config-note-background:#f1fbff;--config-note-border:#5bceff;--config-warning-background:#fdf7d9;--config-warning-border:#f8e380;--config-social-twitter:#1da1f2;--config-social-github:#000000;--config-social-discord:#7189dc;--config-social-facebook:#4070b4;--config-language-bash:#2b2626;--config-language-bash-contrast:#fff;--config-language-javascript:#fff054;--config-language-javascript-contrast:#333232;--config-language-html:#ff895b;--config-language-html-contrast:#ffffff;--config-language-php:#6182bb;--config-language-php-contrast:#ffffff;--config-language-nodejs:#8cc500;--config-language-nodejs-contrast:#373738;--config-language-ruby:#fc3f48;--config-language-ruby-contrast:#ffffff;--config-language-python:#3873a2;--config-language-python-contrast:#ffffff;--config-language-go:#00add8;--config-language-go-contrast:#ffffff;--config-language-dart:#035698;--config-language-dart-contrast:#2bb1f0;--config-modal-note-background:#f5fbff;--config-modal-note-border:#eaf2f7;--config-modal-note-color:#3b5d73;--config-switch-background:#e2e2e2;--config-console-background:#eceff1;--config-console-nav-start:#143650;--config-console-nav-end:#302839;--config-console-nav-border:#2a253a;--config-console-nav-switch-background:#ececec;--config-console-nav-switch-color:#868686;--config-console-nav-switch-arrow:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='%23868686' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>")}:root .theme-dark{--config-color-background:#061F2F;--config-color-background-dark:#262d50;--config-color-background-fade:#1c223a;--config-color-background-fade-super:#1a1f35;--config-color-background-focus:#1a1f35;--config-color-background-input:#dce8f5;--config-color-tooltip-text:#061F2F;--config-color-tooltip-background:#dce8f5;--config-color-link:#4caedb;--config-color-placeholder:#9ea1af;--config-color-focus:#c7d8eb;--config-color-focus-fade:#1e233e;--config-color-focus-hover:#d3deea;--config-color-focus-glow:#d3deea;--config-color-focus-dark:#657586;--config-color-normal:#c7d8eb;--config-color-fade:#bec3e0;--config-color-fade-light:#181818;--config-color-fade-super:#262D50;--config-color-danger:#d84a4a;--config-color-success:#34b86d;--config-color-warning:#e0d56d;--config-border-color:#262D50;--config-prism-background:#1F253F;--config-prism-numbers:#1F253F;--config-note-background:#1F253F;--config-note-border:#262D50;--config-warning-background:#1F253F;--config-warning-border:#262D50;--config-social-twitter:var(--config-color-normal);--config-social-github:var(--config-color-normal);--config-social-discord:var(--config-color-normal);--config-social-facebook:var(--config-color-normal);--config-language-bash:var(--config-color-normal);--config-language-bash-contrast:var(--config-color-background);--config-language-javascript:var(--config-color-normal);--config-language-javascript-contrast:var(--config-color-background);--config-language-html:var(--config-color-normal);--config-language-html-contrast:var(--config-color-background);--config-language-php:var(--config-color-normal);--config-language-php-contrast:var(--config-color-background);--config-language-nodejs:var(--config-color-normal);--config-language-nodejs-contrast:var(--config-color-background);--config-language-ruby:var(--config-color-normal);--config-language-ruby-contrast:var(--config-color-background);--config-language-python:var(--config-color-normal);--config-language-python-contrast:var(--config-color-background);--config-language-go:var(--config-color-normal);--config-language-go-contrast:var(--config-color-background);--config-language-dart:var(--config-color-normal);--config-language-dart-contrast:var(--config-color-background);--config-modal-note-background:#15192b;--config-modal-noteLine truncated
@@ -357,6 +357,19 @@ window.ls.filter
  })
  .add("isEmptyObject", function($value) {
    return ((Object.keys($value).length === 0 && $value.constructor === Object) || $value.length === 0)
+  })
+  .add("activeDomainsCount", function($value) {
+    let result = [];
+    
+    if(Array.isArray($value)) {
+      result = $value.filter(function(node) {
+        return (node.verification && node.certificateId);
+      });
+    }
+
+    console.log(result);
+    
+    return result.length;
  });

 function abbreviate(number, maxPlaces, forcePlaces, forceLetter) {
@@ -2,16 +2,17 @@
  window.ls.container.get("view").add({
    selector: "data-ui-modal",
    controller: function(document, element, expression) {
-      let name = element.dataset["name"] || null;
+      let name = expression.parse(element.dataset["name"] || '');
      let buttonText = expression.parse(element.dataset["buttonText"] || "");
-      let buttonClass = element.dataset["buttonClass"] || "button-class";
-      let buttonIcon = element.dataset["buttonIcon"] || null;
-      let buttonEvent = element.dataset["buttonEvent"] || "";
-      let buttonAlias = element.dataset["buttonAlias"] || "";
+      let buttonClass = expression.parse(element.dataset["buttonClass"] || "button-class");
+      let buttonIcon = expression.parse(element.dataset["buttonIcon"] || '');
+      let buttonEvent = expression.parse(element.dataset["buttonEvent"] || "");
+      let buttonAlias = expression.parse(element.dataset["buttonAlias"] || "");
      let buttonElements = !buttonAlias
        ? [document.createElement("button")]
        : document.querySelectorAll(buttonAlias);
-      let openEvent = element.dataset["openEvent"] || null; // When event triggers modal will open
+      let openEvent = expression.parse(element.dataset["openEvent"] || ''); // When event triggers modal will open
+      let closeEvent = expression.parse(element.dataset["closeEvent"] || 'submit'); // When event triggers modal will close
      let background = document.getElementById("modal-bg");

      if (!background) {
@@ -82,7 +83,7 @@
        element.classList.remove("close");
      };

-      let close = function() {
+      let close = function(event) {
        document.documentElement.classList.remove("modal-open");

        element.classList.add("close");
@@ -120,7 +121,7 @@
      }

      document.addEventListener("modal-close", close);
-      element.addEventListener("submit", close);
+      element.addEventListener(closeEvent, close);
    }
  });
 })(window);
@@ -1,9 +1,9 @@
 (function(window) {
  window.ls.container.get("view").add({
    selector: "data-ls-ui-trigger",
-    controller: function(element, document) {
-      let trigger = element.dataset["lsUiTrigger"];
-      let event = element.dataset["event"] || "click";
+    controller: function(element, document, expression) {
+      let trigger = expression.parse(element.dataset["lsUiTrigger"] || '');
+      let event = expression.parse(element.dataset["event"] || 'click');

      element.addEventListener(event, function() {
        document.dispatchEvent(new CustomEvent(trigger));
@@ -6,15 +6,14 @@
    padding: 0;
    right: 0;
    left: 0;
-    color: var(--config-color-background-fade);
+    color: var(--config-color-normal);
    z-index: 1002;
    margin: 0 auto;
    bottom: 15px;
-    max-width: 650px;
-    opacity: 0.90;
+    max-width: 540px;

    li {
-      margin: 1px 0 0 0;
+      margin: 10px 0 0 0;
      padding: 0;

      div.message {
@@ -22,17 +21,24 @@
        padding: 12px 35px;
        margin: 0 auto;
        list-style: none;
-        background: var(--config-color-fade);
+        background: var(--config-color-background-dark);
        text-align: center;
-        font-weight: bold;
-        border-radius: 20px;
+        font-size: 14px;
+        border-radius: 10px;
        line-height: 16px;
        min-height: 16px;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
+        opacity: .95;
+
+        span {
+          font-weight: 600;
+        }

        i {
          cursor: pointer;
          position: absolute;
-          font-size: 22px;
+          font-size: 14px;
+          line-height: 22px;
          top: 8px;
          .func-start(8px);
        }
@@ -84,8 +84,8 @@
    border-top: 2px solid var(--config-color-background);
    border-bottom: 2px solid var(--config-color-background);
    margin: 0 -30px;
-    padding: 30px;
-    height: 35px;
+    padding: 30px 30px 0 30px;
+    height: 65px;
    overflow: hidden;

    button.ls-ui-open {
@@ -154,6 +154,10 @@
      display: block;
    }
  }
+
+  @media @phones, @tablets {
+    //padding: 20px;
+  }
 }

 a.box {
@@ -33,6 +33,7 @@
  border-radius: 10px;
  box-sizing: border-box;
  text-align: @config-start;
+  white-space: initial;

  @media @phones, @tablets {
    width: ~"calc(100% - 20px)";
@@ -97,12 +98,29 @@
    border-top: solid 1px var(--config-border-color);
    padding: 30px 30px 0 30px;
    margin: 0 -30px;
+
+    &.strip {
+      border: none;
+      padding: 0;
+      margin: 0;
+    }
  }

  .separator {
    margin: 20px -30px;
  }

+  ol, ul {
+    .func-padding-start(40px);
+    
+    li {
+      .margin-bottom;
+      &:before {
+        position: absolute;
+      }
+    }
+  }
+
  .info {
    margin: 0 -30px;
    padding: 20px 30px;
@@ -110,20 +128,6 @@
    color: var(--config-modal-note-color);
    border-top: solid 1px var(--config-modal-note-border);
    border-bottom: solid 1px var(--config-modal-note-border);
-
-    ol {
-      .func-padding-start(40px);
-
-      p {
-        display: inline-block;
-      }
-
-      li {
-        &:before {
-          position: absolute;
-        }
-      }
-    }
  }

  button.close {
@@ -9,6 +9,7 @@
  --config-color-background: #eceff1;
  --config-color-background-dark: #dfe2e4;
  --config-color-background-fade: #ffffff;
+  --config-color-background-fade-super: #fdfdfd;
  --config-color-background-focus: #f5f5f5;
  --config-color-background-input: #ffffff;
  --config-color-placeholder: #868686;
@@ -75,6 +76,7 @@
      --config-color-background: #061F2F;
      --config-color-background-dark: #262d50;
      --config-color-background-fade: #1c223a;
+      --config-color-background-fade-super: #1a1f35;
      --config-color-background-focus: #1a1f35;
      --config-color-background-input: #dce8f5;
      --config-color-tooltip-text: #061F2F;
@@ -160,8 +162,8 @@

@watch: ~"only screen and (max-width: 260px)";
@phones: ~"only screen and (max-width: 550px)";
-@tablets: ~"only screen and (min-width: 551px) and (max-width: 1200px)";
-@desktops: ~"only screen and (min-width: 1201px) and (max-width: 1300px)";
+@tablets: ~"only screen and (min-width: 551px) and (max-width: 1199)";
+@desktops: ~"only screen and (min-width: 1199) and (max-width: 1300px)";
@big-screens: ~"only screen and (min-width: 1200px)";

 img[src=""] {
@@ -637,6 +637,12 @@
      "css": "sun-inv",
      "code": 59465,
      "src": "iconic"
+    },
+    {
+      "uid": "0f4cae16f34ae243a6144c18a003f2d8",
+      "css": "cancel-circled",
+      "code": 59466,
+      "src": "fontawesome"
    }
  ]
 }
@@ -1,7 +1,7 @@
@font-face {
  font-family: 'fontello';
-  src: url('data:application/octet-stream;base64,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 truncated
-       url('data:application/octet-stream;base64,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 truncated
+  src: url('data:application/octet-stream;base64,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 truncated
+       url('data:application/octet-stream;base64,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AADoMQAA6DEAAAAyAADoMgAA6DIAAAAzAADoMwAA6DMAAAA0AADoNAAA6DQAAAA1AADoNQAA6DUAAAA2AADoNgAA6DYAAAA3AADoNwAA6DcAAAA4AADoOAAA6DgAAAA5AADoOQAA6DkAAAA6AADoOgAA6DoAAAA7AADoOwAA6DsAAAA8AADoPAAA6DwAAAA9AADoPQAA6D0AAAA+AADoPgAA6D4AAAA/AADoPwAA6D8AAABAAADoQAAA6EAAAABBAADoQQAA6EEAAABCAADoQgAA6EIAAABDAADoQwAA6EMAAABEAADoRAAA6EQAAABFAADoRQAA6EUAAABGAADoRgAA6EYAAABHAADoRwAA6EcAAABIAADoSAAA6EgAAABJAADoSQAA6EkAAABKAADoSgAA6EoAAABLAADwjgAA8I4AAABMAADwmwAA8JsAAABNAADwsAAA8LAAAABOAADwxQAA8MUAAABPAADwygAA8MoAAABQAADwywAA8MsAAABRAADwzQAA8M0AAABSAADw3AAA8NwAAABTAADw4QAA8OEAAABUAADxGAAA8RgAAABVAADxHAAA8RwAAABWAADxIQAA8SEAAABXAADxMgAA8TIAAABYAADxNwAA8TcAAABZAADxOAAA8TgAAABaAADxcQAA8XEAAABbAADxegAA8XoAAABcAADxkwAA8ZMAAABdAADxnAAA8ZwAAABeAADxoAAA8aAAAABfAADxrQAA8a0AAABgAADxwAAA8cAAAABhAADxzQAA8c0AAABiAADx3AAA8dwAAABjAADx5QAA8eUAAABkAADx/gAA8f4AAABlAADyMQAA8jEAAABmAADyOgAA8joAAABnAADylgAA8pYAAABoAADyxgAA8sYAAABpAAIAAP+xAsoDDAAVAB4AJUAiAAUBBW8DAQEEAW8ABAIEbwACAAJvAAAAZhMXEREXMgYFGislFAYjISImNTQ+AxcWMjcyHgMDFAYiLgE2HgECykYx/iQxRgoYKj4tScpKKkImHAiPfLR6BIKshEU8WFg8MFRWPCgBSEgmPlRWAcBYfn6wgAJ8AAAC//7/zgPqAu4ADgAeAGRLsA1QWEAjAAMEBANjBQEAAgECAAFtAAEBbgAEAgIEVAAEBAJXAAIEAksbQCIAAwQDbwUBAAIBAgABbQABAW4ABAICBFQABAQCVwACBAJLWUARAQAdGhcUERAJBgAOAQ0GBRQrATIWBwMOASMhIicDJjYzJRchNz4BOwEyHwEWMyEyFgO6IBACKgIUIPzaNAQqAhAgA2oK/LIOBCAUpDQiHiA2AVQUJAH0GBj+PBgaMgHEGBhuKIQUHCIeJBgAAAAACP////gD6QMLAA8AHwAvAD8ATwBfAG8AfwB2QHN5eHFJSEEGCAlpYWApISAGBAVZWFFQGRgREAgCAzk4MQkIAQYAAQRHDwEJDgEIBQkIYA0BBQwBBAMFBF4LAQMKAQIBAwJeBwEBAAABVAcBAQEAVgYBAAEASn17dXNta2VkXVtVVE1MJiYXJhcXFxcUEAUdKzcVFAYnIyImNzU0NjczMhYnFRQGJyMiJjc1NDYXMzIWJxUUBgcjIiY3NTQ2OwEyFgEVFAYnISImJzU0NjchMhYBFRQGKwEiJjc1NDY3MzIWARUUBichIiYnNTQ2FyEyFicVFAYHISImJzU0NjMhMhYnFRQGIyEiJic1NDY3ITIWjwoIawcMAQoIawcMAQoIawcMAQoIawcMAQoIawcMAQoIawcMA1gKCP0SBwoBDAYC7gcM/KYKCGsHDAEKCGsHDANYCgj9EgcKAQwGAu4HDAEKCP0SBwoBDAYC7gcMAQoI/RIHCgEMBgLuBwx2awcMAQoIawcKAQzQawcMAQoIawcMAQrOawcKAQwGawgKCv5MawcMAQoIawcKAQwCfWsICgoIawcKAQz+TWsHDAEKCGsHDAEKzmsHCgEMBmsICgrPawgKCghrBwoBDAACAAD/+QNZAsQAGABAAFBATQwBAQIBRyEBAAFGAAMHBgcDBm0AAgYBBgIBbQABBQYBBWsAAAUEBQAEbQAHAAYCBwZgAAUABAVUAAUFBFgABAUETCwlKicTFiMUCAUcKwEUBwEGIiY9ASMiJic1NDY3MzU0NhYXARY3ERQGKwEiJjcnJj8BPgEXMzI2JxE0JgcjIjQmNi8BJj8BPgEXMzIWApUL/tELHhT6DxQBFg76FB4LAS8LxF5DsgcMAQEBAQIBCAiyJTYBNCa0BgoCAgEBAQIBCAiyQ14BXg4L/tAKFA+hFg7WDxQBoQ4WAgn+0Aq1/nhDXgoICwkGDQcIATYkAYglNgEEAggECwkGDQcIAV4AAAACAAD/sQNaAwsACABqAEVAQmVZTEEEAAQ7CgIBADQoGxAEAwEDRwAFBAVvBgEEAARvAAABAG8AAQMBbwADAgNvAAICZlxbU1FJSCsqIiATEgcFFisBNCYiDgEWMjYlFRQGDwEGBxYXFhQHDgEnIi8BBgcGBwYrASImNScmJwcGIicmJyY0Nz4BNyYvAS4BJzLine truncated
 }
 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
@@ -9,7 +9,7 @@
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
-    src: url('../font/fontello.svg?14912241#fontello') format('svg');
+    src: url('../font/fontello.svg?59858996#fontello') format('svg');
  }
 }
 */
@@ -118,6 +118,7 @@
 .icon-discord:before { content: '\e847'; } /* '' */
 .icon-moon-inv:before { content: '\e848'; } /* '' */
 .icon-sun-inv:before { content: '\e849'; } /* '' */
+.icon-cancel-circled:before { content: '\e84a'; } /* '' */
 .icon-link-ext:before { content: '\f08e'; } /* '' */
 .icon-github-circled:before { content: '\f09b'; } /* '' */
 .icon-filter:before { content: '\f0b0'; } /* '' */
@@ -397,6 +397,13 @@

    hr {
      margin: 20px -20px;
+      height: 2px;
+      background: var(--config-console-background);
+
+      @media @phones,
+      @tablets {
+        height: 3px;
+      }
    }

    footer {
@@ -714,6 +721,29 @@
  .scroll-to {
    display: none;
  }
+
+  @media @phones, @tablets {
+    >header {
+      display: none;
+    }
+
+    >footer {
+      width: auto;
+      margin: 50px -30px 0 -30px!important;
+      padding: 0 30px 30px 30px;
+    }
+
+    body {
+      height: 100%!important;
+      width: ~"calc(100% - 60px)"!important;
+      padding: 0 30px!important;
+    }
+
+    .cover {
+      padding: 25px 30px;
+      margin: 0 -30px;
+    }
+  }
 }

 .dev-feature {
@@ -56,7 +56,7 @@ table {
  }

  tr:nth-child(even) {
-    background: var(--config-color-background-focus);
+    background: var(--config-color-background-fade-super);
  }

  th {
@@ -59,6 +59,11 @@ small {
  font-size: 16px;
 }

+.text-height-large {
+  height: 30px;
+  line-height: 30px;
+}
+
 .text-one-liner {
  white-space: nowrap;
  overflow: hidden;