Use new code style

This commit is contained in:
David Stone
2025-02-07 19:02:33 -07:00
parent 0181024ae1
commit 8433379d90
672 changed files with 37107 additions and 45249 deletions

View File

@ -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 &rarr;', '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 &rarr;', '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 &rarr;', '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 &rarr;', '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 &rarr;', '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 &rarr;', 'wp-ultimo'); ?></a> -->
</div>
</li>
</li>
</ul>
</ul>
</div>

View File

@ -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">
&larr; <?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'); ?>
&rarr;
</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">
&larr; <?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'); ?>
&rarr;
</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>

View File

@ -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">
&middot;
</span>
<span class="wu-hidden sm:wu-mx-2 sm:wu-inline md:wu-hidden lg:wu-inline" aria-hidden="true">
&middot;
</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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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">&nbsp;</div>
<div class="wu-block sm:wu-hidden wu-h-2">&nbsp;</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>

View File

@ -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>

View File

@ -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>

View File

@ -7,6 +7,6 @@
?>
<div class="wu-styling <?php echo esc_attr($className); ?>">
<?php $form->render(); ?>
<?php $form->render(); ?>
</div>

View File

@ -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>

View File

@ -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="">&nbsp;</div>
<div class="">&nbsp;</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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>