de9a52d046
* Switch to rendered svg for Field select decoration instead of SVG mask Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace warning.svg with Compound icon Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace device kind icons with Compound Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Draw notification badge decoration using SVG rather than CSS masks Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace {collapse,expand}-message icons with Compound Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Remove stale icon prefetch Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Render icons in AddExistingToSpaceDialog using SVGs rather than CSS masks Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Render icons in Jitsi landing page using SVGs rather than CSS masks Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Delint Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update screenshot Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix field label Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Add tests Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Revert icon colour Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch to rendering icons as SVG over CSS masks in PollOption Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch to rendering icons as SVG over CSS masks in AnalyticsLearnMoreDialog Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Remove unused class Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch to rendering icons as SVG over CSS masks in customisedCancelButton mixin Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch to rendering icons as SVG over CSS masks in ThreadSummaryIcon mixin Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch to rendering icons as SVG over CSS masks in LegacyCallButton mixin Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Remove unused classes in TabbedView Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * delint Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * delint Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix `[Object object]` Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix layout issue Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Improve coverage Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
717 lines
22 KiB
Plaintext
717 lines
22 KiB
Plaintext
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
|
|
|
exports[`PollCreateDialog renders a blank poll 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
data-focus-guard="true"
|
|
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-describedby="mx_CompoundDialog_content"
|
|
aria-labelledby="mx_CompoundDialog_title"
|
|
class="mx_CompoundDialog mx_ScrollableBaseDialog"
|
|
data-focus-lock-disabled="false"
|
|
role="dialog"
|
|
>
|
|
<div
|
|
class="mx_CompoundDialog_header"
|
|
>
|
|
<h1>
|
|
Create poll
|
|
</h1>
|
|
</div>
|
|
<div
|
|
aria-label="Close dialog"
|
|
class="mx_AccessibleButton mx_CompoundDialog_cancelButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<form
|
|
class="mx_CompoundDialog_form"
|
|
>
|
|
<div
|
|
class="mx_CompoundDialog_content"
|
|
>
|
|
<div
|
|
class="mx_PollCreateDialog"
|
|
>
|
|
<h2>
|
|
Poll type
|
|
</h2>
|
|
<div
|
|
class="mx_Field mx_Field_select"
|
|
>
|
|
<select
|
|
id="mx_Field_1"
|
|
type="text"
|
|
>
|
|
<option
|
|
value="org.matrix.msc3381.poll.disclosed"
|
|
>
|
|
Open poll
|
|
</option>
|
|
<option
|
|
value="org.matrix.msc3381.poll.undisclosed"
|
|
>
|
|
Closed poll
|
|
</option>
|
|
</select>
|
|
<label
|
|
for="mx_Field_1"
|
|
/>
|
|
<svg
|
|
class="mx_Field_select_chevron"
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<p>
|
|
Voters see results as soon as they have voted
|
|
</p>
|
|
<h2>
|
|
What is your poll question or topic?
|
|
</h2>
|
|
<div
|
|
class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
|
|
>
|
|
<input
|
|
id="poll-topic-input"
|
|
label="Question or topic"
|
|
maxlength="340"
|
|
placeholder="Write something…"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<label
|
|
for="poll-topic-input"
|
|
>
|
|
Question or topic
|
|
</label>
|
|
</div>
|
|
<h2>
|
|
Create options
|
|
</h2>
|
|
<div
|
|
class="mx_PollCreateDialog_option"
|
|
>
|
|
<div
|
|
class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
|
|
>
|
|
<input
|
|
id="pollcreate_option_0"
|
|
label="Option 1"
|
|
maxlength="340"
|
|
placeholder="Write an option"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<label
|
|
for="pollcreate_option_0"
|
|
>
|
|
Option 1
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_PollCreateDialog_option"
|
|
>
|
|
<div
|
|
class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
|
|
>
|
|
<input
|
|
id="pollcreate_option_1"
|
|
label="Option 2"
|
|
maxlength="340"
|
|
placeholder="Write an option"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<label
|
|
for="pollcreate_option_1"
|
|
>
|
|
Option 2
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_AccessibleButton mx_PollCreateDialog_addOption mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Add option
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_CompoundDialog_footer"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Cancel
|
|
</div>
|
|
<button
|
|
aria-disabled="true"
|
|
class="mx_AccessibleButton mx_Dialog_nonDialogButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary mx_AccessibleButton_disabled"
|
|
disabled=""
|
|
role="button"
|
|
tabindex="0"
|
|
type="submit"
|
|
>
|
|
Create Poll
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div
|
|
data-focus-guard="true"
|
|
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
|
|
tabindex="0"
|
|
/>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`PollCreateDialog renders a question and some options 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
data-focus-guard="true"
|
|
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-describedby="mx_CompoundDialog_content"
|
|
aria-labelledby="mx_CompoundDialog_title"
|
|
class="mx_CompoundDialog mx_ScrollableBaseDialog"
|
|
data-focus-lock-disabled="false"
|
|
role="dialog"
|
|
>
|
|
<div
|
|
class="mx_CompoundDialog_header"
|
|
>
|
|
<h1>
|
|
Create poll
|
|
</h1>
|
|
</div>
|
|
<div
|
|
aria-label="Close dialog"
|
|
class="mx_AccessibleButton mx_CompoundDialog_cancelButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<form
|
|
class="mx_CompoundDialog_form"
|
|
>
|
|
<div
|
|
class="mx_CompoundDialog_content"
|
|
>
|
|
<div
|
|
class="mx_PollCreateDialog"
|
|
>
|
|
<h2>
|
|
Poll type
|
|
</h2>
|
|
<div
|
|
class="mx_Field mx_Field_select"
|
|
>
|
|
<select
|
|
id="mx_Field_4"
|
|
type="text"
|
|
>
|
|
<option
|
|
value="org.matrix.msc3381.poll.disclosed"
|
|
>
|
|
Open poll
|
|
</option>
|
|
<option
|
|
value="org.matrix.msc3381.poll.undisclosed"
|
|
>
|
|
Closed poll
|
|
</option>
|
|
</select>
|
|
<label
|
|
for="mx_Field_4"
|
|
/>
|
|
<svg
|
|
class="mx_Field_select_chevron"
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<p>
|
|
Voters see results as soon as they have voted
|
|
</p>
|
|
<h2>
|
|
What is your poll question or topic?
|
|
</h2>
|
|
<div
|
|
class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
|
|
>
|
|
<input
|
|
id="poll-topic-input"
|
|
label="Question or topic"
|
|
maxlength="340"
|
|
placeholder="Write something…"
|
|
type="text"
|
|
value="How many turnips is the optimal number?"
|
|
/>
|
|
<label
|
|
for="poll-topic-input"
|
|
>
|
|
Question or topic
|
|
</label>
|
|
</div>
|
|
<h2>
|
|
Create options
|
|
</h2>
|
|
<div
|
|
class="mx_PollCreateDialog_option"
|
|
>
|
|
<div
|
|
class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
|
|
>
|
|
<input
|
|
id="pollcreate_option_0"
|
|
label="Option 1"
|
|
maxlength="340"
|
|
placeholder="Write an option"
|
|
type="text"
|
|
value="As many as my neighbour"
|
|
/>
|
|
<label
|
|
for="pollcreate_option_0"
|
|
>
|
|
Option 1
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_PollCreateDialog_option"
|
|
>
|
|
<div
|
|
class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
|
|
>
|
|
<input
|
|
id="pollcreate_option_1"
|
|
label="Option 2"
|
|
maxlength="340"
|
|
placeholder="Write an option"
|
|
type="text"
|
|
value="The question is meaningless"
|
|
/>
|
|
<label
|
|
for="pollcreate_option_1"
|
|
>
|
|
Option 2
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_PollCreateDialog_option"
|
|
>
|
|
<div
|
|
class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
|
|
>
|
|
<input
|
|
id="pollcreate_option_2"
|
|
label="Option 3"
|
|
maxlength="340"
|
|
placeholder="Write an option"
|
|
type="text"
|
|
value="Mu"
|
|
/>
|
|
<label
|
|
for="pollcreate_option_2"
|
|
>
|
|
Option 3
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_AccessibleButton mx_PollCreateDialog_addOption mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Add option
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_CompoundDialog_footer"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Cancel
|
|
</div>
|
|
<button
|
|
class="mx_AccessibleButton mx_Dialog_nonDialogButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
|
role="button"
|
|
tabindex="0"
|
|
type="submit"
|
|
>
|
|
Create Poll
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div
|
|
data-focus-guard="true"
|
|
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
|
|
tabindex="0"
|
|
/>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`PollCreateDialog renders info from a previous event 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
data-focus-guard="true"
|
|
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-describedby="mx_CompoundDialog_content"
|
|
aria-labelledby="mx_CompoundDialog_title"
|
|
class="mx_CompoundDialog mx_ScrollableBaseDialog"
|
|
data-focus-lock-disabled="false"
|
|
role="dialog"
|
|
>
|
|
<div
|
|
class="mx_CompoundDialog_header"
|
|
>
|
|
<h1>
|
|
Edit poll
|
|
</h1>
|
|
</div>
|
|
<div
|
|
aria-label="Close dialog"
|
|
class="mx_AccessibleButton mx_CompoundDialog_cancelButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<form
|
|
class="mx_CompoundDialog_form"
|
|
>
|
|
<div
|
|
class="mx_CompoundDialog_content"
|
|
>
|
|
<div
|
|
class="mx_PollCreateDialog"
|
|
>
|
|
<h2>
|
|
Poll type
|
|
</h2>
|
|
<div
|
|
class="mx_Field mx_Field_select"
|
|
>
|
|
<select
|
|
id="mx_Field_5"
|
|
type="text"
|
|
>
|
|
<option
|
|
value="org.matrix.msc3381.poll.disclosed"
|
|
>
|
|
Open poll
|
|
</option>
|
|
<option
|
|
value="org.matrix.msc3381.poll.undisclosed"
|
|
>
|
|
Closed poll
|
|
</option>
|
|
</select>
|
|
<label
|
|
for="mx_Field_5"
|
|
/>
|
|
<svg
|
|
class="mx_Field_select_chevron"
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<p>
|
|
Voters see results as soon as they have voted
|
|
</p>
|
|
<h2>
|
|
What is your poll question or topic?
|
|
</h2>
|
|
<div
|
|
class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
|
|
>
|
|
<input
|
|
id="poll-topic-input"
|
|
label="Question or topic"
|
|
maxlength="340"
|
|
placeholder="Write something…"
|
|
type="text"
|
|
value="Poll Q"
|
|
/>
|
|
<label
|
|
for="poll-topic-input"
|
|
>
|
|
Question or topic
|
|
</label>
|
|
</div>
|
|
<h2>
|
|
Create options
|
|
</h2>
|
|
<div
|
|
class="mx_PollCreateDialog_option"
|
|
>
|
|
<div
|
|
class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
|
|
>
|
|
<input
|
|
id="pollcreate_option_0"
|
|
label="Option 1"
|
|
maxlength="340"
|
|
placeholder="Write an option"
|
|
type="text"
|
|
value="Answer 1"
|
|
/>
|
|
<label
|
|
for="pollcreate_option_0"
|
|
>
|
|
Option 1
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_PollCreateDialog_option"
|
|
>
|
|
<div
|
|
class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
|
|
>
|
|
<input
|
|
id="pollcreate_option_1"
|
|
label="Option 2"
|
|
maxlength="340"
|
|
placeholder="Write an option"
|
|
type="text"
|
|
value="Answer 2"
|
|
/>
|
|
<label
|
|
for="pollcreate_option_1"
|
|
>
|
|
Option 2
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_AccessibleButton mx_PollCreateDialog_addOption mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Add option
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_CompoundDialog_footer"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Cancel
|
|
</div>
|
|
<button
|
|
class="mx_AccessibleButton mx_Dialog_nonDialogButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
|
role="button"
|
|
tabindex="0"
|
|
type="submit"
|
|
>
|
|
Done
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div
|
|
data-focus-guard="true"
|
|
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
|
|
tabindex="0"
|
|
/>
|
|
</DocumentFragment>
|
|
`;
|