licence
parent
3c58b50ada
commit
41cdfe8732
|
|
@ -1,7 +1,7 @@
|
|||
<table class="default">
|
||||
<tr>
|
||||
<td class="caption">Состояние лицензии</td>
|
||||
<td class="value">{{licence?.state?.title || 'Не найдено'}}</td>
|
||||
<td class="value" [ngClass]="classState">{{licence?.state?.title || 'Не найдено'}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="caption">Номер лицензии</td>
|
||||
|
|
@ -21,10 +21,12 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="caption">Дата окончания действия</td>
|
||||
<td class="value">{{licence?.activeTill | date: 'dd.MM.yyyy'}}</td>
|
||||
<td class="value">{{licence?.activeTill?(licence?.activeTill | date: 'dd.MM.yyyy'):'Бессрочная'}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h3>Доступные опции</h3>
|
||||
<ul *ngIf="options?.length"><li *ngFor="let option of options">{{option.title}}</li></ul>
|
||||
<h3>Включённые опции</h3>
|
||||
<div *ngIf="options?.length">
|
||||
<p *ngFor="let option of options">{{option.title}}</p>
|
||||
</div>
|
||||
<p *ngIf="!options?.length">отсутствуют</p>
|
||||
|
|
|
|||
|
|
@ -23,4 +23,11 @@ export class AdministrateLicenceComponent {
|
|||
return this.licence?.options?.data;
|
||||
}
|
||||
|
||||
get classState(){
|
||||
return {
|
||||
ok: this.licence.state.name == 'active',
|
||||
warn: this.licence.state.name == 'expired'
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ export const environment = {
|
|||
production: false,
|
||||
apiUrl: 'http://api.nircms.lc',
|
||||
clientId: 2,
|
||||
clientSecret: 'SSLFpp0u4fAgqSTNamgQdqUsb2mNzj921Ak3DVRI',
|
||||
clientSecret: 'Nya7dqdsfiEO3EVzKgZqe7lF6oLjRw04Bc6Udm6Y',
|
||||
project: null,
|
||||
licence: 'POUFLO4YW7SU',
|
||||
defaultLocale: 'ru'
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ export const environment = {
|
|||
production: false,
|
||||
apiUrl: 'http://api.nircms.lc',
|
||||
clientId: 2,
|
||||
clientSecret: 'E4BoAclC9X3gre4Wr4XXmU3Y7sXTEtFSk3iCSkIm',
|
||||
clientSecret: 'Nya7dqdsfiEO3EVzKgZqe7lF6oLjRw04Bc6Udm6Y',
|
||||
project: 'vniigaz-v2',
|
||||
licence: 'POUFLO4YW7SU',
|
||||
defaultLocale: 'ru'
|
||||
|
|
|
|||
|
|
@ -65,137 +65,161 @@ ico.page-control{
|
|||
}
|
||||
pages-tree{
|
||||
|
||||
.item:not(.home){
|
||||
.bar{
|
||||
padding-left: 50px;
|
||||
.item:not(.home){
|
||||
.bar{
|
||||
padding-left: 50px;
|
||||
|
||||
}
|
||||
.item .bar{
|
||||
padding-left: 100px;
|
||||
}
|
||||
.item .item .bar{
|
||||
padding-left: 150px;
|
||||
}
|
||||
.item .item .item .bar{
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.item .item .item .item .bar{
|
||||
padding-left: 250px;
|
||||
}
|
||||
|
||||
.item .item .item .item .item .bar{
|
||||
padding-left: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.item {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
font-family: PT Sans;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
.bar {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
border-bottom: solid var(--second-dis) 1px;
|
||||
height: 64px;
|
||||
.left {
|
||||
cursor: pointer;
|
||||
width: 24px;
|
||||
}
|
||||
.mid {
|
||||
flex-grow: 1;
|
||||
padding: 0 16px;
|
||||
.info {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
.logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
flex-shrink: 0;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 16px;
|
||||
border-radius: 100px;
|
||||
background-color: var(--prime);
|
||||
color: #ffffff;
|
||||
cursor: move;
|
||||
&:hover{
|
||||
background-color: var(--prime-act);
|
||||
}
|
||||
span{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.name {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
a {
|
||||
color: var(--dadk);
|
||||
&:nth-child(2){
|
||||
color: var(--second);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right {
|
||||
.item .bar{
|
||||
padding-left: 100px;
|
||||
}
|
||||
.item .item .bar{
|
||||
padding-left: 150px;
|
||||
}
|
||||
.item .item .item .bar{
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.item .item .item .item .bar{
|
||||
padding-left: 250px;
|
||||
}
|
||||
|
||||
.item .item .item .item .item .bar{
|
||||
padding-left: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.item {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
font-family: PT Sans;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
.bar {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
flex-shrink: 1;
|
||||
gap: 24px;
|
||||
border-bottom: solid var(--second-dis) 1px;
|
||||
height: 64px;
|
||||
.left {
|
||||
cursor: pointer;
|
||||
width: 24px;
|
||||
}
|
||||
.mid {
|
||||
flex-grow: 1;
|
||||
padding: 0 16px;
|
||||
.info {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
.logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
flex-shrink: 0;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 16px;
|
||||
border-radius: 100px;
|
||||
background-color: var(--prime);
|
||||
color: #ffffff;
|
||||
cursor: move;
|
||||
&:hover{
|
||||
background-color: var(--prime-act);
|
||||
}
|
||||
span{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.name {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
a {
|
||||
color: var(--dadk);
|
||||
&:nth-child(2){
|
||||
color: var(--second);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
flex-shrink: 1;
|
||||
gap: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media screen and (max-width: 1330px) {
|
||||
.item {
|
||||
.bar {
|
||||
.mid {
|
||||
padding: 0 12px;
|
||||
.info .logo {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.items {
|
||||
padding-left: 16px;
|
||||
}
|
||||
&.company {
|
||||
.items {
|
||||
padding-left: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
administrate-licence{
|
||||
font-family: PT Sans;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
color: var(--dark);
|
||||
.default{
|
||||
color: var(--second);
|
||||
}
|
||||
.caption{
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 1330px) {
|
||||
.item {
|
||||
.bar {
|
||||
.mid {
|
||||
padding: 0 12px;
|
||||
.info .logo {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.caption{
|
||||
color: var(--second);
|
||||
}
|
||||
.items {
|
||||
padding-left: 16px;
|
||||
}
|
||||
&.company {
|
||||
.items {
|
||||
padding-left: 40px;
|
||||
.value{
|
||||
&.ok{
|
||||
color: #14A92D
|
||||
}
|
||||
&.warn{
|
||||
color: #E51F30
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h3{
|
||||
font-family: PT Sans;
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 28px;
|
||||
margin: 24px 0 16px;
|
||||
}
|
||||
p{
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
|
@ -127,7 +127,7 @@ $pxxs:4px;
|
|||
--second-act: #2D2D2D;
|
||||
--second-dis: #C0C0C0;
|
||||
|
||||
|
||||
--dark: #1F1F1F;
|
||||
--blue-0: #2EB2E8;
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue