New stacked_charge function used for agent display

hitier
1 parent 2cb0a345
Showing 3 changed files with 102 additions and 50 deletions Show diff stats
app/db_mgr.py
app/main/routes.py
app/main/templates/agent.html
@@ -13,6 +13,21 @@ def agents():
     return all_agents
+def stacked_charges_by_agent(agent_id):
+    all_charges = {}
+    for (period_id, period_name) in db.session.execute("select id, name from period order by id"):
+        charge_by_project_req = """select  p.name, c.charge_rate from project p left join
+                                    charge c on p.id = c.project_id and agent_id = {} and period_id={}
+                                        order by p.id""".format(agent_id, period_id)
+        period_charge = {}
+        for project_name, project_rate in db.session.execute(charge_by_project_req):
+            period_charge[project_name] = project_rate
+        all_charges[period_name]=period_charge
+
+    pprint(all_charges)
+    return all_charges
+
+
 def charges_by_agent(agent_id):
     # all_charges = db.session.query(Charge).all()
     periods = db.session.execute("select name from period")
@@ -94,11 +94,7 @@ def charge_add():
 @bp.route('/charge/agent/<agent_id>')
 @role_required('service')
 def charge_agent(agent_id):
-    agent_charges = []
-    for [period, charge] in db_mgr.charges_by_agent(agent_id):
-        agent_charges.append({"charge": charge, "periode": period})
-    # agent_charges = [["charge", "periode"]]+db_mgr.charges_by_agent(agent_id)#agent_charges
-    resp = make_response(json.dumps(agent_charges))
+    resp = make_response(json.dumps(db_mgr.stacked_charges_by_agent(agent_id)))
     resp.headers['Content-Type'] = 'application/json'
     return resp
@@ -67,57 +67,98 @@
   // On demande à D3JS de charger notre fichier
   d3.json("{{url_for('main.charge_agent', agent_id=agent.id)}}").then(data => {
-    // Conversion des caractères en nombres
-    data.forEach(d => d.charge = +d.charge);
-
-    // Mise en relation du scale avec les données de notre fichier
-    // Pour l'axe X, c'est la liste des periodes
-    // Pour l'axe Y, c'est le max des charge
-    x.domain(data.map(d => d.periode));
-    y.domain([0, 100]);
-
-    // Ajout de l'axe X au SVG
-    // Déplacement de l'axe horizontal et du futur texte (via la fonction translate) au bas du SVG
-    // Selection des noeuds text, positionnement puis rotation
-    svg.append("g")
-        .attr("transform", "translate(0," + height + ")")
-        .call(d3.axisBottom(x).tickSize(5))
-        .selectAll("text")
-        .style("text-anchor", "end")
-        .attr("dx", "-.8em")
-        .attr("dy", ".15em")
-        .attr("transform", "rotate(-65)");
-
-
-   svg.append("text")
-    .attr("text-anchor", "end")
-    .attr("transform", "rotate(-90)")
-    .attr("y", -margin.left+60)
-    .attr("x", -margin.top-70)
-    .text("Charge (ETP)")
-
-
-    // Ajout de l'axe Y au SVG avec 6 éléments de légende en utilisant la fonction ticks (sinon D3JS en place autant qu'il peut).
-    svg.append("g")
-        .call(d3.axisLeft(y).ticks(6));
-
-    // Ajout des bars en utilisant les données de notre fichier data.tsv
-    // La largeur de la barre est déterminée par la fonction x