Revision 60306
Added by Argiro Kokogiannaki about 3 years ago
| customization.component.html | ||
|---|---|---|
| 16 | 16 |
</div> |
| 17 | 17 |
</ng-template> |
| 18 | 18 |
|
| 19 |
|
|
| 19 |
<div page-content class="admin-pages"> |
|
| 20 |
<div header> |
|
| 21 |
</div> |
|
| 22 |
<div inner> |
|
| 20 | 23 |
<div class="uk-grid uk-height-1-1"> |
| 21 | 24 |
<div class="uk-width-1-5 uk-background-muted customizationMenuPanel uk-padding-small "> |
| 22 | 25 |
<div *ngIf="menuSelected == 'main'" class=" "> |
| ... | ... | |
| 53 | 56 |
<ul class="uk-list uk-list-divider"> |
| 54 | 57 |
<li><a (click)="menuSelected = 'backgrounds'">Backgrounds</a></li> |
| 55 | 58 |
<li><a (click)="menuSelected = 'fonts'">Fonts</a></li> |
| 56 |
<li><a (click)="menuSelected = 'elements'">Elements</a></li> |
|
| 57 | 59 |
<li><a (click)="menuSelected = 'identity'">Identity</a></li> |
| 58 | 60 |
<li><a (click)="menuSelected = 'buttons'">Buttons</a></li> |
| 59 | 61 |
</ul> |
| ... | ... | |
| 341 | 343 |
|
| 342 | 344 |
</div> |
| 343 | 345 |
|
| 344 |
<div *ngIf="menuSelected == 'elements'" class=" "> |
|
| 345 |
<div class="uk-background-primary uk-padding-small uk-light"> |
|
| 346 |
<a class="uk-margin-right uk-link " (click)="back();"> |
|
| 347 |
<span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" |
|
| 348 |
data-svg="arrow-left"><polyline fill="none" stroke="#000" |
|
| 349 |
points="10 14 5 9.5 10 5"></polyline><line |
|
| 350 |
fill="none" stroke="#000" x1="16" y1="9.5" x2="5" y2="9.52"></line></svg></span></a> |
|
| 351 |
<span> Elements</span> |
|
| 352 |
</div> |
|
| 353 |
<ng-container |
|
| 354 |
*ngTemplateOutlet="applyResetButtons ; context: { }"></ng-container>
|
|
| 355 |
<div class="uk-alert uk-text-small uk-padding-small"> |
|
| 356 |
<span class="uk-icon"><svg width="14" height="14" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" |
|
| 357 |
data-svg="info"><path |
|
| 358 |
d="M12.13,11.59 C11.97,12.84 10.35,14.12 9.1,14.16 C6.17,14.2 9.89,9.46 8.74,8.37 C9.3,8.16 10.62,7.83 10.62,8.81 C10.62,9.63 10.12,10.55 9.88,11.32 C8.66,15.16 12.13,11.15 12.14,11.18 C12.16,11.21 12.16,11.35 12.13,11.59 C12.08,11.95 12.16,11.35 12.13,11.59 L12.13,11.59 Z M11.56,5.67 C11.56,6.67 9.36,7.15 9.36,6.03 C9.36,5 11.56,4.54 11.56,5.67 L11.56,5.67 Z"></path><circle |
|
| 359 |
fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle></svg></span> |
|
| 360 |
Customize the layout of dashboard elements. |
|
| 361 |
</div> |
|
| 362 |
<div class="uk-padding-small customizationMenuItems uk-margin-small"> |
|
| 363 |
<ul uk-accordion> |
|
| 364 |
<li class="uk-open"> |
|
| 365 |
<a class="uk-accordion-title" href="#"> Subject tags & Statistics cubes</a> |
|
| 366 |
<div class="uk-accordion-content uk-margin-remove-top"> |
|
| 367 |
<!-- <div>Appereance</div>--> |
|
| 368 |
<color [color]="draftCustomizationOptions.panel.panelElements.backgroundColor" (colorChange)= |
|
| 369 |
" draftCustomizationOptions.panel.panelElements.backgroundColor= $event;" |
|
| 370 |
label="Background Color"></color> |
|
| 371 |
<div class="uk-margin-small-top">FONTS</div> |
|
| 372 |
<color [color]="draftCustomizationOptions.panel.panelElements.color" (colorChange)= |
|
| 373 |
" draftCustomizationOptions.panel.panelElements.color= $event;"></color> |
|
| 374 |
<div class="uk-margin-top uk-margin-small-bottom uk-text-bold">QUICK LOOK |
|
| 375 |
<span class="uk-icon uk-link " (click)="resetElements()"> |
|
| 376 |
<svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" |
|
| 377 |
data-svg="refresh"><path fill="none" stroke="#000" stroke-width="1.1" |
|
| 378 |
d="M17.08,11.15 C17.09,11.31 17.1,11.47 17.1,11.64 C17.1,15.53 13.94,18.69 10.05,18.69 C6.16,18.68 3,15.53 3,11.63 C3,7.74 6.16,4.58 10.05,4.58 C10.9,4.58 11.71,4.73 12.46,5"></path><polyline |
|
| 379 |
fill="none" stroke="#000" points="9.9 2 12.79 4.89 9.79 7.9"></polyline></svg> |
|
| 380 |
</span> |
|
| 381 |
</div> |
|
| 382 |
<div class="uk-padding-small uk-text-center" |
|
| 383 |
[style.background-color]="draftCustomizationOptions.panel.background.color"> |
|
| 384 |
<div class="uk-card uk-padding-small uk-margin-auto" style="width:100px; height:100px" |
|
| 385 |
[style.background-color]="draftCustomizationOptions.panel.panelElements.backgroundColor" |
|
| 386 |
[style.color]="draftCustomizationOptions.panel.panelElements.color">Statistics cube |
|
| 387 |
</div> |
|
| 388 |
<div class="uk-label uk-margin-top" |
|
| 389 |
[style.background-color]="draftCustomizationOptions.panel.panelElements.backgroundColor" |
|
| 390 |
[style.color]="draftCustomizationOptions.panel.panelElements.color">Subject tag |
|
| 391 |
</div> |
|
| 392 |
</div> |
|
| 393 |
|
|
| 394 |
</div> |
|
| 395 |
</li> |
|
| 396 |
</ul> |
|
| 397 |
</div> |
|
| 398 |
|
|
| 399 |
|
|
| 400 |
</div> |
|
| 401 |
|
|
| 402 | 346 |
<div *ngIf="menuSelected == 'identity'" class=" "> |
| 403 | 347 |
<div class="uk-background-primary uk-padding-small uk-light"> |
| 404 | 348 |
<a class="uk-margin-right uk-link " (click)="back();"> |
| ... | ... | |
| 663 | 607 |
</div> |
| 664 | 608 |
|
| 665 | 609 |
</div> |
| 610 |
</div> |
|
| 611 |
</div> |
|
| 666 | 612 |
<modal-alert #backAlert (alertOutput)="resetToAppliedOptions()"> |
| 667 | 613 |
<div class="uk-text-bold uk-h5">If you leave that Page without applying or publishing, changes will be lost.</div> |
| 668 | 614 |
<div> Are you sure that you want to proceed?</div> |
Also available in: Unified diff
[Admin tool|NEW UI - branch]
Changes for claims page + customization page