up similar cases documents
This commit is contained in:
parent
bf399c488f
commit
63f98a48ed
17 changed files with 142 additions and 76 deletions
|
@ -1,5 +1,5 @@
|
|||
<button (click)="copy()" class="button copy">
|
||||
<i class="ri-file-copy-2-fill"></i>
|
||||
<i class="ri-file-copy-2-line"></i>
|
||||
<!-- <span class="label">-->
|
||||
<!-- Copy-->
|
||||
<!-- </span>-->
|
||||
|
|
|
@ -0,0 +1,13 @@
|
|||
@use '../../src/styles/variables';
|
||||
|
||||
:host {
|
||||
cursor: pointer;
|
||||
|
||||
button {
|
||||
border-radius: 4px;
|
||||
border-width: 0;
|
||||
padding: 4px;
|
||||
color: #333;
|
||||
background: variables.$csc-copy-color
|
||||
}
|
||||
}
|
|
@ -10,28 +10,29 @@
|
|||
|
||||
<div class="document-container">
|
||||
<header>
|
||||
|
||||
<div class="title">
|
||||
|
||||
<strong>
|
||||
|
||||
{{ document.id }}
|
||||
<a href="{{ document.url }}">
|
||||
{{ document.id }}
|
||||
|
||||
{{ document.title }}
|
||||
<!-- {{ document.title }}-->
|
||||
</a>
|
||||
</strong>
|
||||
<app-copy [textToCopy]="document.id"></app-copy>
|
||||
</div>
|
||||
<div class="last-update">
|
||||
<span class="label">
|
||||
|
||||
Last update:
|
||||
</span>
|
||||
<div class="value">
|
||||
<!-- <div class="last-update">-->
|
||||
<!-- <span class="label">-->
|
||||
|
||||
{{ document.lastUpdate }}
|
||||
</div>
|
||||
</div>
|
||||
<!-- Last update:-->
|
||||
<!-- </span>-->
|
||||
<!-- <div class="value">-->
|
||||
|
||||
<!-- {{ document.lastUpdate }}-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
</header>
|
||||
<div class="content">
|
||||
|
@ -58,5 +59,8 @@
|
|||
|
||||
</div>
|
||||
|
||||
<div class="avatar"></div>
|
||||
<div class="avatar-container">
|
||||
|
||||
<div class="avatar"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -30,8 +30,8 @@
|
|||
align-items: center;
|
||||
gap: 5px;
|
||||
|
||||
border-radius: 20px;
|
||||
background: #C2A9FD;
|
||||
border-radius: 8px;
|
||||
background: #E5DCFE;
|
||||
|
||||
|
||||
}
|
||||
|
@ -42,6 +42,20 @@
|
|||
|
||||
.document-container {
|
||||
margin-top: 16px;
|
||||
margin-bottom: 32px;
|
||||
|
||||
.title {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
app-copy {
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.bot-talks-bubble {
|
||||
|
@ -52,15 +66,20 @@
|
|||
|
||||
color: #1B1D27;
|
||||
font-family: Barlow;
|
||||
font-size: 14px;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 16px; /* 114.286% */
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.avatar-container {
|
||||
background: white;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
background: white url('../../public/chatbot.png') center center no-repeat;
|
||||
background: transparent url('../../public/chatbot.png') center center no-repeat;
|
||||
background-size: contain;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
|
|
|
@ -56,16 +56,11 @@
|
|||
[store]="store"
|
||||
></sae-multi-selector>
|
||||
</div>
|
||||
<div (click)="highlighted = !highlighted" class="chips-listing">
|
||||
<!-- liste de chips-->
|
||||
|
||||
<!-- <pre>-->
|
||||
<!-- filters:-->
|
||||
<!-- {{ appState.filters }}-->
|
||||
<!-- </pre>-->
|
||||
<!-- hideChipsList : {{ hideChipsList }}-->
|
||||
<!-- selectedChoices : {{ appState.filters.engineType.selectedList.length }}-->
|
||||
@if (!hideChipsList) {
|
||||
@if (!hideChipsList) {
|
||||
<div (click)="highlighted = !highlighted" class="chips-listing">
|
||||
<!-- liste de chips-->
|
||||
|
||||
<div class="chips-column">
|
||||
@for (elem of appState.filters.engineType.selectedList; track elem.label) {
|
||||
<button class="button chips is-rounded is-small">
|
||||
|
@ -126,9 +121,9 @@
|
|||
</button>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
<!-- <div class="chips-column">-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="chips-column">-->
|
||||
<!-- </div>-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
|
|
@ -72,7 +72,7 @@
|
|||
.chips-column {
|
||||
padding: 12px 12px;
|
||||
width: 220px;
|
||||
border: solid 1px #ccc;
|
||||
//border: solid 1px #ccc;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -94,6 +94,8 @@ $gradient-intense: #1e4a72;
|
|||
|
||||
$csc-light-yellow-color: #FFF3D8;
|
||||
$csc-magic-color: #a86FCD;
|
||||
$csc-copy-color: $ia-color-200;
|
||||
|
||||
$csc-bg-color: #F5F5F5;
|
||||
$csc-title-color: #000;
|
||||
$csc-text-color: #1B1D27;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue