Skip to content
Snippets Groups Projects
Commit d861e67c authored by Lluis Gifre Renom's avatar Lluis Gifre Renom
Browse files

Pre-merge code cleanup

parent b9e5f982
No related branches found
No related tags found
2 merge requests!294Release TeraFlowSDN 4.0,!285Resolve: "(CNIT) New SBI Driver based on OpenROADM for ROADMs"
Hide whitespace changes
Inline Side-by-side
src/webui/service/templates/opticalconfig/details.html
+ 111
− 127
View file @ d861e67c
...@@ -14,145 +14,129 @@ ...@@ -14,145 +14,129 @@
limitations under the License. limitations under the License.
--> -->
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content %} {% block content %}
<h1>Optical Configurations</h1> <h1>Optical Configurations</h1>
<div class="row"> <div class="row">
{% if device %} {% if device %}
<div class="col-sm-12"> <div class="col-sm-12">
<span>Device ID:</span> <span>Device ID:</span>
<h5>{{config_id}}</h5> <h5>{{config_id}}</h5>
</div> </div>
<div class="col-sm-12"> <div class="col-sm-12">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="row mb-3 "> <div class="row mb-3 ">
<div class="col-sm-3">
<div class="col-sm-3"> <button type="button" class="btn btn-success" onclick="window.location.href='{{ url_for('opticalconfig.home') }}'">
<button type="button" class="btn btn-success" onclick="window.location.href='{{ url_for('opticalconfig.home') }}'"> <i class="bi bi-box-arrow-in-left"></i>
<i class="bi bi-box-arrow-in-left"></i> Back to device list
Back to device list </button>
</button> </div>
<div class="col-sm-3">
<!-- <button type="button" class="btn btn-danger"><i class="bi bi-x-square"></i>Delete device</button> -->
<button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#deleteModal">
<i class="bi bi-x-square"></i>
Delete Optical Config
</button>
</div>
</div> </div>
<div class="col-sm-3"> </div>
<!-- <button type="button" class="btn btn-danger"><i class="bi bi-x-square"></i>Delete device</button> --> <div class="col-sm-12">
<button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#deleteModal"> <span>Device Name:</span>
<i class="bi bi-x-square"></i> <span>{{device_name}}</span>
Delete Optical Config
</button>
</div> </div>
</div> </div>
</div>
<div class="col-sm-12">
<span>Device Name:</span>
<span>{{device_name}}</span>
</div>
</div>
{% if type == 'optical-transponder' %}
<table class="table table-striped table-hover">
<thead>
<tr>
<th scope="col">channel name</th>
<th scope="col">Frequency</th>
<th scope="col">Target Output Power</th>
<th scope="col">Operational Mode</th>
<th scope="col">Line Port</th>
<th scope="col">Channel Status</th>
</tr>
</thead>
<tbody>
{% for channel in device %}
<tr style="background-color:{%if channel.status == 'DISABLED' %} gray {% endif %};">
<td>{{channel.name.index}}</td>
<td>{{channel.frequency}}</td>
<td>{{channel.targetOutputPower}}</td>
<td>{{channel.operationalMode}}</td>
<td>{{channel.line_port}}</td>
<td>{{channel.status}}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% elif type == 'openroadm' %}
<table class="table table-striped table-hover">
<thead>
<tr>
<th scope="col"> name</th>
<th scope="col"> type</th>
<th scope="col">administrative state</th>
<th scope="col">circuit pack name</th>
<th scope="col">port</th>
<th scope="col">interface list</th>
<th scope="col">frequency</th>
<th scope="col">width</th>
</tr>
</thead>
<tbody>
{% for channel in device %}
<tr style="background-color:{%if channel.status == 'DISABLED' %} gray {% endif %};">
<td>{{channel.name}}</td>
<td>{{channel.type}}</td>
<td>{{channel.administrative_state}}</td>
<td> {{channel.circuit_pack_name}}</td>
<td>{{channel.port}}</td>
<td>{{channel.interface_list}}</td>
<td> {{channel.frequency}}</td>
<td> {{channel.width}}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% else %} {% if type == 'optical-transponder' %}
<table class="table table-striped table-hover"> <table class="table table-striped table-hover">
<thead> <thead>
<tr> <tr>
<th scope="col">Channel Index</th> <th scope="col">channel name</th>
<th scope="col">Optical Band Parent</th> <th scope="col">Frequency</th>
<th scope="col">Band Name</th> <th scope="col">Target Output Power</th>
<th scope="col">Lower Frequency</th> <th scope="col">Operational Mode</th>
<th scope="col">Upper Frequency</th> <th scope="col">Line Port</th>
<th scope="col">type</th> <th scope="col">Channel Status</th>
<th scope="col"> Source Port</th> </tr>
<th scope="col">Destination Port</th> </thead>
<th scope="col">Channel Status </th> <tbody>
{% for channel in device %}
</tr> <tr style="background-color:{%if channel.status == 'DISABLED' %} gray {% endif %};">
</thead> <td>{{channel.name.index}}</td>
<tbody> <td>{{channel.frequency}}</td>
<td>{{channel.targetOutputPower}}</td>
{% for channel in device %} <td>{{channel.operationalMode}}</td>
<tr> <td>{{channel.line_port}}</td>
<td>{{channel.channel_index}}</td> <td>{{channel.status}}</td>
<td>{{channel.optical_band_parent}}</td> </tr>
<td> {{channel.band_name}}</td> {% endfor %}
<td>{{channel.lower_frequency}}</td> </tbody>
<td>{{channel.upper_frequency}}</td> </table>
<td> {{channel.type}}</td> {% elif type == 'openroadm' %}
<td>{{channel.src_port}}</td> <table class="table table-striped table-hover">
<td>{{channel.dest_port}}</td> <thead>
<td> {{channel.status}}</td> <tr>
<th scope="col"> name</th>
</tr> <th scope="col"> type</th>
{% endfor %} <th scope="col">administrative state</th>
<th scope="col">circuit pack name</th>
</tbody> <th scope="col">port</th>
</table> <th scope="col">interface list</th>
<th scope="col">frequency</th>
{% endif%} <th scope="col">width</th>
</tr>
</div> </thead>
<tbody>
{% for channel in device %}
<tr style="background-color:{%if channel.status == 'DISABLED' %} gray {% endif %};">
<td>{{channel.name}}</td>
<td>{{channel.type}}</td>
<td>{{channel.administrative_state}}</td>
<td>{{channel.circuit_pack_name}}</td>
<td>{{channel.port}}</td>
<td>{{channel.interface_list}}</td>
<td>{{channel.frequency}}</td>
<td>{{channel.width}}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% else %}
<table class="table table-striped table-hover">
<thead>
<tr>
<th scope="col">Channel Index</th>
<th scope="col">Optical Band Parent</th>
<th scope="col">Band Name</th>
<th scope="col">Lower Frequency</th>
<th scope="col">Upper Frequency</th>
<th scope="col">type</th>
<th scope="col">Source Port</th>
<th scope="col">Destination Port</th>
<th scope="col">Channel Status </th>
</tr>
</thead>
<tbody>
{% for channel in device %}
<tr>
<td>{{channel.channel_index}}</td>
<td>{{channel.optical_band_parent}}</td>
<td>{{channel.band_name}}</td>
<td>{{channel.lower_frequency}}</td>
<td>{{channel.upper_frequency}}</td>
<td>{{channel.type}}</td>
<td>{{channel.src_port}}</td>
<td>{{channel.dest_port}}</td>
<td>{{channel.status}}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endif%}
</div>
{% else %} {% else %}
<div class="col"> <div class="col">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment