mirror of
https://framagit.org/framasoft/framadate/funky-framadate-front.git
synced 2023-08-25 13:53:14 +02:00
838 lines
35 KiB
HTML
838 lines
35 KiB
HTML
|
<!doctype html>
|
||
|
|
<html class="no-js" lang="">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||
|
|
<title>framadate-funky-frontend documentation</title>
|
||
|
|
<meta name="description" content="">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
|
||
|
|
<link rel="icon" type="image/x-icon" href="../images/favicon.ico">
|
||
|
|
<link rel="stylesheet" href="../styles/style.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div class="navbar navbar-default navbar-fixed-top visible-xs">
|
||
|
|
<a href="../" class="navbar-brand">framadate-funky-frontend documentation</a>
|
||
|
|
<button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="xs-menu menu" id="mobile-menu">
|
||
|
|
<div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="container-fluid main">
|
||
|
|
<div class="row main">
|
||
|
|
<div class="hidden-xs menu">
|
||
|
|
<compodoc-menu mode="normal"></compodoc-menu>
|
||
|
|
</div>
|
||
|
|
<!-- START CONTENT -->
|
||
|
|
<div class="content component">
|
||
|
|
<div class="content-data">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<ol class="breadcrumb">
|
||
|
|
<li>Components</li>
|
||
|
|
<li>VotingSummaryComponent</li>
|
||
|
|
</ol>
|
||
|
|
|
||
|
|
<ul class="nav nav-tabs" role="tablist">
|
||
|
|
<li class="active">
|
||
|
|
<a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
|
||
|
|
</li>
|
||
|
|
<li >
|
||
|
|
<a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
|
||
|
|
</li>
|
||
|
|
<li >
|
||
|
|
<a href="#templateData" role="tab" id="templateData-tab" data-toggle="tab" data-link="template">Template</a>
|
||
|
|
</li>
|
||
|
|
<li >
|
||
|
|
<a href="#styleData" role="tab" id="styleData-tab" data-toggle="tab" data-link="style">Styles</a>
|
||
|
|
</li>
|
||
|
|
<li >
|
||
|
|
<a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<div class="tab-content">
|
||
|
|
<div class="tab-pane fade active in" id="c-info"><p class="comment">
|
||
|
|
<h3>File</h3>
|
||
|
|
</p>
|
||
|
|
<p class="comment">
|
||
|
|
<code>src/app/pages/voting/voting-summary/voting-summary.component.ts</code>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<p class="comment">
|
||
|
|
<h3>Implements</h3>
|
||
|
|
</p>
|
||
|
|
<p class="comment">
|
||
|
|
<code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h3>Metadata</h3>
|
||
|
|
<table class="table table-sm table-hover">
|
||
|
|
<tbody>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-3">selector</td>
|
||
|
|
<td class="col-md-9"><code>framadate-voting-summary</code></td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-3">styleUrls</td>
|
||
|
|
<td class="col-md-9"><code>./voting-summary.component.scss</code></td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-3">templateUrl</td>
|
||
|
|
<td class="col-md-9"><code>./voting-summary.component.html</code></td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h3 id="index">Index</h3>
|
||
|
|
<table class="table table-sm table-bordered index-table">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<h6><b>Properties</b></h6>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<ul class="index-list">
|
||
|
|
<li>
|
||
|
|
<span class="modifier">Public</span>
|
||
|
|
<a href="#config">config</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#preferred">preferred</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#severalPreferred">severalPreferred</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<h6><b>Methods</b></h6>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<ul class="index-list">
|
||
|
|
<li>
|
||
|
|
<a href="#computePreferred">computePreferred</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#getKeys">getKeys</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#ngOnInit">ngOnInit</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<h6><b>Inputs</b></h6>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<ul class="index-list">
|
||
|
|
<li>
|
||
|
|
<a href="#pollconfig">pollconfig</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h3 id="constructor">Constructor</h3>
|
||
|
|
<table class="table table-sm table-bordered">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<code>constructor(config: <a href="../injectables/ConfigService.html">ConfigService</a>)</code>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<div class="io-line">Defined in <a href="" data-line="15" class="link-to-prism">src/app/pages/voting/voting-summary/voting-summary.component.ts:15</a></div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<div>
|
||
|
|
<b>Parameters :</b>
|
||
|
|
<table class="params">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<td>Name</td>
|
||
|
|
<td>Type</td>
|
||
|
|
<td>Optional</td>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td>config</td>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
<code><a href="../injectables/ConfigService.html" target="_self" >ConfigService</a></code>
|
||
|
|
</td>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
No
|
||
|
|
</td>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h3 id="inputs">Inputs</h3>
|
||
|
|
<table class="table table-sm table-bordered">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<a name="pollconfig"></a>
|
||
|
|
<b>pollconfig</b>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<i>Default value : </i><code>mockPoll3</code>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-2" colspan="2">
|
||
|
|
<div class="io-line">Defined in <a href="" data-line="15" class="link-to-prism">src/app/pages/voting/voting-summary/voting-summary.component.ts:15</a></div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
|
||
|
|
<h3 id="methods">
|
||
|
|
Methods
|
||
|
|
</h3>
|
||
|
|
<table class="table table-sm table-bordered">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<a name="computePreferred"></a>
|
||
|
|
<span class="name">
|
||
|
|
<b>
|
||
|
|
computePreferred
|
||
|
|
</b>
|
||
|
|
<a href="#computePreferred"><span class="icon ion-ios-link"></span></a>
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<code>computePreferred()</code>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<div class="io-line">Defined in <a href="" data-line="37"
|
||
|
|
class="link-to-prism">src/app/pages/voting/voting-summary/voting-summary.component.ts:37</a></div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<div class="io-description"><p>find the most "yes"</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="io-description">
|
||
|
|
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
<table class="table table-sm table-bordered">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<a name="getKeys"></a>
|
||
|
|
<span class="name">
|
||
|
|
<b>
|
||
|
|
getKeys
|
||
|
|
</b>
|
||
|
|
<a href="#getKeys"><span class="icon ion-ios-link"></span></a>
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<code>getKeys(obj)</code>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<div class="io-line">Defined in <a href="" data-line="30"
|
||
|
|
class="link-to-prism">src/app/pages/voting/voting-summary/voting-summary.component.ts:30</a></div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
|
||
|
|
<div class="io-description">
|
||
|
|
<b>Parameters :</b>
|
||
|
|
<table class="params">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<td>Name</td>
|
||
|
|
<td>Optional</td>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td>obj</td>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
No
|
||
|
|
</td>
|
||
|
|
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
</div>
|
||
|
|
<div class="io-description">
|
||
|
|
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="io-description">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
<table class="table table-sm table-bordered">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<a name="ngOnInit"></a>
|
||
|
|
<span class="name">
|
||
|
|
<b>
|
||
|
|
ngOnInit
|
||
|
|
</b>
|
||
|
|
<a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<code>ngOnInit()</code>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<div class="io-line">Defined in <a href="" data-line="21"
|
||
|
|
class="link-to-prism">src/app/pages/voting/voting-summary/voting-summary.component.ts:21</a></div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
|
||
|
|
<div class="io-description">
|
||
|
|
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
|
||
|
|
<h3 id="inputs">
|
||
|
|
Properties
|
||
|
|
</h3>
|
||
|
|
<table class="table table-sm table-bordered">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<a name="config"></a>
|
||
|
|
<span class="name">
|
||
|
|
<b>
|
||
|
|
<span class="modifier">Public</span>
|
||
|
|
config</b>
|
||
|
|
<a href="#config"><span class="icon ion-ios-link"></span></a>
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<i>Type : </i> <code><a href="../injectables/ConfigService.html" target="_self" >ConfigService</a></code>
|
||
|
|
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<div class="io-line">Defined in <a href="" data-line="17" class="link-to-prism">src/app/pages/voting/voting-summary/voting-summary.component.ts:17</a></div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
<table class="table table-sm table-bordered">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<a name="preferred"></a>
|
||
|
|
<span class="name">
|
||
|
|
<b>
|
||
|
|
preferred</b>
|
||
|
|
<a href="#preferred"><span class="icon ion-ios-link"></span></a>
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
||
|
|
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<i>Default value : </i><code>'rien'</code>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<div class="io-line">Defined in <a href="" data-line="12" class="link-to-prism">src/app/pages/voting/voting-summary/voting-summary.component.ts:12</a></div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
<table class="table table-sm table-bordered">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<a name="severalPreferred"></a>
|
||
|
|
<span class="name">
|
||
|
|
<b>
|
||
|
|
severalPreferred</b>
|
||
|
|
<a href="#severalPreferred"><span class="icon ion-ios-link"></span></a>
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
||
|
|
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<i>Default value : </i><code>false</code>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="col-md-4">
|
||
|
|
<div class="io-line">Defined in <a href="" data-line="13" class="link-to-prism">src/app/pages/voting/voting-summary/voting-summary.component.ts:13</a></div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="tab-pane fade tab-source-code" id="c-source">
|
||
|
|
<pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {Component, Input, OnInit} from '@angular/core';
|
||
|
|
import {ConfigService} from "../../../services/config.service";
|
||
|
|
import {mockPoll3} from "../../../config/mocks/mock-poll3";
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'framadate-voting-summary',
|
||
|
|
templateUrl: './voting-summary.component.html',
|
||
|
|
styleUrls: ['./voting-summary.component.scss']
|
||
|
|
})
|
||
|
|
export class VotingSummaryComponent implements OnInit {
|
||
|
|
|
||
|
|
preferred: string = 'rien';
|
||
|
|
severalPreferred: boolean = false;
|
||
|
|
|
||
|
|
@Input() pollconfig = mockPoll3;
|
||
|
|
|
||
|
|
constructor(public config: ConfigService) {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
ngOnInit() {
|
||
|
|
this.computePreferred();
|
||
|
|
console.log(' this.pollconfig.choices', this.pollconfig.choices)
|
||
|
|
console.log(' this.pollconfig.choices_count', this.pollconfig.choices_count.counts)
|
||
|
|
console.log('this.pollconfig.choices_count.counts[10]', this.pollconfig.choices_count.counts[10])
|
||
|
|
console.log('this.pollconfig.choices[2].id', this.pollconfig.choices[2].id)
|
||
|
|
console.log('this.pollconfig.choices_count.counts[]', this.pollconfig.choices_count.counts[this.pollconfig.choices[2].id].score)
|
||
|
|
}
|
||
|
|
|
||
|
|
getKeys(obj) {
|
||
|
|
return Object.keys(obj)
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* find the most "yes"
|
||
|
|
*/
|
||
|
|
computePreferred() {
|
||
|
|
let keys = Object.keys(this.pollconfig.choices_count.counts);
|
||
|
|
this.preferred = '';
|
||
|
|
this.severalPreferred = false;
|
||
|
|
let maxScore = this.pollconfig.choices_count.maxScore;
|
||
|
|
|
||
|
|
keys.forEach(item => {
|
||
|
|
if (maxScore === this.pollconfig.choices_count.counts[item].score) {
|
||
|
|
if (this.preferred.length) {
|
||
|
|
this.preferred += ', '
|
||
|
|
this.severalPreferred = true;
|
||
|
|
}
|
||
|
|
// find the favourite
|
||
|
|
this.preferred += this.pollconfig.choices_count.counts[item].choice_text;
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
</code></pre>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tab-pane fade " id="c-templateData">
|
||
|
|
<pre class="line-numbers"><code class="language-html"><h2 >Résumé</h2 >
|
||
|
|
<div class='heading' >
|
||
|
|
<div class='col-xs-6' >
|
||
|
|
<h1 id='title' >{{config.currentPoll.poll.title}}</h1 >
|
||
|
|
<p >{{config.currentPoll.poll.description}}</p >
|
||
|
|
<span class="creationDate" >
|
||
|
|
Créé le {{config.currentPoll.poll.creationDate.date}}
|
||
|
|
</span >
|
||
|
|
<span class="expiracyDate" >
|
||
|
|
Expire le {{config.currentPoll.poll.expiracyDate.date}}
|
||
|
|
</span >
|
||
|
|
<div class="votants" >
|
||
|
|
<i class='fa fa-users' ></i >
|
||
|
|
{{config.currentPoll.stacks.length}} votants,
|
||
|
|
{{config.currentPoll.choices.length}} choix,
|
||
|
|
</div >
|
||
|
|
</div >
|
||
|
|
</div >
|
||
|
|
<div class="preferred" >
|
||
|
|
<i class='fa fa-star' ></i >
|
||
|
|
Pour l'instant,
|
||
|
|
<span *ngIf='severalPreferred' >
|
||
|
|
les
|
||
|
|
</span > <span *ngIf='!severalPreferred' >
|
||
|
|
le
|
||
|
|
</span >
|
||
|
|
choix ayant reçu le plus grand nombre de votes ( {{config.currentPoll.choices_count.maxScore}} points )
|
||
|
|
<span *ngIf='severalPreferred' >
|
||
|
|
sont à égalité
|
||
|
|
</span > <span *ngIf='!severalPreferred' >
|
||
|
|
est
|
||
|
|
</span >
|
||
|
|
:
|
||
|
|
<span class='preferred-result' >
|
||
|
|
{{preferred}}
|
||
|
|
</span >
|
||
|
|
</div >
|
||
|
|
<table class='table is-striped is-bordered is-hoverable' >
|
||
|
|
<thead >
|
||
|
|
<tr *ngIf='config.currentPoll.choices && config.currentPoll.choices_count' >
|
||
|
|
<td >
|
||
|
|
Pseudo
|
||
|
|
</td >
|
||
|
|
<td
|
||
|
|
*ngFor='let choice of config.currentPoll.choices'
|
||
|
|
|
||
|
|
>
|
||
|
|
{{choice.text}}
|
||
|
|
</td >
|
||
|
|
</tr >
|
||
|
|
<!-- somme des points, dont un demi point pour les "peut être" -->
|
||
|
|
|
||
|
|
</thead >
|
||
|
|
<tbody >
|
||
|
|
<tr
|
||
|
|
|
||
|
|
title='somme des points, dont un demi point pour les "peut être"' >
|
||
|
|
<td >
|
||
|
|
<i class='fa fa-plus-circle' ></i > points
|
||
|
|
</td >
|
||
|
|
<!-- <td-->
|
||
|
|
<!-- *ngFor='let choice of config.currentPoll.choices'-->
|
||
|
|
<!-- [ngClass]='{"has-max-score" : config.currentPoll.choices_count.maxScore === config.currentPoll.choices_count.counts[choice.id].score}' >-->
|
||
|
|
<!-- {{config.currentPoll.choices[choice.id].score}}-->
|
||
|
|
<!-- </td >-->
|
||
|
|
<td
|
||
|
|
*ngFor='let choice of config.currentPoll.choices'
|
||
|
|
>
|
||
|
|
{{pollconfig.choices_count.counts[this.pollconfig.choices[2].id].score}}
|
||
|
|
</td >
|
||
|
|
</tr >
|
||
|
|
<tr class='details' >
|
||
|
|
<td >
|
||
|
|
<i class='fa fa-eye' ></i >
|
||
|
|
</td >
|
||
|
|
<td *ngFor='let choice of config.currentPoll.choices' >
|
||
|
|
id: {{choice.id}}
|
||
|
|
<br >
|
||
|
|
<!-- yes {{config.currentPoll.choices_count.counts[choice.id].yes.count}}-->
|
||
|
|
<!-- <br >-->
|
||
|
|
<!-- maybe-->
|
||
|
|
<!-- {{(config.currentPoll.choices_count.counts[k].yes.maybe ? config.currentPoll.choices_count.counts[k].yes.count * 0.5 : 0)}}-->
|
||
|
|
|
||
|
|
<!-- <br >-->
|
||
|
|
<!-- no {{(config.currentPoll.choices_count.counts[k].yes.maybe ? config.currentPoll.choices_count.counts[k].maybe.count * 0.5 : 0)}}-->
|
||
|
|
<br >
|
||
|
|
<!-- score :-->
|
||
|
|
<!-- {{(config.currentPoll.choices_count.counts[choice.id].score)}}-->
|
||
|
|
|
||
|
|
</td >
|
||
|
|
</tr >
|
||
|
|
<tr
|
||
|
|
class='votes-of-the-person'
|
||
|
|
*ngFor='let voteStack of config.currentPoll.stacks'
|
||
|
|
>
|
||
|
|
<td >
|
||
|
|
<!-- // TODO show modify if this is our own vote-->
|
||
|
|
|
||
|
|
<button
|
||
|
|
(click)='config.loadVoteStack(voteStack)'
|
||
|
|
*ngIf="config.currentPoll.poll.modificationPolicy === 'everybody'"
|
||
|
|
class='btn btn--primary pull-left btn--small'
|
||
|
|
>
|
||
|
|
<i class='fa fa-pencil' ></i >
|
||
|
|
</button >
|
||
|
|
|
||
|
|
{{voteStack.pseudo}}
|
||
|
|
</td >
|
||
|
|
<td *ngFor='let v of getKeys(voteStack.votes)' >
|
||
|
|
<span *ngIf='voteStack.votes[v].value' >
|
||
|
|
|
||
|
|
<img
|
||
|
|
*ngIf="voteStack.votes[v].value == 'yes'"
|
||
|
|
src='../../../../assets/img/votant-sur.svg'
|
||
|
|
alt='yes' >
|
||
|
|
<img
|
||
|
|
*ngIf="voteStack.votes[v].value == 'maybe'"
|
||
|
|
src='../../../../assets/img/votant-pas-sur.svg'
|
||
|
|
alt='yes' >
|
||
|
|
</span >
|
||
|
|
</td >
|
||
|
|
</tr >
|
||
|
|
<!-- bottom line shows each answer details-->
|
||
|
|
|
||
|
|
</tbody >
|
||
|
|
</table >
|
||
|
|
</code></pre>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tab-pane fade " id="c-styleData">
|
||
|
|
<p class="comment">
|
||
|
|
<code>./voting-summary.component.scss</code>
|
||
|
|
</p>
|
||
|
|
<pre class="line-numbers"><code class="language-scss">@import "../../../../assets/scss/variables";
|
||
|
|
|
||
|
|
.person {
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
|
||
|
|
.preferred-result {
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 1.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
thead {
|
||
|
|
font-size: 1.25em;
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
|
||
|
|
tbody {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
td {
|
||
|
|
&.has-max-score {
|
||
|
|
background: $primary_color;
|
||
|
|
font-weight: 800;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</code></pre>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tab-pane fade " id="c-tree">
|
||
|
|
<div id="tree-container"></div>
|
||
|
|
<div class="tree-legend">
|
||
|
|
<div class="title">
|
||
|
|
<b>Legend</b>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div class="color htmlelement"></div><span>Html element</span>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div class="color component"></div><span>Component</span>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div class="color directive"></div><span>Html element with directive</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="../js/libs/vis.min.js"></script>
|
||
|
|
<script src="../js/libs/htmlparser.js"></script>
|
||
|
|
<script src="../js/libs/deep-iterator.js"></script>
|
||
|
|
<script>
|
||
|
|
var COMPONENT_TEMPLATE = '<div><h2 >Résumé</h2 ><div class=\'heading\' > <div class=\'col-xs-6\' > <h1 id=\'title\' >{{config.currentPoll.poll.title}}</h1 > <p >{{config.currentPoll.poll.description}}</p > <span class="creationDate" > Créé le {{config.currentPoll.poll.creationDate.date}} </span > <span class="expiracyDate" > Expire le {{config.currentPoll.poll.expiracyDate.date}} </span > <div class="votants" > <i class=\'fa fa-users\' ></i > {{config.currentPoll.stacks.length}} votants, {{config.currentPoll.choices.length}} choix, </div > </div ></div ><div class="preferred" > <i class=\'fa fa-star\' ></i > Pour l\'instant, <span *ngIf=\'severalPreferred\' > les </span > <span *ngIf=\'!severalPreferred\' > le </span > choix ayant reçu le plus grand nombre de votes ( {{config.currentPoll.choices_count.maxScore}} points ) <span *ngIf=\'severalPreferred\' > sont à égalité </span > <span *ngIf=\'!severalPreferred\' > est </span > : <span class=\'preferred-result\' > {{preferred}} </span ></div ><table class=\'table is-striped is-bordered is-hoverable\' > <thead > <tr *ngIf=\'config.currentPoll.choices && config.currentPoll.choices_count\' > <td > Pseudo </td > <td *ngFor=\'let choice of config.currentPoll.choices\' > {{choice.text}} </td > </tr > <!-- somme des points, dont un demi point pour les "peut être" --> </thead > <tbody > <tr title=\'somme des points, dont un demi point pour les "peut être"\' > <td > <i class=\'fa fa-plus-circle\' ></i > points </td > <!-- <td--> <!-- *ngFor=\'let choice of config.currentPoll.choices\'--> <!-- [ngClass]=\'{"has-max-score" : config.currentPoll.choices_count.maxScore === config.currentPoll.choices_count.counts[choice.id].score}\' >--> <!-- {{config.currentPoll.choices[choice.id].score}}--> <!-- </td >--> <td *ngFor=\'let choice of config.currentPoll.choices\' > {{pollconfig.choices_count.counts[this.pollconfig.choices[2].id].score}} </td > </tr > <tr class=\'details\' > <td > <i class=\'fa fa-eye\' ></i > </td > <td *ngFor=\'let choice of config.currentPoll.choices\' > id: {{choice.id}} <br > <!-- yes {{config.currentPoll.choices_count.counts[choice.id].yes.count}}--> <!-- <br >--> <!-- maybe--> <!-- {{(config.currentPoll.choices_count.counts[k].yes.maybe ? config.currentPoll.choices_count.counts[k].yes.count * 0.5 : 0)}}--> <!-- <br >--> <!-- no {{(config.currentPoll.choices_count.counts[k].yes.maybe ? config.currentPoll.choices_count.counts[k].maybe.count * 0.5 : 0)}}--> <br > <!-- score :--> <!-- {{(config.currentPoll.choices_count.counts[choice.id].score)}}--> </td > </tr > <tr class=\'votes-of-the-person\' *ngFor=\'let voteStack of config.currentPoll.stacks\' > <td > <!-- // TODO show modify if this is our own vote--> <button (click)=\'config.loadVoteStack(voteStack)\' *ngIf="config.currentPoll.poll.modificationPolicy === \'everybody\'" class=\'btn btn--primary pull-left btn--small\' > <i class=\'fa fa-pencil\' ></i > </button > {{voteStack.pseudo}} </td > <td *ngFor=\'let v of getKeys(voteStack.votes)\' > <span *ngIf=\'voteStack.votes[v].value\' > <img *ngIf="voteStack.votes[v].value == \'yes\'" src=\'../../../../assets/img/votant-sur.svg\'
|
||
|
|
var COMPONENTS = [{'name': 'AdminComponent', 'selector': 'framadate-admin'},{'name': 'AnswersComponent', 'selector': 'framadate-answers'},{'name': 'AppComponent', 'selector': 'app-root'},{'name': 'BaseComponent', 'selector': 'framadate-base-page'},{'name': 'ChoicesListComponent', 'selector': 'framadate-choices-list'},{'name': 'CommentsListComponent', 'selector': 'framadate-comments-list'},{'name': 'CopyTextComponent', 'selector': 'framadate-copy-text'},{'name': 'CreateOrRetrieveComponent', 'selector': 'framadate-create-or-retrieve'},{'name': 'DatesComponent', 'selector': 'framadate-dates'},{'name': 'DebuggerComponent', 'selector': 'framadate-debugger'},{'name': 'EndConfirmationComponent', 'selector': 'framadate-end-confirmation'},{'name': 'ErasableInputComponent', 'selector': 'framadate-erasable-input'},{'name': 'HeaderComponent', 'selector': 'framadate-header'},{'name': 'HomeComponent', 'selector': 'framadate-home'},{'name': 'KindComponent', 'selector': 'framadate-page-kind'},{'name': 'NavigationComponent', 'selector': 'framadate-navigation'},{'name': 'PasswordComponent', 'selector': 'framadate-password'},{'name': 'PicturesComponent', 'selector': 'framadate-pictures'},{'name': 'PollDisplayComponent', 'selector': 'framadate-poll-display'},{'name': 'PollGraphicComponent', 'selector': 'framadate-poll-graphic'},{'name': 'ResumeComponent', 'selector': 'framadate-resume'},{'name': 'SelectorComponent', 'selector': 'framadate-selector'},{'name': 'VisibilityComponent', 'selector': 'framadate-visibility'},{'name': 'VotingChoiceComponent', 'selector': 'framadate-voting-choice'},{'name': 'VotingCommentComponent', 'selector': 'framadate-voting-comment'},{'name': 'VotingComponent', 'selector': 'framadate-voting'},{'name': 'VotingGraphComponent', 'selector': 'framadate-voting-graph'},{'name': 'VotingNavigationComponent', 'selector': 'framadate-voting-navigation'},{'name': 'VotingSummaryComponent', 'selector': 'framadate-voting-summary'}];
|
||
|
|
var DIRECTIVES = [{'name': 'DateValueAccessor', 'selector': '[useValueAsDate]'},{'name': 'ResettableInputDirective', 'selector': '[framadateResettableInput]'}];
|
||
|
|
var ACTUAL_COMPONENT = {'name': 'VotingSummaryComponent'};
|
||
|
|
</script>
|
||
|
|
<script src="../js/tree.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div><div class="search-results">
|
||
|
|
<div class="has-results">
|
||
|
|
<h1 class="search-results-title"><span class='search-results-count'></span> result-matching "<span class='search-query'></span>"</h1>
|
||
|
|
<ul class="search-results-list"></ul>
|
||
|
|
</div>
|
||
|
|
<div class="no-results">
|
||
|
|
<h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- END CONTENT -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
var COMPODOC_CURRENT_PAGE_DEPTH = 1;
|
||
|
|
var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
|
||
|
|
var COMPODOC_CURRENT_PAGE_URL = 'VotingSummaryComponent.html';
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script src="../js/libs/custom-elements.min.js"></script>
|
||
|
|
<script src="../js/libs/lit-html.js"></script>
|
||
|
|
<!-- Required to polyfill modern browsers as code is ES5 for IE... -->
|
||
|
|
<script src="../js/libs/custom-elements-es5-adapter.js" charset="utf-8" defer></script>
|
||
|
|
<script src="../js/menu-wc.js" defer></script>
|
||
|
|
|
||
|
|
<script src="../js/libs/bootstrap-native.js"></script>
|
||
|
|
|
||
|
|
<script src="../js/libs/es6-shim.min.js"></script>
|
||
|
|
<script src="../js/libs/EventDispatcher.js"></script>
|
||
|
|
<script src="../js/libs/promise.min.js"></script>
|
||
|
|
<script src="../js/libs/zepto.min.js"></script>
|
||
|
|
|
||
|
|
<script src="../js/compodoc.js"></script>
|
||
|
|
|
||
|
|
<script src="../js/tabs.js"></script>
|
||
|
|
<script src="../js/menu.js"></script>
|
||
|
|
<script src="../js/libs/clipboard.min.js"></script>
|
||
|
|
<script src="../js/libs/prism.js"></script>
|
||
|
|
<script src="../js/sourceCode.js"></script>
|
||
|
|
<script src="../js/search/search.js"></script>
|
||
|
|
<script src="../js/search/lunr.min.js"></script>
|
||
|
|
<script src="../js/search/search-lunr.js"></script>
|
||
|
|
<script src="../js/search/search_index.js"></script>
|
||
|
|
<script src="../js/lazy-load-graphs.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|