Use new code style
This commit is contained in:
@ -7,119 +7,119 @@
|
||||
?>
|
||||
<div class="wu-styling <?php echo esc_attr($className); ?>">
|
||||
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-b wu-border-gray-200'); ?>">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-b wu-border-gray-200'); ?>">
|
||||
|
||||
<?php if ($title) : ?>
|
||||
<?php if ($title) : ?>
|
||||
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo $title; ?>
|
||||
<?php echo $title; ?>
|
||||
|
||||
</h3>
|
||||
</h3>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (wu_request('page') !== 'account') : ?>
|
||||
<?php if (wu_request('page') !== 'account') : ?>
|
||||
|
||||
<div class="wu-ml-auto">
|
||||
<div class="wu-ml-auto">
|
||||
|
||||
<a
|
||||
title="<?php esc_attr_e('See More', 'wp-ultimo'); ?>"
|
||||
class="wu-text-sm wu-no-underline button"
|
||||
href="<?php echo $element->get_manage_url($site->get_id()); ?>"
|
||||
>
|
||||
<a
|
||||
title="<?php esc_attr_e('See More', 'wp-ultimo'); ?>"
|
||||
class="wu-text-sm wu-no-underline button"
|
||||
href="<?php echo $element->get_manage_url($site->get_id()); ?>"
|
||||
>
|
||||
|
||||
<?php _e('See More', 'wp-ultimo'); ?>
|
||||
<?php _e('See More', 'wp-ultimo'); ?>
|
||||
|
||||
</a>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<ul class="md:wu-flex wu-m-0 wu-list-none wu-p-4">
|
||||
<ul class="md:wu-flex wu-m-0 wu-list-none wu-p-4">
|
||||
|
||||
<?php if ($product) : ?>
|
||||
<?php if ($product) : ?>
|
||||
|
||||
<li class="wu-flex-1 wu-relative wu-m-0">
|
||||
<li class="wu-flex-1 wu-relative wu-m-0">
|
||||
|
||||
<div>
|
||||
<div>
|
||||
|
||||
<strong class="wu-text-gray-800 wu-text-base">
|
||||
<strong class="wu-text-gray-800 wu-text-base">
|
||||
|
||||
<?php echo $product->get_name(); ?>
|
||||
<?php echo $product->get_name(); ?>
|
||||
|
||||
</strong>
|
||||
</strong>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wu-text-sm wu-text-gray-600">
|
||||
<span class="wu-block"><?php _e('Your current plan', 'wp-ultimo'); ?></span>
|
||||
<!-- <a href="#" class="wu-no-underline"><?php _e('Manage →', 'wp-ultimo'); ?></a> -->
|
||||
</div>
|
||||
<div class="wu-text-sm wu-text-gray-600">
|
||||
<span class="wu-block"><?php _e('Your current plan', 'wp-ultimo'); ?></span>
|
||||
<!-- <a href="#" class="wu-no-underline"><?php _e('Manage →', 'wp-ultimo'); ?></a> -->
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($site_trial) : ?>
|
||||
<?php if ($site_trial) : ?>
|
||||
|
||||
<li class="wu-flex-1 wu-relative wu-m-0">
|
||||
<li class="wu-flex-1 wu-relative wu-m-0">
|
||||
|
||||
<div>
|
||||
<div>
|
||||
|
||||
<strong class="wu-text-gray-800 wu-text-base">
|
||||
<?php printf(_n('%s day', '%s days', $site_trial, 'wp-ultimo'), $site_trial); ?>
|
||||
</strong>
|
||||
<strong class="wu-text-gray-800 wu-text-base">
|
||||
<?php printf(_n('%s day', '%s days', $site_trial, 'wp-ultimo'), $site_trial); ?>
|
||||
</strong>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wu-text-sm wu-text-gray-600">
|
||||
<span class="wu-block"><?php _e('Remaining time in trial', 'wp-ultimo'); ?></span>
|
||||
<!-- <a href="#" class="wu-no-underline"><?php _e('Upgrade →', 'wp-ultimo'); ?></a> -->
|
||||
</div>
|
||||
<div class="wu-text-sm wu-text-gray-600">
|
||||
<span class="wu-block"><?php _e('Remaining time in trial', 'wp-ultimo'); ?></span>
|
||||
<!-- <a href="#" class="wu-no-underline"><?php _e('Upgrade →', 'wp-ultimo'); ?></a> -->
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<li class="wu-flex-1 wu-relative wu-m-0">
|
||||
<li class="wu-flex-1 wu-relative wu-m-0">
|
||||
|
||||
<div>
|
||||
<div>
|
||||
|
||||
<strong class="wu-text-gray-800 wu-text-base">
|
||||
<?php
|
||||
<strong class="wu-text-gray-800 wu-text-base">
|
||||
<?php
|
||||
/**
|
||||
* Display space used
|
||||
*/
|
||||
printf($message, size_format($space_used), size_format($space_allowed));
|
||||
?>
|
||||
</strong>
|
||||
</strong>
|
||||
|
||||
<?php if (!$unlimited_space) : ?>
|
||||
<?php if ( ! $unlimited_space) : ?>
|
||||
|
||||
<span class="wu-p-1 wu-bg-gray-200 wu-inline wu-align-text-bottom wu-rounded wu-text-center wu-text-xs wu-text-gray-600">
|
||||
<?php echo $percentage; ?>%
|
||||
</span>
|
||||
<span class="wu-p-1 wu-bg-gray-200 wu-inline wu-align-text-bottom wu-rounded wu-text-center wu-text-xs wu-text-gray-600">
|
||||
<?php echo $percentage; ?>%
|
||||
</span>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wu-text-sm wu-text-gray-600">
|
||||
<span class="wu-block"><?php _e('Disk space used', 'wp-ultimo'); ?></span>
|
||||
<!-- <a href="#" class="wu-no-underline"><?php _e('Upgrade →', 'wp-ultimo'); ?></a> -->
|
||||
</div>
|
||||
<div class="wu-text-sm wu-text-gray-600">
|
||||
<span class="wu-block"><?php _e('Disk space used', 'wp-ultimo'); ?></span>
|
||||
<!-- <a href="#" class="wu-no-underline"><?php _e('Upgrade →', 'wp-ultimo'); ?></a> -->
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
|
@ -7,181 +7,181 @@
|
||||
?>
|
||||
<div class="wu-styling">
|
||||
|
||||
<div id="activity-stream-content">
|
||||
<div id="activity-stream-content">
|
||||
|
||||
<div v-if="loading"
|
||||
class="wu-text-center wu-bg-gray-100 wu-rounded wu-uppercase wu-font-semibold wu-text-xs wu-text-gray-700 wu-p-4">
|
||||
<span class="wu-blinking-animation"><?php _e('Loading...', 'wp-ultimo'); ?></span>
|
||||
</div>
|
||||
<div v-if="loading"
|
||||
class="wu-text-center wu-bg-gray-100 wu-rounded wu-uppercase wu-font-semibold wu-text-xs wu-text-gray-700 wu-p-4">
|
||||
<span class="wu-blinking-animation"><?php _e('Loading...', 'wp-ultimo'); ?></span>
|
||||
</div>
|
||||
|
||||
<div v-if='!queried.count && !loading' v-cloak class='wu-feed-loading wu-mb-6'>
|
||||
<?php _e('No more items to display', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
<div v-if='!queried.count && !loading' v-cloak class='wu-feed-loading wu-mb-6'>
|
||||
<?php _e('No more items to display', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
|
||||
<div v-if="!loading" class="wu-widget-inset">
|
||||
<div v-if="!loading" class="wu-widget-inset">
|
||||
|
||||
<ul class="wu-m-0 wu-p-0 wu-divide-gray-200" v-cloak>
|
||||
<ul class="wu-m-0 wu-p-0 wu-divide-gray-200" v-cloak>
|
||||
|
||||
<li
|
||||
class="wu-m-0"
|
||||
:class="index > 0 ? 'wu-border-solid wu-border-0 wu-border-t wu-border-gray-300' : ''"
|
||||
v-for="(event, index) in queried.events"
|
||||
>
|
||||
<a :href="'<?php echo wu_network_admin_url('wp-ultimo-view-event', array('id' => '')); ?>=' + event.id" class="wu-block hover:wu-bg-gray-50">
|
||||
<div class="wu-px-4 wu-py-4 wu-flex wu-items-center">
|
||||
<div class="wu-min-w-0 wu-flex-1 sm:wu-flex sm:wu-items-center">
|
||||
<div class="wu-mt-4 wu-flex-shrink-0 sm:wu-mt-0 sm:wu-mr-4">
|
||||
<div class="wu-flex wu-relative">
|
||||
<li
|
||||
class="wu-m-0"
|
||||
:class="index > 0 ? 'wu-border-solid wu-border-0 wu-border-t wu-border-gray-300' : ''"
|
||||
v-for="(event, index) in queried.events"
|
||||
>
|
||||
<a :href="'<?php echo wu_network_admin_url('wp-ultimo-view-event', array('id' => '')); ?>=' + event.id" class="wu-block hover:wu-bg-gray-50">
|
||||
<div class="wu-px-4 wu-py-4 wu-flex wu-items-center">
|
||||
<div class="wu-min-w-0 wu-flex-1 sm:wu-flex sm:wu-items-center">
|
||||
<div class="wu-mt-4 wu-flex-shrink-0 sm:wu-mt-0 sm:wu-mr-4">
|
||||
<div class="wu-flex wu-relative">
|
||||
|
||||
<img v-if="event.author.avatar"
|
||||
class="wu-inline-block wu-h-7 wu-w-7 wu-rounded-full wu-ring-2 wu-ring-white"
|
||||
:src="event.author.avatar"
|
||||
:alt="event.author.display_name"
|
||||
>
|
||||
<img v-if="event.author.avatar"
|
||||
class="wu-inline-block wu-h-7 wu-w-7 wu-rounded-full wu-ring-2 wu-ring-white"
|
||||
:src="event.author.avatar"
|
||||
:alt="event.author.display_name"
|
||||
>
|
||||
|
||||
<div v-if="!event.author.avatar" class="wu-flex wu-h-7 wu-w-7 wu-rounded-full wu-ring-2 wu-ring-white wu-bg-gray-300 wu-items-center wu-justify-center">
|
||||
<span class="dashicons-wu-tools wu-text-gray-700 wu-text-xl"></span>
|
||||
</div>
|
||||
<div v-if="!event.author.avatar" class="wu-flex wu-h-7 wu-w-7 wu-rounded-full wu-ring-2 wu-ring-white wu-bg-gray-300 wu-items-center wu-justify-center">
|
||||
<span class="dashicons-wu-tools wu-text-gray-700 wu-text-xl"></span>
|
||||
</div>
|
||||
|
||||
<span
|
||||
role="tooltip"
|
||||
:aria-label="event.initiator.charAt(0).toUpperCase() + event.initiator.slice(1) + ' - ' + event.severity_label"
|
||||
class="wu-absolute wu-rounded-full wu--mb-2 wu--mr-2 wu-flex wu-items-center wu-justify-center wu-font-mono wu-bottom-0 wu-right-0 wu-font-bold wu-h-3 wu-w-3 wu-uppercase wu-text-2xs wu-p-1 wu-border-solid wu-border-2 wu-border-white"
|
||||
:class="event.severity_classes"
|
||||
>
|
||||
{{ event.severity_label[0] }}
|
||||
</span>
|
||||
<span
|
||||
role="tooltip"
|
||||
:aria-label="event.initiator.charAt(0).toUpperCase() + event.initiator.slice(1) + ' - ' + event.severity_label"
|
||||
class="wu-absolute wu-rounded-full wu--mb-2 wu--mr-2 wu-flex wu-items-center wu-justify-center wu-font-mono wu-bottom-0 wu-right-0 wu-font-bold wu-h-3 wu-w-3 wu-uppercase wu-text-2xs wu-p-1 wu-border-solid wu-border-2 wu-border-white"
|
||||
:class="event.severity_classes"
|
||||
>
|
||||
{{ event.severity_label[0] }}
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="wu-flex wu-font-medium wu-text-gray-700 wu-truncate">
|
||||
<p class="wu-m-0 wu-p-0 wu-capitalize">{{ event.object_type }}</p>
|
||||
<p class="wu-p-0 wu-m-0 wu-ml-1 wu-font-normal wu-text-gray-600">
|
||||
<?php printf(__('with %s', 'wp-ultimo'), '{{ event.slug }}'); ?>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wu-mt-1">
|
||||
<div class="wu-text-sm wu-text-gray-600">
|
||||
<!-- Heroicon name: calendar -->
|
||||
<p class="wu-p-0 wu-m-0">
|
||||
<span v-html="event.message"></span>
|
||||
<span class="wu-text-gray-700 wu-ml-2"><span class="dashicons-wu-clock wu-mr-1 wu-align-middle"></span>{{ $moment(event.date_created, "YYYYMMDD").fromNow() }}</span>
|
||||
<span v-if="event.author.display_name" class="wu-text-gray-700"><?php printf(__('by %s', 'wp-ultimo'), '{{ event.author.display_name }}'); ?></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wu-ml-auto wu-flex-shrink-0">
|
||||
<svg class="wu-h-5 wu-w-5 wu-text-gray-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
||||
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="wu-flex wu-font-medium wu-text-gray-700 wu-truncate">
|
||||
<p class="wu-m-0 wu-p-0 wu-capitalize">{{ event.object_type }}</p>
|
||||
<p class="wu-p-0 wu-m-0 wu-ml-1 wu-font-normal wu-text-gray-600">
|
||||
<?php printf(__('with %s', 'wp-ultimo'), '{{ event.slug }}'); ?>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wu-mt-1">
|
||||
<div class="wu-text-sm wu-text-gray-600">
|
||||
<!-- Heroicon name: calendar -->
|
||||
<p class="wu-p-0 wu-m-0">
|
||||
<span v-html="event.message"></span>
|
||||
<span class="wu-text-gray-700 wu-ml-2"><span class="dashicons-wu-clock wu-mr-1 wu-align-middle"></span>{{ $moment(event.date_created, "YYYYMMDD").fromNow() }}</span>
|
||||
<span v-if="event.author.display_name" class="wu-text-gray-700"><?php printf(__('by %s', 'wp-ultimo'), '{{ event.author.display_name }}'); ?></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wu-ml-auto wu-flex-shrink-0">
|
||||
<svg class="wu-h-5 wu-w-5 wu-text-gray-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
||||
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
<div v-cloak class="wu-p-4 wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-t wu-border-gray-300">
|
||||
<div v-cloak class="wu-p-4 wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-t wu-border-gray-300">
|
||||
|
||||
<ul
|
||||
v-if='!loading'
|
||||
class='wu-feed-pagination wu-m-0 wu-flex wu-justify-between'>
|
||||
<li class="wu-w-1/3 wu-m-0">
|
||||
<a href="#" class="wu-block" v-on:click.prevent="refresh">
|
||||
<?php _e('Refresh', 'wp-ultimo'); ?>
|
||||
</a>
|
||||
</li>
|
||||
<li v-if="page > 1" class="wu-w-1/3 wu-text-center wu-m-0">
|
||||
<a href="#" v-on:click.prevent="navigatePrev" class="wu-block">
|
||||
← <?php _e('Previous Page', 'wp-ultimo'); ?>
|
||||
</a>
|
||||
</li>
|
||||
<li v-if="hasMore() && !loading" class="wu-w-1/3 wu-text-right wu-m-0">
|
||||
<a href="#" v-on:click.prevent="navigateNext" class="wu-block">
|
||||
<?php _e('Next Page', 'wp-ultimo'); ?>
|
||||
→
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul
|
||||
v-if='!loading'
|
||||
class='wu-feed-pagination wu-m-0 wu-flex wu-justify-between'>
|
||||
<li class="wu-w-1/3 wu-m-0">
|
||||
<a href="#" class="wu-block" v-on:click.prevent="refresh">
|
||||
<?php _e('Refresh', 'wp-ultimo'); ?>
|
||||
</a>
|
||||
</li>
|
||||
<li v-if="page > 1" class="wu-w-1/3 wu-text-center wu-m-0">
|
||||
<a href="#" v-on:click.prevent="navigatePrev" class="wu-block">
|
||||
← <?php _e('Previous Page', 'wp-ultimo'); ?>
|
||||
</a>
|
||||
</li>
|
||||
<li v-if="hasMore() && !loading" class="wu-w-1/3 wu-text-right wu-m-0">
|
||||
<a href="#" v-on:click.prevent="navigateNext" class="wu-block">
|
||||
<?php _e('Next Page', 'wp-ultimo'); ?>
|
||||
→
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="application/javascript">
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
Object.defineProperty(Vue.prototype, '$moment', {
|
||||
value: wu_moment
|
||||
});
|
||||
Object.defineProperty(Vue.prototype, '$moment', {
|
||||
value: wu_moment
|
||||
});
|
||||
|
||||
var wuActivityStream = new Vue({
|
||||
el: '#activity-stream-content',
|
||||
data: {
|
||||
count: 0,
|
||||
loading: true,
|
||||
page: 1,
|
||||
queried: [],
|
||||
error: false,
|
||||
errorMessage: "",
|
||||
},
|
||||
mounted: function() {
|
||||
this.pullQuery();
|
||||
},
|
||||
watch: {
|
||||
queried: function(value) {},
|
||||
},
|
||||
methods: {
|
||||
hasMore: function() {
|
||||
return this.queried.count > (this.page * 5)
|
||||
},
|
||||
refresh: function() {
|
||||
this.loading = true;
|
||||
this.pullQuery();
|
||||
},
|
||||
navigatePrev: function() {
|
||||
this.page = this.page <= 1 ? 1 : this.page - 1;
|
||||
this.loading = true;
|
||||
this.pullQuery();
|
||||
},
|
||||
navigateNext: function() {
|
||||
this.page = this.page + 1;
|
||||
this.loading = true;
|
||||
this.pullQuery();
|
||||
},
|
||||
pullQuery: function() {
|
||||
var that = this;
|
||||
jQuery.ajax({
|
||||
url: ajaxurl,
|
||||
data: {
|
||||
_ajax_nonce: '<?php echo esc_js(wp_create_nonce('wu_activity_stream')); ?>',
|
||||
action: 'wu_fetch_activity',
|
||||
page: this.page,
|
||||
},
|
||||
success: function(data) {
|
||||
that.loading = false;
|
||||
Vue.set(wuActivityStream, 'loading', false);
|
||||
var wuActivityStream = new Vue({
|
||||
el: '#activity-stream-content',
|
||||
data: {
|
||||
count: 0,
|
||||
loading: true,
|
||||
page: 1,
|
||||
queried: [],
|
||||
error: false,
|
||||
errorMessage: "",
|
||||
},
|
||||
mounted: function() {
|
||||
this.pullQuery();
|
||||
},
|
||||
watch: {
|
||||
queried: function(value) {},
|
||||
},
|
||||
methods: {
|
||||
hasMore: function() {
|
||||
return this.queried.count > (this.page * 5)
|
||||
},
|
||||
refresh: function() {
|
||||
this.loading = true;
|
||||
this.pullQuery();
|
||||
},
|
||||
navigatePrev: function() {
|
||||
this.page = this.page <= 1 ? 1 : this.page - 1;
|
||||
this.loading = true;
|
||||
this.pullQuery();
|
||||
},
|
||||
navigateNext: function() {
|
||||
this.page = this.page + 1;
|
||||
this.loading = true;
|
||||
this.pullQuery();
|
||||
},
|
||||
pullQuery: function() {
|
||||
var that = this;
|
||||
jQuery.ajax({
|
||||
url: ajaxurl,
|
||||
data: {
|
||||
_ajax_nonce: '<?php echo esc_js(wp_create_nonce('wu_activity_stream')); ?>',
|
||||
action: 'wu_fetch_activity',
|
||||
page: this.page,
|
||||
},
|
||||
success: function(data) {
|
||||
that.loading = false;
|
||||
Vue.set(wuActivityStream, 'loading', false);
|
||||
|
||||
if (data.success) {
|
||||
if (data.success) {
|
||||
|
||||
Vue.set(wuActivityStream, 'queried', data.data);
|
||||
Vue.set(wuActivityStream, 'queried', data.data);
|
||||
|
||||
} // end if;
|
||||
} // end if;
|
||||
|
||||
},
|
||||
})
|
||||
},
|
||||
})
|
||||
|
||||
},
|
||||
get_color_event: function(type) {},
|
||||
}
|
||||
});
|
||||
},
|
||||
get_color_event: function(type) {},
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
@ -7,175 +7,175 @@
|
||||
?>
|
||||
<div class="wu-styling <?php echo esc_attr($className); ?>">
|
||||
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
|
||||
<!-- Billing Address -->
|
||||
<!-- Billing Address -->
|
||||
|
||||
<div id="wu-billing-address">
|
||||
<div id="wu-billing-address">
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
|
||||
<?php if ($title) : ?>
|
||||
<?php if ($title) : ?>
|
||||
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo $title; ?>
|
||||
<?php echo $title; ?>
|
||||
|
||||
</h3>
|
||||
</h3>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="wu-ml-auto">
|
||||
<div class="wu-ml-auto">
|
||||
|
||||
<a
|
||||
title="<?php esc_attr_e('Update Billing Address', 'wp-ultimo'); ?>"
|
||||
class="wu-text-sm wu-no-underline wubox button"
|
||||
href="<?php echo $update_billing_address_link; ?>"
|
||||
>
|
||||
<a
|
||||
title="<?php esc_attr_e('Update Billing Address', 'wp-ultimo'); ?>"
|
||||
class="wu-text-sm wu-no-underline wubox button"
|
||||
href="<?php echo $update_billing_address_link; ?>"
|
||||
>
|
||||
|
||||
<?php _e('Update', 'wp-ultimo'); ?>
|
||||
<?php _e('Update', 'wp-ultimo'); ?>
|
||||
|
||||
</a>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<?php if (!$billing_address->exists()) : ?>
|
||||
<?php if ( ! $billing_address->exists()) : ?>
|
||||
|
||||
<div class="wu-p-4 wu-border-t wu-border-solid wu-border-0 wu-border-gray-200">
|
||||
<div class="wu-p-4 wu-border-t wu-border-solid wu-border-0 wu-border-gray-200">
|
||||
|
||||
<div class="wu-p-4 wu-bg-gray-100 wu-rounded">
|
||||
<div class="wu-p-4 wu-bg-gray-100 wu-rounded">
|
||||
|
||||
<?php printf(__('No billing address found. Click <a title="%1$s" href="%2$s" class="wubox wu-no-underline">here</a> to add one.', 'wp-ultimo'), __('Update Billing Address', 'wp-ultimo'), $update_billing_address_link); ?>
|
||||
<?php printf(__('No billing address found. Click <a title="%1$s" href="%2$s" class="wubox wu-no-underline">here</a> to add one.', 'wp-ultimo'), __('Update Billing Address', 'wp-ultimo'), $update_billing_address_link); ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php else : ?>
|
||||
<?php else : ?>
|
||||
|
||||
<div class="wu-overflow-hidden">
|
||||
<div class="wu-overflow-hidden">
|
||||
|
||||
<?php foreach ($billing_address->to_array(true) as $label => $value) : ?>
|
||||
<?php foreach ($billing_address->to_array(true) as $label => $value) : ?>
|
||||
|
||||
<div class="wu-border-t wu-border-solid wu-border-0 wu-border-gray-200 wu-px-4 wu-py-2 sm:wu-p-0">
|
||||
<div class="wu-border-t wu-border-solid wu-border-0 wu-border-gray-200 wu-px-4 wu-py-2 sm:wu-p-0">
|
||||
|
||||
<div class="sm:wu-divide-y sm:wu-divide-gray-200">
|
||||
<div class="wu-py-4 sm:wu-grid sm:wu-grid-cols-3 sm:wu-gap-4 sm:wu-px-4">
|
||||
<div class="wu-text-sm wu-font-medium wu-text-gray-600">
|
||||
<div class="sm:wu-divide-y sm:wu-divide-gray-200">
|
||||
<div class="wu-py-4 sm:wu-grid sm:wu-grid-cols-3 sm:wu-gap-4 sm:wu-px-4">
|
||||
<div class="wu-text-sm wu-font-medium wu-text-gray-600">
|
||||
<?php echo $label; ?>
|
||||
</div>
|
||||
<div class="wu-mt-1 wu-text-sm wu-text-gray-900 sm:wu-mt-0 sm:wu-col-span-2">
|
||||
</div>
|
||||
<div class="wu-mt-1 wu-text-sm wu-text-gray-900 sm:wu-mt-0 sm:wu-col-span-2">
|
||||
<?php echo $value; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endforeach; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Billing Address - End -->
|
||||
<!-- Billing Address - End -->
|
||||
|
||||
<?php if ($membership->is_recurring() && false) : ?>
|
||||
<?php if ($membership->is_recurring() && false) : ?>
|
||||
|
||||
<!-- Payment Method -->
|
||||
<!-- Payment Method -->
|
||||
|
||||
<div id="wu-payment-method">
|
||||
<div id="wu-payment-method">
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-b wu-border-t wu-border-gray-200'); ?>">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-b wu-border-t wu-border-gray-200'); ?>">
|
||||
|
||||
<?php if (true) : ?>
|
||||
<?php if (true) : ?>
|
||||
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo __('Payment Method', 'wp-ultimo'); ?>
|
||||
<?php echo __('Payment Method', 'wp-ultimo'); ?>
|
||||
|
||||
</h3>
|
||||
</h3>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="wu-ml-auto">
|
||||
<div class="wu-ml-auto">
|
||||
|
||||
<a
|
||||
title="<?php esc_attr_e('Update Billing Address', 'wp-ultimo'); ?>"
|
||||
class="wu-text-sm wu-no-underline wubox button"
|
||||
href="<?php echo $update_billing_address_link; ?>"
|
||||
>
|
||||
<a
|
||||
title="<?php esc_attr_e('Update Billing Address', 'wp-ultimo'); ?>"
|
||||
class="wu-text-sm wu-no-underline wubox button"
|
||||
href="<?php echo $update_billing_address_link; ?>"
|
||||
>
|
||||
|
||||
<?php _e('Update', 'wp-ultimo'); ?>
|
||||
<?php _e('Update', 'wp-ultimo'); ?>
|
||||
|
||||
</a>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<div class="">
|
||||
<div class="">
|
||||
|
||||
<div class="wu-p-4">
|
||||
<div class="wu-p-4">
|
||||
|
||||
<div class="sm:wu-flex sm:wu-items-center sm:wu-justify-between">
|
||||
<div class="sm:wu-flex sm:wu-items-center sm:wu-justify-between">
|
||||
|
||||
<h4 class="screen-reader-text">Visa</h4>
|
||||
<h4 class="screen-reader-text">Visa</h4>
|
||||
|
||||
<div class="sm:wu-flex sm:wu-items-center">
|
||||
<div class="sm:wu-flex sm:wu-items-center">
|
||||
|
||||
<svg class="wu-h-8 wu-w-auto sm:wu-flex-shrink-0 sm:wu-h-6" viewBox="0 0 36 24" aria-hidden="true">
|
||||
<rect width="36" height="24" fill="#224DBA" rx="4" />
|
||||
<path fill="#fff"
|
||||
d="M10.925 15.673H8.874l-1.538-6c-.073-.276-.228-.52-.456-.635A6.575 6.575 0 005 8.403v-.231h3.304c.456 0 .798.347.855.75l.798 4.328 2.05-5.078h1.994l-3.076 7.5zm4.216 0h-1.937L14.8 8.172h1.937l-1.595 7.5zm4.101-5.422c.057-.404.399-.635.798-.635a3.54 3.54 0 011.88.346l.342-1.615A4.808 4.808 0 0020.496 8c-1.88 0-3.248 1.039-3.248 2.481 0 1.097.969 1.673 1.653 2.02.74.346 1.025.577.968.923 0 .519-.57.75-1.139.75a4.795 4.795 0 01-1.994-.462l-.342 1.616a5.48 5.48 0 002.108.404c2.108.057 3.418-.981 3.418-2.539 0-1.962-2.678-2.077-2.678-2.942zm9.457 5.422L27.16 8.172h-1.652a.858.858 0 00-.798.577l-2.848 6.924h1.994l.398-1.096h2.45l.228 1.096h1.766zm-2.905-5.482l.57 2.827h-1.596l1.026-2.827z" />
|
||||
</svg>
|
||||
<svg class="wu-h-8 wu-w-auto sm:wu-flex-shrink-0 sm:wu-h-6" viewBox="0 0 36 24" aria-hidden="true">
|
||||
<rect width="36" height="24" fill="#224DBA" rx="4" />
|
||||
<path fill="#fff"
|
||||
d="M10.925 15.673H8.874l-1.538-6c-.073-.276-.228-.52-.456-.635A6.575 6.575 0 005 8.403v-.231h3.304c.456 0 .798.347.855.75l.798 4.328 2.05-5.078h1.994l-3.076 7.5zm4.216 0h-1.937L14.8 8.172h1.937l-1.595 7.5zm4.101-5.422c.057-.404.399-.635.798-.635a3.54 3.54 0 011.88.346l.342-1.615A4.808 4.808 0 0020.496 8c-1.88 0-3.248 1.039-3.248 2.481 0 1.097.969 1.673 1.653 2.02.74.346 1.025.577.968.923 0 .519-.57.75-1.139.75a4.795 4.795 0 01-1.994-.462l-.342 1.616a5.48 5.48 0 002.108.404c2.108.057 3.418-.981 3.418-2.539 0-1.962-2.678-2.077-2.678-2.942zm9.457 5.422L27.16 8.172h-1.652a.858.858 0 00-.798.577l-2.848 6.924h1.994l.398-1.096h2.45l.228 1.096h1.766zm-2.905-5.482l.57 2.827h-1.596l1.026-2.827z" />
|
||||
</svg>
|
||||
|
||||
<div class="wu-mt-3 sm:wu-mt-0 sm:wu-ml-4">
|
||||
<div class="wu-mt-3 sm:wu-mt-0 sm:wu-ml-4">
|
||||
|
||||
<div class="wu-text-sm wu-font-medium wu-text-gray-900">
|
||||
Ending with 4242
|
||||
</div>
|
||||
<div class="wu-text-sm wu-font-medium wu-text-gray-900">
|
||||
Ending with 4242
|
||||
</div>
|
||||
|
||||
<div class="wu-mt-1 wu-text-sm wu-text-gray-600 sm:wu-flex sm:wu-items-center">
|
||||
<div class="wu-mt-1 wu-text-sm wu-text-gray-600 sm:wu-flex sm:wu-items-center">
|
||||
|
||||
<div>
|
||||
Expires 12/20
|
||||
</div>
|
||||
<div>
|
||||
Expires 12/20
|
||||
</div>
|
||||
|
||||
<span class="wu-hidden sm:wu-mx-2 sm:wu-inline md:wu-hidden lg:wu-inline" aria-hidden="true">
|
||||
·
|
||||
</span>
|
||||
<span class="wu-hidden sm:wu-mx-2 sm:wu-inline md:wu-hidden lg:wu-inline" aria-hidden="true">
|
||||
·
|
||||
</span>
|
||||
|
||||
<div class="wu-mt-1 sm:wu-mt-0 sm:wu-inline md:wu-hidden lg:wu-inline">
|
||||
Last updated on 22 Aug 2017
|
||||
</div>
|
||||
<div class="wu-mt-1 sm:wu-mt-0 sm:wu-inline md:wu-hidden lg:wu-inline">
|
||||
Last updated on 22 Aug 2017
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Payment Method - End -->
|
||||
<!-- Payment Method - End -->
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -8,58 +8,58 @@
|
||||
|
||||
<div class="<?php echo "wu-product-{$product->get_id()}-head"; ?> wu-bg-gray-100 wu-p-4 wu-flex wu-items-center">
|
||||
|
||||
<div>
|
||||
<div>
|
||||
|
||||
<span class="wu-text-xl wu-font-medium wu-block"><?php echo $product->get_name(); ?></span>
|
||||
<span class="wu-text-xl wu-font-medium wu-block"><?php echo $product->get_name(); ?></span>
|
||||
|
||||
<small class="wu-text-gray-600 wu-text-sm wu-block wu-mt-2"><?php echo $product->get_price_description(); ?></small>
|
||||
<small class="wu-text-gray-600 wu-text-sm wu-block wu-mt-2"><?php echo $product->get_price_description(); ?></small>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if ($product->get_featured_image()) : ?>
|
||||
<?php if ($product->get_featured_image()) : ?>
|
||||
|
||||
<div class="wu-ml-auto">
|
||||
<div class="wu-ml-auto">
|
||||
|
||||
<img
|
||||
class="wu-h-12 wu-w-12 wu-rounded"
|
||||
src="<?php echo esc_url($product->get_featured_image()); ?>"
|
||||
alt="<?php echo esc_attr($product->get_name()); ?>"
|
||||
>
|
||||
<img
|
||||
class="wu-h-12 wu-w-12 wu-rounded"
|
||||
src="<?php echo esc_url($product->get_featured_image()); ?>"
|
||||
alt="<?php echo esc_attr($product->get_name()); ?>"
|
||||
>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="<?php echo "wu-product-{$product->get_id()}-description"; ?> wu-p-4 wu-border-t wu-border-l-0 wu-border-r-0 wu-border-b wu-border-gray-300 wu-border-solid">
|
||||
|
||||
<?php if ($product->get_description()) : ?>
|
||||
<?php if ($product->get_description()) : ?>
|
||||
|
||||
<span class="wu-text-xs wu-uppercase wu-font-bold wu-block">
|
||||
<span class="wu-text-xs wu-uppercase wu-font-bold wu-block">
|
||||
|
||||
<?php _e('Product Description:', 'wp-ultimo'); ?>
|
||||
<?php _e('Product Description:', 'wp-ultimo'); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<p class="wu-mb-6"><?php echo $product->get_description(); ?></p>
|
||||
<p class="wu-mb-6"><?php echo $product->get_description(); ?></p>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<span class="wu-text-xs wu-uppercase wu-font-bold wu-block">
|
||||
<span class="wu-text-xs wu-uppercase wu-font-bold wu-block">
|
||||
|
||||
<?php _e('Product Characteristics:', 'wp-ultimo'); ?>
|
||||
<?php _e('Product Characteristics:', 'wp-ultimo'); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<ul class="wu-m-0 wu-mt-4 wu-p-0 wu-list-none">
|
||||
<ul class="wu-m-0 wu-mt-4 wu-p-0 wu-list-none">
|
||||
|
||||
<?php foreach ($product->get_pricing_table_lines() as $key => $line) : ?>
|
||||
<?php foreach ($product->get_pricing_table_lines() as $key => $line) : ?>
|
||||
|
||||
<li class="<?php echo str_replace('_', '-', $key); ?>"><?php echo $line; ?></li>
|
||||
<li class="<?php echo str_replace('_', '-', $key); ?>"><?php echo $line; ?></li>
|
||||
|
||||
<?php endforeach; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
@ -7,347 +7,365 @@
|
||||
?>
|
||||
<div class="wu-styling <?php echo esc_attr($className); ?>">
|
||||
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
<div class="<?php echo esc_attr(wu_env_picker('', 'wu-widget-inset')); ?>">
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-b wu-border-gray-200'); ?>">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo esc_attr(wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-b wu-border-gray-200')); ?>">
|
||||
|
||||
<?php if ($title) : ?>
|
||||
<?php if ($title) : ?>
|
||||
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h3 class="wu-m-0 <?php echo esc_attr(wu_env_picker('', 'wu-widget-title')); ?>">
|
||||
|
||||
<?php echo $title; ?>
|
||||
<?php echo $title; ?>
|
||||
|
||||
</h3>
|
||||
</h3>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (wu_request('page') !== 'wu-checkout') : ?>
|
||||
<?php if (wu_request('page') !== 'wu-checkout') : ?>
|
||||
|
||||
<div class="wu-ml-auto">
|
||||
<div class="wu-ml-auto">
|
||||
|
||||
<a
|
||||
title="<?php esc_attr_e('Update your membership', 'wp-ultimo'); ?>"
|
||||
class="wu-text-sm wu-no-underline button"
|
||||
href="<?php echo esc_attr(wu_get_membership_update_url($membership)); ?>"
|
||||
>
|
||||
<a
|
||||
title="<?php esc_attr_e('Update your membership', 'wp-ultimo'); ?>"
|
||||
class="wu-text-sm wu-no-underline button"
|
||||
href="<?php echo esc_attr(wu_get_membership_update_url($membership)); ?>"
|
||||
>
|
||||
|
||||
<?php _e('Change', 'wp-ultimo'); ?>
|
||||
<?php esc_html_e('Change', 'wp-ultimo'); ?>
|
||||
|
||||
</a>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<!-- Product Block -->
|
||||
<!-- Product Block -->
|
||||
|
||||
<?php if ($plan) : ?>
|
||||
<?php if ($plan) : ?>
|
||||
|
||||
<div class="wu-p-4 wu-flex wu-justify-between wu-items-center wu-flex-wrap sm:wu-flex-nowrap">
|
||||
<div class="wu-p-4 wu-flex wu-justify-between wu-items-center wu-flex-wrap sm:wu-flex-nowrap">
|
||||
|
||||
<div class="">
|
||||
<div class="">
|
||||
|
||||
<div class="wu-flex wu-items-center">
|
||||
<div class="wu-flex wu-items-center">
|
||||
|
||||
<?php if ($display_images && $plan->get_featured_image()) : ?>
|
||||
<?php if ($display_images && $plan->get_featured_image()) : ?>
|
||||
|
||||
<div class="wu-flex-shrink-0 wu-mr-4">
|
||||
<div class="wu-flex-shrink-0 wu-mr-4">
|
||||
|
||||
<img
|
||||
class="wu-h-8 wu-w-8 wu-rounded"
|
||||
src="<?php echo esc_url($plan->get_featured_image()); ?>"
|
||||
alt="<?php echo esc_attr($plan->get_name()); ?>"
|
||||
>
|
||||
<img
|
||||
class="wu-h-8 wu-w-8 wu-rounded"
|
||||
src="<?php echo esc_url($plan->get_featured_image()); ?>"
|
||||
alt="<?php echo esc_attr($plan->get_name()); ?>"
|
||||
>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="">
|
||||
<div class="">
|
||||
|
||||
<span class="wu-text-lg wu-font-medium wu-text-gray-900 wu-block">
|
||||
<span class="wu-text-lg wu-font-medium wu-text-gray-900 wu-block">
|
||||
|
||||
<?php echo $plan->get_name(); ?>
|
||||
<?php echo $plan->get_name(); ?>
|
||||
|
||||
<span class="wu-font-mono wu-mx-2 wu-text-xs"><?php echo $membership->get_hash(); ?></span>
|
||||
<span class="wu-font-mono wu-mx-2 wu-text-xs"><?php echo $membership->get_hash(); ?></span>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span class="wu-text-sm wu-text-gray-600">
|
||||
<span class="wu-text-sm wu-text-gray-600">
|
||||
|
||||
<?php echo $plan->get_price_description(); ?>
|
||||
<?php echo $plan->get_price_description(); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if ($pending_change) : ?>
|
||||
<?php if ($pending_change) : ?>
|
||||
|
||||
<div class="wu-mt-4">
|
||||
<div class="wu-mt-4">
|
||||
|
||||
<div class="wu-bg-yellow-200 wu-text-yellow-700 wu-rounded wu-p-2">
|
||||
<div class="wu-bg-yellow-200 wu-text-yellow-700 wu-rounded wu-p-2">
|
||||
|
||||
<?php printf(__("There's a pending change for this membership, scheduled to take place on <strong>%1\$s</strong>. Changing to <strong>%2\$s</strong>.", 'wp-ultimo'), $pending_change_date, $pending_change); ?>
|
||||
<?php printf(__("There's a pending change for this membership, scheduled to take place on <strong>%1\$s</strong>. Changing to <strong>%2\$s</strong>.", 'wp-ultimo'), $pending_change_date, $pending_change); ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- Product Block - End -->
|
||||
<!-- Product Block - End -->
|
||||
|
||||
<?php if ($membership) : ?>
|
||||
<?php if ($membership) : ?>
|
||||
|
||||
<div class="wu-py-4 wu-pb-2 wu-px-4 wu-grid wu-grid-cols-1 wu-gap-x-4 wu-gap-y-8 sm:wu-grid-cols-<?php echo esc_attr((int) $columns); ?> wu-border-solid wu-border-0 wu-border-b wu-border-t wu-border-gray-200">
|
||||
<div class="wu-py-4 wu-pb-2 wu-px-4 wu-grid wu-grid-cols-1 wu-gap-x-4 wu-gap-y-8 sm:wu-grid-cols-<?php echo esc_attr((int) $columns); ?> wu-border-solid wu-border-0 wu-border-b wu-border-t wu-border-gray-200">
|
||||
|
||||
<div class="sm:wu-col-span-1">
|
||||
<div class="sm:wu-col-span-1">
|
||||
|
||||
<div class="wu-text-sm wu-font-medium wu-text-gray-600">
|
||||
<?php _e('Status', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
<div class="wu-text-sm wu-font-medium wu-text-gray-600">
|
||||
<?php _e('Status', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
|
||||
<div class="wu-mt-1 wu-text-sm wu-text-gray-900 wu-mb-4">
|
||||
<div class="wu-mt-1 wu-text-sm wu-text-gray-900 wu-mb-4">
|
||||
|
||||
<span class="<?php echo esc_attr($membership->get_status_class()); ?> wu-font-medium wu-inline-block wu-py-1 wu-px-2 wu-rounded">
|
||||
<span class="<?php echo esc_attr($membership->get_status_class()); ?> wu-font-medium wu-inline-block wu-py-1 wu-px-2 wu-rounded">
|
||||
|
||||
<?php echo $membership->get_status_label(); ?>
|
||||
<?php echo $membership->get_status_label(); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sm:wu-col-span-1">
|
||||
<div class="sm:wu-col-span-1">
|
||||
|
||||
<div class="wu-text-sm wu-font-medium wu-text-gray-600">
|
||||
<?php _e('Initial Amount', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
<div class="wu-text-sm wu-font-medium wu-text-gray-600">
|
||||
<?php _e('Initial Amount', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
|
||||
<div class="wu-mt-1 wu-text-sm wu-text-gray-900 wu-mb-4">
|
||||
<?php echo wu_format_currency($membership->get_initial_amount(), $membership->get_currency()) ?>
|
||||
</div>
|
||||
<div class="wu-mt-1 wu-text-sm wu-text-gray-900 wu-mb-4">
|
||||
<?php echo wu_format_currency($membership->get_initial_amount(), $membership->get_currency()); ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if ($membership->is_recurring()) : ?>
|
||||
<?php if ($membership->is_recurring()) : ?>
|
||||
|
||||
<div class="sm:wu-col-span-1">
|
||||
<div class="sm:wu-col-span-1">
|
||||
|
||||
<div class="wu-text-sm wu-font-medium wu-text-gray-600">
|
||||
<?php _e('Times Billed', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
<div class="wu-text-sm wu-font-medium wu-text-gray-600">
|
||||
<?php _e('Times Billed', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
|
||||
<div class="wu-mt-1 wu-text-sm wu-text-gray-900 wu-mb-4">
|
||||
<?php echo $membership->get_times_billed_description(); ?>
|
||||
</div>
|
||||
<div class="wu-mt-1 wu-text-sm wu-text-gray-900 wu-mb-4">
|
||||
<?php echo $membership->get_times_billed_description(); ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (!$membership->is_lifetime()) : ?>
|
||||
<?php if ( ! $membership->is_lifetime()) : ?>
|
||||
|
||||
<div class="sm:wu-col-span-1">
|
||||
<div class="sm:wu-col-span-1">
|
||||
|
||||
<div class="wu-text-sm wu-font-medium wu-text-gray-600">
|
||||
<?php _e('Expires', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
<div class="wu-text-sm wu-font-medium wu-text-gray-600">
|
||||
<?php _e('Expires', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
|
||||
<div class="wu-mt-1 wu-text-sm wu-text-gray-900 wu-mb-4">
|
||||
<?php echo $membership->get_formatted_date('date_expiration'); ?>
|
||||
</div>
|
||||
<div class="wu-mt-1 wu-text-sm wu-text-gray-900 wu-mb-4">
|
||||
<?php echo $membership->get_formatted_date('date_expiration'); ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Additional Packages -->
|
||||
<!-- Additional Packages -->
|
||||
|
||||
<div class="wu-hidden">
|
||||
<div class="wu-hidden">
|
||||
|
||||
<ul class="wu-list-none wu-p-0 wu-m-0 wu-border-solid wu-border-0 wu-border-gray-200">
|
||||
<ul class="wu-list-none wu-p-0 wu-m-0 wu-border-solid wu-border-0 wu-border-gray-200">
|
||||
|
||||
<!-- Coupon -->
|
||||
<li class="wu-text-sm wu-text-gray-700 wu-border-solid wu-border-0 wu-border-b wu-border-gray-200 wu-m-0 wu-py-3 wu-px-4 wu-flex wu-items-center wu-justify-between">
|
||||
<!-- Coupon -->
|
||||
<li class="wu-text-sm wu-text-gray-700 wu-border-solid wu-border-0 wu-border-b wu-border-gray-200 wu-m-0 wu-py-3 wu-px-4 wu-flex wu-items-center wu-justify-between">
|
||||
|
||||
<span>
|
||||
<span>
|
||||
|
||||
<span class="wu-font-medium wu-text-gray-700 wu-block">
|
||||
<span class="wu-font-medium wu-text-gray-700 wu-block">
|
||||
|
||||
Coupon Code
|
||||
Coupon Code
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span class="wu-text-sm wu-text-gray-600 wu-block">
|
||||
<span class="wu-text-sm wu-text-gray-600 wu-block">
|
||||
|
||||
None applied.
|
||||
None applied.
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<div class="wu-ml-4 wu-flex-shrink-0 wu-flex">
|
||||
<div class="wu-ml-4 wu-flex-shrink-0 wu-flex">
|
||||
|
||||
<a href="#" class="wu-no-underline">
|
||||
<a href="#" class="wu-no-underline">
|
||||
|
||||
Add Coupon
|
||||
Add Coupon
|
||||
|
||||
</a>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<!-- Coupon End -->
|
||||
</li>
|
||||
<!-- Coupon End -->
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-b wu-border-gray-200'); ?>">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-b wu-border-gray-200'); ?>">
|
||||
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo __('Additional Packages & Services', 'wp-ultimo'); ?>
|
||||
<?php echo __('Additional Packages & Services', 'wp-ultimo'); ?>
|
||||
|
||||
</h3>
|
||||
</h3>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<?php if ($membership->has_addons()) : ?>
|
||||
<?php if ($membership->has_addons()) : ?>
|
||||
|
||||
<ul class="wu-list-none wu-p-0 wu-m-0 wu-border-solid wu-border-0 wu-border-t wu-border-gray-200">
|
||||
<ul class="wu-list-none wu-p-0 wu-m-0 wu-border-solid wu-border-0 wu-border-t wu-border-gray-200">
|
||||
|
||||
<?php foreach ($membership->get_addon_products() as $addon) : ?>
|
||||
<?php foreach ($membership->get_addon_products() as $addon) : ?>
|
||||
|
||||
<!-- Packages and Services -->
|
||||
<!-- Packages and Services -->
|
||||
|
||||
<li class="wu-text-sm wu-text-gray-700 wu-border-solid wu-border-0 wu-border-b wu-border-gray-200 wu-m-0 wu-py-3 wu-px-4 wu-flex wu-items-center wu-justify-between">
|
||||
<li class="wu-text-sm wu-text-gray-700 wu-border-solid wu-border-0 wu-border-b wu-border-gray-200 wu-m-0 wu-py-3 wu-px-4 wu-flex wu-items-center wu-justify-between">
|
||||
|
||||
<span>
|
||||
<span>
|
||||
|
||||
<span class="wu-font-medium wu-text-gray-700 wu-block">
|
||||
<span class="wu-font-medium wu-text-gray-700 wu-block">
|
||||
|
||||
<?php echo $addon['product']->get_name(); ?>
|
||||
<code class="wu-ml-2 wu-text-xs wu-font-normal">
|
||||
<?php echo $addon['product']->get_name(); ?>
|
||||
<code class="wu-ml-2 wu-text-xs wu-font-normal">
|
||||
|
||||
x <?php echo $addon['quantity']?>
|
||||
x <?php echo $addon['quantity']; ?>
|
||||
|
||||
</code>
|
||||
</code>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span class="wu-text-sm wu-text-gray-600 wu-block">
|
||||
<span class="wu-text-sm wu-text-gray-600 wu-block">
|
||||
|
||||
<!-- <span class="wu-text-gray-500 wu-line-through">$29 per month</span> -->
|
||||
<?php echo $addon['product']->get_price_description(); ?>
|
||||
<!-- <span class="wu-text-gray-500 wu-line-through">$29 per month</span> -->
|
||||
<?php echo $addon['product']->get_price_description(); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<div class="wu-ml-4 wu-flex-shrink-0 wu-flex">
|
||||
<div class="wu-ml-4 wu-flex-shrink-0 wu-flex">
|
||||
|
||||
<a
|
||||
title="<?php esc_attr_e('Product Details', 'wp-ultimo'); ?>"
|
||||
href="<?php echo esc_attr(wu_get_form_url('see_product_details', array(
|
||||
'product' => $addon['product']->get_slug(),
|
||||
'width' => 500,
|
||||
))); ?>"
|
||||
class="wubox wu-ml-4 wu-no-underline"
|
||||
>
|
||||
<a
|
||||
title="<?php esc_attr_e('Product Details', 'wp-ultimo'); ?>"
|
||||
href="
|
||||
<?php
|
||||
echo esc_attr(
|
||||
wu_get_form_url(
|
||||
'see_product_details',
|
||||
array(
|
||||
'product' => $addon['product']->get_slug(),
|
||||
'width' => 500,
|
||||
)
|
||||
)
|
||||
);
|
||||
?>
|
||||
"
|
||||
class="wubox wu-ml-4 wu-no-underline"
|
||||
>
|
||||
|
||||
<?php _e('Details', 'wp-ultimo'); ?>
|
||||
<?php esc_html_e('Details', 'wp-ultimo'); ?>
|
||||
|
||||
</a>
|
||||
</a>
|
||||
|
||||
<?php if ($addon['product']->is_recurring() && (!$pending_products || wu_get_isset($pending_products, $addon['product']->get_id()))) : ?>
|
||||
<?php if ($addon['product']->is_recurring() && (! $pending_products || wu_get_isset($pending_products, $addon['product']->get_id()))) : ?>
|
||||
|
||||
<a
|
||||
title="<?php printf(__('Cancel %s', 'wp-ultimo'), $addon['product']->get_name()); ?>"
|
||||
href="<?php echo esc_attr(wu_get_form_url('edit_membership_product_modal', array(
|
||||
'membership' => $membership->get_hash(),
|
||||
'product' => $addon['product']->get_slug(),
|
||||
'width' => 500,
|
||||
))); ?>"
|
||||
class="wubox wu-ml-4 wu-no-underline delete wu-text-red-500 hover:wu-text-red-600"
|
||||
>
|
||||
<a <?php // Translators: %s is the name of the product being canceled. ?>
|
||||
title="<?php esc_attr(sprintf(__('Cancel %s', 'wp-ultimo'), $addon['product']->get_name())); ?>"
|
||||
href="
|
||||
<?php
|
||||
echo esc_attr(
|
||||
wu_get_form_url(
|
||||
'edit_membership_product_modal',
|
||||
array(
|
||||
'membership' => $membership->get_hash(),
|
||||
'product' => $addon['product']->get_slug(),
|
||||
'width' => 500,
|
||||
)
|
||||
)
|
||||
);
|
||||
?>
|
||||
"
|
||||
class="wubox wu-ml-4 wu-no-underline delete wu-text-red-500 hover:wu-text-red-600"
|
||||
>
|
||||
|
||||
<?php _e('Cancel', 'wp-ultimo'); ?>
|
||||
<?php esc_html_e('Cancel', 'wp-ultimo'); ?>
|
||||
|
||||
</a>
|
||||
</a>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
<!-- Packages and Services - End -->
|
||||
<!-- Packages and Services - End -->
|
||||
|
||||
<?php endforeach; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
<?php else : ?>
|
||||
<?php else : ?>
|
||||
|
||||
<div class="wu-px-4 wu-py-6 wu-text-center wu-text-gray-600">
|
||||
<?php _e('No packages or services found.', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
<div class="wu-px-4 wu-py-6 wu-text-center wu-text-gray-600">
|
||||
<?php esc_html_e('No packages or services found.', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if ($membership->is_recurring()) : ?>
|
||||
<?php if ($membership->is_recurring()) : ?>
|
||||
|
||||
<!-- Summary Line - Total Applied -->
|
||||
<div class="<?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-t wu-border-gray-200'); ?> wu-m-0 wu-p-4 wu-rounded lg:wu-flex wu-items-center wu-justify-between">
|
||||
<!-- Summary Line - Total Applied -->
|
||||
<div class="<?php echo esc_attr(wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-t wu-border-gray-200')); ?> wu-m-0 wu-p-4 wu-rounded lg:wu-flex wu-items-center wu-justify-between">
|
||||
|
||||
<div class="wu-text-lg">
|
||||
<div class="wu-text-lg">
|
||||
|
||||
<small class="wu-block wu-text-xs wu-uppercase wu-font-bold wu-text-gray-600">
|
||||
<?php _e('Total', 'wp-ultimo'); ?>
|
||||
</small>
|
||||
<small class="wu-block wu-text-xs wu-uppercase wu-font-bold wu-text-gray-600">
|
||||
<?php esc_html_e('Total', 'wp-ultimo'); ?>
|
||||
</small>
|
||||
|
||||
<!-- <span class="wu-text-gray-500 wu-line-through">$29</span> -->
|
||||
<!-- <span class="wu-text-gray-500 wu-line-through">$29</span> -->
|
||||
|
||||
<span>
|
||||
<?php echo wu_format_currency($membership->get_amount(), $membership->get_currency()) ?>
|
||||
</span>
|
||||
<span>
|
||||
<?php echo esc_html(wu_format_currency($membership->get_amount(), $membership->get_currency())); ?>
|
||||
</span>
|
||||
|
||||
<span class="wu-text-gray-500 wu-text-sm">
|
||||
<?php echo $membership->get_recurring_description(); ?>
|
||||
</span>
|
||||
<span class="wu-text-gray-500 wu-text-sm">
|
||||
<?php echo esc_html($membership->get_recurring_description()); ?>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Summary Line - Total Applied End -->
|
||||
</div>
|
||||
<!-- Summary Line - Total Applied End -->
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -7,144 +7,144 @@
|
||||
?>
|
||||
<div class="wu-styling <?php echo esc_attr($className); ?>">
|
||||
|
||||
<div class="<?php echo wu_env_picker('', 'wu-mt-4'); ?>">
|
||||
<div class="<?php echo wu_env_picker('', 'wu-mt-4'); ?>">
|
||||
|
||||
<?php if ($display_breadcrumbs) : ?>
|
||||
<?php if ($display_breadcrumbs) : ?>
|
||||
|
||||
<div class="wu-current-site-breadcrumbs">
|
||||
<div class="wu-current-site-breadcrumbs">
|
||||
|
||||
<div class="wu-bg-gray-100">
|
||||
<div class="wu-bg-gray-100">
|
||||
|
||||
<nav
|
||||
class="wu-border wu-rounded wu-border-solid wu-flex wu-px-4 <?php echo wu_env_picker('wu-border-gray-300', 'wu-border-gray-400'); ?>"
|
||||
aria-label="<?php esc_attr_e('Breadcrumb', 'wp-ultimo'); ?>"
|
||||
>
|
||||
<nav
|
||||
class="wu-border wu-rounded wu-border-solid wu-flex wu-px-4 <?php echo wu_env_picker('wu-border-gray-300', 'wu-border-gray-400'); ?>"
|
||||
aria-label="<?php esc_attr_e('Breadcrumb', 'wp-ultimo'); ?>"
|
||||
>
|
||||
|
||||
<ol class="wu-p-0 wu-m-0 wu-w-full wu-mx-auto wu-flex">
|
||||
<ol class="wu-p-0 wu-m-0 wu-w-full wu-mx-auto wu-flex">
|
||||
|
||||
<li class="wu-flex wu-m-0 wu-p-0">
|
||||
<li class="wu-flex wu-m-0 wu-p-0">
|
||||
|
||||
<div class="wu-flex wu-items-center">
|
||||
<div class="wu-flex wu-items-center">
|
||||
|
||||
<svg class="wu-flex-shrink-0 wu-h-5 wu-w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
||||
<path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z" />
|
||||
</svg>
|
||||
<svg class="wu-flex-shrink-0 wu-h-5 wu-w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
||||
<path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z" />
|
||||
</svg>
|
||||
|
||||
<span class="screen-reader-text"><?php _e('Home'); ?></span>
|
||||
<span class="screen-reader-text"><?php _e('Home'); ?></span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
<li class="wu-flex wu-m-0 wu-p-0">
|
||||
<div class="wu-flex wu-items-center">
|
||||
<svg class="wu-flex-shrink-0 wu-w-6 wu-h-full wu-text-gray-300" viewBox="0 0 24 44" preserveAspectRatio="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||
<path d="M.293 0l22 22-22 22h1.414l22-22-22-22H.293z" />
|
||||
</svg>
|
||||
<a href="<?php echo esc_url($my_sites_url); ?>" class="wu-mx-4 wu-text-sm wu-font-medium wu-text-gray-500 hover:wu-text-gray-700 wu-no-underline">
|
||||
<?php _e('Your Sites', 'wp-ultimo'); ?>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wu-flex wu-m-0 wu-p-0">
|
||||
<div class="wu-flex wu-items-center">
|
||||
<svg class="wu-flex-shrink-0 wu-w-6 wu-h-full wu-text-gray-300" viewBox="0 0 24 44" preserveAspectRatio="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||
<path d="M.293 0l22 22-22 22h1.414l22-22-22-22H.293z" />
|
||||
</svg>
|
||||
<span class="wu-mx-4 wu-text-sm wu-font-medium wu-text-gray-700 hover:wu-text-gray-700">
|
||||
<?php echo $current_site->get_title(); ?>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
<li class="wu-flex wu-m-0 wu-p-0">
|
||||
<div class="wu-flex wu-items-center">
|
||||
<svg class="wu-flex-shrink-0 wu-w-6 wu-h-full wu-text-gray-300" viewBox="0 0 24 44" preserveAspectRatio="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||
<path d="M.293 0l22 22-22 22h1.414l22-22-22-22H.293z" />
|
||||
</svg>
|
||||
<a href="<?php echo esc_url($my_sites_url); ?>" class="wu-mx-4 wu-text-sm wu-font-medium wu-text-gray-500 hover:wu-text-gray-700 wu-no-underline">
|
||||
<?php _e('Your Sites', 'wp-ultimo'); ?>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wu-flex wu-m-0 wu-p-0">
|
||||
<div class="wu-flex wu-items-center">
|
||||
<svg class="wu-flex-shrink-0 wu-w-6 wu-h-full wu-text-gray-300" viewBox="0 0 24 44" preserveAspectRatio="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||
<path d="M.293 0l22 22-22 22h1.414l22-22-22-22H.293z" />
|
||||
</svg>
|
||||
<span class="wu-mx-4 wu-text-sm wu-font-medium wu-text-gray-700 hover:wu-text-gray-700">
|
||||
<?php echo $current_site->get_title(); ?>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
</nav>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="wu-py-4 <?php echo wu_env_picker('', ''); ?>">
|
||||
<div class="wu-py-4 <?php echo wu_env_picker('', ''); ?>">
|
||||
|
||||
<div class="wu-relative md:wu-flex">
|
||||
<div class="wu-relative md:wu-flex">
|
||||
|
||||
<?php if ($display_image) : ?>
|
||||
<?php if ($display_image) : ?>
|
||||
|
||||
<div class="wu-mb-4 md:wu-mb-0 <?php echo $screenshot_position === 'right' ? 'wu-order-12 md:wu-ml-6' : 'md:wu-mr-6'; ?>">
|
||||
<div class="wu-mb-4 md:wu-mb-0 <?php echo $screenshot_position === 'right' ? 'wu-order-12 md:wu-ml-6' : 'md:wu-mr-6'; ?>">
|
||||
|
||||
<img
|
||||
style="max-width: <?php echo esc_attr($screenshot_size); ?>px;"
|
||||
class="wu-w-full wu-rounded wu-border wu-border-solid <?php echo wu_env_picker('wu-border-gray-300', 'wu-border-gray-400'); ?>"
|
||||
src="<?php echo $current_site->get_featured_image(); ?>"
|
||||
alt="<?php printf(esc_attr__('Site Image: %s', 'wp-ultimo'), $current_site->get_title()); ?>"
|
||||
>
|
||||
<img
|
||||
style="max-width: <?php echo esc_attr($screenshot_size); ?>px;"
|
||||
class="wu-w-full wu-rounded wu-border wu-border-solid <?php echo wu_env_picker('wu-border-gray-300', 'wu-border-gray-400'); ?>"
|
||||
src="<?php echo $current_site->get_featured_image(); ?>"
|
||||
alt="<?php printf(esc_attr__('Site Image: %s', 'wp-ultimo'), $current_site->get_title()); ?>"
|
||||
>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="wu-relative wu-flex wu-flex-grow wu-my-4 wu-px-2">
|
||||
<div class="wu-relative wu-flex wu-flex-grow wu-my-4 wu-px-2">
|
||||
|
||||
<div class="wu-self-center wu-flex-grow">
|
||||
<div class="wu-self-center wu-flex-grow">
|
||||
|
||||
<span class="wu-text-3xl wu-font-bold wu-text-gray-900 sm:wu-text-4xl wu-block wu-leading-none">
|
||||
<span class="wu-text-3xl wu-font-bold wu-text-gray-900 sm:wu-text-4xl wu-block wu-leading-none">
|
||||
|
||||
<?php echo $current_site->get_title(); ?>
|
||||
<?php echo $current_site->get_title(); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span class="wu-text-sm wu-text-gray-600 wu-block wu-my-3 wu-leading-none">
|
||||
<span class="wu-text-sm wu-text-gray-600 wu-block wu-my-3 wu-leading-none">
|
||||
|
||||
<?php echo $current_site->get_active_site_url(); ?>
|
||||
<?php echo $current_site->get_active_site_url(); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<?php if ($display_description) : ?>
|
||||
<?php if ($display_description) : ?>
|
||||
|
||||
<span class="wu-text-sm wu-text-gray-700 wu-my-5 wu-block wu-leading-none">
|
||||
<span class="wu-text-sm wu-text-gray-700 wu-my-5 wu-block wu-leading-none">
|
||||
|
||||
<?php echo $current_site->get_description(); ?>
|
||||
<?php echo $current_site->get_description(); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- Site Actions -->
|
||||
<ul class="wu-list-none wu-p-0 wu-m-0 <?php echo wu_env_picker('', 'wu-mt-4'); ?>">
|
||||
<!-- Site Actions -->
|
||||
<ul class="wu-list-none wu-p-0 wu-m-0 <?php echo wu_env_picker('', 'wu-mt-4'); ?>">
|
||||
|
||||
<?php foreach ($actions as $action) : ?>
|
||||
<?php foreach ($actions as $action) : ?>
|
||||
|
||||
<li class="wu-my-4 sm:wu-m-0 sm:wu-inline sm:wu-mr-6">
|
||||
<li class="wu-my-4 sm:wu-m-0 sm:wu-inline sm:wu-mr-6">
|
||||
|
||||
<a
|
||||
class="wu-text-sm wu-no-underline <?php echo esc_attr($action['classes']); ?>"
|
||||
href="<?php echo esc_attr($action['href']); ?>"
|
||||
title="<?php echo esc_attr($action['label']); ?>"
|
||||
>
|
||||
<a
|
||||
class="wu-text-sm wu-no-underline <?php echo esc_attr($action['classes']); ?>"
|
||||
href="<?php echo esc_attr($action['href']); ?>"
|
||||
title="<?php echo esc_attr($action['label']); ?>"
|
||||
>
|
||||
|
||||
<span class="<?php echo esc_attr($action['icon_classes']); ?>"></span>
|
||||
<span class="<?php echo esc_attr($action['icon_classes']); ?>"></span>
|
||||
|
||||
<?php echo $action['label']; ?>
|
||||
<?php echo $action['label']; ?>
|
||||
|
||||
</a>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
<?php endforeach; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
<!-- Site Actions End -->
|
||||
</ul>
|
||||
<!-- Site Actions End -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -7,127 +7,129 @@
|
||||
?>
|
||||
<div class="wu-styling <?php echo esc_attr($className); ?>">
|
||||
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
|
||||
<?php if ($title) : ?>
|
||||
<?php if ($title) : ?>
|
||||
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo $title; ?>
|
||||
<?php echo $title; ?>
|
||||
|
||||
</h3>
|
||||
</h3>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="wu-ml-auto">
|
||||
<div class="wu-ml-auto">
|
||||
|
||||
<a title="<?php _e('Add Domain', 'wp-ultimo'); ?>" href="<?php echo $modal['url']; ?>" class="wu-text-sm wu-no-underline wubox button">
|
||||
<a title="<?php _e('Add Domain', 'wp-ultimo'); ?>" href="<?php echo $modal['url']; ?>" class="wu-text-sm wu-no-underline wubox button">
|
||||
|
||||
<?php _e('Add Domain', 'wp-ultimo'); ?>
|
||||
<?php _e('Add Domain', 'wp-ultimo'); ?>
|
||||
|
||||
</a>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<div class="wu-border-t wu-border-solid wu-border-0 wu-border-gray-200">
|
||||
<div class="wu-border-t wu-border-solid wu-border-0 wu-border-gray-200">
|
||||
|
||||
<table class="wu-m-0 wu-my-2 wu-p-0 wu-w-full">
|
||||
<table class="wu-m-0 wu-my-2 wu-p-0 wu-w-full">
|
||||
|
||||
<tbody class="wu-align-baseline">
|
||||
<tbody class="wu-align-baseline">
|
||||
|
||||
<?php if ($domains) : ?>
|
||||
<?php if ($domains) : ?>
|
||||
|
||||
<?php foreach ($domains as $key => $domain) : $item = $domain['domain_object']; ?>
|
||||
<?php
|
||||
foreach ($domains as $key => $domain) :
|
||||
$item = $domain['domain_object'];
|
||||
?>
|
||||
|
||||
<tr>
|
||||
<tr>
|
||||
|
||||
<td class="wu-px-1">
|
||||
<td class="wu-px-1">
|
||||
|
||||
<?php
|
||||
<?php
|
||||
|
||||
$label = $item->get_stage_label();
|
||||
$label = $item->get_stage_label();
|
||||
|
||||
if (!$item->is_active()) {
|
||||
if ( ! $item->is_active()) {
|
||||
$label = sprintf('%s <small>(%s)</small>', $label, __('Inactive', 'wp-ultimo'));
|
||||
} // end if;
|
||||
|
||||
$label = sprintf('%s <small>(%s)</small>', $label, __('Inactive', 'wp-ultimo'));
|
||||
$class = $item->get_stage_class();
|
||||
|
||||
} // end if;
|
||||
$status = "<span class='wu-py-1 wu-px-2 wu-rounded-sm wu-text-xs wu-leading-none wu-font-mono $class'>{$label}</span>";
|
||||
|
||||
$class = $item->get_stage_class();
|
||||
$second_row_actions = array();
|
||||
|
||||
$status = "<span class='wu-py-1 wu-px-2 wu-rounded-sm wu-text-xs wu-leading-none wu-font-mono $class'>{$label}</span>";
|
||||
if ( ! $item->is_primary_domain()) {
|
||||
$second_row_actions['make_primary'] = array(
|
||||
'wrapper_classes' => 'wubox',
|
||||
'icon' => 'dashicons-wu-edit1 wu-align-middle wu-mr-1',
|
||||
'label' => '',
|
||||
'url' => $domain['primary_link'],
|
||||
'value' => __('Make Primary', 'wp-ultimo'),
|
||||
);
|
||||
} // end if;
|
||||
|
||||
$second_row_actions = array();
|
||||
$second_row_actions['remove'] = array(
|
||||
'wrapper_classes' => 'wu-text-red-500 wubox',
|
||||
'icon' => 'dashicons-wu-trash-2 wu-align-middle wu-mr-1',
|
||||
'label' => '',
|
||||
'value' => __('Delete', 'wp-ultimo'),
|
||||
'url' => $domain['delete_link'],
|
||||
);
|
||||
|
||||
if (!$item->is_primary_domain()) {
|
||||
echo wu_responsive_table_row(
|
||||
array(
|
||||
'id' => false,
|
||||
'title' => strtolower($item->get_domain()),
|
||||
'url' => false,
|
||||
'status' => $status,
|
||||
),
|
||||
array(
|
||||
'primary' => array(
|
||||
'wrapper_classes' => $item->is_primary_domain() ? 'wu-text-blue-600' : '',
|
||||
'icon' => $item->is_primary_domain() ? 'dashicons-wu-filter_1 wu-align-text-bottom wu-mr-1' : 'dashicons-wu-plus-square wu-align-text-bottom wu-mr-1',
|
||||
'label' => '',
|
||||
'value' => $item->is_primary_domain() ? __('Primary', 'wp-ultimo') . wu_tooltip(__('All other mapped domains will redirect to the primary domain.', 'wp-ultimo'), 'dashicons-editor-help wu-align-middle wu-ml-1') : __('Alias', 'wp-ultimo'),
|
||||
),
|
||||
'secure' => array(
|
||||
'wrapper_classes' => $item->is_secure() ? 'wu-text-green-500' : '',
|
||||
'icon' => $item->is_secure() ? 'dashicons-wu-lock1 wu-align-text-bottom wu-mr-1' : 'dashicons-wu-lock1 wu-align-text-bottom wu-mr-1',
|
||||
'label' => '',
|
||||
'value' => $item->is_secure() ? __('Secure (HTTPS)', 'wp-ultimo') : __('Not Secure (HTTP)', 'wp-ultimo'),
|
||||
),
|
||||
),
|
||||
$second_row_actions
|
||||
);
|
||||
|
||||
$second_row_actions['make_primary'] = array(
|
||||
'wrapper_classes' => 'wubox',
|
||||
'icon' => 'dashicons-wu-edit1 wu-align-middle wu-mr-1',
|
||||
'label' => '',
|
||||
'url' => $domain['primary_link'],
|
||||
'value' => __('Make Primary', 'wp-ultimo'),
|
||||
);
|
||||
?>
|
||||
|
||||
} // end if;
|
||||
</td>
|
||||
|
||||
$second_row_actions['remove'] = array(
|
||||
'wrapper_classes' => 'wu-text-red-500 wubox',
|
||||
'icon' => 'dashicons-wu-trash-2 wu-align-middle wu-mr-1',
|
||||
'label' => '',
|
||||
'value' => __('Delete', 'wp-ultimo'),
|
||||
'url' => $domain['delete_link'],
|
||||
);
|
||||
</tr>
|
||||
|
||||
echo wu_responsive_table_row(array(
|
||||
'id' => false,
|
||||
'title' => strtolower($item->get_domain()),
|
||||
'url' => false,
|
||||
'status' => $status,
|
||||
), array(
|
||||
'primary' => array(
|
||||
'wrapper_classes' => $item->is_primary_domain() ? 'wu-text-blue-600' : '',
|
||||
'icon' => $item->is_primary_domain() ? 'dashicons-wu-filter_1 wu-align-text-bottom wu-mr-1' : 'dashicons-wu-plus-square wu-align-text-bottom wu-mr-1',
|
||||
'label' => '',
|
||||
'value' => $item->is_primary_domain() ? __('Primary', 'wp-ultimo').wu_tooltip(__('All other mapped domains will redirect to the primary domain.', 'wp-ultimo'), 'dashicons-editor-help wu-align-middle wu-ml-1') : __('Alias', 'wp-ultimo'),
|
||||
),
|
||||
'secure' => array(
|
||||
'wrapper_classes' => $item->is_secure() ? 'wu-text-green-500' : '',
|
||||
'icon' => $item->is_secure() ? 'dashicons-wu-lock1 wu-align-text-bottom wu-mr-1' : 'dashicons-wu-lock1 wu-align-text-bottom wu-mr-1',
|
||||
'label' => '',
|
||||
'value' => $item->is_secure() ? __('Secure (HTTPS)', 'wp-ultimo') : __('Not Secure (HTTP)', 'wp-ultimo'),
|
||||
),
|
||||
),
|
||||
$second_row_actions);
|
||||
<?php endforeach; ?>
|
||||
|
||||
?>
|
||||
<?php else : ?>
|
||||
|
||||
</td>
|
||||
<div class="wu-text-center wu-bg-gray-100 wu-rounded wu-uppercase wu-font-semibold wu-text-xs wu-text-gray-700 wu-p-4 wu-m-4 wu-mt-6">
|
||||
<span><?php echo __('No domains added.', 'wp-ultimo'); ?></span>
|
||||
</div>
|
||||
|
||||
</tr>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
|
||||
<?php else : ?>
|
||||
</table>
|
||||
|
||||
<div class="wu-text-center wu-bg-gray-100 wu-rounded wu-uppercase wu-font-semibold wu-text-xs wu-text-gray-700 wu-p-4 wu-m-4 wu-mt-6">
|
||||
<span><?php echo __('No domains added.', 'wp-ultimo'); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -7,93 +7,96 @@
|
||||
?>
|
||||
<div class="wu-styling odd:wu-styling" style="margin: -12px -12px;">
|
||||
|
||||
<div class="wu-flex wu-p-4 wu-content-center wu-items-center">
|
||||
<div class="wu-flex wu-p-4 wu-content-center wu-items-center">
|
||||
|
||||
<div class="wu-w-full sm:wu-w-8/12">
|
||||
<div class="wu-w-full sm:wu-w-8/12">
|
||||
|
||||
<span class="wu-block wu-my-1 wu-text-base wu-font-semibold wu-text-gray-700">
|
||||
<?php _e('Your network is taking shape!', 'wp-ultimo'); ?>
|
||||
</span>
|
||||
<span class="wu-block wu-my-1 wu-text-base wu-font-semibold wu-text-gray-700">
|
||||
<?php _e('Your network is taking shape!', 'wp-ultimo'); ?>
|
||||
</span>
|
||||
|
||||
<span class="wu-block wu-my-1 wu-text-gray-600">
|
||||
<?php _e('Here are the next steps to keep you on that streak!', 'wp-ultimo'); ?>
|
||||
</span>
|
||||
<span class="wu-block wu-my-1 wu-text-gray-600">
|
||||
<?php _e('Here are the next steps to keep you on that streak!', 'wp-ultimo'); ?>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wu-w-4/12 wu-text-right wu-hidden sm:wu-inline-block">
|
||||
<div class="wu-w-4/12 wu-text-right wu-hidden sm:wu-inline-block">
|
||||
|
||||
<span class="wu-inline-block wu-bg-green-100 wu-text-center wu-align-middle wu-p-2 wu-font-mono wu-px-3 wu-border wu-border-green-300 wu-text-green-700 wu-border-solid wu-rounded">
|
||||
<?php echo $percentage.'% '.__('done', 'wp-ultimo'); ?>
|
||||
</span>
|
||||
<span class="wu-inline-block wu-bg-green-100 wu-text-center wu-align-middle wu-p-2 wu-font-mono wu-px-3 wu-border wu-border-green-300 wu-text-green-700 wu-border-solid wu-rounded">
|
||||
<?php echo $percentage . '% ' . __('done', 'wp-ultimo'); ?>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="wu-m-0 wu-p-0">
|
||||
<ul class="wu-m-0 wu-p-0">
|
||||
|
||||
<?php $index = 1; foreach ($steps as $step_slug => $step) : ?>
|
||||
<?php $index = 1; foreach ($steps as $step_slug => $step) : ?>
|
||||
|
||||
<li
|
||||
class="sm:wu-flex wu-py-2 wu-px-4 wu-content-center wu-items-center wu-m-0 wu-border-solid wu-border-0 wu-border-t wu-border-gray-300 <?php echo $step['done'] ? 'wu-bg-white wu-opacity-75' : 'wu-bg-gray-100' ; ?>"
|
||||
>
|
||||
<li
|
||||
class="sm:wu-flex wu-py-2 wu-px-4 wu-content-center wu-items-center wu-m-0 wu-border-solid wu-border-0 wu-border-t wu-border-gray-300 <?php echo $step['done'] ? 'wu-bg-white wu-opacity-75' : 'wu-bg-gray-100'; ?>"
|
||||
>
|
||||
|
||||
<div>
|
||||
<span class="wu-hidden sm:wu-inline-block wu-mr-4 wu-bg-white wu-text-center wu-align-middle wu-p-1 wu-font-mono wu-px-3 wu-border wu-border-gray-300 wu-border-solid wu-rounded">
|
||||
<?php echo $index; ?>
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="wu-hidden sm:wu-inline-block wu-mr-4 wu-bg-white wu-text-center wu-align-middle wu-p-1 wu-font-mono wu-px-3 wu-border wu-border-gray-300 wu-border-solid wu-rounded">
|
||||
<?php echo $index; ?>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="wu-w-full sm:wu-w-1/2">
|
||||
<div class="wu-w-full sm:wu-w-1/2">
|
||||
|
||||
<span class="wu-block wu-my-1 wu-font-semibold wu-text-gray-700">
|
||||
<span class="wu-block wu-my-1 wu-font-semibold wu-text-gray-700">
|
||||
|
||||
<span class="<?php echo $step['done'] ? 'wu-line-through' : '' ; ?>"><?php echo $step['title']; ?></span>
|
||||
<span class="<?php echo $step['done'] ? 'wu-line-through' : ''; ?>"><?php echo $step['title']; ?></span>
|
||||
|
||||
<?php if ($step['done']) : ?>
|
||||
<?php if ($step['done']) : ?>
|
||||
|
||||
<span class="wu-text-green-600 dashicons dashicons-yes-alt"></span>
|
||||
<span class="wu-text-green-600 dashicons dashicons-yes-alt"></span>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span class="wu-block wu-my-1 wu-text-gray-600 <?php echo $step['done'] ? 'wu-line-through' : '' ; ?>"><?php echo $step['desc']; ?></span>
|
||||
<span class="wu-block wu-my-1 wu-text-gray-600 <?php echo $step['done'] ? 'wu-line-through' : ''; ?>"><?php echo $step['desc']; ?></span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wu-w-full sm:wu-w-1/2 wu-text-right">
|
||||
<div class="wu-w-full sm:wu-w-1/2 wu-text-right">
|
||||
|
||||
<div class="wu-block sm:wu-hidden wu-h-2"> </div>
|
||||
<div class="wu-block sm:wu-hidden wu-h-2"> </div>
|
||||
|
||||
<a href="<?php echo $step['action_link']; ?>" class="button wu-w-full sm:wu-w-auto wu-text-center">
|
||||
<?php echo $step['action_label']; ?>
|
||||
</a>
|
||||
<a href="<?php echo $step['action_link']; ?>" class="button wu-w-full sm:wu-w-auto wu-text-center">
|
||||
<?php echo $step['action_label']; ?>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
<?php $index++; endforeach; ?>
|
||||
<?php
|
||||
++$index;
|
||||
endforeach;
|
||||
?>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
<?php if ($all_done) : ?>
|
||||
<?php if ($all_done) : ?>
|
||||
|
||||
<div class="wu-p-4 wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-t wu-text-right wu-border-gray-300">
|
||||
<div class="wu-p-4 wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-t wu-text-right wu-border-gray-300">
|
||||
|
||||
<button
|
||||
value="wp-ultimo-setup"
|
||||
checked="checked"
|
||||
class="button wu-text-center hide-postbox-tog"
|
||||
id="wp-ultimo-setup-hide"
|
||||
>
|
||||
<?php _e('Dismiss', 'wp-ultimo'); ?>
|
||||
</button>
|
||||
<button
|
||||
value="wp-ultimo-setup"
|
||||
checked="checked"
|
||||
class="button wu-text-center hide-postbox-tog"
|
||||
id="wp-ultimo-setup-hide"
|
||||
>
|
||||
<?php _e('Dismiss', 'wp-ultimo'); ?>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
|
@ -7,87 +7,97 @@
|
||||
?>
|
||||
<div class="wu-styling <?php echo esc_attr($className); ?>">
|
||||
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
|
||||
<?php if ($title) : ?>
|
||||
<?php if ($title) : ?>
|
||||
|
||||
<!-- Title Element -->
|
||||
<!-- Title Element -->
|
||||
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-b wu-border-gray-400'); ?>">
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-b wu-border-gray-400'); ?>">
|
||||
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo $title; ?>
|
||||
<?php echo $title; ?>
|
||||
|
||||
</h3>
|
||||
</h3>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Title Element - End -->
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<table class="striped <?php echo wu_env_picker('', 'wp-list-table widefat wu-border-none'); ?>">
|
||||
<table class="striped <?php echo wu_env_picker('', 'wp-list-table widefat wu-border-none'); ?>">
|
||||
|
||||
<tbody class="wu-align-baseline">
|
||||
<tbody class="wu-align-baseline">
|
||||
|
||||
<?php foreach ($membership->get_payments(array('number' => !empty($limit) ? $limit : null)) as $payment) : ?>
|
||||
<?php foreach ($membership->get_payments(array('number' => ! empty($limit) ? $limit : null)) as $payment) : ?>
|
||||
|
||||
<!-- Invoice Item -->
|
||||
<tr>
|
||||
<!-- Invoice Item -->
|
||||
<tr>
|
||||
|
||||
<td class="wu-align-middle wu-py-4 wu-px-2">
|
||||
<td class="wu-align-middle wu-py-4 wu-px-2">
|
||||
|
||||
<?php
|
||||
<?php
|
||||
|
||||
$download_link = sprintf('<a target="_blank" class="wu-no-underline wu-ml-2" href="%s" title="%s">
|
||||
$download_link = sprintf(
|
||||
'<a target="_blank" class="wu-no-underline wu-ml-2" href="%s" title="%s">
|
||||
|
||||
<span class="dashicons-wu-download"></span>
|
||||
|
||||
</a>', $payment->get_invoice_url(), esc_attr__('Download Invoice', 'wp-ultimo'));
|
||||
</a>',
|
||||
$payment->get_invoice_url(),
|
||||
esc_attr__('Download Invoice', 'wp-ultimo')
|
||||
);
|
||||
|
||||
$payment_column = $payment->get_status() === 'pending' ? array(
|
||||
'pay_now' => array(
|
||||
'url' => add_query_arg(array('payment' => $payment->get_hash()), wu_get_registration_url()),
|
||||
'icon' => 'dashicons-wu-credit-card wu-align-middle wu-mr-1',
|
||||
'label' => __('Go to payment', 'wp-ultimo'),
|
||||
'value' => __('Pay Now', 'wp-ultimo'),
|
||||
),
|
||||
) : array();
|
||||
$payment_column = $payment->get_status() === 'pending' ? array(
|
||||
'pay_now' => array(
|
||||
'url' => add_query_arg(array('payment' => $payment->get_hash()), wu_get_registration_url()),
|
||||
'icon' => 'dashicons-wu-credit-card wu-align-middle wu-mr-1',
|
||||
'label' => __('Go to payment', 'wp-ultimo'),
|
||||
'value' => __('Pay Now', 'wp-ultimo'),
|
||||
),
|
||||
) : array();
|
||||
|
||||
echo wu_responsive_table_row(array(
|
||||
'url' => false,
|
||||
'title' => $payment->get_invoice_number().$download_link,
|
||||
'status' => wu_format_currency($payment->get_total(), $payment->get_currency()),
|
||||
), array_merge(array(
|
||||
'status' => array(
|
||||
'url' => false,
|
||||
'icon' => wu_get_payment_icon_classes($payment->get_status()).' wu-mr-1',
|
||||
'value' => $payment->get_status_label(),
|
||||
)),
|
||||
$payment_column
|
||||
), array(
|
||||
'date_created' => array(
|
||||
'url' => false,
|
||||
'icon' => 'dashicons-wu-calendar1 wu-align-middle wu-mr-1',
|
||||
'label' => '',
|
||||
'value' => $payment->get_formatted_date('date_created'),
|
||||
),
|
||||
));
|
||||
echo wu_responsive_table_row(
|
||||
array(
|
||||
'url' => false,
|
||||
'title' => $payment->get_invoice_number() . $download_link,
|
||||
'status' => wu_format_currency($payment->get_total(), $payment->get_currency()),
|
||||
),
|
||||
array_merge(
|
||||
array(
|
||||
'status' => array(
|
||||
'url' => false,
|
||||
'icon' => wu_get_payment_icon_classes($payment->get_status()) . ' wu-mr-1',
|
||||
'value' => $payment->get_status_label(),
|
||||
),
|
||||
),
|
||||
$payment_column
|
||||
),
|
||||
array(
|
||||
'date_created' => array(
|
||||
'url' => false,
|
||||
'icon' => 'dashicons-wu-calendar1 wu-align-middle wu-mr-1',
|
||||
'label' => '',
|
||||
'value' => $payment->get_formatted_date('date_created'),
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
?>
|
||||
?>
|
||||
|
||||
</td>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<!-- Invoice Item - End -->
|
||||
</tr>
|
||||
<!-- Invoice Item - End -->
|
||||
|
||||
<?php endforeach; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</tbody>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -7,143 +7,138 @@
|
||||
?>
|
||||
<div class="wu-styling <?php echo esc_attr($className); ?>">
|
||||
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-b wu-border-gray-200'); ?>">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-b wu-border-gray-200'); ?>">
|
||||
|
||||
<?php if ($title) : ?>
|
||||
<?php if ($title) : ?>
|
||||
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo $title; ?>
|
||||
<?php echo $title; ?>
|
||||
|
||||
</h3>
|
||||
</h3>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<ul class="wu-list-none wu-m-0 wu-p-4 wu-grid wu-gap-2 wu-row-gap-0 lg:wu-grid-cols-<?php echo esc_attr((int) $columns); ?> <?php echo wu_env_picker('', 'wu-p-4'); ?>">
|
||||
<ul class="wu-list-none wu-m-0 wu-p-4 wu-grid wu-gap-2 wu-row-gap-0 lg:wu-grid-cols-<?php echo esc_attr((int) $columns); ?> <?php echo wu_env_picker('', 'wu-p-4'); ?>">
|
||||
|
||||
<?php if ($post_type_limits->is_enabled()) : ?>
|
||||
<?php if ($post_type_limits->is_enabled()) : ?>
|
||||
|
||||
<?php switch_to_blog($site->get_id()); ?>
|
||||
<?php switch_to_blog($site->get_id()); ?>
|
||||
|
||||
<?php $index = 0; foreach ($post_types as $post_type_slug => $post_type) : ?>
|
||||
<?php $index = 0; foreach ($post_types as $post_type_slug => $post_type) : ?>
|
||||
|
||||
<?php
|
||||
<?php
|
||||
|
||||
if (is_array($items_to_display) && !in_array($post_type_slug, $items_to_display, true)) {
|
||||
if (is_array($items_to_display) && ! in_array($post_type_slug, $items_to_display, true)) {
|
||||
continue;
|
||||
} // end if;
|
||||
|
||||
continue;
|
||||
if ($post_type_limits->{$post_type_slug}->enabled) :
|
||||
$post_count = $post_type_limits->get_post_count($post_type_slug);
|
||||
|
||||
} // end if;
|
||||
// Calculate width
|
||||
if (empty($post_type_limits->{$post_type_slug}->number)) { // unlimited posts.
|
||||
|
||||
if ($post_type_limits->{$post_type_slug}->enabled) :
|
||||
$width = 5;
|
||||
} else {
|
||||
$width = ($post_count / $post_type_limits->{$post_type_slug}->number * 100);
|
||||
} // end if;
|
||||
|
||||
$post_count = $post_type_limits->get_post_count($post_type_slug);
|
||||
if ($width > 100) {
|
||||
$width = 100;
|
||||
} // end if;
|
||||
|
||||
// Calculate width
|
||||
if (empty($post_type_limits->{$post_type_slug}->number)) { // unlimited posts.
|
||||
?>
|
||||
|
||||
$width = 5;
|
||||
<li class="wu-py-2 wu-m-0">
|
||||
|
||||
} else {
|
||||
<span class="">
|
||||
|
||||
$width = ($post_count / $post_type_limits->{$post_type_slug}->number * 100);
|
||||
<?php echo $post_type->label; ?>
|
||||
|
||||
} // end if;
|
||||
</span>
|
||||
|
||||
if ($width > 100) {
|
||||
<span class="wu-w-full wu-bg-gray-200 wu-rounded-full wu-h-1 wu-block wu-my-2">
|
||||
|
||||
$width = 100;
|
||||
<span class="<?php echo esc_attr(wu_get_random_color($index)); ?> wu-rounded-full wu-h-1 wu-block wu-my-1" style="width: <?php echo $width; ?>%;"></span>
|
||||
|
||||
} // end if;
|
||||
</span>
|
||||
|
||||
?>
|
||||
<div class="wu-text-xs wu-text-gray-600 wu-align-middle">
|
||||
|
||||
<li class="wu-py-2 wu-m-0">
|
||||
<?php echo $post_count; ?>
|
||||
/
|
||||
<?php echo empty($post_type_limits->{$post_type_slug}->number) ? __('Unlimited', 'wp-ultimo') : $post_type_limits->{$post_type_slug}->number; ?>
|
||||
|
||||
<span class="">
|
||||
</div>
|
||||
|
||||
<?php echo $post_type->label; ?>
|
||||
</li>
|
||||
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
|
||||
<span class="wu-w-full wu-bg-gray-200 wu-rounded-full wu-h-1 wu-block wu-my-2">
|
||||
<?php
|
||||
++$index;
|
||||
endforeach;
|
||||
?>
|
||||
|
||||
<span class="<?php echo esc_attr(wu_get_random_color($index)); ?> wu-rounded-full wu-h-1 wu-block wu-my-1" style="width: <?php echo $width; ?>%;"></span>
|
||||
<?php restore_current_blog(); ?>
|
||||
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="wu-text-xs wu-text-gray-600 wu-align-middle">
|
||||
<?php if ($site->get_limitations()->visits->is_enabled()) : ?>
|
||||
|
||||
<?php echo $post_count; ?>
|
||||
/
|
||||
<?php echo empty($post_type_limits->{$post_type_slug}->number) ? __('Unlimited', 'wp-ultimo') : $post_type_limits->{$post_type_slug}->number; ?>
|
||||
<?php
|
||||
|
||||
</div>
|
||||
$visit_limitations = $site->get_limitations()->visits;
|
||||
|
||||
</li>
|
||||
/*
|
||||
* Get the visits count.
|
||||
*/
|
||||
$visits_count = (int) $site->get_visits_count();
|
||||
|
||||
<?php endif; ?>
|
||||
/*
|
||||
* Calculates the width of the bar
|
||||
*/
|
||||
$visits_width = empty($visit_limitations->get_limit()) ? 1 : $visits_count / $visit_limitations->get_limit() * 100;
|
||||
|
||||
<?php $index++; endforeach; ?>
|
||||
?>
|
||||
|
||||
<?php restore_current_blog(); ?>
|
||||
<li class="quota wu-py-2 wu-m-0">
|
||||
|
||||
<?php endif; ?>
|
||||
<div class="">
|
||||
|
||||
<?php if ($site->get_limitations()->visits->is_enabled()) : ?>
|
||||
<?php _e('Unique Visits', 'wp-ultimo'); ?>
|
||||
|
||||
<?php
|
||||
<?php echo wu_tooltip(sprintf(__('Next Reset: %s', 'wp-ultimo'), date_i18n(get_option('date_format', 'd/m/Y'), strtotime('last day of this month')))); ?>
|
||||
|
||||
$visit_limitations = $site->get_limitations()->visits;
|
||||
</div>
|
||||
|
||||
/*
|
||||
* Get the visits count.
|
||||
*/
|
||||
$visits_count = (int) $site->get_visits_count();
|
||||
<span class="wu-w-full wu-bg-gray-200 wu-rounded-full wu-h-1 wu-block wu-my-3">
|
||||
|
||||
/*
|
||||
* Calculates the width of the bar
|
||||
*/
|
||||
$visits_width = empty($visit_limitations->get_limit()) ? 1 : $visits_count / $visit_limitations->get_limit() * 100;
|
||||
<span class="wu-bg-orange-500 wu-rounded-full wu-h-1 wu-block wu-my-1" style="width: <?php echo $visits_width; ?>%;"></span>
|
||||
|
||||
?>
|
||||
</span>
|
||||
|
||||
<li class="quota wu-py-2 wu-m-0">
|
||||
<div class="wu-text-xs wu-text-gray-600 wu-align-middle">
|
||||
|
||||
<div class="">
|
||||
<?php echo number_format($visits_count); ?>
|
||||
/
|
||||
<?php echo $visit_limitations->get_limit() == 0 ? __('Unlimited', 'wp-ultimo') : number_format((int) $visit_limitations->get_limit()); ?>
|
||||
|
||||
<?php _e('Unique Visits', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
|
||||
<?php echo wu_tooltip(sprintf(__('Next Reset: %s', 'wp-ultimo'), date_i18n(get_option('date_format', 'd/m/Y'), strtotime('last day of this month')))); ?>
|
||||
</li>
|
||||
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<span class="wu-w-full wu-bg-gray-200 wu-rounded-full wu-h-1 wu-block wu-my-3">
|
||||
</ul>
|
||||
|
||||
<span class="wu-bg-orange-500 wu-rounded-full wu-h-1 wu-block wu-my-1" style="width: <?php echo $visits_width; ?>%;"></span>
|
||||
|
||||
</span>
|
||||
|
||||
<div class="wu-text-xs wu-text-gray-600 wu-align-middle">
|
||||
|
||||
<?php echo number_format($visits_count); ?>
|
||||
/
|
||||
<?php echo $visit_limitations->get_limit() == 0 ? __('Unlimited', 'wp-ultimo') : number_format((int) $visit_limitations->get_limit()); ?>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -7,6 +7,6 @@
|
||||
?>
|
||||
<div class="wu-styling <?php echo esc_attr($className); ?>">
|
||||
|
||||
<?php $form->render(); ?>
|
||||
<?php $form->render(); ?>
|
||||
|
||||
</div>
|
||||
|
@ -7,61 +7,61 @@
|
||||
?>
|
||||
<div class="wu-styling <?php echo esc_attr($className); ?>">
|
||||
|
||||
<?php if ($logged) : ?>
|
||||
<?php if ($logged) : ?>
|
||||
|
||||
<!-- Already Logged Block -->
|
||||
<!-- Already Logged Block -->
|
||||
|
||||
<div class="wu-p-4 wu-bg-yellow-200 wu-rounded <?php echo wu_env_picker('wu-mb-4', 'wu-mt-2 wu-shadow-sm'); ?>">
|
||||
<div class="wu-p-4 wu-bg-yellow-200 wu-rounded <?php echo wu_env_picker('wu-mb-4', 'wu-mt-2 wu-shadow-sm'); ?>">
|
||||
|
||||
<?php
|
||||
<?php
|
||||
|
||||
// translators: 1$s is the display name of the user currently logged in.
|
||||
printf(__('Not %1$s? <a href="%2$s" class="wu-no-underline">Log in</a> using your account.', 'wp-ultimo'), wp_get_current_user()->display_name, $login_url);
|
||||
// translators: 1$s is the display name of the user currently logged in.
|
||||
printf(__('Not %1$s? <a href="%2$s" class="wu-no-underline">Log in</a> using your account.', 'wp-ultimo'), wp_get_current_user()->display_name, $login_url);
|
||||
|
||||
?>
|
||||
?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Already Logged Block - End -->
|
||||
<!-- Already Logged Block - End -->
|
||||
|
||||
<?php else : ?>
|
||||
<?php else : ?>
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-pb-4 wu-flex wu-items-center">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-pb-4 wu-flex wu-items-center">
|
||||
|
||||
<?php if ($display_title) : ?>
|
||||
<?php if ($display_title) : ?>
|
||||
|
||||
<h2 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h2 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo $title; ?>
|
||||
<?php echo $title; ?>
|
||||
|
||||
</h2>
|
||||
</h2>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (wu_get_setting('enable_registration', true)) : ?>
|
||||
<?php if (wu_get_setting('enable_registration', true)) : ?>
|
||||
|
||||
<div class="wu-ml-auto">
|
||||
<div class="wu-ml-auto">
|
||||
|
||||
<a
|
||||
title="<?php esc_attr_e('Update Billing Address', 'wp-ultimo'); ?>"
|
||||
class="wu-text-sm wu-no-underline button"
|
||||
href="<?php echo wu_get_registration_url(); ?>"
|
||||
>
|
||||
<a
|
||||
title="<?php esc_attr_e('Update Billing Address', 'wp-ultimo'); ?>"
|
||||
class="wu-text-sm wu-no-underline button"
|
||||
href="<?php echo wu_get_registration_url(); ?>"
|
||||
>
|
||||
|
||||
<?php _e('Create an Account', 'wp-ultimo'); ?>
|
||||
<?php _e('Create an Account', 'wp-ultimo'); ?>
|
||||
|
||||
</a>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<?php $form->render(); ?>
|
||||
<?php $form->render(); ?>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
|
@ -10,9 +10,12 @@ $current_site = wu_get_current_site();
|
||||
$add_new_url = wu_get_setting('enable_multiple_sites') ? $element->get_new_site_url() : wu_get_registration_url();
|
||||
|
||||
// Redirect back to this page after create the site
|
||||
$add_new_url = add_query_arg(array(
|
||||
'redirect_url' => urlencode(wu_get_current_url()),
|
||||
), $add_new_url);
|
||||
$add_new_url = add_query_arg(
|
||||
array(
|
||||
'redirect_url' => urlencode(wu_get_current_url()),
|
||||
),
|
||||
$add_new_url
|
||||
);
|
||||
|
||||
$show_add_new = wu_get_setting('enable_multiple_sites') || wu_get_setting('enable_multiple_memberships');
|
||||
|
||||
@ -21,166 +24,166 @@ $show_add_new = apply_filters('wp_ultimo_my_sites_show_add_new', $show_add_new);
|
||||
?>
|
||||
<div class="wu-styling <?php echo esc_attr($className); ?>">
|
||||
|
||||
<div class="<?php echo wu_env_picker('wu-mb-4', ''); ?>">
|
||||
<div class="<?php echo wu_env_picker('wu-mb-4', ''); ?>">
|
||||
|
||||
<div class="wu-relative">
|
||||
<div class="wu-relative">
|
||||
|
||||
<div
|
||||
class="wu-grid wu-gap-5 wu-grid-cols-<?php echo esc_attr((int) $columns); ?> sm:wu-grid-cols-<?php echo esc_attr((int) $columns); ?> xl:wu-grid-cols-<?php echo esc_attr((int) $columns); ?> lg:wu-max-w-none <?php echo wu_env_picker('', 'wu-py-4'); ?>">
|
||||
<div
|
||||
class="wu-grid wu-gap-5 wu-grid-cols-<?php echo esc_attr((int) $columns); ?> sm:wu-grid-cols-<?php echo esc_attr((int) $columns); ?> xl:wu-grid-cols-<?php echo esc_attr((int) $columns); ?> lg:wu-max-w-none <?php echo wu_env_picker('', 'wu-py-4'); ?>">
|
||||
|
||||
<?php foreach ((array) $sites as $site) : ?>
|
||||
<?php foreach ( (array) $sites as $site) : ?>
|
||||
|
||||
<div class="wu-flex wu-flex-col wu-rounded-lg wu-overflow-hidden wu-border-solid wu-border wu-border-gray-300">
|
||||
<div class="wu-flex wu-flex-col wu-rounded-lg wu-overflow-hidden wu-border-solid wu-border wu-border-gray-300">
|
||||
|
||||
<div class="wu-flex-shrink-0">
|
||||
<div class="wu-flex-shrink-0">
|
||||
|
||||
<div class="wu-absolute wu-m-2">
|
||||
<div class="wu-absolute wu-m-2">
|
||||
|
||||
<?php if ($site->get_membership()) : ?>
|
||||
<?php if ($site->get_membership()) : ?>
|
||||
|
||||
<?php if ($site->get_id()) : ?>
|
||||
<?php if ($site->get_id()) : ?>
|
||||
|
||||
<span
|
||||
class="wu-shadow-sm wu-inline-flex wu-items-center wu-px-2 wu-py-1 wu-rounded wu-text-sm wu-font-medium <?php echo $site->get_membership()->get_status_class(); ?>"
|
||||
>
|
||||
<?php echo $site->get_membership()->get_status_label(); ?>
|
||||
</span>
|
||||
<span
|
||||
class="wu-shadow-sm wu-inline-flex wu-items-center wu-px-2 wu-py-1 wu-rounded wu-text-sm wu-font-medium <?php echo $site->get_membership()->get_status_class(); ?>"
|
||||
>
|
||||
<?php echo $site->get_membership()->get_status_label(); ?>
|
||||
</span>
|
||||
|
||||
<?php else : ?>
|
||||
<?php else : ?>
|
||||
|
||||
<span
|
||||
class="wu-shadow-sm wu-inline-flex wu-items-center wu-px-2 wu-py-1 wu-rounded wu-text-sm wu-font-medium wu-bg-purple-200 wu-text-purple-700"
|
||||
>
|
||||
<?php echo __('Pending', 'wp-ultimo'); ?>
|
||||
</span>
|
||||
<span
|
||||
class="wu-shadow-sm wu-inline-flex wu-items-center wu-px-2 wu-py-1 wu-rounded wu-text-sm wu-font-medium wu-bg-purple-200 wu-text-purple-700"
|
||||
>
|
||||
<?php echo __('Pending', 'wp-ultimo'); ?>
|
||||
</span>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- <span
|
||||
class="wu-shadow-sm wu-inline-flex wu-items-center wu-px-2 wu-py-1 wu-rounded wu-text-sm wu-font-medium wu-bg-yellow-200 wu-text-yellow-800">
|
||||
<span class="dashicons-wu-warning wu-mr-1 wu-text-xs"></span>
|
||||
Billing Issues
|
||||
</span> -->
|
||||
<!-- <span
|
||||
class="wu-shadow-sm wu-inline-flex wu-items-center wu-px-2 wu-py-1 wu-rounded wu-text-sm wu-font-medium wu-bg-yellow-200 wu-text-yellow-800">
|
||||
<span class="dashicons-wu-warning wu-mr-1 wu-text-xs"></span>
|
||||
Billing Issues
|
||||
</span> -->
|
||||
|
||||
<?php if ($site->get_id() && $site->is_customer_primary_site()) : ?>
|
||||
<?php if ($site->get_id() && $site->is_customer_primary_site()) : ?>
|
||||
|
||||
<span
|
||||
class="wu-shadow-sm wu-inline-flex wu-items-center wu-px-2 wu-py-1 wu-rounded wu-text-sm wu-font-medium wu-bg-gray-800 wu-text-gray-300">
|
||||
<?php _e('Primary', 'wp-ultimo'); ?>
|
||||
</span>
|
||||
<span
|
||||
class="wu-shadow-sm wu-inline-flex wu-items-center wu-px-2 wu-py-1 wu-rounded wu-text-sm wu-font-medium wu-bg-gray-800 wu-text-gray-300">
|
||||
<?php _e('Primary', 'wp-ultimo'); ?>
|
||||
</span>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- <span
|
||||
class="wu-shadow-sm wu-inline-flex wu-items-center wu-px-2 wu-py-1 wu-rounded wu-text-sm wu-font-medium wu-bg-red-100 wu-text-red-800">
|
||||
<span class="dashicons-wu-warning wu-mr-1 wu-text-xs"></span>
|
||||
Offline
|
||||
</span> -->
|
||||
<!-- <span
|
||||
class="wu-shadow-sm wu-inline-flex wu-items-center wu-px-2 wu-py-1 wu-rounded wu-text-sm wu-font-medium wu-bg-red-100 wu-text-red-800">
|
||||
<span class="dashicons-wu-warning wu-mr-1 wu-text-xs"></span>
|
||||
Offline
|
||||
</span> -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if ($display_images) : ?>
|
||||
<?php if ($display_images) : ?>
|
||||
|
||||
<img
|
||||
class="wu-h-48 wu-w-full wu-object-cover wu-block"
|
||||
src="<?php echo $site->get_featured_image(); ?>"
|
||||
alt="<?php printf(esc_attr__('Site Image: %s', 'wp-ultimo'), $site->get_title()); ?>"
|
||||
style="background-color: rgba(255, 255, 255, 0.5)"
|
||||
>
|
||||
<img
|
||||
class="wu-h-48 wu-w-full wu-object-cover wu-block"
|
||||
src="<?php echo $site->get_featured_image(); ?>"
|
||||
alt="<?php printf(esc_attr__('Site Image: %s', 'wp-ultimo'), $site->get_title()); ?>"
|
||||
style="background-color: rgba(255, 255, 255, 0.5)"
|
||||
>
|
||||
|
||||
<?php else : ?>
|
||||
<?php else : ?>
|
||||
|
||||
<div class=""> </div>
|
||||
<div class=""> </div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wu-flex-1 wu-bg-white wu-py-6 wu-px-4 wu-flex wu-flex-col wu-justify-between">
|
||||
<div class="wu-flex-1 wu-bg-white wu-py-6 wu-px-4 wu-flex wu-flex-col wu-justify-between">
|
||||
|
||||
<div class="wu-flex-1">
|
||||
<div class="wu-flex-1">
|
||||
|
||||
<?php if ($site->get_id()): ?>
|
||||
<a href="<?php echo esc_attr($site->get_active_site_url()); ?>" class="wu-block wu-no-underline">
|
||||
<?php if ($site->get_id()) : ?>
|
||||
<a href="<?php echo esc_attr($site->get_active_site_url()); ?>" class="wu-block wu-no-underline">
|
||||
|
||||
<span class="wu-text-base wu-font-semibold wu-text-gray-800 wu-block" <?php echo wu_tooltip_text(__('Visit Site', 'wp-ultimo')); ?>>
|
||||
<?php echo $site->get_title(); ?> <span class="wu-text-sm dashicons-wu-popup"></span>
|
||||
</span>
|
||||
<span class="wu-text-base wu-font-semibold wu-text-gray-800 wu-block" <?php echo wu_tooltip_text(__('Visit Site', 'wp-ultimo')); ?>>
|
||||
<?php echo $site->get_title(); ?> <span class="wu-text-sm dashicons-wu-popup"></span>
|
||||
</span>
|
||||
|
||||
<span class="wu-text-xs wu-text-gray-600 wu-block wu-mt-2">
|
||||
<?php echo str_replace(array('http://', 'https://'), '', $site->get_active_site_url()); ?>
|
||||
</span>
|
||||
<span class="wu-text-xs wu-text-gray-600 wu-block wu-mt-2">
|
||||
<?php echo str_replace(array('http://', 'https://'), '', $site->get_active_site_url()); ?>
|
||||
</span>
|
||||
|
||||
</a>
|
||||
<?php else : ?>
|
||||
<div class="wu-block wu-no-underline">
|
||||
</a>
|
||||
<?php else : ?>
|
||||
<div class="wu-block wu-no-underline">
|
||||
|
||||
<span class="wu-text-base wu-font-semibold wu-text-gray-800 wu-block">
|
||||
<?php echo $site->get_title(); ?>
|
||||
</span>
|
||||
<span class="wu-text-base wu-font-semibold wu-text-gray-800 wu-block">
|
||||
<?php echo $site->get_title(); ?>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if ($site->get_id()): ?>
|
||||
<?php if ($site->get_id()) : ?>
|
||||
|
||||
<ul
|
||||
class="wu-p-0 wu-m-0 wu-px-4 wu-text-center wu-py-2 wu-my-0 wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-t wu-border-gray-300">
|
||||
<ul
|
||||
class="wu-p-0 wu-m-0 wu-px-4 wu-text-center wu-py-2 wu-my-0 wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-t wu-border-gray-300">
|
||||
|
||||
<?php if (WP_Ultimo()->currents->get_site() && WP_Ultimo()->currents->get_site()->get_id() == $site->get_id()) : ?>
|
||||
<?php if (WP_Ultimo()->currents->get_site() && WP_Ultimo()->currents->get_site()->get_id() == $site->get_id()) : ?>
|
||||
|
||||
<li class="wu-block wu-my-2">
|
||||
<span
|
||||
class="wu-w-full wu-no-underline <?php echo wu_env_picker('wu-text-sm', 'button button-primary button-disabled'); ?>">
|
||||
<?php _e('Current Site', 'wp-ultimo'); ?>
|
||||
</span>
|
||||
</li>
|
||||
<li class="wu-block wu-my-2">
|
||||
<span
|
||||
class="wu-w-full wu-no-underline <?php echo wu_env_picker('wu-text-sm', 'button button-primary button-disabled'); ?>">
|
||||
<?php _e('Current Site', 'wp-ultimo'); ?>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
<?php else : ?>
|
||||
<?php else : ?>
|
||||
|
||||
<li class="wu-block wu-my-2">
|
||||
<a href="<?php echo esc_url($element->get_manage_url($site->get_id(), $site_manage_type, $custom_manage_page)); ?>"
|
||||
class="wu-w-full wu-no-underline <?php echo wu_env_picker('wu-text-sm', 'button button-primary'); ?>">
|
||||
<?php _e('Manage', 'wp-ultimo'); ?>
|
||||
</a>
|
||||
</li>
|
||||
<li class="wu-block wu-my-2">
|
||||
<a href="<?php echo esc_url($element->get_manage_url($site->get_id(), $site_manage_type, $custom_manage_page)); ?>"
|
||||
class="wu-w-full wu-no-underline <?php echo wu_env_picker('wu-text-sm', 'button button-primary'); ?>">
|
||||
<?php _e('Manage', 'wp-ultimo'); ?>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endforeach; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<?php if ($show_add_new) : ?>
|
||||
<?php if ($show_add_new) : ?>
|
||||
|
||||
<a href="<?php echo esc_url($add_new_url); ?>"
|
||||
class="wu-no-underline wu-text-gray-600 wu-flex wu-flex-col wu-rounded-lg wu-border-2 wu-border-dashed wu-border-gray-400 wu-overflow-hidden wu-items-center wu-justify-center"
|
||||
style="background-color: rgba(255, 255, 255, 0.1)">
|
||||
<a href="<?php echo esc_url($add_new_url); ?>"
|
||||
class="wu-no-underline wu-text-gray-600 wu-flex wu-flex-col wu-rounded-lg wu-border-2 wu-border-dashed wu-border-gray-400 wu-overflow-hidden wu-items-center wu-justify-center"
|
||||
style="background-color: rgba(255, 255, 255, 0.1)">
|
||||
|
||||
<span class="wu-text-center wu-p-8">
|
||||
<span class="wu-text-3xl dashicons-wu-circle-with-plus"></span>
|
||||
<span class="wu-text-lg wu-mt-2 wu-block"><?php _e('Add new Site', 'wp-ultimo'); ?></span>
|
||||
</span>
|
||||
<span class="wu-text-center wu-p-8">
|
||||
<span class="wu-text-3xl dashicons-wu-circle-with-plus"></span>
|
||||
<span class="wu-text-lg wu-mt-2 wu-block"><?php _e('Add new Site', 'wp-ultimo'); ?></span>
|
||||
</span>
|
||||
|
||||
</a>
|
||||
</a>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
@ -8,16 +8,16 @@
|
||||
|
||||
<div class="wu-styling <?php echo esc_attr($className); ?>">
|
||||
|
||||
<div class="wu-mb-2 wu-mt-4">
|
||||
<div class="wu-mb-2 wu-mt-4">
|
||||
|
||||
<!-- Content Element -->
|
||||
<div class="wu-ml-auto entry-content wu-pb-3">
|
||||
<!-- Content Element -->
|
||||
<div class="wu-ml-auto entry-content wu-pb-3">
|
||||
|
||||
<?php echo do_shortcode($simple_text); ?>
|
||||
<?php echo do_shortcode($simple_text); ?>
|
||||
|
||||
</div>
|
||||
<!-- Content Element - End -->
|
||||
</div>
|
||||
<!-- Content Element - End -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -7,88 +7,93 @@
|
||||
?>
|
||||
<div class="wu-styling <?php echo esc_attr($className); ?>">
|
||||
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
|
||||
<?php if (true) : ?>
|
||||
<?php if (true) : ?>
|
||||
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo __('Actions', 'wp-ultimo'); ?>
|
||||
<?php echo __('Actions', 'wp-ultimo'); ?>
|
||||
|
||||
</h3>
|
||||
</h3>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<ul class="wu-list-none wu-m-0 wu-p-0">
|
||||
<ul class="wu-list-none wu-m-0 wu-p-0">
|
||||
|
||||
<?php foreach ($actions as $action) : ?>
|
||||
<?php foreach ($actions as $action) : ?>
|
||||
|
||||
<li class="wu-border-0 wu-border-solid wu-border-t wu-border-gray-200 wu-m-0">
|
||||
<li class="wu-border-0 wu-border-solid wu-border-t wu-border-gray-200 wu-m-0">
|
||||
|
||||
<a
|
||||
title="<?php echo esc_attr($action['label']); ?>"
|
||||
href="<?php echo esc_attr($action['href']); ?>"
|
||||
class="<?php if (isset($action['classes']) && $action['classes']) { echo esc_attr($action['classes']); } // end if; ?> wu-px-4 wu-py-3 wu-inline-block wu-no-underline"
|
||||
>
|
||||
<a
|
||||
title="<?php echo esc_attr($action['label']); ?>"
|
||||
href="<?php echo esc_attr($action['href']); ?>"
|
||||
class="
|
||||
<?php
|
||||
if (isset($action['classes']) && $action['classes']) {
|
||||
echo esc_attr($action['classes']); } // end if;
|
||||
?>
|
||||
wu-px-4 wu-py-3 wu-inline-block wu-no-underline"
|
||||
>
|
||||
|
||||
<?php echo $action['label']; ?>
|
||||
<?php echo $action['label']; ?>
|
||||
|
||||
</a>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
<?php endforeach; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
<?php if (!empty($danger_zone_actions)) : ?>
|
||||
<?php if ( ! empty($danger_zone_actions)) : ?>
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-t wu-border-gray-200'); ?>">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-t wu-border-gray-200'); ?>">
|
||||
|
||||
<?php if (true) : ?>
|
||||
<?php if (true) : ?>
|
||||
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo __('Danger Zone', 'wp-ultimo'); ?>
|
||||
<?php echo __('Danger Zone', 'wp-ultimo'); ?>
|
||||
|
||||
</h3>
|
||||
</h3>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<ul class="wu-list-none wu-m-0 wu-p-0">
|
||||
<ul class="wu-list-none wu-m-0 wu-p-0">
|
||||
|
||||
<?php foreach ($danger_zone_actions as $action) : ?>
|
||||
<?php foreach ($danger_zone_actions as $action) : ?>
|
||||
|
||||
<li class="wu-border-0 wu-border-solid wu-border-t wu-border-gray-200 wu-m-0">
|
||||
<li class="wu-border-0 wu-border-solid wu-border-t wu-border-gray-200 wu-m-0">
|
||||
|
||||
<a
|
||||
title="<?php echo esc_attr($action['label']); ?>"
|
||||
href="<?php echo esc_attr($action['href']); ?>"
|
||||
class="<?php echo esc_attr($action['classes']); ?> wu-px-4 wu-py-3 wu-inline-block wu-no-underline"
|
||||
>
|
||||
<a
|
||||
title="<?php echo esc_attr($action['label']); ?>"
|
||||
href="<?php echo esc_attr($action['href']); ?>"
|
||||
class="<?php echo esc_attr($action['classes']); ?> wu-px-4 wu-py-3 wu-inline-block wu-no-underline"
|
||||
>
|
||||
|
||||
<?php echo $action['label']; ?>
|
||||
<?php echo $action['label']; ?>
|
||||
|
||||
</a>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
<?php endforeach; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -7,17 +7,17 @@
|
||||
?>
|
||||
<div class="wu-styling <?php echo esc_attr($className); ?>">
|
||||
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
|
||||
<?php $form->render(); ?>
|
||||
<?php $form->render(); ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.wu-styling h3 {
|
||||
font-weight: 600 !important;
|
||||
font-size: 90% !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 90% !important;
|
||||
}
|
||||
</style>
|
||||
|
@ -7,56 +7,56 @@
|
||||
?>
|
||||
<div class="wu-styling">
|
||||
|
||||
<ul class="md:wu-flex wu-m-0">
|
||||
<ul class="md:wu-flex wu-m-0">
|
||||
|
||||
<li class="wu-p-2 wu-w-full md:wu-w-4/12 wu-relative">
|
||||
<li class="wu-p-2 wu-w-full md:wu-w-4/12 wu-relative">
|
||||
|
||||
<div>
|
||||
<div>
|
||||
|
||||
<strong class="wu-text-gray-800 wu-text-base">
|
||||
<?php echo $signups; ?>
|
||||
</strong>
|
||||
<strong class="wu-text-gray-800 wu-text-base">
|
||||
<?php echo $signups; ?>
|
||||
</strong>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wu-text-md wu-text-gray-600">
|
||||
<span class="wu-block"><?php _e('Signups today', 'wp-ultimo'); ?></span>
|
||||
</div>
|
||||
<div class="wu-text-md wu-text-gray-600">
|
||||
<span class="wu-block"><?php _e('Signups today', 'wp-ultimo'); ?></span>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
<li class="wu-p-2 wu-w-full md:wu-w-4/12 wu-relative" <?php echo wu_tooltip_text(__('MRR stands for Monthly Recurring Revenue', 'wp-ultimo')); ?>>
|
||||
<li class="wu-p-2 wu-w-full md:wu-w-4/12 wu-relative" <?php echo wu_tooltip_text(__('MRR stands for Monthly Recurring Revenue', 'wp-ultimo')); ?>>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
|
||||
<strong class="wu-text-gray-800 wu-text-base">
|
||||
<?php echo wu_format_currency($mrr); ?>
|
||||
</strong>
|
||||
<strong class="wu-text-gray-800 wu-text-base">
|
||||
<?php echo wu_format_currency($mrr); ?>
|
||||
</strong>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wu-text-md wu-text-gray-600">
|
||||
<span class="wu-block"><?php _e('MRR', 'wp-ultimo'); ?></span>
|
||||
</div>
|
||||
<div class="wu-text-md wu-text-gray-600">
|
||||
<span class="wu-block"><?php _e('MRR', 'wp-ultimo'); ?></span>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
<li class="wu-p-2 wu-w-full md:wu-w-4/12 wu-relative">
|
||||
<li class="wu-p-2 wu-w-full md:wu-w-4/12 wu-relative">
|
||||
|
||||
<div>
|
||||
<div>
|
||||
|
||||
<strong class="wu-text-gray-800 wu-text-base">
|
||||
<?php echo wu_format_currency($gross_revenue); ?>
|
||||
</strong>
|
||||
<strong class="wu-text-gray-800 wu-text-base">
|
||||
<?php echo wu_format_currency($gross_revenue); ?>
|
||||
</strong>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wu-text-md wu-text-gray-600">
|
||||
<span class="wu-block"><?php _e('Today\'s gross revenue', 'wp-ultimo'); ?></span>
|
||||
</div>
|
||||
<div class="wu-text-md wu-text-gray-600">
|
||||
<span class="wu-block"><?php _e('Today\'s gross revenue', 'wp-ultimo'); ?></span>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
@ -7,461 +7,461 @@
|
||||
?>
|
||||
<div id="wu-thank-you-element" class="wu-styling <?php echo esc_attr($className); ?>">
|
||||
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">
|
||||
|
||||
<?php if (in_array($payment->get_status(), array('completed'))) : ?>
|
||||
<?php if (in_array($payment->get_status(), array('completed'))) : ?>
|
||||
|
||||
<!-- Thank You -->
|
||||
<div id="wu-thank-you-message-block">
|
||||
<!-- Thank You -->
|
||||
<div id="wu-thank-you-message-block">
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
|
||||
<?php if ($title) : ?>
|
||||
<?php if ($title) : ?>
|
||||
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo $title; ?>
|
||||
<?php echo $title; ?>
|
||||
|
||||
</h3>
|
||||
</h3>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<!-- Body Content -->
|
||||
<div class="wu-thank-you-message wu-px-4">
|
||||
<!-- Body Content -->
|
||||
<div class="wu-thank-you-message wu-px-4">
|
||||
|
||||
<?php echo do_shortcode($thank_you_message); ?>
|
||||
<?php echo do_shortcode($thank_you_message); ?>
|
||||
|
||||
</div>
|
||||
<!-- Body Content - End -->
|
||||
</div>
|
||||
<!-- Body Content - End -->
|
||||
|
||||
<ul class="wu-thank-you-info wu-grid wu-grid-cols-3 wu-gap-4 wu-m-0 wu-px-4 wu-py-6 wu-list-none">
|
||||
<ul class="wu-thank-you-info wu-grid wu-grid-cols-3 wu-gap-4 wu-m-0 wu-px-4 wu-py-6 wu-list-none">
|
||||
|
||||
<!-- Info Item -->
|
||||
<li>
|
||||
<!-- Info Item -->
|
||||
<li>
|
||||
|
||||
<span class="wu-uppercase wu-text-sm wu-block">
|
||||
<span class="wu-uppercase wu-text-sm wu-block">
|
||||
|
||||
<?php _e('Order ID', 'wp-ultimo'); ?>
|
||||
<?php _e('Order ID', 'wp-ultimo'); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span class="wu-text-md wu-font-bold wu-block">
|
||||
<span class="wu-text-md wu-font-bold wu-block">
|
||||
|
||||
<?php echo $payment->get_hash(); ?>
|
||||
<?php echo $payment->get_hash(); ?>
|
||||
|
||||
<small class="wu-text-gray-600 wu-font-normal wu-m-0 wu-block">
|
||||
<small class="wu-text-gray-600 wu-font-normal wu-m-0 wu-block">
|
||||
|
||||
<?php echo date_i18n(get_option('date_format'), strtotime($payment->get_date_created())); ?>
|
||||
<?php echo date_i18n(get_option('date_format'), strtotime($payment->get_date_created())); ?>
|
||||
|
||||
</small>
|
||||
</small>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
</li>
|
||||
<!-- Info Item - End -->
|
||||
</li>
|
||||
<!-- Info Item - End -->
|
||||
|
||||
<!-- Info Item -->
|
||||
<li>
|
||||
<!-- Info Item -->
|
||||
<li>
|
||||
|
||||
<span class="wu-uppercase wu-text-sm wu-block">
|
||||
<span class="wu-uppercase wu-text-sm wu-block">
|
||||
|
||||
<?php _e('Email', 'wp-ultimo'); ?>
|
||||
<?php _e('Email', 'wp-ultimo'); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span class="wu-text-md wu-font-bold wu-block">
|
||||
<span class="wu-text-md wu-font-bold wu-block">
|
||||
|
||||
<?php echo $customer->get_email_address(); ?>
|
||||
<?php echo $customer->get_email_address(); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
</li>
|
||||
<!-- Info Item - End -->
|
||||
</li>
|
||||
<!-- Info Item - End -->
|
||||
|
||||
<!-- Info Item -->
|
||||
<li>
|
||||
<!-- Info Item -->
|
||||
<li>
|
||||
|
||||
<span class="wu-uppercase wu-text-sm wu-block">
|
||||
<span class="wu-uppercase wu-text-sm wu-block">
|
||||
|
||||
<?php _e('Total', 'wp-ultimo'); ?>
|
||||
<?php _e('Total', 'wp-ultimo'); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span class="wu-text-md wu-font-bold wu-block">
|
||||
<span class="wu-text-md wu-font-bold wu-block">
|
||||
|
||||
<?php echo wu_format_currency($payment->get_total(), $payment->get_currency()); ?>
|
||||
<?php echo wu_format_currency($payment->get_total(), $payment->get_currency()); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
</li>
|
||||
<!-- Info Item - End -->
|
||||
</li>
|
||||
<!-- Info Item - End -->
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- Thank You - End -->
|
||||
</div>
|
||||
<!-- Thank You - End -->
|
||||
|
||||
<?php else : ?>
|
||||
<?php else : ?>
|
||||
|
||||
<!-- Thank You -->
|
||||
<div id="wu-thank-you-message-block">
|
||||
<!-- Thank You -->
|
||||
<div id="wu-thank-you-message-block">
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
|
||||
<?php if ($title_pending) : ?>
|
||||
<?php if ($title_pending) : ?>
|
||||
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo $title_pending; ?>
|
||||
<?php echo $title_pending; ?>
|
||||
|
||||
</h3>
|
||||
</h3>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<!-- Body Content -->
|
||||
<div class="wu-thank-you-message wu-px-4">
|
||||
<!-- Body Content -->
|
||||
<div class="wu-thank-you-message wu-px-4">
|
||||
|
||||
<?php echo do_shortcode($thank_you_message_pending); ?>
|
||||
<?php echo do_shortcode($thank_you_message_pending); ?>
|
||||
|
||||
</div>
|
||||
<!-- Body Content - End -->
|
||||
</div>
|
||||
<!-- Body Content - End -->
|
||||
|
||||
<ul class="wu-thank-you-info wu-grid wu-grid-cols-2 wu-gap-4 wu-m-0 wu-px-4 wu-py-6 wu-list-none">
|
||||
<ul class="wu-thank-you-info wu-grid wu-grid-cols-2 wu-gap-4 wu-m-0 wu-px-4 wu-py-6 wu-list-none">
|
||||
|
||||
<!-- Info Item -->
|
||||
<li>
|
||||
<!-- Info Item -->
|
||||
<li>
|
||||
|
||||
<span class="wu-uppercase wu-text-sm wu-block">
|
||||
<span class="wu-uppercase wu-text-sm wu-block">
|
||||
|
||||
<?php _e('Order ID', 'wp-ultimo'); ?>
|
||||
<?php _e('Order ID', 'wp-ultimo'); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span class="wu-text-md wu-font-bold wu-block">
|
||||
<span class="wu-text-md wu-font-bold wu-block">
|
||||
|
||||
<?php echo $payment->get_hash(); ?>
|
||||
<?php echo $payment->get_hash(); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
</li>
|
||||
<!-- Info Item - End -->
|
||||
</li>
|
||||
<!-- Info Item - End -->
|
||||
|
||||
<!-- Info Item -->
|
||||
<li>
|
||||
<!-- Info Item -->
|
||||
<li>
|
||||
|
||||
<span class="wu-uppercase wu-text-sm wu-block">
|
||||
<span class="wu-uppercase wu-text-sm wu-block">
|
||||
|
||||
<?php _e('Date', 'wp-ultimo'); ?>
|
||||
<?php _e('Date', 'wp-ultimo'); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span class="wu-text-md wu-font-bold wu-block">
|
||||
<span class="wu-text-md wu-font-bold wu-block">
|
||||
|
||||
<?php echo date_i18n(get_option('date_format'), strtotime($payment->get_date_created())); ?>
|
||||
<?php echo date_i18n(get_option('date_format'), strtotime($payment->get_date_created())); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
</li>
|
||||
<!-- Info Item - End -->
|
||||
</li>
|
||||
<!-- Info Item - End -->
|
||||
|
||||
<!-- Info Item -->
|
||||
<li>
|
||||
<!-- Info Item -->
|
||||
<li>
|
||||
|
||||
<span class="wu-uppercase wu-text-sm wu-block">
|
||||
<span class="wu-uppercase wu-text-sm wu-block">
|
||||
|
||||
<?php _e('Email', 'wp-ultimo'); ?>
|
||||
<?php _e('Email', 'wp-ultimo'); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span class="wu-text-md wu-font-bold wu-block">
|
||||
<span class="wu-text-md wu-font-bold wu-block">
|
||||
|
||||
<?php echo $customer->get_email_address(); ?>
|
||||
<?php echo $customer->get_email_address(); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
</li>
|
||||
<!-- Info Item - End -->
|
||||
</li>
|
||||
<!-- Info Item - End -->
|
||||
|
||||
<!-- Info Item -->
|
||||
<li>
|
||||
<!-- Info Item -->
|
||||
<li>
|
||||
|
||||
<span class="wu-uppercase wu-text-sm wu-block">
|
||||
<span class="wu-uppercase wu-text-sm wu-block">
|
||||
|
||||
<?php _e('Total', 'wp-ultimo'); ?>
|
||||
<?php _e('Total', 'wp-ultimo'); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span class="wu-text-md wu-font-bold wu-block">
|
||||
<span class="wu-text-md wu-font-bold wu-block">
|
||||
|
||||
<?php echo wu_format_currency($payment->get_total(), $payment->get_currency()); ?>
|
||||
<?php echo wu_format_currency($payment->get_total(), $payment->get_currency()); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
</li>
|
||||
<!-- Info Item - End -->
|
||||
</li>
|
||||
<!-- Info Item - End -->
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- Thank You - End -->
|
||||
</div>
|
||||
<!-- Thank You - End -->
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php do_action('wu_thank_you_before_info_blocks', $payment, $membership, $customer); ?>
|
||||
<?php do_action('wu_thank_you_before_info_blocks', $payment, $membership, $customer); ?>
|
||||
|
||||
<!-- Sites -->
|
||||
<div id="wu-thank-you-sites">
|
||||
<!-- Sites -->
|
||||
<div id="wu-thank-you-sites">
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
|
||||
<?php if ('Site') : ?>
|
||||
<?php if ('Site') : ?>
|
||||
|
||||
<h4 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h4 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo _e('Site', 'wp-ultimo'); ?>
|
||||
<?php echo _e('Site', 'wp-ultimo'); ?>
|
||||
|
||||
</h4>
|
||||
</h4>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<!-- Body Content -->
|
||||
<div class="wu-thank-you-pending-site wu-px-4 wu-mb-4">
|
||||
<!-- Body Content -->
|
||||
<div class="wu-thank-you-pending-site wu-px-4 wu-mb-4">
|
||||
|
||||
<?php do_action('wu_thank_you_site_block', $payment, $membership, $customer); ?>
|
||||
<?php do_action('wu_thank_you_site_block', $payment, $membership, $customer); ?>
|
||||
|
||||
<div id="wu-sites">
|
||||
<div id="wu-sites">
|
||||
|
||||
<?php if ($membership->get_sites()) : ?>
|
||||
<?php if ($membership->get_sites()) : ?>
|
||||
|
||||
<?php foreach ($membership->get_sites() as $site) : ?>
|
||||
<?php foreach ($membership->get_sites() as $site) : ?>
|
||||
|
||||
<div class="wu-bg-gray-100 wu-p-4 wu-rounded wu-mb-2 sm:wu-flex wu-items-center">
|
||||
<div class="wu-bg-gray-100 wu-p-4 wu-rounded wu-mb-2 sm:wu-flex wu-items-center">
|
||||
|
||||
<div class="wu-flex-shrink sm:wu-mr-4">
|
||||
<div class="wu-flex-shrink sm:wu-mr-4">
|
||||
|
||||
<img
|
||||
class="sm:wu-w-12 sm:wu-h-12 wu-mb-4 sm:wu-mb-0 wu-rounded"
|
||||
src="<?php echo $site->get_featured_image('thumbnail'); ?>"
|
||||
/>
|
||||
<img
|
||||
class="sm:wu-w-12 sm:wu-h-12 wu-mb-4 sm:wu-mb-0 wu-rounded"
|
||||
src="<?php echo $site->get_featured_image('thumbnail'); ?>"
|
||||
/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wu-flex-grow">
|
||||
<div class="wu-flex-grow">
|
||||
|
||||
<h5 class="wu-mb-1">
|
||||
<h5 class="wu-mb-1">
|
||||
|
||||
<?php echo ucfirst($site->get_title()); ?>
|
||||
<?php echo ucfirst($site->get_title()); ?>
|
||||
|
||||
<?php if ($site->get_type() === 'pending') : ?>
|
||||
<?php if ($site->get_type() === 'pending') : ?>
|
||||
|
||||
<span class="wu-align-middle wu-inline-block wu-rounded wu-px-2 wu-py-1 wu-uppercase wu-text-xs wu-font-bold <?php echo esc_attr($site->get_type_class()); ?>">
|
||||
<?php echo $site->get_type_label(); ?>
|
||||
</span>
|
||||
<span class="wu-align-middle wu-inline-block wu-rounded wu-px-2 wu-py-1 wu-uppercase wu-text-xs wu-font-bold <?php echo esc_attr($site->get_type_class()); ?>">
|
||||
<?php echo $site->get_type_label(); ?>
|
||||
</span>
|
||||
|
||||
<span v-cloak v-if="creating && false" class="wu-align-middle wu-inline-block wu-rounded wu-px-2 wu-py-1 wu-uppercase wu-text-xs wu-font-bold wu-text-gray-700 wu-bg-gray-300">
|
||||
{{ progress }}%
|
||||
</span>
|
||||
<span v-cloak v-if="creating && false" class="wu-align-middle wu-inline-block wu-rounded wu-px-2 wu-py-1 wu-uppercase wu-text-xs wu-font-bold wu-text-gray-700 wu-bg-gray-300">
|
||||
{{ progress }}%
|
||||
</span>
|
||||
|
||||
<?php else : ?>
|
||||
<?php else : ?>
|
||||
|
||||
<span class="wu-align-middle wu-inline-block wu-rounded wu-px-2 wu-py-1 wu-uppercase wu-text-xs wu-font-bold wu-bg-green-300 wu-text-green-700">
|
||||
<?php _e('Ready!', 'wp-ultimo'); ?>
|
||||
</span>
|
||||
<span class="wu-align-middle wu-inline-block wu-rounded wu-px-2 wu-py-1 wu-uppercase wu-text-xs wu-font-bold wu-bg-green-300 wu-text-green-700">
|
||||
<?php _e('Ready!', 'wp-ultimo'); ?>
|
||||
</span>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</h5>
|
||||
</h5>
|
||||
|
||||
<div class="wu-truncate">
|
||||
<div class="wu-truncate">
|
||||
|
||||
<span class="wu-text-sm">
|
||||
<span class="wu-text-sm">
|
||||
|
||||
<?php echo $site->get_active_site_url(); ?>
|
||||
<?php echo $site->get_active_site_url(); ?>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wu-justify-align-end sm:wu-ml-4">
|
||||
<div class="wu-justify-align-end sm:wu-ml-4">
|
||||
|
||||
<?php if ($site->get_type() === 'pending') : ?>
|
||||
<?php if ($site->get_type() === 'pending') : ?>
|
||||
|
||||
<a v-if="!creating" href="<?php echo wu_get_current_url(); ?>" class="wu-block sm:wu-inline-block wu-no-underline">
|
||||
<span class="dashicons-wu-cycle wu-align-middle wu-mr-1"></span>
|
||||
<?php _e('Check Status', 'wp-ultimo'); ?>
|
||||
</a>
|
||||
<div v-else class="wu-block sm:wu-inline-block wu-no-underline">
|
||||
<span class="dashicons-wu-loader wu-align-middle wu-mr-1 wu-spin" style="display: inline-block;"></span>
|
||||
<?php _e('Creating', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
<a v-if="!creating" href="<?php echo wu_get_current_url(); ?>" class="wu-block sm:wu-inline-block wu-no-underline">
|
||||
<span class="dashicons-wu-cycle wu-align-middle wu-mr-1"></span>
|
||||
<?php _e('Check Status', 'wp-ultimo'); ?>
|
||||
</a>
|
||||
<div v-else class="wu-block sm:wu-inline-block wu-no-underline">
|
||||
<span class="dashicons-wu-loader wu-align-middle wu-mr-1 wu-spin" style="display: inline-block;"></span>
|
||||
<?php _e('Creating', 'wp-ultimo'); ?>
|
||||
</div>
|
||||
|
||||
<?php else : ?>
|
||||
<?php else : ?>
|
||||
|
||||
<a href="<?php echo esc_attr(get_admin_url($site->get_id())); ?>" class="wu-block sm:wu-inline-block wu-no-underline sm:wu-mr-4">
|
||||
<span class="dashicons-wu-gauge wu-align-middle wu-mr-1"></span>
|
||||
<?php _e('Admin Panel', 'wp-ultimo'); ?>
|
||||
</a>
|
||||
<a href="<?php echo esc_attr(get_admin_url($site->get_id())); ?>" class="wu-block sm:wu-inline-block wu-no-underline sm:wu-mr-4">
|
||||
<span class="dashicons-wu-gauge wu-align-middle wu-mr-1"></span>
|
||||
<?php _e('Admin Panel', 'wp-ultimo'); ?>
|
||||
</a>
|
||||
|
||||
<a href="<?php echo esc_attr(wu_with_sso(get_site_url($site->get_id()))); ?>" class="wu-block sm:wu-inline-block wu-no-underline" target="_blank">
|
||||
<span class="dashicons-wu-browser wu-align-middle wu-mr-1"></span>
|
||||
<?php _e('Visit', 'wp-ultimo'); ?>
|
||||
</a>
|
||||
<a href="<?php echo esc_attr(wu_with_sso(get_site_url($site->get_id()))); ?>" class="wu-block sm:wu-inline-block wu-no-underline" target="_blank">
|
||||
<span class="dashicons-wu-browser wu-align-middle wu-mr-1"></span>
|
||||
<?php _e('Visit', 'wp-ultimo'); ?>
|
||||
</a>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endforeach; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<?php else : ?>
|
||||
<?php else : ?>
|
||||
|
||||
<div class="wu-bg-gray-100 wu-p-4 wu-rounded">
|
||||
<div class="wu-bg-gray-100 wu-p-4 wu-rounded">
|
||||
|
||||
<?php echo do_shortcode($no_sites_message); ?>
|
||||
<?php echo do_shortcode($no_sites_message); ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Body Content - End -->
|
||||
</div>
|
||||
<!-- Body Content - End -->
|
||||
|
||||
</div>
|
||||
<!-- Sites - End -->
|
||||
</div>
|
||||
<!-- Sites - End -->
|
||||
|
||||
<!-- Order Details -->
|
||||
<div id="wu-thank-you-order-details">
|
||||
<!-- Order Details -->
|
||||
<div id="wu-thank-you-order-details">
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
|
||||
<?php if ('Order Details') : ?>
|
||||
<?php if ('Order Details') : ?>
|
||||
|
||||
<h4 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h4 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo _e('Order Details', 'wp-ultimo'); ?>
|
||||
<?php echo _e('Order Details', 'wp-ultimo'); ?>
|
||||
|
||||
</h4>
|
||||
</h4>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<!-- Body Content -->
|
||||
<div class="wu-thank-you-message wu-px-4 wu-mb-4">
|
||||
<!-- Body Content -->
|
||||
<div class="wu-thank-you-message wu-px-4 wu-mb-4">
|
||||
|
||||
<table>
|
||||
<table>
|
||||
|
||||
<thead class="wu-bg-gray-100">
|
||||
<thead class="wu-bg-gray-100">
|
||||
|
||||
<tr>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php _e('Product', 'wp-ultimo'); ?></th>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php _e('Total', 'wp-ultimo'); ?></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php _e('Product', 'wp-ultimo'); ?></th>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php _e('Total', 'wp-ultimo'); ?></th>
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tbody>
|
||||
|
||||
<?php foreach ($payment->get_line_items() as $line_item) : ?>
|
||||
<?php foreach ($payment->get_line_items() as $line_item) : ?>
|
||||
|
||||
<tr>
|
||||
<tr>
|
||||
|
||||
<td class="wu-py-2 wu-px-4">
|
||||
<?php echo $line_item->get_title(); ?>
|
||||
<code class="wu-ml-1">x<?php echo $line_item->get_quantity(); ?></code>
|
||||
</td>
|
||||
<td class="wu-py-2 wu-px-4">
|
||||
<?php echo $line_item->get_title(); ?>
|
||||
<code class="wu-ml-1">x<?php echo $line_item->get_quantity(); ?></code>
|
||||
</td>
|
||||
|
||||
<td class="wu-py-2 wu-px-4">
|
||||
<?php echo wu_format_currency($line_item->get_subtotal(), $payment->get_currency()); ?>
|
||||
</td>
|
||||
<td class="wu-py-2 wu-px-4">
|
||||
<?php echo wu_format_currency($line_item->get_subtotal(), $payment->get_currency()); ?>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</tr>
|
||||
|
||||
<?php endforeach; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</tbody>
|
||||
</tbody>
|
||||
|
||||
<tfoot class="wu-bg-gray-100">
|
||||
<tfoot class="wu-bg-gray-100">
|
||||
|
||||
<tr>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php _e('Subtotal', 'wp-ultimo'); ?></th>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php echo wu_format_currency($payment->get_subtotal(), $payment->get_currency()); ?></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php _e('Subtotal', 'wp-ultimo'); ?></th>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php echo wu_format_currency($payment->get_subtotal(), $payment->get_currency()); ?></th>
|
||||
</tr>
|
||||
|
||||
<?php foreach ($payment->get_tax_breakthrough() as $rate => $total) : ?>
|
||||
<?php foreach ($payment->get_tax_breakthrough() as $rate => $total) : ?>
|
||||
|
||||
<tr>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php printf(__('Tax (%s%%)', 'wp-ultimo'), $rate); ?></th>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php echo wu_format_currency($total, $payment->get_currency()); ?></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php printf(__('Tax (%s%%)', 'wp-ultimo'), $rate); ?></th>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php echo wu_format_currency($total, $payment->get_currency()); ?></th>
|
||||
</tr>
|
||||
|
||||
<?php endforeach; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<tr>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php _e('Total', 'wp-ultimo'); ?></th>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php echo wu_format_currency($payment->get_total(), $payment->get_currency()); ?></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php _e('Total', 'wp-ultimo'); ?></th>
|
||||
<th class="wu-text-left wu-py-2 wu-px-4"><?php echo wu_format_currency($payment->get_total(), $payment->get_currency()); ?></th>
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
</tfoot>
|
||||
|
||||
</table>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<!-- Body Content - End -->
|
||||
</div>
|
||||
<!-- Body Content - End -->
|
||||
|
||||
</div>
|
||||
<!-- Order Details - End -->
|
||||
</div>
|
||||
<!-- Order Details - End -->
|
||||
|
||||
<!-- Billing Address -->
|
||||
<div id="wu-thank-you-billing-address">
|
||||
<!-- Billing Address -->
|
||||
<div id="wu-thank-you-billing-address">
|
||||
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
<!-- Title Element -->
|
||||
<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100'); ?>">
|
||||
|
||||
<?php if ('Billing Address') : ?>
|
||||
<?php if ('Billing Address') : ?>
|
||||
|
||||
<h4 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
<h4 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">
|
||||
|
||||
<?php echo _e('Billing Address', 'wp-ultimo'); ?>
|
||||
<?php echo _e('Billing Address', 'wp-ultimo'); ?>
|
||||
|
||||
</h4>
|
||||
</h4>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
</div>
|
||||
<!-- Title Element - End -->
|
||||
|
||||
<!-- Body Content -->
|
||||
<div class="wu-thank-you-billing-address wu-p-4 wu-mx-4 wu-bg-gray-100 wu-rounded">
|
||||
<!-- Body Content -->
|
||||
<div class="wu-thank-you-billing-address wu-p-4 wu-mx-4 wu-bg-gray-100 wu-rounded">
|
||||
|
||||
<?php echo $membership->get_billing_address()->to_string('<br>'); ?>
|
||||
<?php echo $membership->get_billing_address()->to_string('<br>'); ?>
|
||||
|
||||
</div>
|
||||
<!-- Body Content - End -->
|
||||
</div>
|
||||
<!-- Body Content - End -->
|
||||
|
||||
</div>
|
||||
<!-- Billing Address - End -->
|
||||
</div>
|
||||
<!-- Billing Address - End -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user