This commit is contained in:
WBHarry 2025-12-31 17:16:28 +01:00
parent bca7e0d3c9
commit 6140b4baaf
12 changed files with 345 additions and 13 deletions

View file

@ -21,4 +21,41 @@
<span class="helper-text">{{localize "DAGGERHEART.SETTINGS.Scene.disabledText"}}</span>
{{/if}}
</fieldset>
<fieldset>
<legend>
<span>{{localize "DAGGERHEART.SETTINGS.Scene.sceneEnvironments"}}</span>
<a data-action="addSceneEnvironment"><i class="fa-solid fa-plus"></i></a>
</legend>
<div class="scene-environments">
{{#each data.sceneEnvironments as |data key|}}
<div class="scene-environment" data-key="{{key}}">
{{#if data.environment}}
<div class="scene-environment-inner">
<img src="{{data.environment.img}}" />
<h5>{{data.environment.name}}</h5>
<div class="tags">
<div class="tag">
<span>
{{localize (concat 'DAGGERHEART.GENERAL.Tiers.' data.environment.system.tier)}}
</span>
</div>
{{#if data.environment.system.type}}
<div class="tag">
<span>
{{localize (concat 'DAGGERHEART.CONFIG.EnvironmentType.' data.environment.system.type '.label')}}
</span>
</div>
{{/if}}
</div>
</div>
{{else}}
<span class="drag-area hint">{{localize "DAGGERHEART.SETTINGS.Scene.noEnvironmentLinked"}}</span>
{{/if}}
<a data-action="removeSceneEnvironment" data-key="{{key}}"><i class="fa-solid fa-trash remove-icon"></i></a>
</div>
{{/each}}
</div>
</fieldset>
</div>

View file

@ -0,0 +1,36 @@
<nav id="scene-navigation" aria-roledescription="{{localize "SCENE_NAVIGATION.LABEL"}}" data-tooltip-direction="RIGHT">
{{#if canExpand}}
<a id="scene-navigation-expand" class="ui-control" data-action="toggleExpand">
<i class="fa-solid fa-caret-down" inert></i>
</a>
{{/if}}
<menu id="scene-navigation-active" class="scene-navigation-menu flexcol">
{{#each scenes.active as |scene|}}
<li class="scene-wrapper">
<div class="ui-control scene {{scene.cssClass}}" data-scene-id="{{scene.id}}" data-action="viewScene"
{{#if scene.tooltip}}data-tooltip-text="{{scene.tooltip}}"{{/if}}>
<span class="scene-name ellipsis">{{scene.name}}</span>
{{#if scene.users}}
<ul class="scene-players">
{{#each scene.users as |user|}}
<li class="scene-player" style="--color-bg:{{user.color}}; --color-border:{{user.border}}"
data-tooltip aria-label="{{user.name}}">{{user.letter}}</li>
{{/each}}
</ul>
{{/if}}
</div>
{{#if scene.hasEnvironments}}
<button class="ui-control scene-environment" data-action="openSceneEnvironment" data-scene-id="{{scene.id}}"><img src="{{scene.environmentImage}}" /> </button>
{{/if}}
</li>
{{/each}}
</menu>
<menu id="scene-navigation-inactive" class="scene-navigation-menu flexcol">
{{#each scenes.inactive as |scene|}}
<li class="ui-control scene {{scene.cssClass}}" data-scene-id="{{scene.id}}" data-action="viewScene"
{{#if scene.tooltip}}data-tooltip-text="{{scene.tooltip}}"{{/if}}>
<span class="scene-name ellipsis">{{scene.name}}</span>
</li>
{{/each}}
</menu>
</nav>