Modification esthetiques

topologie/templates/topologie/graph_switch.dot

 {% block graph_dot %}
-digraph switchs {
+digraph Topologie {
 node [
 fontname=Helvetica
 fontsize=8
@@ -12,44 +12,71 @@ edge[arrowhead=odot,arrowtail=dot]
 subgraph cluster_{{ sub.bat_id }} {
 label="Batiment {{ sub.bat_name }}";
 
+{% if sub.bornes %}
+node [label=<
+<TABLE BGCOLOR="{{ colors.back}}" BORDER="1" COLOR="#021f87" CELLBORDER="0" CELLSPACING="0">
+<TH>
+	<TD COLSPAN="2" CELLPADDING="4" ALIGN="CENTER" BGCOLOR="{{ colors.head_bornes }}"> 
+	<FONT FACE="Helvetica Bold" COLOR="white">Borne</FONT></TD>
+	<TD COLSPAN="2" CELLPADDING="4" ALIGN="CENTER" BGCOLOR="{{ colors.head_bornes }}"> 
+	<FONT FACE="Helvetica Bold" COLOR="white">Switch</FONT></TD>
+	<TD COLSPAN="2" CELLPADDING="4" ALIGN="CENTER" BGCOLOR="{{ colors.head_bornes }}"> 
+	<FONT FACE="Helvetica Bold" COLOR="white">Port</FONT></TD>
+</TH>
+
 {% block bornes %}
 {% for borne in sub.bornes %}
-node[label="{{borne.name}}"] {{borne.id}};
+<TR>
+	<TD COLSPAN="2" CELLPADDING="4" ALIGN="CENTER" BORDER="0">
+		<FONT COLOR="{{ colors.texte }}" >{{ borne.name }}</FONT>
+	</TD>
+	<TD COLSPAN="2" CELLPADDING="4" ALIGN="CENTER" BORDER="0">
+		<FONT COLOR="{{ colors.texte }}" >{{ borne.switch }}</FONT>
+	</TD>
+	<TD COLSPAN="2" CELLPADDING="4" ALIGN="CENTER" BORDER="0">
+		<FONT COLOR="{{ colors.texte }}" >{{ borne.port }}</FONT>
+	</TD>
+</TR>
 {% endfor %}
 {% endblock %}
 
+</TABLE>
+>] {{sub.bat_name}}bornes;
+{% endif %}
+
+
 {% block switchs %}
 {% for switch in sub.switchs %}
 node [label=<
-<TABLE BGCOLOR="palegoldenrod" BORDER="0" CELLBORDER="0" CELLSPACING="0">
-<TR><TD COLSPAN="2" CELLPADDING="4" ALIGN="CENTER" BGCOLOR="olivedrab4">
+<TABLE BGCOLOR="{{ colors.back }}" BORDER="0" CELLBORDER="0" CELLSPACING="0">
+<TR><TD COLSPAN="2" CELLPADDING="4" ALIGN="CENTER" BGCOLOR="{{ colors.head }}">
 <FONT FACE="Helvetica Bold" COLOR="white">
 {{ switch.name }}
 </FONT></TD></TR>
 <TR><TD ALIGN="LEFT" BORDER="0">
-<FONT COLOR="#7B7B7B" >Modèle</FONT>
+<FONT COLOR="{{ colors.texte }}" >Modèle</FONT>
 </TD>
 <TD ALIGN="LEFT">
-<FONT COLOR="#7B7B7B" >{{ switch.model }}</FONT>
+<FONT COLOR="{{ colors.texte }}" >{{ switch.model }}</FONT>
 </TD></TR>
 <TR><TD ALIGN="LEFT" BORDER="0">
-<FONT COLOR="#7B7B7B" >Nombre de ports</FONT>
+<FONT COLOR="{{ colors.texte }}" >Taille</FONT>
 </TD>
 <TD ALIGN="LEFT">
-<FONT>{{ switch.nombre }}</FONT>
+<FONT COLOR="{{ colors.texte }}" >{{ switch.nombre }}</FONT>
 </TD></TR>
 {% block liens %}
 {% for port in switch.ports %}
 <TR><TD ALIGN="LEFT" BORDER="0">
-<FONT COLOR="#7B7B7B" >{{ port.numero }}</FONT>
+<FONT COLOR="{{ colors.texte }}" >{{ port.numero }}</FONT>
 </TD>
 <TD ALIGN="LEFT">
-<FONT>{{ port.related }}</FONT>
+<FONT COLOR="{{ colors.texte }}" >{{ port.related }}</FONT>
 </TD></TR>
 {% endfor %}
 {% endblock %}
 </TABLE>
->] {{ switch.id }} ;
+>] "{{ switch.id }}" ;
 {% endfor %}
 {% endblock %}
 }
@@ -59,9 +86,9 @@ node [label=<
 
 {% block isoles %}
 {% for switchs in alone %}
-{{switchs.id}} [label=<
-<TABLE BGCOLOR="palegoldenrod" BORDER="0" CELLBORDER="0" CELLSPACING="0">
-<TR><TD COLSPAN="2" CELLPADDING="4" ALIGN="CENTER" BGCOLOR="olivedrab4">
+"{{switchs.id}}" [label=<
+<TABLE BGCOLOR="{{ colors.back }}" BORDER="0" CELLBORDER="0" CELLSPACING="0">
+<TR><TD COLSPAN="2" CELLPADDING="4" ALIGN="CENTER" BGCOLOR="{{ colors.head }}">
 <FONT FACE="Helvetica Bold" COLOR="white">
 {{switchs.name}}
 </FONT></TD></TR>