Disable mobile event table PoC for now

This commit is contained in:
2020-07-02 18:58:04 +01:00
parent 1138cfcde5
commit 1dfaa4d7a8
7 changed files with 105 additions and 103 deletions

View File

@@ -3,4 +3,4 @@
* Copyright 2011-2020 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) * Copyright 2011-2020 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/ */
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("jquery"),require("./util.js")):"function"==typeof define&&define.amd?define(["jquery","./util.js"],t):(e=e||self).Alert=t(e.jQuery,e.Util)}(this,(function(e,t){"use strict";function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e,t=t&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t;var r=e.fn.alert,o=function(){function r(e){this._element=e}var o,l,i,a=r.prototype;return a.close=function(e){var t=this._element;e&&(t=this._getRootElement(e)),this._triggerCloseEvent(t).isDefaultPrevented()||this._removeElement(t)},a.dispose=function(){e.removeData(this._element,"bs.alert"),this._element=null},a._getRootElement=function(n){var r=t.getSelectorFromElement(n),o=!1;return r&&(o=document.querySelector(r)),o||(o=e(n).closest(".alert")[0]),o},a._triggerCloseEvent=function(t){var n=e.Event("close.bs.alert");return e(t).trigger(n),n},a._removeElement=function(n){var r=this;if(e(n).removeClass("show"),e(n).hasClass("fade")){var o=t.getTransitionDurationFromElement(n);e(n).one(t.TRANSITION_END,(function(e){return r._destroyElement(n,e)})).emulateTransitionEnd(o)}else this._destroyElement(n)},a._destroyElement=function(t){e(t).detach().trigger("closed.bs.alert").remove()},r._jQueryInterface=function(t){return this.each((function(){var n=e(this),o=n.data("bs.alert");o||(o=new r(this),n.data("bs.alert",o)),"close"===t&&o[t](this)}))},r._handleDismiss=function(e){return function(t){t&&t.preventDefault(),e.close(this)}},o=r,i=[{key:"VERSION",get:function(){return"4.5.0"}}],(l=null)&&n(o.prototype,l),i&&n(o,i),r}();return e(document).on("click.bs.alert.data-api",'[data-dismiss="alert"]',o._handleDismiss(new o)),e.fn.alert=o._jQueryInterface,e.fn.alert.Constructor=o,e.fn.alert.noConflict=function(){return e.fn.alert=r,o._jQueryInterface},o})); !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("jquery"),require("./util.js")):"function"==typeof define&&define.amd?define(["jquery","./util.js"],t):(e=e||self).Alert=t(e.jQuery,e.Util)}(this,(function(e,t){"use strict";function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e,t=t&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t;var r="alert",o=e.fn[r],i=function(){function r(e){this._element=e}var o,i,l,s=r.prototype;return s.close=function(e){var t=this._element;e&&(t=this._getRootElement(e)),this._triggerCloseEvent(t).isDefaultPrevented()||this._removeElement(t)},s.dispose=function(){e.removeData(this._element,"bs.alert"),this._element=null},s._getRootElement=function(n){var r=t.getSelectorFromElement(n),o=!1;return r&&(o=document.querySelector(r)),o||(o=e(n).closest(".alert")[0]),o},s._triggerCloseEvent=function(t){var n=e.Event("close.bs.alert");return e(t).trigger(n),n},s._removeElement=function(n){var r=this;if(e(n).removeClass("show"),e(n).hasClass("fade")){var o=t.getTransitionDurationFromElement(n);e(n).one(t.TRANSITION_END,(function(e){return r._destroyElement(n,e)})).emulateTransitionEnd(o)}else this._destroyElement(n)},s._destroyElement=function(t){e(t).detach().trigger("closed.bs.alert").remove()},r._jQueryInterface=function(t){return this.each((function(){var n=e(this),o=n.data("bs.alert");o||(o=new r(this),n.data("bs.alert",o)),"close"===t&&o[t](this)}))},r._handleDismiss=function(e){return function(t){t&&t.preventDefault(),e.close(this)}},o=r,l=[{key:"VERSION",get:function(){return"4.5.0"}}],(i=null)&&n(o.prototype,i),l&&n(o,l),r}();return e(document).on("click.bs.alert.data-api",'[data-dismiss="alert"]',i._handleDismiss(new i)),e.fn[r]=i._jQueryInterface,e.fn[r].Constructor=i,e.fn[r].noConflict=function(){return e.fn[r]=o,i._jQueryInterface},i}));

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,104 +1,106 @@
<div class="d-none d-md-block"> {% comment %}<div class="d-none d-md-block">{% endcomment %}
<div class="table-responsive"> <div class="table-responsive">
<table class="table mb-0"> <table class="table mb-0">
<thead> <thead>
<tr> <tr>
<th scope="col">#</th> <th scope="col">#</th>
<th scope="col">Event Date</th> <th scope="col">Event Date</th>
<th scope="col">Event Details</th> <th scope="col">Event Details</th>
<th scope="col">MIC</th> <th scope="col">MIC</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{% for event in events %} {% for event in events %}
<tr {% include 'partials/event_table_colour.html' %} id="event_row"> <tr {% include 'partials/event_table_colour.html' %} id="event_row">
<!---Number--> <!---Number-->
<th scope="row" id="event_number">{{ event.pk }}</th> <th scope="row" id="event_number">{{ event.pk }}</th>
<!--Dates--> <!--Dates-->
<td id="event_dates"> <td id="event_dates">
<div><strong>{{ event.start_date|date:"D d/m/Y" }}</strong></div> <div><strong>{{ event.start_date|date:"D d/m/Y" }}</strong></div>
{% if event.end_date and event.end_date != event.start_date %} {% if event.end_date and event.end_date != event.start_date %}
<div><strong>{{ event.end_date|date:"D d/m/Y" }}</strong></div> <div><strong>{{ event.end_date|date:"D d/m/Y" }}</strong></div>
{% endif %} {% endif %}
<!---Times--> <!---Times-->
{% if not event.cancelled %} {% if not event.cancelled %}
<dl class="dl-horizontal"> <dl class="dl-horizontal">
{% if event.meet_at %} {% if event.meet_at %}
<dt>Crew meet</dt> <dt>Crew meet</dt>
<dd>{{ event.meet_at|date:"H:i" }}<br/>{{ event.meet_at|date:"(Y-m-d)" }}</dd> <dd>{{ event.meet_at|date:"H:i" }}<br/>{{ event.meet_at|date:"(Y-m-d)" }}</dd>
{% endif %}
{% if event.has_start_time %}
<dt>Event starts</dt>
<dd>
{{ event.start_time|date:"H:i" }}<br/>
{{ event.start_date|date:"(Y-m-d)" }}<br/>
</dd>
{% endif %}
{% if event.has_end_time%}{% if event.start_date != event.end_date or event.start_time != event.end_time %}
<dt>Event ends</dt>
<dd>
{{ event.end_time|date:"H:i" }}<br/>
{{ event.end_date|date:"(Y-m-d)" }}
</dd>
{% endif %}{% endif %}
</dl>
{% endif %}
</td>
<!---Details-->
<td id="event_details">
<h4>
<a href="{% url 'event_detail' event.pk %}">
{{ event.name }}
</a>
{% if event.venue %}
<small>at {% if event.venue.notes %}{{ event.venue.name }} <a href="{% url 'venue_detail' event.venue.pk %}"><span class="far fa-sticky-note"></span></a>{% else %}{{ event.venue.name }}{% endif %}</small>
{% endif %} {% endif %}
{% if event.dry_hire %} {% if event.has_start_time %}
<span class="badge badge-secondary">Dry Hire</span> <dt>Event starts</dt>
<dd>
{{ event.start_time|date:"H:i" }}<br/>
{{ event.start_date|date:"(Y-m-d)" }}<br/>
</dd>
{% endif %} {% endif %}
</h4> {% if event.has_end_time%}{% if event.start_date != event.end_date or event.start_time != event.end_time %}
{% if event.is_rig and not event.cancelled %} <dt>Event ends</dt>
<h5> <dd>
{{ event.person.name }} {{ event.end_time|date:"H:i" }}<br/>
{% if event.organisation %} {{ event.end_date|date:"(Y-m-d)" }}
for {{ event.organisation.name }} </dd>
{% endif %} {% endif %}{% endif %}
</h5> </dl>
{% endif %}
</td>
<!---Details-->
<td id="event_details">
<h4>
<a href="{% url 'event_detail' event.pk %}">
{{ event.name }}
</a>
{% if event.venue %}
<small>at {% if event.venue.notes %}{{ event.venue.name }} <a href="{% url 'venue_detail' event.venue.pk %}"><span class="far fa-sticky-note"></span></a>{% else %}{{ event.venue.name }}{% endif %}</small>
{% endif %} {% endif %}
{% if not event.cancelled and event.description %} {% if event.dry_hire %}
<p>{{ event.description|linebreaksbr }}</p> <span class="badge badge-secondary">Dry Hire</span>
{% endif %} {% endif %}
{% include 'partials/event_status.html' %} </h4>
</td> {% if event.is_rig and not event.cancelled %}
<!---MIC--> <h5>
<td id="event_mic"> {{ event.person.name }}
{% if event.mic %} {% if event.organisation %}
<div class="media"> for {{ event.organisation.name }}
{% if perms.RIGS.view_profile %} {% endif %}
<a href="{% url 'profile_detail' event.mic.pk %}" class="modal-href"> </h5>
{% endif %} {% endif %}
<img src="{{ event.mic.profile_picture }}" class="event-mic-photo mr-3"/> {% if not event.cancelled and event.description %}
{% if perms.RIGS.view_profile %} <p>{{ event.description|linebreaksbr }}</p>
</a> {% endif %}
{% endif %} {% include 'partials/event_status.html' %}
<div class="media-body"> </td>
<p>{{ event.mic.initials }}</p> <!---MIC-->
</div> <td id="event_mic">
{% if event.mic %}
<div class="media">
{% 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 mr-3"/>
{% if perms.RIGS.view_profile %}
</a>
{% endif %}
<div class="media-body">
<p>{{ event.mic.initials }}</p>
</div> </div>
{% elif event.is_rig %} </div>
<span class="fas fa-exclamation"></span> {% elif event.is_rig %}
{% endif %} <span class="fas fa-exclamation"></span>
</td> {% endif %}
</tr> </td>
{% empty %} </tr>
<tr class="bg-warning"> {% empty %}
<td colspan="6">No events found</td> <tr class="bg-warning">
</tr> <td colspan="6">No events found</td>
{% endfor %} </tr>
</tbody> {% endfor %}
</table> </tbody>
</div> </table>
</div>
{% comment %}
</div> </div>
<div class="d-xs-block d-sm-block d-md-none"> <div class="d-xs-block d-sm-block d-md-none">
{% include 'event_table_mobile.html' %} {% include 'event_table_mobile.html' %}
</div> </div>
{% endcomment %}