[CW-3431] Added ICP number support.

.circleci/config.yml

@@ -0,0 +1,22 @@
+version: 2.1
+
+jobs:
+  test:
+    node:
+      version: 12.0.0
+    steps:
+      - checkout
+      - run:
+          name: install packages
+          command: npm install
+      - run:
+          name: Run lint
+          command: npm run lint
+      - run:
+          name: Run tests
+          command: npm run test
+
+workflows:
+  test_and_lint:
+    jobs:
+      - test

README.md

@@ -58,7 +58,7 @@ Possible fields in config file:
   - `url` - URL to Gohan server
 - `sidebar` - array of custom sidebar buttons, must contain objects with following fields:
   - `path`
-  - `title` 
+  - `title`
   - `id`
 - `sidebarFavorites` - array of links to views, must contain resources' IDs
 - `sidebarCategories` - array of objects including information about views' categories, must contain objects with following fields:
@@ -85,6 +85,7 @@ Possible fields in config file:
 - `useKeystoneDomain` - flag to enable use domain feature in keystone v3
 - `selectDomainFromHost` - regex to select domain from host (keystone v3)
 - `domainName` - default domain name
+- `icpNumber` - Internet Content Provider (ICP) number
 
 
 UI schema

css/main.scss

@@ -175,6 +175,10 @@ body {
   height: 100vh;
 }
 
+.gohan-app {
+  height: 100%;
+}
+
 /*
  * Login
  */
@@ -184,24 +188,38 @@ body {
   padding-top: 2em;
 }
 
-.auth-container {
-  height: 100vh;
-  .auth-box {
-    width: 23rem;
-    margin-top: -4em;
-  }
-  .auth-body {
-    > .pt-toast {
-      margin-top: 0;
-      margin-bottom: 1rem;
+.gohan-auth {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  &-body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex: 1;
+
+    .auth-box {
+      width: 23rem;
+      margin-top: -4em;
     }
-    .enable-tenant-filter {
-      text-align: center;
-      .pt-control {
-        margin-bottom: 0;
+    .auth-body {
+      > .pt-toast {
+        margin-top: 0;
+        margin-bottom: 1rem;
+      }
+      .enable-tenant-filter {
+        text-align: center;
+        .pt-control {
+          margin-bottom: 0;
+        }
       }
     }
   }
+
+  &-footer {
+    align-self: center;
+  }
 }
 
 /*
@@ -230,12 +248,22 @@ body {
 }
 
 .view-content {
+  display: flex;
+  flex-direction: column;
   padding-top: 60px;
   padding-right: 0;
   padding-bottom: 0;
   padding-left: 260px;
-  min-height: 400px;
-  transition: padding-left 250ms ease-in;
+  height: 100%;
+
+  &-body {
+    flex: 1;
+    transition: padding-left 250ms ease-in;
+  }
+
+  &-footer {
+    align-self: center;
+  }
 
   &.sidebar-hidden {
     padding-left: 0;
@@ -506,6 +534,20 @@ table.gohan-table {
   }
 }
 
+/*
+ * Footer component
+ */
+
+.gohan-footer {
+  padding: 20px 0;
+
+  &-text {
+    font-size: smaller;
+    font-weight: bold;
+    color: $gray-500;
+  }
+}
+
 /*
  * ApiRequestForm component
  */