mirror of
https://github.com/10h30/ultimatemember.git
synced 2026-07-11 10:46:11 +09:00
- Member Directory styles;
- added SASS compiler to gulpfile;
This commit is contained in:
nikitasinelnikov
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -254,8 +254,8 @@ function um_build_template( directory, data ) {
|
||||
directory.find('.um-members-wrapper').prepend( template( data ) );
|
||||
directory.addClass('um-loaded');
|
||||
|
||||
if ( directory.find('.um-members').length ) {
|
||||
UM_Member_Grid( directory.find('.um-members') );
|
||||
if ( directory.find('.um-members.um-members-grid').length ) {
|
||||
UM_Member_Grid( directory.find('.um-members.um-members-grid') );
|
||||
}
|
||||
|
||||
jQuery( document ).trigger( 'um_build_template', [ directory, data ] );
|
||||
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
||||
$border: #ddd
|
||||
$hover: #ccc
|
||||
@@ -0,0 +1,29 @@
|
||||
=flex ($direction, $justify, $align, $wrap)
|
||||
display: flex
|
||||
flex-direction: $direction
|
||||
justify-content: $justify
|
||||
align-items: $align
|
||||
flex-wrap: $wrap
|
||||
|
||||
=border-box
|
||||
box-sizing: border-box
|
||||
-moz-box-sizing: border-box
|
||||
-webkit-box-sizing: border-box
|
||||
|
||||
=transition ($time, $action)
|
||||
-webkit-transition: $time $action
|
||||
-moz-transition: $time $action
|
||||
-ms-transition: $time $action
|
||||
-o-transition: $time $action
|
||||
transition: $time $action
|
||||
|
||||
|
||||
=keyframes ($name)
|
||||
@-webkit-keyframes #{$name}
|
||||
@content
|
||||
@-moz-keyframes #{$name}
|
||||
@content
|
||||
@-ms-keyframes #{$name}
|
||||
@content
|
||||
@keyframes #{$name}
|
||||
@content
|
||||
@@ -0,0 +1 @@
|
||||
$prefix: um-
|
||||
@@ -0,0 +1,820 @@
|
||||
@import "selectors"
|
||||
@import "mixins"
|
||||
@import "colors"
|
||||
|
||||
+keyframes(um-ajax-spinning)
|
||||
0%
|
||||
-webkit-transform: rotate(0deg)
|
||||
transform: rotate(0deg)
|
||||
100%
|
||||
-webkit-transform: rotate(360deg)
|
||||
transform: rotate(360deg)
|
||||
|
||||
|
||||
body
|
||||
#content
|
||||
.#{$prefix}directory
|
||||
a
|
||||
text-decoration: none
|
||||
border-bottom: none
|
||||
box-shadow: none
|
||||
&:hover, &:focus
|
||||
text-decoration: none
|
||||
border-bottom: none
|
||||
box-shadow: none
|
||||
|
||||
.#{$prefix}directory
|
||||
position: relative
|
||||
|
||||
a
|
||||
text-decoration: none
|
||||
border-bottom: none
|
||||
box-shadow: none
|
||||
&:hover, &:focus
|
||||
text-decoration: none
|
||||
border-bottom: none
|
||||
box-shadow: none
|
||||
|
||||
|
||||
.select2-container--disabled
|
||||
opacity: 0.6
|
||||
|
||||
.um-members-overlay
|
||||
display: none
|
||||
position: absolute
|
||||
width: 100%
|
||||
top: 0
|
||||
bottom: 0
|
||||
background: rgba(255, 255, 255, 0.8)
|
||||
z-index: 2
|
||||
.um-ajax-loading
|
||||
+transition(.1s,opacity)
|
||||
color: #c6c6c6 !important
|
||||
-webkit-animation: um-ajax-spinning 1.1s infinite linear
|
||||
animation: um-ajax-spinning 1.1s infinite linear
|
||||
border-top: .2em solid rgba(198, 198, 198, 0.2)
|
||||
border-right: .2em solid rgba(198, 198, 198, 0.2)
|
||||
border-bottom: .2em solid rgba(198, 198, 198, 0.2)
|
||||
border-left: .2em solid #c6c6c6
|
||||
font-size: 1.75em
|
||||
position: absolute
|
||||
left: calc(50% - 1.75em)
|
||||
top: calc(50% - 1.75em)
|
||||
filter: alpha(opacity=0)
|
||||
-ms-transform: translateZ(0)
|
||||
transform: translateZ(0)
|
||||
border-radius: 50%
|
||||
display: block
|
||||
width: 2.5em
|
||||
height: 2.5em
|
||||
margin: 0
|
||||
outline: 0
|
||||
padding: 0
|
||||
vertical-align: baseline
|
||||
|
||||
.um-member-directory-header
|
||||
width: 100%
|
||||
padding: 0
|
||||
+border-box
|
||||
|
||||
.um-member-directory-search-line
|
||||
+flex( row, flex-start, baseline, nowrap )
|
||||
margin-bottom: 5px
|
||||
padding: 0
|
||||
float: left
|
||||
width: 100%
|
||||
+border-box
|
||||
.um-search-line
|
||||
border-radius: 2px 0 0 2px
|
||||
line-height: 29px
|
||||
width: calc( 85% - 10px )
|
||||
.um-do-search
|
||||
border-radius: 0 2px 2px 0 !important
|
||||
margin: 0
|
||||
i
|
||||
margin: 0
|
||||
padding: 0
|
||||
.um-member-directory-actions
|
||||
float: right
|
||||
.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-member-directory-view-type-a
|
||||
color: $border
|
||||
display: none
|
||||
&.um-disabled
|
||||
cursor: default
|
||||
a
|
||||
cursor: default
|
||||
&:not( .um-disabled )
|
||||
.um-member-directory-view-type-a
|
||||
&:hover
|
||||
color: $hover
|
||||
&:focus
|
||||
color: $border
|
||||
|
||||
|
||||
.um-member-directory-filters-a
|
||||
color: $border
|
||||
&:hover
|
||||
color: $hover !important
|
||||
&:focus
|
||||
color: $border !important
|
||||
|
||||
.um-member-directory-sorting
|
||||
+border-box
|
||||
font-size: 30px
|
||||
height: 30px
|
||||
line-height: 30px
|
||||
position: relative
|
||||
vertical-align: middle
|
||||
width: 100%
|
||||
.select2.select2-container
|
||||
float: left
|
||||
width: 100% !important
|
||||
.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-member-directory-filters
|
||||
float: left
|
||||
padding: 5px 10px 5px 0
|
||||
vertical-align: middle
|
||||
line-height: 30px
|
||||
font-size: 30px
|
||||
height: 30px
|
||||
&.um-member-with-view
|
||||
.um-member-directory-sorting
|
||||
float: left
|
||||
width: calc( 100% - 40px )
|
||||
&:not(.um-member-with-sorting)
|
||||
.um-member-directory-search-line
|
||||
float: left
|
||||
width: calc( 100% - 40px )
|
||||
&.um-member-with-filters
|
||||
.um-member-directory-sorting
|
||||
float: left
|
||||
width: calc( 100% - 40px )
|
||||
&.um-member-with-view
|
||||
.um-member-directory-sorting
|
||||
float: left
|
||||
width: calc( 100% - 75px )
|
||||
&:not(.um-member-with-sorting)
|
||||
.um-member-directory-search-line
|
||||
float: left
|
||||
width: calc( 100% - 75px )
|
||||
&:not(.um-member-with-sorting)
|
||||
.um-member-directory-search-line
|
||||
float: left
|
||||
width: calc( 100% - 40px )
|
||||
&.um-member-with-search
|
||||
.um-member-directory-sorting
|
||||
float: left
|
||||
margin-left: 4%
|
||||
width: 48%
|
||||
&.um-member-with-view
|
||||
.um-member-directory-sorting
|
||||
float: left
|
||||
width: calc( 48% - 40px )
|
||||
&.um-member-with-filters
|
||||
.um-member-directory-sorting
|
||||
float: left
|
||||
width: calc( 48% - 40px )
|
||||
&.um-member-with-view
|
||||
.um-member-directory-sorting
|
||||
float: left
|
||||
width: calc( 48% - 75px )
|
||||
&.um-member-with-sorting
|
||||
.um-member-directory-search-line
|
||||
width: 48%
|
||||
|
||||
|
||||
.um-search
|
||||
margin: 5px 0 0 0
|
||||
display: none
|
||||
.um-search-filter
|
||||
padding: 0 15px 30px 15px
|
||||
display: block
|
||||
float: left
|
||||
width: 33%
|
||||
box-sizing: border-box
|
||||
position: relative
|
||||
.um-half-filter
|
||||
width: calc( 50% - 10px )
|
||||
margin: 0 10px 0 0 !important
|
||||
float: left
|
||||
&:nth-child(even)
|
||||
margin: 0 0 0 10px !important
|
||||
|
||||
.select2-container
|
||||
float: left
|
||||
width: 100% !important
|
||||
|
||||
.um-slider
|
||||
float: left
|
||||
margin-left: 2%
|
||||
margin-right: 2%
|
||||
width: 96%
|
||||
.ui-slider-range.ui-widget-header
|
||||
background: #44b0ec
|
||||
border: 1px solid #44b0ec !important
|
||||
margin-top: -1px
|
||||
|
||||
&.ui-slider.ui-slider-horizontal
|
||||
border: 1px solid #ddd !important
|
||||
box-sizing: border-box
|
||||
|
||||
.um-slider-range
|
||||
float: left
|
||||
width: 100%
|
||||
text-align: left
|
||||
padding-top: 6px
|
||||
box-sizing: border-box
|
||||
|
||||
.um-s1
|
||||
width: 100%
|
||||
|
||||
&.um-search-1
|
||||
.um-search-filter
|
||||
width: 100%
|
||||
padding: 0 0 10px 0
|
||||
float: none
|
||||
&[style*="overflow: hidden;"]
|
||||
.um-search-filter
|
||||
pointer-events: none
|
||||
|
||||
.um-filtered-line
|
||||
+flex( row, flex-start, baseline, wrap )
|
||||
margin: 5px 0 0 0
|
||||
padding: 0
|
||||
box-sizing: border-box
|
||||
border: none
|
||||
.um-members-filter-tag
|
||||
+flex( row, flex-start, center, nowrap )
|
||||
margin: 0 10px 5px 0
|
||||
padding: 0 10px
|
||||
border-radius: 3px
|
||||
cursor: default
|
||||
background: #f1f1f1
|
||||
font-size: 13px
|
||||
strong
|
||||
margin-right: 3px
|
||||
&:first-child
|
||||
margin-left: 0
|
||||
.um-members-filter-remove
|
||||
float: right
|
||||
display: inline-block
|
||||
margin-left: 10px
|
||||
cursor: pointer
|
||||
font-weight: bold
|
||||
font-size: 20px
|
||||
&:hover
|
||||
color: #a00
|
||||
|
||||
.um-clear-filters
|
||||
display: none
|
||||
a
|
||||
padding: 3px 10px
|
||||
margin: 0 10px
|
||||
|
||||
|
||||
|
||||
.um-members-wrapper
|
||||
width: 100%
|
||||
float: left
|
||||
margin: 5px 0
|
||||
padding: 0
|
||||
position: relative
|
||||
height: 300px
|
||||
|
||||
.um-members
|
||||
-ms-word-break: break-all
|
||||
word-break: break-word
|
||||
word-wrap: break-word
|
||||
|
||||
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-member
|
||||
float: left
|
||||
width: 30%
|
||||
background: #fff
|
||||
text-align: center
|
||||
border: 1px solid $border
|
||||
+border-box
|
||||
margin-bottom: 40px
|
||||
position: relative
|
||||
|
||||
.um-member-status
|
||||
display: none
|
||||
background: #999
|
||||
&.awaiting_admin_review,
|
||||
&.inactive,
|
||||
&.rejected
|
||||
display: block
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
width: 100%
|
||||
padding: 7px 15px
|
||||
color: #fff
|
||||
z-index: 10
|
||||
font-size: 13px
|
||||
+border-box
|
||||
&.awaiting_admin_review
|
||||
background: #c74a4a
|
||||
.um-member-photo
|
||||
padding: 40px 0 20px 0
|
||||
text-align: center
|
||||
a
|
||||
text-decoration: none
|
||||
box-shadow: none !important
|
||||
display: inline !important
|
||||
img
|
||||
display: inline !important
|
||||
border: 5px solid #fff
|
||||
background: #fff
|
||||
width: 140px
|
||||
height: 140px
|
||||
float: none !important
|
||||
&.radius-1
|
||||
a img
|
||||
-moz-border-radius: 999px !important
|
||||
-webkit-border-radius: 999px !important
|
||||
border-radius: 999px !important
|
||||
&.radius-2
|
||||
a img
|
||||
-moz-border-radius: 4px !important
|
||||
-webkit-border-radius: 4px !important
|
||||
border-radius: 4px !important
|
||||
&.radius-3
|
||||
a img
|
||||
-moz-border-radius: 0 !important
|
||||
-webkit-border-radius: 0 !important
|
||||
border-radius: 0 !important
|
||||
|
||||
&.awaiting_admin_review,
|
||||
&.inactive,
|
||||
&.rejected
|
||||
opacity: 0.7
|
||||
&.with-cover
|
||||
.um-member-photo
|
||||
padding-top: 0
|
||||
a img
|
||||
width: 90px
|
||||
height: 90px
|
||||
position: relative
|
||||
top: -35px
|
||||
margin-bottom: -45px !important
|
||||
float: none !important
|
||||
opacity: 1
|
||||
|
||||
|
||||
&.um-members-grid
|
||||
.um-gutter-sizer
|
||||
width: 5%
|
||||
.um-member
|
||||
.um-member-cover
|
||||
background-color: #eee
|
||||
box-sizing: border-box
|
||||
position: relative
|
||||
.um-member-cover-e
|
||||
text-align: center
|
||||
box-sizing: border-box
|
||||
img
|
||||
width: 100% !important
|
||||
.um-member-card
|
||||
padding-bottom: 15px
|
||||
&.no-photo
|
||||
padding-top: 30px
|
||||
|
||||
.um-member-name
|
||||
margin: 0 0 4px 0
|
||||
a
|
||||
font-size: 16px
|
||||
line-height: 26px
|
||||
color: #444
|
||||
font-weight: 700
|
||||
|
||||
|
||||
.um-members-edit-btn
|
||||
margin: 2px 0
|
||||
height: 40px
|
||||
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
|
||||
&: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-member-tagline
|
||||
font-size: 13px
|
||||
line-height: 22px
|
||||
color: #999
|
||||
padding: 0 15px
|
||||
|
||||
.um-member-meta-main
|
||||
.um-member-meta
|
||||
display: none
|
||||
margin: 20px 15px 0 15px
|
||||
padding: 15px 0
|
||||
border-top: 1px solid #e5e5e5
|
||||
&.no-animate
|
||||
display: block
|
||||
.um-member-metaline
|
||||
font-size: 13px
|
||||
padding: 12px 0 0 0
|
||||
line-height: 16px
|
||||
vertical-align: middle
|
||||
span
|
||||
display: block
|
||||
text-align: center
|
||||
|
||||
.um-member-connect
|
||||
padding-top: 20px
|
||||
|
||||
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
|
||||
|
||||
&:hover
|
||||
opacity: 1
|
||||
color: #fff
|
||||
|
||||
.um-member-less
|
||||
display: none
|
||||
a
|
||||
color: #666
|
||||
display: inline-block
|
||||
i
|
||||
display: block
|
||||
font-size: 32px
|
||||
height: 32px
|
||||
line-height: 32px
|
||||
.um-member-more
|
||||
a
|
||||
color: #666
|
||||
display: inline-block
|
||||
i
|
||||
display: block
|
||||
font-size: 32px
|
||||
height: 32px
|
||||
line-height: 32px
|
||||
|
||||
|
||||
&.um-members-list
|
||||
.um-member
|
||||
width: 100% !important
|
||||
padding: 15px 10px
|
||||
margin-bottom: 20px
|
||||
+border-box
|
||||
.um-member-photo
|
||||
float: left
|
||||
padding: 0
|
||||
width: 100px
|
||||
margin: 27px 15px 0 0
|
||||
.um-member-card
|
||||
float: left
|
||||
padding: 0
|
||||
width: calc( 100% - 300px )
|
||||
margin: 0
|
||||
text-align: left
|
||||
+border-box
|
||||
.um-member-card-header
|
||||
.um-member-name
|
||||
margin: 0 0 4px 0
|
||||
a
|
||||
font-size: 16px
|
||||
line-height: 26px
|
||||
color: #444
|
||||
font-weight: 700
|
||||
.um-member-card-content
|
||||
.um-member-tagline
|
||||
font-size: 13px
|
||||
line-height: 22px
|
||||
color: #999
|
||||
padding: 0 15px 0 0
|
||||
.um-member-meta-main
|
||||
width: 100%
|
||||
float: left
|
||||
text-align: left
|
||||
padding: 0 10px 0 0
|
||||
box-sizing: border-box
|
||||
.um-member-meta
|
||||
float: left
|
||||
width: 100%
|
||||
display: block
|
||||
margin: 10px 0 0 0
|
||||
padding: 15px 0
|
||||
box-sizing: border-box
|
||||
border: none
|
||||
|
||||
.um-member-metaline
|
||||
font-size: 13px
|
||||
padding: 12px 0 0 0
|
||||
line-height: 16px
|
||||
vertical-align: middle
|
||||
clear: both
|
||||
text-align: left
|
||||
width: 100%
|
||||
span
|
||||
text-align: left
|
||||
display: block
|
||||
strong, span
|
||||
float: left
|
||||
|
||||
.um-member-connect
|
||||
padding-top: 10px
|
||||
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
|
||||
|
||||
&:hover
|
||||
opacity: 1
|
||||
color: #fff
|
||||
|
||||
.um-member-card-actions
|
||||
width: 185px
|
||||
float: right
|
||||
text-align: right
|
||||
padding: 0
|
||||
a
|
||||
min-width: 185px
|
||||
box-sizing: border-box
|
||||
div[class$="stats"]
|
||||
text-align: center
|
||||
|
||||
.um-members-edit-btn
|
||||
margin: 2px 0
|
||||
height: 40px
|
||||
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
|
||||
&: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-members-none
|
||||
text-align: center
|
||||
font-size: 18px
|
||||
|
||||
.um-members-pagination-box
|
||||
width: 100%
|
||||
float: left
|
||||
margin: 0 0 10px 0
|
||||
padding: 0
|
||||
.um-members-pagi
|
||||
width: 100%
|
||||
float: left
|
||||
margin: 0
|
||||
text-align: center
|
||||
padding: 5px 0
|
||||
font-size: 15px
|
||||
.pagi
|
||||
cursor: pointer
|
||||
display: inline-block
|
||||
width: auto
|
||||
height: 34px
|
||||
line-height: 34px
|
||||
transition: all .2s linear
|
||||
padding: 0 14px
|
||||
color: #666 !important
|
||||
font-weight: normal
|
||||
&.pagi-arrow
|
||||
i:before
|
||||
font-size: 20px
|
||||
vertical-align: middle !important
|
||||
height: 34px
|
||||
line-height: 34px
|
||||
top: -2px
|
||||
position: relative
|
||||
&.current
|
||||
cursor: default
|
||||
color: #fff !important
|
||||
&:hover
|
||||
color: #fff !important
|
||||
&.disabled
|
||||
cursor: default
|
||||
opacity: .4
|
||||
&.none
|
||||
color: #aaa !important
|
||||
|
||||
.um-members-pagidrop
|
||||
width: 100%
|
||||
float: left
|
||||
margin: 0
|
||||
text-align: center
|
||||
padding: 5px 0
|
||||
font-size: 15px
|
||||
|
||||
|
||||
&.um-loaded
|
||||
.um-members-wrapper
|
||||
height: auto
|
||||
|
||||
&[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"]
|
||||
display: block
|
||||
&[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"]
|
||||
display: block
|
||||
&[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"]
|
||||
display: block
|
||||
|
||||
&.uimob340
|
||||
.um-member-directory-header
|
||||
.um-member-directory-search-line
|
||||
.um-search-line
|
||||
width: calc( 100% - 40px )
|
||||
.um-do-search
|
||||
width: 40px
|
||||
.um-search
|
||||
width: 100% !important
|
||||
box-sizing: border-box
|
||||
.um-search-filter
|
||||
width: 100% !important
|
||||
float: none !important
|
||||
padding: 0 0 15px 0 !important
|
||||
.um-members-wrapper
|
||||
.um-members
|
||||
.um-member
|
||||
width: 100%
|
||||
&.um-members-grid
|
||||
.um-gutter-sizer
|
||||
width: 0
|
||||
&.um-members-list
|
||||
.um-member
|
||||
.um-member-card-actions
|
||||
min-width: auto
|
||||
width: 100%
|
||||
float: left
|
||||
text-align: center
|
||||
|
||||
|
||||
&.uimob500
|
||||
.um-member-directory-header
|
||||
.um-member-directory-search-line
|
||||
.um-search-line
|
||||
width: calc( 100% - 40px )
|
||||
.um-do-search
|
||||
width: 40px
|
||||
.um-search
|
||||
width: 100% !important
|
||||
box-sizing: border-box
|
||||
.um-search-filter
|
||||
width: 100% !important
|
||||
float: none !important
|
||||
padding: 0 0 15px 0 !important
|
||||
.um-members-wrapper
|
||||
.um-members
|
||||
.um-member
|
||||
width: 100%
|
||||
&.um-members-grid
|
||||
.um-gutter-sizer
|
||||
width: 0
|
||||
&.um-members-list
|
||||
.um-member
|
||||
.um-member-card-actions
|
||||
min-width: auto
|
||||
width: 100%
|
||||
float: left
|
||||
text-align: center
|
||||
&.uimob800
|
||||
.um-search
|
||||
width: 100% !important
|
||||
box-sizing: border-box
|
||||
.um-search-filter
|
||||
width: 48% !important
|
||||
float: left !important
|
||||
padding: 0 0 15px 0 !important
|
||||
&.um-search-filter-2
|
||||
margin-left: 4%
|
||||
.um-members-wrapper
|
||||
.um-members
|
||||
.um-member
|
||||
width: 48%
|
||||
&.um-members-grid
|
||||
.um-gutter-sizer
|
||||
width: 4%
|
||||
&.uimob960
|
||||
.um-member-directory-header
|
||||
&.um-member-with-search
|
||||
.um-member-directory-sorting
|
||||
float: left
|
||||
margin-left: 4%
|
||||
width: 48%
|
||||
&.um-member-with-view
|
||||
.um-member-directory-sorting
|
||||
float: left
|
||||
width: calc( 48% - 40px )
|
||||
&.um-member-with-filters
|
||||
.um-member-directory-sorting
|
||||
float: left
|
||||
width: calc( 48% - 40px )
|
||||
&.um-member-with-view
|
||||
.um-member-directory-sorting
|
||||
float: left
|
||||
width: calc( 48% - 75px )
|
||||
&.um-member-with-sorting
|
||||
.um-member-directory-search-line
|
||||
width: 48%
|
||||
.um-search
|
||||
width: 100% !important
|
||||
box-sizing: border-box
|
||||
.um-search-filter
|
||||
width: 48% !important
|
||||
float: left !important
|
||||
padding: 0 0 15px 0 !important
|
||||
&.um-search-filter-2
|
||||
margin-left: 4%
|
||||
.um-members-wrapper
|
||||
.um-members
|
||||
.um-member
|
||||
width: 48%
|
||||
&.um-members-grid
|
||||
.um-gutter-sizer
|
||||
width: 4%
|
||||
|
||||
|
||||
.select2-container .select2-results li.select2-results__option[aria-disabled=true]
|
||||
display: none
|
||||
+27
@@ -4,10 +4,15 @@
|
||||
|
||||
var gulp = require('gulp')
|
||||
, uglify = require('gulp-uglify'),
|
||||
sass = require('gulp-sass'),
|
||||
rename = require("gulp-rename");
|
||||
|
||||
// task
|
||||
gulp.task( 'default', function ( done ) {
|
||||
sass.compiler = require( 'node-sass' );
|
||||
|
||||
gulp.src(['assets/sass/*.sass']).pipe( sass().on( 'error', sass.logError ) ).pipe( gulp.dest( 'assets/css' ) );
|
||||
|
||||
gulp.src(['assets/js/*.js', '!assets/js/*.min.js', ]) // path to your files
|
||||
.pipe( uglify() )
|
||||
.pipe( rename({ suffix: '.min' }) )
|
||||
@@ -16,6 +21,28 @@ gulp.task( 'default', function ( done ) {
|
||||
done();
|
||||
});
|
||||
|
||||
|
||||
// function css( path ) {
|
||||
// sass.compiler = require( 'node-sass' );
|
||||
//
|
||||
// var src_array = exclude_css( path );
|
||||
// return src( src_array )
|
||||
// .pipe( sass().on( 'error', sass.logError ) )
|
||||
// .pipe( dest( 'assets/' + path + '/css' ) );
|
||||
// }
|
||||
//
|
||||
// function min_css( path ) {
|
||||
// sass.compiler = require( 'node-sass' );
|
||||
//
|
||||
// var src_array = exclude_css( path );
|
||||
// return src( src_array )
|
||||
// .pipe( sass().on( 'error', sass.logError ) )
|
||||
// .pipe( cleanCSS() )
|
||||
// .pipe( rename( { suffix: '.min' } ) )
|
||||
// .pipe( dest( 'assets/' + path + '/css' ) );
|
||||
// }
|
||||
|
||||
|
||||
/*
|
||||
var gulp = require('gulp');
|
||||
var uglify = require('gulp-uglify');
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
|
||||
<script type="text/template" id="tmpl-um-member-list">
|
||||
<div class="um-members-list">
|
||||
<div class="um-members um-members-list">
|
||||
|
||||
<# if ( data.length > 0 ) { #>
|
||||
<# _.each( data, function( user, key, list ) { #>
|
||||
@@ -77,7 +77,7 @@
|
||||
|
||||
<# if ( $show_block ) { #>
|
||||
<div class="um-member-meta-main">
|
||||
<div class="um-member-meta no-animate">
|
||||
<div class="um-member-meta">
|
||||
<?php foreach ( $reveal_fields as $key ) { ?>
|
||||
|
||||
<# if ( typeof user.<?php echo $key; ?> !== 'undefined' ) { #>
|
||||
|
||||
+116
-119
@@ -180,148 +180,145 @@ if ( ( ( $search && $show_search ) || ( $filters && $show_filters && count( $sea
|
||||
data-must-search="<?php echo esc_attr( $must_search ); ?>" data-searched="<?php echo $not_searched ? '0' : '1'; ?>"
|
||||
data-view_type="<?php echo esc_attr( $current_view ) ?>" data-page="<?php echo esc_attr( $current_page ) ?>">
|
||||
<div class="um-members-overlay"><div class="um-ajax-loading"></div></div>
|
||||
<div class="um-form">
|
||||
|
||||
<div class="um-member-directory-header <?php echo esc_attr( $classes ) ?>">
|
||||
<?php if ( $search && $show_search ) { ?>
|
||||
<div class="um-member-directory-search-line">
|
||||
<input type="text" class="um-search-line" placeholder="<?php esc_attr_e( 'Search', 'ultimate-member' ) ?>" value="<?php echo esc_attr( $search_from_url ) ?>" />
|
||||
<div class="uimob340-show uimob500-show">
|
||||
<a href="javascript:void(0);" class="um-button um-do-search um-tip-n" title="<?php esc_attr_e( 'Search', 'ultimate-member' ); ?>">
|
||||
<i class="um-faicon-search"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="uimob340-hide uimob500-hide">
|
||||
<a href="javascript:void(0);" class="um-button um-do-search"><?php _e( 'Search', 'ultimate-member' ); ?></a>
|
||||
</div>
|
||||
<div class="um-member-directory-header <?php echo esc_attr( $classes ) ?>">
|
||||
<?php if ( $search && $show_search ) { ?>
|
||||
<div class="um-member-directory-search-line">
|
||||
<input type="text" class="um-search-line" placeholder="<?php esc_attr_e( 'Search', 'ultimate-member' ) ?>" value="<?php echo esc_attr( $search_from_url ) ?>" />
|
||||
<div class="uimob340-show uimob500-show">
|
||||
<a href="javascript:void(0);" class="um-button um-do-search um-tip-n" title="<?php esc_attr_e( 'Search', 'ultimate-member' ); ?>">
|
||||
<i class="um-faicon-search"></i>
|
||||
</a>
|
||||
</div>
|
||||
<?php }
|
||||
<div class="uimob340-hide uimob500-hide">
|
||||
<a href="javascript:void(0);" class="um-button um-do-search"><?php _e( 'Search', 'ultimate-member' ); ?></a>
|
||||
</div>
|
||||
</div>
|
||||
<?php }
|
||||
|
||||
if ( ! empty( $args['enable_sorting'] ) && ! empty( $sorting_options ) && count( $sorting_options ) > 1 ) { ?>
|
||||
<div class="um-member-directory-sorting">
|
||||
<select class="um-s3 um-member-directory-sorting-options" id="um-member-directory-sorting-select-<?php echo esc_attr( $form_id ) ?>"
|
||||
data-placeholder="<?php esc_attr_e( 'Sort By', 'ultimate-member' ); ?>"
|
||||
<?php disabled( $not_searched ) ?>>
|
||||
<?php foreach ( $sorting_options as $value => $title ) { ?>
|
||||
<option value="<?php echo $value ?>" <?php selected( $sort_from_url, $value ) ?>><?php echo $title ?></option>
|
||||
<?php } ?>
|
||||
</select>
|
||||
if ( ! empty( $args['enable_sorting'] ) && ! empty( $sorting_options ) && count( $sorting_options ) > 1 ) { ?>
|
||||
<div class="um-member-directory-sorting">
|
||||
<select class="um-s3 um-member-directory-sorting-options" id="um-member-directory-sorting-select-<?php echo esc_attr( $form_id ) ?>"
|
||||
data-placeholder="<?php esc_attr_e( 'Sort By', 'ultimate-member' ); ?>"
|
||||
<?php disabled( $not_searched ) ?>>
|
||||
<?php foreach ( $sorting_options as $value => $title ) { ?>
|
||||
<option value="<?php echo $value ?>" <?php selected( $sort_from_url, $value ) ?>><?php echo $title ?></option>
|
||||
<?php } ?>
|
||||
</select>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<div class="um-member-directory-actions">
|
||||
<?php if ( $filters && $show_filters && count( $search_filters ) ) { ?>
|
||||
<div class="um-member-directory-filters">
|
||||
<a href="javascript:void(0);" class="um-member-directory-filters-a um-tip-n" title="<?php esc_attr_e( 'Filters', 'ultimate-member' ); ?>">
|
||||
<i class="um-faicon-sliders"></i>
|
||||
</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<div class="um-member-directory-actions">
|
||||
<?php if ( $filters && $show_filters && count( $search_filters ) ) { ?>
|
||||
<div class="um-member-directory-filters">
|
||||
<a href="javascript:void(0);" class="um-member-directory-filters-a um-tip-n" title="<?php esc_attr_e( 'Filters', 'ultimate-member' ); ?>">
|
||||
<i class="um-faicon-sliders"></i>
|
||||
</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if ( ! $single_view ) {
|
||||
$view_types = 0;
|
||||
|
||||
<?php if ( ! $single_view ) {
|
||||
$view_types = 0;
|
||||
|
||||
foreach ( UM()->member_directory()->view_types as $key => $value ) {
|
||||
if ( in_array( $key, $args['view_types'] ) ) {
|
||||
if ( empty( $view_types ) ) { ?>
|
||||
<div class="um-member-directory-view-type<?php if ( $not_searched ) {?> um-disabled<?php } ?>">
|
||||
<?php }
|
||||
|
||||
$view_types++; ?>
|
||||
|
||||
<a href="javascript:void(0)"
|
||||
class="um-member-directory-view-type-a<?php if ( ! $not_searched ) {?> um-tip-n<?php } ?>"
|
||||
data-type="<?php echo $key; ?>"
|
||||
title="<?php printf( esc_attr__( 'Change to %s', 'ultimate-member' ), $value['title'] ) ?>"
|
||||
default-title="<?php echo esc_attr( $value['title'] ); ?>"
|
||||
next-item="" ><i class="<?php echo $value['icon']; ?>"></i></a>
|
||||
foreach ( UM()->member_directory()->view_types as $key => $value ) {
|
||||
if ( in_array( $key, $args['view_types'] ) ) {
|
||||
if ( empty( $view_types ) ) { ?>
|
||||
<div class="um-member-directory-view-type<?php if ( $not_searched ) {?> um-disabled<?php } ?>">
|
||||
<?php }
|
||||
}
|
||||
|
||||
if ( ! empty( $view_types ) ) { ?>
|
||||
</div>
|
||||
$view_types++; ?>
|
||||
|
||||
<a href="javascript:void(0)"
|
||||
class="um-member-directory-view-type-a<?php if ( ! $not_searched ) {?> um-tip-n<?php } ?>"
|
||||
data-type="<?php echo $key; ?>"
|
||||
title="<?php printf( esc_attr__( 'Change to %s', 'ultimate-member' ), $value['title'] ) ?>"
|
||||
default-title="<?php echo esc_attr( $value['title'] ); ?>"
|
||||
next-item="" ><i class="<?php echo $value['icon']; ?>"></i></a>
|
||||
<?php }
|
||||
} ?>
|
||||
</div>
|
||||
}
|
||||
|
||||
if ( ! empty( $view_types ) ) { ?>
|
||||
</div>
|
||||
<?php }
|
||||
} ?>
|
||||
</div>
|
||||
<div class="um-clear"></div>
|
||||
</div>
|
||||
<div class="um-clear"></div>
|
||||
|
||||
<?php if ( $filters && $show_filters && count( $search_filters ) ) {
|
||||
<?php if ( $filters && $show_filters && count( $search_filters ) ) {
|
||||
|
||||
if ( is_array( $search_filters ) ) { ?>
|
||||
<script type="text/template" id="tmpl-um-members-filtered-line">
|
||||
<# if ( data.filters.length > 0 ) { #>
|
||||
<# _.each( data.filters, function( filter, key, list ) { #>
|
||||
<div class="um-members-filter-tag">
|
||||
<# if ( filter.type == 'slider' ) { #>
|
||||
<# if ( filter.value[0] == filter.value[1] ) { #>
|
||||
<strong>{{{filter.label}}}</strong>: {{{filter.value[0]}}}
|
||||
<# } else { #>
|
||||
{{{filter.value_label}}}
|
||||
<# } #>
|
||||
if ( is_array( $search_filters ) ) { ?>
|
||||
<script type="text/template" id="tmpl-um-members-filtered-line">
|
||||
<# if ( data.filters.length > 0 ) { #>
|
||||
<# _.each( data.filters, function( filter, key, list ) { #>
|
||||
<div class="um-members-filter-tag">
|
||||
<# if ( filter.type == 'slider' ) { #>
|
||||
<# if ( filter.value[0] == filter.value[1] ) { #>
|
||||
<strong>{{{filter.label}}}</strong>: {{{filter.value[0]}}}
|
||||
<# } else { #>
|
||||
<strong>{{{filter.label}}}</strong>: {{{filter.value_label}}}
|
||||
{{{filter.value_label}}}
|
||||
<# } #>
|
||||
<div class="um-members-filter-remove" data-name="{{{filter.name}}}" data-value="{{{filter.value}}}" data-range="{{{filter.range}}}" data-type="{{{filter.type}}}">×</div>
|
||||
</div>
|
||||
<# }); #>
|
||||
<# } #>
|
||||
</script>
|
||||
<# } else { #>
|
||||
<strong>{{{filter.label}}}</strong>: {{{filter.value_label}}}
|
||||
<# } #>
|
||||
<div class="um-members-filter-remove" data-name="{{{filter.name}}}" data-value="{{{filter.value}}}" data-range="{{{filter.range}}}" data-type="{{{filter.type}}}">×</div>
|
||||
</div>
|
||||
<# }); #>
|
||||
<# } #>
|
||||
</script>
|
||||
|
||||
<div class="um-search um-search-<?php echo count( $search_filters ) ?>">
|
||||
<?php $i = 0;
|
||||
foreach ( $search_filters as $filter ) {
|
||||
$filter_content = UM()->member_directory()->show_filter( $filter, $args );
|
||||
if ( empty( $filter_content ) ) {
|
||||
continue;
|
||||
} ?>
|
||||
|
||||
<div class="um-search-filter <?php echo ( $i != 0 && $i%2 !== 0 ) ? 'um-search-filter-2' : '' ?>"> <?php echo $filter_content; ?> </div>
|
||||
|
||||
<?php $i++;
|
||||
<div class="um-search um-search-<?php echo count( $search_filters ) ?>">
|
||||
<?php $i = 0;
|
||||
foreach ( $search_filters as $filter ) {
|
||||
$filter_content = UM()->member_directory()->show_filter( $filter, $args );
|
||||
if ( empty( $filter_content ) ) {
|
||||
continue;
|
||||
} ?>
|
||||
|
||||
<div class="um-clear"></div>
|
||||
</div>
|
||||
<div class="um-search-filter <?php echo ( $i != 0 && $i%2 !== 0 ) ? 'um-search-filter-2' : '' ?>"> <?php echo $filter_content; ?> </div>
|
||||
|
||||
<div class="um-filtered-line">
|
||||
<div class="um-clear-filters"><a href="javascript:void(0);" class="um-clear-filters-a"><?php esc_attr_e( 'Clear All Filters', 'ultimate-member' ); ?></a></div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
<?php $i++;
|
||||
} ?>
|
||||
|
||||
<div class="um-clear"></div>
|
||||
</div>
|
||||
|
||||
<div class="um-filtered-line">
|
||||
<div class="um-clear-filters"><a href="javascript:void(0);" class="um-clear-filters-a"><?php esc_attr_e( 'Clear All Filters', 'ultimate-member' ); ?></a></div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
do_action( 'um_members_directory_head', $args );
|
||||
?>
|
||||
}
|
||||
do_action( 'um_members_directory_head', $args );
|
||||
?>
|
||||
|
||||
<div class="um-members-wrapper">
|
||||
<div class="um-members-wrapper"></div>
|
||||
|
||||
</div>
|
||||
<div class="um-clear"></div>
|
||||
<div class="um-clear"></div>
|
||||
|
||||
<div class="um-members-pagination-box"></div>
|
||||
<div class="um-members-pagination-box"></div>
|
||||
|
||||
<?php
|
||||
/**
|
||||
* UM hook
|
||||
*
|
||||
* @type action
|
||||
* @title um_members_directory_footer
|
||||
* @description Member directory display footer
|
||||
* @input_vars
|
||||
* [{"var":"$args","type":"array","desc":"Member directory shortcode arguments"}]
|
||||
* @change_log
|
||||
* ["Since: 2.0"]
|
||||
* @usage add_action( 'um_members_directory_footer', 'function_name', 10, 1 );
|
||||
* @example
|
||||
* <?php
|
||||
* add_action( 'um_members_directory_footer', 'my_members_directory_footer', 10, 1 );
|
||||
* function my_members_directory_footer( $args ) {
|
||||
* // your code here
|
||||
* }
|
||||
* ?>
|
||||
*/
|
||||
do_action( 'um_members_directory_footer', $args ); ?>
|
||||
<?php
|
||||
/**
|
||||
* UM hook
|
||||
*
|
||||
* @type action
|
||||
* @title um_members_directory_footer
|
||||
* @description Member directory display footer
|
||||
* @input_vars
|
||||
* [{"var":"$args","type":"array","desc":"Member directory shortcode arguments"}]
|
||||
* @change_log
|
||||
* ["Since: 2.0"]
|
||||
* @usage add_action( 'um_members_directory_footer', 'function_name', 10, 1 );
|
||||
* @example
|
||||
* <?php
|
||||
* add_action( 'um_members_directory_footer', 'my_members_directory_footer', 10, 1 );
|
||||
* function my_members_directory_footer( $args ) {
|
||||
* // your code here
|
||||
* }
|
||||
* ?>
|
||||
*/
|
||||
do_action( 'um_members_directory_footer', $args ); ?>
|
||||
|
||||
<div class="um-clear"></div>
|
||||
</div>
|
||||
<div class="um-clear"></div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user