update backup details to bootstrap4
This commit is contained in:
Andreas Zweili
parent
34a89a0df7
commit
9d56537394
|
|
@ -1,82 +1,90 @@
|
|||
{% extends "core/base.html" %}
|
||||
{% block section_title %}{{ backup.name }}{% endblock %}
|
||||
{% block content %}
|
||||
<div class="ui cards">
|
||||
<div class="card">
|
||||
<div class="content">
|
||||
<div class="header">Description</div>
|
||||
<div class="description"><p>{{ backup.description }}</p></div>
|
||||
<table class="ui celled table">
|
||||
<tr>
|
||||
<td><b>Computer:</b></td>
|
||||
<td><a href="{% url 'computer' backup.computer.id %}">{{ backup.computer }}</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Backup Method:</b></td>
|
||||
<td>{{ backup.method }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Backup Software:</b></td>
|
||||
<td>{{ backup.software }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Exec Time:</b></td>
|
||||
<td>{{ backup.exec_time }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Exec Day:</b></td>
|
||||
<td>{{ backup.exec_day }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="card" style="width: 25rem;">
|
||||
<h2 class="card-header">Backup Details</h2>
|
||||
<div class="card-body">
|
||||
<p><b>Description</b></p>
|
||||
<div class="card-text"><p>{{ backup.description }}</p></div>
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><b>Computer:</b></td>
|
||||
<td><a href="{% url 'computer' backup.computer.id %}">{{ backup.computer }}</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Backup Method:</b></td>
|
||||
<td>{{ backup.method }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Backup Software:</b></td>
|
||||
<td>{{ backup.software }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Exec Time:</b></td>
|
||||
<td>{{ backup.exec_time }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Exec Day:</b></td>
|
||||
<td>{{ backup.exec_day }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if target_device_list %}
|
||||
<div class="card">
|
||||
<div class="content">
|
||||
<div class="header">Target Devices</div>
|
||||
{% for device in target_device_list %}
|
||||
<table class="ui celled table">
|
||||
<tr>
|
||||
<td><b>Target Device:</b></td>
|
||||
<td><a href="{% url 'computer' device.device.id %}">{{ device.device }}</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Target Path:</b></td>
|
||||
<td>{{ device.target_path }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card" style="width: 25rem;">
|
||||
<h2 class="card-header">Target Devices</h2>
|
||||
<div class="card-body">
|
||||
{% for device in target_device_list %}
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><b>Target Device:</b></td>
|
||||
<td><a href="{% url 'computer' device.device.id %}">{{ device.device }}</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Target Path:</b></td>
|
||||
<td>{{ device.target_path }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if notifications %}
|
||||
<div class="card">
|
||||
<div class="content">
|
||||
<div class="header">Notifications</div>
|
||||
{% for notification in notifications %}
|
||||
<table class="ui celled table">
|
||||
<tr>
|
||||
<td><b>Name:</b></td>
|
||||
<td>{{ notification.notification }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Description:</b></td>
|
||||
<td>{{ notification.notification.description }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Recipient:</b></td>
|
||||
<td>{{ notification.notification.recipient }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Type:</b></td>
|
||||
<td>{{ notification.notification.notification_type }}</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% if notifications %}
|
||||
<div class="col">
|
||||
<div class="card" style="width: 25rem;">
|
||||
<h2 class="card-header">Notifications</h2>
|
||||
<div class="card-body">
|
||||
{% for notification in notifications %}
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><b>Name:</b></td>
|
||||
<td>{{ notification.notification }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Description:</b></td>
|
||||
<td>{{ notification.notification.description }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Recipient:</b></td>
|
||||
<td>{{ notification.notification.recipient }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Type:</b></td>
|
||||
<td>{{ notification.notification.notification_type }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,32 +1,46 @@
|
|||
{% extends "core/base.html" %}
|
||||
{% block section_title %}{{ device }}{% endblock %}
|
||||
{% block content %}
|
||||
<div class="ui cards">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{% block device_details %}
|
||||
{% include "devices/device_details_block.html" %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
{% block warranty %}
|
||||
{% include "devices/warranty_block.html" %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
{% block ips %}
|
||||
{% include "devices/ip_block.html" %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
{% if device.os or software_relations or backup_relations or license_list or device.host %}
|
||||
<div class="col">
|
||||
{% if device.host %}
|
||||
<h2>Host</h2>
|
||||
<ul>
|
||||
<li><a href="{% url 'device' device.host.id %}">{{ device.host }}</a></li>
|
||||
</ul>
|
||||
{% endif %}
|
||||
|
||||
{% if device.os or software_relations or backup_relations or license_list %}
|
||||
<div class="card">
|
||||
<div class="content">
|
||||
|
||||
{% if device.os %}
|
||||
<div class="header">Operating System</div>
|
||||
<h2>Operating System</h2>
|
||||
<ul>
|
||||
<li>{{ device.os }}</li>
|
||||
</ul>
|
||||
{% endif %}
|
||||
|
||||
{% if software_relations %}
|
||||
<div class="header">Software</div>
|
||||
<h2>Software</h2>
|
||||
<ul>
|
||||
{% for relation in software_relations %}
|
||||
<li>{{ relation.software }}</li>
|
||||
|
|
@ -41,7 +55,7 @@
|
|||
{% endif %}
|
||||
|
||||
{% if backup_relations %}
|
||||
<div class="header">Backup</div>
|
||||
<h2>Backup</h2>
|
||||
<ul>
|
||||
{% for backup in backup_relations %}
|
||||
<li><a href="{% url 'backup' backup.id %}">{{ backup }}</a></li>
|
||||
|
|
@ -49,15 +63,13 @@
|
|||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if cpu_relations or ram_relations or disks_relations or raid_disk_pairs or device.host %}
|
||||
<div class="card">
|
||||
<div class="content">
|
||||
{% if cpu_relations or ram_relations or disks_relations or raid_disk_pairs %}
|
||||
<div class="col">
|
||||
{% if cpu_relations or ram_relations or disks_relations or device.host %}
|
||||
<div class="header">Hardware</div>
|
||||
<table class="ui celled table">
|
||||
<h2>Hardware</h2>
|
||||
<table class="table table-bordered">
|
||||
|
||||
{% if cpu_relations %}
|
||||
<tr>
|
||||
|
|
@ -95,9 +107,9 @@
|
|||
{% endif %}
|
||||
|
||||
{% if raid_disk_pairs %}
|
||||
<div class="header">RAID</div>
|
||||
<h2>RAID</h2>
|
||||
{% for raid, disks in raid_disk_pairs.items %}
|
||||
<table class="ui celled table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><b>Type:</b></td>
|
||||
<td>{{ raid.raid_type }}</td>
|
||||
|
|
@ -122,15 +134,8 @@
|
|||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
{% if device.host %}
|
||||
<div class="header">Host</div>
|
||||
<div class="description">
|
||||
<a href="{% url 'device' device.host.id %}">{{ device.host }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,13 @@
|
|||
{% load static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="{% static "core/css/bootstrap.min.css" %}">
|
||||
<title>Network Inventory</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="{% static "core/css/bootstrap.min.css" %}">
|
||||
|
||||
<title>Network Inventory</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
|
|
|
|||
|
|
@ -1,17 +1,23 @@
|
|||
{% extends "core/base.html" %}
|
||||
{% block section_title %}{{ device.name }}{% endblock %}
|
||||
{% block content %}
|
||||
<div class="ui cards">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{% block device_details %}
|
||||
{% include "devices/device_details_block.html" %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
{% block warranty_details %}
|
||||
{% include "devices/warranty_block.html" %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
{% block ips %}
|
||||
{% include "devices/ip_block.html" %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
<div class="card">
|
||||
<div class="content">
|
||||
<div class="header">Description</div>
|
||||
<h2>Description</h2>
|
||||
<div class="description"><p>{{ device.description }}</p></div>
|
||||
<table class="ui celled table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><b>Serial Number:</b></td>
|
||||
<td><code>{{ device.serialnumber }}</code></td>
|
||||
|
|
@ -37,5 +35,3 @@
|
|||
<td>{{ device.installation_date }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,7 @@
|
|||
{% if device.nets %}
|
||||
<div class="card">
|
||||
<div class="content">
|
||||
<div class="header">IPs</div>
|
||||
<table class="ui celled table">
|
||||
<div class="col">
|
||||
<h2>IPs</h2>
|
||||
<table class="table table-bordered">
|
||||
{% regroup device.nets by name as nets_list %}
|
||||
{% for net in nets_list %}
|
||||
<tr>
|
||||
|
|
@ -16,6 +15,5 @@
|
|||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,9 +1,8 @@
|
|||
{% if warranty_relations %}
|
||||
<div class="card">
|
||||
<div class="content">
|
||||
<div class="header">Warranty</div>
|
||||
<div class="col">
|
||||
<h2>Warranty</h2>
|
||||
{% for warranty in warranty_relations %}
|
||||
<table class="ui celled table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><b>Valid From:</b></td>
|
||||
<td>
|
||||
|
|
@ -28,5 +27,4 @@
|
|||
</table>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="header">Licenses</div>
|
||||
<table class="ui celled table">
|
||||
<h2>Licenses</h2>
|
||||
<table class="table table-bordered">
|
||||
{% for license in license_list %}
|
||||
<tr>
|
||||
<td>{{ license.license.software }}</td>
|
||||
|
|
|
|||
Loading…
Reference in New Issue