Update caluma UI

ember/app/application/template.hbs

@@ -1,5 +1,6 @@
 <main>
-  <NavBar @logo={{this.config.navBarLogo}} @text={{this.config.navBarText}} />
+  <Logo @logo={{this.config.navBarLogo}} @text={{this.config.navBarText}} />
+  <NavBar />
   <div class="uk-padding uk-overflow-auto">
     {{outlet}}
   </div>

ember/app/components/cases-table/template.hbs

@@ -2,7 +2,7 @@
   {{#if this.noCases}}
     <div class="uk-width-2-3 uk-margin-auto">
       <h1 class="uk-text-center">
-        {{t "documents.empty.welcome" appName="Building Permit Demo"}}
+        {{t "documents.empty.welcome" appName="Building Portal Demo"}}
       </h1>
 
       <p

ember/app/components/logo/template.hbs

@@ -0,0 +1,6 @@
+<div class="logo">
+    <LinkTo @route="application" class="uk-navbar-item uk-logo uk-text-primary">
+      <img class="nav-bar-logo" src={{@logo}} alt={{@text}} />
+      {{@text}}
+  </LinkTo>
+</div>

ember/app/components/nav-bar/template.hbs

@@ -1,12 +1,4 @@
 <nav class="uk-navbar-container uk-navbar-transparent nav-bar" uk-navbar>
-  <LinkTo @route="application" class="uk-navbar-item uk-logo uk-text-primary">
-    {{#if @logo}}
-      <img class="nav-bar-logo" src={{@logo}} alt={{@text}} />
-    {{else}}
-      {{@text}}
-    {{/if}}
-  </LinkTo>
-
   <UkTab as |tab|>
     <tab.item @href="/">{{t "nav.documents"}}</tab.item>
     <tab.item @href="/form-builder">{{t "nav.form-builder"}}</tab.item>

ember/app/styles/app.scss

@@ -9,6 +9,7 @@ $modal-z-index: 1;
 @import "@projectcaluma/ember-form";
 @import "@projectcaluma/ember-form-builder";
 @import "components/nav-bar";
+@import "components/logo";
 
 main {
   display: flex;

ember/app/styles/components/_nav-bar.scss

@@ -1,23 +1,19 @@
 .nav-bar {
   border-bottom: solid 1px $global-border;
+  padding-bottom: 25px;
   padding-left: 15px;
 
   & img.nav-bar-logo {
     height: 50px;
   }
 
-  & [uk-tab] {
+  .uk-tab {
     margin: 0;
 
     &::before {
       border-bottom: none;
     }
 
-    &,
-    & li {
-      height: 100%;
-    }
-
     & a {
       /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
       @extend .uk-flex, .uk-flex-middle;
@@ -26,7 +22,17 @@
       height: calc(100% - 2px);
     }
 
+    &,
+    & li {
+      height: 100%;
+
+      a {
+        font-size: large;
+      }
+    }
+
     & .uk-active > a {
+      padding-bottom: 25px;
       border-bottom: solid 2px $app-accent-color;
     }
   }

ember/app/styles/components/logo.scss

@@ -0,0 +1,14 @@
+.logo {
+  height: 100px;
+  margin-bottom: 50px;
+
+  a {
+    float: left;
+    margin-left: 50px;
+    margin-top: 14px;
+  }
+
+  img {
+    max-height: 75px;
+  }
+}

ember/config/environment.js

@@ -18,7 +18,7 @@ module.exports = function (environment) {
       // Here you can pass flags/options to your application document
       // when it is created
       navBarLogo: "/assets/nav-bar-logo.png",
-      navBarText: "Caluma Building Permit Demo",
+      navBarText: "Caluma Portal Demo",
 
       caseStateIcons: {
         RUNNING: "clock",

ember/ember-cli-build.js

@@ -3,6 +3,9 @@
 const EmberApp = require("ember-cli/lib/broccoli/ember-app");
 
 module.exports = function (defaults) {
+  defaults.fingerprint = {
+    enabled: false,
+  };
   const app = new EmberApp(defaults, {
     emberApolloClient: {
       keepGraphqlFileExtension: false,

ember/translations/en.yaml

@@ -1,4 +1,4 @@
-demo: "Caluma Building Permit Demo"
+demo: "Caluma Portal Demo"
 
 global:
   continue: "Continue"