cc-core-cli 1.0.131 → 1.0.135

package/template/admin/public/static/styles/login.less

@@ -0,0 +1,263 @@
+@import "custom-antd.less";
+
+.layout-login {
+    background-color: #ffffff;
+    min-height: 100vh;
+    flex-direction: column;
+}
+
+.logo-layout {
+    padding: 0rem 4rem;
+    justify-content: center;
+    display: flex;
+
+    .logo-content {
+        width: 100%;
+    }
+}
+
+.logo-layout-v3 {
+    justify-content: center;
+    display: flex;
+}
+
+@media only screen and (max-width: 768px) {
+    .logo-layout {
+        padding: 0rem 1rem;
+        width: 100%;
+        height: 100vh;
+    }
+
+    .logo-layout-v3 {
+        padding: 0rem 1rem;
+        width: 100%;
+        height: 100vh;
+    }
+}
+
+@media only screen and (max-width: 768px) {
+    .logo-layout {
+        padding: 0rem 1rem;
+        width: 100%;
+        height: 100vh;
+    }
+
+    .logo-layout-v3 {
+        padding: 0rem 1rem;
+        width: 100%;
+        height: 100vh;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 992px) {
+    .logo-layout {
+        padding: 0rem 4rem;
+        width: 100%;
+    }
+
+    .logo-layout-v3 {
+        padding: 0rem 4rem;
+        width: 100%;
+    }
+}
+
+@media only screen and (min-width: 992px) {
+    .logo-layout {
+        padding: 0rem 4rem;
+        justify-content: center;
+        display: flex;
+
+        .logo-content {
+            width: 100%;
+        }
+    }
+}
+
+.login-form {
+    overflow-y: hidden;
+    padding: 1.5rem;
+    border-radius: @border-radius-base;
+    width: 100%;
+
+    .form-login-authentication {
+        margin-bottom: 15px;
+    }
+
+    .image-center {
+        max-width: 100%;
+        margin-top: 8px;
+        margin-bottom: 16px;
+    }
+
+    h3.ant-typography {
+        text-align: center;
+    }
+
+    button {
+        width: 100%;
+    }
+
+    a.ant-typography {
+        color: @info-color;
+    }
+
+    .ant-btn-google,
+    .ant-btn-cognito,
+    .ant-btn-azure-ad,
+    .ant-btn-social {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 44px;
+
+        img {
+            height: 20px;
+            width: auto;
+            margin-right: 10px;
+            margin-top: 1px;
+        }
+    }
+
+    .ant-btn-id-connect {
+        display: flex;
+        justify-content: center;
+
+        img {
+            height: 20px;
+            width: auto;
+            margin-right: 10px;
+            margin-top: 1px;
+        }
+    }
+
+    .ant-dropdown-trigger.languages {
+        .anticon {
+            display: none;
+        }
+    }
+}
+
+.login-modal {
+    max-width: 500px !important;
+
+    .description {
+        margin-top: 10px;
+    }
+
+    .button {
+        margin-top: 15px;
+    }
+
+    .qrcode-description {
+        margin-bottom: 20px;
+    }
+
+    .qrcode-container {
+        padding: 20px 50px 10px;
+    }
+
+    .modal-container {
+        padding: 20px 50px 40px;
+    }
+
+    .modal-flow-container {
+        padding: 20px;
+
+        .login-form {
+            padding: 0px;
+        }
+    }
+
+    .logo {
+        width: 100px;
+        margin-bottom: 50px;
+    }
+
+    .modal-title {
+        font-weight: 600;
+        font-size: 16px;
+        color: black;
+        text-align: center;
+        margin-bottom: 10px;
+    }
+
+    .login-otp-container {
+        flex-direction: row;
+        justify-content: space-between;
+        margin-top: 30px;
+        width: 100%;
+
+        @media (max-width: 768px) {
+            margin-top: 14px;
+        }
+
+        input {
+            width: 35px !important;
+            max-width: 100%;
+            text-align: center;
+            border-top: none;
+            border-right: none;
+            border-left: none;
+            border-bottom: 1px solid #979797;
+            font-size: 22px;
+            font-weight: 500;
+            font-stretch: normal;
+            font-style: normal;
+            line-height: normal;
+            letter-spacing: normal;
+            text-align: center;
+            color: #000000;
+            outline: none;
+            border-radius: 0;
+            padding: 0;
+
+            &.active,
+            &:focus {
+                border-top: none;
+                border-right: none;
+                border-left: none;
+                border-bottom: 2px solid black !important;
+            }
+        }
+
+        input:disabled,
+        input[disabled] {
+            border-bottom: 2px #979797 solid;
+            background-color: #ffffff;
+
+            &.active {
+                border-bottom: 2px black solid;
+            }
+        }
+    }
+}
+
+.forgot-password-description {
+    color: black;
+    text-align: "center";
+}
+
+.forgot-password-title {
+    margin-top: 0;
+    padding-top: 0;
+    text-align: center;
+}
+
+.login-input {
+    .ant-input {
+        height: 44px;
+        font-size: 16px;
+    }
+}
+
+.login-input-password {
+    .ant-input-password {
+        height: 44px;
+        font-size: 16px;
+    }
+}
+
+.button_login {
+    height: 44px;
+    font-size: 16px;
+}

package/template/admin/public/static/styles/mainheader.less

@@ -0,0 +1,32 @@
+@import "custom-antd.less";
+
+.ant-popover.ant-popover-placement-bottomRight {
+  .ant-popover-inner-content {
+    padding: 0;
+
+    .menu-header-account.ant-menu-vertical {
+      border-right : none;
+      border-radius: 5px;
+      box-shadow   : 0 18px 35px rgba(50, 50, 93, .1), -1px 0 15px rgba(0, 0, 0, .07);
+
+      .ant-menu-item {
+        margin: 0;
+        &:first-child {
+          border-top-left-radius: 3px;
+          border-top-right-radius: 3px;
+        }
+        &:last-child {
+          border-top: 1px solid @border-color-split;
+          border-bottom-left-radius: 3px;
+          border-bottom-right-radius: 3px;
+        }
+      }
+    }
+  }
+    .sub-menu-sider {
+     .ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow {
+          color: @menu-item-group-title-color !important;
+        }
+    } 
+    
+}

package/template/admin/public/static/styles/matrix.less

@@ -0,0 +1,105 @@
+th.matrix-table-column-sort {
+    background: @table-header-sort-bg !important;
+}
+td.matrix-table-column-sort {
+    background: @table-body-sort-bg !important;
+}
+
+// **************** sortable-tree-list-column ****************
+
+.sortable-tree-matrix-container {
+    min-height: 100px;
+
+    .sortable-tree-matrix-button-add-one {
+    }
+
+    .sortable-tree-matrix-button-add-two {
+    }
+
+    .sortable-tree-matrix-content {
+        display: inline-block;
+        vertical-align: middle;
+        flex: 0 1 auto;
+        padding-right: 20px;
+        width: 100%;
+    }
+
+    .sortable-tree-matrix-content-rows {
+        display: inline-block;
+        vertical-align: middle;
+        position: relative;
+        height: 100%;
+        min-width: 230px;
+        flex: 1 0 auto;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        background-color: white;
+        border: 1px dashed rgb(217, 217, 217);
+        border-radius: 5px;
+        box-shadow: none !important;
+        transition: none !important;
+    }
+
+    .sortable-tree-matrix-row {
+        cursor: pointer;
+    }
+
+    .sortable-tree-matrix-row-with-subtitle {
+        display: block;
+    }
+
+    .sortable-tree-matrix-content-rows-move-drag-source {
+        display: flex;
+        height: 100%;
+        align-items: center;
+        padding: 5px;
+        background: #f6f7f9;
+    }
+
+    .sortable-tree-matrix-row-text {
+        display: flex;
+        align-items: center;
+        padding-left: 15px;
+    }
+
+    .sortable-tree-matrix-row-text-toolbar {
+        display: inline-block;
+        vertical-align: middle;
+        flex: 0 1 auto;
+        display: flex;
+    }
+    .sortable-tree-matrix-row-text-toolbar-button {
+        display: inline-block;
+        vertical-align: middle;
+    }
+
+    .sortable-tree-matrix-content-rows {
+        &:hover {
+            .remove-icon {
+                display: flex !important;
+            }
+        }
+    }
+
+    .sortable-tree-matrix-row-text-toolbar-invalid-drop {
+        background: #ffe3df;
+    }
+}
+.sortable-tree-matrix-content-rows {
+    .draggable-row > .move {
+        padding: 7px !important;
+    }
+}
+.draggable-row {
+    &:hover {
+        .matrix-table-remove-btn {
+            display: block;
+        }
+    }
+    .matrix-table-remove-btn {
+        display: none;
+    }
+}
+
+// **************** end sortable-tree-list-column ****************

package/template/admin/public/static/styles/permission_denied.less

@@ -0,0 +1,13 @@
+.page-permission-denied {
+  height: 100vh;
+  background-color: white;
+
+  .ant-col {
+    margin: auto;
+    text-align: center;
+    
+    .ant-typography {
+      font-size: 40px;
+    }
+  }  
+}

package/template/admin/public/static/styles/pipeline.less

@@ -0,0 +1,84 @@
+@import "custom-antd.less";
+
+.pipeline-card {
+    border: 1px solid @border-color-split !important;
+    border-radius: 5px;
+
+    .pipeline-main {                
+        height: 720px;
+        display: flex;
+
+        .pipeline-column-one {
+            border-right: 1px solid @border-color-split !important;
+            padding: 15px;
+            padding-right: 0px;
+            padding-left: 0px;
+            
+            .pipeline-react-flow {
+                width: 230px;
+                height: 685px;                
+            }
+
+            .pipeline-add-item {
+                position: absolute;
+                left: 0;
+                bottom: 0px;
+                z-index: 9999;
+                border-radius: 0px;
+                border: unset;
+                width: 100%;
+            }
+        }
+
+        .pipeline-column-two {
+            padding: 15px;
+            overflow: scroll;
+            height: 720px;
+            flex: 1;
+        }
+        
+        .pipeline-icon-add {
+            position: absolute;
+            bottom: 0px;
+            right: 0px;
+            width: 100%;
+            z-index: 9999;        
+            border-radius: 0px;
+        }
+    }
+
+    .custom-edge-react-flow-edge-path { 
+        stroke-width: 1;
+        fill: none;
+    }
+
+    .edgebutton-body {
+        align-items: center;
+        background: transparent;
+        display: flex;
+        height: 40px;
+        justify-content: center;
+        min-height: 40px;
+        width: 40px;
+        .edgebutton {            
+            border : none;
+            border-radius: 50%;
+            cursor: pointer;
+            font-size: 16px;
+            height: 30px;
+            line-height: 1;
+            width: 30px;
+        }
+    }   
+
+}
+
+.pipeline-layout-detail {
+
+    .pipeline-layout-detail-button {
+        display: flex;
+        justify-content: flex-end;
+        padding-left: 15px !important;
+        padding-right: 15px !important;
+    }    
+}