60 lines
2.0 KiB
Handlebars
60 lines
2.0 KiB
Handlebars
<form class="sla-ops-clock-form">
|
|
<div class="sla-ops-clock-grid">
|
|
<div class="sla-ops-clock-field">
|
|
<label>Operation Name</label>
|
|
<input type="text" name="opName" value="{{state.opName}}">
|
|
</div>
|
|
<div class="sla-ops-clock-field">
|
|
<label>Current Stage</label>
|
|
<input type="text" name="stage" value="{{state.stage}}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sla-ops-clock-panel">
|
|
<h3>Mission Clock</h3>
|
|
<div class="sla-ops-clock-track">
|
|
{{#each segments}}
|
|
<div class="sla-ops-clock-segment {{#if this.filled}}is-filled{{/if}}"></div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sla-ops-clock-meter-row">
|
|
<div class="sla-ops-clock-field sla-ops-clock-meter">
|
|
<label>Clock Filled</label>
|
|
<input type="number" name="clock" min="0" max="8" value="{{state.clock}}">
|
|
</div>
|
|
<div class="sla-ops-clock-field sla-ops-clock-meter">
|
|
<label>Heat</label>
|
|
<input type="number" name="heat" min="0" max="9" value="{{state.heat}}">
|
|
</div>
|
|
<div class="sla-ops-clock-field sla-ops-clock-meter">
|
|
<label>Collateral</label>
|
|
<input type="number" name="collateral" min="0" max="9" value="{{state.collateral}}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sla-ops-clock-grid">
|
|
<div class="sla-ops-clock-field">
|
|
<label>Pressure</label>
|
|
<input type="number" name="pressure" min="0" max="9" value="{{state.pressure}}">
|
|
</div>
|
|
<div class="sla-ops-clock-field">
|
|
<label>Escalation Trigger</label>
|
|
<input type="text" name="trigger" value="{{state.trigger}}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sla-ops-clock-panel">
|
|
<h3>GM Notes</h3>
|
|
<textarea name="notes">{{state.notes}}</textarea>
|
|
</div>
|
|
|
|
<div class="sla-ops-clock-actions">
|
|
<button type="button" data-action="advance">Advance Clock</button>
|
|
<button type="button" data-action="post">Post Update To Chat</button>
|
|
<button type="button" data-action="reset">Reset</button>
|
|
<button type="submit">Save</button>
|
|
</div>
|
|
</form>
|