Noded/frontend
3
0
Fork 0
Code Issues 47 Pull Requests Releases Wiki Activity

Improve print layout - still need to handle virtual scroll
All checks were successful
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone Build is passing
Details

Browse Source
This commit is contained in:
Garrett Mills 2021-10-28 15:15:14 -05:00
parent f3f8578834
commit 349b8a9e7d
5 changed files with 4199 additions and 4872 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9047
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff

2
src/app/app.component.html
View File

@ -1,6 +1,6 @@
<ion-app class="dark"> <ion-app class="dark">
<ion-split-pane contentId="main-content" *ngIf="ready$ | async"> <ion-split-pane contentId="main-content" *ngIf="ready$ | async">
<ion-menu class="sidebar" menuId="main-menu" contentId="main-content" content="content" type="push" side="start" *ngIf="!api.isPublicUser"> <ion-menu class="sidebar no-print" menuId="main-menu" contentId="main-content" content="content" type="push" side="start" *ngIf="!api.isPublicUser">
<ion-header> <ion-header>
<ion-toolbar color="primary"> <ion-toolbar color="primary">
<ion-title style="font-weight: bold; color: white;">{{ appName }} <ion-title style="font-weight: bold; color: white;">{{ appName }}

8
src/app/components/wysiwyg/wysiwyg.component.scss
View File

@ -1,11 +1,17 @@
.editable-base { .editable-base {
padding: 20px; padding: 15px;
&.focused { &.focused {
background: aliceblue; background: aliceblue;
} }
} }
@media print {
.editable-base {
padding: 10px;
}
}
.toolbar-base { .toolbar-base {
min-height: 40px; min-height: 40px;
border: 1px solid lightgray; border: 1px solid lightgray;

8
src/app/pages/editor/editor.page.html
View File

@ -16,7 +16,7 @@
></ion-input> ></ion-input>
</div> </div>
</ion-title> </ion-title>
<ion-buttons slot="end"> <ion-buttons slot="end" class="no-print">
<button <button
class="save-button" class="save-button"
(click)="editorService.triggerSave()" (click)="editorService.triggerSave()"
@ -53,8 +53,8 @@
*ngFor="let node of editorService.immutableNodes" *ngFor="let node of editorService.immutableNodes"
> >
<div class="host-icons" *ngIf="!isFilloutMode"> <div class="host-icons" *ngIf="!isFilloutMode">
<i class="type-icon fa" [ngClass]="typeIcons[(node.isNorm() ? 'node' : node.type)] + ' ' + (node.isNorm() ? 'node' : (node.isForm() ? 'form-input ' + node.type : node.type))"></i> <i class="type-icon fa no-print" [ngClass]="typeIcons[(node.isNorm() ? 'node' : node.type)] + ' ' + (node.isNorm() ? 'node' : (node.isForm() ? 'form-input ' + node.type : node.type))"></i>
<button (click)="onOptionsClick($event, node)" *ngIf="editorService.canEdit()" class="clear-btn"> <button (click)="onOptionsClick($event, node)" *ngIf="editorService.canEdit()" class="clear-btn no-print">
<i class="fa fa-ellipsis-v" title="Node options"></i> <i class="fa fa-ellipsis-v" title="Node options"></i>
</button> </button>
</div> </div>
@ -80,7 +80,7 @@
<editor-node-form-input style="flex: 1;" [isFilloutMode]="isFilloutMode" [nodeId]="node.UUID" [editorUUID]="editorService.instanceUUID" #nodeContainer></editor-node-form-input> <editor-node-form-input style="flex: 1;" [isFilloutMode]="isFilloutMode" [nodeId]="node.UUID" [editorUUID]="editorService.instanceUUID" #nodeContainer></editor-node-form-input>
</ng-container> </ng-container>
</div> </div>
<button *ngIf="editorService.canEdit() && !isFilloutMode" class="host-add-button" (click)="onAddClick($event)"> <button *ngIf="editorService.canEdit() && !isFilloutMode" class="host-add-button no-print" (click)="onAddClick($event)">
<i class="fa fa-plus"></i> Add Node <i class="fa fa-plus"></i> Add Node
</button> </button>
</div> </div>

6
src/global.scss
View File

@ -235,3 +235,9 @@ body.dark {
pointer-events: auto !important; pointer-events: auto !important;
} }
} }
@media print {
.no-print {
display: none;
}
}