From ed63557f3e9c2045154bbe36a89555f006f2f8ff Mon Sep 17 00:00:00 2001
From: Eldad Fux <eldad.fux@gmail.com>
Date: Fri, 22 May 2020 21:58:19 +0300
Subject: [PATCH] Updated settings UI

---
 app/views/console/settings/index.phtml | 89 ++++++++++++--------------
 1 file changed, 42 insertions(+), 47 deletions(-)

diff --git a/app/views/console/settings/index.phtml b/app/views/console/settings/index.phtml
index 0202400cc..8129b01d7 100644
--- a/app/views/console/settings/index.phtml
+++ b/app/views/console/settings/index.phtml
@@ -27,39 +27,36 @@ $customDomainsTarget = $this->getParam('customDomainsTarget', false);
             <li data-state="/console/settings?project={{router.params.project}}">
                 <h2>Overview</h2>
 
-                <form
-                    data-analytics-event="submit"
-                    data-analytics-category="console"
-                    data-analytics-label="Update Project"
-                    data-service="projects.update"
-                    data-scope="console"
-                    data-event="submit"
-                    data-param-project-id="{{router.params.project}}"
-                    data-success="alert,trigger"
-                    data-success-param-alert-text="Saved project successfully"
-                    data-success-param-trigger-events="projects.update"
-                    data-failure="alert"
-                    data-failure-param-alert-text="Failed to update project"
-                    data-failure-param-alert-classname="error">
+                <div class="row responsive">
+                    <div class="col span-8 margin-bottom">
+                        <div class="box">
+                            <form
+                                data-analytics-event="submit"
+                                data-analytics-category="console"
+                                data-analytics-label="Update Project"
+                                data-service="projects.update"
+                                data-scope="console"
+                                data-event="submit"
+                                data-param-project-id="{{router.params.project}}"
+                                data-success="alert,trigger"
+                                data-success-param-alert-text="Saved project successfully"
+                                data-success-param-trigger-events="projects.update"
+                                data-failure="alert"
+                                data-failure-param-alert-text="Failed to update project"
+                                data-failure-param-alert-classname="error">
 
-                    <input name="$id" type="hidden" data-ls-bind="{{console-project.$id}}" />
-                    
-                    <div class="box">
-                        <div class="row responsive">
-                            <div class="col span-9 margin-bottom">
+                                <input name="$id" type="hidden" data-ls-bind="{{console-project.$id}}" />
                                 
                                 <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>
 
-                                <label for="name">Project ID</label>
-                                <div class="input-copy">
-                                    <input data-forms-copy type="text" disabled data-ls-bind="{{console-project.$id}}" />
+                                <label for="logo">Project Logo</label>
+
+                                <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-label-button="Upload" data-scope="console" data-default="">
                                 </div>
 
-                                <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>
+                                <hr />
 
                                 <!-- <div data-ls-if="0 !== {{console-domains|activeDomainsCount}}">
                                     <label for="name">Custom API Endpoints</label>
@@ -73,31 +70,29 @@ $customDomainsTarget = $this->getParam('customDomainsTarget', false);
                                     </ul>
                                 </div> -->
                                 
-                                <div class="margin-top-negative-small 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>
-    <!-- 
-                                <label for="description">Description &nbsp;<small>(optional)</small></label>
-                                <textarea name="description" id="description" autocomplete="off" placeholder="Help us make the world a better place" data-ls-bind="{{console-project.description}}" data-forms-text-direction data-forms-text-count></textarea>
 
-                                <label for="url">Website &nbsp;<small>(optional)</small></label>
-                                <input name="url" id="url" type="url" class="full-width" autocomplete="off" placeholder="https://acme-corp.com" data-ls-bind="{{console-project.url}}"> -->
-                            </div>
-
-                            <div class="col span-3 box-aside">
-                                <label for="logo">Project Logo</label>
-
-                                <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-label-button="Upload" data-scope="console" data-default="">
-                                </div>
-                            </div>
+                                <button class="" type="submit">Save</button>
+                            </form>
                         </div>
 
-                        <hr class="margin-top-no" />
-
-                        <button class="" type="submit">Save</button>
                     </div>
-                </form>
+
+                    <div class="col span-4 sticky-top">
+                        <label for="name">Project ID</label>
+                        <div class="input-copy">
+                            <input data-forms-copy type="text" disabled data-ls-bind="{{console-project.$id}}" />
+                        </div>
+
+                        <label for="name">API Endpoint</label>
+                        <div class="input-copy">
+                            <input data-forms-copy type="text" disabled data-ls-bind="{{env.PROTOCOL}}://{{env.DOMAIN}}/v1" />
+                        </div>
+
+                        <ul class="margin-bottom-large text-fade text-size-small">
+                            <li class="margin-bottom-small"><i class="icon-angle-circled-right margin-start-tiny margin-end-tiny"></i> <button data-ls-ui-trigger="open-json" class="link text-size-small">Use a custom endpoint</button></li>
+                        </ul>
+                    </div>
+                </div>
             </li>
             <!-- <li data-state="/console/settings/privacy?project={{router.params.project}}">