1
0
Fork 0

Change TLE panel in satellite page

Signed-off-by: Alfredos-Panagiotis Damkalis <fredy@fredy.gr>
spacecruft
Alfredos-Panagiotis Damkalis 2020-08-05 11:59:27 +03:00
parent f6d2bcdc93
commit ed6ac366fb
3 changed files with 46 additions and 47 deletions

View File

@ -182,6 +182,11 @@
border-radius: 5px;
}
.tle-set {
border: 1px black solid;
width: max-content;
}
.c-avatar {
position: relative;
display: inline-flex;

View File

@ -14,7 +14,7 @@
{% block content %}
<div class="row px-2 pt-2 card-deck">
<div class="col-md-6 col-xl-4 satellite-panels">
<div class="col-md-6 col-xl-4">
<h4 class="text-satnogs text-center mb-0">New Satellites</h4>
{% for satellite in newest_sats %}
@ -22,7 +22,7 @@
{% endfor %}
</div>
<div class="col-md-6 col-xl-4 satellite-panels">
<div class="col-md-6 col-xl-4">
<h4 class="text-satnogs text-center mb-0">Latest Data</h4>
{% for satellite in latest_data %}
@ -30,7 +30,7 @@
{% endfor %}
</div>
<div class="col-xs-12 col-xl-4 satellite-panels">
<div class="col-xs-12 col-xl-4">
<h4 class="text-satnogs text-center mb-0">Recent Contributors</h4>
<div class="card shadow card-outline card-satnogs my-3">
{% if latest_submitters.count %}
@ -78,4 +78,4 @@
</div>
</div>
{% endblock %}
{% endblock %}

View File

@ -505,49 +505,43 @@
<!-- Orbital Elements Section -->
{% if satellite.latest_tle.redistributable %}
<div class="row">
<div class="col-md-12 satellite-panels">
<div class="card card-info">
<div class="card-header card-satnogs-header">
Orbital Elements
</div>
<div class="card-body">
<div class="col-md-12">
<div class="row">
<div class="col-12 col-md-6 my-2">
<div class="card card-info">
<div class="card-header card-satnogs-header">
Orbital Elements
</div>
<div class="card-body text-sm">
<div class="col-md-12">
<div class="card panel-primary panel-tle">
<div class="card-header satnogs-card-header">
<span class="tle-title">Latest TLE</span>
</div>
<div class="card-body">
<div class="col-md-12">
<div class="card panel-primary panel-tle">
<div class="card-header satnogs-card-header">
<span class="tle-title">Latest TLE</span>
</div>
<div class="card-body">
<div class="col-md-12">
<div class="row tle-element">
<div class="col-md-2">
<span class="badge badge-secondary satellite-detail-badge">NORAD ID</span>
</div>
<div class="col-md-10">
{{ satellite.latest_tle.norad_cat_id }}
</div>
</div>
<div class="row tle-element">
<div class="col-md-2">
<span class="badge lbadge-secondary satellite-detail-badge">TLE source</span>
</div>
<div class="col-md-10">
{{ satellite.latest_tle.source }}
</div>
</div>
<div class="row tle-element">
<div class="col-md-2">
<span class="badge badge-secondary satellite-detail-badge">TLE</span>
</div>
<div class="col-md-10">
<pre>{{ satellite.latest_tle.tle1 }}<br>{{ satellite.latest_tle.tle2 }}</pre>
</div>
</div>
</div>
</div>
</div>
<dl class="row mb-0">
<dt class="col-md-2">
NORAD ID
</dt>
<dd class="col-md-10">
{{ satellite.latest_tle.norad_cat_id }}
</dd>
</dl>
<dl class="row mb-0">
<dt class="col-md-2">
TLE source
</dt>
<dd class="col-md-10">
{{ satellite.latest_tle.source }}
</dd>
</dl>
<dl class="row mb-0">
<dt class="col-md-2">
TLE Set
</dt>
<dd class="col-md-10">
<pre class="tle-set">{{ satellite.latest_tle.tle1 }}<br>{{ satellite.latest_tle.tle2 }}</pre>
</dd>
</dl>
</div>
</div>
</div>
@ -596,4 +590,4 @@
<script src="{% static 'lib/mapbox-gl/dist/mapbox-gl.js' %}"></script>
<script src="{% static 'js/map.js' %}"></script>
{% endif %}
{% endblock %}
{% endblock %}