fix: scss of components transferred to the global styles.scss so we do not cause CSP (inline styles) issues when streaming to Viya
This commit is contained in:
Mihajlo Medjedovic
@@ -10,7 +10,7 @@ const check = (cwd) => {
|
||||
onlyAllow:
|
||||
'AFLv2.1;Apache 2.0;Apache-2.0;Apache*;Artistic-2.0;0BSD;BSD*;BSD-2-Clause;BSD-3-Clause;CC0-1.0;CC-BY-3.0;CC-BY-4.0;ISC;MIT;MPL-2.0;ODC-By-1.0;Python-2.0;Unlicense;',
|
||||
excludePackages:
|
||||
'@cds/city@1.1.0;@handsontable/angular@15.2.0;handsontable@15.2.0;hyperformula@2.7.1;hyperformula@3.0.0;jackspeak@3.4.3;path-scurry@1.11.1;package-json-from-dist@1.0.1'
|
||||
'@cds/city@1.1.0;@handsontable/angular@15.3.0;handsontable@15.3.0;hyperformula@2.7.1;hyperformula@3.0.0;jackspeak@3.4.3;path-scurry@1.11.1;package-json-from-dist@1.0.1'
|
||||
},
|
||||
(error, json) => {
|
||||
if (error) {
|
||||
|
||||
@@ -148,5 +148,8 @@ export const globals: {
|
||||
},
|
||||
handsontable: {
|
||||
darkTableHeaderClass: 'darkTH'
|
||||
},
|
||||
userDropdownConfig: {
|
||||
closeOnDebugClick: false
|
||||
}
|
||||
}
|
||||
|
||||
@@ -300,4 +300,4 @@
|
||||
<div class="subline dec"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /App Loading Page -->
|
||||
<!-- /App Loading Page -->
|
||||
@@ -1,447 +0,0 @@
|
||||
@import '../colors.scss';
|
||||
|
||||
// Copyright (c) 2016 VMware, Inc. All Rights Reserved.
|
||||
// This software is released under MIT license.
|
||||
// The full license information can be found in LICENSE in the root directory of this project.
|
||||
app-requests-modal {
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
header.app-header {
|
||||
background: $headerBackground !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.logo img.without-text {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.logo img.with-text {
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
.header-hamburger-trigger {
|
||||
display: block;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.demo-expired-notice {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100vh !important;
|
||||
width: 100vw !important;
|
||||
z-index: 105;
|
||||
background: rgba(33, 33, 33, .5);
|
||||
|
||||
.expired-details {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 30px;
|
||||
z-index: 110;
|
||||
background: $headerBackground;
|
||||
|
||||
.expired-notice {
|
||||
color: #e0e0e0;
|
||||
font-size: 16px;
|
||||
|
||||
.mailto {
|
||||
color: #8dc53e;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-container .update-key {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: white;
|
||||
padding: 0px 10px;
|
||||
background: #00000026;
|
||||
}
|
||||
|
||||
.alert-icon-wrapper {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.nav-text {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.sidebar-toggle {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
padding-left: 10px;
|
||||
|
||||
clr-icon {
|
||||
cursor: pointer;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
.header-actions {
|
||||
.dropdown {
|
||||
position: unset; //without it, when opening user dropdown scrollbar was displaying without reason
|
||||
}
|
||||
}
|
||||
|
||||
.nav-link:hover {
|
||||
color: #fafafa;
|
||||
}
|
||||
|
||||
.nav-link.active {
|
||||
background: #1d2f3d;
|
||||
}
|
||||
}
|
||||
|
||||
.notf {
|
||||
background: #16a57a;
|
||||
color: #fffcfc;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
.toggle-switch input[type=checkbox]:checked+label:before {
|
||||
border-color: #61717D;
|
||||
background-color: #61717D;
|
||||
transition: .15s ease-in;
|
||||
transition-property: border-color,background-color;
|
||||
}
|
||||
|
||||
.main-container {
|
||||
min-height: 100vh !important;
|
||||
}
|
||||
|
||||
.main-container .content-container .content-area {
|
||||
padding: 0rem 1rem 1rem 1rem;
|
||||
}
|
||||
|
||||
.content-container {
|
||||
z-index: 0!important;
|
||||
}
|
||||
|
||||
.navBarResp {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background: #495A67;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
::ng-deep {
|
||||
.htInvalid {
|
||||
background: black!important;
|
||||
}
|
||||
|
||||
@media screen and (max-width:480px) {
|
||||
h2 {
|
||||
font-size: .7rem!important;
|
||||
}
|
||||
h3 {
|
||||
font-size: .7rem;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
padding: 0rem 1rem 0rem 1rem;
|
||||
}
|
||||
|
||||
body[cds-theme="light"] {
|
||||
.btn-primary .btn, .btn.btn-primary {
|
||||
border-color: $headerBackground;
|
||||
background-color: $headerBackground;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
body[cds-theme="dark"] {
|
||||
.btn-primary .btn, .btn.btn-primary {
|
||||
border-color: #5e7382;
|
||||
background-color: #5e7382;
|
||||
color: #fff;
|
||||
|
||||
clr-icon, cds-icon {
|
||||
color: #fff
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-primary .btn, .btn.btn-primary {
|
||||
&:disabled {
|
||||
opacity: 0.65;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
-webkit-appearance: none!important;
|
||||
border-radius: .125rem;
|
||||
border: 1px solid;
|
||||
min-width: 3rem;
|
||||
max-width: 15rem;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
vertical-align: middle;
|
||||
line-height: 1.5rem;
|
||||
letter-spacing: .12em;
|
||||
font-size: .5rem;
|
||||
font-weight: 500;
|
||||
height: 1.5rem;
|
||||
padding: 0 .5rem;
|
||||
}
|
||||
|
||||
.btn.btn-outline:hover {
|
||||
border-color: $headerBackground;
|
||||
background-color: #495A67;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
body[cds-theme="dark"] {
|
||||
.btn.btn-icon.btn-dimmed {
|
||||
color: #7295ae;
|
||||
}
|
||||
}
|
||||
|
||||
body[cds-theme="light"] {
|
||||
.btn.btn-icon.btn-dimmed {
|
||||
color: $headerBackground;
|
||||
}
|
||||
|
||||
.btn.btn-outline {
|
||||
border-color: $headerBackground;
|
||||
background-color: transparent;
|
||||
color: $headerBackground;
|
||||
}
|
||||
}
|
||||
|
||||
.htMobileEditorContainer .inputs textarea {
|
||||
font-size: 13pt;
|
||||
border: 2px solid #485967;
|
||||
border-radius: 4px;
|
||||
-webkit-appearance: none;
|
||||
box-shadow: none;
|
||||
position: absolute;
|
||||
left: 14px;
|
||||
right: 0px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
padding: 7pt;
|
||||
width: 290px;
|
||||
}
|
||||
|
||||
.htMobileEditorContainer .positionControls {
|
||||
width: 333px;
|
||||
position: absolute;
|
||||
right: 5pt;
|
||||
top: 50px;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.htMobileEditorContainer.active {
|
||||
display: block;
|
||||
height: 120px;
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
|
||||
/* Left and right */
|
||||
|
||||
/* Column headers */
|
||||
|
||||
body[cds-theme="light"] {
|
||||
.wtBorder {
|
||||
background-color: #495A67!important;
|
||||
}
|
||||
|
||||
.ht_master tr:nth-of-type(odd) > td {
|
||||
filter: brightness(0.95);
|
||||
}
|
||||
}
|
||||
|
||||
$darkBorderColor: #697c85;
|
||||
|
||||
body[cds-theme="dark"] {
|
||||
.ht_master tr:nth-of-type(odd) > td {
|
||||
filter: brightness(1.2);
|
||||
}
|
||||
|
||||
.ht_master:not(.emptyColumns) ~ .handsontable tbody tr th, .ht_master:not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
|
||||
background-color: #2d4048;
|
||||
border-color: $darkBorderColor;
|
||||
}
|
||||
|
||||
.handsontable td {
|
||||
// border-right: 1px solid #697c85;
|
||||
// border-bottom: 1px solid #697c85;
|
||||
border-color: $darkBorderColor;
|
||||
}
|
||||
|
||||
.handsontable tr:first-child th, .handsontable tr:first-child td {
|
||||
border-color: $darkBorderColor;
|
||||
}
|
||||
|
||||
.handsontable .handsontable.ht_clone_top .wtHider {
|
||||
border-color: $darkBorderColor;
|
||||
}
|
||||
|
||||
.handsontable .changeType {
|
||||
background-color: #3c5662;
|
||||
border-color: $darkBorderColor;
|
||||
}
|
||||
|
||||
.handsontableInput {
|
||||
background-color: #708b98;
|
||||
}
|
||||
}
|
||||
|
||||
.handsontable .handsontable.ht_clone_top .wtHider {
|
||||
padding: 0 0 0px 0!important;
|
||||
margin: 0px;
|
||||
border-bottom: 3px solid #d6d3d3;
|
||||
}
|
||||
|
||||
body[cds-theme="light"] {
|
||||
.content-container {
|
||||
// background: red;
|
||||
background: #F5F6FF;
|
||||
}
|
||||
}
|
||||
|
||||
.datagrid-compact, .datagrid-history{
|
||||
.datagrid {
|
||||
border-collapse: separate;
|
||||
border: 1px solid transparent;
|
||||
border-radius: .125rem;
|
||||
margin: 0;
|
||||
margin-top: 1rem;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
padding: 15px 15px 50px 15px;
|
||||
}
|
||||
.datagrid-foot {
|
||||
-webkit-box-pack: end;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end;
|
||||
height: 1.5rem;
|
||||
padding: 0 .5rem;
|
||||
line-height: calc(1.5rem - 3px);
|
||||
font-size: .45833rem;
|
||||
background-color: #fff;
|
||||
border-top: 1px solid #ccc;
|
||||
border-radius: 0px;
|
||||
// border-radius: 0 0 .125rem .125rem;
|
||||
}
|
||||
.datagrid-footer {
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
top: 1px;
|
||||
}
|
||||
.datagrid .datagrid-head {
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
margin-top: .083333rem;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
padding: .5rem 0;
|
||||
border: 1px solid #ccc;
|
||||
box-shadow: 0 1px 0.125rem hsla(0,0%,45%,.25);
|
||||
min-width: 5rem;
|
||||
max-width: 15rem;
|
||||
border-radius: .125rem;
|
||||
visibility: hidden;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.table {
|
||||
border-collapse: separate;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0px;
|
||||
margin: 0;
|
||||
margin-top: 1rem;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.table th {
|
||||
font-size: .45833rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: .03em;
|
||||
vertical-align: bottom;
|
||||
border-bottom: 1px solid #ccc;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
border-bottom: 2px solid #e4e4e4;
|
||||
padding: 0 0 .5rem 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.main-container .content-container {
|
||||
min-height: 0px;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.app-loading {
|
||||
.loading-logo {
|
||||
max-width: 400px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.navBarResp {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
background: #495A67;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.main-container .sub-nav.clr-nav-level-1 .nav .nav-link, .main-container .sub-nav.clr-nav-level-2 .nav .nav-link, .main-container .subnav.clr-nav-level-1 .nav .nav-link, .main-container .subnav.clr-nav-level-2 .nav .nav-link {
|
||||
padding: 0 .5rem 0 1rem;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
border-radius: .125rem 0 0 .125rem;
|
||||
color: #95c84b;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.card-block, .card-footer {
|
||||
padding: 10px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.main-container[_ngcontent-c0] .content-container[_ngcontent-c0] .content-area[_ngcontent-c0] {
|
||||
padding: 0rem 0rem 0rem 0rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { ChangeDetectorRef, Component, ElementRef } from '@angular/core'
|
||||
import { ChangeDetectorRef, Component, ElementRef, ViewEncapsulation } from '@angular/core'
|
||||
import { Router } from '@angular/router'
|
||||
import { VERSION } from '../environments/version'
|
||||
import { ActivatedRoute } from '@angular/router'
|
||||
@@ -36,7 +36,8 @@ ClarityIcons.addIcons(
|
||||
@Component({
|
||||
selector: 'my-app',
|
||||
templateUrl: './app.component.html',
|
||||
styleUrls: ['./app.component.scss']
|
||||
styleUrls: ['./app.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class AppComponent {
|
||||
private dcAdapterSettings: DcAdapterSettings | undefined
|
||||
|
||||
@@ -1,50 +0,0 @@
|
||||
.card {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.log-wrapper {
|
||||
width: 100%;
|
||||
background: #f0f0f0;
|
||||
border: 1px solid #c9c9c9;
|
||||
padding: 10px;
|
||||
overflow: auto;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
#contexts-btn {
|
||||
padding: 0;
|
||||
min-width: 30px;
|
||||
margin-left: 10px;
|
||||
height: 30px;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.validation-bar {
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
align-items: center;
|
||||
|
||||
clr-icon {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.autodeploy-section {
|
||||
padding: 0px 15px;
|
||||
|
||||
.clr-checkbox-wrapper {
|
||||
margin: 20px 0 20px 0;
|
||||
}
|
||||
|
||||
.btn-autodeploy {
|
||||
display: block;
|
||||
margin: 15px 0 15px 0;
|
||||
}
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, OnInit } from '@angular/core'
|
||||
import { Component, OnInit, ViewEncapsulation } from '@angular/core'
|
||||
import { SasService } from '../services/sas.service'
|
||||
import { SASjsConfig } from '@sasjs/adapter'
|
||||
import { Router } from '@angular/router'
|
||||
@@ -13,7 +13,8 @@ import { DcAdapterSettings } from '../models/DcAdapterSettings'
|
||||
styleUrls: ['./deploy.component.scss'],
|
||||
host: {
|
||||
class: 'content-container'
|
||||
}
|
||||
},
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class DeployComponent implements OnInit {
|
||||
public step: number = 0
|
||||
|
||||
@@ -1,61 +0,0 @@
|
||||
.auto-deploy {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.spinner-box {
|
||||
width: 400px;
|
||||
padding: 20px;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
box-shadow: 1px 1px 8px 0px #00000082;
|
||||
|
||||
.buttons {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.deploy-status-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-self: flex-start;
|
||||
|
||||
p {
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.deploy-success {
|
||||
color: #6ECF44;
|
||||
}
|
||||
|
||||
.deploy-error {
|
||||
color: #E74C3C;
|
||||
// width: 20px;
|
||||
// height: 20px;
|
||||
}
|
||||
|
||||
.deploy-undeterminated {
|
||||
color: #cacaca;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #00000045;
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'
|
||||
import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core'
|
||||
import SASjs, { SASjsConfig } from '@sasjs/adapter'
|
||||
import { DcAdapterSettings } from 'src/app/models/DcAdapterSettings'
|
||||
import { DeployService } from 'src/app/services/deploy.service'
|
||||
@@ -9,7 +9,8 @@ import { SasService } from 'src/app/services/sas.service'
|
||||
@Component({
|
||||
selector: 'app-automatic-deploy',
|
||||
templateUrl: './automatic.component.html',
|
||||
styleUrls: ['./automatic.component.scss']
|
||||
styleUrls: ['./automatic.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class AutomaticComponent implements OnInit {
|
||||
@Input() sasJs!: SASjs
|
||||
|
||||
@@ -1,4 +0,0 @@
|
||||
.clear-memory-button {
|
||||
right: 10px;
|
||||
top: 2px;
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core'
|
||||
import { Component, Input, OnInit, Output, EventEmitter, ViewEncapsulation } from '@angular/core'
|
||||
import SASjs, { SASjsConfig } from '@sasjs/adapter'
|
||||
import { DcAdapterSettings } from 'src/app/models/DcAdapterSettings'
|
||||
import { RequestWrapperResponse } from 'src/app/models/request-wrapper/RequestWrapperResponse'
|
||||
@@ -10,7 +10,8 @@ import { SasService } from 'src/app/services/sas.service'
|
||||
@Component({
|
||||
selector: 'app-manual-deploy',
|
||||
templateUrl: './manual.component.html',
|
||||
styleUrls: ['./manual.component.scss']
|
||||
styleUrls: ['./manual.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class ManualComponent implements OnInit {
|
||||
@Input() sasJs!: SASjs
|
||||
|
||||
@@ -1,23 +0,0 @@
|
||||
.clr-control-container {
|
||||
width: 50vw;
|
||||
}
|
||||
|
||||
.clr-input-wrapper {
|
||||
width: 100%;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.thinProgress {
|
||||
left: 0px;
|
||||
right: 0;
|
||||
width: unset;
|
||||
height: 1px;
|
||||
margin-top: 0 !important;
|
||||
|
||||
&::after {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
import { Location } from '@angular/common'
|
||||
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'
|
||||
import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core'
|
||||
import SASjs, { SASjsConfig } from '@sasjs/adapter'
|
||||
import { ServerType } from '@sasjs/utils/types/serverType'
|
||||
import { DcAdapterSettings } from 'src/app/models/DcAdapterSettings'
|
||||
@@ -12,7 +12,8 @@ import { SasjsService } from 'src/app/services/sasjs.service'
|
||||
@Component({
|
||||
selector: 'app-sasjs-configurator',
|
||||
templateUrl: './sasjs-configurator.component.html',
|
||||
styleUrls: ['./sasjs-configurator.component.scss']
|
||||
styleUrls: ['./sasjs-configurator.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class SasjsConfiguratorComponent implements OnInit {
|
||||
@Input() sasJs!: SASjs
|
||||
|
||||
@@ -1,243 +0,0 @@
|
||||
.record-edit-modal {
|
||||
.column-entry {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.name-input-row {
|
||||
width: 100%;
|
||||
max-width: 260px;
|
||||
|
||||
.cell-desc {
|
||||
margin-right: 30px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.inputs-wrapper {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
::ng-deep >*:not(.date-field):not(clr-select-container) {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
::ng-deep {
|
||||
.clr-textarea-wrapper {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.clr-form-control {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
app-soft-select {
|
||||
display: block;
|
||||
width: 224px;
|
||||
border: 1px solid #999;
|
||||
color: #000;
|
||||
padding: calc(.25rem + 2px) .5rem;
|
||||
border-radius: .125rem;
|
||||
font-size: .541667rem;
|
||||
margin-right: 6px;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
border: 0;
|
||||
|
||||
&:focus {
|
||||
background: none;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
&::-webkit-outer-spin-button,
|
||||
&::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.date-field {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
textarea {
|
||||
width: 230px;
|
||||
}
|
||||
|
||||
.date-picker {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 4px;
|
||||
|
||||
::ng-deep {
|
||||
// clr-datepicker-view-manager {
|
||||
// transform: unset !important;
|
||||
// left: unset !important;
|
||||
// right: 70px !important;
|
||||
// }
|
||||
.clr-input-group {
|
||||
border: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
::ng-deep {
|
||||
clr-select-container {
|
||||
border: 1px solid #999;
|
||||
color: #000;
|
||||
border-radius: .125rem;
|
||||
margin-right: 5px;
|
||||
|
||||
.clr-select-wrapper {
|
||||
max-height: unset;
|
||||
|
||||
&::after {
|
||||
top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
height: auto;
|
||||
padding: 10px;
|
||||
padding-right: 20px;
|
||||
border: 0 !important;
|
||||
|
||||
&:focus {
|
||||
background: 0 0 !important;
|
||||
}
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
clr-input-container {
|
||||
width: 224px;
|
||||
border: 1px solid #999;
|
||||
color: #000;
|
||||
padding: calc(.25rem + 2px) .5rem;
|
||||
border-radius: .125rem;
|
||||
font-size: .541667rem;
|
||||
margin-right: 6px;
|
||||
|
||||
.clr-input-group {
|
||||
width: 100%;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
border: 0;
|
||||
|
||||
&:focus {
|
||||
background: none;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
&::-webkit-outer-spin-button,
|
||||
&::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.invalid-data {
|
||||
border-color: red;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-dialog {
|
||||
width: 80vw;
|
||||
}
|
||||
|
||||
.clr-control-container {
|
||||
width: 100%;
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
resize: none;
|
||||
border-color: #999;
|
||||
|
||||
&.invalid-data {
|
||||
border-color: red;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
&.not-char {
|
||||
font-family: "Lucida Console", Monaco, monospace;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.generate-record-url {
|
||||
right: 40px;
|
||||
top: 40px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.generate-record-url-button {
|
||||
right: 25px;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
padding: 0 0 1rem 0;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
// height: 65px;
|
||||
|
||||
.alert {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.prev-next {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.focusable {
|
||||
&:focus {
|
||||
box-shadow: 0 0 3px 0px #5aa220;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-input-left-offset {
|
||||
left: -30px;
|
||||
}
|
||||
|
||||
.validation-info-alert {
|
||||
width: 310px
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { KeyValue } from '@angular/common'
|
||||
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'
|
||||
import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core'
|
||||
import moment from 'moment'
|
||||
import { ValidateFilterSASResponse } from 'src/app/models/sas/validate-filter.model'
|
||||
import { QueryClause } from 'src/app/models/TableData'
|
||||
@@ -16,7 +16,8 @@ import { EditRecordModal } from '../../models/EditRecordModal'
|
||||
@Component({
|
||||
selector: 'app-edit-record',
|
||||
templateUrl: './edit-record.component.html',
|
||||
styleUrls: ['./edit-record.component.scss']
|
||||
styleUrls: ['./edit-record.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class EditRecordComponent implements OnInit {
|
||||
@Input() currentRecord!: EditRecordModal
|
||||
|
||||
@@ -1,8 +0,0 @@
|
||||
:host {
|
||||
display: block;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, OnInit } from '@angular/core'
|
||||
import { Component, OnInit, ViewEncapsulation } from '@angular/core'
|
||||
|
||||
/**
|
||||
* Goal of this component is to recieve array of strings where every element is one state
|
||||
@@ -10,7 +10,8 @@ import { Component, OnInit } from '@angular/core'
|
||||
@Component({
|
||||
selector: 'app-upload-stater',
|
||||
templateUrl: './upload-stater.component.html',
|
||||
styleUrls: ['./upload-stater.component.scss']
|
||||
styleUrls: ['./upload-stater.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class UploadStaterComponent implements OnInit {
|
||||
public statesList: string[] = [] //States appended to be displayed
|
||||
|
||||
@@ -1,247 +0,0 @@
|
||||
.card {
|
||||
margin-top: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.buttonBar {
|
||||
padding: 2px 10px 2px 10px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.testRed {
|
||||
color: white;
|
||||
background: rgba(255,0,0, 0.8) !important;
|
||||
}
|
||||
|
||||
hot-table {
|
||||
::ng-deep {
|
||||
.firstColumnHeaderStyle button.changeType {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.handsontable tbody th.ht__highlight, .handsontable thead th.ht__highlight {
|
||||
&.primaryKeyHeaderStyle {
|
||||
background-color: #306b00b0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.primaryKeyHeaderStyle {
|
||||
background-color: #306b006e !important;
|
||||
}
|
||||
|
||||
th.readonlyCell {
|
||||
div {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
|
||||
td.readonlyCell {
|
||||
opacity: 0.5
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.submit-reason {
|
||||
min-height: 120px;
|
||||
max-height: 120px;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.infoBar {
|
||||
margin-top:14px;
|
||||
background: #495967;
|
||||
color: white;
|
||||
text-align:center;
|
||||
padding: 3px;
|
||||
font-size: 16px;
|
||||
|
||||
height: 30px;
|
||||
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
|
||||
span {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
height: unset;
|
||||
white-space: normal;
|
||||
|
||||
span {
|
||||
width: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pkHeader {
|
||||
background: #687682;
|
||||
color: #fff;
|
||||
margin: -1px -1px -1px -1px;
|
||||
}
|
||||
|
||||
.headerBar {
|
||||
// padding: 13px 0px 14px 0px;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
background: var(--clr-vertical-nav-bg-color);
|
||||
}
|
||||
|
||||
.error-icon {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.btnCtrl {
|
||||
display:flex;
|
||||
justify-content:flex-end;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
border-bottom: 1px solid transparent;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.my-drop-zone {
|
||||
border: solid 1px lightgray;
|
||||
border-radius: 10px;
|
||||
background: whitesmoke;
|
||||
box-shadow: inset 0px 0px 4px 2px #a7a5a52b;
|
||||
height: 50vh;
|
||||
}
|
||||
.nv-file-over {
|
||||
border: solid 2px green;
|
||||
} /* Default class applied to drop zones on over */
|
||||
|
||||
.file-drop-text{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nv-file-over {
|
||||
border: solid 2px green;
|
||||
} /* Default class applied to drop zones on over */
|
||||
|
||||
.file-drop-text{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
|
||||
.progresStatic {
|
||||
margin-top:9px!important;
|
||||
}
|
||||
|
||||
.progress, .progress-static {
|
||||
width: calc(100% - 14px);
|
||||
}
|
||||
}
|
||||
|
||||
.hotEditor {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.excel-parsing {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
position: relative;
|
||||
|
||||
.details {
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: -45px;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-record-spinner {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
z-index: 500;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
|
||||
.progresStatic {
|
||||
margin-top:32px!important;
|
||||
}
|
||||
|
||||
.card-block, .card-footer {
|
||||
padding: 10px 0px 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.content-area {
|
||||
padding: 0 0.8rem 0.8rem 0.8rem !important;
|
||||
padding-top: 0;
|
||||
|
||||
// .card {
|
||||
// min-height: calc(100vh - 160px);
|
||||
// }
|
||||
}
|
||||
|
||||
.drop-area {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
|
||||
margin: 1px;
|
||||
|
||||
border: 2px dashed #fff;
|
||||
|
||||
z-index: -1;
|
||||
|
||||
span {
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
padding: 10px;
|
||||
background: #dbdbdb;
|
||||
border-radius: 5px;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
#submitBtn, #cancelSubmitBtn {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.view-table {
|
||||
font-size: inherit !important;
|
||||
color: #1a57bb !important;
|
||||
}
|
||||
|
||||
// When width is smaller remove the text from the buttons
|
||||
// keep only the icons
|
||||
@media (max-width: 992px) {
|
||||
.icon-collapse {
|
||||
.text {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// FIXME
|
||||
// Let's leave it here for a reference if there
|
||||
// is an issue with viewboxes/filter modal overlaying
|
||||
// we will remove it if no issues found
|
||||
// .filter-modal {
|
||||
// z-index: 1210;
|
||||
// }
|
||||
|
||||
@@ -69,7 +69,7 @@ import { ParseResult } from '../models/ParseResult.interface'
|
||||
host: {
|
||||
class: 'content-container'
|
||||
},
|
||||
encapsulation: ViewEncapsulation.Emulated
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class EditorComponent implements OnInit, AfterViewInit {
|
||||
@ViewChildren('uploadStater')
|
||||
|
||||
@@ -1,85 +0,0 @@
|
||||
@import '../../colors.scss';
|
||||
|
||||
::ng-deep body[cds-theme="dark"] {
|
||||
.group-info {
|
||||
background-color: $headerBackground;
|
||||
border-color: $headerBackground;
|
||||
}
|
||||
|
||||
.group-data {
|
||||
background-color: $headerBackground;
|
||||
border-color: $headerBackground;
|
||||
}
|
||||
|
||||
.member-table tbody{
|
||||
tr:hover{
|
||||
background-color: #29404b;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::ng-deep body[cds-theme="light"] {
|
||||
.group-info{
|
||||
background-color: #f9f9f9;
|
||||
border-color: #a7a7a7;
|
||||
box-shadow: 0px 2px 5px #dad7d7;
|
||||
}
|
||||
|
||||
.group-data {
|
||||
background-color: #f9f9f9;
|
||||
border-color: #a7a7a7;
|
||||
box-shadow: 0px 2px 5px #dad7d7;
|
||||
}
|
||||
|
||||
.member-table tbody{
|
||||
tr:hover{
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-height{
|
||||
height: 100%;
|
||||
}
|
||||
.group-info-text{
|
||||
display: inline;
|
||||
font-size: 20px;
|
||||
}
|
||||
.group-info{
|
||||
border: 1px solid;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.group-info td{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.group-data{
|
||||
border: 1px solid;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.group-data{
|
||||
min-height: auto;
|
||||
h3, h5{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.member-table{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.member-table tbody{
|
||||
tr:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.table-container{
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px){
|
||||
.group-data{
|
||||
min-height: unset !important;
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
import { Location } from '@angular/common'
|
||||
import { Component, OnInit } from '@angular/core'
|
||||
import { Component, OnInit, ViewEncapsulation } from '@angular/core'
|
||||
import { ActivatedRoute, Router } from '@angular/router'
|
||||
import { SASjsConfig } from '@sasjs/adapter'
|
||||
import { ServerType } from '@sasjs/utils/types/serverType'
|
||||
@@ -14,7 +14,8 @@ import { RequestWrapperResponse } from '../models/request-wrapper/RequestWrapper
|
||||
styleUrls: ['./group.component.scss'],
|
||||
host: {
|
||||
class: 'content-container'
|
||||
}
|
||||
},
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class GroupComponent implements OnInit {
|
||||
public groups: Array<any> | undefined
|
||||
|
||||
@@ -1,32 +0,0 @@
|
||||
clr-tree-node button {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.card-block {
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.no-table-selected {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
::ng-deep {
|
||||
// .badge.badge-info {
|
||||
// background: #6a9235!important;
|
||||
// color: #fff;
|
||||
// }
|
||||
clr-icon.is-blue, clr-icon.is-info {
|
||||
fill: #6a9235;
|
||||
}
|
||||
}
|
||||
|
||||
.spinner-wrapper-fullpage {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@@ -3,7 +3,7 @@
|
||||
* This software is released under MIT license.
|
||||
* The full license information can be found in LICENSE in the root directory of this project.
|
||||
*/
|
||||
import { Component, AfterContentInit } from '@angular/core'
|
||||
import { Component, AfterContentInit, ViewEncapsulation } from '@angular/core'
|
||||
import { Router } from '@angular/router'
|
||||
import { ActivatedRoute } from '@angular/router'
|
||||
import { globals } from '../_globals'
|
||||
@@ -18,7 +18,8 @@ import { LicenceService } from '../services/licence.service'
|
||||
templateUrl: './home.component.html',
|
||||
host: {
|
||||
class: 'content-container'
|
||||
}
|
||||
},
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class HomeComponent implements AfterContentInit {
|
||||
public treeNodeLibraries: Array<any> | null = null
|
||||
|
||||
@@ -1,51 +0,0 @@
|
||||
:host {
|
||||
height: calc(100% - 96px);
|
||||
padding: 20px 20px;
|
||||
}
|
||||
|
||||
.card {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.key-error {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.misskey {
|
||||
color: #E74C3C;
|
||||
}
|
||||
|
||||
.license-key-form, .activation-key-form {
|
||||
padding: 0;
|
||||
|
||||
.clr-control-container {
|
||||
width: 100%;
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
height: 170px;
|
||||
max-height: 170px;
|
||||
min-height: 170px;
|
||||
resize: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.apply-keys {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.drop-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 15px;
|
||||
border: 2px dashed #b2b2b2;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
clr-tabs button {
|
||||
box-shadow: none !important
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, OnInit } from '@angular/core'
|
||||
import { Component, OnInit, ViewEncapsulation } from '@angular/core'
|
||||
import { ActivatedRoute, Router } from '@angular/router'
|
||||
import { AppService, LicenceService, SasService } from '../services'
|
||||
import { LicenseKeyData } from '../models/LicenseKeyData'
|
||||
@@ -14,7 +14,8 @@ enum LicenseActions {
|
||||
@Component({
|
||||
selector: 'app-licensing',
|
||||
templateUrl: './licensing.component.html',
|
||||
styleUrls: ['./licensing.component.scss']
|
||||
styleUrls: ['./licensing.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class LicensingComponent implements OnInit {
|
||||
public action: LicenseActions | null = null
|
||||
|
||||
@@ -1,85 +0,0 @@
|
||||
@import '../../colors.scss';
|
||||
|
||||
.toggle-switch input[type=checkbox]:checked+label:before {
|
||||
border-color: $headerBackground;
|
||||
background-color: $headerBackground !important;
|
||||
transition: .15s ease-in;
|
||||
transition-property: border-color,background-color;
|
||||
}
|
||||
|
||||
#graph{
|
||||
height: calc(100vh - 195px);
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
display: block;
|
||||
width: 100%;
|
||||
border: 1px solid #e4e4e4;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.selection-wrapper {
|
||||
width: 100%;
|
||||
max-width: 670px;
|
||||
}
|
||||
|
||||
.column-active {
|
||||
background: #d8e3e9;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.content-area {
|
||||
padding: 0.5rem !important;
|
||||
|
||||
.card {
|
||||
min-height: calc(100vh - 120px);
|
||||
|
||||
.card-block {
|
||||
padding: 0.5rem 0.35rem !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
clr-tree-node button {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.btn-group.direction {
|
||||
margin-left: var(--cds-global-space-6);
|
||||
}
|
||||
|
||||
.graph-render-spinner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.biglineage-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.lineage-title-wrapper {
|
||||
left: 12px;
|
||||
}
|
||||
|
||||
.max-depth-input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.toggle-switch-container {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component } from '@angular/core'
|
||||
import { Component, ViewEncapsulation } from '@angular/core'
|
||||
import { Location } from '@angular/common'
|
||||
import { globals } from '../_globals'
|
||||
import * as d3Viz from 'd3-graphviz'
|
||||
@@ -18,7 +18,8 @@ const moment = require('moment')
|
||||
templateUrl: './lineage.component.html',
|
||||
host: {
|
||||
class: 'content-container'
|
||||
}
|
||||
},
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class LineageComponent {
|
||||
public switchFlag: boolean = false
|
||||
|
||||
@@ -1,82 +0,0 @@
|
||||
::ng-deep body[cds-theme="dark"] {
|
||||
.object-header:hover {
|
||||
background-color: #405560;
|
||||
}
|
||||
}
|
||||
|
||||
::ng-deep body[cds-theme="light"] {
|
||||
.objects-col {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.object-header:hover {
|
||||
background-color: #d8e3e9;
|
||||
}
|
||||
}
|
||||
|
||||
.objects-col{
|
||||
height: 75vh;
|
||||
overflow: scroll;
|
||||
border: 1px solid #cccccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.cols-head {
|
||||
border: 1px solid #cccccc;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.object-text {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
margin-left: 10px;
|
||||
flex: 1;
|
||||
}
|
||||
.repo-dropdown{
|
||||
margin-right: 15px;
|
||||
margin-left: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.clr-accordion-title{
|
||||
width: 100%;
|
||||
}
|
||||
.float-right{
|
||||
margin: 0px;
|
||||
float: right;
|
||||
}
|
||||
.full-width{
|
||||
width: 100%;
|
||||
}
|
||||
.object-uri{
|
||||
margin: 0px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.object-header{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
.object-header:hover{
|
||||
border-radius: 3px;
|
||||
}
|
||||
.datagrid-host{
|
||||
display: unset !important;
|
||||
}
|
||||
|
||||
.card {
|
||||
margin-top: 0;
|
||||
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.content-area {
|
||||
padding: 0.5rem !important;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
import { Location } from '@angular/common'
|
||||
import { Component, OnInit } from '@angular/core'
|
||||
import { Component, OnInit, ViewEncapsulation } from '@angular/core'
|
||||
import { ActivatedRoute, Router } from '@angular/router'
|
||||
import { ClrDatagridStringFilterInterface } from '@clr/angular'
|
||||
import { Observable, of } from 'rxjs'
|
||||
@@ -50,7 +50,8 @@ class ValueFilter implements ClrDatagridStringFilterInterface<MetaData> {
|
||||
styleUrls: ['./metadata.component.scss'],
|
||||
host: {
|
||||
class: 'content-container'
|
||||
}
|
||||
},
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class MetadataComponent implements OnInit {
|
||||
metaDataList: Array<any> | undefined
|
||||
|
||||
@@ -1,54 +0,0 @@
|
||||
.no-table-selected {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
background: var(--clr-vertical-nav-bg-color);
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.header-row {
|
||||
padding: 15px 0;
|
||||
border-bottom: 1px solid #d3d3d3;
|
||||
}
|
||||
|
||||
.dataset-input-wrapper {
|
||||
max-width: 500px;
|
||||
width: 100%;
|
||||
|
||||
textarea {
|
||||
min-height: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.submit-reason {
|
||||
min-height: 70px;
|
||||
max-height: 70px;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.log-wrapper {
|
||||
margin: 0 10px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
::ng-deep td.not-matched {
|
||||
background-color: #ff000054;
|
||||
}
|
||||
|
||||
.dataset-selection-actions {
|
||||
border-top: 1px solid #d3d3d3;
|
||||
}
|
||||
|
||||
.licence-limit-notice {
|
||||
color: var(--cds-alias-status-warning-dark);
|
||||
}
|
||||
|
||||
.submission-results {
|
||||
border-bottom: 1px solid #d3d3d3;
|
||||
}
|
||||
@@ -4,7 +4,8 @@ import {
|
||||
ElementRef,
|
||||
HostBinding,
|
||||
OnInit,
|
||||
ViewChild
|
||||
ViewChild,
|
||||
ViewEncapsulation
|
||||
} from '@angular/core'
|
||||
import {
|
||||
EventService,
|
||||
@@ -45,7 +46,8 @@ enum FileLoadingState {
|
||||
@Component({
|
||||
selector: 'app-multi-dataset',
|
||||
templateUrl: './multi-dataset.component.html',
|
||||
styleUrls: ['./multi-dataset.component.scss']
|
||||
styleUrls: ['./multi-dataset.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class MultiDatasetComponent implements OnInit {
|
||||
@HostBinding('class.content-container') contentContainerClass = true
|
||||
|
||||
@@ -1,307 +0,0 @@
|
||||
::ng-deep {
|
||||
body[cds-theme="dark"] {
|
||||
.clause-logic {
|
||||
background: #192a30;
|
||||
}
|
||||
|
||||
.clause-query {
|
||||
background: #263e48;
|
||||
}
|
||||
}
|
||||
|
||||
body[cds-theme="light"] {
|
||||
.clause-logic {
|
||||
background: #e9e9e9;
|
||||
}
|
||||
|
||||
.clause-query {
|
||||
background: #fbf8f8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
|
||||
.clauses-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.clause-logic {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.clause-query {
|
||||
padding: 30px 0px 20px 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
|
||||
& > .clr-row {
|
||||
justify-content: space-between;
|
||||
|
||||
&:not(:last-child) {
|
||||
padding-bottom: 15px;
|
||||
margin-bottom: 15px;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.16)
|
||||
}
|
||||
}
|
||||
|
||||
.remove-group-clause-button {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 10px;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.variable-col {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
padding-bottom: 1px;
|
||||
|
||||
.datalist-wrapper {
|
||||
width: 100%;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.operator-col {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
|
||||
clr-select-container {
|
||||
height: 45px;
|
||||
margin-top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.value-col {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
padding-bottom: 1px;
|
||||
|
||||
.checkbox-vals {
|
||||
width: 100%;
|
||||
padding: 0px 5px;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
|
||||
|
||||
clr-checkbox-container {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
section {
|
||||
max-height: 120px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
}
|
||||
|
||||
.single-field-vals {
|
||||
width: 100%;
|
||||
|
||||
::ng-deep {
|
||||
.clr-control-container {
|
||||
width: 100%;
|
||||
|
||||
.clr-input-wrapper {
|
||||
max-width: none;
|
||||
|
||||
.clr-input-group {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& > input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[type=time] {
|
||||
width: 100%;
|
||||
padding-right: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
.range-vals {
|
||||
width: 100%;
|
||||
|
||||
::ng-deep {
|
||||
.clr-control-container {
|
||||
width: 100%;
|
||||
|
||||
.clr-input-wrapper {
|
||||
max-width: none;
|
||||
|
||||
.clr-input-group {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.from {
|
||||
margin-bottom: 10px;
|
||||
|
||||
& > input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[type=time] {
|
||||
width: 100%;
|
||||
padding-right: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
.from, .to {
|
||||
min-width: 100px;
|
||||
|
||||
& > input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[type=time] {
|
||||
width: 100%;
|
||||
padding-right: 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contains-vals {
|
||||
width: 100%;
|
||||
|
||||
::ng-deep {
|
||||
.clr-control-container {
|
||||
width: 100%;
|
||||
|
||||
.clr-input-wrapper {
|
||||
max-width: none;
|
||||
|
||||
.clr-input-group {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& > input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[type=time] {
|
||||
width: 100%;
|
||||
padding-right: 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.clause-buttons {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
|
||||
button {
|
||||
min-width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.invalid-clause {
|
||||
border-left: 2px solid #d94b31;
|
||||
}
|
||||
|
||||
.clause-row {
|
||||
clr-icon {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.clause-row:after {
|
||||
position: relative;
|
||||
content: "";
|
||||
height: .41667rem;
|
||||
width: .41667rem;
|
||||
top: .29167rem;
|
||||
right: .25rem;
|
||||
background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org…%2C9.84%2C3.24a0.68%2C0.68%2C0%2C1%2C1%2C1%2C1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
::ng-deep body[cds-theme="dark"] {
|
||||
.line-numbers {
|
||||
border-color: #989797 !important;
|
||||
}
|
||||
}
|
||||
|
||||
pre[class*="language-"] {
|
||||
padding: 8px;
|
||||
margin: 0;
|
||||
border-radius: 1px;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 66px;
|
||||
|
||||
position: relative;
|
||||
|
||||
span.spinner {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
code {
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
}
|
||||
|
||||
.input-val {
|
||||
border: 0px;
|
||||
background: #fbf8f8;
|
||||
border-bottom: 1px solid #999999;
|
||||
}
|
||||
|
||||
clr-date-container {
|
||||
margin-top: 2px !important;
|
||||
}
|
||||
|
||||
input[type="time"] {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
border-bottom: 1px solid #b3b3b3;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.in-values-modal {
|
||||
.modal-footer {
|
||||
border-top: 1px solid #d8d8d8;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.progress, .progress-static {
|
||||
background-color: transparent;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
top: 3px;
|
||||
}
|
||||
@@ -6,7 +6,8 @@ import {
|
||||
OnDestroy,
|
||||
ChangeDetectorRef,
|
||||
LOCALE_ID,
|
||||
Input
|
||||
Input,
|
||||
ViewEncapsulation
|
||||
} from '@angular/core'
|
||||
import { SasStoreService } from '../services/sas-store.service'
|
||||
import { globals } from '../_globals'
|
||||
@@ -27,7 +28,8 @@ registerLocaleData(localeEnGB)
|
||||
selector: 'app-query',
|
||||
templateUrl: './query.component.html',
|
||||
styleUrls: ['./query.component.scss'],
|
||||
providers: [{ provide: LOCALE_ID, useValue: 'en-GB' }]
|
||||
providers: [{ provide: LOCALE_ID, useValue: 'en-GB' }],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class QueryComponent
|
||||
implements AfterViewInit, AfterContentInit, OnDestroy
|
||||
|
||||
@@ -1,210 +0,0 @@
|
||||
@import '../../../colors.scss';
|
||||
|
||||
.loader {
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
height:75vh;
|
||||
align-items:center;
|
||||
flex-direction:column
|
||||
}
|
||||
.modalLarge {
|
||||
width: 50rem!important;
|
||||
}
|
||||
|
||||
.addedRow {
|
||||
border: 1px solid rgba(9, 77, 117, 0.2);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.deletedRow {
|
||||
border: 1px solid rgba(70, 71, 70, 0.2);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::ng-deep body[cds-theme="dark"] {
|
||||
table {
|
||||
.updatedRow {
|
||||
background: #93971e;
|
||||
}
|
||||
|
||||
.addedRow {
|
||||
background: rgb(86 153 95);
|
||||
}
|
||||
|
||||
.deletedRow {
|
||||
background: rgb(138 90 90);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::ng-deep body[cds-theme="light"] {
|
||||
table {
|
||||
.updatedRow {
|
||||
background: #fafda8;
|
||||
}
|
||||
|
||||
.addedRow {
|
||||
background: rgb(146, 208, 154);
|
||||
}
|
||||
|
||||
.deletedRow {
|
||||
background: rgb(230, 179, 179);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.updatedRow {
|
||||
border: 1px solid rgba(9, 117, 9, 0.2);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.table {
|
||||
border: 0px solid;
|
||||
}
|
||||
|
||||
.ch {
|
||||
background: rgba(0,0,0,.1);
|
||||
border: 1px solid rgba(104, 100, 0, 0.4);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.ch:hover {
|
||||
background: rgba(252, 135, 120, 0.4);
|
||||
}
|
||||
|
||||
.tooltip .tooltip-content.tooltip-top-right, .tooltip.tooltip-top-right>.tooltip-content, .tooltip>.tooltip-content {
|
||||
font-size: .54167rem;
|
||||
font-weight: 400;
|
||||
letter-spacing: normal;
|
||||
background: $headerBackground;
|
||||
border-radius: .125rem;
|
||||
color: #f0f1ec;;
|
||||
line-height: .75rem;
|
||||
margin: 0;
|
||||
padding: .375rem .5rem;
|
||||
width: 235px;
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
left: 12px;
|
||||
right: auto;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-bottom: .66667rem;
|
||||
}
|
||||
|
||||
.tooltip .tooltip-content.tooltip-top-right:before, .tooltip.tooltip-top-right>.tooltip-content:before, .tooltip>.tooltip-content:before {
|
||||
position: absolute;
|
||||
bottom: -.375rem;
|
||||
left: 0;
|
||||
top: auto;
|
||||
right: auto;
|
||||
content: "";
|
||||
border-left: .25rem solid $headerBackground;
|
||||
border-top: .20833rem solid $headerBackground;
|
||||
border-right: .25rem solid transparent;
|
||||
border-bottom: .20833rem solid transparent;
|
||||
}
|
||||
|
||||
.table {
|
||||
border: 0px solid;
|
||||
}
|
||||
|
||||
.toggle-switch input[type=checkbox]:checked+label:before {
|
||||
border-color: $headerBackground;
|
||||
background-color: $headerBackground !important;
|
||||
transition: .15s ease-in;
|
||||
transition-property: border-color,background-color;
|
||||
}
|
||||
|
||||
.tableCont {
|
||||
overflow:auto;
|
||||
margin: 15px 10px 10px 10px;
|
||||
|
||||
td {
|
||||
word-break: break-word;
|
||||
}
|
||||
}
|
||||
|
||||
.approvalInfo {
|
||||
display: flex;
|
||||
justify-content: flex-end
|
||||
}
|
||||
|
||||
.approvalBack {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
@media screen and (max-width:768px) {
|
||||
.approvalInfo {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 15px;
|
||||
|
||||
}
|
||||
|
||||
.approvalBack {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.card {
|
||||
margin-top:0rem!important;
|
||||
min-height: calc(100vh - 0px)!important;
|
||||
}
|
||||
|
||||
.table td.left, .table th.left {
|
||||
text-align: left;
|
||||
width: 150px!important;
|
||||
flex: 0
|
||||
}
|
||||
}
|
||||
|
||||
.table td.left, .table th.left {
|
||||
text-align: left;
|
||||
flex: 1;
|
||||
width: 300px!important;
|
||||
}
|
||||
|
||||
|
||||
.tooll {
|
||||
position: absolute;
|
||||
background: #e6b3b3;
|
||||
color: $headerBackground;
|
||||
top: 0px;
|
||||
height: 36px;
|
||||
width: 100%;
|
||||
left: 0px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#acceptBtn, #rejectBtn {
|
||||
width: 175px
|
||||
}
|
||||
|
||||
.formatted-values-toggle {
|
||||
min-width: 75px
|
||||
}
|
||||
|
||||
clr-modal {
|
||||
::ng-deep {
|
||||
.modal-body-wrapper {
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rows-notice {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 10px;
|
||||
color: #6a6a6a;
|
||||
font-size: 15px;
|
||||
|
||||
clr-icon {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
@@ -1,6 +1,6 @@
|
||||
import { ActivatedRoute } from '@angular/router'
|
||||
import { SasStoreService } from '../../services/sas-store.service'
|
||||
import { Component, AfterViewInit, OnDestroy } from '@angular/core'
|
||||
import { Component, AfterViewInit, OnDestroy, ViewEncapsulation } from '@angular/core'
|
||||
import { Subscription } from 'rxjs'
|
||||
import { Router } from '@angular/router'
|
||||
import { EventService } from '../../services/event.service'
|
||||
@@ -22,7 +22,8 @@ interface ChangesObj {
|
||||
styleUrls: ['./approve-details.component.scss'],
|
||||
host: {
|
||||
class: 'content-container'
|
||||
}
|
||||
},
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class ApproveDetailsComponent implements AfterViewInit, OnDestroy {
|
||||
private _detailsSub: Subscription | undefined
|
||||
|
||||
@@ -1,43 +0,0 @@
|
||||
@import '../../../colors.scss';
|
||||
|
||||
.column-center {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.datagrid .datagrid-column .datagrid-column-title{
|
||||
outline: none!important;
|
||||
}
|
||||
|
||||
.links {
|
||||
font-weight: 700;cursor: pointer;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-bottom-left>.tooltip-content, .tooltip .tooltip-content.tooltip-bottom-left {
|
||||
background: $headerBackground !important;
|
||||
}
|
||||
.tooltip.tooltip-bottom-left>.tooltip-content:before, .tooltip .tooltip-content.tooltip-bottom-left:before {
|
||||
border-right: .25rem solid $headerBackground;
|
||||
border-bottom: .20833rem solid $headerBackground;
|
||||
}
|
||||
|
||||
.noBorder {
|
||||
border-bottom: 1px solid transparent!important;
|
||||
}
|
||||
|
||||
.approvals-list-wrapper {
|
||||
height: 70vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.noapprovals-info-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: calc(100vh - 200px);
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, OnInit, ChangeDetectorRef } from '@angular/core'
|
||||
import { Component, OnInit, ChangeDetectorRef, ViewEncapsulation } from '@angular/core'
|
||||
import { SasStoreService } from '../../services/sas-store.service'
|
||||
import { Router } from '@angular/router'
|
||||
import { SasService } from '../../services/sas.service'
|
||||
@@ -20,7 +20,8 @@ interface ApproveData {
|
||||
styleUrls: ['./approve.component.scss'],
|
||||
host: {
|
||||
class: 'content-container'
|
||||
}
|
||||
},
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class ApproveComponent implements OnInit {
|
||||
public approveList: Array<ApproveData> | undefined
|
||||
|
||||
@@ -1,42 +0,0 @@
|
||||
.rejected {
|
||||
color: #f83126;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.accepted {
|
||||
color: #3fc424;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.hsCell {
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
justify-content: center !important;
|
||||
align-items: center !important;
|
||||
padding: 7px;
|
||||
}
|
||||
.btCell {
|
||||
display: flex !important;
|
||||
justify-content: center !important;
|
||||
}
|
||||
|
||||
.verCenter {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.load-more {
|
||||
input {
|
||||
width: 90px;
|
||||
}
|
||||
}
|
||||
|
||||
#noDataContainer {
|
||||
height: calc(100vh - 200px);
|
||||
}
|
||||
|
||||
.table-link {
|
||||
text-decoration: underline;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, OnInit } from '@angular/core'
|
||||
import { Component, OnInit, ViewEncapsulation } from '@angular/core'
|
||||
|
||||
import { Router } from '@angular/router'
|
||||
import { SASjsConfig } from '@sasjs/adapter'
|
||||
@@ -15,7 +15,8 @@ import {
|
||||
styleUrls: ['./history.component.scss'],
|
||||
host: {
|
||||
class: 'content-container'
|
||||
}
|
||||
},
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class HistoryComponent implements OnInit {
|
||||
public history: Array<any> = []
|
||||
|
||||
@@ -1,17 +0,0 @@
|
||||
@import '../../../colors.scss';
|
||||
|
||||
.noBorder {
|
||||
border-bottom: 1px solid transparent!important;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-bottom-left>.tooltip-content, .tooltip .tooltip-content.tooltip-bottom-left {
|
||||
background: $headerBackground !important;
|
||||
}
|
||||
.tooltip.tooltip-bottom-left>.tooltip-content:before, .tooltip .tooltip-content.tooltip-bottom-left:before {
|
||||
border-right: .25rem solid $headerBackground;
|
||||
border-bottom: .20833rem solid $headerBackground;
|
||||
}
|
||||
|
||||
.no-submitted-tables {
|
||||
height: calc(100vh - 200px);
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, AfterViewInit, OnInit } from '@angular/core'
|
||||
import { Component, AfterViewInit, OnInit, ViewEncapsulation } from '@angular/core'
|
||||
import { Subscription } from 'rxjs'
|
||||
import { ActivatedRoute, Router } from '@angular/router'
|
||||
import { SasStoreService, EventService, SasService } from '../../services'
|
||||
@@ -17,7 +17,8 @@ interface SubmitterData {
|
||||
styleUrls: ['./submitter.component.scss'],
|
||||
host: {
|
||||
class: 'content-container'
|
||||
}
|
||||
},
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class SubmitterComponent implements OnInit, AfterViewInit {
|
||||
public remained: number = 0
|
||||
|
||||
@@ -1,43 +0,0 @@
|
||||
.clr-abort-modal {
|
||||
::ng-deep {
|
||||
.modal {
|
||||
z-index: 2050;
|
||||
}
|
||||
|
||||
.modal-title-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.modal {
|
||||
z-index: 2050;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-title {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sasService {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
position: relative;
|
||||
border-top: 1px solid #dcdcdc;
|
||||
}
|
||||
|
||||
.systext {
|
||||
overflow: auto;
|
||||
margin-top: 20px;
|
||||
padding: 10px 0;
|
||||
border-top: 1px solid #dcdcdc;
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'
|
||||
import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core'
|
||||
import { Router } from '@angular/router'
|
||||
import { ServerType } from '@sasjs/utils/types/serverType'
|
||||
import { EventService } from 'src/app/services/event.service'
|
||||
@@ -9,7 +9,8 @@ import { AbortDetails, InfoModal } from '../../models/InfoModal'
|
||||
@Component({
|
||||
selector: 'app-info-modal',
|
||||
templateUrl: './info-modal.component.html',
|
||||
styleUrls: ['./info-modal.component.scss']
|
||||
styleUrls: ['./info-modal.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class InfoModalComponent implements OnInit {
|
||||
@Output() onConfirmModalClick: EventEmitter<any> = new EventEmitter()
|
||||
|
||||
@@ -1,3 +0,0 @@
|
||||
clr-alerts {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, OnInit } from '@angular/core'
|
||||
import { Component, OnInit, ViewEncapsulation } from '@angular/core'
|
||||
import { Subscription } from 'rxjs'
|
||||
import { Alert } from './alert'
|
||||
import { AlertsService } from './alerts.service'
|
||||
@@ -6,7 +6,9 @@ import { AlertsService } from './alerts.service'
|
||||
@Component({
|
||||
selector: 'app-alerts',
|
||||
templateUrl: './alerts.component.html',
|
||||
styleUrls: ['./alerts.component.scss']
|
||||
styleUrls: ['./alerts.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
|
||||
})
|
||||
export class AlertsComponent implements OnInit {
|
||||
public alerts: Array<Alert> = []
|
||||
|
||||
@@ -1,75 +0,0 @@
|
||||
.input-val {
|
||||
border: 0px;
|
||||
background: transparent;
|
||||
border-bottom: 1px solid #999999;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
outline: none;
|
||||
|
||||
&::-webkit-calendar-picker-indicator {
|
||||
margin-top: -5px;
|
||||
}
|
||||
}
|
||||
|
||||
::ng-deep {
|
||||
body[cds-theme="dark"] {
|
||||
.datalist {
|
||||
background: #21333b;
|
||||
border: 1px solid #575757;
|
||||
}
|
||||
|
||||
input {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.datalist option {
|
||||
color: #fff
|
||||
}
|
||||
}
|
||||
|
||||
body[cds-theme="light"] {
|
||||
.datalist {
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.autocomplete-wrapper {
|
||||
.overlay {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 1500;
|
||||
}
|
||||
|
||||
.datalist {
|
||||
position: fixed;
|
||||
box-shadow: 0px 3px 10px -1px #0000002b;
|
||||
overflow: auto;
|
||||
z-index: 2000;
|
||||
|
||||
::ng-deep {
|
||||
option {
|
||||
padding: 5px 10px;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: #0000000f;
|
||||
}
|
||||
|
||||
&.focused {
|
||||
background: #0000000f;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.load-more {
|
||||
text-align: center;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
}
|
||||
}
|
||||
@@ -7,7 +7,8 @@ import {
|
||||
Input,
|
||||
OnInit,
|
||||
Output,
|
||||
ViewChild
|
||||
ViewChild,
|
||||
ViewEncapsulation
|
||||
} from '@angular/core'
|
||||
|
||||
export type OnLoadingMoreEvent = {
|
||||
@@ -17,7 +18,8 @@ export type OnLoadingMoreEvent = {
|
||||
@Component({
|
||||
selector: 'app-autocomplete',
|
||||
templateUrl: './autocomplete.component.html',
|
||||
styleUrls: ['./autocomplete.component.scss']
|
||||
styleUrls: ['./autocomplete.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class AutocompleteComponent implements OnInit, AfterViewInit {
|
||||
@ViewChild('input') inputElement: any
|
||||
|
||||
@@ -1,3 +0,0 @@
|
||||
.unset {
|
||||
color: unset;
|
||||
}
|
||||
@@ -1,9 +1,10 @@
|
||||
import { Component, Input, OnInit } from '@angular/core'
|
||||
import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core'
|
||||
|
||||
@Component({
|
||||
selector: 'contact-link',
|
||||
templateUrl: './contact-link.component.html',
|
||||
styleUrls: ['./contact-link.component.scss']
|
||||
styleUrls: ['./contact-link.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class ContactLinkComponent implements OnInit {
|
||||
@Input() classes: string = ''
|
||||
|
||||
@@ -1,35 +0,0 @@
|
||||
.modal-body {
|
||||
clr-tabs {
|
||||
max-height: 70vh;
|
||||
}
|
||||
|
||||
::ng-deep {
|
||||
.tab-content {
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
|
||||
.datagrid-outer-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
clr-modal {
|
||||
::ng-deep {
|
||||
.modal-dialog {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.clickable-row {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
::ng-deep {
|
||||
.datagrid-table .datagrid-cell:focus {
|
||||
outline: none;
|
||||
outline-offset: 0;
|
||||
}
|
||||
}
|
||||
@@ -5,7 +5,8 @@ import {
|
||||
OnChanges,
|
||||
OnInit,
|
||||
Output,
|
||||
SimpleChanges
|
||||
SimpleChanges,
|
||||
ViewEncapsulation
|
||||
} from '@angular/core'
|
||||
import { DSMeta, Version } from 'src/app/models/sas/editors-getdata.model'
|
||||
import { Tab } from './models/dsmeta-groupped.model'
|
||||
@@ -13,7 +14,8 @@ import { Tab } from './models/dsmeta-groupped.model'
|
||||
@Component({
|
||||
selector: 'app-dataset-info',
|
||||
templateUrl: './dataset-info.component.html',
|
||||
styleUrls: ['./dataset-info.component.scss']
|
||||
styleUrls: ['./dataset-info.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class DatasetInfoComponent implements OnInit, OnChanges {
|
||||
@Input() open: boolean = false
|
||||
|
||||
@@ -1,17 +0,0 @@
|
||||
clr-tree-node button {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
clr-tree {
|
||||
::ng-deep {
|
||||
.clr-tree-node-content-container {
|
||||
&:focus {
|
||||
.clr-treenode-link {
|
||||
background: #e8e8e8;
|
||||
background: var(--clr-tree-link-hover-color, #e8e8e8);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -9,7 +9,8 @@ import {
|
||||
Output,
|
||||
QueryList,
|
||||
SimpleChanges,
|
||||
ViewChildren
|
||||
ViewChildren,
|
||||
ViewEncapsulation
|
||||
} from '@angular/core'
|
||||
import { HelperService } from 'src/app/services/helper.service'
|
||||
import { LicenceService } from 'src/app/services/licence.service'
|
||||
@@ -20,7 +21,8 @@ import { TableClickEmitter } from './models/TableClickEmitter'
|
||||
@Component({
|
||||
selector: 'dc-tree',
|
||||
templateUrl: './dc-tree.component.html',
|
||||
styleUrls: ['./dc-tree.component.scss']
|
||||
styleUrls: ['./dc-tree.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class DcTreeComponent implements OnInit, AfterViewInit, OnChanges {
|
||||
// REFACTOR NOTICE
|
||||
|
||||
@@ -1,18 +0,0 @@
|
||||
.excel-password-root {
|
||||
::ng-deep {
|
||||
.modal {
|
||||
z-index: 1060;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.buttons {
|
||||
display: flex;
|
||||
gap: 5px;
|
||||
}
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component } from '@angular/core'
|
||||
import { Component, ViewEncapsulation } from '@angular/core'
|
||||
import { Observable } from 'rxjs'
|
||||
import { ExcelPasswordModalService } from './excel-password-modal.service'
|
||||
import { Options } from './models/options.interface'
|
||||
@@ -6,7 +6,8 @@ import { Options } from './models/options.interface'
|
||||
@Component({
|
||||
selector: 'app-excel-password-modal',
|
||||
styleUrls: ['./excel-password-modal.component.scss'],
|
||||
templateUrl: './excel-password-modal.component.html'
|
||||
templateUrl: './excel-password-modal.component.html',
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class ExcelPasswordModalComponent {
|
||||
options$: Observable<Options> = this.excelPasswordModalService.optionsSubject$
|
||||
|
||||
@@ -1,53 +0,0 @@
|
||||
// there are no clear instructions how to use Clarity ui variables
|
||||
$clr-header-height: 2.5rem;
|
||||
$clr-dark-gray: #565656;
|
||||
$clr-red: #c92100;
|
||||
$clr-yellow: rgb(233, 191, 4);
|
||||
$clr-green: #60b515;
|
||||
|
||||
|
||||
.loading-indicator {
|
||||
line-height: $clr-header-height;
|
||||
height: $clr-header-height;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
margin-right: 10px;
|
||||
|
||||
.spinner {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
clr-signpost-content {
|
||||
line-height: 24px;
|
||||
color: $clr-dark-gray;
|
||||
cursor: auto;
|
||||
|
||||
p {
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
span {
|
||||
margin-left: 10px;
|
||||
|
||||
&.running {
|
||||
color: $clr-yellow;
|
||||
}
|
||||
&.success {
|
||||
color: $clr-green;
|
||||
}
|
||||
&.fail {
|
||||
color: $clr-red;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, OnDestroy, OnInit } from '@angular/core'
|
||||
import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core'
|
||||
import { Subscription } from 'rxjs'
|
||||
|
||||
import { Service } from '../service.interface'
|
||||
@@ -6,7 +6,8 @@ import { Service } from '../service.interface'
|
||||
@Component({
|
||||
selector: 'app-loading-indicator',
|
||||
templateUrl: './loading-indicator.component.html',
|
||||
styleUrls: ['./loading-indicator.component.scss']
|
||||
styleUrls: ['./loading-indicator.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class LoadingIndicatorComponent implements OnInit, OnDestroy {
|
||||
public loading: boolean = false
|
||||
|
||||
@@ -1,129 +0,0 @@
|
||||
@import '../../../colors.scss';
|
||||
|
||||
.sideBarProps {
|
||||
background: $headerBackground !important;
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
.sideBarProps h2, .sideBarProps h3, .sideBarProps h4, .sideBarProps h5, .sideBarProps input {
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
.sideBarProps button {
|
||||
border-color: wheat!important;
|
||||
}
|
||||
|
||||
.sideBarProps a {
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
.login-sidebar-wrapper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
z-index: 10000;
|
||||
|
||||
>* {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.login-sidebar {
|
||||
width: 400px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: #fff;
|
||||
border-right: 1px solid #ddd;
|
||||
padding: 40px;
|
||||
|
||||
form.login {
|
||||
z-index: 101;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
|
||||
.title {
|
||||
font-size: 32px;
|
||||
letter-spacing: normal;
|
||||
line-height: 36px;
|
||||
.welcome {
|
||||
margin-top: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
.login-group {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
padding: 48px 0 0 0;
|
||||
|
||||
>* {
|
||||
margin: 6px 0 18px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
-webkit-transform: translateX(-400px);
|
||||
transform: translateX(-400px);
|
||||
|
||||
transition: -webkit-transform .3s ease;
|
||||
transition: transform .3s ease;
|
||||
transition: transform .3s ease, -webkit-transform .3s ease;
|
||||
}
|
||||
|
||||
&.active {
|
||||
.login-sidebar {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
z-index: 101;
|
||||
}
|
||||
.overlay {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.overlay {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
background: rgba(33, 33, 33, .5);
|
||||
z-index: 100;
|
||||
}
|
||||
}
|
||||
|
||||
::ng-deep .login-sidebar-wrapper .login-group {
|
||||
.clr-control-container, .clr-input-group, .username, .password {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.clr-input-wrapper {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
button {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
.login-logo {
|
||||
max-width: 200px
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, OnInit, OnDestroy } from '@angular/core'
|
||||
import { Component, OnInit, OnDestroy, ViewEncapsulation } from '@angular/core'
|
||||
import { LoggerService } from '../../services/logger.service'
|
||||
import { Subscription } from 'rxjs'
|
||||
|
||||
@@ -12,7 +12,8 @@ interface User {
|
||||
@Component({
|
||||
selector: 'app-login',
|
||||
templateUrl: './login.component.html',
|
||||
styleUrls: ['./login.component.scss']
|
||||
styleUrls: ['./login.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class LoginComponent implements OnInit, OnDestroy {
|
||||
private _subscription: Subscription = new Subscription()
|
||||
|
||||
@@ -1,68 +0,0 @@
|
||||
::ng-deep {
|
||||
.requests-modal .modal-header .close clr-icon {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.requests-modal .modal-content {
|
||||
padding: 20px 10px 5px 10px;
|
||||
}
|
||||
|
||||
.work-tables-dropdown button {
|
||||
color: var(--clr-nav-link-color, #8c8c8c) !important;
|
||||
}
|
||||
|
||||
.stack-view {
|
||||
height: auto !important;
|
||||
|
||||
//Following lines will fix clarity (requests modal white) issue.
|
||||
//Clarity version that has issue is: v12
|
||||
mask-image: none !important;
|
||||
-webkit-mask-image: none !important;
|
||||
}
|
||||
|
||||
.content {
|
||||
clr-icon {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
pre {
|
||||
word-break: break-all;
|
||||
white-space: pre-wrap;
|
||||
max-height: initial;
|
||||
overflow: visible;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.stack-block-label {
|
||||
// Clarity before V3 -----
|
||||
// display: none;
|
||||
|
||||
// Clarity V3 -----
|
||||
width: 100%;
|
||||
padding-left: .6rem !important;
|
||||
|
||||
.stack-view-key {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.err-links {
|
||||
.clr-treenode-children {
|
||||
max-height: 55px;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
&.selected {
|
||||
background: #d8e3e9;
|
||||
}
|
||||
}
|
||||
|
||||
.no-reqs {
|
||||
border-top: 1px solid #0000001a;
|
||||
padding-top: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'
|
||||
import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core'
|
||||
import { SASjsRequest } from '@sasjs/adapter'
|
||||
import * as moment from 'moment'
|
||||
import { HelperService } from 'src/app/services/helper.service'
|
||||
@@ -15,7 +15,8 @@ interface SASjsRequestExtended extends SASjsRequest {
|
||||
@Component({
|
||||
selector: 'app-requests-modal',
|
||||
templateUrl: './requests-modal.component.html',
|
||||
styleUrls: ['./requests-modal.component.scss']
|
||||
styleUrls: ['./requests-modal.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class RequestsModalComponent implements OnInit {
|
||||
private _opened: boolean = false
|
||||
|
||||
@@ -1,82 +0,0 @@
|
||||
$sidebarWidth: 272px;
|
||||
|
||||
.clr-vertical-nav .nav-link.active {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
clr-vertical-nav {
|
||||
width: $sidebarWidth;
|
||||
min-width: $sidebarWidth;
|
||||
height: 100%;
|
||||
max-width: 375px;
|
||||
position: relative;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
|
||||
|
||||
.sun-dropdown {
|
||||
min-height: 36px
|
||||
}
|
||||
|
||||
.nav-tree {
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
&.closed {
|
||||
margin-left: -$sidebarWidth;
|
||||
}
|
||||
|
||||
.resize-handle {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: -3px;
|
||||
border-right: 4px solid #80b441;
|
||||
cursor: col-resize;
|
||||
opacity: 0;
|
||||
transition: all 0.1s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
&.resizing {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&.resizing {
|
||||
transition: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-divider {
|
||||
border: 0;
|
||||
border-top: 1px solid #d3d3d3;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
margin: 0;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
.zero-margin{
|
||||
margin: 0px;
|
||||
}
|
||||
.user-nav-btn{
|
||||
padding: 0px;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
#sidebarNav {
|
||||
z-index: 200;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) { //768
|
||||
#sidebarNav {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,7 +5,8 @@ import {
|
||||
ViewChild,
|
||||
ElementRef,
|
||||
EventEmitter,
|
||||
Output
|
||||
Output,
|
||||
ViewEncapsulation
|
||||
} from '@angular/core'
|
||||
import { Router } from '@angular/router'
|
||||
import { EventService } from '../../services/event.service'
|
||||
@@ -16,7 +17,8 @@ import { globals } from '../../_globals'
|
||||
@Component({
|
||||
selector: 'app-sidebar',
|
||||
templateUrl: './sidebar.component.html',
|
||||
styleUrls: ['./sidebar.component.scss']
|
||||
styleUrls: ['./sidebar.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class SidebarComponent implements OnInit {
|
||||
@ViewChild('sidebarNav') sidebarNav!: ElementRef
|
||||
|
||||
@@ -1,39 +0,0 @@
|
||||
.input-val {
|
||||
border: 0px;
|
||||
background: transparent;
|
||||
border-bottom: 1px solid #999999;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
outline: none;
|
||||
|
||||
&::-webkit-calendar-picker-indicator {
|
||||
margin-top: -5px;
|
||||
}
|
||||
}
|
||||
|
||||
clr-date-container {
|
||||
position: relative;
|
||||
margin-top: 2px !important;
|
||||
|
||||
::ng-deep {
|
||||
.clr-input-group-icon-action {
|
||||
position: absolute;
|
||||
right: -5px;
|
||||
}
|
||||
|
||||
input::-webkit-calendar-picker-indicator {
|
||||
margin-right: 20px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
label.secondLabelActive span {
|
||||
&:not(.value-type-selected) {
|
||||
text-decoration: line-through;
|
||||
cursor: pointer;
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
@@ -6,14 +6,16 @@ import {
|
||||
OnInit,
|
||||
Output,
|
||||
SimpleChanges,
|
||||
ViewChild
|
||||
ViewChild,
|
||||
ViewEncapsulation
|
||||
} from '@angular/core'
|
||||
import { OnLoadingMoreEvent } from '../autocomplete/autocomplete.component'
|
||||
|
||||
@Component({
|
||||
selector: 'app-soft-select',
|
||||
templateUrl: './soft-select.component.html',
|
||||
styleUrls: ['./soft-select.component.scss']
|
||||
styleUrls: ['./soft-select.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class SoftSelectComponent implements OnInit, OnChanges {
|
||||
@Input() inputId: string = ''
|
||||
|
||||
@@ -1,27 +0,0 @@
|
||||
:host {
|
||||
height: 100%;
|
||||
background: #f5f6ff;
|
||||
}
|
||||
|
||||
.clr-checkbox-wrapper {
|
||||
&.disabled {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.card {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: 0;
|
||||
|
||||
.card-block {
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.accept-checkbox {
|
||||
padding: 10px 15px
|
||||
}
|
||||
@@ -3,7 +3,8 @@ import {
|
||||
Component,
|
||||
ElementRef,
|
||||
OnInit,
|
||||
ViewChild
|
||||
ViewChild,
|
||||
ViewEncapsulation
|
||||
} from '@angular/core'
|
||||
import { SasService } from '../../services/sas.service'
|
||||
import * as marked from 'marked'
|
||||
@@ -13,7 +14,8 @@ import { RequestWrapperResponse } from 'src/app/models/request-wrapper/RequestWr
|
||||
@Component({
|
||||
selector: 'app-terms',
|
||||
templateUrl: './terms.component.html',
|
||||
styleUrls: ['./terms.component.scss']
|
||||
styleUrls: ['./terms.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class TermsComponent implements OnInit, AfterViewInit {
|
||||
@ViewChild('markdownCard') markdownCard!: ElementRef
|
||||
|
||||
@@ -1,156 +0,0 @@
|
||||
$clr-header-height: 3rem;
|
||||
$clr-near-white: #fafafa;
|
||||
$clr-dark-gray: #565656;
|
||||
$clr-light-gray: #eee;
|
||||
|
||||
:host {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.copyRight {
|
||||
margin-top: 10px;
|
||||
|
||||
span {
|
||||
word-break: break-word;
|
||||
white-space: pre-wrap;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
|
||||
.user-nav-toggle {
|
||||
padding: 0 10px !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.app-nav-dropdown {
|
||||
//left padding for branding is also 24px
|
||||
padding-right: 15px;
|
||||
line-height: $clr-header-height;
|
||||
height: $clr-header-height;
|
||||
|
||||
>button.dropdown-toggle {
|
||||
color: $clr-near-white;
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
background-color: $clr-near-white;
|
||||
opacity: .15;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 40px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.badge {
|
||||
&.hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
clr-dropdown-menu {
|
||||
color: $clr-dark-gray;
|
||||
padding-bottom: 0;
|
||||
|
||||
.separator {
|
||||
margin: 10px 0;
|
||||
border-bottom: 1px solid gray;
|
||||
// border-bottom: 1px solid $clr-dark-gray;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
height: 45px;
|
||||
line-height: 40px;
|
||||
|
||||
|
||||
.badge {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 26px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&.debug-switch-item {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.toggle-switch {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.clr-logout{
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
::ng-deep {
|
||||
.clr-control-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
clr-toggle-wrapper {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
input {
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.clr-toggle-wrapper input[type=checkbox]+label::after {
|
||||
transition: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.debug-toggle-label {
|
||||
padding-left: 42px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px){
|
||||
.sidenav-content{
|
||||
a.nav-link.active {
|
||||
color: inherit;
|
||||
padding: 15px;
|
||||
background: #565656;
|
||||
}
|
||||
}
|
||||
}
|
||||
.nav-link.d-block{
|
||||
span.badge{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
}
|
||||
.avatar-img{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: 10px;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, OnInit, OnDestroy } from '@angular/core'
|
||||
import { Component, OnInit, OnDestroy, ViewEncapsulation } from '@angular/core'
|
||||
import { Subscription } from 'rxjs'
|
||||
import { UserService } from '../user.service'
|
||||
import { VERSION } from '../../../environments/version'
|
||||
@@ -6,11 +6,13 @@ import { SasService } from '../../services/sas.service'
|
||||
import { SASjsConfig } from '@sasjs/adapter'
|
||||
import { EventService } from '../../services/event.service'
|
||||
import { Router } from '@angular/router'
|
||||
import { globals } from 'src/app/_globals'
|
||||
|
||||
@Component({
|
||||
selector: 'app-header-actions',
|
||||
templateUrl: './header-actions.component.html',
|
||||
styleUrls: ['./header-actions.component.scss']
|
||||
styleUrls: ['./header-actions.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class HeaderActions implements OnInit, OnDestroy {
|
||||
public userName: string = 'Not logged in'
|
||||
@@ -69,9 +71,11 @@ export class HeaderActions implements OnInit, OnDestroy {
|
||||
public onDebugRowClick(evt: Event, dropdownToggle: any): void {
|
||||
evt.stopPropagation()
|
||||
|
||||
setTimeout(() => {
|
||||
dropdownToggle.click()
|
||||
}, 300)
|
||||
if (globals.userDropdownConfig.closeOnDebugClick) {
|
||||
setTimeout(() => {
|
||||
dropdownToggle.click()
|
||||
}, 300)
|
||||
}
|
||||
}
|
||||
|
||||
public logout(evt: any): void {
|
||||
|
||||
@@ -1,317 +0,0 @@
|
||||
.licence-notice {
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
opacity: 0.6;}
|
||||
|
||||
clr-modal.root-modal {
|
||||
::ng-deep {
|
||||
.modal-body-wrapper {
|
||||
height: calc(100% - 60px);
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
height: 80vh;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
max-height: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
z-index: 1300;
|
||||
}
|
||||
|
||||
dc-tree {
|
||||
overflow: auto;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.tooltip-long {
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.add-new {
|
||||
width: 50%;
|
||||
padding-right: 5px;
|
||||
|
||||
> p {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.viewbox-limit-notice {
|
||||
opacity: .7;
|
||||
color: #E74C3C
|
||||
}
|
||||
|
||||
::ng-deep body[cds-theme="dark"] {
|
||||
.currently-open .open-viewbox:hover {
|
||||
background: #314b57;
|
||||
}
|
||||
|
||||
.cols-list {
|
||||
background: #314b57;
|
||||
color: #fff;
|
||||
border-color: #858585;
|
||||
}
|
||||
|
||||
.col-box {
|
||||
background: #314b57;
|
||||
border-color: #858585;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
::ng-deep body[cds-theme="light"] {
|
||||
.currently-open .open-viewbox:hover {
|
||||
background: #e8e8e8;
|
||||
}
|
||||
|
||||
.cols-list {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.col-box {
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.currently-open {
|
||||
width: 50%;
|
||||
|
||||
.open-viewbox {
|
||||
cursor: pointer;
|
||||
padding: 3px 5px;
|
||||
|
||||
&.selected {
|
||||
background: #3c85002e;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.viewboxes-container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
pointer-events: none;
|
||||
z-index: 999; // make it 1020 if there are issues
|
||||
}
|
||||
|
||||
.viewbox {
|
||||
min-width: 200px;
|
||||
min-height: 200px;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
pointer-events: all;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
|
||||
box-shadow: 0px 0px 10px -3px black;
|
||||
|
||||
&.focused {
|
||||
z-index: 1100;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.content {
|
||||
border: 1px solid #0000004d;
|
||||
background: white;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.drag-handle {
|
||||
width: 100%;
|
||||
min-height: 20px;
|
||||
background-color: #3c8500;
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
|
||||
color: #fff;
|
||||
padding: 0 5px;
|
||||
|
||||
pointer-events: all;
|
||||
|
||||
.table-title {
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.actions {
|
||||
display: flex;
|
||||
min-width: 35px;
|
||||
|
||||
clr-icon {
|
||||
cursor: pointer;
|
||||
margin-left: 5px;
|
||||
|
||||
&:hover {
|
||||
transform: scale(1.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.click-icon {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
transform: scale(1.3);
|
||||
}
|
||||
}
|
||||
|
||||
.dragHandle {
|
||||
position: absolute;
|
||||
// bottom: -8px;
|
||||
// right: -8px;
|
||||
// background-color: black;
|
||||
}
|
||||
|
||||
.dragHandle.corner {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
cursor: nwse-resize;
|
||||
}
|
||||
|
||||
.dragHandle.right {
|
||||
width: 2px;
|
||||
height: 100%;
|
||||
cursor: ew-resize;
|
||||
}
|
||||
|
||||
.dragHandle.bottom {
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
cursor: ns-resize;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.cols-search {
|
||||
width: 100%;
|
||||
margin-top: 5px;
|
||||
|
||||
border: 1px solid #00000047;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.cols-list {
|
||||
border: solid 1px #ccc;
|
||||
min-height: 60px;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
width: 400px;
|
||||
max-width: 100%;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.col-box {
|
||||
padding: 2px 10px;
|
||||
border-bottom: solid 1px #ccc;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
cursor: move;
|
||||
font-size: 14px;
|
||||
|
||||
&.search:focus {
|
||||
background: #0000001a;
|
||||
}
|
||||
|
||||
&.primaryKeyHeaderStyle {
|
||||
background: #306b0024;
|
||||
}
|
||||
}
|
||||
|
||||
.cdk-drag-preview {
|
||||
box-sizing: border-box;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
|
||||
0 8px 10px 1px rgba(0, 0, 0, 0.14),
|
||||
0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||
z-index: 1300 !important;
|
||||
}
|
||||
|
||||
.cdk-drag-placeholder {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.cdk-drag-animating {
|
||||
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.col-box:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.cols-list.cdk-drop-list-dragging .col-box:not(.cdk-drag-placeholder) {
|
||||
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
// FIXME
|
||||
// Let's leave it here for a reference if there
|
||||
// is an issue with viewboxes/filter modal overlaying
|
||||
// we will remove it if no issues found
|
||||
// clr-modal.filter-modal {
|
||||
// ::ng-deep {
|
||||
// .modal {
|
||||
// z-index: 1210 !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
.disabled {
|
||||
opacity: 0.5;
|
||||
transform: none !important;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.filter-active {
|
||||
color: #0072a3;
|
||||
}
|
||||
|
||||
hot-table {
|
||||
::ng-deep {
|
||||
.firstColumnHeaderStyle button.changeType {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.handsontable tbody th.ht__highlight, .handsontable thead th.ht__highlight {
|
||||
&.primaryKeyHeaderStyle {
|
||||
background: #306b00b0;
|
||||
}
|
||||
}
|
||||
|
||||
.primaryKeyHeaderStyle {
|
||||
background: #306b006e;
|
||||
}
|
||||
|
||||
th.readonlyCell {
|
||||
div {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
|
||||
td.readonlyCell {
|
||||
opacity: 0.5
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -17,7 +17,8 @@ import {
|
||||
OnInit,
|
||||
Output,
|
||||
QueryList,
|
||||
ViewChildren
|
||||
ViewChildren,
|
||||
ViewEncapsulation
|
||||
} from '@angular/core'
|
||||
import { ActivatedRoute, Router } from '@angular/router'
|
||||
import { HotTableRegisterer } from '@handsontable/angular'
|
||||
@@ -46,7 +47,8 @@ import { Viewbox } from './models/viewbox.model'
|
||||
@Component({
|
||||
selector: 'app-viewboxes',
|
||||
templateUrl: './viewboxes.component.html',
|
||||
styleUrls: ['./viewboxes.component.scss']
|
||||
styleUrls: ['./viewboxes.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class ViewboxesComponent implements OnInit, AfterViewInit, OnDestroy {
|
||||
@ViewChildren('resizeBox') resizeBoxQuery!: QueryList<ElementRef> //make query list, handle multiple
|
||||
|
||||
@@ -1,21 +0,0 @@
|
||||
.rejected {
|
||||
color: #f83126;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.accepted {
|
||||
color: #3fc424;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.baseTableLink {
|
||||
cursor:pointer;
|
||||
margin-top:10px;
|
||||
color: #007cbb;
|
||||
}
|
||||
|
||||
::ng-deep body[cds-theme="dark"] {
|
||||
.baseTableLink {
|
||||
color: #4ec0ff;
|
||||
}
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, OnInit } from '@angular/core'
|
||||
import { Component, OnInit, ViewEncapsulation } from '@angular/core'
|
||||
import { SasStoreService } from '../services/sas-store.service'
|
||||
import { Router } from '@angular/router'
|
||||
import { ActivatedRoute } from '@angular/router'
|
||||
@@ -16,7 +16,8 @@ import { RequestWrapperResponse } from '../models/request-wrapper/RequestWrapper
|
||||
styleUrls: ['./stage.component.scss'],
|
||||
host: {
|
||||
class: 'content-container'
|
||||
}
|
||||
},
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class StageComponent implements OnInit {
|
||||
public table_id: any
|
||||
|
||||
@@ -1,42 +0,0 @@
|
||||
.content-box {
|
||||
max-width: 1289px;
|
||||
}
|
||||
|
||||
.sys-info {
|
||||
>div {
|
||||
// width: 238px;
|
||||
flex: 1;
|
||||
}
|
||||
div:nth-child(2) {
|
||||
margin: 0 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.admin-action, .user-action {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 5px 10px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #dedede;
|
||||
margin-bottom: 5px;
|
||||
|
||||
button {
|
||||
min-width: 102px;
|
||||
}
|
||||
}
|
||||
|
||||
.dark {
|
||||
font-weight: bold;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
@media (max-width: 993px) {
|
||||
.sys-info div:nth-child(2) {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.sys-info div {
|
||||
margin: 20px 0;
|
||||
}
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, OnInit } from '@angular/core'
|
||||
import { Component, OnInit, ViewEncapsulation } from '@angular/core'
|
||||
import moment from 'moment'
|
||||
import { VERSION } from 'src/environments/version'
|
||||
import { LicenseKeyData } from '../models/LicenseKeyData'
|
||||
@@ -17,7 +17,8 @@ import { RequestWrapperResponse } from '../models/request-wrapper/RequestWrapper
|
||||
styleUrls: ['./system.component.scss'],
|
||||
host: {
|
||||
class: 'content-container'
|
||||
}
|
||||
},
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class SystemComponent implements OnInit {
|
||||
appInfo: AppInfo = {
|
||||
|
||||
@@ -1,92 +0,0 @@
|
||||
@import '../../colors.scss';
|
||||
|
||||
.sidebar-height{
|
||||
height: 100%;
|
||||
}
|
||||
.user-info-text{
|
||||
display: inline;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
::ng-deep body[cds-theme="dark"] {
|
||||
.user-info {
|
||||
background-color: $headerBackground;
|
||||
border-color: $headerBackground;
|
||||
}
|
||||
|
||||
.user-data {
|
||||
background-color: $headerBackground;
|
||||
border-color: $headerBackground;
|
||||
}
|
||||
|
||||
.user-table tbody{
|
||||
tr:hover{
|
||||
background-color: #29404b;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::ng-deep body[cds-theme="light"] {
|
||||
.user-info {
|
||||
background-color: #f9f9f9;
|
||||
border-color: #a7a7a7;
|
||||
box-shadow: 0px 2px 5px #dad7d7;
|
||||
}
|
||||
|
||||
.user-data {
|
||||
background-color: #f9f9f9;
|
||||
border-color: #a7a7a7;
|
||||
box-shadow: 0px 2px 5px #dad7d7;
|
||||
}
|
||||
|
||||
.user-table tbody{
|
||||
tr:hover{
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.user-info{
|
||||
border: 1px solid;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.user-info td{
|
||||
text-align: center;
|
||||
}
|
||||
.user-data{
|
||||
border: 1px solid;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.user-data{
|
||||
min-height: auto;
|
||||
h3, h5{
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.user-table{
|
||||
width: 100%;
|
||||
}
|
||||
.user-table thead{
|
||||
background-color: #dadada;
|
||||
}
|
||||
.user-table tbody{
|
||||
tr:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.width-50{
|
||||
width: 50%;
|
||||
}
|
||||
.width-33{
|
||||
width: 33%;
|
||||
}
|
||||
.table-container{
|
||||
overflow-y: scroll;
|
||||
max-height: 500px;
|
||||
}
|
||||
@media screen and (max-width: 768px){
|
||||
.user-data{
|
||||
min-height: unset !important;
|
||||
}
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, OnInit } from '@angular/core'
|
||||
import { Component, OnInit, ViewEncapsulation } from '@angular/core'
|
||||
import { globals } from '../_globals'
|
||||
import { HelperService } from '../services/helper.service'
|
||||
import { Router, ActivatedRoute } from '@angular/router'
|
||||
@@ -14,7 +14,8 @@ import { RequestWrapperResponse } from '../models/request-wrapper/RequestWrapper
|
||||
styleUrls: ['./user.component.scss'],
|
||||
host: {
|
||||
class: 'content-container'
|
||||
}
|
||||
},
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class UserComponent implements OnInit {
|
||||
public users: Array<any> | undefined
|
||||
|
||||
@@ -1,217 +0,0 @@
|
||||
@import '../../colors.scss';
|
||||
|
||||
.card {
|
||||
margin-top: 0;
|
||||
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
clr-tree-node button {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.toggle-switch input[type=checkbox]:checked+label:before {
|
||||
border-color: $headerBackground;
|
||||
background-color: $headerBackground !important;
|
||||
transition: .15s ease-in;
|
||||
transition-property: border-color,background-color;
|
||||
}
|
||||
|
||||
.header-row {
|
||||
.title-col {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.options-col {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.sw {
|
||||
margin: 1rem 0rem 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.infoBar {
|
||||
margin-top:10px;
|
||||
background: #495967;
|
||||
color: white;
|
||||
text-align:center;
|
||||
padding: 3px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.filterSide {
|
||||
margin-top: 26px;
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
|
||||
.options-dropdown {
|
||||
::ng-deep {
|
||||
clr-icon {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
width: 180px;
|
||||
margin-top: -18px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.dropdown-menu .btn {
|
||||
width: 100%;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.cardFlex {
|
||||
display:flex;
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.noData {
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
flex-direction:column;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
|
||||
.filterBtn {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.editBtn {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.btnView{
|
||||
margin: 0px!important;
|
||||
}
|
||||
|
||||
.content-area {
|
||||
padding: 0.5rem !important;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.download-select {
|
||||
::ng-deep {
|
||||
.clr-select-wrapper {
|
||||
max-height: unset !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.refresh-table {
|
||||
cursor: pointer;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.libinfo {
|
||||
padding: 10px 20px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
hot-table {
|
||||
::ng-deep {
|
||||
.handsontable tbody th.ht__highlight, .handsontable thead th.ht__highlight {
|
||||
&.primaryKeyHeaderStyle {
|
||||
background-color: #306b00b0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.primaryKeyHeaderStyle {
|
||||
background-color: #306b006e !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.no-table-selected-info {
|
||||
background: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.web-query {
|
||||
max-height: 35vh;
|
||||
|
||||
.web-query-text {
|
||||
min-height: 100px;
|
||||
max-height: 100px;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.web-query-wrapper {
|
||||
::ng-deep {
|
||||
.clr-control-container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
clr-textarea-container {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.clr-textarea-wrapper {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-search-wrapper {
|
||||
margin-left: 0;
|
||||
|
||||
form {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
clr-icon {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
::ng-deep {
|
||||
clr-input-container {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.clr-control-container {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// FIXME
|
||||
// Let's leave it here for a reference if there
|
||||
// is an issue with viewboxes/filter modal overlaying
|
||||
// we will remove it if no issues found
|
||||
// .filter-modal {
|
||||
// z-index: 1210;
|
||||
// }
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.filterBtn {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.editBtn {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.row {
|
||||
margin-right: 0rem;
|
||||
margin-left: 0rem;
|
||||
}
|
||||
}
|
||||
@@ -4,7 +4,8 @@ import {
|
||||
ChangeDetectorRef,
|
||||
AfterViewInit,
|
||||
ViewChildren,
|
||||
QueryList
|
||||
QueryList,
|
||||
ViewEncapsulation
|
||||
} from '@angular/core'
|
||||
import { SasStoreService } from '../services/sas-store.service'
|
||||
import { Subscription } from 'rxjs'
|
||||
@@ -45,7 +46,8 @@ import { RequestWrapperResponse } from '../models/request-wrapper/RequestWrapper
|
||||
styleUrls: ['./viewer.component.scss'],
|
||||
host: {
|
||||
class: 'content-container'
|
||||
}
|
||||
},
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class ViewerComponent implements AfterContentInit, AfterViewInit {
|
||||
@ViewChildren('queryFilter')
|
||||
|
||||
@@ -1,44 +0,0 @@
|
||||
.api-collection-dropdown {
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.json-area {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
|
||||
::ng-deep {
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
> ngx-json-viewer {
|
||||
height: 100%;
|
||||
|
||||
> .ngx-json-viewer {
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.json-toggle {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.endpoint-breadcrums {
|
||||
margin: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.query-params {
|
||||
input {
|
||||
width: 70px;
|
||||
}
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component, OnInit } from '@angular/core'
|
||||
import { Component, OnInit, ViewEncapsulation } from '@angular/core'
|
||||
import { SASjsConfig } from '@sasjs/adapter'
|
||||
import { EventService, HelperService, SasService } from '../services'
|
||||
import { SasViyaService } from '../services/sas-viya.service'
|
||||
@@ -13,7 +13,8 @@ import { ViyaApis } from './models/viya-apis.models'
|
||||
styleUrls: ['./viya-api-explorer.component.scss'],
|
||||
host: {
|
||||
class: 'content-container'
|
||||
}
|
||||
},
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class ViyaApiExplorerComponent implements OnInit {
|
||||
collections: ViyaApis = {}
|
||||
|
||||
@@ -1,75 +0,0 @@
|
||||
.card {
|
||||
margin-top: 0;
|
||||
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
clr-tree-node button {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.no-table-selected {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-row {
|
||||
.title-col {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.options-col {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.sw {
|
||||
margin: 1rem 0rem 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.viewerTitle {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cardFlex {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.content-area {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
hot-table {
|
||||
::ng-deep {
|
||||
.primaryKeyHeaderStyle {
|
||||
background: #306b006e;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.drop-area {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
margin: 1px;
|
||||
|
||||
border: 2px dashed #fff;
|
||||
|
||||
z-index: -1;
|
||||
|
||||
span {
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,7 +6,8 @@ import {
|
||||
HostBinding,
|
||||
OnInit,
|
||||
QueryList,
|
||||
ViewChildren
|
||||
ViewChildren,
|
||||
ViewEncapsulation
|
||||
} from '@angular/core'
|
||||
import { ActivatedRoute, Router } from '@angular/router'
|
||||
import { UploadFile } from '@sasjs/adapter'
|
||||
@@ -59,7 +60,8 @@ enum Tabs {
|
||||
@Component({
|
||||
selector: 'app-xlmap',
|
||||
templateUrl: './xlmap.component.html',
|
||||
styleUrls: ['./xlmap.component.scss']
|
||||
styleUrls: ['./xlmap.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class XLMapComponent implements AfterContentInit, AfterViewInit, OnInit {
|
||||
@HostBinding('class.content-container') contentContainerClass = true
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -10,7 +10,14 @@
|
||||
"httpsAgentOptions": {
|
||||
"allowInsecureRequests": true
|
||||
},
|
||||
"appLoc": "/Public/app/devtest"
|
||||
"appLoc": "/Public/app/devtest",
|
||||
"streamConfig": {
|
||||
"streamWeb": true,
|
||||
"streamWebFolder": "web9",
|
||||
"webSourcePath": "`../../../../client/dist",
|
||||
"assetPaths": [],
|
||||
"streamServiceName": "clickme"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "server-mihajlo",
|
||||
|
||||
@@ -462,9 +462,16 @@
|
||||
},
|
||||
{
|
||||
"name": "v4",
|
||||
"serverUrl": "https://extviya4.emea.sas.com",
|
||||
"serverUrl": "",
|
||||
"serverType": "SASVIYA",
|
||||
"appLoc": "/Viyademo08 Group Folder/4GL/dc",
|
||||
"httpsAgentOptions": {
|
||||
"allowInsecureRequests": false
|
||||
},
|
||||
"appLoc": "/Public/4gl/dc",
|
||||
"deployConfig": {
|
||||
"deployServicePack": true,
|
||||
"deployScripts": []
|
||||
},
|
||||
"macroFolders": [
|
||||
"sasjs/targets/viya/macros_viya"
|
||||
],
|
||||
@@ -480,19 +487,22 @@
|
||||
"buildOutputFolder": "sasjsbuild"
|
||||
},
|
||||
"serviceConfig": {
|
||||
"initProgram": "sasjs/utils/serviceinitviya.sas",
|
||||
"serviceFolders": [
|
||||
"sasjs/targets/viya/services_viya/admin"
|
||||
]
|
||||
],
|
||||
"initProgram": "sasjs/utils/serviceinitviya.sas",
|
||||
"termProgram": "",
|
||||
"macroVars": {}
|
||||
},
|
||||
"streamConfig": {
|
||||
"streamWeb": false,
|
||||
"streamWeb": true,
|
||||
"streamWebFolder": "webv",
|
||||
"streamServiceName": "DataController",
|
||||
"webSourcePath": "../client/dist",
|
||||
"streamServiceName": "DataController",
|
||||
"streamLogo": "favicon.ico",
|
||||
"assetPaths": []
|
||||
}
|
||||
},
|
||||
"contextName": "SAS Job Execution compute context"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user