mirror of
https://github.com/Terncode/pixel.horse.git
synced 2026-09-25 22:25:53 +02:00
139 lines
5.0 KiB
Plaintext
139 lines
5.0 KiB
Plaintext
.d-flex
|
|
button.game-button.px-2((click)="toggleEditor()")
|
|
fa-icon([icon]="editIcon")
|
|
|
|
.d-flex.align-items-start.pl-2.pt-1(*ngIf="hasEditor")
|
|
.dropdown-menu.p-0(*ngIf="hasSelectedEntities" style="display: block; width: 500px; position: absolute; top: 36px; left: 0;")
|
|
.px-2
|
|
//- name
|
|
div
|
|
.row.form-group.mb-2
|
|
label.col-12.col-form-label
|
|
.float-right
|
|
button.btn.btn-xs.btn-dark.ml-1((click)="showEntitiesInfo()" title="Show info")
|
|
| info
|
|
button.btn.btn-xs.btn-danger.ml-1((click)="deleteEntities()" title="Delete entities")
|
|
fa-icon([icon]="deleteIcon")
|
|
| {{entityName}}
|
|
|
|
//- position
|
|
div(*ngIf="singleEntity")
|
|
.row.form-group.mb-2
|
|
label.col-4.col-form-label
|
|
| position
|
|
label.col-1.col-form-label
|
|
| x
|
|
.col-3
|
|
input.form-control([(ngModel)]="entityX" type="number")
|
|
label.col-1.col-form-label
|
|
| y
|
|
.col-3
|
|
input.form-control([(ngModel)]="entityY" type="number")
|
|
|
|
//- light
|
|
div(*ngIf="isLightEntity")
|
|
.row.form-group.mb-2
|
|
label.col-5.col-form-label
|
|
| light color
|
|
.col-7
|
|
color-picker([(color)]="entityLightColor")
|
|
.row.form-group.mb-2
|
|
label.col-5.col-form-label
|
|
| light scale ({{entityLightScale | number:'0.1-1'}})
|
|
.col-7.py-2
|
|
slider-bar([(value)]="entityLightScale" [min]="0" [max]="3")
|
|
|
|
//- light sprite
|
|
div(*ngIf="isLightSpriteEntity")
|
|
.row.form-group.mb-2
|
|
label.col-5.col-form-label
|
|
| light sprite color
|
|
.col-7
|
|
color-picker([(color)]="entityLightSpriteColor")
|
|
.row.form-group.mb-2
|
|
label.col-4.col-form-label
|
|
| light sprite
|
|
label.col-1.col-form-label
|
|
| x
|
|
.col-3
|
|
input.form-control([(ngModel)]="entityLightSpriteX" type="number")
|
|
label.col-1.col-form-label
|
|
| y
|
|
.col-3
|
|
input.form-control([(ngModel)]="entityLightSpriteY" type="number")
|
|
|
|
.input-group.input-group-sm
|
|
input.form-control([(ngModel)]="editorEntity" placeholder="entity")
|
|
.input-group-append(dropdown)
|
|
button.btn.btn-default.dropdown-toggle(dropdownToggle)
|
|
.dropdown-menu(*dropdownMenu style="max-height: 90vh; column-width: 100px; font-size: 10px;")
|
|
a.dropdown-item(*ngFor="let e of editorEntities" (click)="editorEntity = e")
|
|
| {{e}}
|
|
|
|
.dropdown.ml-1(dropdown)
|
|
button.btn.btn-sm.btn-default.dropdown-toggle(dropdownToggle)
|
|
fa-icon([icon]="cogIcon")
|
|
.dropdown-menu(*dropdownMenu)
|
|
a.dropdown-item((click)="clearLocalStorage()")
|
|
| Clear local storage
|
|
a.dropdown-item((click)="editorClear()" title="Remove all placed entities")
|
|
| Clear all entities
|
|
a.dropdown-item((click)="listEntities()" title="List all placed entities in console")
|
|
| List entities
|
|
div(*ngIf="dev")
|
|
h6.dropdown-header Show (numpad 4)
|
|
a.dropdown-item(*ngFor="let field of showFields" (click)="toggleShow(field); $event.stopPropagation()")
|
|
fa-icon.mr-1([icon]="isShow(field) ? checkIcon : emptyIcon" [fixedWidth]="true")
|
|
| {{field}}
|
|
|
|
button.btn.btn-sm.btn-default.ml-1(
|
|
[btnHighlight]="selectingEntities" (click)="toggleSelecting()" title="Select entities")
|
|
fa-icon([icon]="selectIcon")
|
|
|
|
.dropdown.ml-1(dropdown)
|
|
button.btn.btn-sm.btn-default.dropdown-toggle(dropdownToggle)
|
|
| tile: {{tiles[editorTile + 1]}}
|
|
.dropdown-menu(*dropdownMenu)
|
|
a.dropdown-item(*ngFor="let t of tiles; let i = index" (click)="editorTile = i - 1")
|
|
| {{t}}
|
|
|
|
.dropdown.ml-1(dropdown)
|
|
button.btn.btn-sm.btn-default.dropdown-toggle(dropdownToggle)
|
|
| brush: {{editor.brushSize}}
|
|
.dropdown-menu(*dropdownMenu)
|
|
a.dropdown-item((click)="editor.brushSize = 1") 1
|
|
a.dropdown-item((click)="editor.brushSize = 2") 2
|
|
a.dropdown-item((click)="editor.brushSize = 3") 3
|
|
a.dropdown-item((click)="editor.brushSize = 4") 4
|
|
a.dropdown-item((click)="editor.brushSize = 5") 5
|
|
a.dropdown-item((click)="editor.brushSize = 6") 6
|
|
|
|
.dropdown.ml-1(dropdown [autoClose]="false")
|
|
button.btn.btn-sm.btn-default.dropdown-toggle(dropdownToggle)
|
|
| global
|
|
.dropdown-menu(*dropdownMenu style="width: 400px")
|
|
button(style="display: block; width: 0; height: 0;")
|
|
.px-2
|
|
.row.form-group
|
|
label.col-5.col-form-label.d-flex.justify-content-between
|
|
| light color
|
|
custom-checkbox([(checked)]="editor.customLight")
|
|
.col-7
|
|
color-picker([(color)]="editor.lightColor" [isDisabled]="!editor.customLight")
|
|
.row.form-group.mb-0
|
|
label.col-5.col-form-label shadow opacity ({{shadowOpacity}})
|
|
.col-7.py-2
|
|
slider-bar([(value)]="shadowOpacity" [min]="0" [max]="255")
|
|
|
|
.dropdown.ml-1(dropdown)
|
|
button.btn.btn-sm.btn-default.dropdown-toggle(dropdownToggle)
|
|
| engine
|
|
.dropdown-menu(*dropdownMenu)
|
|
a.dropdown-item(*ngFor="let e of engines" (click)="setEngine(e)" [class.active]="isActiveEngine(e)")
|
|
| {{e.name}}
|
|
|
|
.btn.btn-sm.btn-default.disabled.ml-1(*ngIf="hasElevation")
|
|
| elevation: {{editorElevation}}
|
|
.btn.btn-sm.btn-default.disabled.ml-1(*ngIf="hasElevation")
|
|
| special: {{editorSpecial}}
|