redmarkets-negotiation/templates/partials/negotiation-sidebar.html

96 lines
4.0 KiB
HTML

<div class="negotiation-owner">
<p>The Market for this negotiation is {{room_owner_display_name}}</p>
{% if room_owner_display_name == uid %}
<p>Change your display name</p>
{% endif %}
</div>
{% if user == room_owner.uid %}
<div class="market-settings">
<div class="negotiation-state-wrapper">
<input id="state-previous" type="image" width="32" height="32" alt="Go the previous state"
{% if phase.current_phase == 'marketprep' %}
disabled="true"
src="/static/images/button-previous-disabled.png"
{% else %}
src="/static/images/button-previous.png"
{% endif %}>
<h5>
<span class="phase-display-name">{{ phase.display_name }}</span>
</h5>
<br>
<input id="state-next" type="image" width="32" height="32" alt="Next"
{% if phase.current_phase == 'done' %}
disabled="true"
src="/static/images/button-next-disabled.png"
{% else %}
src="/static/images/button-next.png"
{% endif %}>
</div>
<p class="phase-description">{{ phase.description }}</p>
<form id="market-settings">
<p class="phase-description-market"></p>
<div class="fieldset {% if phase.current_phase == 'marketprep' %} fieldset-open{% else %} fieldset-closed{% endif %}">
<h4>Negotiation Settings<span data-target=".negotiation-settings-wrapper" class="fieldset-button"></span></h4>
<div class="negotiation-settings-wrapper">
<span>Manual Negotiation</span>
<div class="onoffswitch">
<input id="manual-negotiation" type="checkbox" class="onoffswitch-checkbox" {% if negotiation.manual_negotiation %}checked{% endif %}>
<label for="manual-negotiation" class="onoffswitch-label">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
<br><br>
<span>Is First Negotiation?</span>
<div class="onoffswitch yesno">
<input id="is-first-negotiation" type="checkbox" class="onoffswitch-checkbox" {% if negotiation.is_first_negotiation %}checked{% endif %}>
<label for="is-first-negotiation" class="onoffswitch-label">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
<br>
<label for="client-name">Client Name</label>
<input id="client-name" type="text" placeholder="Enter the client's name">
<br>
<label for="negotiator-name">Negotiator Name</label>
<input id="negotiator-name" type="text" placeholder="Enter the negotiator's name">
<br>
<label for="taker-crew-name">Crew Name</label>
<input id="taker-crew-name" type="text" placeholder="Enter the taker's crew's name">
<br>
<label for="takers">Numer of takers in the crew</label>
<input id="takers" type="text" pattern="[0-9]+" size="1">
<br>
</div>
</div>
<label for="first-impression-black">First Impression (Black die value + Taker's leadership)</label>
<input id="first-impression-black" type="text" pattern="[0-9]+" size="1">
<br>
<label for="first-impression-state">Level of success on the first impression</label>
<select id="first-impression-state" type="select" name="first-impression-state">
<option value="critfail">Critical Failure</option>
<option value="fail">Failure</option>
<option value="success">Success</option>
<option value="critsuccess">Critical Success</option>
</select>
</form>
</div>
{% else %}
<div class="negotiation-summary">
<h4 class="phase-display-name">
{{ phase.display_name }}
</h4>
<p class="phase-description-taker">{{ phase.description_taker }}</p>
</div>
{% endif %}
<div class="participants">
<h4>Participants</h4>
<p><span class="count">{{ participant_count }}</span>&nbsp;<span> takers in this room</span></p>
<ul class="participant-list">
<li participant-id="{{user}}">{{user}}</li>
</ul>
</div>