From cf118d137d75d292f3c285dc0cd9f7ab4fca1777 Mon Sep 17 00:00:00 2001 From: nikitasinelnikov Date: Mon, 23 Sep 2019 13:34:25 +0300 Subject: [PATCH] - member directory styles; --- assets/css/um-members.css | 1213 +++++++++++++--------- assets/css/um-styles.css | 6 +- assets/js/dropdown.js | 83 ++ assets/js/dropdown.min.js | 1 + assets/js/um-functions.js | 8 +- assets/js/um-functions.min.js | 2 +- assets/js/um-members.js | 85 +- assets/js/um-members.min.js | 2 +- assets/sass/_colors.sass | 4 +- assets/sass/_mixins.sass | 7 +- assets/sass/um-members.sass | 1068 ++++++++++--------- includes/class-init.php | 3 +- includes/core/class-enqueue.php | 4 +- includes/core/class-member-directory.php | 182 +++- includes/core/class-profile.php | 11 +- includes/core/class-user.php | 3 +- includes/core/um-filters-user.php | 13 +- languages/ultimate-member-en_US.po | 299 +++--- templates/members-list.php | 192 ++-- templates/members.php | 204 ++-- ultimate-member.php | 2 +- 21 files changed, 2039 insertions(+), 1353 deletions(-) create mode 100644 assets/js/dropdown.js create mode 100644 assets/js/dropdown.min.js diff --git a/assets/css/um-members.css b/assets/css/um-members.css index 14542436..3ba03181 100644 --- a/assets/css/um-members.css +++ b/assets/css/um-members.css @@ -30,6 +30,51 @@ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } +.um-new-dropdown { + font-size: 16px; + margin: 0; + position: absolute; + height: auto; + background: #fff; + z-index: 10; + display: none; + border: 1px solid #ddd; + box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07); + -webkit-box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07); + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + border-radius: 5px 5px 5px 5px; + -moz-border-radius: 5px 5px 5px 5px; + -webkit-border-radius: 5px 5px 5px 5px; } + .um-new-dropdown ul { + margin: 0; + padding: 0; } + .um-new-dropdown ul li { + list-style-type: none; + padding: 0; + margin: 0; } + .um-new-dropdown ul li a { + display: block; + padding: 8px 12px; + line-height: 1; } + +.um-new-dropdown-arr { + position: absolute; + font-size: 24px; + width: 24px; + height: 24px; + overflow: hidden; + z-index: 15; + color: #eee; } + .um-new-dropdown-arr * { + display: block; + width: 24px; + height: 24px; + vertical-align: bottom; + overflow: hidden; + line-height: 24px; } + body #content .um-directory a { text-decoration: none; border-bottom: none; @@ -40,6 +85,11 @@ body #content .um-directory a { box-shadow: none; } .um-directory { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: stretch; + flex-wrap: nowrap; position: relative; } .um-directory a { text-decoration: none; @@ -88,489 +138,320 @@ body #content .um-directory a { padding: 0; vertical-align: baseline; } .um-directory .um-member-directory-header { - width: 100%; - padding: 0; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; } - .um-directory .um-member-directory-header .um-member-directory-search-line { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: stretch; + flex-wrap: nowrap; + width: 100%; } + .um-directory .um-member-directory-header .um-member-directory-header-row { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; flex-wrap: nowrap; - margin-bottom: 5px; - padding: 0; - float: left; - width: 100%; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; } - .um-directory .um-member-directory-header .um-member-directory-search-line .um-search-line { - border-radius: 2px 0 0 2px; - line-height: 29px; - width: calc( 85% - 10px); } - .um-directory .um-member-directory-header .um-member-directory-search-line .um-do-search { - border-radius: 0 2px 2px 0 !important; + margin: 0 0 10px 0; } + .um-directory .um-member-directory-header .um-member-directory-header-row.um-header-row-invisible { margin: 0; } - .um-directory .um-member-directory-header .um-member-directory-search-line .um-do-search i { - margin: 0; - padding: 0; } - .um-directory .um-member-directory-header .um-member-directory-actions { - float: right; } - .um-directory .um-member-directory-header .um-member-directory-actions .um-member-directory-view-type { - float: right; - padding: 5px 0; - position: relative; - vertical-align: middle; - font-size: 30px; - height: 30px; - line-height: 30px; - z-index: 1; } - .um-directory .um-member-directory-header .um-member-directory-actions .um-member-directory-view-type .um-member-directory-view-type-a { - color: #ddd; - display: none; } - .um-directory .um-member-directory-header .um-member-directory-actions .um-member-directory-view-type.um-disabled { - cursor: default; } - .um-directory .um-member-directory-header .um-member-directory-actions .um-member-directory-view-type.um-disabled a { - cursor: default; } - .um-directory .um-member-directory-header .um-member-directory-actions .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:hover { - color: #ccc; } - .um-directory .um-member-directory-header .um-member-directory-actions .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:focus { - color: #ddd; } - .um-directory .um-member-directory-header .um-member-directory-actions .um-member-directory-filters-a { - color: #ddd; } - .um-directory .um-member-directory-header .um-member-directory-actions .um-member-directory-filters-a:hover { - color: #ccc !important; } - .um-directory .um-member-directory-header .um-member-directory-actions .um-member-directory-filters-a:focus { - color: #ddd !important; } - .um-directory .um-member-directory-header .um-member-directory-sorting { - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - font-size: 30px; - height: 30px; - line-height: 30px; - position: relative; - vertical-align: middle; - width: 100%; } - .um-directory .um-member-directory-header .um-member-directory-sorting .select2.select2-container { - float: left; - width: 100% !important; } - .um-directory .um-member-directory-header .um-member-directory-sorting .select2.select2-container .select2-selection .select2-selection__arrow:before { - content: "\f0dc" !important; - font-family: "FontAwesome" !important; - font-style: normal !important; - font-weight: normal !important; - font-variant: normal !important; - text-transform: none !important; - speak: none; - line-height: 36px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - .um-directory .um-member-directory-header .um-member-directory-filters { - float: left; - padding: 5px 10px 5px 0; - vertical-align: middle; - line-height: 30px; - font-size: 30px; - height: 30px; } - .um-directory .um-member-directory-header.um-member-with-view .um-member-directory-sorting { - float: left; - width: calc( 100% - 40px); } - .um-directory .um-member-directory-header.um-member-with-view:not(.um-member-with-sorting) .um-member-directory-search-line { - float: left; - width: calc( 100% - 40px); } - .um-directory .um-member-directory-header.um-member-with-filters .um-member-directory-sorting { - float: left; - width: calc( 100% - 40px); } - .um-directory .um-member-directory-header.um-member-with-filters.um-member-with-view .um-member-directory-sorting { - float: left; - width: calc( 100% - 75px); } - .um-directory .um-member-directory-header.um-member-with-filters.um-member-with-view:not(.um-member-with-sorting) .um-member-directory-search-line { - float: left; - width: calc( 100% - 75px); } - .um-directory .um-member-directory-header.um-member-with-filters:not(.um-member-with-sorting) .um-member-directory-search-line { - float: left; - width: calc( 100% - 40px); } - .um-directory .um-member-directory-header.um-member-with-search .um-member-directory-sorting { - float: left; - margin-left: 4%; - width: 48%; } - .um-directory .um-member-directory-header.um-member-with-search.um-member-with-view .um-member-directory-sorting { - float: left; - width: calc( 48% - 40px); } - .um-directory .um-member-directory-header.um-member-with-search.um-member-with-filters .um-member-directory-sorting { - float: left; - width: calc( 48% - 40px); } - .um-directory .um-member-directory-header.um-member-with-search.um-member-with-filters.um-member-with-view .um-member-directory-sorting { - float: left; - width: calc( 48% - 75px); } - .um-directory .um-member-directory-header.um-member-with-sorting .um-member-directory-search-line { - width: 48%; } - .um-directory .um-search { - margin: 5px 0 0 0; - display: none; } - .um-directory .um-search .um-search-filter { - padding: 0 15px 30px 15px; - display: block; - float: left; - width: 33%; - box-sizing: border-box; - position: relative; } - .um-directory .um-search .um-search-filter .um-half-filter { - width: calc( 50% - 10px); - margin: 0 10px 0 0 !important; - float: left; } - .um-directory .um-search .um-search-filter .um-half-filter:nth-child(even) { - margin: 0 0 0 10px !important; } - .um-directory .um-search .um-search-filter .select2-container { - float: left; - width: 100% !important; } - .um-directory .um-search .um-search-filter .um-slider { - float: left; - margin-left: 2%; - margin-right: 2%; - width: 96%; } - .um-directory .um-search .um-search-filter .um-slider .ui-slider-range.ui-widget-header { - background: #44b0ec; - border: 1px solid #44b0ec !important; - margin-top: -1px; } - .um-directory .um-search .um-search-filter .um-slider.ui-slider.ui-slider-horizontal { - border: 1px solid #ddd !important; - box-sizing: border-box; } - .um-directory .um-search .um-search-filter .um-slider-range { - float: left; - width: 100%; - text-align: left; - padding-top: 6px; - box-sizing: border-box; } - .um-directory .um-search .um-search-filter .um-s1 { + .um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row { + justify-content: flex-end; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + width: 60%; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label { + flex: 1; + margin: 0 10px 0 0; + min-width: 90px; + max-width: 85%; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label span { + display: none; + margin: 0 5px 0 0; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label .um-search-line { + -webkit-appearance: textfield; + width: 100%; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line .um-do-search { + min-width: 15%; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + flex-wrap: nowrap; width: 100%; } - .um-directory .um-search.um-search-1 .um-search-filter { - width: 100%; - padding: 0 0 10px 0; - float: none; } - .um-directory .um-search[style*="overflow: hidden;"] .um-search-filter { - pointer-events: none; } - .um-directory .um-filtered-line { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: baseline; - flex-wrap: wrap; - margin: 5px 0 0 0; - padding: 0; - box-sizing: border-box; - border: none; } - .um-directory .um-filtered-line .um-members-filter-tag { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; - flex-wrap: nowrap; - margin: 0 10px 5px 0; - padding: 0 10px; - border-radius: 3px; - cursor: default; - background: #f1f1f1; - font-size: 13px; } - .um-directory .um-filtered-line .um-members-filter-tag:first-child { - margin-left: 0; } - .um-directory .um-filtered-line .um-members-filter-tag .um-members-filter-remove { - float: right; - display: inline-block; - margin-left: 10px; - cursor: pointer; - font-weight: bold; - font-size: 20px; } - .um-directory .um-filtered-line .um-members-filter-tag .um-members-filter-remove:hover { - color: #a00; } - .um-directory .um-filtered-line .um-clear-filters { - display: none; } - .um-directory .um-filtered-line .um-clear-filters a { - padding: 3px 10px; - margin: 0 10px; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type { + font-size: 30px; + line-height: 30px; + margin: 0 10px 0 0; + width: 30px; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type .um-member-directory-view-type-a { + color: #ddd; + display: none; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled { + cursor: default; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled a { + cursor: default; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:hover { + color: #ccc; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:focus { + color: #ddd; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + flex: 5; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a { + position: relative; + cursor: pointer; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-down { + display: inline; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-up { + display: none; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-down { + display: none; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-up { + display: inline; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown { + top: 24px; + width: 200px; + left: -12px; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown li a[data-selected="1"] { + display: none; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters { + flex: 2; + text-align: right; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a { + cursor: pointer; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-down { + display: inline; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-up { + display: none; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-down { + display: none; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-up { + display: inline; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-search { + margin: 0; + width: 100%; + display: grid; + grid-template-rows: auto 1fr; + grid-template-columns: repeat(3, 1fr); + grid-gap: 10px; + grid-auto-rows: minmax(max-content, auto); + -ms-grid-template-rows: auto 1fr; + -ms-grid-template-columns: repeat(3, 1fr); + -ms-grid-gap: 10px; + -ms-grid-auto-rows: minmax(max-content, auto); + align-items: center; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + width: 100%; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .select2-container { + float: left; + width: 100% !important; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .um-s1 { + width: 100%; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type { + flex-direction: column; + align-items: stretch; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider { + width: calc( 100% - 16px); } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider .ui-slider-range.ui-widget-header { + background: #44b0ec; + border: 1px solid #44b0ec !important; + margin-top: -1px; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider.ui-slider.ui-slider-horizontal { + border: 1px solid #ddd !important; + box-sizing: border-box; + margin: 4px 8px 0 8px; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider-range { + margin: 6px 0 0 8px; + font-size: 0.8em; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input { + width: calc( 50% - 5px); + margin: 0 5px 0 0; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input:nth-child(even), .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input:nth-child(even) { + margin: 0 0 0 5px; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-search[style*="overflow: hidden;"] .um-search-filter { + pointer-events: none; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-search.um-search-invisible { + display: none; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: wrap; + margin: 0; + padding: 0; + box-sizing: border-box; + border: none; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + flex-wrap: nowrap; + margin: 0 10px 5px 0; + padding: 0 10px; + border-radius: 3px; + cursor: default; + background: #f1f1f1; + font-size: 13px; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag:first-child { + margin-left: 0; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove { + float: right; + display: inline-block; + margin-left: 10px; + cursor: pointer; + font-weight: bold; + font-size: 20px; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove:hover { + color: #a00; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters { + display: none; } + .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters a { + padding: 3px 10px; + margin: 0 10px; } .um-directory .um-members-wrapper { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: stretch; + flex-wrap: nowrap; width: 100%; - float: left; - margin: 5px 0; + margin: 0 0 10px 0; padding: 0; position: relative; height: 300px; } .um-directory .um-members-wrapper .um-members { + width: 100%; + margin: 0; + padding: 0; -ms-word-break: break-all; word-break: break-word; word-wrap: break-word; } + .um-directory .um-members-wrapper .um-members .um-member { + border: 1px solid #ddd; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; } + .um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1 a img { + -moz-border-radius: 999px !important; + -webkit-border-radius: 999px !important; + border-radius: 999px !important; } + .um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1.radius-2 a img { + -moz-border-radius: 4px !important; + -webkit-border-radius: 4px !important; + border-radius: 4px !important; } + .um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1.radius-3 a img { + -moz-border-radius: 0 !important; + -webkit-border-radius: 0 !important; + border-radius: 0 !important; } .um-directory .um-members-wrapper .um-members img { display: block; overflow: hidden; - -moz-border-radius: 0 !important; - -webkit-border-radius: 0 !important; - border-radius: 0 !important; - margin: 0 !important; - padding: 0 !important; } - .um-directory .um-members-wrapper .um-members .um-member { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + margin: 0; + padding: 0; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { + width: 5%; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member { float: left; width: 30%; background: #fff; text-align: center; - border: 1px solid #ddd; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; margin-bottom: 40px; position: relative; } - .um-directory .um-members-wrapper .um-members .um-member .um-member-status { + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status { display: none; background: #999; } - .um-directory .um-members-wrapper .um-members .um-member .um-member-status.awaiting_admin_review, .um-directory .um-members-wrapper .um-members .um-member .um-member-status.inactive, .um-directory .um-members-wrapper .um-members .um-member .um-member-status.rejected { - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - padding: 7px 15px; - color: #fff; - z-index: 10; - font-size: 13px; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; } - .um-directory .um-members-wrapper .um-members .um-member .um-member-status.awaiting_admin_review { - background: #c74a4a; } - .um-directory .um-members-wrapper .um-members .um-member .um-member-photo { + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.awaiting_admin_review, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.inactive, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.rejected { + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + padding: 7px 15px; + color: #fff; + z-index: 10; + font-size: 13px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.awaiting_admin_review { + background: #c74a4a; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo { padding: 40px 0 20px 0; text-align: center; } - .um-directory .um-members-wrapper .um-members .um-member .um-member-photo a { + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a { text-decoration: none; box-shadow: none !important; display: inline !important; } - .um-directory .um-members-wrapper .um-members .um-member .um-member-photo a img { + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a img { display: inline !important; border: 5px solid #fff; background: #fff; width: 140px; height: 140px; float: none !important; } - .um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1 a img { - -moz-border-radius: 999px !important; - -webkit-border-radius: 999px !important; - border-radius: 999px !important; } - .um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-2 a img { - -moz-border-radius: 4px !important; - -webkit-border-radius: 4px !important; - border-radius: 4px !important; } - .um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-3 a img { - -moz-border-radius: 0 !important; - -webkit-border-radius: 0 !important; - border-radius: 0 !important; } - .um-directory .um-members-wrapper .um-members .um-member.awaiting_admin_review, .um-directory .um-members-wrapper .um-members .um-member.inactive, .um-directory .um-members-wrapper .um-members .um-member.rejected { + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.awaiting_admin_review, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.inactive, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.rejected { opacity: 0.7; } - .um-directory .um-members-wrapper .um-members .um-member.with-cover .um-member-photo { + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo { padding-top: 0; } - .um-directory .um-members-wrapper .um-members .um-member.with-cover .um-member-photo a img { + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo a img { width: 90px; height: 90px; position: relative; top: -35px; - margin-bottom: -45px !important; - float: none !important; + margin-bottom: -45px; + float: none; opacity: 1; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { - width: 5%; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover { - background-color: #eee; - box-sizing: border-box; - position: relative; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover .um-member-cover-e { - text-align: center; - box-sizing: border-box; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover .um-member-cover-e img { - width: 100% !important; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card { - padding-bottom: 15px; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card.no-photo { - padding-top: 30px; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name { - margin: 0 0 4px 0; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a { - font-size: 16px; - line-height: 26px; - color: #444; - font-weight: 700; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn { - margin: 2px 0; - height: 40px; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn { - padding: 10px 15px !important; - transition: none !important; - display: inline-block !important; - margin: 0 auto !important; - min-width: 110px; - width: auto; - text-align: center; - font-size: 13px; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn:before { - font-family: "FontAwesome"; - margin-right: 8px; - width: 14px; - text-align: left; - display: inline-block; - font-size: 16px; - position: relative; - left: 0; - top: 1px; - content: "\f013"; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-tagline { - font-size: 13px; - line-height: 22px; - color: #999; - padding: 0 15px; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta { - display: none; - margin: 20px 15px 0 15px; - padding: 15px 0; - border-top: 1px solid #e5e5e5; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta.no-animate { - display: block; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline { - font-size: 13px; - padding: 12px 0 0 0; - line-height: 16px; - vertical-align: middle; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline span { - display: block; - text-align: center; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect { - padding-top: 20px; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a { - display: inline-block; - width: 40px; - line-height: 40px; - height: 40px; - -moz-border-radius: 999px; - -webkit-border-radius: 999px; - border-radius: 999px; - color: #fff !important; - opacity: 0.85; - margin: 0 1px; - font-size: 22px; - transition: 0.25s; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a:hover { - opacity: 1; - color: #fff; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less { - display: none; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less a { - color: #666; - display: inline-block; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less a i { - display: block; - font-size: 32px; - height: 32px; - line-height: 32px; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-more a { - color: #666; - display: inline-block; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-more a i { - display: block; - font-size: 32px; - height: 32px; - line-height: 32px; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member { - width: 100% !important; - padding: 15px 10px; - margin-bottom: 20px; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo { - float: left; - padding: 0; - width: 100px; - margin: 27px 15px 0 0; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card { - float: left; - padding: 0; - width: calc( 100% - 300px); - margin: 0; - text-align: left; + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover { + background-color: #eee; box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card .um-member-card-header .um-member-name { + position: relative; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover .um-member-cover-e { + text-align: center; + box-sizing: border-box; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover .um-member-cover-e img { + width: 100% !important; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card { + padding-bottom: 15px; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card.no-photo { + padding-top: 30px; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name { margin: 0 0 4px 0; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card .um-member-card-header .um-member-name a { + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a { font-size: 16px; line-height: 26px; color: #444; font-weight: 700; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card .um-member-card-content .um-member-tagline { - font-size: 13px; - line-height: 22px; - color: #999; - padding: 0 15px 0 0; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card .um-member-meta-main { - width: 100%; - float: left; - text-align: left; - padding: 0 10px 0 0; - box-sizing: border-box; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card .um-member-meta-main .um-member-meta { - float: left; - width: 100%; - display: block; - margin: 10px 0 0 0; - padding: 15px 0; - box-sizing: border-box; - border: none; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline { - font-size: 13px; - padding: 12px 0 0 0; - line-height: 16px; - vertical-align: middle; - clear: both; - text-align: left; - width: 100%; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline span { - text-align: left; - display: block; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline span strong, .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline span span { - float: left; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect { - padding-top: 10px; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a { - display: inline-block; - width: 40px; - line-height: 40px; - height: 40px; - -moz-border-radius: 999px; - -webkit-border-radius: 999px; - border-radius: 999px; - color: #fff !important; - opacity: 0.85; - margin: 0 1px; - font-size: 22px; - transition: 0.25s; - text-align: center; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a:hover { - opacity: 1; - color: #fff; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-actions { - width: 185px; - float: right; - text-align: right; - padding: 0; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-actions a { - min-width: 185px; - box-sizing: border-box; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-actions div[class$="stats"] { - text-align: center; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-actions .um-members-edit-btn { + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn { margin: 2px 0; height: 40px; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-actions .um-members-edit-btn a.um-edit-profile-btn { + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn { padding: 10px 15px !important; transition: none !important; display: inline-block !important; @@ -579,7 +460,7 @@ body #content .um-directory a { width: auto; text-align: center; font-size: 13px; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-actions .um-members-edit-btn a.um-edit-profile-btn:before { + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn:before { font-family: "FontAwesome"; margin-right: 8px; width: 14px; @@ -590,6 +471,301 @@ body #content .um-directory a { left: 0; top: 1px; content: "\f013"; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-tagline { + font-size: 13px; + line-height: 22px; + color: #999; + padding: 0 15px; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta { + display: none; + margin: 20px 15px 0 15px; + padding: 15px 0; + border-top: 1px solid #e5e5e5; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta.no-animate { + display: block; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline { + font-size: 13px; + padding: 12px 0 0 0; + line-height: 16px; + vertical-align: middle; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline span { + display: block; + text-align: center; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect { + padding-top: 20px; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a { + display: inline-block; + width: 40px; + line-height: 40px; + height: 40px; + -moz-border-radius: 999px; + -webkit-border-radius: 999px; + border-radius: 999px; + color: #fff !important; + opacity: 0.85; + margin: 0 1px; + font-size: 22px; + transition: 0.25s; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a:hover { + opacity: 1; + color: #fff; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less { + display: none; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less a { + color: #666; + display: inline-block; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less a i { + display: block; + font-size: 32px; + height: 32px; + line-height: 32px; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-more a { + color: #666; + display: inline-block; } + .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-more a i { + display: block; + font-size: 32px; + height: 32px; + line-height: 32px; } + .um-directory .um-members-wrapper .um-members.um-members-list { + display: grid; + grid-template-rows: auto 1fr; + grid-template-columns: repeat(1, 1fr); + grid-gap: 10px; + grid-auto-rows: minmax(max-content, auto); + -ms-grid-template-rows: auto 1fr; + -ms-grid-template-columns: repeat(1, 1fr); + -ms-grid-gap: 10px; + -ms-grid-auto-rows: minmax(max-content, auto); + align-items: center; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: stretch; + flex-wrap: nowrap; + width: 100%; + padding: 15px; + margin: 0; + background: none; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: flex-start; + flex-wrap: nowrap; + width: 100%; + margin: 0; + padding: 0; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo { + width: 100px; + margin: 0 15px 0 0; + padding: 0; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a { + width: 100px; + height: 100px; + display: block; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a img { + width: 100px; + height: 100px; + position: relative; + top: 0; + margin: 0; + margin-bottom: 0; + border: none; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: flex-start; + flex-wrap: nowrap; + width: calc( 100% - 115px); + padding: 0; + margin: 0; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: stretch; + flex-wrap: nowrap; + width: calc( 100% - 30px); + margin: 0 10px 0 0; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header { + width: 100%; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name { + margin: 0 0 4px 0; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name a { + font-size: 16px; + line-height: 26px; + color: #444; + font-weight: 700; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-tagline { + width: 100%; + font-size: 13px; + line-height: 22px; + color: #999; + padding: 0 15px 0 0; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main { + width: 100%; + padding: 0 10px 0 0; + box-sizing: border-box; + display: none; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main.no-animate { + display: block; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta { + float: left; + width: 100%; + display: block; + margin: 10px 0 0 0; + padding: 15px 0; + box-sizing: border-box; + border: none; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline { + font-size: 13px; + padding: 12px 0 0 0; + line-height: 16px; + vertical-align: middle; + clear: both; + text-align: left; + width: 100%; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline span { + text-align: left; + display: block; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline span strong, .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline span span { + float: left; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect { + padding-top: 10px; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect a { + display: inline-block; + width: 40px; + line-height: 40px; + height: 40px; + -moz-border-radius: 999px; + -webkit-border-radius: 999px; + border-radius: 999px; + color: #fff !important; + opacity: 0.85; + margin: 0 1px; + font-size: 22px; + transition: 0.25s; + text-align: center; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect a:hover { + opacity: 1; + color: #fff; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-end; + flex-wrap: nowrap; + width: 20px; + text-align: right; + padding: 0; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog { + position: relative; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-member-actions-a { + line-height: 1; + display: block; + color: #666; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-member-actions-a i { + display: block; + font-size: 20px; + line-height: 1; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-new-dropdown { + width: 180px; + right: 0; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions a { + box-sizing: border-box; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions div[class$="stats"] { + text-align: center; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-members-edit-btn { + margin: 2px 0; + height: 40px; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-members-edit-btn a.um-edit-profile-btn { + padding: 10px 15px !important; + transition: none !important; + display: inline-block !important; + margin: 0 auto !important; + min-width: 110px; + width: auto; + text-align: center; + font-size: 13px; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-members-edit-btn a.um-edit-profile-btn:before { + font-family: "FontAwesome"; + margin-right: 8px; + width: 14px; + text-align: left; + display: inline-block; + font-size: 16px; + position: relative; + left: 0; + top: 1px; + content: "\f013"; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-edit-profile-btn:before { + font-family: "FontAwesome"; + margin-right: 8px; + width: 14px; + text-align: left; + display: inline-block; + font-size: 16px; + font-weight: 400; + position: relative; + left: 0; + top: 1px; + content: "\f013"; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer { + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: baseline; + flex-wrap: nowrap; + width: 100%; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + width: calc( 100% - 145px); + margin: 0 10px 0 0; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons { + width: 20px; + text-align: right; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more a { + color: #666; + display: inline-block; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more a i { + display: block; + font-size: 28px; + height: 28px; + line-height: 28px; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + display: none; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less a { + color: #666; + display: inline-block; } + .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less a i { + display: block; + font-size: 28px; + height: 28px; + line-height: 28px; } .um-directory .um-members-wrapper .um-members .um-members-none { text-align: center; font-size: 18px; } @@ -641,93 +817,126 @@ body #content .um-directory a { font-size: 15px; } .um-directory.um-loaded .um-members-wrapper { height: auto; } - .um-directory[data-view_type="list"] .um-member-directory-header .um-member-directory-actions .um-member-directory-view-type .um-member-directory-view-type-a[data-type="list"] { + .um-directory[data-view_type="list"] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type="list"] { display: block; } - .um-directory[data-view_type="grid"] .um-member-directory-header .um-member-directory-actions .um-member-directory-view-type .um-member-directory-view-type-a[data-type="grid"] { + .um-directory[data-view_type="grid"] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type="grid"] { display: block; } - .um-directory[data-view_type="map"] .um-member-directory-header .um-member-directory-actions .um-member-directory-view-type .um-member-directory-view-type-a[data-type="map"] { + .um-directory[data-view_type="map"] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type="map"] { display: block; } - .um-directory.uimob340 .um-member-directory-header .um-member-directory-search-line .um-search-line { - width: calc( 100% - 40px); } - .um-directory.uimob340 .um-member-directory-header .um-member-directory-search-line .um-do-search { - width: 40px; } - .um-directory.uimob340 .um-search { - width: 100% !important; - box-sizing: border-box; } - .um-directory.uimob340 .um-search .um-search-filter { - width: 100% !important; - float: none !important; - padding: 0 0 15px 0 !important; } + .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line { + width: 100%; } + .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row { + justify-content: flex-start; } + .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line { + flex-wrap: wrap; } + .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type { + width: 20px; + font-size: 20px; + line-height: 20px; + margin: 0 2px 0 0; } + .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting { + width: calc( 100% - 25px); + justify-content: flex-end; } + .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-new-dropdown { + right: 0; + left: auto; } + .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters { + flex: none; + width: 100%; } + .um-directory.uimob340 .um-member-directory-header .um-search { + grid-template-columns: repeat(1, 1fr); } .um-directory.uimob340 .um-members-wrapper .um-members .um-member { width: 100%; } .um-directory.uimob340 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { width: 0; } - .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-actions { - min-width: auto; - width: 100%; - float: left; - text-align: center; } - .um-directory.uimob500 .um-member-directory-header .um-member-directory-search-line .um-search-line { - width: calc( 100% - 40px); } - .um-directory.uimob500 .um-member-directory-header .um-member-directory-search-line .um-do-search { - width: 40px; } - .um-directory.uimob500 .um-search { - width: 100% !important; - box-sizing: border-box; } - .um-directory.uimob500 .um-search .um-search-filter { - width: 100% !important; - float: none !important; - padding: 0 0 15px 0 !important; } + .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member { + padding: 10px; } + .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo { + width: 50px; + margin: 0 10px 0 0; } + .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a { + width: 50px; + height: 50px; } + .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img { + width: 50px; + height: 50px; } + .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card { + width: calc( 100% - 60px); } + .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + width: calc( 100% - 90px); + margin: 0 10px 0 0; } + .um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line { + width: 100%; } + .um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row { + justify-content: flex-start; } + .um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type { + width: 20px; + font-size: 20px; + line-height: 20px; + margin: 0 5px 0 0; } + .um-directory.uimob500 .um-member-directory-header .um-search { + grid-template-columns: repeat(1, 1fr); } .um-directory.uimob500 .um-members-wrapper .um-members .um-member { width: 100%; } .um-directory.uimob500 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { width: 0; } - .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-actions { - min-width: auto; - width: 100%; - float: left; - text-align: center; } - .um-directory.uimob800 .um-search { - width: 100% !important; - box-sizing: border-box; } - .um-directory.uimob800 .um-search .um-search-filter { - width: 48% !important; - float: left !important; - padding: 0 0 15px 0 !important; } - .um-directory.uimob800 .um-search .um-search-filter.um-search-filter-2 { - margin-left: 4%; } - .um-directory.uimob800 .um-members-wrapper .um-members .um-member { - width: 48%; } + .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo { + width: 70px; + margin: 0 10px 0 0; } + .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a { + width: 70px; + height: 70px; } + .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img { + width: 70px; + height: 70px; } + .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card { + width: calc( 100% - 80px); } + .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + width: calc( 100% - 110px); + margin: 0 10px 0 0; } + .um-directory.uimob800 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line { + width: 100%; } + .um-directory.uimob800 .um-member-directory-header .um-search { + grid-template-columns: repeat(2, 1fr); } .um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { width: 4%; } - .um-directory.uimob960 .um-member-directory-header.um-member-with-search .um-member-directory-sorting { - float: left; - margin-left: 4%; - width: 48%; } - .um-directory.uimob960 .um-member-directory-header.um-member-with-search.um-member-with-view .um-member-directory-sorting { - float: left; - width: calc( 48% - 40px); } - .um-directory.uimob960 .um-member-directory-header.um-member-with-search.um-member-with-filters .um-member-directory-sorting { - float: left; - width: calc( 48% - 40px); } - .um-directory.uimob960 .um-member-directory-header.um-member-with-search.um-member-with-filters.um-member-with-view .um-member-directory-sorting { - float: left; - width: calc( 48% - 75px); } - .um-directory.uimob960 .um-member-directory-header.um-member-with-sorting .um-member-directory-search-line { - width: 48%; } - .um-directory.uimob960 .um-search { - width: 100% !important; - box-sizing: border-box; } - .um-directory.uimob960 .um-search .um-search-filter { - width: 48% !important; - float: left !important; - padding: 0 0 15px 0 !important; } - .um-directory.uimob960 .um-search .um-search-filter.um-search-filter-2 { - margin-left: 4%; } - .um-directory.uimob960 .um-members-wrapper .um-members .um-member { + .um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-member { width: 48%; } + .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo { + width: 80px; + margin: 0 10px 0 0; } + .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a { + width: 80px; + height: 80px; } + .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img { + width: 80px; + height: 80px; } + .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card { + width: calc( 100% - 90px); } + .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + width: calc( 100% - 120px); + margin: 0 10px 0 0; } + .um-directory.uimob960 .um-member-directory-header .um-search { + grid-template-columns: repeat(2, 1fr); } .um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { width: 4%; } + .um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-member { + width: 48%; } .select2-container .select2-results li.select2-results__option[aria-disabled=true] { display: none; } diff --git a/assets/css/um-styles.css b/assets/css/um-styles.css index 241bf87e..5da2bef1 100644 --- a/assets/css/um-styles.css +++ b/assets/css/um-styles.css @@ -60,9 +60,9 @@ } .um.um-in-admin .um-tip {display: none !important} -.um input, -.um select, -.um textarea{ +.um:not(.um-directory) input, +.um:not(.um-directory) select, +.um:not(.um-directory) textarea{ font-size: 15px; } diff --git a/assets/js/dropdown.js b/assets/js/dropdown.js new file mode 100644 index 00000000..d46a07a4 --- /dev/null +++ b/assets/js/dropdown.js @@ -0,0 +1,83 @@ +var um_dropdown_triggers = {}; + +function um_init_new_dropdown() { + jQuery('.um-new-dropdown').each( function() { + var menu = jQuery(this); + + var is_inited = menu.data( 'um-dropdown-inited' ); + if ( is_inited ) { + return; + } + + var element = menu.data('element'); + var trigger = menu.data('trigger'); + + menu.data( 'um-dropdown-inited', true ); + + if ( -1 === jQuery.inArray( element, um_dropdown_triggers[ trigger ] ) ) { + jQuery( document.body ).on( trigger, element, function(e) { + var obj = jQuery(this); + + if ( obj.data( 'um-new-dropdown-show' ) === true ) { + obj.data( 'um-new-dropdown-show', false ); + obj.find( '.um-new-dropdown' ).hide(); + } else { + jQuery('.um-new-dropdown').hide(); + jQuery('.um-new-dropdown').parent().data( 'um-new-dropdown-show', false ); + + if ( ! obj.find( '.um-new-dropdown' ).length ) { + var dropdown_layout = menu.clone(); + + // dropdown_layout.css({ + // top : '20px', + // width: '150px', + // right: 0 + // }); + + obj.append( dropdown_layout ); + + obj.trigger( 'fmwp_dropdown_render', { dropdown_layout:dropdown_layout, trigger:trigger, element:element, obj:obj} ); + + dropdown_layout.show(); + } else { + obj.find( '.um-new-dropdown' )./*css({ + top : '20px', + width: '150px', + right: 0 + }).*/show(); + } + + obj.data( 'um-new-dropdown-show', true ); + + jQuery( document.body ).bind( 'click', function( event ) { + if ( jQuery('.um-new-dropdown').find( '.' + jQuery( event.target ).attr('class').replace( ' ', '.' ) ).length === 0 && + '.' + jQuery(event.target).parent().attr('class') !== element ) { + + //event = ev; + jQuery('.um-new-dropdown').hide(); + jQuery('.um-new-dropdown').parent().data( 'um-new-dropdown-show', false ); + jQuery( document.body ).unbind( event ); + + } + }); + } + }); + + if ( typeof um_dropdown_triggers[ trigger ] == 'undefined' ) { + um_dropdown_triggers[ trigger ] = []; + } + um_dropdown_triggers[ trigger ].push( element ); + } + }); +} + +jQuery( document ).ready( function($) { + um_init_new_dropdown(); + + jQuery( document.body ).on( 'click', '.um-new-dropdown a', function(e) { + jQuery(this).parents('.um-new-dropdown').hide(); + jQuery(this).parents('.um-new-dropdown').parent().data( 'um-new-dropdown-show', false ); + jQuery('body').trigger('click'); + e.stopPropagation(); + }); +}); \ No newline at end of file diff --git a/assets/js/dropdown.min.js b/assets/js/dropdown.min.js new file mode 100644 index 00000000..eaef81a6 --- /dev/null +++ b/assets/js/dropdown.min.js @@ -0,0 +1 @@ +var um_dropdown_triggers={};function um_init_new_dropdown(){jQuery(".um-new-dropdown").each(function(){var r=jQuery(this);if(!r.data("um-dropdown-inited")){var e=r.data("element"),u=r.data("trigger");r.data("um-dropdown-inited",!0),-1===jQuery.inArray(e,um_dropdown_triggers[u])&&(jQuery(document.body).on(u,e,function(d){var n=jQuery(this);if(!0===n.data("um-new-dropdown-show"))n.data("um-new-dropdown-show",!1),n.find(".um-new-dropdown").hide();else{if(jQuery(".um-new-dropdown").hide(),jQuery(".um-new-dropdown").parent().data("um-new-dropdown-show",!1),n.find(".um-new-dropdown").length)n.find(".um-new-dropdown").show();else{var o=r.clone();n.append(o),n.trigger("fmwp_dropdown_render",{dropdown_layout:o,trigger:u,element:e,obj:n}),o.show()}n.data("um-new-dropdown-show",!0),jQuery(document.body).bind("click",function(d){0===jQuery(".um-new-dropdown").find("."+jQuery(d.target).attr("class").replace(" ",".")).length&&"."+jQuery(d.target).parent().attr("class")!==e&&(jQuery(".um-new-dropdown").hide(),jQuery(".um-new-dropdown").parent().data("um-new-dropdown-show",!1),jQuery(document.body).unbind(d))})}}),void 0===um_dropdown_triggers[u]&&(um_dropdown_triggers[u]=[]),um_dropdown_triggers[u].push(e))}})}jQuery(document).ready(function(d){um_init_new_dropdown(),jQuery(document.body).on("click",".um-new-dropdown a",function(d){jQuery(this).parents(".um-new-dropdown").hide(),jQuery(this).parents(".um-new-dropdown").parent().data("um-new-dropdown-show",!1),jQuery("body").trigger("click"),d.stopPropagation()})}); \ No newline at end of file diff --git a/assets/js/um-functions.js b/assets/js/um-functions.js index 10c85769..0cd6b825 100644 --- a/assets/js/um-functions.js +++ b/assets/js/um-functions.js @@ -104,8 +104,14 @@ function UM_domenus() { } else if ( position === 'bc' ) { + var top_o = 0; + var top_offset = menu.data('top-offset'); + if ( typeof top_offset !== 'undefined' ) { + top_o = top_offset*1; + } + menu.css({ - 'top' : top_p, + 'top' : top_p + top_o, 'width': 200, 'left': left_p, 'right' : 'auto', diff --git a/assets/js/um-functions.min.js b/assets/js/um-functions.min.js index 993d1e8c..a1de1b66 100644 --- a/assets/js/um-functions.min.js +++ b/assets/js/um-functions.min.js @@ -1 +1 @@ -function UM_check_password_matched(){jQuery(document).on("keyup","input[data-key=user_password],input[data-key=confirm_user_password]",function(e){var t=jQuery("input[data-key=user_password]").val(),a=jQuery("input[data-key=confirm_user_password]").val(),o=jQuery("input[data-key=user_password],input[data-key=confirm_user_password]");t||a?t!==a?o.removeClass("um-validate-matched").addClass("um-validate-not-matched"):o.removeClass("um-validate-not-matched").addClass("um-validate-matched"):o.removeClass("um-validate-matched").removeClass("um-validate-not-matched")})}function UM_hide_menus(){var e=jQuery(".um-dropdown");e.parents("div").find("a").removeClass("active"),e.hide()}function UM_domenus(){jQuery(".um-dropdown").each(function(){var e=jQuery(this),t=jQuery(this).attr("data-element"),a=jQuery(this).attr("data-position");jQuery(t).addClass("um-trigger-menu-on-"+e.attr("data-trigger")),"lc"===a&&"rtl"===jQuery("html").attr("dir")&&(a="rc"),jQuery(window).width()<=1200&&"div.um-profile-edit"===t&&(a="rtl"===jQuery("html").attr("dir")?"rc":"lc"),jQuery(t).find("img").width()<200?left_p=(jQuery(t).width()-jQuery(t).find("img").width())/2+(jQuery(t).find("img").width()-200)/2:left_p=(jQuery(t).width()-jQuery(t).find("img").width())/2,top_=parseInt(jQuery(t).find("a").css("top")),top_?top_p=jQuery(t).find("img").height()+4+top_:top_p=jQuery(t).find("img").height()+4,4==top_p&&"div.um-cover"===t?top_p=jQuery(t).height()/2+e.height()/2:4==top_p&&(top_p=jQuery(t).height()+20),"lc"===a?(gap_right=jQuery(t).width()+17,e.css({top:0,width:200,left:"auto",right:gap_right+"px","text-align":"center"}),e.find(".um-dropdown-arr").find("i").removeClass().addClass("um-icon-arrow-right-b"),e.find(".um-dropdown-arr").css({top:"4px",left:"auto",right:"-17px"})):"rc"===a?(gap_right=jQuery(t).width()+25,e.css({top:0,width:200,left:gap_right+"px",right:"auto","text-align":"center"}),e.find(".um-dropdown-arr").find("i").removeClass().addClass("um-icon-arrow-left-b"),e.find(".um-dropdown-arr").css({top:"4px",left:"-17px",right:"auto"})):"bc"===a&&(e.css({top:top_p,width:200,left:left_p,right:"auto","text-align":"center"}),e.find(".um-dropdown-arr").find("i").removeClass().addClass("um-icon-arrow-up-b"),e.find(".um-dropdown-arr").css({top:"-17px",left:e.width()/2-12,right:"auto"}))})}function um_responsive(){jQuery(".um").each(function(){element_width=jQuery(this).width(),element_width<=340?(jQuery(this).removeClass("uimob340"),jQuery(this).removeClass("uimob500"),jQuery(this).removeClass("uimob800"),jQuery(this).removeClass("uimob960"),jQuery(this).addClass("uimob340")):element_width<=500?(jQuery(this).removeClass("uimob340"),jQuery(this).removeClass("uimob500"),jQuery(this).removeClass("uimob800"),jQuery(this).removeClass("uimob960"),jQuery(this).addClass("uimob500")):element_width<=800?(jQuery(this).removeClass("uimob340"),jQuery(this).removeClass("uimob500"),jQuery(this).removeClass("uimob800"),jQuery(this).removeClass("uimob960"),jQuery(this).addClass("uimob800")):element_width<=960?(jQuery(this).removeClass("uimob340"),jQuery(this).removeClass("uimob500"),jQuery(this).removeClass("uimob800"),jQuery(this).removeClass("uimob960"),jQuery(this).addClass("uimob960")):960":upload_help_text="",r.data("icon")?icon='':icon="",r.data("upload_text")?upload_text=''+r.data("upload_text")+"":upload_text="";var e=0;jQuery("#um_upload_single:visible").data("user_id")&&(e=jQuery("#um_upload_single:visible").data("user_id")),r.uploadFile({url:wp.ajax.settings.url,method:"POST",multiple:!1,formData:{action:"um_imageupload",key:r.data("key"),set_id:r.data("set_id"),set_mode:r.data("set_mode"),_wpnonce:r.data("nonce"),timestamp:r.data("timestamp"),user_id:e},fileName:r.data("key"),allowedTypes:r.data("allowed_types"),maxFileSize:r.data("max_size"),dragDropStr:icon+upload_text+upload_help_text,sizeErrorStr:r.data("max_size_error"),extErrorStr:r.data("extension_error"),maxFileCountErrorStr:r.data("max_files_error"),maxFileCount:1,showDelete:!1,showAbort:!1,showDone:!1,showFileCounter:!1,showStatusAfterSuccess:!0,returnType:"json",onSubmit:function(e){r.parents(".um-modal-body").find(".um-error-block").remove()},onSuccess:function(e,t,a){r.selectedFiles=0,t.success&&0==t.success||void 0!==t.data.error?(r.parents(".um-modal-body").append('
'+t.data.error+"
"),r.parents(".um-modal-body").find(".upload-statusbar").hide(0),um_modal_responsive()):jQuery.each(t.data,function(e,t){var a=r.parents(".um-modal-body").find(".um-single-image-preview img"),o=r.parents(".um-modal-body").find(".um-single-image-preview"),i=new Date;a.attr("src",t.url+"?"+i.getTime()),a.data("file",t.file),a.load(function(){r.parents(".um-modal-body").find(".um-modal-btn.um-finish-upload.disabled").removeClass("disabled"),r.parents(".um-modal-body").find(".ajax-upload-dragdrop,.upload-statusbar").hide(0),o.show(0),um_modal_responsive()})})},onError:function(e){console.log(e)}})}function initFileUpload_UM(o){o.data("upload_help_text")?upload_help_text=''+o.data("upload_help_text")+"":upload_help_text="",o.data("icon")?icon='':icon="",o.data("upload_text")?upload_text=''+o.data("upload_text")+"":upload_text="",jQuery("#um_upload_single:visible").data("user_id")&&(user_id=jQuery("#um_upload_single:visible").data("user_id")),o.uploadFile({url:wp.ajax.settings.url,method:"POST",multiple:!1,formData:{action:"um_fileupload",key:o.data("key"),set_id:o.data("set_id"),user_id:o.data("user_id"),set_mode:o.data("set_mode"),_wpnonce:o.data("nonce"),timestamp:o.data("timestamp")},fileName:o.data("key"),allowedTypes:o.data("allowed_types"),maxFileSize:o.data("max_size"),dragDropStr:icon+upload_text+upload_help_text,sizeErrorStr:o.data("max_size_error"),extErrorStr:o.data("extension_error"),maxFileCountErrorStr:o.data("max_files_error"),maxFileCount:1,showDelete:!1,showAbort:!1,showDone:!1,showFileCounter:!1,showStatusAfterSuccess:!0,onSubmit:function(e){o.parents(".um-modal-body").find(".um-error-block").remove()},onSuccess:function(e,t,a){o.selectedFiles=0,t.success&&0==t.success||void 0!==t.data.error?(o.parents(".um-modal-body").append('
'+t.data.error+"
"),o.parents(".um-modal-body").find(".upload-statusbar").hide(0)):jQuery.each(t.data,function(e,t){o.parents(".um-modal-body").find(".um-modal-btn.um-finish-upload.disabled").removeClass("disabled"),o.parents(".um-modal-body").find(".ajax-upload-dragdrop,.upload-statusbar").hide(0),o.parents(".um-modal-body").find(".um-single-file-preview").show(0),"icon"==e?o.parents(".um-modal-body").find(".um-single-fileinfo i").removeClass().addClass(t):"icon_bg"==e?o.parents(".um-modal-body").find(".um-single-fileinfo span.icon").css({"background-color":t}):"filename"==e?o.parents(".um-modal-body").find(".um-single-fileinfo a").attr("data-file",t):"original_name"==e?(o.parents(".um-modal-body").find(".um-single-fileinfo a").attr("data-orignal-name",t),o.parents(".um-modal-body").find(".um-single-fileinfo span.filename").html(t)):"url"==e&&o.parents(".um-modal-body").find(".um-single-fileinfo a").attr("href",t)}),setTimeout(function(){um_modal_responsive()},1e3)},onError:function(e){console.log(e)}})}function initCrop_UM(){var t=jQuery(".um-modal .um-single-image-preview img").first(),e=jQuery(".um-modal .um-single-image-preview"),a=t.parent().attr("data-crop"),o=t.parent().attr("data-min_width"),i=t.parent().attr("data-min_height"),r=t.parent().attr("data-ratio");if(jQuery(".um-modal").find("#um_upload_single").attr("data-ratio"))r=(r=jQuery(".um-modal").find("#um_upload_single").attr("data-ratio")).split(":")[0];if(t.length&&""!=t.attr("src")){var d=jQuery(window).height()-(jQuery(".um-modal-footer a").height()+20)-50-jQuery(".um-modal-header:visible").height();if(t.css({height:"auto"}),e.css({height:"auto"}),jQuery(window).height()<=400?(e.css({height:d+"px","max-height":d+"px"}),t.css({height:"auto"})):(t.css({height:"auto","max-height":d+"px"}),e.css({height:t.height(),"max-height":d+"px"})),"square"==a)var u={minWidth:o,minHeight:i,dragCrop:!1,aspectRatio:1,zoomable:!1,rotatable:!1,dashed:!1,done:function(e){t.parent().attr("data-coord",Math.round(e.x)+","+Math.round(e.y)+","+Math.round(e.width)+","+Math.round(e.height))}};else if("cover"==a){0'))}}function um_new_modal(e,t,a,o){if(0==jQuery("body").find(".um-modal-overlay").length)if(jQuery(".tipsy").hide(),UM_hide_menus(),jQuery("body,html,textarea").css("overflow","hidden"),jQuery(document).bind("touchmove",function(e){e.preventDefault()}),jQuery(".um-modal").on("touchmove",function(e){e.stopPropagation()}),a?jQuery("body").append('
'):jQuery("body").append('
'),jQuery("#"+e).prependTo(".um-modal"),a){jQuery(".um-modal").find(".um-modal-photo").html("");var i=jQuery(".um-modal-photo img"),r=jQuery(window).width()-60,d=jQuery(window).height()-.25*jQuery(window).height();i.attr("src",o),i.load(function(){jQuery("#"+e).show(),jQuery(".um-modal").show(),i.css({opacity:0}),i.css({"max-width":r}),i.css({"max-height":d}),jQuery(".um-modal").css({width:i.width(),"margin-left":"-"+i.width()/2+"px"}),i.animate({opacity:1},1e3),um_modal_responsive()})}else jQuery("#"+e).show(),jQuery(".um-modal").show(),um_modal_size(t),initImageUpload_UM(jQuery(".um-modal:visible").find(".um-single-image-upload")),initFileUpload_UM(jQuery(".um-modal:visible").find(".um-single-file-upload")),um_modal_responsive()}function um_modal_responsive(){var e=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,t=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight,a=jQuery(".um-modal:visible");if(jQuery(".um-modal-body.photo:visible").length){a.removeClass("uimob340"),a.removeClass("uimob500");var o=jQuery(".um-modal-photo img"),i=e-60,r=t-.25*t;o.css({opacity:0}),o.css({"max-width":i}),o.css({"max-height":r}),jQuery(".um-modal").css({width:o.width(),"margin-left":"-"+o.width()/2+"px"}),o.animate({opacity:1},1e3);var d=(t-a.innerHeight())/2+"px";a.animate({bottom:d},300)}else if(a.length)if(a.removeClass("uimob340"),a.removeClass("uimob500"),e<=340)a.addClass("uimob340"),initCrop_UM(),a.animate({bottom:0},300);else if(e<=500)a.addClass("uimob500"),initCrop_UM(),a.animate({bottom:0},300);else if(e<=800){initCrop_UM();d=(t-a.innerHeight())/2+"px";a.animate({bottom:d},300)}else if(e<=960){initCrop_UM();d=(t-a.innerHeight())/2+"px";a.animate({bottom:d},300)}else if(960'),jQuery("body").append('
'),jQuery(".um-popup").addClass("loading"),jQuery("body,html").css({overflow:"hidden"}))}function remove_Modal(){jQuery(".um-popup-overlay").length&&(jQuery(document).trigger("um_before_modal_removed"),jQuery(".tipsy").remove(),jQuery(".um-popup").empty().remove(),jQuery(".um-popup-overlay").empty().remove(),jQuery("body,html").css({overflow:"auto"}))}function show_Modal(e){jQuery(".um-popup-overlay").length&&(jQuery(".um-popup").removeClass("loading").html(e),jQuery(".um-tip-n").tipsy({gravity:"n",opacity:1,offset:3}),jQuery(".um-tip-w").tipsy({gravity:"w",opacity:1,offset:3}),jQuery(".um-tip-e").tipsy({gravity:"e",opacity:1,offset:3}),jQuery(".um-tip-s").tipsy({gravity:"s",opacity:1,offset:3}))}function responsive_Modal(){jQuery(".um-popup-overlay").length&&(ag_height=jQuery(window).height()-jQuery(".um-popup .um-popup-header").outerHeight()-jQuery(".um-popup .um-popup-footer").outerHeight()-80,350":upload_help_text="",r.data("icon")?icon='':icon="",r.data("upload_text")?upload_text=''+r.data("upload_text")+"":upload_text="";var e=0;jQuery("#um_upload_single:visible").data("user_id")&&(e=jQuery("#um_upload_single:visible").data("user_id")),r.uploadFile({url:wp.ajax.settings.url,method:"POST",multiple:!1,formData:{action:"um_imageupload",key:r.data("key"),set_id:r.data("set_id"),set_mode:r.data("set_mode"),_wpnonce:r.data("nonce"),timestamp:r.data("timestamp"),user_id:e},fileName:r.data("key"),allowedTypes:r.data("allowed_types"),maxFileSize:r.data("max_size"),dragDropStr:icon+upload_text+upload_help_text,sizeErrorStr:r.data("max_size_error"),extErrorStr:r.data("extension_error"),maxFileCountErrorStr:r.data("max_files_error"),maxFileCount:1,showDelete:!1,showAbort:!1,showDone:!1,showFileCounter:!1,showStatusAfterSuccess:!0,returnType:"json",onSubmit:function(e){r.parents(".um-modal-body").find(".um-error-block").remove()},onSuccess:function(e,t,a){r.selectedFiles=0,t.success&&0==t.success||void 0!==t.data.error?(r.parents(".um-modal-body").append('
'+t.data.error+"
"),r.parents(".um-modal-body").find(".upload-statusbar").hide(0),um_modal_responsive()):jQuery.each(t.data,function(e,t){var a=r.parents(".um-modal-body").find(".um-single-image-preview img"),o=r.parents(".um-modal-body").find(".um-single-image-preview"),i=new Date;a.attr("src",t.url+"?"+i.getTime()),a.data("file",t.file),a.load(function(){r.parents(".um-modal-body").find(".um-modal-btn.um-finish-upload.disabled").removeClass("disabled"),r.parents(".um-modal-body").find(".ajax-upload-dragdrop,.upload-statusbar").hide(0),o.show(0),um_modal_responsive()})})},onError:function(e){console.log(e)}})}function initFileUpload_UM(o){o.data("upload_help_text")?upload_help_text=''+o.data("upload_help_text")+"":upload_help_text="",o.data("icon")?icon='':icon="",o.data("upload_text")?upload_text=''+o.data("upload_text")+"":upload_text="",jQuery("#um_upload_single:visible").data("user_id")&&(user_id=jQuery("#um_upload_single:visible").data("user_id")),o.uploadFile({url:wp.ajax.settings.url,method:"POST",multiple:!1,formData:{action:"um_fileupload",key:o.data("key"),set_id:o.data("set_id"),user_id:o.data("user_id"),set_mode:o.data("set_mode"),_wpnonce:o.data("nonce"),timestamp:o.data("timestamp")},fileName:o.data("key"),allowedTypes:o.data("allowed_types"),maxFileSize:o.data("max_size"),dragDropStr:icon+upload_text+upload_help_text,sizeErrorStr:o.data("max_size_error"),extErrorStr:o.data("extension_error"),maxFileCountErrorStr:o.data("max_files_error"),maxFileCount:1,showDelete:!1,showAbort:!1,showDone:!1,showFileCounter:!1,showStatusAfterSuccess:!0,onSubmit:function(e){o.parents(".um-modal-body").find(".um-error-block").remove()},onSuccess:function(e,t,a){o.selectedFiles=0,t.success&&0==t.success||void 0!==t.data.error?(o.parents(".um-modal-body").append('
'+t.data.error+"
"),o.parents(".um-modal-body").find(".upload-statusbar").hide(0)):jQuery.each(t.data,function(e,t){o.parents(".um-modal-body").find(".um-modal-btn.um-finish-upload.disabled").removeClass("disabled"),o.parents(".um-modal-body").find(".ajax-upload-dragdrop,.upload-statusbar").hide(0),o.parents(".um-modal-body").find(".um-single-file-preview").show(0),"icon"==e?o.parents(".um-modal-body").find(".um-single-fileinfo i").removeClass().addClass(t):"icon_bg"==e?o.parents(".um-modal-body").find(".um-single-fileinfo span.icon").css({"background-color":t}):"filename"==e?o.parents(".um-modal-body").find(".um-single-fileinfo a").attr("data-file",t):"original_name"==e?(o.parents(".um-modal-body").find(".um-single-fileinfo a").attr("data-orignal-name",t),o.parents(".um-modal-body").find(".um-single-fileinfo span.filename").html(t)):"url"==e&&o.parents(".um-modal-body").find(".um-single-fileinfo a").attr("href",t)}),setTimeout(function(){um_modal_responsive()},1e3)},onError:function(e){console.log(e)}})}function initCrop_UM(){var t=jQuery(".um-modal .um-single-image-preview img").first(),e=jQuery(".um-modal .um-single-image-preview"),a=t.parent().attr("data-crop"),o=t.parent().attr("data-min_width"),i=t.parent().attr("data-min_height"),r=t.parent().attr("data-ratio");if(jQuery(".um-modal").find("#um_upload_single").attr("data-ratio"))r=(r=jQuery(".um-modal").find("#um_upload_single").attr("data-ratio")).split(":")[0];if(t.length&&""!=t.attr("src")){var d=jQuery(window).height()-(jQuery(".um-modal-footer a").height()+20)-50-jQuery(".um-modal-header:visible").height();if(t.css({height:"auto"}),e.css({height:"auto"}),jQuery(window).height()<=400?(e.css({height:d+"px","max-height":d+"px"}),t.css({height:"auto"})):(t.css({height:"auto","max-height":d+"px"}),e.css({height:t.height(),"max-height":d+"px"})),"square"==a)var u={minWidth:o,minHeight:i,dragCrop:!1,aspectRatio:1,zoomable:!1,rotatable:!1,dashed:!1,done:function(e){t.parent().attr("data-coord",Math.round(e.x)+","+Math.round(e.y)+","+Math.round(e.width)+","+Math.round(e.height))}};else if("cover"==a){0'))}}function um_new_modal(e,t,a,o){if(0==jQuery("body").find(".um-modal-overlay").length)if(jQuery(".tipsy").hide(),UM_hide_menus(),jQuery("body,html,textarea").css("overflow","hidden"),jQuery(document).bind("touchmove",function(e){e.preventDefault()}),jQuery(".um-modal").on("touchmove",function(e){e.stopPropagation()}),a?jQuery("body").append('
'):jQuery("body").append('
'),jQuery("#"+e).prependTo(".um-modal"),a){jQuery(".um-modal").find(".um-modal-photo").html("");var i=jQuery(".um-modal-photo img"),r=jQuery(window).width()-60,d=jQuery(window).height()-.25*jQuery(window).height();i.attr("src",o),i.load(function(){jQuery("#"+e).show(),jQuery(".um-modal").show(),i.css({opacity:0}),i.css({"max-width":r}),i.css({"max-height":d}),jQuery(".um-modal").css({width:i.width(),"margin-left":"-"+i.width()/2+"px"}),i.animate({opacity:1},1e3),um_modal_responsive()})}else jQuery("#"+e).show(),jQuery(".um-modal").show(),um_modal_size(t),initImageUpload_UM(jQuery(".um-modal:visible").find(".um-single-image-upload")),initFileUpload_UM(jQuery(".um-modal:visible").find(".um-single-file-upload")),um_modal_responsive()}function um_modal_responsive(){var e=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,t=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight,a=jQuery(".um-modal:visible");if(jQuery(".um-modal-body.photo:visible").length){a.removeClass("uimob340"),a.removeClass("uimob500");var o=jQuery(".um-modal-photo img"),i=e-60,r=t-.25*t;o.css({opacity:0}),o.css({"max-width":i}),o.css({"max-height":r}),jQuery(".um-modal").css({width:o.width(),"margin-left":"-"+o.width()/2+"px"}),o.animate({opacity:1},1e3);var d=(t-a.innerHeight())/2+"px";a.animate({bottom:d},300)}else if(a.length)if(a.removeClass("uimob340"),a.removeClass("uimob500"),e<=340)a.addClass("uimob340"),initCrop_UM(),a.animate({bottom:0},300);else if(e<=500)a.addClass("uimob500"),initCrop_UM(),a.animate({bottom:0},300);else if(e<=800){initCrop_UM();d=(t-a.innerHeight())/2+"px";a.animate({bottom:d},300)}else if(e<=960){initCrop_UM();d=(t-a.innerHeight())/2+"px";a.animate({bottom:d},300)}else if(960'),jQuery("body").append('
'),jQuery(".um-popup").addClass("loading"),jQuery("body,html").css({overflow:"hidden"}))}function remove_Modal(){jQuery(".um-popup-overlay").length&&(jQuery(document).trigger("um_before_modal_removed"),jQuery(".tipsy").remove(),jQuery(".um-popup").empty().remove(),jQuery(".um-popup-overlay").empty().remove(),jQuery("body,html").css({overflow:"auto"}))}function show_Modal(e){jQuery(".um-popup-overlay").length&&(jQuery(".um-popup").removeClass("loading").html(e),jQuery(".um-tip-n").tipsy({gravity:"n",opacity:1,offset:3}),jQuery(".um-tip-w").tipsy({gravity:"w",opacity:1,offset:3}),jQuery(".um-tip-e").tipsy({gravity:"e",opacity:1,offset:3}),jQuery(".um-tip-s").tipsy({gravity:"s",opacity:1,offset:3}))}function responsive_Modal(){jQuery(".um-popup-overlay").length&&(ag_height=jQuery(window).height()-jQuery(".um-popup .um-popup-header").outerHeight()-jQuery(".um-popup .um-popup-footer").outerHeight()-80,350 a').html( jQuery( this ).html() ); }); /** @@ -695,7 +710,32 @@ jQuery(document).ready( function() { * Profile Cards actions */ - jQuery( document.body ).on('click', '.um-member-more a', function(e){ + jQuery( document.body ).on('click', '.um-members.um-members-list .um-member-more a', function(e){ + e.preventDefault(); + + var block = jQuery(this).parents('.um-member'); + + block.find('.um-member-more').hide(); + block.find('.um-member-meta-main').slideDown(); + block.find('.um-member-less').fadeIn(); + + return false; + }); + + jQuery( document.body ).on('click', '.um-members.um-members-list .um-member-less a', function(e){ + e.preventDefault(); + + var block = jQuery(this).parents('.um-member'); + + block.find('.um-member-less').hide(); + block.find('.um-member-meta-main').slideUp(); + block.find('.um-member-more').fadeIn(); + + return false; + }); + + + jQuery( document.body ).on('click', '.um-members.um-members-grid .um-member-more a', function(e){ e.preventDefault(); var block = jQuery(this).parents('.um-member'); @@ -709,7 +749,7 @@ jQuery(document).ready( function() { return false; }); - jQuery( document.body ).on('click', '.um-member-less a', function(e){ + jQuery( document.body ).on('click', '.um-members.um-members-grid .um-member-less a', function(e){ e.preventDefault(); var block = jQuery(this).parents('.um-member'); @@ -729,13 +769,25 @@ jQuery(document).ready( function() { //filters controls - jQuery('.um-member-directory-filters a').click( function() { - var search_bar = jQuery(this).parents('.um-directory').find('.um-search'); + jQuery('.um-member-directory-filters-a').click( function() { + var obj = jQuery(this); + var search_bar = obj.parents('.um-directory').find('.um-search'); if ( search_bar.is( ':visible' ) ) { - search_bar.slideUp(250); + search_bar.slideUp( 250, function(){ + obj.toggleClass('um-member-directory-filters-visible'); + search_bar.parents('.um-member-directory-header-row').toggleClass('um-header-row-invisible'); + }); } else { - search_bar.slideDown(250); + search_bar.slideDown({ + start: function() { + jQuery(this).css({ + display: "grid" + }); + obj.toggleClass('um-member-directory-filters-visible'); + search_bar.parents('.um-member-directory-header-row').toggleClass('um-header-row-invisible'); + } + }, 250 ); } }); @@ -1210,11 +1262,10 @@ jQuery(document).ready( function() { um_change_tag( directory ); }); - // - // jQuery(document).on( 'um_members_rendered', function( event, args ) { - // if ( args.first_load ) { - // um_change_tag( args.directory ); - // } - // }); + + //history events when back/forward and change window.location.hash + window.addEventListener( "popstate", function(e) { + + }); }); \ No newline at end of file diff --git a/assets/js/um-members.min.js b/assets/js/um-members.min.js index 65e2614d..4292dbd2 100644 --- a/assets/js/um-members.min.js +++ b/assets/js/um-members.min.js @@ -1 +1 @@ -var um_members_directory_busy=[],um_member_directories=[],um_member_directory_last_data=[];function um_parse_current_url(){var t={},a=window.location.search.substring(1).split("&");return jQuery.each(a,function(e){var r=a[e].split("=");t[r[0]]=r[1]}),t}function um_get_data_for_directory(e,r){var t=um_members_get_hash(e),a={},i=um_parse_current_url();if(jQuery.each(i,function(e){-1!==e.indexOf("_"+t)&&""!==i[e]&&(a[e.replace("_"+t,"")]=i[e])}),r){if(void 0!==a[r])try{a[r]=decodeURI(a[r])}catch(e){console.error(e)}return a[r]}return a}function um_set_url_from_data(e,r,t){var a=um_members_get_hash(e),i=um_get_data_for_directory(e),m={};""!==t&&(m[r+"_"+a]=t),jQuery.each(i,function(e){r===e?""!==t&&(m[e+"_"+a]=t):m[e+"_"+a]=i[e]});var d=[];jQuery.each(m,function(e){d.push(e+"="+m[e])});var _="?"+d.join("&");"?"===_&&(_=""),window.history.pushState("string","UM Member Directory",window.location.origin+window.location.pathname+_)}function um_members_get_hash(e){return e.data("hash")}function um_is_directory_busy(e){var r=um_members_get_hash(e);return void 0!==um_members_directory_busy[r]&&um_members_directory_busy[r]}function um_members_show_preloader(e){um_members_directory_busy[um_members_get_hash(e)]=!0,e.find(".um-members-overlay").show()}function um_members_hide_preloader(e){um_members_directory_busy[um_members_get_hash(e)]=!1,e.find(".um-members-overlay").hide()}function um_set_range_label(e,r){var t=e.siblings(".um-slider-range").data("placeholder");t=r?t.replace("{min_range}",r.values[0]).replace("{max_range}",r.values[1]).replace("{field_label}",e.siblings(".um-slider-range").data("label")):t.replace("{min_range}",e.slider("values",0)).replace("{max_range}",e.slider("values",1)).replace("{field_label}",e.siblings(".um-slider-range").data("label")),e.siblings(".um-slider-range").html(t),e.siblings(".um_range_min").val(e.slider("values",0)),e.siblings(".um_range_max").val(e.slider("values",1))}function um_get_search(e){return e.find(".um-search-line").length?e.find(".um-search-line").val():""}function um_get_sort(e){return e.find(".um-member-directory-sorting-options").length?e.find(".um-member-directory-sorting-options").val():""}function um_get_current_page(e){var r=e.data("page");return r&&void 0!==r||(r=1),r}function um_ajax_get_members(m,t){var a=um_members_get_hash(m),e=um_get_current_page(m),r=um_get_search(m),i=um_get_sort(m),d=-(new Date).getTimezoneOffset()/60,_={directory_id:a,page:e,search:r,sorting:i,gmt_offset:d,post_refferer:m.data("base-post"),nonce:um_scripts.nonce};m.find(".um-search-filter").length&&m.find(".um-search-filter").each(function(){var e=jQuery(this);if(e.find(".um-slider").length){var r=e.find(".um-slider").data("field_name"),t=um_get_data_for_directory(m,"filter_"+r+"_from"),a=um_get_data_for_directory(m,"filter_"+r+"_to");void 0===t&&void 0===a||(_[r]=[t,a])}else if(e.find(".um-datepicker-filter").length){r=e.find(".um-datepicker-filter").data("filter_name"),t=um_get_data_for_directory(m,"filter_"+r+"_from"),a=um_get_data_for_directory(m,"filter_"+r+"_to");void 0===t&&void 0===a||(_[r]=[t,a])}else if(e.find(".um-timepicker-filter").length){r=e.find(".um-timepicker-filter").data("filter_name"),t=um_get_data_for_directory(m,"filter_"+r+"_from"),a=um_get_data_for_directory(m,"filter_"+r+"_to");void 0===t&&void 0===a||(_[r]=[t,a])}else{r=e.find("select").attr("name");var i=um_get_data_for_directory(m,"filter_"+r);void 0!==i&&(_[r]=i.split("||"))}}),wp.ajax.send("um_get_members",{data:_,success:function(e){um_member_directory_last_data[a]=e,um_build_template(m,e.users);var r=wp.template("um-members-pagination");m.find(".um-members-pagination-box").html(r(e)),m.data("total_pages",e.pagination.total_pages),e.pagination.total_pages?(m.find(".um-member-directory-sorting-options").prop("disabled",!1),m.find(".um-member-directory-view-type").removeClass("um-disabled")):(m.find(".um-member-directory-sorting-options").prop("disabled",!0),m.find(".um-member-directory-view-type").addClass("um-disabled")),jQuery(document).trigger("um_members_rendered",t),um_members_hide_preloader(m)},error:function(e){console.log(e),um_members_hide_preloader(m)}})}function um_build_template(e,r){var t=e.data("view_type"),a=wp.template("um-member-"+t);e.find(".um-members-grid, .um-members-list").remove(),e.find(".um-members-wrapper").prepend(a(r)),e.addClass("um-loaded"),e.find(".um-members.um-members-grid").length&&UM_Member_Grid(e.find(".um-members.um-members-grid")),jQuery(document).trigger("um_build_template",[e,r]),jQuery(window).trigger("resize"),init_tipsy()}function UM_Member_Grid(e){e.find(".um-member").length&&e.imagesLoaded(function(){e.masonry({itemSelector:".um-member",columnWidth:".um-member",gutter:".um-gutter-sizer"}).on("layoutComplete",function(e,r){jQuery(document).trigger("um_grid_initialized",[e,r])})})}function um_get_filters_data(u){var s=[];return u.find(".um-search-filter").each(function(){var t,a,d,i=jQuery(this);if(i.find("input.um-datepicker-filter").length)d="datepicker",i.find("input.um-datepicker-filter").each(function(){if("to"!==jQuery(this).data("range")){var e=jQuery(this).data("filter_name"),r=um_get_data_for_directory(u,"filter_"+e+"_from"),t=um_get_data_for_directory(u,"filter_"+e+"_to");if(void 0!==r||void 0!==t){var a,i=jQuery(this).val(),m=u.find('input.um-datepicker-filter[data-range="to"][data-filter_name="'+e+'"]').val();i===m?a=m:""!==i&&""!==m?a=i+" - "+m:""===i?a="before "+m:""===m&&(a="since "+i),s.push({name:e,label:jQuery(this).data("filter-label"),value_label:a,value:[r,t],type:d})}}});else if(i.find("input.um-timepicker-filter").length)d="timepicker",i.find("input.um-timepicker-filter").each(function(){if("to"!==jQuery(this).data("range")){var e=jQuery(this).data("filter_name"),r=um_get_data_for_directory(u,"filter_"+e+"_from"),t=um_get_data_for_directory(u,"filter_"+e+"_to");if(void 0!==r||void 0!==t){var a,i=jQuery(this).val(),m=u.find('input.um-timepicker-filter[data-range="to"][data-filter_name="'+e+'"]').val();i===m?a=m:""!==i&&""!==m?a=i+" - "+m:""===i?a="before "+m:""===m&&(a="since "+i),s.push({name:e,label:jQuery(this).data("filter-label"),value_label:a,value:[r,t],type:d})}}});else if(i.find("select").length){d="select",t=i.find("select").attr("name"),a=i.find("select").data("placeholder");var m=um_get_data_for_directory(u,"filter_"+t);m=void 0===m?[]:m.split("||"),jQuery.each(m,function(e){var r=i.find('select option[value="'+m[e]+'"]').data("value_label");s.push({name:t,label:a,value_label:r,value:m[e],type:d})})}else if(i.find("div.ui-slider").length){d="slider",t=i.find("div.ui-slider").data("field_name");var e=um_get_data_for_directory(u,"filter_"+t+"_from"),r=um_get_data_for_directory(u,"filter_"+t+"_to");if(void 0===e&&void 0===r)return;a=i.find("div.um-slider-range").data("label");var _=i.find("div.um-slider-range").data("placeholder").replace("{min_range}",e).replace("{max_range}",r).replace("{field_label}",i.find("div.um-slider-range").data("label"));s.push({name:t,label:a,value_label:_,value:[e,r],type:d})}}),s}function um_change_tag(e){var r=um_get_filters_data(e);e.find(".um-members-filter-tag").remove();var t=e.find(".um-filtered-line");if(t.length){var a=wp.template("um-members-filtered-line");t.prepend(a({filters:r})),0===e.find(".um-members-filter-remove").length?e.find(".um-clear-filters").hide():e.find(".um-clear-filters").show()}}function um_run_search(e){if(!um_is_directory_busy(e)){um_members_show_preloader(e);var r=um_get_data_for_directory(e,"search");if((t=e.find(".um-search-line").val())===r||""===t&&void 0===r)um_members_hide_preloader(e);else{if(e.data("general_search",t),um_set_url_from_data(e,"search",t),e.data("page",1),um_set_url_from_data(e,"page",""),1===e.data("must-search")){var t=um_get_search(e);if(0===e.find(".um-members-filter-remove").length&&!t)return e.data("searched",0),e.find(".um-members-grid, .um-members-list").remove(),e.find(".um-member-directory-sorting-options").prop("disabled",!0),e.find(".um-member-directory-view-type").addClass("um-disabled"),void um_members_hide_preloader(e)}e.data("searched",1),e.find(".um-member-directory-sorting-options").prop("disabled",!1),e.find(".um-member-directory-view-type").removeClass("um-disabled"),um_ajax_get_members(e)}}}jQuery(document).ready(function(){jQuery(".um-search-filter select").each(function(){1===jQuery(this).find("option:not(:disabled)").length&&jQuery(this).prop("disabled",!0),jQuery(this).select2("destroy").select2()}),jQuery(document.body).on("mouseover",".um-member-directory-view-type",function(){if(!jQuery(this).hasClass("um-disabled")){var e=jQuery(this).find(".um-member-directory-view-type-a:visible");e.hide(),e.next().length?e.next().show().tipsy("show"):jQuery(this).find(".um-member-directory-view-type-a:first").show().tipsy("show")}}).on("mouseout",".um-member-directory-view-type",function(){jQuery(this).hasClass("um-disabled")||(jQuery(this).find(".um-member-directory-view-type-a").hide().tipsy("hide"),jQuery(this).find('.um-member-directory-view-type-a[data-type="'+jQuery(this).parents(".um-directory").data("view_type")+'"]').show())}),jQuery(document.body).on("click",".um-member-directory-view-type-a",function(){var e=jQuery(this).parents(".um-directory");if(um_is_directory_busy(e))return!1;var r=jQuery(this),t=r.parents(".um-member-directory-view-type");if(!t.hasClass("um-disabled")){um_members_show_preloader(e);var a=t.find(".um-member-directory-view-type-a:visible");a.hide(),a.next().length?a.next().show().tipsy("show"):t.find(".um-member-directory-view-type-a:first").show().tipsy("show");var i=um_member_directory_last_data[um_members_get_hash(e)];if(null!==i){var m=r.data("type");um_set_url_from_data(e,"view_type",m),e.data("view_type",m),um_build_template(e,i.users)}um_members_hide_preloader(e)}}),jQuery(document.body).on("click",".um-do-search",function(){um_run_search(jQuery(this).parents(".um-directory"))}),jQuery(document.body).on("keypress",".um-search-line",function(e){13===e.which&&um_run_search(jQuery(this).parents(".um-directory"))}),jQuery(document.body).on("change",".um-member-directory-sorting-options",function(){var e=jQuery(this).parents(".um-directory");if(!um_is_directory_busy(e)){um_members_show_preloader(e);var r=jQuery(this).val();e.data("sorting",jQuery(this).val()),um_set_url_from_data(e,"sort",r),um_ajax_get_members(e)}}),jQuery(document.body).on("click",".um-directory .pagi:not(.current)",function(){if(!jQuery(this).hasClass("disabled")){var e,r=jQuery(this).parents(".um-directory");if(!um_is_directory_busy(r))um_members_show_preloader(r),1===(e="first"===jQuery(this).data("page")?1:"prev"===jQuery(this).data("page")?1*r.data("page")-1:"next"===jQuery(this).data("page")?1*r.data("page")+1:"last"===jQuery(this).data("page")?parseInt(r.data("total_pages")):parseInt(jQuery(this).data("page")))?(r.find('.pagi[data-page="first"], .pagi[data-page="prev"]').addClass("disabled"),r.find('.pagi[data-page="prev"], .pagi[data-page="last"]').removeClass("disabled")):(e===parseInt(r.data("total_pages"))?r.find('.pagi[data-page="prev"], .pagi[data-page="last"]').addClass("disabled"):r.find('.pagi[data-page="prev"], .pagi[data-page="last"]').removeClass("disabled"),r.find('.pagi[data-page="first"], .pagi[data-page="prev"]').removeClass("disabled")),r.find(".pagi").removeClass("current"),r.find('.pagi[data-page="'+e+'"]').addClass("current"),r.data("page",e),um_set_url_from_data(r,"page",1===e?"":e),um_ajax_get_members(r)}}),jQuery(document.body).on("change",".um-directory .um-members-pagi-dropdown",function(){var e=jQuery(this).parents(".um-directory");if(!um_is_directory_busy(e)){um_members_show_preloader(e);var r=jQuery(this).val();e.find(".pagi").removeClass("current"),e.find('.pagi[data-page="'+r+'"]').addClass("current"),e.data("page",r),um_set_url_from_data(e,"page",1===r?"":r),um_ajax_get_members(e)}}),jQuery(document.body).on("click",".um-member-more a",function(e){e.preventDefault();var r=jQuery(this).parents(".um-member"),t=jQuery(this).parents(".um-members");return r.find(".um-member-more").hide(),r.find(".um-member-meta").slideDown(function(){UM_Member_Grid(t)}),r.find(".um-member-less").fadeIn(),setTimeout(function(){UM_Member_Grid(t)},100),!1}),jQuery(document.body).on("click",".um-member-less a",function(e){e.preventDefault();var r=jQuery(this).parents(".um-member"),t=jQuery(this).parents(".um-members");return r.find(".um-member-less").hide(),r.find(".um-member-meta").slideUp(function(){r.find(".um-member-more").fadeIn(),UM_Member_Grid(t)}),!1}),jQuery(".um-member-directory-filters a").click(function(){var e=jQuery(this).parents(".um-directory").find(".um-search");e.is(":visible")?e.slideUp(250):e.slideDown(250)}),jQuery(document.body).on("change",".um-search-filter select",function(){if(""!==jQuery(this).val()){var e=jQuery(this).parents(".um-directory");if(!um_is_directory_busy(e)){um_members_show_preloader(e);var r=jQuery(this).prop("name"),t=um_get_data_for_directory(e,"filter_"+r);t=void 0===t?[]:t.split("||"),-1===jQuery.inArray(jQuery(this).val(),t)&&(t.push(jQuery(this).val()),um_set_url_from_data(e,"filter_"+r,t=t.join("||")),e.data("page",1),um_set_url_from_data(e,"page","")),jQuery(this).find('option[value="'+jQuery(this).val()+'"]').prop("disabled",!0).hide(),1===jQuery(this).find("option:not(:disabled)").length&&jQuery(this).prop("disabled",!0),jQuery(this).select2("destroy").select2(),jQuery(this).val("").trigger("change"),um_ajax_get_members(e),um_change_tag(e),e.data("searched",1),e.find(".um-member-directory-sorting-options").prop("disabled",!1),e.find(".um-member-directory-view-type").removeClass("um-disabled")}}}),jQuery(document.body).on("click",".um-members-filter-remove",function(){var e=jQuery(this).parents(".um-directory");if(!um_is_directory_busy(e)){um_members_show_preloader(e);var r=jQuery(this).data("value"),t=jQuery(this).data("name"),a=jQuery(this).data("type");if("select"===a){var i=um_get_data_for_directory(e,"filter_"+t);i=void 0===i?[]:i.split("||"),-1!==jQuery.inArray(r.toString(),i)&&(i=jQuery.grep(i,function(e){return e!==r.toString()})),i.length||(i=""),um_set_url_from_data(e,"filter_"+t,i);var m=jQuery('.um-search-filter select[name="'+t+'"]');m.find('option[value="'+r+'"]').prop("disabled",!1).show(),1 a").html(jQuery(this).html())}}),jQuery(document.body).on("click",".um-directory .pagi:not(.current)",function(){if(!jQuery(this).hasClass("disabled")){var e,r=jQuery(this).parents(".um-directory");if(!um_is_directory_busy(r))um_members_show_preloader(r),1===(e="first"===jQuery(this).data("page")?1:"prev"===jQuery(this).data("page")?1*r.data("page")-1:"next"===jQuery(this).data("page")?1*r.data("page")+1:"last"===jQuery(this).data("page")?parseInt(r.data("total_pages")):parseInt(jQuery(this).data("page")))?(r.find('.pagi[data-page="first"], .pagi[data-page="prev"]').addClass("disabled"),r.find('.pagi[data-page="prev"], .pagi[data-page="last"]').removeClass("disabled")):(e===parseInt(r.data("total_pages"))?r.find('.pagi[data-page="prev"], .pagi[data-page="last"]').addClass("disabled"):r.find('.pagi[data-page="prev"], .pagi[data-page="last"]').removeClass("disabled"),r.find('.pagi[data-page="first"], .pagi[data-page="prev"]').removeClass("disabled")),r.find(".pagi").removeClass("current"),r.find('.pagi[data-page="'+e+'"]').addClass("current"),r.data("page",e),um_set_url_from_data(r,"page",1===e?"":e),um_ajax_get_members(r)}}),jQuery(document.body).on("change",".um-directory .um-members-pagi-dropdown",function(){var e=jQuery(this).parents(".um-directory");if(!um_is_directory_busy(e)){um_members_show_preloader(e);var r=jQuery(this).val();e.find(".pagi").removeClass("current"),e.find('.pagi[data-page="'+r+'"]').addClass("current"),e.data("page",r),um_set_url_from_data(e,"page",1===r?"":r),um_ajax_get_members(e)}}),jQuery(document.body).on("click",".um-members.um-members-list .um-member-more a",function(e){e.preventDefault();var r=jQuery(this).parents(".um-member");return r.find(".um-member-more").hide(),r.find(".um-member-meta-main").slideDown(),r.find(".um-member-less").fadeIn(),!1}),jQuery(document.body).on("click",".um-members.um-members-list .um-member-less a",function(e){e.preventDefault();var r=jQuery(this).parents(".um-member");return r.find(".um-member-less").hide(),r.find(".um-member-meta-main").slideUp(),r.find(".um-member-more").fadeIn(),!1}),jQuery(document.body).on("click",".um-members.um-members-grid .um-member-more a",function(e){e.preventDefault();var r=jQuery(this).parents(".um-member"),t=jQuery(this).parents(".um-members");return r.find(".um-member-more").hide(),r.find(".um-member-meta").slideDown(function(){UM_Member_Grid(t)}),r.find(".um-member-less").fadeIn(),setTimeout(function(){UM_Member_Grid(t)},100),!1}),jQuery(document.body).on("click",".um-members.um-members-grid .um-member-less a",function(e){e.preventDefault();var r=jQuery(this).parents(".um-member"),t=jQuery(this).parents(".um-members");return r.find(".um-member-less").hide(),r.find(".um-member-meta").slideUp(function(){r.find(".um-member-more").fadeIn(),UM_Member_Grid(t)}),!1}),jQuery(".um-member-directory-filters-a").click(function(){var e=jQuery(this),r=e.parents(".um-directory").find(".um-search");r.is(":visible")?r.slideUp(250,function(){e.toggleClass("um-member-directory-filters-visible"),r.parents(".um-member-directory-header-row").toggleClass("um-header-row-invisible")}):r.slideDown({start:function(){jQuery(this).css({display:"grid"}),e.toggleClass("um-member-directory-filters-visible"),r.parents(".um-member-directory-header-row").toggleClass("um-header-row-invisible")}},250)}),jQuery(document.body).on("change",".um-search-filter select",function(){if(""!==jQuery(this).val()){var e=jQuery(this).parents(".um-directory");if(!um_is_directory_busy(e)){um_members_show_preloader(e);var r=jQuery(this).prop("name"),t=um_get_data_for_directory(e,"filter_"+r);t=void 0===t?[]:t.split("||"),-1===jQuery.inArray(jQuery(this).val(),t)&&(t.push(jQuery(this).val()),um_set_url_from_data(e,"filter_"+r,t=t.join("||")),e.data("page",1),um_set_url_from_data(e,"page","")),jQuery(this).find('option[value="'+jQuery(this).val()+'"]').prop("disabled",!0).hide(),1===jQuery(this).find("option:not(:disabled)").length&&jQuery(this).prop("disabled",!0),jQuery(this).select2("destroy").select2(),jQuery(this).val("").trigger("change"),um_ajax_get_members(e),um_change_tag(e),e.data("searched",1),e.find(".um-member-directory-sorting-options").prop("disabled",!1),e.find(".um-member-directory-view-type").removeClass("um-disabled")}}}),jQuery(document.body).on("click",".um-members-filter-remove",function(){var e=jQuery(this).parents(".um-directory");if(!um_is_directory_busy(e)){um_members_show_preloader(e);var r=jQuery(this).data("value"),t=jQuery(this).data("name"),a=jQuery(this).data("type");if("select"===a){var i=um_get_data_for_directory(e,"filter_"+t);i=void 0===i?[]:i.split("||"),-1!==jQuery.inArray(r.toString(),i)&&(i=jQuery.grep(i,function(e){return e!==r.toString()})),i.length||(i=""),um_set_url_from_data(e,"filter_"+t,i);var m=jQuery('.um-search-filter select[name="'+t+'"]');m.find('option[value="'+r+'"]').prop("disabled",!1).show(),1