Account page is mobile adaptive

This commit is contained in:
ultimatemember
2014-12-19 00:42:23 +02:00
parent 69abac6c4e
commit 11f11ea0e9
16 changed files with 442 additions and 102 deletions
+35 -10
View File
@@ -125,7 +125,7 @@
extract( $info );
$fields = $ultimatemember->builtin->get_specific_fields('single_user_password'); ?>
<div class="um-account-heading"><i class="<?php echo $icon; ?>"></i><?php echo $title; ?></div>
<div class="um-account-heading uimob500-hide"><i class="<?php echo $icon; ?>"></i><?php echo $title; ?></div>
<?php echo wpautop( um_get_option('delete_account_text') ); ?>
@@ -149,7 +149,7 @@
extract( $info );
$fields = $ultimatemember->builtin->get_specific_fields('profile_privacy,show_in_members'); ?>
<div class="um-account-heading"><i class="<?php echo $icon; ?>"></i><?php echo $title; ?></div>
<div class="um-account-heading uimob500-hide"><i class="<?php echo $icon; ?>"></i><?php echo $title; ?></div>
<?php $output = null;
foreach( $fields as $key => $data ) {
@@ -171,7 +171,7 @@
extract( $info );
$fields = $ultimatemember->builtin->get_specific_fields('user_login,first_name,last_name,user_email'); ?>
<div class="um-account-heading"><i class="<?php echo $icon; ?>"></i><?php echo $title; ?></div>
<div class="um-account-heading uimob500-hide"><i class="<?php echo $icon; ?>"></i><?php echo $title; ?></div>
<?php $output = null;
foreach( $fields as $key => $data ) {
@@ -193,7 +193,7 @@
extract( $info );
$fields = $ultimatemember->builtin->get_specific_fields('user_password'); ?>
<div class="um-account-heading"><i class="<?php echo $icon; ?>"></i><?php echo $title; ?></div>
<div class="um-account-heading uimob500-hide"><i class="<?php echo $icon; ?>"></i><?php echo $title; ?></div>
<?php $output = null;
foreach( $fields as $key => $data ) {
@@ -206,7 +206,29 @@
}
/***
*** @display account page tabs
*** @display account photo and username
***/
add_action('um_account_user_photo_hook__mobile', 'um_account_user_photo_hook__mobile');
function um_account_user_photo_hook__mobile( $args ) {
global $ultimatemember;
extract( $args );
?>
<div class="um-account-meta uimob500-show">
<div class="um-account-meta-img"><a href="<?php echo um_user_profile_url(); ?>"><?php echo um_user('profile_photo', 120); ?></a></div>
<div class="um-account-name"><a href="<?php echo um_user_profile_url(); ?>"><?php echo um_user('display_name'); ?></a></div>
</div>
<?php
}
/***
*** @display account photo and username
***/
add_action('um_account_user_photo_hook', 'um_account_user_photo_hook');
function um_account_user_photo_hook( $args ) {
@@ -217,9 +239,11 @@
<div class="um-account-meta">
<div class="um-account-meta-img"><a href="<?php echo um_user_profile_url(); ?>"><?php echo um_user('profile_photo', 80); ?></a></div>
<div class="um-account-meta-img uimob800-hide"><a href="<?php echo um_user_profile_url(); ?>"><?php echo um_user('profile_photo', 120); ?></a></div>
<div class="um-account-name"><a href="<?php echo um_user_profile_url(); ?>"><?php echo um_user('display_name'); ?></a></div>
<div class="um-account-meta-img-b uimob800-show um-tip-w" title="<?php echo um_user('display_name'); ?>"><a href="<?php echo um_user_profile_url(); ?>"><?php echo um_user('profile_photo', 120); ?></a></div>
<div class="um-account-name uimob800-hide"><a href="<?php echo um_user_profile_url(); ?>"><?php echo um_user('display_name'); ?></a></div>
</div>
@@ -267,9 +291,10 @@
<li>
<a data-tab="<?php echo $id; ?>" href="<?php echo $ultimatemember->account->tab_link($id); ?>" class="um-account-link <?php if ( $id == $current_tab ) echo 'current'; ?>">
<span class="um-account-icon"><i class="<?php echo $icon; ?>"></i></span>
<span class="um-account-title"><?php echo $title; ?></span>
<span class="um-account-arrow"><i class="um-icon-right-open"></i></span>
<span class="um-account-icontip uimob800-show um-tip-w" title="<?php echo $title; ?>"><i class="<?php echo $icon; ?>"></i></span>
<span class="um-account-icon uimob800-hide"><i class="<?php echo $icon; ?>"></i></span>
<span class="um-account-title uimob800-hide"><?php echo $title; ?></span>
<span class="um-account-arrow uimob800-hide"><i class="um-icon-right-open"></i></span>
</a>
</li>
+27 -7
View File
@@ -31,9 +31,18 @@
<?php
$i = 0; foreach( $search_filters as $filter ) { $i++;
echo '<div class="um-search-filter">'; $ultimatemember->members->show_filter( $filter ); echo '</div>';
if ( $i % 3 == 0 ) { echo '<div class="um-clear"></div>'; }
$i = 0;
foreach( $search_filters as $filter ) {
$i++;
if ( $i % 2 == 0 ) {
$add_class = 'um-search-filter-2';
} else {
$add_class = '';
}
echo '<div class="um-search-filter '. $add_class .'">'; $ultimatemember->members->show_filter( $filter ); echo '</div>';
}
?>
@@ -46,7 +55,7 @@
<a href="#" class="um-button um-do-search"><?php _e('Search','ultimatemember'); ?></a><a href="<?php echo $ultimatemember->permalinks->get_current_url( true ); ?>" class="um-button um-alt"><?php _e('Reset','ultimatemember'); ?></a>
</div>
</div><div class="um-clear"></div>
</form>
@@ -100,8 +109,20 @@
if ( um_members('total_pages') > 1 ) { // needs pagination
?>
<div class="um-members-pagi">
<div class="um-members-pagidrop uimob500-show">
<?php _e('Jump to page:','ultimatemember'); ?>
<select onChange="window.location.href=this.value" class="um-s1" style="width: 100px">
<?php foreach( um_members('pages_to_show') as $i ) { ?>
<option value="<?php echo $ultimatemember->permalinks->add_query( 'members_page', $i ); ?>" <?php selected($i, um_members('page')); ?>><?php printf(__('%s of %d','ultimatemember'), $i, um_members('total_pages') ); ?></option>
<?php } ?>
</select>
</div>
<div class="um-members-pagi uimob500-hide">
<?php if ( um_members('page') != 1 ) { ?>
<a href="<?php echo $ultimatemember->permalinks->add_query( 'members_page', 1 ); ?>" class="pagi pagi-arrow um-tip-n" title="First Page"><i class="um-icon-angle-double-left"></i></a>
@@ -182,7 +203,6 @@
<?php if ($cover_photos) { ?>
<div class="um-member-cover">
<div class="um-member-cover-d"></div>
<div class="um-member-cover-e"><?php echo um_user('cover_photo'); ?></div>
</div>
<?php } ?>
+8 -2
View File
@@ -227,7 +227,7 @@ class UM_Fields {
$output .= '<label for="'.$key.$ultimatemember->form->form_suffix.'">'.$label.'</label>';
if ( isset( $data['help'] ) && $this->viewing == false ) {$output .= '<span class="um-tip um-tip-w" title="'.$data['help'].'"><i class="um-icon-help-circled"></i></span>';}
if ( isset( $data['help'] ) && $this->viewing == false ) {$output .= '<span class="um-tip um-tip-s" title="'.$data['help'].'"><i class="um-icon-help-circled"></i></span>';}
$output .= '<div class="um-clear"></div></div>';
@@ -1026,8 +1026,10 @@ class UM_Fields {
} else {
$class = 'um-s1';
}
if ( isset( $data['label'] ) ) {
$output .= $this->field_label($label, $key, $data);
}
$output .= '<div class="um-field-area">';
@@ -1078,7 +1080,9 @@ class UM_Fields {
$class = 'um-s1';
}
if ( isset( $data['label'] ) ) {
$output .= $this->field_label($label, $key, $data);
}
$output .= '<div class="um-field-area">';
@@ -1123,7 +1127,9 @@ class UM_Fields {
case 'radio':
$output .= '<div class="um-field' . $classes . '"' . $conditional . ' data-key="'.$key.'">';
if ( isset( $data['label'] ) ) {
$output .= $this->field_label($label, $key, $data);
}
$output .= '<div class="um-field-area">';
-5
View File
@@ -132,11 +132,6 @@
if ( count ($query_args['meta_query']) == 1 ) {
unset( $query_args['meta_query'] );
}
if ( $query_args['orderby'] == 'user_registered' && $query_args['order'] == 'DESC' ) {
unset( $query_args['orderby'] );
unset( $query_args['order'] );
}
return $query_args;
+1
View File
@@ -135,6 +135,7 @@ class UM_Setup {
'_um_login_secondary_btn_color' => '#eee',
'_um_login_secondary_btn_hover' => '#e5e5e5',
'_um_login_secondary_btn_text' => '#666',
'_um_directory_template' => 'members',
'_um_directory_header' => __('{total_users} Members','ultimatemember'),
'_um_directory_no_users' => __('We are sorry. We cannot find any users who match your search criteria.','ultimatemember'),
);