mirror of
https://github.com/superseriousbusiness/gotosocial.git
synced 2024-11-24 09:20:59 +00:00
71e0aaee3c
* aria-labels for polls, id poll options properly * my bad, aria labels are for interactive elements
57 lines
2.4 KiB
Cheetah
57 lines
2.4 KiB
Cheetah
{{- /*
|
|
// GoToSocial
|
|
// Copyright (C) GoToSocial Authors admin@gotosocial.org
|
|
// SPDX-License-Identifier: AGPL-3.0-or-later
|
|
//
|
|
// This program is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU Affero General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// This program is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU Affero General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU Affero General Public License
|
|
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/ -}}
|
|
|
|
{{- /*
|
|
Template for rendering a web view of a poll.
|
|
To use this template, pass a web view status into it.
|
|
*/ -}}
|
|
|
|
<figure class="poll">
|
|
<figcaption class="poll-info">
|
|
<span class="poll-expiry">
|
|
{{- if .Poll.Expired -}}
|
|
Poll closed {{- .Poll.ExpiresAt | timestampPrecise -}}
|
|
{{- else if .Poll.ExpiresAt -}}
|
|
Poll open until {{- .Poll.ExpiresAt | timestampPrecise -}}
|
|
{{- else -}}
|
|
Infinite poll (no expiry)
|
|
{{- end -}}
|
|
</span>
|
|
<span class="total-votes">Total votes: {{ .Poll.VotesCount }}</span>
|
|
</figcaption>
|
|
<ul class="poll-options">
|
|
{{- range $index, $pollOption := .WebPollOptions }}
|
|
<li class="poll-option">
|
|
<label aria-hidden="true" for="poll-{{- $pollOption.PollID -}}-option-{{- increment $index -}}" lang="{{- .LanguageTag.TagStr -}}">{{- emojify .Emojis (noescape $pollOption.Title) -}}</label>
|
|
<meter aria-hidden="true" id="poll-{{- $pollOption.PollID -}}-option-{{- increment $index -}}" min="0" max="100" value="{{- $pollOption.VoteShare -}}">{{- $pollOption.VoteShare -}}%</meter>
|
|
<div class="sr-only">Option {{ increment $index }}: <span lang="{{ .LanguageTag.TagStr }}">{{ emojify .Emojis (noescape $pollOption.Title) -}}</span></div>
|
|
<div class="poll-vote-summary">
|
|
<span class="poll-vote-share">{{- $pollOption.VoteShareStr -}}%</span>
|
|
<span class="poll-vote-count">
|
|
{{- if eq $pollOption.VotesCount 1 -}}
|
|
{{- $pollOption.VotesCount }} vote
|
|
{{- else -}}
|
|
{{- $pollOption.VotesCount }} votes
|
|
{{- end -}}
|
|
</span>
|
|
</div>
|
|
</li>
|
|
{{- end }}
|
|
</ul>
|
|
</figure>
|