v1.198.1

js/encounterbuilder/encounterbuilder-colsextraadvanced.js

@@ -0,0 +1,51 @@
+export class EncounterBuilderRenderableCollectionColsExtraAdvanced extends RenderableCollectionBase {
+	constructor (
+		{
+			comp,
+			rdState,
+		},
+	) {
+		super(comp, "colsExtraAdvanced");
+		this._rdState = rdState;
+	}
+
+	getNewRender (colExtra, i) {
+		const comp = BaseComponent.fromObject(colExtra.entity, "*");
+		comp._addHookAll("state", () => {
+			this._getCollectionItem(colExtra.id).entity = comp.toObject("*");
+			this._comp._triggerCollectionUpdate("colsExtraAdvanced");
+		});
+
+		const $iptName = ComponentUiUtil.$getIptStr(comp, "name")
+			.addClass("w-40p form-control--minimal no-shrink ve-text-center mr-1 bb-0");
+
+		const $wrpHeader = $$`<div class="ve-flex">
+			${$iptName}
+		</div>`
+			.appendTo(this._rdState.$wrpHeadersAdvanced);
+
+		const $btnDelete = $(`<button class="btn btn-xxs ecgen-player__btn-inline w-40p btn-danger no-shrink mt-n2 bt-0 btl-0 btr-0" title="Remove Column" tabindex="-1"><span class="glyphicon-trash glyphicon"></span></button>`)
+			.click(() => this._comp.doRemoveColExtraAdvanced(colExtra.id));
+
+		const $wrpFooter = $$`<div class="w-40p ve-flex-v-baseline ve-flex-h-center no-shrink no-grow mr-1">
+			${$btnDelete}
+		</div>`
+			.appendTo(this._rdState.$wrpFootersAdvanced);
+
+		return {
+			comp,
+			$wrpHeader,
+			$wrpFooter,
+			fnRemoveEles: () => {
+				$wrpHeader.remove();
+				$wrpFooter.remove();
+			},
+		};
+	}
+
+	doUpdateExistingRender (renderedMeta, colExtra, i) {
+		renderedMeta.comp._proxyAssignSimple("state", colExtra.entity, true);
+		if (!renderedMeta.$wrpHeader.parent().is(this._rdState.$wrpHeadersAdvanced)) renderedMeta.$wrpHeader.appendTo(this._rdState.$wrpHeadersAdvanced);
+		if (!renderedMeta.$wrpFooter.parent().is(this._rdState.$wrpFootersAdvanced)) renderedMeta.$wrpFooter.appendTo(this._rdState.$wrpFootersAdvanced);
+	}
+}