Various clarifications & typos after 3rd-party readings

Thanks to KheOps & jkiwi

costs/templates/costs/base.html

@@ -21,6 +21,7 @@
   <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/grid.css" %}" >
   <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/header.css" %}" >
   <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/icon.css" %}" >
+  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/message.css" %}" >
   <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/table.css" %}" >
   <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/grid.css" %}" >
   <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/segment.css" %}" >

costs/templates/costs/document_detail.html

@@ -33,7 +33,7 @@
 <h2>Services proposés aux adhérents</h2>
 
 <p class="ui text container">
-  Cliquer sur un service pour accéder au détail de son coût par abonnement.
+  Combien chaque abonnement à un service coûte à l'association ?
 </p>
 
 <ul class="ui text container">
@@ -50,18 +50,18 @@
 </section>
 
 <section class="ui row">
-<h2>Coûts récurents</h2>
+<h2>Que paye FAImaison chaque mois ?</h2>
 
 <div class="ui text container">
 <p>
-Sont listés ici les coûts facturés à l'association mensuellement.
+Coûts facturés à l'association mensuellement pour fournir l'ensemble des services.
 </p>
 
 <table class="ui structured table">
   <thead>
     <tr>
-      <th>Désignation</th><th>Capacité totale</th>
-      <th>Occupation</th><th>Coût mensuel</th>
+      <th>Désignation</th><th>Forfait souscrit</th>
+      <th>Coût mensuel</th>
     </tr>
   </thead>
   <tbody>
@@ -83,7 +83,6 @@ Sont listés ici les coûts facturés à l'association mensuellement.
         n/a
         {% endif %}
       </td>
-      <td>{{ cost.used_fraction|percent }}</td>
       <td>{{ cost.price|price }}</td>
     </tr>
 {% empty %}
@@ -108,8 +107,6 @@ Sont listés ici les coûts facturés à l'association mensuellement.
   <thead>
     <tr>
       <th>Désignation</th>
-      <th>Capacité totale</th>
-      <th>Occupation</th>
       <th>Coût d'achat</th>
     </tr>
   </thead>
@@ -126,16 +123,6 @@ Sont listés ici les coûts facturés à l'association mensuellement.
       {% endif %}
     </td>
     <td>
-        {% if good.capacity_unit %}
-          {{ good.total_capacity|human_round }} {{ good.get_capacity_unit_display }}
-        {% else %}
-          n/a
-        {% endif %}
-    </td>
-    <td>
-      {{ good.used_fraction|percent }}
-    </td>
-    <td>
       {{good.price|price }}
     </td>
   </tr>

costs/templates/costs/service_detail.html

@@ -40,11 +40,21 @@
 
 {% block content %}
   <section class="text container ui row">
+    <div class="ui icon message">
+      <i class="money icon"></i>
+      <div class="content">
+        <div class="header">
+
+        </div>
+        <p>
+          La fourniture d'un abonement <em>{{ service.name }}</em> coûte <strong>{{ consolidated_cost|price }}</strong> par mois à l'association.
+        </p>
+      </div>
+    </div>
     <div class="segment">
       <p>
 Ce détail du <em>prix coûtant</em> vous permet de choisir le <strong>prix
-  libre</strong> de votre abonnement (et éventuellement de choisir de payer des
-  frais d'accès).
+  libre</strong> de votre abonnement.
       </p>
       <p>
 Le but n'est pas que tout le monde paye le prix coûtant, mais plutôt que chacun
@@ -52,7 +62,7 @@ contribue selon ses moyens financiers et sa volonté ; les personnes payant plus
   finançant <strong>solidairement</strong> le service pour ceux qui payent moins.
       </p>
       <p>
-Outre le prix de revient, il est important de noter que <strong>l'association a
+Outre le coût mensuel, il est important de noter que <strong>l'association a
 besoin d'une marge</strong> pour développer son activité, lancer de nouveaux
 chantiers, et parer aux imprévus. Bien qu'elle n'apparaisse pas ici, il est
   donc nécessaire d'inclure cette marge dans votre calcul.
@@ -60,20 +70,44 @@ chantiers, et parer aux imprévus. Bien qu'elle n'apparaisse pas ici, il est
     </div>
   </section>
 
-  <h2>Coût récurent mensuel</h2>
+
+  <table class="ui celled  table">
+    <thead>
+      <tr><th>Désignation</th><th class="right aligned">Coût mensuel par abonnement</th></tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>
+          + Coût mensuel
+          <a href="#recuring-details"><i class="info yellow circle icon" title="Détails"></i></a>
+        </td>
+        <td class="right aligned">{{ unit_recurring_price|price }}</td>
+      </tr>
+      <tr>
+        <td>
+          + Coût de mise service (réparti sur 36 mois)
+          <a href="#setup-details"><i class="info green circle icon"></i></a>
+        </td>
+        <td class="right aligned">{{ monthly_fas|price }}</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <th><strong>= Coût mensuel total</strong></th><th class="right aligned"><strong>{{ consolidated_cost|price }}</strong></th>
+      </tr>
+    </tfoot>
+    </table>
+
+  <h2 id="recuring-details"><i class="info yellow circle icon"></i>Détail des coûts mensuels</h2>
 
   <section class="ui row">
 
     <div class="ui text container">
   <p>
-Les coûts du document <a href="{{ document.get_absolute_url }}">{{ document }}</a>
-sont répartis entre les différents services puis à part égale entre chaque
-abonnement au service.
+    <em>L'amortissement</em> permet à l'association d'anticiper le renouvellement du matériel lorsqu'il casse ou devient obsolète.
   </p>
-
   <p>
-<em>L'amortissement</em> correspond à une provision pour le renouvellement du
-matériel et des investissements à l'échéance de leur durée de vie.
+   Le <em>récurrent</em> correspond aux coûts que l'association doit payer chaque mois à ses fournisseurs.
   </p>
     </div>
 
@@ -105,7 +139,7 @@ matériel et des investissements à l'échéance de leur durée de vie.
   {% for usage in costs_uses %}
       <tr>
       {% if forloop.first %}
-        <td rowspan="{{ costs_uses|length }}">Récurent</td>
+        <td rowspan="{{ costs_uses|length }}">Récurrent</td>
       {% endif %}
         <td>
       {{ usage.resource.name }}
@@ -123,7 +157,7 @@ matériel et des investissements à l'échéance de leur durée de vie.
   {% for usage in services_uses %}
       <tr>
       {% if forloop.first %}
-        <td rowspan="{{ costs_uses|length }}">Récurent (service)</td>
+        <td rowspan="{{ costs_uses|length }}">Récurrent (service)</td>
       {% endif %}
         <td>
           <a href="{{ usage.resource.get_absolute_url }}">service {{ usage.resource.name }}</a>
@@ -138,39 +172,21 @@ matériel et des investissements à l'échéance de leur durée de vie.
         <td class="right aligned">{{ usage.unit_cost_share|price }}</td>
       </tr>
   {% endfor %}
-
     </tbody>
-    <tfoot>
-      <tr>
-        <th colspan="2"><strong>Coût de revient par abonnement</strong></th>
-        <th class="right aligned"><strong>{{ unit_recurring_price|price }}</strong></th>
-      </tr>
-    </tfoot>
   </table>
 </section>
-  <h2>Coût de mise en place (FAS)</h2>
+  <h2 id="setup-details"><i class="info green circle icon"></i>Détail des coûts de mise en service</h2>
 
 
 <section class="ui row">
 
   <div class="ui text container">
-  <p>
-Les coûts de mise en place peuvent être pris en charge de différentes
-manières (complémentaires) :
-  </p>
-  <ul>
-    <li>Contribution volontaire au moment de l'inscription</li>
-    <li>Prise en charge étalée dans le temps et sur les adhérents via une
-contribution supplémentaire sur l'abonnement (si vous en avez les moyens,
-payer les premiers mois d'un coup permet à l'association d'avoir un peu
-d'avance de trésorerie)</li>
-    <li>Prise en charge par les fonds de l'association reçus par subvention
-(5.000€ par Nantes Métropole en 2015)</li>
-  </ul>
-
-  <p>
-    À vous de voir :-)
-  </p>
+    <p>
+      Des coûts ont lieu au moment de la mise en service d'un nouvel abonnement (ex: achat de matériel). Afin d'éviter un coût trop important pour l'adhérent, l'association propose d'étaler ce coût sur 3 ans.
+    </p>
+    <p>
+      Libre à vous, si vous souhaitez aider la trésorie de l'asso de payer vos 6 premiers mois de l'abonnement d'un coup.
+    </p>
   </div>
   <table class="ui celled structured table">
     <thead>
@@ -198,17 +214,9 @@ d'avance de trésorerie)</li>
 {% endfor %}
 
     </tbody>
-    <tfoot>
-      <tr>
-        <th><strong>Coût de mise en place par nouvel abonnement</strong></th>
-        <th><strong>{{ unit_goods_value_share|price }}</strong></th>
-      </tr>
-    </tfoot>
   </table>
 
-  <p class="ui text container">
-Lissée sur 12 mois, la mise en place équivaut à {{ monthly_fas|price }}/mois.
-  </p>
+  <p class="ui text container"></p>
 
 </section>
 

costs/views.py

@@ -50,6 +50,7 @@ def detail_service(request, pk):
 
     context = {}
     context.update(service.get_prices())
+    monthly_fas = context['unit_goods_value_share']/36
     context.update({
         'breadcrumbs': breadcrumbs,
         'document': doc,
@@ -57,7 +58,7 @@ def detail_service(request, pk):
         'costs_uses': costs_uses,
         'goods_uses': goods_uses,
         'services_uses': services_uses,
-        'monthly_fas': context['unit_goods_value_share']/12,
+        'monthly_fas': monthly_fas,
+        'consolidated_cost': monthly_fas + context['unit_recurring_price'],
     })
-
     return render(request, 'costs/service_detail.html', context)