dashboard, network: add edit topology buttons, new layout for add interface buttons

circle/dashboard/templates/dashboard/index-vxlans.html

@@ -4,6 +4,9 @@
     <span class="btn btn-default btn-xs infobtn pull-right" data-container="body" title="{% trans "List of virtual networks that are available for you." %}">
       <i class="fa fa-info-circle"></i>
     </span>
+    <a href="{% url "network.editor" %}" class="btn btn-default btn-xs pull-right" data-container="body" title="{% trans "Edit network topology." %}">
+      <i class="fa fa-pencil-square-o"></i> Editor
+    </a>
     <h3 class="no-margin"><i class="fa fa-globe"></i> {% trans "Virtual networks" %}
     </h3>
   </div>

circle/dashboard/templates/dashboard/vm-detail/network.html

@@ -8,6 +8,8 @@
   <i class="fa fa-{{op.icon}}"></i> {% trans "add interface" %}</a>
   {% endif %}{% endwith %}
 </div>
+<br />
+<br />
 <div id="vm-details-add-user-interface">
   {% with op=op.add_user_interface %}{% if op %}
   <a href="{{op.get_url}}" class="btn btn-{{op.effect}} operation pull-right"

circle/dashboard/templates/dashboard/vm-list.html

@@ -15,6 +15,9 @@
           <!--<i class="fa fa-refresh fa-spin fa-2x"></i>-->
         </div>
         <a class="pull-right btn btn-success btn-xs vm-create" href="{% url "dashboard.views.vm-create" %}"><i class="fa fa-plus-circle"></i> {% trans "new virtual machine" %}</a>
+        <a href="{% url "network.editor" %}" class="btn btn-primary btn-xs pull-right" data-container="body" title="{% trans "Edit network topology." %}">
+          <i class="fa fa-pencil-square-o"></i> Edit topology
+        </a>
         <h3 class="no-margin"><i class="fa fa-desktop"></i> {% trans "Virtual machines" %}</h3>
       </div>
       <div class="panel-body">

circle/network/templates/network/vxlan-list.html

@@ -9,6 +9,9 @@
 {% block content %}
 <div class="page-header">
     <a href="{% url "network.vxlan-create" %}" class="btn btn-success pull-right"><i class="fa fa-plus-circle"></i> {% trans "Create a new vxlan" %}</a>
+    <a href="{% url "network.editor" %}" class="btn btn-primary pull-right" data-container="body" title="{% trans "Edit network topology." %}">
+      <i class="fa fa-pencil-square-o"></i> Edit topology
+    </a>
     <h1>Vxlans <small>{% trans "list of all vxlans" %}</small></h1>
 </div>