arona/PyRIGS
1
0
Fork 0
mirror of https://github.com/nottinghamtec/PyRIGS.git synced 2026-01-31 04:12:15 +00:00
Code Issues Projects Releases Wiki Activity

Revert "Very initial pass at reimplementing event table fully responsive"

Browse Source 
This reverts commit f5d875d153.
This commit is contained in:
FreneticScribbler
2021-03-02 11:11:18 +00:00
parent 5382d8ae00
commit ac0425740e
2 changed files with 89 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

185
RIGS/templates/partials/event_table.html
View File

@@ -1,113 +1,104 @@
{% load namewithnotes from filters %} {% load namewithnotes from filters %}
<style> <div class="table-responsive">
.eventgrid { <table class="table mb-0" id="event_table">
display: grid; <thead>
grid-template-columns: 0.5fr 2fr 4fr 1fr; <tr>
border: solid 3px black; <th scope="col">#</th>
padding: 1em; <th scope="col">Dates & Times</th>
} <th scope="col">Event Details</th>
@media (max-width: 600px) { <th scope="col">MIC</th>
.eventgrid { </tr>
grid-template-columns: 1fr; </thead>
} <tbody>
.grid-header { {% for event in events %}
display: none; <tr class="{% if event.cancelled %}
} table-secondary
#event_dates {
order: 2;
}
}
</style>
<div id="event_table">
<div class="eventgrid grid-header font-weight-bold">
<div>#</div>
<div>Dates & Times</div>
<div>Event Details</div>
<div>MIC</div>
</div>
{% for event in events %}
<div class="eventgrid {% if event.cancelled %}
bg-secondary
{% elif not event.is_rig %} {% elif not event.is_rig %}
bg-info table-info
{% elif not event.mic %} {% elif not event.mic %}
bg-danger table-danger
{% elif event.confirmed and event.authorised %} {% elif event.confirmed and event.authorised %}
{% if event.dry_hire or event.riskassessment %} {% if event.dry_hire or event.riskassessment %}
bg-success table-success
{% else %} {% else %}
bg-warning table-warning
{% endif %} {% endif %}
{% else %} {% else %}
bg-warning table-warning
{% endif %}" {% if event.cancelled %}style="opacity: 50% !important;"{% endif %} id="event_row"> {% endif %}" {% if event.cancelled %}style="opacity: 50% !important;"{% endif %} id="event_row">
<!---Number--> <!---Number-->
<div class="font-weight-bold d-none d-sm-block" id="event_number">{{ event.display_id }}</div> <th scope="row" id="event_number">{{ event.display_id }}</th>
<!--Dates & Times--> <!--Dates & Times-->
<div id="event_dates"> <td id="event_dates">
<span class="text-nowrap attribute">Start: <strong>{{ event.start_date|date:"D d/m/Y" }}</strong> <span class="text-nowrap">Start: <strong>{{ event.start_date|date:"D d/m/Y" }}</strong>
{% if event.has_start_time %} {% if event.has_start_time %}
{{ event.start_time|date:"H:i" }} {{ event.start_time|date:"H:i" }}
{% endif %}
</span>
{% if event.end_date %}
<br>
<span class="text-nowrap">End: {% if event.end_date != event.start_date %}<strong>{{ event.end_date|date:"D d/m/Y" }}</strong>{% endif %}
{% if event.has_end_time %}
{{ event.end_time|date:"H:i" }}
{% endif %} {% endif %}
</span> </span>
{% endif %} {% if event.end_date %}
{% if not event.cancelled %} <br>
{% if event.meet_at %} <span class="text-nowrap">End: {% if event.end_date != event.start_date %}<strong>{{ event.end_date|date:"D d/m/Y" }}</strong>{% endif %}
<br><span>Crew meet: <strong>{{ event.meet_at|date:"H:i" }}</strong> {{ event.meet_at|date:"(d/m/Y)" }}</span> {% if event.has_end_time %}
{% endif %} {{ event.end_time|date:"H:i" }}
{% if event.access_at %}
<br><span>Access at: <strong>{{ event.access_at|date:"H:i" }}</strong> {{ event.access_at|date:"(d/m/Y)" }}</span>
{% endif %}
{% endif %}
</div>
<!---Details-->
<div id="event_details" class="w-100">
<h4>
<a href="{% url 'event_detail' event.pk %}">
{{ event.name }}
</a>
{% if event.venue %}
<small>at {{ event.venue|namewithnotes:'venue_detail' }}</small>
{% endif %}
{% if event.dry_hire %}
<span class="badge badge-secondary">Dry Hire</span>
{% endif %}
</h4>
{% if event.is_rig and not event.cancelled %}
<h5>
{{ event.person.name }}
{% if event.organisation %}
for {{ event.organisation.name }}
{% endif %} {% endif %}
</h5> </span>
{% endif %}
{% if not event.cancelled and event.description %}
<p>{{ event.description|linebreaksbr }}</p>
{% endif %}
{% include 'partials/event_status.html' %}
</div>
<!---MIC-->
<div id="event_mic" class="text-nowrap">
{% if event.mic %}
{% if perms.RIGS.view_profile %}
<a href="{% url 'profile_detail' event.mic.pk %}" class="modal-href">
{% endif %} {% endif %}
<img src="{{ event.mic.profile_picture }}" class="event-mic-photo"/> {% if not event.cancelled %}
{{ event.mic }} {% if event.meet_at %}
{% if perms.RIGS.view_profile %} <br><span>Crew meet: <strong>{{ event.meet_at|date:"H:i" }}</strong> {{ event.meet_at|date:"(d/m/Y)" }}</span>
{% endif %}
{% if event.access_at %}
<br><span>Access at: <strong>{{ event.access_at|date:"H:i" }}</strong> {{ event.access_at|date:"(d/m/Y)" }}</span>
{% endif %}
{% endif %}
</td>
<!---Details-->
<td id="event_details" class="w-100">
<h4>
<a href="{% url 'event_detail' event.pk %}">
{{ event.name }}
</a> </a>
{% if event.venue %}
<small>at {{ event.venue|namewithnotes:'venue_detail' }}</small>
{% endif %}
{% if event.dry_hire %}
<span class="badge badge-secondary">Dry Hire</span>
{% endif %}
</h4>
{% if event.is_rig and not event.cancelled %}
<h5>
{{ event.person.name }}
{% if event.organisation %}
for {{ event.organisation.name }}
{% endif %}
</h5>
{% endif %} {% endif %}
{% elif event.is_rig %} {% if not event.cancelled and event.description %}
<span class="fas fa-exclamation"></span> <p>{{ event.description|linebreaksbr }}</p>
{% endif %} {% endif %}
</div> {% include 'partials/event_status.html' %}
</div> </td>
{% endfor %} <!---MIC-->
<td id="event_mic" class="text-nowrap">
{% if event.mic %}
{% if perms.RIGS.view_profile %}
<a href="{% url 'profile_detail' event.mic.pk %}" class="modal-href">
{% endif %}
<img src="{{ event.mic.profile_picture }}" class="event-mic-photo"/>
{{ event.mic }}
{% if perms.RIGS.view_profile %}
</a>
{% endif %}
{% elif event.is_rig %}
<span class="fas fa-exclamation"></span>
{% endif %}
</td>
</tr>
{% empty %}
<tr class="bg-warning">
<td colspan="4">No events found</td>
</tr>
{% endfor %}
</tbody>
</table>
</div> </div>

2
gulpfile.js
View File

@@ -80,7 +80,7 @@ function browserSync(done) {
spawn('python', ['manage.py', 'runserver'], {stdio: 'inherit'}); spawn('python', ['manage.py', 'runserver'], {stdio: 'inherit'});
// TODO Wait for Django server to come up before browsersync, it seems inconsistent // TODO Wait for Django server to come up before browsersync, it seems inconsistent
browsersync.init({ browsersync.init({
notify: true, notify: false,
open: false, open: false,
port: 8001, port: 8001,
proxy: 'localhost:8000' proxy: 'localhost:8000'