Settings pane gains the Birthday Mode block
This commit is contained in:
@@ -57,9 +57,37 @@
|
|||||||
<option value="">Choose service type</option>
|
<option value="">Choose service type</option>
|
||||||
</select>
|
</select>
|
||||||
<button type="button" class="btn btn-small" id="btn-pco-sync">Sync Upcoming</button>
|
<button type="button" class="btn btn-small" id="btn-pco-sync">Sync Upcoming</button>
|
||||||
|
<button type="button" class="btn btn-small" id="btn-pco-test-birthdays">Test Birthdays</button>
|
||||||
<button type="button" class="btn btn-small" id="btn-pco-disconnect">Disconnect</button>
|
<button type="button" class="btn btn-small" id="btn-pco-disconnect">Disconnect</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="pco-status" id="pco-status">Planning Center is not connected.</div>
|
<div class="pco-status" id="pco-status">Planning Center is not connected.</div>
|
||||||
|
<div class="pco-status pco-birthday-result" id="pco-birthday-result"></div>
|
||||||
|
|
||||||
|
<div class="bday-block">
|
||||||
|
<div class="bday-head">
|
||||||
|
<span class="bday-title">Birthday Mode 🎂</span>
|
||||||
|
<label class="bday-switch">
|
||||||
|
<input type="checkbox" id="bday-enabled" />
|
||||||
|
<span class="bday-switch-label">On</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div class="bday-controls" id="bday-controls">
|
||||||
|
<div class="bday-line">
|
||||||
|
<span class="bday-line-label">Intensity</span>
|
||||||
|
<div class="seg-inline" id="bday-intensity" role="group" aria-label="Birthday intensity">
|
||||||
|
<button type="button" data-int="subtle">Subtle</button>
|
||||||
|
<button type="button" data-int="full">Full</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="bday-line">
|
||||||
|
<span class="bday-line-label">Force on <em>(test)</em></span>
|
||||||
|
<select id="bday-test" class="pco-select bday-test-select" aria-label="Force birthday on a person for testing">
|
||||||
|
<option value="">Off</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="bday-hint">Birthdays celebrate for the whole service week (Wednesday→Tuesday). Force is for testing only — it clears when the app restarts.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="pco-position-builder">
|
<div class="pco-position-builder">
|
||||||
<select id="pco-position-option" class="pco-select" aria-label="Planning Center position">
|
<select id="pco-position-option" class="pco-select" aria-label="Planning Center position">
|
||||||
<option value="">Choose position</option>
|
<option value="">Choose position</option>
|
||||||
|
|||||||
Reference in New Issue
Block a user