Skip to content

Jeremy Groot / stellervista-Intranet

Go to a project
Toggle navigation
Toggle navigation pinning
be1779a0 by Jeff Balicki
Options

event list 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent ca27db3d
Inline Side-by-side
Showing 59 changed files with 959 additions and 35 deletions
......@@ -165,8 +165,10 @@ p {
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
......@@ -1995,6 +1997,8 @@ progress {
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.375rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
......@@ -2020,6 +2024,10 @@ progress {
.form-control::-webkit-date-and-time-value {
height: 1.5em;
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
......@@ -2031,6 +2039,7 @@ progress {
.form-control::file-selector-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
-webkit-margin-end: 0.75rem;
margin-inline-end: 0.75rem;
color: #212529;
background-color: #e9ecef;
......@@ -2079,6 +2088,7 @@ progress {
.form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
-webkit-margin-end: 0.5rem;
margin-inline-end: 0.5rem;
}
......@@ -2091,6 +2101,7 @@ progress {
.form-control-lg::file-selector-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem;
}
......@@ -2143,6 +2154,8 @@ textarea.form-control-lg {
border: 1px solid #ced4da;
border-radius: 0.375rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
......@@ -2215,7 +2228,10 @@ textarea.form-control-lg {
background-position: center;
background-size: contain;
border: 1px solid rgba(0, 0, 0, 0.25);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
......@@ -2310,6 +2326,8 @@ textarea.form-control-lg {
height: 1.5rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-range:focus {
......@@ -2331,11 +2349,14 @@ textarea.form-control-lg {
background-color: #183668;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none;
}
}
......@@ -2357,11 +2378,14 @@ textarea.form-control-lg {
background-color: #183668;
border: 0;
border-radius: 1rem;
-moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-moz-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-moz-range-thumb {
-moz-transition: none;
transition: none;
}
}
......@@ -2421,10 +2445,17 @@ textarea.form-control-lg {
.form-floating > .form-control-plaintext {
padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
......@@ -2440,6 +2471,10 @@ textarea.form-control-lg {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
......@@ -2757,6 +2792,8 @@ textarea.form-control-lg {
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-btn-border-radius);
......@@ -5153,6 +5190,8 @@ textarea.form-control-lg {
}
.btn-close:disabled, .btn-close.disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
opacity: 0.25;
}
......@@ -5199,6 +5238,7 @@ textarea.form-control-lg {
--bs-toast-zindex: 1090;
position: absolute;
z-index: var(--bs-toast-zindex);
width: -moz-max-content;
width: max-content;
max-width: 100%;
pointer-events: none;
......@@ -5804,6 +5844,7 @@ textarea.form-control-lg {
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
......@@ -6630,13 +6671,16 @@ textarea.form-control-lg {
}
}
.placeholder-wave {
-webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
-webkit-mask-size: 200% 100%;
mask-size: 200% 100%;
animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
100% {
-webkit-mask-position: -200% 0%;
mask-position: -200% 0%;
}
}
......@@ -8201,14 +8245,20 @@ textarea.form-control-lg {
}
.user-select-all {
-webkit-user-select: all !important;
-moz-user-select: all !important;
user-select: all !important;
}
.user-select-auto {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
user-select: auto !important;
}
.user-select-none {
-webkit-user-select: none !important;
-moz-user-select: none !important;
user-select: none !important;
}
......@@ -10884,6 +10934,8 @@ body {
border: 1px solid #ced4da;
border-radius: 0.375rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
......@@ -11195,67 +11247,42 @@ figure.woocommerce-product-gallery__wrapper {
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
......@@ -14447,8 +14474,6 @@ h1 + p, .h1 + p {
border-radius: 4px;
display: block;
margin: 8px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
......@@ -15123,7 +15148,6 @@ label[for=quicksearch] {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 3px 3px 3px 4px;
padding: initial;
......@@ -15487,7 +15511,6 @@ p.intro {
margin: 0;
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
......@@ -15829,4 +15852,47 @@ p.intro {
height: auto;
}
/*# sourceMappingURL=child-theme.css.map */
#events_list {
width: 100%;
}
#events_list tr {
border-top: 1px solid #000;
padding: 10px 0px;
width: 100%;
display: block;
}
#events_list .date_col {
width: 63px;
}
#events_list .date {
background-color: #E7EAEF;
width: 53px;
height: 53px;
margin: auto;
vertical-align: middle;
margin-right: 20px;
}
#events_list .date span {
display: block;
text-align: center;
line-height: 16px;
font-family: "trade-gothic-next";
color: #1A3668;
text-transform: uppercase;
}
#events_list .date .month {
padding-top: 9px;
font-size: 14px;
}
#events_list .date .day {
font-size: 16px;
}
#events_list a {
color: #000;
text-decoration: none;
}
#events_list a:hover {
font-weight: bold;
}
/*# sourceMappingURL=child-theme.css.map */
\ No newline at end of file
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -89,8 +89,10 @@ p {
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
......@@ -2474,14 +2476,20 @@ progress {
}
.user-select-all {
-webkit-user-select: all !important;
-moz-user-select: all !important;
user-select: all !important;
}
.user-select-auto {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
user-select: auto !important;
}
.user-select-none {
-webkit-user-select: none !important;
-moz-user-select: none !important;
user-select: none !important;
}
......@@ -5489,4 +5497,4 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
font-weight: 500;
}
/*# sourceMappingURL=custom-editor-style.css.map */
/*# sourceMappingURL=custom-editor-style.css.map */
\ No newline at end of file
......
This diff could not be displayed because it is too large.
......@@ -7,3 +7,35 @@ function firstname(){
return "<h1>Hi ".$user->first_name."</h1>";
}
add_shortcode( 'event_list_tz', 'event_list_tz' );
function event_list_tz(){
ob_start(); ?>
<table id="events_list">
<tbody>
[events_list limit="10" ]
<tr>
<td class="date_col">
<div class="date">
<span class="month">#M</span>
<span class="day">#d</span>
</div>
</td>
<td>
#_EVENTLINK <br>
#_LOCATIONLINK
</td>
</tr>
[/events_list]
</tbody>
</table>
<?php
$output = ob_get_clean();
return do_shortcode($output);
}
......
......@@ -25234,7 +25234,7 @@
//for each .em-event-editor-section h3 innerwrap with label
$$1(document).ready(function ($) {
$('.em-event-content').prependTo('.entry-content');
// $('.em-event-content').prependTo('.entry-content');
$('.em.pixelbones h3').each(function () {
$(this).wrapInner('<label></label>');
});
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
<div class="em-item em-event" style="--default-border:#_CATEGORYCOLOR;">
<div class="em-item-image {no_image}has-placeholder{/no_image}" style="max-width:120px">
{has_image}
#_EVENTIMAGE{120,120}
{/has_image}
{no_image}
<div class="em-item-image-placeholder">
<div class="date">
<span class="day">#d</span>
<span class="month">#M</span>
</div>
</div>
{/no_image}
</div>
<div class="em-item-info">
<div class="em-item-name">#_EVENTLINK</div>
<div class="em-item-meta">
<div class="em-item-meta-line em-event-date em-event-meta-datetime">
<span class="em-icon em-icon-calendar"></span>
<span>#j #M #y</span>
</div>
<div class="em-item-meta-line em-event-location em-event-meta-location">
<span class="em-icon em-icon-location"></span>
<span>#_TOWN</span>
</div>
</div>
</div>
</div>
\ No newline at end of file
<div class="em-item em-location">
<div class="em-item-image {no_loc_image}has-placeholder{/no_loc_image}" style="max-width:120px">
{has_loc_image}
<a href="#_LOCATIONURL">#_LOCATIONIMAGE{120,120}</a>
{/has_loc_image}
{no_loc_image}
<a href="#_LOCATIONURL" class="em-item-image-placeholder"></a>
{/no_loc_image}
</div>
<div class="em-item-info">
<div class="em-item-name">#_LOCATIONLINK</div>
<div class="em-item-meta">
<div class="em-item-meta-line em-location-address">
<span class="em-icon em-icon-location"></span>
<p>#_LOCATIONADDRESS<br>#_LOCATIONTOWN</p>
</div>
</div>
</div>
</div>
\ No newline at end of file
<div class="em-item em-event" style="--default-border:#_CATEGORYCOLOR;">
<div class="em-item-image {no_image}has-placeholder{/no_image}" style="max-width:150px">
{has_image}
#_EVENTIMAGE{150,150}
{/has_image}
{no_image}
<div class="em-item-image-placeholder">
<div class="date">
<span class="day">#d</span>
<span class="month">#M</span>
</div>
</div>
{/no_image}
</div>
<div class="em-item-info">
<div class="em-item-name">#_EVENTLINK</div>
<div class="em-item-meta">
<div class="em-item-meta-line em-event-date em-event-meta-datetime">
<span class="em-icon em-icon-calendar"></span>
<span>#j #M #y</span>
</div>
<div class="em-item-meta-line em-event-location em-event-meta-location">
<span class="em-icon em-icon-location"></span>
<span>#_TOWN</span>
</div>
</div>
</div>
</div>
\ No newline at end of file
<?php
/* We're treating this as a single-item list so it looks good oa modal */
?>
<div class="<?php em_template_classes('calendar-preview', 'events-list'); ?>">
<div class="em-event em-item" style="--default-border:#_CATEGORYCOLOR;">
<div class="em-item-image {no_image}has-placeholder{/no_image}">
{has_image}
#_EVENTIMAGE{medium}
{/has_image}
{no_image}
<div class="em-item-image-placeholder">
<div class="date">
<span class="day">#d</span>
<span class="month">#M</span>
</div>
</div>
{/no_image}
</div>
<div class="em-item-info">
<div class="em-event-meta em-item-meta">
<div class="em-item-meta-line em-event-date em-event-meta-datetime">
<span class="em-icon-calendar em-icon"></span>
#_EVENTDATES&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div class="em-item-meta-line em-event-time em-event-meta-datetime">
<span class="em-icon-clock em-icon"></span>
#_EVENTTIMES
</div>
{bookings_open}
<div class="em-item-meta-line em-event-prices">
<span class="em-icon-ticket em-icon"></span>
#_EVENTPRICERANGE
</div>
{/bookings_open}
{has_location_venue}
<div class="em-item-meta-line em-event-location">
<span class="em-icon-location em-icon"></span>
#_LOCATIONLINK
</div>
{/has_location_venue}
{has_event_location}
<div class="em-item-meta-line em-event-location">
<span class="em-icon-at em-icon"></span>
#_EVENTLOCATION
</div>
{/has_event_location}
{has_category}
<div class="em-item-meta-line em-item-taxonomy em-event-categories">
<span class="em-icon-category em-icon"></span>
<div>#_EVENTCATEGORIES</div>
</div>
{/has_category}
{has_tag}
<div class="em-item-meta-line em-item-taxonomy em-event-tags">
<span class="em-icon-tag em-icon"></span>
<div>#_EVENTTAGS</div>
</div>
{/has_tag}
</div>
<div class="em-item-desc">
#_EVENTEXCERPT{25}
</div>
<div class="em-item-actions input">
<a class="em-item-read-more button" href="#_EVENTURL"><?php esc_html_e('More Info', 'events-manager'); ?></a>
{bookings_open}
<a class="em-event-book-now button" href="#_EVENTURL#em-event-booking-form">
<span class="em-icon em-icon-ticket"></span>
<?php esc_html_e('Book Now!', 'events-manager'); ?>
</a>
{/bookings_open}
</div>
</div>
</div>
</div>
\ No newline at end of file
{has_image}
<div class="em-item-meta em-event-image">
#_EVENTIMAGE{300}
</div>
{/has_image}
<div class="em-item-info">
<div class="em-item-title em-event-title">#_EVENTLINK</div>
<div class="em-event-meta em-item-meta">
<div class="em-item-meta-line em-event-date em-event-meta-datetime">
<span class="em-icon-calendar em-icon"></span>
#_EVENTDATES&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div class="em-item-meta-line em-event-time em-event-meta-datetime">
<span class="em-icon-clock em-icon"></span>
#_EVENTTIMES
</div>
{bookings_open}
<div class="em-item-meta-line em-event-prices">
<span class="em-icon-ticket em-icon"></span>
#_EVENTPRICERANGE
</div>
{/bookings_open}
{has_location_venue}
<div class="em-item-meta-line em-event-location">
<span class="em-icon-location em-icon"></span>
#_LOCATIONLINK
</div>
{/has_location_venue}
{has_event_location}
<div class="em-item-meta-line em-event-location">
<span class="em-icon-at em-icon"></span>
#_EVENTLOCATION
</div>
{/has_event_location}
{has_category}
<div class="em-item-meta-line em-item-taxonomy em-event-categories">
<span class="em-icon-category em-icon"></span>
#_EVENTCATEGORIES
</div>
{/has_category}
{has_tag}
<div class="em-item-meta-line em-item-taxonomy em-event-tags">
<span class="em-icon-tag em-icon"></span>
<div>#_EVENTTAGS</div>
</div>
{/has_tag}
</div>
</div>
<div class="em-item-desc">#_EVENTEXCERPT{25,...}</div>
<div class="em-item-actions input">
<a class="em-event-read-more button" href="#_EVENTURL"><?php esc_html_e('More Info', 'events-manager') ?></a>
{bookings_open}
<a class="em-event-book-now button" href="#_EVENTURL#em-booking"><?php esc_html_e('Book Now!', 'events-manager') ?></a>
{/bookings_open}
</div>
\ No newline at end of file
<div class="em-item em-taxonomy em-category" style="--default-border:#_CATEGORYCOLOR;">
<div class="em-item-image {no_image}has-placeholder{/no_image}">
{has_image}
#_CATEGORYIMAGE{medium}
{/has_image}
{no_image}
<div class="em-item-image-placeholder"></div>
{/no_image}
</div>
<div class="em-item-info">
<h3 class="em-item-title">#_CATEGORYLINK</h3>
<div class="em-event-meta em-item-meta">
{has_events}
<div class="em-item-meta-line em-taxonomy-events em-category-events">
<span class="em-icon-calendar em-icon"></span>
<div>
<p><?php esc_html_e('Next Event', 'events-manager'); ?></p>
<p>#_CATEGORYNEXTEVENT</p>
<p><a href="#_CATEGORYURL"><?php esc_html_e('See All', 'events-manager'); ?></a></p>
</div>
</div>
{/has_events}
{no_events}
<div class="em-item-meta-line em-taxonomy-no-events em-category-no-events">
<span class="em-icon-calendar em-icon"></span>
<div><?php esc_html_e('No upcoming events', 'events-manager'); ?></div>
</div>
{/no_events}
</div>
<div class="em-item-desc">
#_CATEGORYEXCERPT{25}
</div>
<div class="em-item-actions input">
<a class="em-item-read-more button" href="#_CATEGORYURL"><?php esc_html_e('More Info', 'events-manager'); ?></a>
</div>
</div>
</div>
\ No newline at end of file
<li>#_EVENTLINK - #_EVENTDATES - #_EVENTTIMES</li>
\ No newline at end of file
<section class="em-item-header" style="--default-border:#_CATEGORYCOLOR;">
{has_image}
<div class="em-item-image">
#_CATEGORYIMAGE{medium}
</div>
{/has_image}
<div class="em-item-meta">
<section class="em-item-meta-column">
<section class="em-location-next-event">
<h3><?php esc_html_e('Next Event', 'events-manager'); ?></h3>
{has_events}
<div class="em-item-meta-line em-taxonomy-events em-category-events">
<span class="em-icon-calendar em-icon"></span>
<div>
<p>#_CATEGORYNEXTEVENT</p>
<p><a href="#upcoming-events"><?php esc_html_e('See All', 'events-manager'); ?></a></p>
</div>
</div>
{/has_events}
{no_events}
<div class="em-item-meta-line em-taxonomy-no-events em-category-no-events">
<span class="em-icon-calendar em-icon"></span>
<div><?php esc_html_e('No upcoming events', 'events-manager'); ?></p></div>
</div>
{/no_events}
</section>
{no_loc_image}
</section>
<section class="em-item-meta-column">
{/no_loc_image}
<section class="em-taxonomy-description">
<h3><?php esc_html_e('Description', 'events-manager'); ?></h3>
#_CATEGORYDESCRIPTION
</section>
</section>
</div>
</section>
<section class="em-taxonomy-events">
<a name="upcoming-events"></a>
<h3><?php esc_html_e('Upcoming Events', 'events-manager'); ?></h3>
#_CATEGORYNEXTEVENTS
</section>
\ No newline at end of file
#_EVENTDATES @ #_EVENTTIMES - #_EVENTEXCERPT{55}
\ No newline at end of file
#_EVENTDATES @ #_EVENTTIMES - #_EVENTEXCERPT
\ No newline at end of file
<div class="em-event em-item" data-href="#_EVENTURL" style="--default-border:#_CATEGORYCOLOR;">
<div class="em-item-image {no_image}has-placeholder{/no_image}">
<div class="em-item-image-wrapper">
{has_image}
#_EVENTIMAGE{medium}
{/has_image}
{no_image}
<div class="em-item-image-placeholder">
<div class="date">
<span class="day">#d</span>
<span class="month">#M</span>
</div>
</div>
{/no_image}
</div>
</div>
<div class="em-item-info">
<h3 class="em-item-title">#_EVENTLINK</h3>
<div class="em-event-meta em-item-meta">
<div class="em-item-meta-line em-event-date em-event-meta-datetime">
<span class="em-icon-calendar em-icon"></span>
#_EVENTDATES
</div>
<div class="em-item-meta-line em-event-time em-event-meta-datetime">
<span class="em-icon-clock em-icon"></span>
#_EVENTTIMES
</div>
{bookings_open}
<div class="em-item-meta-line em-event-prices">
<span class="em-icon-ticket em-icon"></span>
#_EVENTPRICERANGE
</div>
{/bookings_open}
{has_location_venue}
<div class="em-item-meta-line em-event-location">
<span class="em-icon-location em-icon"></span>
#_LOCATIONLINK
</div>
{/has_location_venue}
{has_event_location}
<div class="em-item-meta-line em-event-location">
<span class="em-icon-at em-icon"></span>
#_EVENTLOCATION
</div>
{/has_event_location}
</div>
</div>
</div>
\ No newline at end of file
<div class="em-event em-item" style="--default-border:#_CATEGORYCOLOR;">
<div class="em-item-image {no_image}has-placeholder{/no_image}">
{has_image}
#_EVENTIMAGE{medium}
{/has_image}
{no_image}
<div class="em-item-image-placeholder">
<div class="date">
<span class="day">#d</span>
<span class="month">#M</span>
</div>
</div>
{/no_image}
</div>
<div class="em-item-info">
<h3 class="em-item-title">#_EVENTLINK</h3>
<div class="em-event-meta em-item-meta">
<div class="em-item-meta-line em-event-date em-event-meta-datetime">
<span class="em-icon-calendar em-icon"></span>
#_EVENTDATES&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div class="em-item-meta-line em-event-time em-event-meta-datetime">
<span class="em-icon-clock em-icon"></span>
#_EVENTTIMES
</div>
{bookings_open}
<div class="em-item-meta-line em-event-prices">
<span class="em-icon-ticket em-icon"></span>
#_EVENTPRICERANGE
</div>
{/bookings_open}
{has_location_venue}
<div class="em-item-meta-line em-event-location">
<span class="em-icon-location em-icon"></span>
#_LOCATIONLINK
</div>
{/has_location_venue}
{has_event_location}
<div class="em-item-meta-line em-event-location">
<span class="em-icon-at em-icon"></span>
#_EVENTLOCATION
</div>
{/has_event_location}
{has_category}
<div class="em-item-meta-line em-item-taxonomy em-event-categories">
<span class="em-icon-category em-icon"></span>
<div>#_EVENTCATEGORIES</div>
</div>
{/has_category}
{has_tag}
<div class="em-item-meta-line em-item-taxonomy em-event-tags">
<span class="em-icon-tag em-icon"></span>
<div>#_EVENTTAGS</div>
</div>
{/has_tag}
</div>
<div class="em-item-desc">
#_EVENTEXCERPT{25}
</div>
<div class="em-item-actions input">
<a class="em-item-read-more button" href="#_EVENTURL"><?php esc_html_e('More Info', 'events-manager'); ?></a>
{bookings_open}
<a class="em-event-book-now button" href="#_EVENTURL#em-event-booking-form">
<span class="em-icon em-icon-ticket"></span>
<?php esc_html_e('Book Now!', 'events-manager'); ?>
</a>
{/bookings_open}
</div>
</div>
</div>
\ No newline at end of file
<strong>#_LOCATIONNAME</strong><br/>#_LOCATIONADDRESS - #_LOCATIONTOWN<br/><a href="#_LOCATIONPAGEURL"><?php esc_html_e('Events', 'events-manager') ?></a>
\ No newline at end of file
<li>#_EVENTLINK - #_EVENTDATES - #_EVENTTIMES</li>
\ No newline at end of file
<div class="em-location em-item" data-href="#_LOCATIONURL">
<div class="em-item-image {no_loc_image}has-placeholder{/no_loc_image}">
<div class="em-item-image-wrapper">
{has_loc_image}
#_LOCATIONIMAGE{medium}
{/has_loc_image}
{no_loc_image}
<div class="em-item-image-placeholder"></div>
{/no_loc_image}
</div>
</div>
<div class="em-item-info">
<h3 class="em-item-title">#_LOCATIONLINK</h3>
<div class="em-event-meta em-item-meta">
<div class="em-item-meta-line em-location-address">
<span class="em-icon-location em-icon"></span>
#_LOCATIONFULLBR
</div>
{has_events}
<div class="em-item-meta-line em-location-events">
<span class="em-icon-calendar em-icon"></span>
<div>
<p><?php esc_html_e('Next Event', 'events-manager'); ?></p>
<p>#_LOCATIONNEXTEVENT</p>
<p><a href="#_LOCATIONURL"><?php esc_html_e('See All', 'events-manager'); ?></a></p>
</div>
</div>
{/has_events}
{no_events}
<div class="em-item-meta-line em-location-no-events">
<span class="em-icon-calendar em-icon"></span>
<div><?php esc_html_e('No upcoming events', 'events-manager'); ?></p></div>
</div>
{/no_events}
</div>
</div>
</div>
\ No newline at end of file
<div class="em-location em-item">
<div class="em-item-image {no_loc_image}has-placeholder{/no_loc_image}">
{has_loc_image}
<a href="#_LOCATIONURL">#_LOCATIONIMAGE{medium}</a>
{/has_loc_image}
{no_loc_image}
<a href="#_LOCATIONURL" class="em-item-image-placeholder"></a>
{/no_loc_image}
</div>
<div class="em-item-info">
<h3 class="em-item-title">#_LOCATIONLINK</h3>
<div class="em-event-meta em-item-meta">
<div class="em-item-meta-line em-location-address">
<span class="em-icon-location em-icon"></span>
#_LOCATIONFULLBR
</div>
{has_events}
<div class="em-item-meta-line em-location-events">
<span class="em-icon-calendar em-icon"></span>
<div>
<p><?php esc_html_e('Next Event', 'events-manager'); ?></p>
<p>#_LOCATIONNEXTEVENT</p>
<p><a href="#_LOCATIONURL"><?php esc_html_e('See All', 'events-manager'); ?></a></p>
</div>
</div>
{/has_events}
{no_events}
<div class="em-item-meta-line em-location-no-events">
<span class="em-icon-calendar em-icon"></span>
<div><?php esc_html_e('No upcoming events', 'events-manager'); ?></p></div>
</div>
{/no_events}
</div>
<div class="em-item-desc">
#_LOCATIONEXCERPT{25}
</div>
<div class="em-item-actions input">
<a class="em-item-read-more button" href="#_LOCATIONURL"><?php esc_html_e('More Info', 'events-manager'); ?></a>
</div>
</div>
</div>
\ No newline at end of file
<strong>#_LOCATIONNAME</strong><p>#_LOCATIONADDRESS</p><p>#_LOCATIONTOWN</p>
\ No newline at end of file
<?php
sprintf(__( 'No %s', 'events-manager'),__('Tags','events-manager'));
\ No newline at end of file
Files in this folder or in wp-content/themes/yourthemedir/plugins/events-manager/formats/ could be used to replace formatting options in the settings page. This allows you a much greater degree of flexibility as you can use PHP go do all sorts of customizations to your events.
These files are also used to save a placeholder format during installation of the plugin, or if resetting a format setting.
To overwrite a formatting option, you need to firstly create a file here with the same name as the setting name in the wp_options table without the dbem_ prefix. So, for example:
'dbem_event_list_item_format' - format for controlling a single event format in a list of events
becomes
event_list_item_format.php
Then, using the example above, to activate the overriding format, you need to add this to your theme's functions.php file.
<?php
function my_em_custom_formats( $array ){
$my_formats = array('dbem_event_list_item_format'); //the format you want to override, corresponding to file above.
return $array + $my_formats; //return the default array and your formats.
}
add_filter('em_formats_filter', 'my_em_custom_formats', 1, 1);
?>
If you want to add more than one format, add more option names to the $my_formats array and create the corresponding php file.
\ No newline at end of file
<section class="em-event-content">
#_EVENTNOTES
</section>
<section class="em-item-header" style="--default-border:#_CATEGORYCOLOR;">
{has_image}
<div class="em-item-image {no_image}has-placeholder{/no_image}">
#_EVENTIMAGE{medium}
</div>
{/has_image}
<div class="em-item-meta">
<section class="em-item-meta-column">
<section class="em-event-when">
<h3><?php esc_html_e('When', 'events-manager'); ?></h3>
<div class="em-item-meta-line em-event-date em-event-meta-datetime">
<span class="em-icon-calendar em-icon"></span>
#_EVENTDATES&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div class="em-item-meta-line em-event-time em-event-meta-datetime">
<span class="em-icon-clock em-icon"></span>
#_EVENTTIMES
</div>
#_EVENTADDTOCALENDAR
</section>
{has_bookings}
<section class="em-event-bookings-meta">
<h3><?php esc_html_e('Bookings', 'events-manager'); ?></h3>
{bookings_open}
<div class="em-item-meta-line em-event-prices">
<span class="em-icon-ticket em-icon"></span>
#_EVENTPRICERANGE
</div>
<a href="#em-event-booking-form" class="button input with-icon-right">
<?php esc_html_e(get_option('dbem_booking_button_msg_book')); ?>
<span class="em-icon-ticket em-icon"></span>
</a>
{/bookings_open}
{bookings_closed}
<div class="em-item-meta-line em-event-prices">
<span class="em-icon-ticket em-icon"></span>
<?php esc_html_e('Bookings closed', 'events-manager'); ?>
</div>
{/bookings_closed}
</section>
{/has_bookings}
</section>
<section class="em-item-meta-column">
{has_location_venue}
<section class="em-event-where">
<h3><?php esc_html_e('Where', 'events-manager'); ?></h3>
<div class="em-item-meta-line em-event-location">
<span class="em-icon-location em-icon"></span>
<div>
#_LOCATIONLINK<br>
#_LOCATIONFULLLINE
</div>
</div>
</section>
{/has_location_venue}
{has_event_location}
<section class="em-event-where">
<h3><?php esc_html_e('Where', 'events-manager'); ?></h3>
<div class="em-item-meta-line em-event-location">
<span class="em-icon-at em-icon"></span>
#_EVENTLOCATION
</div>
</section>
{/has_event_location}
{has_taxonomy}
<section class="em-item-taxonomies">
<h3><?php esc_html_e('Event Type', 'events-manager'); ?></h3>
{has_category}
<div class="em-item-meta-line em-item-taxonomy em-event-categories">
<span class="em-icon-category em-icon"></span>
<div>#_EVENTCATEGORIES</div>
</div>
{/has_category}
{has_tag}
<div class="em-item-meta-line em-item-taxonomy em-event-tags">
<span class="em-icon-tag em-icon"></span>
<div>#_EVENTTAGS</div>
</div>
{/has_tag}
</section>
{/has_taxonomy}
</section>
</div>
</section>
{has_location_venue}
<section class="em-event-location">
#_LOCATIONMAP{100%,0}
</section>
{/has_location_venue}
{has_bookings}
<section class="em-event-bookings">
<a name="em-event-booking-form"></a>
<h2><?php esc_html_e('Bookings', 'events-manager'); ?></h2>
#_BOOKINGFORM
</section>
{/has_bookings}
\ No newline at end of file
<section class="em-item-header">
{has_loc_image}
<div class="em-item-image">
#_LOCATIONIMAGE{medium}
</div>
{/has_loc_image}
<div class="em-item-meta">
<section class="em-item-meta-column">
<section class="em-location-where">
<h3><?php esc_html_e('Location', 'events-manager'); ?></h3>
<div class="em-item-meta-line em-location-address">
<span class="em-icon-location em-icon"></span>
#_LOCATIONFULLBR
</div>
</section>
{no_loc_image}
</section>
<section class="em-item-meta-column">
{/no_loc_image}
<section class="em-location-next-event">
<h3><?php esc_html_e('Next Event', 'events-manager'); ?></h3>
{has_events}
<div class="em-item-meta-line em-location-events">
<span class="em-icon-calendar em-icon"></span>
<div>#_LOCATIONNEXTEVENT</div>
</div>
{/has_events}
{no_events}
<div class="em-item-meta-line em-location-no-events">
<span class="em-icon-calendar em-icon"></span>
<div><?php esc_html_e('No upcoming events', 'events-manager'); ?></div>
</div>
{/no_events}
</section>
</section>
</div>
</section>
<section class="em-location-section-map">
#_LOCATIONMAP{100%,0}
</section>
<section class="em-location-content">
#_LOCATIONNOTES
</section>
<section class="em-location-events">
<a name="upcoming-events"></a>
<h3><?php esc_html_e('Upcoming Events', 'events-manager'); ?></h3>
#_LOCATIONNEXTEVENTS
</section>
\ No newline at end of file
<li>#_EVENTLINK - #_EVENTDATES - #_EVENTTIMES</li>
\ No newline at end of file
<section class="em-item-header" style="--default-border:#_TAGCOLOR;">
{has_image}
<div class="em-item-image">
#_TAGIMAGE{medium}
</div>
{/has_image}
<div class="em-item-meta">
<section class="em-item-meta-column">
<section class="em-location-next-event">
<h3><?php esc_html_e('Next Event', 'events-manager'); ?></h3>
{has_events}
<div class="em-item-meta-line em-taxonomy-events em-tag-events">
<span class="em-icon-calendar em-icon"></span>
<div>
<p>#_TAGNEXTEVENT</p>
<p><a href="#upcoming-events"><?php esc_html_e('See All', 'events-manager'); ?></a></p>
</div>
</div>
{/has_events}
{no_events}
<div class="em-item-meta-line em-taxonomy-no-events em-tag-no-events">
<span class="em-icon-calendar em-icon"></span>
<div><?php esc_html_e('No upcoming events', 'events-manager'); ?></p></div>
</div>
{/no_events}
</section>
{no_loc_image}
</section>
<section class="em-item-meta-column">
{/no_loc_image}
<section class="em-taxonomy-description">
<h3><?php esc_html_e('Description', 'events-manager'); ?></h3>
#_TAGDESCRIPTION
</section>
</section>
</div>
</section>
<section class="em-taxonomy-events">
<a name="upcoming-events"></a>
<h3><?php esc_html_e('Upcoming Events', 'events-manager'); ?></h3>
#_TAGNEXTEVENTS
</section>
\ No newline at end of file
<div class="em-item em-taxonomy em-tag" style="--default-border:#_TAGCOLOR;">
<div class="em-item-image {no_image}has-placeholder{/no_image}">
{has_image}
#_TAGIMAGE{medium}
{/has_image}
{no_image}
<div class="em-item-image-placeholder"></div>
{/no_image}
</div>
<div class="em-item-info">
<h3 class="em-item-title">#_TAGLINK</h3>
<div class="em-event-meta em-item-meta">
{has_events}
<div class="em-item-meta-line em-taxonomy-events em-tag-events">
<span class="em-icon-calendar em-icon"></span>
<div>
<p><?php esc_html_e('Next Event', 'events-manager'); ?></p>
<p>#_TAGNEXTEVENT</p>
<p><a href="#_TAGURL"><?php esc_html_e('See All', 'events-manager'); ?></a></p>
</div>
</div>
{/has_events}
{no_events}
<div class="em-item-meta-line em-taxonomy-no-events em-tag-no-events">
<span class="em-icon-calendar em-icon"></span>
<div><?php esc_html_e('No upcoming events', 'events-manager'); ?></p></div>
</div>
{/no_events}
</div>
<div class="em-item-desc">
#_TAGEXCERPT{25}
</div>
<div class="em-item-actions input">
<a class="em-item-read-more button" href="#_TAGURL"><?php esc_html_e('More Info', 'events-manager'); ?></a>
</div>
</div>
</div>
\ No newline at end of file
<?php
/*
* Remember that this file is only used if you have chosen to override event pages with formats in your event settings!
* You can also override the single event page completely in any case (e.g. at a level where you can control sidebars etc.), as described here - http://codex.wordpress.org/Post_Types#Template_Files
* Your file would be named single-event.php
*/
/*
* This page displays a single event, called during the the_content filter if this is an event page.
* You can override the default display settings pages by copying this file to yourthemefolder/plugins/events-manager/templates/ and modifying it however you need.
* You can display events however you wish, there are a few variables made available to you:
*
* $args - the args passed onto EM_Events::output()
*/
global $EM_Event;
/* @var $EM_Event EM_Event */
if( empty($args['id']) ) $args['id'] = rand(); // prevent warnings
$id = esc_attr($args['id']);
?>
<div class="<?php em_template_classes('view-container'); ?>" id="em-view-<?php echo $id; ?>" data-view="event">
<div class="<?php em_template_classes('event-single'); ?> em-event-<?php echo esc_attr($EM_Event->event_id); ?>" id="em-event-<?php echo $id; ?>" data-view-id="<?php echo $id; ?>">
<?php
echo $EM_Event->output_single();
?>
</div>
</div>
\ No newline at end of file
......@@ -59,7 +59,7 @@ jQuery( document ).ready(function($) {
//for each .em-event-editor-section h3 innerwrap with label
jQuery( document ).ready(function($) {
$('.em-event-content').prependTo('.entry-content');
// $('.em-event-content').prependTo('.entry-content');
$('.em.pixelbones h3').each(function(){
$(this).wrapInner('<label></label>');
});
......
......@@ -108,4 +108,47 @@ color: #000;
width: auto !important;
height: auto;
}
}
\ No newline at end of file
}
#events_list{
width: 100%;
tr{
border-top:1px solid #000;
padding:10px 0px;
width: 100%;
display: block;
}
.date_col{
width:63px;
}
.date{
background-color: #E7EAEF;
width:53px;
height:53px;
margin: auto;
vertical-align: middle;
margin-right: 20px;
span{
display: block;
text-align: center;
line-height: 16px;
font-family:"trade-gothic-next";
color: #1A3668;
text-transform: uppercase;
}
.month{
padding-top: 9px;
font-size: 14px;
}
.day{
font-size: 16px;
}
}
a{
color:#000;
text-decoration: none;
}
a:hover{
font-weight: bold;
}
}
......
......@@ -5,7 +5,7 @@
Author: the Understrap Contributors
Author URI: https://github.com/understrap/understrap-child/graphs/contributors
Template: understrap
Version: 1.2.0053
Version: 1.2.0055
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap-child
......