UI: 2024 Hero component options #103971
@ -38,92 +38,90 @@ meta(name='twitter:image', content='{{request.scheme}}://{{request.META.HTTP_HOS
|
||||
}
|
||||
.row
|
||||
.col
|
||||
.card.mb-3
|
||||
.card-body
|
||||
| {% if permissions.can_change %}
|
||||
.event-detail-header
|
||||
.row
|
||||
.col-sm-6
|
||||
.d-flex
|
||||
div
|
||||
small.text-muted.d-block Submitted on
|
||||
span(title="{{ object.created_at | date:'D d M, Y @ H:i' }}")
|
||||
| {{ object.created_at | date:'l d M, Y' }}
|
||||
div.ml-4
|
||||
small.text-muted.d-block Status
|
||||
span.badge.badge-primary(class="status-{{ object.status }}")
|
||||
| {% if object.status == 'rejected' %}NOT ACCEPTED{% else %}{{ object.status|upper|replace:'_| ' }}{% endif %}
|
||||
.box.mb-3.p-3
|
||||
| {% if permissions.can_change %}
|
||||
.event-detail-header
|
||||
.row
|
||||
.col-sm-6
|
||||
.d-flex
|
||||
div
|
||||
small.text-muted.d-block Submitted on
|
||||
span(title="{{ object.created_at | date:'D d M, Y @ H:i' }}")
|
||||
| {{ object.created_at | date:'l d M, Y' }}
|
||||
div.ml-4
|
||||
small.text-muted.d-block Status
|
||||
span.badge.badge-primary(class="status-{{ object.status }}")
|
||||
| {% if object.status == 'rejected' %}NOT ACCEPTED{% else %}{{ object.status|upper|replace:'_| ' }}{% endif %}
|
||||
|
||||
.col-sm-6
|
||||
.d-flex
|
||||
.ml-auto
|
||||
.btn-row.justify-content-end
|
||||
a.btn(
|
||||
href="{% url 'presentation_update' edition_path=object.edition.path pk=object.pk %}")
|
||||
i.i-edit
|
||||
span Edit Presentation
|
||||
a.btn(
|
||||
href="{% url 'presentation_review' edition_path=object.edition.path pk=object.pk %}")
|
||||
i.i-comment
|
||||
span Review
|
||||
| {% if request.user.is_superuser %}
|
||||
a.btn.btn-admin(
|
||||
href="{% url 'admin:conference_main_event_change' object.pk %}")
|
||||
| Admin
|
||||
| {% endif %}
|
||||
.col-sm-6
|
||||
.d-flex
|
||||
.ml-auto
|
||||
.btn-row.justify-content-end
|
||||
a.btn(
|
||||
href="{% url 'presentation_update' edition_path=object.edition.path pk=object.pk %}")
|
||||
i.i-edit
|
||||
span Edit Presentation
|
||||
a.btn(
|
||||
href="{% url 'presentation_review' edition_path=object.edition.path pk=object.pk %}")
|
||||
i.i-comment
|
||||
span Review
|
||||
| {% if request.user.is_superuser %}
|
||||
a.btn.btn-admin(
|
||||
href="{% url 'admin:conference_main_event_change' object.pk %}")
|
||||
| Admin
|
||||
| {% endif %}
|
||||
| {% endif %}
|
||||
|
||||
| {% if object.recording %}
|
||||
.video-container
|
||||
| {{ object.recording | oembed }}
|
||||
| {% endif %}
|
||||
|
||||
.row.mb-3
|
||||
| {% if object.picture and not object.recording %}
|
||||
.col-md-4
|
||||
| {% thumbnail object.picture "480x270" crop="50%" format="JPEG" as picture %}
|
||||
a(href="{{ picture.url }}", target="_blank")
|
||||
img.rounded.img-fluid(src='{{ picture.url }}', alt="{{ object.name }}")
|
||||
| {% endthumbnail %}
|
||||
| {% endif %}
|
||||
|
||||
.p-3
|
||||
| {% if object.recording %}
|
||||
.video-container
|
||||
| {{ object.recording | oembed }}
|
||||
div(class="col-md-{% if object.picture and not object.recording %}8{% else %}12{% endif %}")
|
||||
| {% if object.day and object.time %}
|
||||
.event-header.mb-3
|
||||
ul.event-description
|
||||
| {% if object.location.slug %}
|
||||
li.event-location(
|
||||
style="color: hsl(var(--location-hue-{{ object.location.slug }}), 80%, 35%);")
|
||||
| {{ object.location.slug | upper }}
|
||||
| {% endif %}
|
||||
|
||||
| {% if object.category %}
|
||||
li.event-category
|
||||
| {{ object.category | upper }}
|
||||
| {% endif %}
|
||||
|
||||
| {% if object.duration_minutes %}
|
||||
li.event-duration
|
||||
| {{ object.duration_minutes }} min
|
||||
| {% endif %}
|
||||
|
||||
| {% if object.day.date and object.time %}
|
||||
li.event-date
|
||||
a(href="{% url 'schedule' edition_path=edition.path %}#event-{{ object.id }}")
|
||||
| {{ object.day.date | date:'l dS M' }} {{ object.time | time:'H:i' }}
|
||||
| {% endif %}
|
||||
|
||||
li.divider
|
||||
|
||||
| {% include "conference_main/components/event_buttons.pug" with event=object show_favorite=True %}
|
||||
| {% endif %}
|
||||
|
||||
.row.mb-3
|
||||
| {% if object.picture and not object.recording %}
|
||||
.col-md-4
|
||||
| {% thumbnail object.picture "480x270" crop="50%" format="JPEG" as picture %}
|
||||
a(href="{{ picture.url }}", target="_blank")
|
||||
img.rounded.img-fluid(src='{{ picture.url }}', alt="{{ object.name }}")
|
||||
| {% endthumbnail %}
|
||||
| {% endif %}
|
||||
h2 {{ object.name }}
|
||||
|
||||
div(class="col-md-{% if object.picture and not object.recording %}8{% else %}12{% endif %}")
|
||||
| {% if object.day and object.time %}
|
||||
.event-header.mb-3
|
||||
ul.event-description
|
||||
| {% if object.location.slug %}
|
||||
li.event-location(
|
||||
style="color: hsl(var(--location-hue-{{ object.location.slug }}), 80%, 35%);")
|
||||
| {{ object.location.slug | upper }}
|
||||
| {% endif %}
|
||||
|
||||
| {% if object.category %}
|
||||
li.event-category
|
||||
| {{ object.category | upper }}
|
||||
| {% endif %}
|
||||
|
||||
| {% if object.duration_minutes %}
|
||||
li.event-duration
|
||||
| {{ object.duration_minutes }} min
|
||||
| {% endif %}
|
||||
|
||||
| {% if object.day.date and object.time %}
|
||||
li.event-date
|
||||
a(href="{% url 'schedule' edition_path=edition.path %}#event-{{ object.id }}")
|
||||
| {{ object.day.date | date:'l dS M' }} {{ object.time | time:'H:i' }}
|
||||
| {% endif %}
|
||||
|
||||
li.divider
|
||||
|
||||
| {% include "conference_main/components/event_buttons.pug" with event=object show_favorite=True %}
|
||||
| {% endif %}
|
||||
|
||||
h2 {{ object.name }}
|
||||
|
||||
| {% if object.description %}
|
||||
div {{ object.description | urlizetrunc:40 | linebreaks }}
|
||||
| {% endif %}
|
||||
| {% if object.description %}
|
||||
div {{ object.description | urlizetrunc:40 | linebreaks }}
|
||||
| {% endif %}
|
||||
|
||||
.row.mb-4
|
||||
.col-md-12
|
||||
|
||||
@ -67,58 +67,56 @@ meta(name='twitter:image', content='{{request.scheme}}://{{request.META.HTTP_HOS
|
||||
.col-lg-6
|
||||
h5.text-uppercase.text-muted
|
||||
| Description
|
||||
.card.mb-3
|
||||
.card-body
|
||||
.p-3
|
||||
| {% if object.recording %}
|
||||
.video-container
|
||||
| {{ object.recording | oembed }}
|
||||
.box.mb-3.p-3
|
||||
| {% if object.recording %}
|
||||
.video-container
|
||||
| {{ object.recording | oembed }}
|
||||
| {% endif %}
|
||||
|
||||
.row.mb-3
|
||||
| {% if object.picture and not object.recording %}
|
||||
.col-md-3
|
||||
| {% thumbnail object.picture "480x270" crop="50%" format="JPEG" as picture %}
|
||||
a(href="{{ picture.url }}")
|
||||
img.rounded.img-fluid(src='{{ picture.url }}', alt="{{ object.name }}")
|
||||
| {% endthumbnail %}
|
||||
| {% endif %}
|
||||
|
||||
div(class="col-md-{% if object.picture and not object.recording %}9{% else %}12{% endif %}")
|
||||
| {% if object.day and object.time %}
|
||||
.event-header.mb-3
|
||||
ul.event-description
|
||||
| {% if object.location.slug %}
|
||||
li.event-location
|
||||
| {{ object.location.slug | upper }}
|
||||
| {% endif %}
|
||||
|
||||
| {% if object.category %}
|
||||
li.event-category
|
||||
| {{ object.category | upper }}
|
||||
| {% endif %}
|
||||
|
||||
| {% if object.duration_minutes %}
|
||||
li.event-duration
|
||||
| {{ object.duration_minutes }} min
|
||||
| {% endif %}
|
||||
|
||||
| {% if object.day.date and object.time %}
|
||||
li.event-date
|
||||
a(href="{% url 'schedule' edition_path=edition.path %}#event-{{ object.id }}")
|
||||
| {{ object.day.date | date:'l dS M' }} {{ object.time | time:'H:i' }}
|
||||
| {% endif %}
|
||||
|
||||
li.divider
|
||||
|
||||
| {% include "conference_main/components/event_buttons.pug" with event=object %}
|
||||
| {% endif %}
|
||||
|
||||
.row.mb-3
|
||||
| {% if object.picture and not object.recording %}
|
||||
.col-md-3
|
||||
| {% thumbnail object.picture "480x270" crop="50%" format="JPEG" as picture %}
|
||||
a(href="{{ picture.url }}")
|
||||
img.rounded.img-fluid(src='{{ picture.url }}', alt="{{ object.name }}")
|
||||
| {% endthumbnail %}
|
||||
| {% endif %}
|
||||
h3.mb-3 {{ object.name }}
|
||||
|
||||
div(class="col-md-{% if object.picture and not object.recording %}9{% else %}12{% endif %}")
|
||||
| {% if object.day and object.time %}
|
||||
.event-header.mb-3
|
||||
ul.event-description
|
||||
| {% if object.location.slug %}
|
||||
li.event-location
|
||||
| {{ object.location.slug | upper }}
|
||||
| {% endif %}
|
||||
|
||||
| {% if object.category %}
|
||||
li.event-category
|
||||
| {{ object.category | upper }}
|
||||
| {% endif %}
|
||||
|
||||
| {% if object.duration_minutes %}
|
||||
li.event-duration
|
||||
| {{ object.duration_minutes }} min
|
||||
| {% endif %}
|
||||
|
||||
| {% if object.day.date and object.time %}
|
||||
li.event-date
|
||||
a(href="{% url 'schedule' edition_path=edition.path %}#event-{{ object.id }}")
|
||||
| {{ object.day.date | date:'l dS M' }} {{ object.time | time:'H:i' }}
|
||||
| {% endif %}
|
||||
|
||||
li.divider
|
||||
|
||||
| {% include "conference_main/components/event_buttons.pug" with event=object %}
|
||||
| {% endif %}
|
||||
|
||||
h3.mb-3 {{ object.name }}
|
||||
|
||||
| {% if object.description %}
|
||||
div {{ object.description | urlizetrunc:40 | linebreaks }}
|
||||
| {% endif %}
|
||||
| {% if object.description %}
|
||||
div {{ object.description | urlizetrunc:40 | linebreaks }}
|
||||
| {% endif %}
|
||||
|
||||
| {% if object.proposal %}
|
||||
.row.mb-4
|
||||
|
||||
Loading…
Reference in New Issue
Block a user