mirror of
https://framagit.org/framasoft/framadate/funky-framadate-front.git
synced 2023-08-25 13:53:14 +02:00
50e56a0396
à la racine, quand on lance le serveur, on a le framadate tel qu'il est aujourd'hui en ajoutant sur l'url, on accède à la maquette interactive dans son état actuel
376 lines
22 KiB
Smarty
376 lines
22 KiB
Smarty
{if !is_array($best_choices) || empty($best_choices)}
|
||
{$best_choices = [0]}
|
||
{/if}
|
||
|
||
<h3>
|
||
{__('Poll results', 'Votes')} {if $hidden}<i>({__('PollInfo', 'Results are hidden')})</i>{/if}
|
||
{if $accessGranted}
|
||
<a href="" data-toggle="modal" data-target="#hint_modal"><i class="glyphicon glyphicon-info-sign"></i></a><!-- TODO Add accessibility -->
|
||
{/if}
|
||
</h3>
|
||
|
||
|
||
{include 'part/scroll_left_right.tpl'}
|
||
|
||
|
||
<div id="tableContainer" class="tableContainer">
|
||
<form action="{if $admin}{poll_url id=$admin_poll_id admin=true}{else}{poll_url id=$poll_id}{/if}" method="POST" id="poll_form">
|
||
<input type="hidden" name="control" value="{$slots_hash}"/>
|
||
<table class="results">
|
||
<caption class="sr-only">{__('Poll results', 'Votes')} {$poll->title|html}</caption>
|
||
<thead>
|
||
{if $admin && !$expired}
|
||
<tr class="hidden-print">
|
||
<th role="presentation"></th>
|
||
{$headersDCount=0}
|
||
{foreach $slots as $id=>$slot}
|
||
<td headers="C{$id}">
|
||
<a href="{poll_url id=$admin_poll_id admin=true action='delete_column' action_value=$slot->title}"
|
||
data-remove-confirmation="{__('adminstuds', 'Confirm removal of the column.')}"
|
||
class="btn btn-link btn-sm remove-column" title="{__('adminstuds', 'Remove column')} {$slot->title|html}">
|
||
<i class="glyphicon glyphicon-remove text-danger"></i><span class="sr-only">{__('Generic', 'Remove')}</span>
|
||
</a>
|
||
{if $poll->collect_users_mail != constant("Framadate\CollectMail::NO_COLLECT")}
|
||
<a href="{poll_url id=$admin_poll_id admin=true action='collect_mail' action_value=($headersDCount)}"
|
||
class="btn btn-link btn-sm collect-mail"
|
||
title="{__('adminstuds', 'Collect the emails of the polled users for the choice')} {$slot->title|html}">
|
||
<i class="glyphicon glyphicon-envelope"></i><span class="sr-only">{__('Generic', 'Collect emails')}</span>
|
||
</a>
|
||
{/if}
|
||
</td>
|
||
{$headersDCount = $headersDCount+1}
|
||
{/foreach}
|
||
<td>
|
||
<a href="{poll_url id=$admin_poll_id admin=true action='add_column'}"
|
||
class="btn btn-link btn-sm" title="{__('adminstuds', 'Add a column')}">
|
||
<i class="glyphicon glyphicon-plus text-success"></i><span class="sr-only">{__('Poll results', 'Add a column')}</span>
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
{/if}
|
||
<tr>
|
||
<th role="presentation"></th>
|
||
{foreach $slots as $id=>$slot}
|
||
<th class="bg-info" id="C{$id}" title="{$slot->title|markdown:true}">{$slot->title|markdown}</th>
|
||
{/foreach}
|
||
<th></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{foreach $votes as $vote}
|
||
{* Edited line *}
|
||
|
||
{if $editingVoteId === $vote->uniqId && !$expired}
|
||
|
||
<tr class="hidden-print">
|
||
<td class="bg-info btn-edit">
|
||
<div class="input-group input-group-sm" id="edit">
|
||
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
|
||
<input type="hidden" name="edited_vote" value="{$vote->uniqId}"/>
|
||
<input type="text" id="name" name="name" value="{$vote->name|html}" class="form-control" title="{__('Generic', 'Your name')}" placeholder="{__('Generic', 'Your name')}" />
|
||
{if $poll->collect_users_mail != constant("Framadate\CollectMail::NO_COLLECT")}
|
||
<input type="email" {if $poll->collect_users_mail != constant("Framadate\CollectMail::COLLECT")} required {/if} id="mail" name="mail" value="{$vote->mail|html}" class="form-control" title="{__('Generic', 'Your email address')}" placeholder="{__('Generic', 'Your email address')}" />
|
||
{/if}
|
||
</div>
|
||
</td>
|
||
|
||
{$id=0}
|
||
{foreach $slots as $slot}
|
||
{$choice=$vote->choices[$id]}
|
||
|
||
<td class="bg-info" headers="C{$id}">
|
||
<ul class="list-unstyled choice">
|
||
<li class="yes">
|
||
<input type="radio" id="y-choice-{$id}" name="choices[{$id}]" value="2" {if $choice=='2'}checked {/if}/>
|
||
<label class="btn btn-default btn-xs" for="y-choice-{$id}" title="{__('Poll results', 'Vote "yes" for')|html} {markdown_to_text markdown=$slots[$id]->title id=$id|html}">
|
||
<i class="glyphicon glyphicon-ok"></i><span class="sr-only">{__('Generic', 'Yes')}</span>
|
||
</label>
|
||
</li>
|
||
<li class="ifneedbe">
|
||
<input type="radio" id="i-choice-{$id}" name="choices[{$id}]" value="1" {if $choice=='1'}checked {/if}/>
|
||
<label class="btn btn-default btn-xs" for="i-choice-{$id}" title="{__('Poll results', 'Votes under reserve for')|html} {markdown_to_text markdown=$slots[$id]->title id=$id|html}">
|
||
(<i class="glyphicon glyphicon-ok"></i>)<span class="sr-only">{__('Generic', 'Under reserve')}</span>
|
||
</label>
|
||
</li>
|
||
<li class="no">
|
||
<input type="radio" id="n-choice-{$id}" name="choices[{$id}]" value="0" {if $choice=='0'}checked {/if}/>
|
||
<label class="btn btn-default btn-xs" for="n-choice-{$id}" title="{__('Poll results', 'Vote "no" for')|html} {markdown_to_text markdown=$slots[$id]->title id=$id|html}">
|
||
<i class="glyphicon glyphicon-ban-circle"></i><span class="sr-only">{__('Generic', 'No')}</span>
|
||
</label>
|
||
</li>
|
||
<li class="hide">
|
||
<input type="radio" id="n-choice-{$id}" name="choices[{$id}]" value=" " {if $choice!='2' && $choice!='1' && $choice!='0'}checked {/if}/>
|
||
</li>
|
||
</ul>
|
||
</td>
|
||
|
||
{$id=$id + 1}
|
||
{/foreach}
|
||
|
||
<td class="btn-edit"><button type="submit" class="btn btn-success btn-xs" name="save" value="{$vote->id|html}" title="{__('Poll results', 'Save choices')} {$vote->name|html}">{__('Generic', 'Save')}</button></td>
|
||
</tr>
|
||
{elseif !$hidden} {* Voted line *}
|
||
<tr>
|
||
|
||
<th class="bg-info" {if $accessGranted && $admin && $vote->mail}title="{$vote->mail|html}"{/if}>{$vote->name|html}
|
||
{if $active && !$expired && $accessGranted &&
|
||
(
|
||
$poll->editable == constant('Framadate\Editable::EDITABLE_BY_ALL')
|
||
or $admin
|
||
or ($poll->editable == constant('Framadate\Editable::EDITABLE_BY_OWN') && $editedVoteUniqueId == $vote->uniqId)
|
||
) && $slots|count gt 4
|
||
}
|
||
<span class="edit-username-left">
|
||
<a href="{if $admin}{poll_url id=$poll->admin_id vote_id=$vote->uniqId admin=true}{else}{poll_url id=$poll->id vote_id=$vote->uniqId}{/if}" class="btn btn-default btn-sm" title="{__f('Poll results', 'Edit line: %s', $vote->name)|html}">
|
||
<i class="glyphicon glyphicon-pencil"></i><span class="sr-only">{__('Generic', 'Edit')}</span>
|
||
</a>
|
||
</span>
|
||
{/if}
|
||
</th>
|
||
|
||
{$id=0}
|
||
{foreach $slots as $slot}
|
||
{$choice=$vote->choices[$id]}
|
||
|
||
{if $choice=='2'}
|
||
<td class="bg-success text-success" headers="C{$id}"><i class="glyphicon glyphicon-ok"></i><span class="sr-only">{__('Generic', 'Yes')}</span></td>
|
||
{elseif $choice=='1'}
|
||
<td class="bg-warning text-warning" headers="C{$id}">(<i class="glyphicon glyphicon-ok"></i>)<span class="sr-only">{__('Generic', 'Under reserve')}</span></td>
|
||
{elseif $choice=='0'}
|
||
<td class="bg-danger text-danger" headers="C{$id}"><i class="glyphicon glyphicon-ban-circle"></i><span class="sr-only">{__('Generic', 'No')}</span></td>
|
||
{else}
|
||
<td class="bg-info" headers="C{$id}"><span class="sr-only">{__('Generic', 'Unknown')}</span></td>
|
||
{/if}
|
||
|
||
{$id=$id + 1}
|
||
{/foreach}
|
||
|
||
{if $active && !$expired && $accessGranted &&
|
||
(
|
||
$poll->editable == constant('Framadate\Editable::EDITABLE_BY_ALL')
|
||
or $admin
|
||
or ($poll->editable == constant('Framadate\Editable::EDITABLE_BY_OWN') && $editedVoteUniqueId == $vote->uniqId)
|
||
)
|
||
}
|
||
|
||
<td class="hidden-print">
|
||
<a href="{if $admin}{poll_url id=$poll->admin_id vote_id=$vote->uniqId admin=true}{else}{poll_url id=$poll->id vote_id=$vote->uniqId}{/if}" class="btn btn-default btn-sm" title="{__f('Poll results', 'Edit line: %s', $vote->name)|html}">
|
||
<i class="glyphicon glyphicon-pencil"></i><span class="sr-only">{__('Generic', 'Edit')}</span>
|
||
</a>
|
||
{if $admin}
|
||
<a href="{poll_url id=$poll->id vote_id=$vote->uniqId}" class="btn btn-default btn-sm clipboard-url" data-toggle="popover" data-trigger="manual" title="{__('Poll results', 'Link to edit this particular line')}" data-content="{__('Poll results', 'The link to edit this particular line has been copied to the clipboard!')}">
|
||
<span class="btn-link glyphicon glyphicon-link"></span>
|
||
</a>
|
||
<a href="{poll_url id=$admin_poll_id admin=true action='delete_vote' action_value=$vote->id}"
|
||
class="btn btn-default btn-sm"
|
||
title="{__('Poll results', 'Remove line:')} {$vote->name|html}">
|
||
<i class="glyphicon glyphicon-remove text-danger"></i><span class="sr-only">{__('Generic', 'Remove')}</span>
|
||
</a>
|
||
|
||
{/if}
|
||
</td>
|
||
{else}
|
||
<td></td>
|
||
{/if}
|
||
</tr>
|
||
{/if}
|
||
{/foreach}
|
||
|
||
{* Line to add a new vote *}
|
||
|
||
{if $active && $editingVoteId === 0 && !$expired && $accessGranted}
|
||
<tr id="vote-form" class="hidden-print">
|
||
<td class="bg-info" class="btn-edit">
|
||
<div class="input-group input-group-sm">
|
||
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
|
||
<input type="text" id="name" name="name" class="form-control" title="{__('Generic', 'Your name')}" placeholder="{__('Generic', 'Your name')}" />
|
||
{if $poll->collect_users_mail != constant("Framadate\CollectMail::NO_COLLECT")}
|
||
<input type="email" required id="mail" name="mail" class="form-control" title="{__('Generic', 'Your email address')}" placeholder="{__('Generic', 'Your email address')}" />
|
||
{/if}
|
||
</div>
|
||
{if $poll->collect_users_mail != constant("Framadate\CollectMail::NO_COLLECT") && $poll->editable == constant('Framadate\Editable::EDITABLE_BY_ALL')}
|
||
<div class="bg-danger">
|
||
<i class="glyphicon glyphicon-alert"> </i>
|
||
<label> {__('Poll results', 'Anyone will be able to see your email address after you voted')} </label>
|
||
</div>
|
||
{/if}
|
||
</td>
|
||
{$i = 0}
|
||
{foreach $slots as $id=>$slot}
|
||
<td class="bg-info" headers="C{$id}">
|
||
<ul class="list-unstyled choice">
|
||
{if $poll->valuemax eq NULL || $best_choices['y'][$i] lt $poll->valuemax}
|
||
<li class="yes">
|
||
<input type="radio" id="y-choice-{$id}" name="choices[{$id}]" value="2"
|
||
{(!isset($selectedNewVotes[$id]) || ("2" !== $selectedNewVotes[$id])) ? "" : " checked"}
|
||
/>
|
||
<label class="btn btn-default btn-xs" for="y-choice-{$id}" title="{__('Poll results', 'Vote "yes" for')|html} {markdown_to_text markdown=$slot->title id=$id|html}">
|
||
<i class="glyphicon glyphicon-ok"></i><span class="sr-only">{__('Generic', 'Yes')}</span>
|
||
</label>
|
||
</li>
|
||
<li class="ifneedbe">
|
||
<input type="radio" id="i-choice-{$id}" name="choices[{$id}]" value="1"
|
||
{(!isset($selectedNewVotes[$id]) || ("1" !== $selectedNewVotes[$id])) ? "" : " checked"}
|
||
/>
|
||
<label class="btn btn-default btn-xs" for="i-choice-{$id}" title="{__('Poll results', 'Votes under reserve for')|html} {markdown_to_text markdown=$slot->title id=$id|html}">
|
||
(<i class="glyphicon glyphicon-ok"></i>)<span class="sr-only">{__('Generic', 'Under reserve')}</span>
|
||
</label>
|
||
</li>
|
||
{/if}
|
||
<li class="no">
|
||
<input type="radio" id="n-choice-{$id}" name="choices[{$id}]" value="0"
|
||
{(!isset($selectedNewVotes[$id]) || ("0" !== $selectedNewVotes[$id])) ? "" : " checked"}
|
||
/>
|
||
<label class="btn btn-default btn-xs {(!isset($selectedNewVotes[$id]) || ("0" !== $selectedNewVotes[$id])) ? "startunchecked" : ""}" for="n-choice-{$id}" title="{__('Poll results', 'Vote "no" for')|html} {markdown_to_text markdown=$slot->title id=$id|html}">
|
||
<i class="glyphicon glyphicon-ban-circle"></i><span class="sr-only">{__('Generic', 'No')}</span>
|
||
</label>
|
||
</li>
|
||
<li class="hide">
|
||
<input type="radio" id="n-choice-{$id}" name="choices[{$id}]" value=" "
|
||
{(isset($selectedNewVotes[$id]) && ("" !== $selectedNewVotes[$id])) ? "" : " checked"}
|
||
/>
|
||
</li>
|
||
</ul>
|
||
</td>
|
||
{$i = $i+1}
|
||
|
||
{/foreach}
|
||
<td><button type="submit" class="btn btn-success btn-md" name="save" title="{__('Poll results', 'Save choices')}">{__('Generic', 'Save')}</button></td>
|
||
</tr>
|
||
{/if}
|
||
|
||
{if !$hidden}
|
||
{* Line displaying best moments *}
|
||
{$count_bests = 0}
|
||
{$max = max($best_choices['y'])}
|
||
{if $max > 0}
|
||
<tr id="addition">
|
||
<td>{__('Poll results', 'Total')}<br/>{$votes|count} {if ($votes|count)==1}{__('Poll results', 'polled user')}{else}{__('Poll results', 'polled users')}{/if}</td>
|
||
{foreach $best_choices['y'] as $i=>$best_choice}
|
||
{if $max == $best_choice}
|
||
{$count_bests = $count_bests +1}
|
||
<td><i class="glyphicon glyphicon-star text-info"></i><span class="yes-count">{$best_choice|html}</span>{if $best_choices['inb'][$i]>0}<br/><span class="small text-muted">(+<span class="inb-count">{$best_choices['inb'][$i]|html}</span>)</span>{/if}</td>
|
||
{elseif $best_choice > 0}
|
||
<td><span class="yes-count">{$best_choice|html}</span>{if $best_choices['inb'][$i]>0}<br/><span class="small text-muted">(+<span class="inb-count">{$best_choices['inb'][$i]|html}</span>)</span>{/if}</td>
|
||
{elseif $best_choices['inb'][$i]>0}
|
||
<td><br/><span class="small text-muted">(+<span class="inb-count">{$best_choices['inb'][$i]|html}</span>)</span></td>
|
||
{else}
|
||
<td></td>
|
||
{/if}
|
||
{/foreach}
|
||
</tr>
|
||
{/if}
|
||
{/if}
|
||
</tbody>
|
||
</table>
|
||
</form>
|
||
</div>
|
||
|
||
{if !$hidden && $max > 0}
|
||
<div class="row" aria-hidden="true">
|
||
<div class="col-xs-12">
|
||
<p class="text-center" id="showChart">
|
||
<button class="btn btn-lg btn-default">
|
||
<span class="fa fa-fw fa-bar-chart"></span> {__('Poll results', 'Display the chart of the results')}
|
||
</button>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript">
|
||
$(document).ready(function () {
|
||
$('#showChart').on('click', function() {
|
||
$('#showChart')
|
||
.after("<h3>{__('Poll results', 'Chart')}</h3><canvas id=\"Chart\"></canvas>")
|
||
.remove();
|
||
|
||
var resIfneedbe = [];
|
||
var resYes = [];
|
||
|
||
$('#addition').find('td').each(function () {
|
||
var inbCountText = $(this).find('.inb-count').text();
|
||
if(inbCountText != '' && inbCountText != undefined) {
|
||
resIfneedbe.push($(this).find('.inb-count').html())
|
||
} else {
|
||
resIfneedbe.push(0);
|
||
}
|
||
|
||
var yesCountText = $(this).find('.yes-count').text();
|
||
if(yesCountText != '' && yesCountText != undefined) {
|
||
resYes.push($(this).find('.yes-count').html())
|
||
} else {
|
||
resYes.push(0);
|
||
}
|
||
});
|
||
var cols = [
|
||
{foreach $slots as $id=>$slot}
|
||
$('<div/>').html('{markdown_to_text markdown=$slot->title id=$id}').text(),
|
||
{/foreach}
|
||
];
|
||
|
||
resIfneedbe.shift();
|
||
resYes.shift();
|
||
|
||
var barChartData = {
|
||
labels : cols,
|
||
datasets : [
|
||
{
|
||
label: "{__('Generic', 'Under reserve')}",
|
||
fillColor : "rgba(255,207,79,0.8)",
|
||
highlightFill: "rgba(255,207,79,1)",
|
||
barShowStroke : false,
|
||
data : resIfneedbe
|
||
},
|
||
{
|
||
label: "{__('Generic', 'Yes')}",
|
||
fillColor : "rgba(103,120,53,0.8)",
|
||
highlightFill : "rgba(103,120,53,1)",
|
||
barShowStroke : false,
|
||
data : resYes
|
||
}
|
||
]
|
||
};
|
||
|
||
var ctx = document.getElementById("Chart").getContext("2d");
|
||
window.myBar = new Chart(ctx).StackedBar(barChartData, {
|
||
responsive : true
|
||
});
|
||
return false;
|
||
});
|
||
});
|
||
</script>
|
||
|
||
{/if}
|
||
|
||
|
||
|
||
{if !$hidden}
|
||
{* Best votes listing *}
|
||
{$max = max($best_choices['y'])}
|
||
{if $max > 0}
|
||
<div class="row">
|
||
{if $count_bests == 1}
|
||
<div class="col-sm-12"><h3>{__('Poll results', 'Best choice')}</h3></div>
|
||
<div class="col-sm-6 col-sm-offset-3 alert alert-info">
|
||
<p><i class="glyphicon glyphicon-star text-info"></i> {__('Poll results', 'The current best choice is:')}</p>
|
||
{elseif $count_bests > 1}
|
||
<div class="col-sm-12"><h3>{__('Poll results', 'Best choices')}</h3></div>
|
||
<div class="col-sm-6 col-sm-offset-3 alert alert-info">
|
||
<p><i class="glyphicon glyphicon-star text-info"></i> {__('Poll results', 'The current best choices are:')}</p>
|
||
{/if}
|
||
|
||
|
||
{$i = 0}
|
||
<ul class="list-unstyled">
|
||
{foreach $slots as $i => $slot}
|
||
{if $best_choices['y'][$i] == $max}
|
||
<li><strong>{markdown_to_text markdown=$slot->title id=$i}</strong></li>
|
||
{/if}
|
||
{$i = $i+1}
|
||
{/foreach}
|
||
</ul>
|
||
<p>{__('Generic', 'with')} <b>{$max|html}</b> {if $max==1}{__('Generic', 'vote')}{else}{__('Generic', 'votes')}{/if}.</p>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
{/if}
|