Archive commit

2026-09-25 06:05:52 +02:00 · 2019-08-28 21:15:02 -07:00
commit 735845746e
1435 changed files with 140724 additions and 0 deletions
@@ -0,0 +1,97 @@
+.modal-header.d-none.d-sm-block.d-none-for-low-height
+	h4.modal-title(labelledBy=".modal")
+		| Actions
+
+.modal-body.modal-checkboxes
+	tabset.fixed-height(
+		type="pills" saveActiveTab="testing-save-tab" [destroyOnHide]="false"
+		(activeIndexChange)="tabIndex = $event")
+		tab(title="Actions" [icon]="actionsIcon")
+			.action-columns(*tabContent)
+				.d-flex.align-items-center.mb-2(*ngFor="let a of actions")
+					action-button.mb-0.mr-2([draggableItem]="a" [action]="a" [shadow]="false")
+					b {{a.title}}
+
+		tab(title="Expressions" [icon]="expressionsIcon")
+			div(*tabContent)
+				.d-flex.mb-3
+					action-button.mb-0.mr-sm-4(
+						[draggableItem]="emoteAction" [action]="emoteAction" [shadow]="false" (draggableDrop)="drop($event)")
+					.sub-tabset.nav.nav-pills.mb-0
+						button.btn-unstyled.nav-link([class.active]="activeTab === 'right-eye'" (click)="activeTab = 'right-eye'") Right eye
+						button.btn-unstyled.nav-link([class.active]="activeTab === 'left-eye'" (click)="activeTab = 'left-eye'") Left eye
+						button.btn-unstyled.nav-link([class.active]="activeTab === 'mouth'" (click)="activeTab = 'mouth'") Mouth
+						button.btn-unstyled.nav-link([class.active]="activeTab === 'extra'" (click)="activeTab = 'extra'") Extra
+				.fixed-height-tabset
+					div([class.inactive-tab]="activeTab !== 'right-eye'")
+						sprite-selection(
+							[(selected)]="eyeRight" [sprites]="eyesRight" [fill]="eyeColor"
+							[circle]="coatFill" [reverseExtra]="true" [skip]="1"
+							[invisible]="tabIndex !== 1 || activeTab !== 'right-eye'"
+							(selectedChange)="changed(lockEyes)")
+
+					div([class.inactive-tab]="activeTab !== 'left-eye'")
+						custom-checkbox.mb-2([(checked)]="lockEyes" (checkedChange)="changed($event)")
+							| Use the same as right one
+						sprite-selection(
+							[(selected)]="eyeLeft" [sprites]="eyesLeft" [fill]="eyeColor" [disabled]="lockEyes"
+							[circle]="coatFill" [reverseExtra]="true" [skip]="1"
+							[invisible]="tabIndex !== 1 || activeTab !== 'left-eye'"
+							(selectedChange)="changed(lockEyes)")
+
+					div([class.inactive-tab]="activeTab !== 'mouth'")
+						sprite-selection#expression-selection(
+							[(selected)]="muzzle" [sprites]="muzzles" [fill]="noseFills"
+							[outline]="noseOutlines" [circle]="coatFill"
+							[invisible]="tabIndex !== 1 || activeTab !== 'mouth'"
+							(selectedChange)="changed(lockEyes)")
+
+					div([class.inactive-tab]="activeTab !== 'extra'")
+						sprite-selection.mb-2(
+							[(selected)]="irisRight" [sprites]="irisesRight" [fill]="eyeColor"
+							[invisible]="tabIndex !== 1 || activeTab !== 'extra'"
+							[circle]="coatFill" [reverseExtra]="true" (selectedChange)="changed(lockEyes)")
+						custom-checkbox([(checked)]="lockIrises" (checkedChange)="changed(lockEyes)")
+							| Use the same as right one
+						sprite-selection.mt-2(
+							[(selected)]="irisLeft" [sprites]="irisesLeft" [fill]="eyeColor" [disabled]="lockIrises"
+							[invisible]="tabIndex !== 1 || activeTab !== 'extra'"
+							[circle]="coatFill" [reverseExtra]="true" (selectedChange)="changed(lockEyes)")
+						.d-flex.flex-wrap.mt-3
+							label.text-muted.mr-3 Other options
+							custom-checkbox([(checked)]="blush" (checkedChange)="changed(lockEyes)") Blush
+							custom-checkbox.ml-4([(checked)]="sleeping" (checkedChange)="changed(lockEyes)") Sleeping
+							custom-checkbox.ml-4([(checked)]="tears" (checkedChange)="changed(lockEyes)") Tears
+							custom-checkbox.ml-4([(checked)]="crying" (checkedChange)="changed(lockEyes)") Crying
+							custom-checkbox.ml-4([(checked)]="hearts" (checkedChange)="changed(lockEyes)") Hearts
+
+		tab(title="Chat" [icon]="chatIcon")
+			.action-columns(*tabContent)
+				.d-flex.align-items-center.mb-2(*ngFor="let a of commands")
+					action-button.mb-0.mr-2([draggableItem]="a" [action]="a" [shadow]="false")
+					b {{a.title}}
+
+		tab(title="Options" [icon]="optionsIcon")
+			div(*tabContent)
+				button.btn.btn-outline-secondary.mr-2.mb-2((click)="resetToDefault()")
+					| Reset to default actions
+				button.btn.btn-outline-secondary.mr-2.mb-2((click)="clearActionBar()")
+					| Clear action bar
+				button.btn.btn-outline-secondary.mr-2.mb-2((click)="undo()")
+					| Undo
+
+		tab(*ngIf="dev" title="Dev" [icon]="devIcon")
+			div(*tabContent)
+				.d-flex.mb-3
+					action-button.mb-0.mr-4(
+						[draggableItem]="entityAction" [action]="entityAction" [shadow]="false" (draggableDrop)="drop($event)")
+					input.form-control(
+						placeholder="entity name" [(ngModel)]="entityName" (ngModelChange)="updateEntity()" style="max-width: 200px;")
+				.d-flex.flex-wrap(style="height: 250px; overflow-y: scroll")
+					action-button(*ngFor="let a of entityActions" [draggableItem]="a" [action]="a")
+
+.modal-footer.d-flex
+	.flex-grow-1
+		em.text-muted Drag actions to the action bar
+	button.btn.btn-outline-secondary((click)="ok()")
+		| Close