- wp-admin assets refactoring (in process);

.editorconfig

@@ -13,7 +13,7 @@ insert_final_newline = true
 trim_trailing_whitespace = true
 indent_style = tab
 
-[{.jshintrc,*.json,*.yml}]
+[{.jshintrc,*.json,*.yml,*.sass}]
 indent_style = space
 indent_size = 2
 

assets/css/admin/_colors.sass

@@ -0,0 +1,109 @@
+$um-base: #0085ba
+$um-base-hover: #008ec2
+$delete-link: #a00
+$delete-link-hover: #f00
+
+$tooltip-back: #333
+$tooltip-color: #eee
+
+$admin-ok: #7acf58
+$admin-warning: #c74a4a
+
+$border: #ddd
+$hover: #ccc
+$shadow1: rgba(50,50,93,.1)
+$shadow2: rgba(0,0,0,.07)
+
+
+$wp-background: #f1f1f1
+//$overlay: #333
+$grey-text: #eee
+$border-color: #eee
+
+
+$white: #fff
+$sub-color: #a3a3a3
+$preloader-base: #c6c6c6
+$preloader-second: fade-out( $preloader-base, .8 )
+$sub-color-hover: darken( $sub-color, 15% )
+$link: #000
+$active-link: fade-out( $link,.2 )
+$visited-link: #999
+$overlay: fade-out( $link,.15 )
+$like: #f13a37
+$active-like: fade-out( $like,.2 )
+$active-unlike: fade-out( $sub-color,.2 )
+$border-color: #dddddd
+$icon-color: #909090
+$child-sub: #f6f8fc
+$child-line: #ebecf0
+$shadow1: rgba(50,50,93,.1)
+$shadow2: rgba(0,0,0,.07)
+$trashed-row: #ff787b
+$pending-row: #ffd096
+
+$notice-text: #3f7cc7
+
+
+
+// NEW COLORS since v3
+$required-asterisk: #a00
+$error-text: var(--um-blocks-error-color, #d92d20)
+
+$um-font-size: 14px
+
+$um-white: #fff
+$um-black: #000
+$wp-admin-primary: #2271b1
+$wp-admin-text: #3c434a
+
+$um-primary: var(--um-blocks-button-bg-color, #eee)
+$um-primary-hover: var(--um-blocks-button-bg-hover-color, #ddd)
+$um-text: var(--um-blocks-button-fg-color, #333)
+
+$button-bg: var(--um-blocks-button-bg-color, #eee)
+$button-bg-hover: var(--um-blocks-button-bg-hover-color, #ddd)
+$button-color: var(--um-blocks-button-fg-color, #333)
+$button-border-radius: 8px
+$button-line-height: 22px
+
+// Figma shades of gray colors
+$gray-25: var(--um-gray-25, #fcfcfd)
+$gray-50: var(--um-gray-50, #f9fafb)
+$gray-100: var(--um-gray-100, #f2f4f7)
+$gray-200: var(--um-gray-200, #eaecf0)
+$gray-300: var(--um-gray-300, #d0d5dd)
+$gray-400: var(--um-gray-400, #98a2b3)
+$gray-500: var(--um-gray-500, #667085)
+$gray-600: var(--um-gray-600, #475467)
+$gray-700: var(--um-gray-700, #344054)
+$gray-800: var(--um-gray-800, #1d2939)
+$gray-900: var(--um-gray-900, #101828)
+
+// Figma shades of error colors
+$error-25: var(--um-error-25, #fcfcfd)
+$error-50: var(--um-error-50, #f9fafb)
+$error-100: var(--um-error-100, #fee4e2)
+$error-200: var(--um-error-200, #eaecf0)
+$error-300: var(--um-error-300, #d0d5dd)
+$error-400: var(--um-error-400, #98a2b3)
+$error-500: var(--um-error-500, #667085)
+$error-600: var(--um-error-600, #475467)
+$error-700: var(--um-error-700, #b42318)
+$error-800: var(--um-error-800, #1d2939)
+$error-900: var(--um-error-900, #101828)
+
+// Text input variables
+$text-input-border-radius: 6px
+$text-input-bg: $um-white
+$text-input-color: $um-black
+$text-input-border-color: $gray-300
+$text-input-border-color-focus: $gray-400
+
+$semi-bold-weight: 500
+$bold-weight: 600 // CSS bold = 700, so it will be applied if there aren't 600 weight for the font
+$label-size: 15px
+
+// Links variables
+$link-color: $um-primary
+$link-hover-color: $um-primary-hover

assets/css/admin/_mixins.sass

@@ -0,0 +1,44 @@
+=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
+
+// Figma xs shadow
+=box-shadow-xs
+  box-shadow: 0 1px 2px rgba( 16, 24, 40, 0.05 )
+// Figma lg shadow
+=box-shadow-lg
+  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03)
+// Figma md shadow
+=box-shadow-md
+  box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06)
+
+=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
+
+=border-radius ($tl, $tr, $br, $bl)
+  border-radius: $tl $tr $br $bl
+  -moz-border-radius: $tl $tr $br $bl
+  -webkit-border-radius: $tl $tr $br $bl

assets/css/admin/_selectors.sass

@@ -0,0 +1,7 @@
+$prefix: um-
+$helptip: um_tooltip
+
+$pr: primary-
+$button: #{$prefix}button
+$primary-button: #{$prefix}#{$pr}button
+$avatar: #{$prefix}user-avatar

assets/css/admin/block.css

@@ -0,0 +1,7 @@
+.um_block_settings .um_block_settings_hide {
+  display: none; }
+
+.um_block_settings .components-select-control .components-select-control__input[multiple] {
+  height: auto; }
+  .um_block_settings .components-select-control .components-select-control__input[multiple] + .components-input-control__suffix {
+    display: none; }

assets/css/admin/block.min.css

@@ -0,0 +1 @@
+.um_block_settings .um_block_settings_hide{display:none}.um_block_settings .components-select-control .components-select-control__input[multiple]{height:auto}.um_block_settings .components-select-control .components-select-control__input[multiple]+.components-input-control__suffix{display:none}

assets/css/admin/block.sass

@@ -0,0 +1,10 @@
+// Block restriction settings.
+
+.um_block_settings
+  .um_block_settings_hide
+    display: none
+  .components-select-control
+    .components-select-control__input[multiple]
+      height: auto
+      & + .components-input-control__suffix
+        display: none

assets/css/admin/builder.css

@@ -30,6 +30,13 @@
 		-webkit-transform: rotate(360deg);
 		transform: rotate(360deg); } }
 
+.um-admin a.um-admin-activebg,
+.um-admin a.um-admin-activebg:hover {
+	/*background: #3ba1da;*/
+	background: #0085ba;
+	color: #fff;
+}
+
 /*
 	- General
 */
@@ -106,13 +113,13 @@
 	color: #fff;
 }
 
-.um-admin-drag-ctrls.columns a {width: 30px !important;background-image: url(../img/1-column.gif); background-repeat: no-repeat; background-position: center;}
+.um-admin-drag-ctrls.columns a {width: 30px !important;background-image: url(../../img/builder/1-column.gif); background-repeat: no-repeat; background-position: center;}
-.um-admin-drag-ctrls.columns a:nth-child(2) {background-image: url(../img/2-columns.gif);}
+.um-admin-drag-ctrls.columns a:nth-child(2) {background-image: url(../../img/builder/2-columns.gif);}
-.um-admin-drag-ctrls.columns a:last-child {background-image: url(../img/3-columns.gif);}
+.um-admin-drag-ctrls.columns a:last-child {background-image: url(../../img/builder/3-columns.gif);}
 
-.um-admin-drag-ctrls.columns a.active {background-image: url(../img/1-column-active.gif)}
+.um-admin-drag-ctrls.columns a.active {background-image: url(../../img/builder/1-column-active.gif)}
-.um-admin-drag-ctrls.columns a.active:nth-child(2) {background-image: url(../img/2-columns-active.gif);}
+.um-admin-drag-ctrls.columns a.active:nth-child(2) {background-image: url(../../img/builder/2-columns-active.gif);}
-.um-admin-drag-ctrls.columns a.active:last-child {background-image: url(../img/3-columns-active.gif);}
+.um-admin-drag-ctrls.columns a.active:last-child {background-image: url(../../img/builder/3-columns-active.gif);}
 
 /*
 	- Drag Area
@@ -388,3 +395,85 @@
 #UM_preview_form .um-admin-modal-body {
 	position: relative;
 }
+
+.um-admin-half {
+	float: left;
+	width: 48%;
+}
+
+.um-admin-tri {
+	float: left;
+	width: 33%;
+}
+
+.um-admin-left {
+	float: left;
+}
+
+.um-admin-right {
+	float: right;
+}
+
+/* Select form type links */
+
+.um-admin-boxed-links {
+	width: 100%;
+	text-align: center;
+}
+
+.um-admin-boxed-links a {
+	width: 33.3%;
+	float: left;
+	border-left: 1px solid #fff;
+	border-right: 1px solid #fff;
+	padding: 30px 25px !important;
+	background: #f8f8f8;
+	text-align: center;
+	display: inline-block !important;
+	font-size: 14px;
+	transition: all .2s linear;
+	text-decoration: none;
+	color: #666;
+	margin: 0 !important;
+	box-sizing: border-box !important;
+	border-radius: 2px;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	font-weight: 600;
+}
+
+.um-admin-boxed-links i {
+	font-size: 28px;
+	vertical-align: middle;
+	margin: 0 10px 0 0;
+}
+
+.um-admin-boxed-links a:hover {
+	background: #eee;
+}
+
+/*
+	- Error blocks
+*/
+
+.um-admin-error-block, .um-admin-success-block{
+	display: none;
+	width: 100%;
+	background: #C74A4A;
+	border-radius: 3px;
+	color: #fff;
+	box-sizing: border-box;
+	position: relative;
+	padding: 12px;
+	font-size: 13px;
+	line-height: 1em !important;
+	margin: 0 0 16px 0;
+}
+
+.um-admin-success-block {
+	background: #7ACF58;
+}
+
+.um-admin-cur-condition-template {
+	display: none;
+}

assets/css/admin/common.css

@@ -0,0 +1,91 @@
+.um-adm-ico {
+  font-size: 18px;
+  width: 18px;
+  text-align: center;
+  display: inline-block;
+  color: #7acf58; }
+  .um-adm-ico.inactive {
+    color: #c74a4a; }
+  .um-adm-ico.pointer {
+    cursor: pointer; }
+
+body.um-admin-modal-open {
+  overflow: hidden; }
+
+.um-admin #major-publishing-actions {
+  background-color: #fff !important;
+  border-top: 0; }
+
+.um-admin a.button i,
+.um-admin a.button-primary i {
+  font-size: 15px !important;
+  height: 15px !important;
+  width: 15px !important;
+  text-align: center !important;
+  margin: 0 5px 0 0 !important;
+  display: inline-block; }
+  .um-admin a.button i:before,
+  .um-admin a.button-primary i:before {
+    position: relative;
+    top: 1px; }
+
+.um-admin-metabox * {
+  -webkit-font-smoothing: antialiased !important;
+  -moz-osx-font-smoothing: grayscale !important; }
+
+.um-admin-metabox h6 {
+  font-size: 14px;
+  margin: 12px 0 0 0; }
+
+.um-admin-metabox h3 {
+  padding-left: 0 !important; }
+
+.um-admin-metabox h4 {
+  font-size: 14px;
+  background: #f5f5f5;
+  padding: 8px 4px;
+  color: #333; }
+
+.um-admin-metabox p {
+  margin: 10px 0 0 0; }
+
+.um-admin-metabox label {
+  display: block;
+  cursor: default;
+  padding: 0 !important;
+  font-size: 13px;
+  color: #666; }
+
+.um-admin-metabox input[type="text"] {
+  height: auto !important;
+  width: 100%;
+  max-width: 100%;
+  display: block;
+  box-sizing: border-box !important;
+  font-size: 13px !important;
+  line-height: 1.4em !important;
+  padding: 4px 10px !important; }
+  .um-admin-metabox input[type="text"]:disabled {
+    opacity: 0.7 !important;
+    color: #aaa !important; }
+  .um-admin-metabox input[type="text"].small {
+    width: 54px; }
+  .um-admin-metabox input[type="text"].um-admin-error {
+    border-color: #c74a4a !important; }
+
+.um-admin-metabox textarea {
+  width: 100%;
+  max-width: 100%;
+  display: block;
+  box-sizing: border-box !important;
+  font-size: 13px !important;
+  line-height: 1.4em !important;
+  padding: 8px !important;
+  color: #888 !important;
+  min-height: 100px;
+  height: 100px; }
+  .um-admin-metabox textarea.tall {
+    min-height: 200px;
+    height: 200px; }
+  .um-admin-metabox textarea.um-admin-error {
+    border-color: #c74a4a !important; }

assets/css/admin/common.min.css

@@ -0,0 +1 @@
+.um-adm-ico{font-size:18px;width:18px;text-align:center;display:inline-block;color:#7acf58}.um-adm-ico.inactive{color:#c74a4a}.um-adm-ico.pointer{cursor:pointer}body.um-admin-modal-open{overflow:hidden}.um-admin #major-publishing-actions{background-color:#fff!important;border-top:0}.um-admin a.button i,.um-admin a.button-primary i{font-size:15px!important;height:15px!important;width:15px!important;text-align:center!important;margin:0 5px 0 0!important;display:inline-block}.um-admin a.button i:before,.um-admin a.button-primary i:before{position:relative;top:1px}.um-admin-metabox *{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.um-admin-metabox h6{font-size:14px;margin:12px 0 0 0}.um-admin-metabox h3{padding-left:0!important}.um-admin-metabox h4{font-size:14px;background:#f5f5f5;padding:8px 4px;color:#333}.um-admin-metabox p{margin:10px 0 0 0}.um-admin-metabox label{display:block;cursor:default;padding:0!important;font-size:13px;color:#666}.um-admin-metabox input[type=text]{height:auto!important;width:100%;max-width:100%;display:block;box-sizing:border-box!important;font-size:13px!important;line-height:1.4em!important;padding:4px 10px!important}.um-admin-metabox input[type=text]:disabled{opacity:.7!important;color:#aaa!important}.um-admin-metabox input[type=text].small{width:54px}.um-admin-metabox input[type=text].um-admin-error{border-color:#c74a4a!important}.um-admin-metabox textarea{width:100%;max-width:100%;display:block;box-sizing:border-box!important;font-size:13px!important;line-height:1.4em!important;padding:8px!important;color:#888!important;min-height:100px;height:100px}.um-admin-metabox textarea.tall{min-height:200px;height:200px}.um-admin-metabox textarea.um-admin-error{border-color:#c74a4a!important}

assets/css/admin/common.sass

@@ -0,0 +1,90 @@
+@import "selectors"
+@import "colors"
+
+.#{$prefix}adm-ico
+  font-size: 18px
+  width: 18px
+  text-align: center
+  display: inline-block
+  color: #{$admin-ok}
+  &.inactive
+    color: #{$admin-warning}
+  &.pointer
+    cursor: pointer
+
+body.#{$prefix}admin-modal-open
+  overflow: hidden
+
+.#{$prefix}admin
+  #major-publishing-actions
+    background-color: #fff !important
+    border-top: 0
+  a.button,
+  a.button-primary
+    i
+      font-size: 15px !important
+      height: 15px !important
+      width: 15px !important
+      text-align: center !important
+      margin: 0 5px 0 0 !important
+      display: inline-block
+      &:before
+        position: relative
+        top: 1px
+
+.#{$prefix}admin-metabox
+  *
+    -webkit-font-smoothing: antialiased !important
+    -moz-osx-font-smoothing: grayscale !important
+  h6
+    font-size: 14px
+    margin: 12px 0 0 0
+  h3
+    padding-left: 0 !important
+  h4
+    font-size: 14px
+    background: #f5f5f5
+    padding: 8px 4px
+    color: #333
+  p
+    margin: 10px 0 0 0
+  label
+    display: block
+    cursor: default
+    padding: 0 !important
+    font-size: 13px
+    color: #666
+
+  input[type="text"]
+    height: auto !important
+    width: 100%
+    max-width: 100%
+    display: block
+    box-sizing: border-box !important
+    font-size: 13px !important
+    line-height: 1.4em !important
+    padding: 4px 10px !important
+    &:disabled
+      opacity: 0.7 !important
+      color: #aaa !important
+    &.small
+      width: 54px
+    &.#{$prefix}admin-error
+      border-color: #{$admin-warning} !important
+
+  textarea
+    width: 100%
+    max-width: 100%
+    display: block
+    box-sizing: border-box !important
+    font-size: 13px !important
+    line-height: 1.4em !important
+    padding: 8px !important
+    color: #888 !important
+    min-height: 100px
+    height: 100px
+    &.tall
+      min-height: 200px
+      height: 200px
+    &.#{$prefix}admin-error
+      border-color: #{$admin-warning} !important

assets/css/admin/dashboard.css

@@ -0,0 +1,67 @@
+#um-metaboxes-general h1 sup {
+  font-size: 14px;
+  position: relative;
+  font-weight: 400;
+  background: #0085ba;
+  color: #fff !important;
+  padding: 2px 4px !important;
+  border-radius: 3px;
+  top: 5px;
+  left: 3px;
+  border: none !important; }
+
+#um-metaboxes-general.wrap a.red,
+#um-metaboxes-general.wrap span.red {
+  color: #c74a4a; }
+
+#um-metaboxes-general.wrap span.ok {
+  color: #7acf58; }
+
+.um-metabox-holder p.sub {
+  padding: 0 4px 2px 4px;
+  margin: 0 0 8px 0;
+  color: #8F8F8F;
+  font-size: 14px;
+  border-bottom: 1px solid #ECECEC; }
+
+.um-metabox-holder .table {
+  float: left;
+  width: 45%; }
+  .um-metabox-holder .table td {
+    white-space: nowrap;
+    font-size: 12px; }
+
+.um-metabox-holder a.warning {
+  color: #c74a4a !important;
+  background: transparent !important;
+  border: 0; }
+
+.um-metabox-holder .table_right {
+  float: right;
+  width: 45%; }
+
+.um-metabox-holder td.b {
+  padding-right: 6px;
+  text-align: right;
+  font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
+  font-size: 14px;
+  width: 1%; }
+  .um-metabox-holder td.b a {
+    font-size: 18px; }
+
+.um-metabox-holder .norm i {
+  display: inline-block;
+  width: 30px;
+  text-align: center; }
+
+.um-metabox-holder .norm p {
+  margin: 5px 0; }
+
+.um-metabox-holder .norm .count {
+  font-size: 16px;
+  font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
+  color: #999;
+  width: 40px;
+  display: inline-block;
+  text-align: right;
+  margin-right: 10px; }

assets/css/admin/dashboard.min.css

@@ -0,0 +1 @@
+#um-metaboxes-general h1 sup{font-size:14px;position:relative;font-weight:400;background:#0085ba;color:#fff!important;padding:2px 4px!important;border-radius:3px;top:5px;left:3px;border:none!important}#um-metaboxes-general.wrap a.red,#um-metaboxes-general.wrap span.red{color:#c74a4a}#um-metaboxes-general.wrap span.ok{color:#7acf58}.um-metabox-holder p.sub{padding:0 4px 2px 4px;margin:0 0 8px 0;color:#8f8f8f;font-size:14px;border-bottom:1px solid #ececec}.um-metabox-holder .table{float:left;width:45%}.um-metabox-holder .table td{white-space:nowrap;font-size:12px}.um-metabox-holder a.warning{color:#c74a4a!important;background:0 0!important;border:0}.um-metabox-holder .table_right{float:right;width:45%}.um-metabox-holder td.b{padding-right:6px;text-align:right;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-size:14px;width:1%}.um-metabox-holder td.b a{font-size:18px}.um-metabox-holder .norm i{display:inline-block;width:30px;text-align:center}.um-metabox-holder .norm p{margin:5px 0}.um-metabox-holder .norm .count{font-size:16px;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;color:#999;width:40px;display:inline-block;text-align:right;margin-right:10px}

assets/css/admin/dashboard.sass

@@ -0,0 +1,74 @@
+@import "colors"
+@import "selectors"
+@import "mixins"
+
+#um-metaboxes-general
+  h1
+    sup
+      font-size: 14px
+      position: relative
+      font-weight: 400
+      background: #{$um-base}
+      color: #fff !important
+      padding: 2px 4px !important
+      border-radius: 3px
+      top: 5px
+      left: 3px
+      border: none !important
+  &.wrap
+    a.red,
+    span.red
+      color: #{$admin-warning}
+    span.ok
+      color: #{$admin-ok}
+
+.um-metabox-holder
+  p.sub
+    padding: 0 4px 2px 4px
+    margin: 0 0 8px 0
+    color: #8F8F8F
+    font-size: 14px
+    border-bottom: 1px solid #ECECEC
+
+  .table
+    float: left
+    width: 45%
+    td
+      white-space: nowrap
+      font-size: 12px
+
+  a.warning
+    color: #{$admin-warning} !important
+    background: transparent !important
+    border: 0
+
+  .table_right
+    float: right
+    width: 45%
+
+  td.b
+    padding-right: 6px
+    text-align: right
+    font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif
+    font-size: 14px
+    width: 1%
+    a
+      font-size: 18px
+
+  .norm
+    i
+      display: inline-block
+      width: 30px
+      text-align: center
+
+    p
+      margin: 5px 0
+
+    .count
+      font-size: 16px
+      font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif
+      color: #999
+      width: 40px
+      display: inline-block
+      text-align: right
+      margin-right: 10px

assets/css/admin/directories-screen.css

@@ -0,0 +1,13 @@
+.um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-id {
+  width: 60px; }
+
+.um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-shortcode {
+  width: 35%; }
+
+.um-admin.post-type-um_directory .wp-list-table.posts .column-is_default {
+  width: 120px;
+  text-align: center !important; }
+
+@media screen and (max-width: 782px) {
+  .um-admin.post-type-um_directory .wp-list-table.posts td.column-is_default {
+    text-align: left !important; } }

assets/css/admin/directories-screen.min.css

@@ -0,0 +1 @@
+.um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-id{width:60px}.um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-shortcode{width:35%}.um-admin.post-type-um_directory .wp-list-table.posts .column-is_default{width:120px;text-align:center!important}@media screen and (max-width:782px){.um-admin.post-type-um_directory .wp-list-table.posts td.column-is_default{text-align:left!important}}

assets/css/admin/directories-screen.sass

@@ -0,0 +1,18 @@
+@import "selectors"
+
+.#{$prefix}admin.post-type-um_directory
+  .wp-list-table.posts
+    .manage-column
+      &.column-id
+        width: 60px
+      &.column-shortcode
+        width: 35%
+    .column-is_default
+      width: 120px
+      text-align: center !important
+
+@media screen and (max-width: 782px)
+  .#{$prefix}admin.post-type-um_directory
+    .wp-list-table.posts
+      td.column-is_default
+        text-align: left !important

assets/css/admin/extensions.css

@@ -0,0 +1,146 @@
+#um-extensions-wrap #the-list {
+  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-extensions-wrap .plugin-card {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+  flex-wrap: nowrap;
+  width: 100%;
+  margin: 0;
+  padding: 20px; }
+
+#um-extensions-wrap .plugin-image-wrapper {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: nowrap;
+  color: #fff;
+  height: 70px;
+  width: 70px;
+  margin: 0 auto;
+  border-radius: 60px;
+  box-shadow: 0 2px 9px rgba(50, 50, 93, 0.21);
+  border: solid 4px #fff;
+  overflow: hidden; }
+  #um-extensions-wrap .plugin-image-wrapper a {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background-color: #7856ff; }
+
+#um-extensions-wrap a.plugin-image {
+  display: block; }
+  #um-extensions-wrap a.plugin-image img {
+    display: block; }
+  #um-extensions-wrap a.plugin-image.svg-image {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: nowrap; }
+    #um-extensions-wrap a.plugin-image.svg-image img {
+      filter: invert(1);
+      background-color: transparent;
+      width: 38px;
+      height: auto; }
+  #um-extensions-wrap a.plugin-image:not(.svg-image) img {
+    width: 70px;
+    margin: 0;
+    height: 70px;
+    padding: 0; }
+
+#um-extensions-wrap #um_bbpress_image {
+  background-color: #fff !important;
+  filter: none !important;
+  width: 70px !important; }
+
+#um-extensions-wrap #um_mycred_image {
+  background-color: #fff; }
+
+#um-extensions-wrap #um_groups_image,
+#um-extensions-wrap #um_profile-tabs_image,
+#um-extensions-wrap #um_user-tags_image,
+#um-extensions-wrap #um_friends_image,
+#um-extensions-wrap #um_user-reviews_image,
+#um-extensions-wrap #um_verified-users_image,
+#um-extensions-wrap #um_private-content_image,
+#um-extensions-wrap #um_online-users_image {
+  width: 36px !important; }
+
+#um-extensions-wrap #um_notices_image,
+#um-extensions-wrap #um_social-activity_image,
+#um-extensions-wrap #um_profile-completeness_image,
+#um-extensions-wrap #um_private-messages_image,
+#um-extensions-wrap #um_user-photos_image,
+#um-extensions-wrap #um_terms-conditions_image {
+  width: 29px !important; }
+
+#um-extensions-wrap #um_social-login_image {
+  width: 28px !important; }
+
+#um-extensions-wrap #um_real-time-notifications_image,
+#um-extensions-wrap #um_user-notes_image {
+  width: 26px !important; }
+
+#um-extensions-wrap #um_followers_image,
+#um-extensions-wrap #um_user-locations_image {
+  width: 32px !important; }
+
+#um-extensions-wrap #um_user-bookmarks_image {
+  width: 23px !important; }
+
+#um-extensions-wrap .plugin-card-top {
+  margin: 0;
+  padding: 20px 0 0 0;
+  width: 100%;
+  min-height: 100px; }
+  #um-extensions-wrap .plugin-card-top h3 {
+    text-align: center;
+    margin: 0 0 20px 0;
+    padding: 0; }
+  #um-extensions-wrap .plugin-card-top .desc {
+    text-align: center;
+    margin: 0 !important;
+    padding: 0 !important; }
+
+#um-extensions-wrap .plugin-action-links {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: baseline;
+  flex-wrap: nowrap;
+  width: 100%;
+  padding: 20px 0 0 0; }
+
+@media (max-width: 1152px) {
+  #um-extensions-wrap .plugin-card-top {
+    min-height: 120px; } }
+
+@media (max-width: 992px) {
+  #um-extensions-wrap #the-list {
+    grid-template-columns: repeat(2, 1fr);
+    -ms-grid-template-columns: repeat(2, 1fr); } }
+
+@media (max-width: 782px) {
+  #um-extensions-wrap #the-list {
+    grid-template-columns: repeat(1, 1fr);
+    -ms-grid-template-columns: repeat(1, 1fr); } }
+
+@media screen and (max-width: 782px) {
+  #um-extensions-wrap .plugin-card-top {
+    min-height: 80px; } }

assets/css/admin/extensions.min.css

@@ -0,0 +1 @@
+#um-extensions-wrap #the-list{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-extensions-wrap .plugin-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;width:100%;margin:0;padding:20px}#um-extensions-wrap .plugin-image-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;color:#fff;height:70px;width:70px;margin:0 auto;border-radius:60px;box-shadow:0 2px 9px rgba(50,50,93,.21);border:solid 4px #fff;overflow:hidden}#um-extensions-wrap .plugin-image-wrapper a{width:100%;height:100%;margin:0;padding:0;background-color:#7856ff}#um-extensions-wrap a.plugin-image{display:block}#um-extensions-wrap a.plugin-image img{display:block}#um-extensions-wrap a.plugin-image.svg-image{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}#um-extensions-wrap a.plugin-image.svg-image img{filter:invert(1);background-color:transparent;width:38px;height:auto}#um-extensions-wrap a.plugin-image:not(.svg-image) img{width:70px;margin:0;height:70px;padding:0}#um-extensions-wrap #um_bbpress_image{background-color:#fff!important;filter:none!important;width:70px!important}#um-extensions-wrap #um_mycred_image{background-color:#fff}#um-extensions-wrap #um_friends_image,#um-extensions-wrap #um_groups_image,#um-extensions-wrap #um_online-users_image,#um-extensions-wrap #um_private-content_image,#um-extensions-wrap #um_profile-tabs_image,#um-extensions-wrap #um_user-reviews_image,#um-extensions-wrap #um_user-tags_image,#um-extensions-wrap #um_verified-users_image{width:36px!important}#um-extensions-wrap #um_notices_image,#um-extensions-wrap #um_private-messages_image,#um-extensions-wrap #um_profile-completeness_image,#um-extensions-wrap #um_social-activity_image,#um-extensions-wrap #um_terms-conditions_image,#um-extensions-wrap #um_user-photos_image{width:29px!important}#um-extensions-wrap #um_social-login_image{width:28px!important}#um-extensions-wrap #um_real-time-notifications_image,#um-extensions-wrap #um_user-notes_image{width:26px!important}#um-extensions-wrap #um_followers_image,#um-extensions-wrap #um_user-locations_image{width:32px!important}#um-extensions-wrap #um_user-bookmarks_image{width:23px!important}#um-extensions-wrap .plugin-card-top{margin:0;padding:20px 0 0 0;width:100%;min-height:100px}#um-extensions-wrap .plugin-card-top h3{text-align:center;margin:0 0 20px 0;padding:0}#um-extensions-wrap .plugin-card-top .desc{text-align:center;margin:0!important;padding:0!important}#um-extensions-wrap .plugin-action-links{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;flex-wrap:nowrap;width:100%;padding:20px 0 0 0}@media (max-width:1152px){#um-extensions-wrap .plugin-card-top{min-height:120px}}@media (max-width:992px){#um-extensions-wrap #the-list{grid-template-columns:repeat(2,1fr);-ms-grid-template-columns:repeat(2,1fr)}}@media (max-width:782px){#um-extensions-wrap #the-list{grid-template-columns:repeat(1,1fr);-ms-grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:782px){#um-extensions-wrap .plugin-card-top{min-height:80px}}

assets/css/admin/extensions.sass

@@ -0,0 +1,138 @@
+@import "selectors"
+@import "mixins"
+
+#um-extensions-wrap
+  #the-list
+    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
+  .plugin-card
+    +flex( column, flex-start, stretch, nowrap )
+    width: 100%
+    margin: 0
+    padding: 20px
+  .plugin-image-wrapper
+    +flex( row, center, center, nowrap )
+    color: #fff
+    height: 70px
+    width: 70px
+    margin: 0 auto
+    border-radius: 60px
+    box-shadow: 0 2px 9px rgba(50,50,93,0.21)
+    border: solid 4px #fff
+    overflow: hidden
+    a
+      width: 100%
+      height: 100%
+      margin: 0
+      padding: 0
+      background-color: #7856ff
+
+  a.plugin-image
+    display: block
+    img
+      display: block
+    &.svg-image
+      +flex( row, center, center, nowrap )
+      img
+        filter: invert(1)
+        background-color: transparent
+        width: 38px
+        height: auto
+    &:not(.svg-image)
+      img
+        width: 70px
+        margin: 0
+        height: 70px
+        padding: 0
+
+  #um_bbpress_image
+    background-color: #fff !important
+    filter: none !important
+    width: 70px !important
+
+  #um_mycred_image
+    background-color: #fff
+
+  #um_groups_image,
+  #um_profile-tabs_image,
+  #um_user-tags_image,
+  #um_friends_image,
+  #um_user-reviews_image,
+  #um_verified-users_image,
+  #um_private-content_image,
+  #um_online-users_image
+    width: 36px !important
+
+  #um_notices_image,
+  #um_social-activity_image,
+  #um_profile-completeness_image,
+  #um_private-messages_image,
+  #um_user-photos_image,
+  #um_terms-conditions_image
+    width: 29px !important
+
+  #um_social-login_image
+    width: 28px !important
+
+  #um_real-time-notifications_image,
+  #um_user-notes_image
+    width: 26px !important
+
+  #um_followers_image,
+  #um_user-locations_image
+    width: 32px !important
+
+  #um_user-bookmarks_image
+    width: 23px !important
+
+  .plugin-card-top
+    margin: 0
+    padding: 20px 0 0 0
+    width: 100%
+    min-height: 100px
+    h3
+      text-align: center
+      margin: 0 0 20px 0
+      padding: 0
+    .desc
+      text-align: center
+      margin: 0 !important
+      padding: 0 !important
+
+  .plugin-action-links
+    +flex( row, space-between, baseline, nowrap )
+    width: 100%
+    padding: 20px 0 0 0
+
+
+@media (max-width: 1152px)
+  #um-extensions-wrap
+    .plugin-card-top
+      min-height: 120px
+
+@media (max-width: 992px)
+  #um-extensions-wrap
+    #the-list
+      grid-template-columns: repeat(2, 1fr)
+      -ms-grid-template-columns: repeat(2, 1fr)
+
+@media (max-width: 782px)
+  #um-extensions-wrap
+    #the-list
+      grid-template-columns: repeat(1, 1fr)
+      -ms-grid-template-columns: repeat(1, 1fr)
+
+@media screen and (max-width: 782px)
+  #um-extensions-wrap
+    .plugin-card-top
+      min-height: 80px

assets/css/admin/forms-screen.css

@@ -0,0 +1,17 @@
+.um-admin.post-type-um_form .manage-column.column-id {
+  width: 60px; }
+
+.um-admin.post-type-um_form .manage-column.column-mode {
+  width: 100px; }
+
+.um-admin.post-type-um_form .manage-column.column-is_default {
+  width: 60px; }
+
+.um-admin.post-type-um_form .manage-column.column-title {
+  width: 200px; }
+
+.um-admin.post-type-um_form .manage-column.column-shortcode {
+  width: 200px; }
+
+.um-admin.post-type-um_form td.column-shortcode, .um-admin.post-type-um_form td.column-id {
+  font-size: 14px; }

assets/css/admin/forms-screen.min.css

@@ -0,0 +1 @@
+.um-admin.post-type-um_form .manage-column.column-id{width:60px}.um-admin.post-type-um_form .manage-column.column-mode{width:100px}.um-admin.post-type-um_form .manage-column.column-is_default{width:60px}.um-admin.post-type-um_form .manage-column.column-title{width:200px}.um-admin.post-type-um_form .manage-column.column-shortcode{width:200px}.um-admin.post-type-um_form td.column-id,.um-admin.post-type-um_form td.column-shortcode{font-size:14px}

assets/css/admin/forms-screen.sass

@@ -0,0 +1,18 @@
+@import "selectors"
+
+.#{$prefix}admin.post-type-um_form
+  .manage-column
+    &.column-id
+      width: 60px
+    &.column-mode
+      width: 100px
+    &.column-is_default
+      width: 60px
+    &.column-title
+      width: 200px
+    &.column-shortcode
+      width: 200px
+  td
+    &.column-shortcode,
+    &.column-id
+      font-size: 14px

assets/css/admin/global.css

@@ -0,0 +1,59 @@
+ul#adminmenu li#toplevel_page_ultimatemember a.wp-has-current-submenu:after {
+  display: none !important; }
+
+ul#adminmenu li#toplevel_page_ultimatemember.wp-has-submenu.wp-not-current-submenu:hover:after {
+  right: -9999999px; }
+
+ul#adminmenu > li#toplevel_page_ultimatemember.current > a.current:after {
+  display: none !important; }
+
+.um-admin-notice {
+  border-color: #0085ba;
+  color: #555; }
+  .um-admin-notice.error {
+    border-color: #dc3232; }
+  .um-admin-notice.notice-warning {
+    border-color: #dba617; }
+  .um-admin-notice a {
+    text-decoration: none;
+    color: #0085ba; }
+    .um-admin-notice a:hover {
+      color: #44b0ec; }
+    .um-admin-notice a.button-primary {
+      background-color: #0085ba;
+      border-color: #0085ba; }
+      .um-admin-notice a.button-primary:hover {
+        background-color: #008ec2;
+        border-color: #008ec2; }
+    .um-admin-notice a.button-secondary {
+      opacity: 0.7; }
+      .um-admin-notice a.button-secondary:hover {
+        opacity: 0.9; }
+
+/* UM Tooltip ( future helptip ) */
+.ui-tooltip.um_tooltip {
+  padding: 8px;
+  color: #eee !important;
+  background: rgba(0, 0, 0, 0.85) !important;
+  position: absolute;
+  z-index: 1000000;
+  max-width: 300px;
+  font-size: 12px;
+  border-radius: 5px;
+  border: none !important;
+  text-shadow: none !important; }
+
+.um_tooltip {
+  cursor: pointer;
+  vertical-align: middle; }
+  .um_tooltip:hover {
+    opacity: 1; }
+    .um_tooltip:hover:before {
+      opacity: 0.8; }
+  .um_tooltip.dashicons, .um_tooltip.dashicons:before {
+    height: 22px; }
+  .um_tooltip.dashicons-editor-help:before {
+    float: left;
+    font-size: 20px;
+    line-height: 20px;
+    color: rgba(0, 0, 0, 0.85) !important; }

assets/css/admin/global.min.css

@@ -0,0 +1 @@
+ul#adminmenu li#toplevel_page_ultimatemember a.wp-has-current-submenu:after{display:none!important}ul#adminmenu li#toplevel_page_ultimatemember.wp-has-submenu.wp-not-current-submenu:hover:after{right:-9999999px}ul#adminmenu>li#toplevel_page_ultimatemember.current>a.current:after{display:none!important}.um-admin-notice{border-color:#0085ba;color:#555}.um-admin-notice.error{border-color:#dc3232}.um-admin-notice.notice-warning{border-color:#dba617}.um-admin-notice a{text-decoration:none;color:#0085ba}.um-admin-notice a:hover{color:#44b0ec}.um-admin-notice a.button-primary{background-color:#0085ba;border-color:#0085ba}.um-admin-notice a.button-primary:hover{background-color:#008ec2;border-color:#008ec2}.um-admin-notice a.button-secondary{opacity:.7}.um-admin-notice a.button-secondary:hover{opacity:.9}.ui-tooltip.um_tooltip{padding:8px;color:#eee!important;background:rgba(0,0,0,.85)!important;position:absolute;z-index:1000000;max-width:300px;font-size:12px;border-radius:5px;border:none!important;text-shadow:none!important}.um_tooltip{cursor:pointer;vertical-align:middle}.um_tooltip:hover{opacity:1}.um_tooltip:hover:before{opacity:.8}.um_tooltip.dashicons,.um_tooltip.dashicons:before{height:22px}.um_tooltip.dashicons-editor-help:before{float:left;font-size:20px;line-height:20px;color:rgba(0,0,0,.85)!important}

assets/css/admin/global.sass

@@ -0,0 +1,69 @@
+@import "selectors"
+@import "colors"
+
+ul#adminmenu
+  li#toplevel_page_ultimatemember
+    a.wp-has-current-submenu:after
+      display: none !important
+    &.wp-has-submenu.wp-not-current-submenu:hover:after
+      right: -9999999px
+  & > li#toplevel_page_ultimatemember.current > a.current:after
+    display: none !important
+
+.#{$prefix}admin-notice
+  border-color: #{$um-base}
+  color: #555
+  &.error
+    border-color: #dc3232
+  &.notice-warning
+    border-color: #dba617
+  a
+    text-decoration: none
+    color: #{$um-base}
+    &:hover
+      color: #44b0ec
+    &.button-primary
+      background-color: #{$um-base}
+      border-color: #{$um-base}
+      &:hover
+        background-color: #{$um-base-hover}
+        border-color: #{$um-base-hover}
+    &.button-secondary
+      opacity: 0.7
+      &:hover
+        opacity: 0.9
+
+/* UM Tooltip ( future helptip ) */
+.ui-tooltip
+  &.#{$helptip}
+    padding: 8px
+    color: $grey-text !important
+    background: $overlay !important
+    position: absolute
+    z-index: 1000000
+    max-width: 300px
+    font-size: 12px
+    border-radius: 5px
+    border: none !important
+    text-shadow: none !important
+
+.#{$helptip}
+  cursor: pointer
+  vertical-align: middle
+  &:hover
+    opacity: 1
+    &:before
+      opacity: 0.8
+  &.dashicons
+    height: 22px
+    &:before
+      @extend .#{$helptip}.dashicons
+  &.dashicons-editor-help:before
+    float: left
+    font-size: 20px
+    line-height: 20px
+    color: $overlay !important
+
+// wp.org reviews admin notice: Removed for now to avoid the bad reviews
+//.#{$prefix}hidden-notice
+//  display: none

assets/css/admin/nav-menu.css

@@ -0,0 +1,11 @@
+.wp-admin p.um-nav-roles {
+  display: none;
+  margin-top: 5px; }
+  .wp-admin p.um-nav-roles label {
+    margin-top: 2px !important;
+    margin-bottom: 2px !important; }
+    .wp-admin p.um-nav-roles label input[type="checkbox"] {
+      margin-top: 2px !important; }
+
+.wp-admin p.um-nav-mode {
+  margin-top: 10px; }

assets/css/admin/nav-menu.min.css

@@ -0,0 +1 @@
+.wp-admin p.um-nav-roles{display:none;margin-top:5px}.wp-admin p.um-nav-roles label{margin-top:2px!important;margin-bottom:2px!important}.wp-admin p.um-nav-roles label input[type=checkbox]{margin-top:2px!important}.wp-admin p.um-nav-mode{margin-top:10px}

assets/css/admin/nav-menu.sass

@@ -0,0 +1,13 @@
+@import "selectors"
+
+.wp-admin
+  p.#{$prefix}nav-roles
+    display: none
+    margin-top: 5px
+    label
+      margin-top: 2px !important
+      margin-bottom: 2px !important
+      input[type="checkbox"]
+        margin-top: 2px !important
+  p.#{$prefix}nav-mode
+    margin-top: 10px

assets/css/admin/roles.css

@@ -0,0 +1,34 @@
+#um-roles .row-actions .reset a {
+  color: #a00; }
+  #um-roles .row-actions .reset a:hover {
+    color: red; }
+
+.wp-list-table.roles .column-core,
+.wp-list-table.roles .column-users {
+  width: 15%;
+  text-align: center !important; }
+
+.wp-list-table.roles .column-admin_access,
+.wp-list-table.roles .column-priority {
+  width: 10%;
+  text-align: center !important; }
+
+@media screen and (max-width: 782px) {
+  .wp-list-table.roles .column-core,
+  .wp-list-table.roles .column-users,
+  .wp-list-table.roles .column-admin_access,
+  .wp-list-table.roles .column-priority {
+    text-align: left !important; } }
+
+#um-admin-form-wp-capabilities .um-metadata-line th {
+  width: auto; }
+
+#um-admin-form-wp-capabilities .um-metadata-line td {
+  width: 20px; }
+
+#um_edit_role #titlewrap > span {
+  width: 40px;
+  font-size: 24px;
+  float: left;
+  display: block;
+  line-height: 37px; }

assets/css/admin/roles.min.css

@@ -0,0 +1 @@
+#um-roles .row-actions .reset a{color:#a00}#um-roles .row-actions .reset a:hover{color:red}.wp-list-table.roles .column-core,.wp-list-table.roles .column-users{width:15%;text-align:center!important}.wp-list-table.roles .column-admin_access,.wp-list-table.roles .column-priority{width:10%;text-align:center!important}@media screen and (max-width:782px){.wp-list-table.roles .column-admin_access,.wp-list-table.roles .column-core,.wp-list-table.roles .column-priority,.wp-list-table.roles .column-users{text-align:left!important}}#um-admin-form-wp-capabilities .um-metadata-line th{width:auto}#um-admin-form-wp-capabilities .um-metadata-line td{width:20px}#um_edit_role #titlewrap>span{width:40px;font-size:24px;float:left;display:block;line-height:37px}

assets/css/admin/roles.sass

@@ -0,0 +1,44 @@
+@import "selectors"
+@import "colors"
+
+##{$prefix}roles
+  .row-actions
+    .reset
+      a
+        color: #{$delete-link}
+        &:hover
+          color: red
+
+
+.wp-list-table.roles
+  .column-core,
+  .column-users
+    width: 15%
+    text-align: center !important
+  .column-admin_access,
+  .column-priority
+    width: 10%
+    text-align: center !important
+
+@media screen and (max-width: 782px)
+  .wp-list-table.roles
+    .column-core,
+    .column-users,
+    .column-admin_access,
+    .column-priority
+      text-align: left !important
+
+##{$prefix}admin-form-wp-capabilities
+  .#{$prefix}metadata-line
+    th
+      width: auto
+    td
+      width: 20px
+
+#um_edit_role
+  #titlewrap > span
+    width: 40px
+    font-size: 24px
+    float: left
+    display: block
+    line-height: 37px

assets/css/admin/users.css

@@ -0,0 +1,4 @@
+.um-admin.users-php .subsubsub li.subsep {
+  display: block;
+  visibility: hidden;
+  height: 0; }

assets/css/admin/users.min.css

@@ -0,0 +1 @@
+.um-admin.users-php .subsubsub li.subsep{display:block;visibility:hidden;height:0}

assets/css/admin/users.sass

@@ -0,0 +1,8 @@
+@import "selectors"
+
+.#{$prefix}admin.users-php
+  .subsubsub
+    li.subsep
+      display: block
+      visibility: hidden
+      height: 0

assets/css/common.css

@@ -0,0 +1,28 @@
+/* Tipsy customizations */
+.um .tipsy {
+  z-index: 9999999999;
+  font-size: inherit; }
+
+.um .tipsy-inner {
+  background-color: #333333;
+  color: #fff;
+  max-width: 250px;
+  padding: 6px 10px;
+  text-align: left;
+  font-size: 13px;
+  line-height: 17px;
+  word-wrap: break-word;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+.um .tipsy-arrow-n {
+  border-bottom-color: #333; }
+
+.um .tipsy-arrow-s {
+  border-top-color: #333; }
+
+.um .tipsy-arrow-e {
+  border-left-color: #333; }
+
+.um .tipsy-arrow-w {
+  border-right-color: #333; }

assets/css/common.min.css

@@ -0,0 +1 @@
+.um .tipsy{z-index:9999999999;font-size:inherit}.um .tipsy-inner{background-color:#333;color:#fff;max-width:250px;padding:6px 10px;text-align:left;font-size:13px;line-height:17px;word-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.um .tipsy-arrow-n{border-bottom-color:#333}.um .tipsy-arrow-s{border-top-color:#333}.um .tipsy-arrow-e{border-left-color:#333}.um .tipsy-arrow-w{border-right-color:#333}

assets/css/common.sass

@@ -0,0 +1,26 @@
+/* Tipsy customizations */
+.um
+  .tipsy
+    z-index: 9999999999
+    font-size: inherit
+
+  .tipsy-inner
+    background-color: #333333
+    color: #fff
+    max-width: 250px
+    padding: 6px 10px
+    text-align: left
+    font-size: 13px
+    line-height: 17px
+    word-wrap: break-word
+    -webkit-font-smoothing: antialiased
+    -moz-osx-font-smoothing: grayscale
+
+  .tipsy-arrow-n
+    border-bottom-color: #333
+  .tipsy-arrow-s
+    border-top-color: #333
+  .tipsy-arrow-e
+    border-left-color: #333
+  .tipsy-arrow-w
+    border-right-color: #333

assets/css/simplebar.css

@@ -1,190 +0,0 @@
-[data-simplebar] {
-    position: relative;
-    flex-direction: column;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-    align-content: flex-start;
-    align-items: flex-start;
-}
-
-.simplebar-wrapper {
-    overflow: hidden;
-    width: inherit;
-    height: inherit;
-    max-width: inherit;
-    max-height: inherit;
-}
-
-.simplebar-mask {
-    direction: inherit;
-    position: absolute;
-    overflow: hidden;
-    padding: 0;
-    margin: 0;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    width: auto !important;
-    height: auto !important;
-    z-index: 0;
-}
-
-.simplebar-offset {
-    direction: inherit !important;
-    box-sizing: inherit !important;
-    resize: none !important;
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    padding: 0;
-    margin: 0;
-    -webkit-overflow-scrolling: touch;
-}
-
-.simplebar-content-wrapper {
-    direction: inherit;
-    box-sizing: border-box !important;
-    position: relative;
-    display: block;
-    height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
-    width: auto;
-    visibility: visible;
-    overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */
-    max-width: 100%; /* Not required for horizontal scroll to trigger */
-    max-height: 100%; /* Needed for vertical scroll to trigger */
-}
-
-.simplebar-content:before,
-.simplebar-content:after {
-    content: " ";
-    display: table;
-}
-
-.simplebar-placeholder {
-    max-height: 100%;
-    max-width: 100%;
-    width: 100%;
-    pointer-events: none;
-}
-
-.simplebar-height-auto-observer-wrapper {
-    box-sizing: inherit !important;
-    height: 100%;
-    width: inherit;
-    max-width: 1px;
-    position: relative;
-    float: left;
-    max-height: 1px;
-    overflow: hidden;
-    z-index: -1;
-    padding: 0;
-    margin: 0;
-    pointer-events: none;
-    flex-grow: inherit;
-    flex-shrink: 0;
-    flex-basis: 0;
-}
-
-.simplebar-height-auto-observer {
-    box-sizing: inherit;
-    display: block;
-    opacity: 0;
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 1000%;
-    width: 1000%;
-    min-height: 1px;
-    min-width: 1px;
-    overflow: hidden;
-    pointer-events: none;
-    z-index: -1;
-}
-
-.simplebar-track {
-    z-index: 1;
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    pointer-events: none;
-    overflow: hidden;
-}
-
-[data-simplebar].simplebar-dragging .simplebar-track {
-  pointer-events: all;
-}
-
-.simplebar-scrollbar {
-    position: absolute;
-    right: 2px;
-    width: 7px;
-    min-height: 10px;
-}
-
-.simplebar-scrollbar:before {
-    position: absolute;
-    content: "";
-    background: black;
-    border-radius: 7px;
-    left: 0;
-    right: 0;
-    opacity: 0;
-    transition: opacity 0.2s linear;
-}
-
-.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
-    /* When hovered, remove all transitions from drag handle */
-    opacity: 0.5;
-    transition: opacity 0s linear;
-}
-
-.simplebar-track.simplebar-vertical {
-    top: 0;
-    width: 11px;
-}
-
-.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
-    top: 2px;
-    bottom: 2px;
-}
-
-.simplebar-track.simplebar-horizontal {
-    left: 0;
-    height: 11px;
-}
-
-.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
-    height: 100%;
-    left: 2px;
-    right: 2px;
-}
-
-.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
-    right: auto;
-    left: 0;
-    top: 2px;
-    height: 7px;
-    min-height: 0;
-    min-width: 10px;
-    width: auto;
-}
-
-/* Rtl support */
-[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
-    right: auto;
-    left: 0;
-}
-
-.hs-dummy-scrollbar-size {
-    direction: rtl;
-    position: fixed;
-    opacity: 0;
-    visibility: hidden;
-    height: 500px;
-    width: 500px;
-    overflow-y: hidden;
-    overflow-x: scroll;
-}

assets/css/um-crop.css

@@ -1,294 +0,0 @@
-.cropper-container {
-	direction: ltr;
-	font-size: 0;
-	line-height: 0;
-	position: relative;
-	-ms-touch-action: none;
-	touch-action: none;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
-}
-
-.cropper-container img {
-	display: block;
-	height: 100%;
-	image-orientation: 0deg;
-	max-height: none !important;
-	max-width: none !important;
-	min-height: 0 !important;
-	min-width: 0 !important;
-	width: 100%;
-}
-
-.cropper-wrap-box,
-.cropper-canvas,
-.cropper-drag-box,
-.cropper-crop-box,
-.cropper-modal {
-	bottom: 0;
-	left: 0;
-	position: absolute;
-	right: 0;
-	top: 0;
-}
-
-.cropper-wrap-box,
-.cropper-canvas {
-	overflow: hidden;
-}
-
-.cropper-drag-box {
-	background-color: #fff;
-	opacity: 0;
-}
-
-.cropper-modal {
-	background-color: #000;
-	opacity: 0.5;
-}
-
-.cropper-view-box {
-	display: block;
-	height: 100%;
-	outline: 1px solid #39f;
-	outline-color: rgba(51, 153, 255, 0.75);
-	overflow: hidden;
-	width: 100%;
-}
-
-.cropper-dashed {
-	border: 0 dashed #eee;
-	display: block;
-	opacity: 0.5;
-	position: absolute;
-}
-
-.cropper-dashed.dashed-h {
-	border-bottom-width: 1px;
-	border-top-width: 1px;
-	height: calc(100% / 3);
-	left: 0;
-	top: calc(100% / 3);
-	width: 100%;
-}
-
-.cropper-dashed.dashed-v {
-	border-left-width: 1px;
-	border-right-width: 1px;
-	height: 100%;
-	left: calc(100% / 3);
-	top: 0;
-	width: calc(100% / 3);
-}
-
-.cropper-center {
-	display: block;
-	height: 0;
-	left: 50%;
-	opacity: 0.75;
-	position: absolute;
-	top: 50%;
-	width: 0;
-}
-
-.cropper-center::before,
-.cropper-center::after {
-	background-color: #eee;
-	content: ' ';
-	display: block;
-	position: absolute;
-}
-
-.cropper-center::before {
-	height: 1px;
-	left: -3px;
-	top: 0;
-	width: 7px;
-}
-
-.cropper-center::after {
-	height: 7px;
-	left: 0;
-	top: -3px;
-	width: 1px;
-}
-
-.cropper-face,
-.cropper-line,
-.cropper-point {
-	display: block;
-	height: 100%;
-	opacity: 0.1;
-	position: absolute;
-	width: 100%;
-}
-
-.cropper-face {
-	background-color: #fff;
-	left: 0;
-	top: 0;
-}
-
-.cropper-line {
-	background-color: #39f;
-}
-
-.cropper-line.line-e {
-	cursor: ew-resize;
-	right: -3px;
-	top: 0;
-	width: 5px;
-}
-
-.cropper-line.line-n {
-	cursor: ns-resize;
-	height: 5px;
-	left: 0;
-	top: -3px;
-}
-
-.cropper-line.line-w {
-	cursor: ew-resize;
-	left: -3px;
-	top: 0;
-	width: 5px;
-}
-
-.cropper-line.line-s {
-	bottom: -3px;
-	cursor: ns-resize;
-	height: 5px;
-	left: 0;
-}
-
-.cropper-point {
-	background-color: #39f;
-	height: 5px;
-	opacity: 0.75;
-	width: 5px;
-}
-
-.cropper-point.point-e {
-	cursor: ew-resize;
-	margin-top: -3px;
-	right: -3px;
-	top: 50%;
-}
-
-.cropper-point.point-n {
-	cursor: ns-resize;
-	left: 50%;
-	margin-left: -3px;
-	top: -3px;
-}
-
-.cropper-point.point-w {
-	cursor: ew-resize;
-	left: -3px;
-	margin-top: -3px;
-	top: 50%;
-}
-
-.cropper-point.point-s {
-	bottom: -3px;
-	cursor: s-resize;
-	left: 50%;
-	margin-left: -3px;
-}
-
-.cropper-point.point-ne {
-	cursor: nesw-resize;
-	right: -3px;
-	top: -3px;
-}
-
-.cropper-point.point-nw {
-	cursor: nwse-resize;
-	left: -3px;
-	top: -3px;
-}
-
-.cropper-point.point-sw {
-	bottom: -3px;
-	cursor: nesw-resize;
-	left: -3px;
-}
-
-.cropper-point.point-se {
-	bottom: -3px;
-	cursor: nwse-resize;
-	height: 20px;
-	opacity: 1;
-	right: -3px;
-	width: 20px;
-}
-
-@media (min-width: 768px) {
-	.cropper-point.point-se {
-		height: 15px;
-		width: 15px;
-	}
-}
-
-@media (min-width: 992px) {
-	.cropper-point.point-se {
-		height: 10px;
-		width: 10px;
-	}
-}
-
-@media (min-width: 1200px) {
-	.cropper-point.point-se {
-		height: 5px;
-		opacity: 0.75;
-		width: 5px;
-	}
-}
-
-.cropper-point.point-se::before {
-	background-color: #39f;
-	bottom: -50%;
-	content: ' ';
-	display: block;
-	height: 200%;
-	opacity: 0;
-	position: absolute;
-	right: -50%;
-	width: 200%;
-}
-
-.cropper-invisible {
-	opacity: 0;
-}
-
-.cropper-bg {
-	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
-}
-
-.cropper-hide {
-	display: block;
-	height: 0;
-	position: absolute;
-	width: 0;
-}
-
-.cropper-hidden {
-	display: none !important;
-}
-
-.cropper-move {
-	cursor: move;
-}
-
-.cropper-crop {
-	cursor: crosshair;
-}
-
-.cropper-disabled .cropper-drag-box,
-.cropper-disabled .cropper-face,
-.cropper-disabled .cropper-line,
-.cropper-disabled .cropper-point {
-	cursor: not-allowed;
-}

assets/css/um-modal.css

@@ -98,7 +98,7 @@
 .um-modal-body {
 	min-height: 3px;
 	padding: 20px;
-	box-sizing: border-box;
+	box-sizing: border-box !important;
 	width: 100%;
 	background: #fff;
 	-moz-border-radius: 0 0 3px 3px;
@@ -201,4 +201,4 @@ a.um-modal-btn:visited {
 
 .um-modal .um-single-image-preview.crop img{
 	float:left;
-}
+}

assets/css/um-styles.css

@@ -2,7 +2,7 @@
 	- Layout
 */
 
-.um {
+.um:not(.um-admin) {
 	width: 100%;
 	text-align: left;
 	box-sizing: border-box;
@@ -19,9 +19,9 @@
 	display: none;
 }
 
-.um *,
+.um:not(.um-admin) *,
-.um *:before,
+.um:not(.um-admin) *:before,
-.um *:after {
+.um:not(.um-admin) *:after {
 	box-sizing: content-box;
 }
 
@@ -40,14 +40,14 @@
 	border-bottom: 0 !important;
 }
 
-.um a:focus,
+.um:not(.um-admin) a:focus,
 .um-modal a:focus {
 	outline: 0 !important;
 }
 
-.um a .image-overlay,
+.um:not(.um-admin) a .image-overlay,
-.um a:hover .image-overlay,
+.um:not(.um-admin) a:hover .image-overlay,
-.um a:hover .image-overlay * {
+.um:not(.um-admin) a:hover .image-overlay * {
 	display: none !important;
 	width: 0 !important;
 	height: 0 !important;
@@ -60,13 +60,13 @@
 }
 .um.um-in-admin .um-tip {display: none !important}
 
-.um:not(.um-directory) input,
+.um:not(.um-admin):not(.um-directory) input,
-.um:not(.um-directory) select,
+.um:not(.um-admin):not(.um-directory) select,
-.um:not(.um-directory) textarea{
+.um:not(.um-admin):not(.um-directory) textarea{
 	font-size: 15px;
 }
 
-.um * {
+.um:not(.um-admin) * {
 	-webkit-font-smoothing: antialiased !important;
 	-moz-osx-font-smoothing: grayscale !important;
 }

assets/js/admin/block.min.js

@@ -0,0 +1 @@
+"use strict";var um_components=wp.components,umSelectControl=um_components.SelectControl,umTextareaControl=um_components.TextareaControl;function um_admin_blocks_custom_fields(e,t){return wp.hooks.applyFilters("um_admin_blocks_custom_fields",[],e,t)}var um_block_restriction=wp.compose.createHigherOrderComponent(function(s){var _={um_who_access:"um_block_settings_hide",um_roles_access:"um_block_settings_hide",um_message_type:"um_block_settings_hide",um_message_content:"um_block_settings_hide"},_=wp.hooks.applyFilters("um_admin_blocks_condition_fields_default",_);return function(t){var e=void 0!==t.attributes.um_is_restrict&&t.attributes.um_is_restrict;return!0!==t.attributes.um_is_restrict?(_.um_who_access="um_block_settings_hide",_.um_roles_access="um_block_settings_hide",_.um_message_type="um_block_settings_hide",_.um_message_content="um_block_settings_hide"):(_.um_who_access="",0===parseInt(t.attributes.um_who_access)||void 0===t.attributes.um_who_access?(_.um_roles_access="um_block_settings_hide",_.um_message_type="um_block_settings_hide",_.um_message_content="um_block_settings_hide"):(1===parseInt(t.attributes.um_who_access)&&(_.um_roles_access=""),_.um_message_type="",2===parseInt(t.attributes.um_message_type)?_.um_message_content="":_.um_message_content="um_block_settings_hide")),_=wp.hooks.applyFilters("um_admin_blocks_condition_fields",_,t),wp.element.createElement(wp.element.Fragment,{},wp.element.createElement(s,t),wp.element.createElement(wp.blockEditor.InspectorControls,{},wp.element.createElement(wp.components.PanelBody,{title:wp.i18n.__("Ultimate Member: Content Restriction","ultimate-member"),className:"um_block_settings"},wp.element.createElement(wp.components.ToggleControl,{label:wp.i18n.__("Restrict access?","ultimate-member"),checked:e,onChange:function(e){t.setAttributes({um_is_restrict:e}),!1===e?(_.um_who_access="um_block_settings_hide",_.um_roles_access="um_block_settings_hide",_.um_message_type="um_block_settings_hide",_.um_message_content="um_block_settings_hide"):_.um_who_access="",_=wp.hooks.applyFilters("um_admin_blocks_condition_fields_on_change",_,"um_is_restrict",e)}}),wp.element.createElement(umSelectControl,{type:"number",className:_.um_who_access,label:wp.i18n.__("Who can access this block?","ultimate-member"),value:t.attributes.um_who_access,options:[{label:wp.i18n.__("Everyone","ultimate-member"),value:0},{label:wp.i18n.__("Logged in users","ultimate-member"),value:1},{label:wp.i18n.__("Logged out users","ultimate-member"),value:2}],onChange:function(e){t.setAttributes({um_who_access:e}),0===parseInt(e)?(_.um_message_type="um_block_settings_hide",_.um_message_content="um_block_settings_hide",_.um_roles_access="um_block_settings_hide"):1===parseInt(e)?(_.um_message_type="",_.um_roles_access=""):(_.um_message_type="",_.um_roles_access="um_block_settings_hide"),_=wp.hooks.applyFilters("um_admin_blocks_condition_fields_on_change",_,"um_who_access",e)}}),wp.element.createElement(umSelectControl,{multiple:!0,className:_.um_roles_access,label:wp.i18n.__("What roles can access this block?","ultimate-member"),value:t.attributes.um_roles_access,options:um_restrict_roles,onChange:function(e){t.setAttributes({um_roles_access:e})}}),wp.element.createElement(umSelectControl,{type:"number",className:_.um_message_type,label:wp.i18n.__("Restriction action","ultimate-member"),value:t.attributes.um_message_type,options:[{label:wp.i18n.__("Hide block","ultimate-member"),value:0},{label:wp.i18n.__("Show global default message","ultimate-member"),value:1},{label:wp.i18n.__("Show custom message","ultimate-member"),value:2}],onChange:function(e){t.setAttributes({um_message_type:e}),2===parseInt(e)?_.um_message_content="":_.um_message_content="um_block_settings_hide"}}),wp.element.createElement(umTextareaControl,{type:"number",className:_.um_message_content,label:wp.i18n.__("Custom restricted access message","ultimate-member"),value:t.attributes.um_message_content,onChange:function(e){t.setAttributes({um_message_content:e})}}),um_admin_blocks_custom_fields(_,t))))}},"um_block_restriction");wp.hooks.addFilter("editor.BlockEdit","um-block/um_block_restriction",um_block_restriction);

assets/js/admin/builder.js

@@ -0,0 +1,128 @@
+function um_form_select_tab( tab, set_val ) {
+	var mode_block = jQuery('input#form__um_mode');
+	tab.parents('.um-admin-boxed-links').find('a').removeClass('um-admin-activebg');
+	tab.addClass('um-admin-activebg');
+
+	jQuery('.um-admin div#side-sortables').show();
+	jQuery('div[id^="um-admin-form"]').hide();
+	jQuery('#submitdiv').show();
+	jQuery('div#um-admin-form-mode,div#um-admin-form-title,div#um-admin-form-builder,div#um-admin-form-shortcode').show();
+	jQuery('div[id^="um-admin-form-' + tab.data('role') + '"]').show();
+
+	if ( set_val ) {
+		mode_block.val( tab.data('role') );
+	}
+
+	jQuery('.empty-container').css({'border' : 'none'});
+	jQuery('.um-admin-builder').removeClass().addClass( 'um-admin-builder ' + mode_block.val() );
+}
+
+/**
+ * This function updates the builder area with fields
+ *
+ * @returns {boolean}
+ */
+function um_admin_update_builder() {
+	var form_id = jQuery('.um-admin-builder').data('form_id');
+
+
+	jQuery.ajax({
+		url: wp.ajax.settings.url,
+		type: 'POST',
+		data: {
+			action:'um_update_builder',
+			form_id: form_id,
+			nonce: um_admin_scripts.nonce
+		},
+		success: function( data ) {
+			jQuery('.um-admin-drag-ajax').html( data );
+			UM.common.tipsy.hide();
+
+			/* trigger columns at start */
+			allow_update_via_col_click = false;
+			jQuery('.um-admin-drag-ctrls.columns a.active').each( function() {
+				jQuery(this).trigger('click');
+			}).promise().done( function(){
+				allow_update_via_col_click = true;
+			});
+
+			UM_Rows_Refresh();
+		},
+		error: function( data ) {
+
+		}
+	});
+
+	return false;
+}
+
+jQuery( document ).ready( function() {
+	/* Default form tab */
+	if ( jQuery('.um-admin-boxed-links').length > 0 ) {
+		var tab = jQuery('.um-admin-boxed-links a[data-role="'+jQuery('input#form__um_mode').val()+'"]');
+		um_form_select_tab( tab, false );
+	}
+
+
+	/* Creating new form button */
+	jQuery('.um-admin-boxed-links:not(.is-core-form) a').on( 'click', function() {
+		um_form_select_tab( jQuery(this), true );
+	});
+
+	jQuery('#wpfooter').hide();
+
+	/**
+	 * Conditional fields in Add/Edit form field modal.
+	 */
+	jQuery( document.body ).on('change', '.um-adm-conditional', function(){
+
+		var value;
+		if ( jQuery(this).attr("type") == 'checkbox' ) {
+			value = jQuery(this).is(':checked') ? 1 : 0;
+		} else {
+			value = jQuery(this).val();
+		}
+
+		if ( jQuery(this).data('cond1') ) {
+			if ( value == jQuery(this).data('cond1') ) {
+				jQuery('.' + jQuery(this).data('cond1-show') ).show();
+				jQuery('.' + jQuery(this).data('cond1-hide') ).hide();
+
+				if ( jQuery(this).data('cond1-show') == '_roles' ) {
+					return false;
+				}
+
+			} else {
+				jQuery('.' + jQuery(this).data('cond1-show') ).hide();
+				jQuery('.' + jQuery(this).data('cond1-hide') ).show();
+			}
+		}
+
+		if ( jQuery(this).data('cond2') ) {
+			if ( value == jQuery(this).data('cond2') ) {
+				jQuery('.' + jQuery(this).data('cond2-show') ).show();
+				jQuery('.' + jQuery(this).data('cond2-hide') ).hide();
+
+				if ( jQuery(this).data('cond2-show') == '_roles' ) {
+					return false;
+				}
+
+			} else {
+				jQuery('.' + jQuery(this).data('cond2-show') ).hide();
+				jQuery('.' + jQuery(this).data('cond2-hide') ).show();
+			}
+		}
+
+		if ( jQuery(this).data('cond3') ) {
+			if ( value == jQuery(this).data('cond3') ) {
+				jQuery('.' + jQuery(this).data('cond3-show') ).show();
+				jQuery('.' + jQuery(this).data('cond3-hide') ).hide();
+			} else {
+				jQuery('.' + jQuery(this).data('cond3-show') ).hide();
+				jQuery('.' + jQuery(this).data('cond3-hide') ).show();
+			}
+		}
+
+	});
+	jQuery('.um-adm-conditional').each(function(){jQuery(this).trigger('change');});
+});

assets/js/admin/builder.min.js

@@ -0,0 +1 @@
+function um_form_select_tab(e,d){var i=jQuery("input#form__um_mode");e.parents(".um-admin-boxed-links").find("a").removeClass("um-admin-activebg"),e.addClass("um-admin-activebg"),jQuery(".um-admin div#side-sortables").show(),jQuery('div[id^="um-admin-form"]').hide(),jQuery("#submitdiv").show(),jQuery("div#um-admin-form-mode,div#um-admin-form-title,div#um-admin-form-builder,div#um-admin-form-shortcode").show(),jQuery('div[id^="um-admin-form-'+e.data("role")+'"]').show(),d&&i.val(e.data("role")),jQuery(".empty-container").css({border:"none"}),jQuery(".um-admin-builder").removeClass().addClass("um-admin-builder "+i.val())}function um_admin_update_builder(){var e=jQuery(".um-admin-builder").data("form_id");return jQuery.ajax({url:wp.ajax.settings.url,type:"POST",data:{action:"um_update_builder",form_id:e,nonce:um_admin_scripts.nonce},success:function(e){jQuery(".um-admin-drag-ajax").html(e),UM.common.tipsy.hide(),allow_update_via_col_click=!1,jQuery(".um-admin-drag-ctrls.columns a.active").each(function(){jQuery(this).trigger("click")}).promise().done(function(){allow_update_via_col_click=!0}),UM_Rows_Refresh()},error:function(e){}}),!1}jQuery(document).ready(function(){0<jQuery(".um-admin-boxed-links").length&&um_form_select_tab(jQuery('.um-admin-boxed-links a[data-role="'+jQuery("input#form__um_mode").val()+'"]'),!1),jQuery(".um-admin-boxed-links:not(.is-core-form) a").on("click",function(){um_form_select_tab(jQuery(this),!0)}),jQuery("#wpfooter").hide(),jQuery(document.body).on("change",".um-adm-conditional",function(){var e="checkbox"==jQuery(this).attr("type")?jQuery(this).is(":checked")?1:0:jQuery(this).val();if(jQuery(this).data("cond1"))if(e==jQuery(this).data("cond1")){if(jQuery("."+jQuery(this).data("cond1-show")).show(),jQuery("."+jQuery(this).data("cond1-hide")).hide(),"_roles"==jQuery(this).data("cond1-show"))return!1}else jQuery("."+jQuery(this).data("cond1-show")).hide(),jQuery("."+jQuery(this).data("cond1-hide")).show();if(jQuery(this).data("cond2"))if(e==jQuery(this).data("cond2")){if(jQuery("."+jQuery(this).data("cond2-show")).show(),jQuery("."+jQuery(this).data("cond2-hide")).hide(),"_roles"==jQuery(this).data("cond2-show"))return!1}else jQuery("."+jQuery(this).data("cond2-show")).hide(),jQuery("."+jQuery(this).data("cond2-hide")).show();jQuery(this).data("cond3")&&(e==jQuery(this).data("cond3")?(jQuery("."+jQuery(this).data("cond3-show")).show(),jQuery("."+jQuery(this).data("cond3-hide")).hide()):(jQuery("."+jQuery(this).data("cond3-show")).hide(),jQuery("."+jQuery(this).data("cond3-hide")).show()))}),jQuery(".um-adm-conditional").each(function(){jQuery(this).trigger("change")})});

assets/js/admin/common.js

@@ -0,0 +1,123 @@
+if ( typeof (window.UM) !== 'object' ) {
+	window.UM = {};
+}
+
+if ( typeof (window.UM.admin) !== 'object' ) {
+	window.UM.admin = {};
+}
+
+UM.admin = {
+	tooltip: {
+		all: null,
+		init: function() {
+			let $tooltip = jQuery( '.um_tooltip' );
+			if ( $tooltip.length > 0 ) {
+				UM.admin.tooltip.all = $tooltip.tooltip({
+					tooltipClass: "um_tooltip",
+					content: function () {
+						return jQuery( this ).attr( 'title' );
+					}
+				});
+			}
+		},
+		close: function () {
+			if ( null !== UM.admin.tooltip.all && UM.admin.tooltip.all > 0 && 'function' === typeof UM.admin.tooltip.all.tooltip ) {
+				UM.admin.tooltip.all.tooltip('close');
+			}
+		}
+	},
+	colorPicker: {
+		init: function () {
+			let $colorPicker = jQuery('.um-admin-colorpicker');
+			if ( $colorPicker.length ) {
+				$colorPicker.wpColorPicker();
+			}
+		}
+	},
+	datetimePicker: {
+		init: function () {
+			jQuery('.um-datepicker:not(.picker__input)').each(function(){
+				elem = jQuery(this);
+
+				if ( typeof elem.attr('data-disabled_weekdays') != 'undefined' && elem.attr('data-disabled_weekdays') != '' ) {
+					var disable = JSON.parse( elem.attr('data-disabled_weekdays') );
+				} else {
+					var disable = false;
+				}
+
+				var years_n = null;
+				if ( typeof elem.attr('data-years') != 'undefined' ) {
+					years_n = elem.attr('data-years');
+				}
+
+				var minRange = elem.attr('data-date_min');
+				var maxRange = elem.attr('data-date_max');
+
+				var minSplit = [], maxSplit = [];
+				if ( typeof minRange != 'undefined' ) {
+					minSplit = minRange.split(",");
+				}
+				if ( typeof maxRange != 'undefined' ) {
+					maxSplit = maxRange.split(",");
+				}
+
+				var min = minSplit.length ? new Date(minSplit) : null;
+				var max = minSplit.length ? new Date(maxSplit) : null;
+
+				// fix min date for safari
+				if ( min && min.toString() == 'Invalid Date' && minSplit.length == 3 ) {
+					var minDateString = minSplit[1] + '/' + minSplit[2] + '/' + minSplit[0];
+					min = new Date(Date.parse(minDateString));
+				}
+
+				// fix max date for safari
+				if ( max && max.toString() == 'Invalid Date' && maxSplit.length == 3 ) {
+					var maxDateString = maxSplit[1] + '/' + maxSplit[2] + '/' + maxSplit[0];
+					max = new Date(Date.parse(maxDateString));
+				}
+
+				var data = {
+					disable: disable,
+					format: elem.attr( 'data-format' ),
+					formatSubmit: 'yyyy/mm/dd',
+					hiddenName: true,
+					onOpen: function() { elem.blur(); },
+					onClose: function() { elem.blur(); }
+				};
+
+				if ( years_n !== null ) {
+					data.selectYears = years_n;
+				}
+
+				if ( min !== null ) {
+					data.min = min;
+				}
+
+				if ( max !== null ) {
+					data.max = max;
+				}
+
+				elem.pickadate( data );
+			});
+
+			jQuery('.um-timepicker:not(.picker__input)').each(function(){
+				elem = jQuery(this);
+
+				elem.pickatime({
+					format: elem.attr('data-format'),
+					interval: parseInt( elem.attr('data-intervals') ),
+					formatSubmit: 'HH:i',
+					hiddenName: true,
+					onOpen: function() { elem.blur(); },
+					onClose: function() { elem.blur(); }
+				});
+			});
+		}
+	}
+}
+
+jQuery(document).ready(function() {
+	UM.admin.tooltip.init();
+	UM.admin.colorPicker.init();
+	UM.admin.datetimePicker.init();
+});

assets/js/admin/common.min.js

@@ -0,0 +1 @@
+"object"!=typeof window.UM&&(window.UM={}),"object"!=typeof window.UM.admin&&(window.UM.admin={}),UM.admin={tooltip:{all:null,init:function(){var t=jQuery(".um_tooltip");0<t.length&&(UM.admin.tooltip.all=t.tooltip({tooltipClass:"um_tooltip",content:function(){return jQuery(this).attr("title")}}))},close:function(){null!==UM.admin.tooltip.all&&0<UM.admin.tooltip.all&&"function"==typeof UM.admin.tooltip.all.tooltip&&UM.admin.tooltip.all.tooltip("close")}},colorPicker:{init:function(){var t=jQuery(".um-admin-colorpicker");t.length&&t.wpColorPicker()}},datetimePicker:{init:function(){jQuery(".um-datepicker:not(.picker__input)").each(function(){t=void 0!==(elem=jQuery(this)).attr("data-disabled_weekdays")&&""!=elem.attr("data-disabled_weekdays")&&JSON.parse(elem.attr("data-disabled_weekdays"));var t,e=null,a=(void 0!==elem.attr("data-years")&&(e=elem.attr("data-years")),elem.attr("data-date_min")),i=elem.attr("data-date_max"),n=[],l=[],a=(void 0!==a&&(n=a.split(",")),void 0!==i&&(l=i.split(",")),n.length?new Date(n):null),i=n.length?new Date(l):null,l=(a&&"Invalid Date"==a.toString()&&3==n.length&&(n=n[1]+"/"+n[2]+"/"+n[0],a=new Date(Date.parse(n))),i&&"Invalid Date"==i.toString()&&3==l.length&&(n=l[1]+"/"+l[2]+"/"+l[0],i=new Date(Date.parse(n))),{disable:t,format:elem.attr("data-format"),formatSubmit:"yyyy/mm/dd",hiddenName:!0,onOpen:function(){elem.blur()},onClose:function(){elem.blur()}});null!==e&&(l.selectYears=e),null!==a&&(l.min=a),null!==i&&(l.max=i),elem.pickadate(l)}),jQuery(".um-timepicker:not(.picker__input)").each(function(){(elem=jQuery(this)).pickatime({format:elem.attr("data-format"),interval:parseInt(elem.attr("data-intervals")),formatSubmit:"HH:i",hiddenName:!0,onOpen:function(){elem.blur()},onClose:function(){elem.blur()}})})}}},jQuery(document).ready(function(){UM.admin.tooltip.init(),UM.admin.colorPicker.init(),UM.admin.datetimePicker.init()});

assets/js/admin/global.js

@@ -0,0 +1,55 @@
+/**
+ * Global wp-admin scripts that must be enqueued everywhere on wp-admin.
+ */
+
+jQuery(document).ready( function() {
+	// wp.org reviews admin notice: Removed for now to avoid the bad reviews
+	// jQuery(document.body).on('click', '#um_add_review_love', function () {
+	// 	jQuery(this).parents('#um_start_review_notice').hide();
+	// 	jQuery('.um-hidden-notice[data-key="love"]').show();
+	// });
+	//
+	// jQuery(document.body).on('click', '#um_add_review_good', function () {
+	// 	jQuery(this).parents('#um_start_review_notice').hide();
+	// 	jQuery('.um-hidden-notice[data-key="good"]').show();
+	// });
+	//
+	// jQuery(document.body).on('click', '#um_add_review_bad', function () {
+	// 	jQuery(this).parents('#um_start_review_notice').hide();
+	// 	jQuery('.um-hidden-notice[data-key="bad"]').show();
+	// });
+	//
+	// jQuery(document.body).on('click', '.um_review_link', function () {
+	// 	jQuery(this).parents('.um-admin-notice').find( '.notice-dismiss' ).trigger('click');
+	// });
+
+	jQuery(document.body).on('click', '.um_secondary_dismiss', function () {
+		jQuery(this).parents('.um-admin-notice').find( '.notice-dismiss' ).trigger('click');
+	});
+
+	jQuery(document.body).on( 'click', '.um-admin-notice.is-dismissible .notice-dismiss', function() {
+		let notice_key = jQuery(this).parents('.um-admin-notice').data('key');
+
+		wp.ajax.send( 'um_dismiss_notice', {
+			data: {
+				key: notice_key,
+				nonce: um_admin_scripts.nonce
+			},
+			success: function() {
+				return true;
+			},
+			error: function() {
+				// On error make the force notice's dismiss via action link.
+				let href_index;
+				if ( window.location.href.indexOf('?') > -1 ) {
+					href_index = window.location.href + '&';
+				} else {
+					href_index = window.location.href + '?';
+				}
+				window.location.href = href_index + 'um_dismiss_notice=' + notice_key + '&um_admin_nonce=' + um_admin_scripts.nonce;
+
+				return false;
+			}
+		});
+	});
+});

assets/js/admin/global.min.js

@@ -0,0 +1 @@
+jQuery(document).ready(function(){jQuery(document.body).on("click",".um_secondary_dismiss",function(){jQuery(this).parents(".um-admin-notice").find(".notice-dismiss").trigger("click")}),jQuery(document.body).on("click",".um-admin-notice.is-dismissible .notice-dismiss",function(){let i=jQuery(this).parents(".um-admin-notice").data("key");wp.ajax.send("um_dismiss_notice",{data:{key:i,nonce:um_admin_scripts.nonce},success:function(){return!0},error:function(){let n;return n=-1<window.location.href.indexOf("?")?window.location.href+"&":window.location.href+"?",window.location.href=n+"um_dismiss_notice="+i+"&um_admin_nonce="+um_admin_scripts.nonce,!1}})})});

assets/js/admin/nav-menu.js

@@ -1,4 +1,21 @@
 jQuery(document).ready(function ($) {
+	jQuery('.um-nav-mode').each( function() {
+		if ( jQuery(this).find('select').val() == 2 ) {
+			jQuery(this).parents('.um-nav-edit').find('.um-nav-roles').show();
+		} else {
+			jQuery(this).parents('.um-nav-edit').find('.um-nav-roles').hide();
+		}
+	});
+
+
+	jQuery( document.body ).on('change', '.um-nav-mode select', function() {
+		if ( jQuery(this).val() == 2 ) {
+			jQuery(this).parents('.um-nav-edit').find('.um-nav-roles').show();
+		} else {
+			jQuery(this).parents('.um-nav-edit').find('.um-nav-roles').hide();
+		}
+	});
+
 	var template = wp.template( 'um-nav-menus-fields' );
 
 	$( document ).on( 'menu-item-added', function ( e, $menuMarkup ) {
@@ -33,4 +50,4 @@ jQuery(document).ready(function ($) {
 			$( this ).find( '.menu-item-actions' ).before( template_content );
 		}
 	});
-});
+});

assets/js/admin/nav-menu.min.js

@@ -0,0 +1 @@
+jQuery(document).ready(function(i){jQuery(".um-nav-mode").each(function(){2==jQuery(this).find("select").val()?jQuery(this).parents(".um-nav-edit").find(".um-nav-roles").show():jQuery(this).parents(".um-nav-edit").find(".um-nav-roles").hide()}),jQuery(document.body).on("change",".um-nav-mode select",function(){2==jQuery(this).val()?jQuery(this).parents(".um-nav-edit").find(".um-nav-roles").show():jQuery(this).parents(".um-nav-edit").find(".um-nav-roles").hide()});var u=wp.template("um-nav-menus-fields");i(document).on("menu-item-added",function(e,t){var n=i(t).attr("id").substr(10),n=u({menuItemID:n,restriction_data:{um_nav_public:0,um_nav_roles:[]}});(0<i(t).find("fieldset.field-move").length?i(t).find("fieldset.field-move"):i(t).find(".menu-item-actions")).before(n)}),i("ul#menu-to-edit > li").each(function(){var e=i(this).attr("id").substr(10),e=u({menuItemID:e,restriction_data:um_menu_restriction_data[e]});(0<i(this).find("fieldset.field-move").length?i(this).find("fieldset.field-move"):i(this).find(".menu-item-actions")).before(e)})});

assets/js/admin/secure.js

@@ -1,4 +1,4 @@
-jQuery(document).on("ready", function(){
+jQuery(document).ready( function(){
 
 	const scan_results_wrapper = jQuery(".um-secure-scan-results");
 	const scan_button_elem = jQuery(".um-secure-scan-content");
@@ -57,7 +57,7 @@ jQuery(document).on("ready", function(){
 						scan_results_wrapper.empty();
 						UM_Secure.log( response.recommendations );
 						scan_results_wrapper.find('.current').removeClass('current');
-						scan_button_elem.removeAttr('disabled');
+						scan_button_elem.prop('disabled', false);
 					}
 				},
 			});

assets/js/admin/secure.min.js

@@ -0,0 +1 @@
+jQuery(document).ready(function(){const n=jQuery(".um-secure-scan-results"),t=jQuery(".um-secure-scan-content"),e=jQuery("input[data-field_id^='banned_capabilities']");var c={init:function(){n.css({"margin-top":"10px",padding:"10px","padding-bottom":"10px","background-color":"#fff",display:"block","max-height":"200px",height:"500px","overflow-y":"scroll"}),t.on("click",function(e){c.effect(),e.preventDefault(),jQuery(this).prop("disabled",!0),n.empty(),c.log(wp.i18n.__("Scanning site..","ultimate-member")),c.ajax("")}),e.on("change",function(){t.after(' <small style="color: red;">'+wp.i18n.__("You can start the scan now but you must save the settings to apply the selected capabilities after the scan is complete.","ultimate-member")+"</small>"),e.off("change")})},ajax:function(e){let a=[];n.parents(".um-form-table").find('input[type="checkbox"][data-field_id^="banned_capabilities_"]:checked').each(function(){a.push(jQuery(this).data("field_id").replace("banned_capabilities_",""))});e={nonce:um_admin_scripts.nonce,capabilities:a,last_scanned_capability:e};wp.ajax.send("um_secure_scan_affected_users",{data:e,success:function(e){e.completed?e.completed&&(n.empty(),c.log(e.recommendations),n.find(".current").removeClass("current"),t.prop("disabled",!1)):(c.ajax(e.last_scanned_capability),c.log(e.message))}})},log:function(e){n.find(".current").removeClass("current"),n.append('<span class="current">'+e+"</span><br/>")},effect:function(){setInterval(function(){n.find(".current").fadeTo(100,.1).fadeTo(200,1)},1e3)}};c.init()});

assets/js/admin/settings.js

@@ -0,0 +1,49 @@
+jQuery( document ).ready( function() {
+
+
+	/**
+	 * Licenses
+	 */
+	jQuery( document.body ).on( 'click', '.um_license_deactivate', function() {
+		jQuery(this).siblings('.um-option-field').val('');
+		if ( jQuery(this).siblings('#submit').length ) {
+			// clear = true for passing the empty field value to the license form submission
+			jQuery(this).siblings('#submit').trigger('click',[ true ]);
+		} else {
+			jQuery(this).parents('form.um-settings-form').trigger('submit');
+		}
+	});
+
+
+	jQuery( document.body ).on( 'click', '.um-settings-form #submit', function( e, clear ) {
+		if ( ! clear && '' === jQuery(this).siblings('.um-option-field').val() ) {
+			return false;
+		}
+	});
+
+
+	/**
+	 * Not licenses page
+	 */
+	if ( jQuery( '#licenses_settings' ).length === 0 ) {
+		var changed = false;
+
+		jQuery( 'input, textarea, select' ).on('change', function() {
+			changed = true;
+		});
+
+		jQuery( '#um-settings-wrap .um-nav-tab-wrapper a, #um-settings-wrap .subsubsub a' ).on( 'click', function() {
+			if ( changed ) {
+				window.onbeforeunload = function() {
+					return wp.i18n.__( 'Are sure, maybe some settings not saved', 'ultimate-member' );
+				};
+			} else {
+				window.onbeforeunload = '';
+			}
+		});
+
+		jQuery( '.submit input' ).on( 'click', function() {
+			window.onbeforeunload = '';
+		});
+	}
+});

assets/js/admin/user.min.js

@@ -0,0 +1 @@
+jQuery(document).ready(function(){jQuery("#role").on("change",function(){"object"==typeof um_roles&&(um_roles=Object.keys(um_roles).map(function(e){return um_roles[e]})),-1!==jQuery.inArray(jQuery(this).val().substr(3),um_roles)?(jQuery("#um_role_selector_wrapper").hide(),jQuery("#um-role").val(""),wp.hooks.applyFilters("um_user_screen_block_hiding",!0)&&jQuery("#um_user_screen_block").hide()):(jQuery("#um_role_selector_wrapper").show(),jQuery("#um_user_screen_block").show())}).trigger("change"),jQuery("#adduser-role").on("change",function(){"object"==typeof um_roles&&(um_roles=Object.keys(um_roles).map(function(e){return um_roles[e]})),-1!==jQuery.inArray(jQuery(this).val().substr(3),um_roles)?(jQuery("#um_role_existing_selector_wrapper").hide(),jQuery("#um-role").val(""),wp.hooks.applyFilters("um_user_screen_block_hiding",!0)&&jQuery("#um_user_screen_block").hide()):(jQuery("#um_role_existing_selector_wrapper").show(),jQuery("#um_user_screen_block").show())}).trigger("change")});

assets/js/common-frontend.js

@@ -0,0 +1,112 @@
+if ( typeof ( window.UM ) !== 'object' ) {
+	window.UM = {};
+}
+
+if ( typeof ( UM.frontend ) !== 'object' ) {
+	UM.frontend = {};
+}
+
+UM.frontend = {
+	cropper: {
+		/**
+		 * @type ?Cropper
+		 */
+		obj: null,
+		init: function() {
+			let target_img = jQuery('.um-modal .um-single-image-preview img').first();
+			if ( ! target_img.length || '' === target_img.attr('src') ) {
+				return;
+			}
+
+			if ( UM.frontend.cropper.obj ) {
+				// If Cropper object exists then destroy before re-init.
+				UM.frontend.cropper.destroy();
+			}
+
+			var target_img_parent = jQuery('.um-modal .um-single-image-preview');
+
+			var crop_data = target_img.parent().data('crop');
+			var min_width = target_img.parent().data('min_width');
+			var min_height= target_img.parent().data('min_height');
+			var ratio     = target_img.parent().data('ratio');
+
+			let singleUploadRatio = jQuery('.um-modal').find('#um_upload_single').data('ratio');
+			if ( singleUploadRatio ) {
+				let ratioSplit = singleUploadRatio.split(':');
+				ratio = ratioSplit[0];
+			}
+
+			var max_height = jQuery(window).height() - ( jQuery('.um-modal-footer a').height() + 20 ) - 50 - ( jQuery('.um-modal-header:visible').height() );
+			target_img.css({'height' : 'auto'});
+			target_img_parent.css({'height' : 'auto'});
+			if ( jQuery(window).height() <= 400 ) {
+				target_img_parent.css({ 'height': max_height +'px', 'max-height' : max_height + 'px' });
+				target_img.css({ 'height' : 'auto' });
+			} else {
+				target_img.css({ 'height': 'auto', 'max-height' : max_height + 'px' });
+				target_img_parent.css({ 'height': target_img.height(), 'max-height' : max_height + 'px' });
+			}
+
+			let opts;
+			if ( 'square' === crop_data ) {
+				opts = {
+					minWidth: min_width,
+					minHeight: min_height,
+					dragCrop: false,
+					aspectRatio: 1.0,
+					zoomable: false,
+					rotatable: false,
+					dashed: false,
+				};
+			} else if ( 'cover' === crop_data ) {
+				if ( Math.round( min_width / ratio ) > 0 ) {
+					min_height = Math.round( min_width / ratio )
+				}
+				opts = {
+					minWidth: min_width,
+					minHeight: min_height,
+					dragCrop: false,
+					aspectRatio: ratio,
+					zoomable: false,
+					rotatable: false,
+					dashed: false,
+				};
+			} else if ( 'user' === crop_data ) {
+				opts = {
+					minWidth: min_width,
+					minHeight: min_height,
+					dragCrop: true,
+					aspectRatio: "auto",
+					zoomable: false,
+					rotatable: false,
+					dashed: false,
+				};
+			}
+
+			if ( opts ) {
+				UM.frontend.cropper.obj = new Cropper(target_img[0], opts);
+				// The commented lines below are maybe unnecessary. Wait for feedback and probably permanently delete.
+				// jQuery('.um-single-image-preview img.lazyloaded').addClass('cropper-hidden').removeClass('lazyloaded');
+				// jQuery('.um-single-image-preview .cropper-container').append('<div class="um-clear"></div>');
+			}
+		},
+		destroy: function() {
+			if ( jQuery('.cropper-container').length > 0 ) {
+				UM.frontend.cropper.obj.destroy(); // destroy Cropper.JS method
+				UM.frontend.cropper.obj = null; // flush our own object
+			}
+		}
+	}
+}
+
+wp.hooks.addAction( 'um_remove_modal', 'um_common_frontend', function() {
+	UM.frontend.cropper.destroy();
+});
+
+wp.hooks.addAction( 'um_after_removing_preview', 'um_common_frontend', function() {
+	UM.frontend.cropper.destroy();
+});
+
+wp.hooks.addAction( 'um_window_resize', 'um_common_frontend', function() {
+	UM.frontend.cropper.destroy();
+});

assets/js/common-frontend.min.js

@@ -0,0 +1 @@
+"object"!=typeof window.UM&&(window.UM={}),"object"!=typeof UM.frontend&&(UM.frontend={}),UM.frontend={cropper:{obj:null,init:function(){var o=jQuery(".um-modal .um-single-image-preview img").first();if(o.length&&""!==o.attr("src")){UM.frontend.cropper.obj&&UM.frontend.cropper.destroy();var t=jQuery(".um-modal .um-single-image-preview"),r=o.parent().data("crop"),n=o.parent().data("min_width"),i=o.parent().data("min_height"),a=o.parent().data("ratio"),d=jQuery(".um-modal").find("#um_upload_single").data("ratio"),d=(d&&(a=d.split(":")[0]),jQuery(window).height()-(jQuery(".um-modal-footer a").height()+20)-50-jQuery(".um-modal-header:visible").height());o.css({height:"auto"}),t.css({height:"auto"}),jQuery(window).height()<=400?(t.css({height:d+"px","max-height":d+"px"}),o.css({height:"auto"})):(o.css({height:"auto","max-height":d+"px"}),t.css({height:o.height(),"max-height":d+"px"}));let e;"square"===r?e={minWidth:n,minHeight:i,dragCrop:!1,aspectRatio:1,zoomable:!1,rotatable:!1,dashed:!1}:"cover"===r?(0<Math.round(n/a)&&(i=Math.round(n/a)),e={minWidth:n,minHeight:i,dragCrop:!1,aspectRatio:a,zoomable:!1,rotatable:!1,dashed:!1}):"user"===r&&(e={minWidth:n,minHeight:i,dragCrop:!0,aspectRatio:"auto",zoomable:!1,rotatable:!1,dashed:!1}),e&&(UM.frontend.cropper.obj=new Cropper(o[0],e))}},destroy:function(){0<jQuery(".cropper-container").length&&(UM.frontend.cropper.obj.destroy(),UM.frontend.cropper.obj=null)}}},wp.hooks.addAction("um_remove_modal","um_common_frontend",function(){UM.frontend.cropper.destroy()}),wp.hooks.addAction("um_after_removing_preview","um_common_frontend",function(){UM.frontend.cropper.destroy()}),wp.hooks.addAction("um_window_resize","um_common_frontend",function(){UM.frontend.cropper.destroy()});

assets/js/common.js

@@ -0,0 +1,62 @@
+if ( typeof ( window.UM ) !== 'object' ) {
+	window.UM = {};
+}
+
+if ( typeof ( UM.common ) !== 'object' ) {
+	UM.common = {};
+}
+
+UM.common = {
+	tipsy: {
+		init: function () {
+			if ( 'function' === typeof( jQuery.fn.tipsy ) ) {
+				jQuery('.um-tip-n').tipsy({gravity: 'n', opacity: 1, live: 'a.live', offset: 3 });
+				jQuery('.um-tip-w').tipsy({gravity: 'w', opacity: 1, live: 'a.live', offset: 3 });
+				jQuery('.um-tip-e').tipsy({gravity: 'e', opacity: 1, live: 'a.live', offset: 3 });
+				jQuery('.um-tip-s').tipsy({gravity: 's', opacity: 1, live: 'a.live', offset: 3 });
+			}
+		},
+		hide: function () {
+			if ( 'function' === typeof( jQuery.fn.tipsy ) ) {
+				jQuery('.um-tip-n').tipsy('hide');
+				jQuery('.um-tip-w').tipsy('hide');
+				jQuery('.um-tip-e').tipsy('hide');
+				jQuery('.um-tip-s').tipsy('hide');
+				jQuery('.um .tipsy').remove();
+			}
+		}
+	}
+}
+
+jQuery.ajaxSetup({
+	beforeSend: function( jqXHR, settings ) {
+		if ( settings.processData ) {
+			if ( settings.data !== '' ) {
+				settings.data += '&um_current_locale=' + um_common_variables.locale;
+			} else {
+				settings.data = 'um_current_locale=' + um_common_variables.locale;
+			}
+		} else {
+			settings.data = jQuery.extend(
+				settings.data,
+				{
+					um_current_locale: um_common_variables.locale
+				}
+			);
+		}
+
+		return true;
+	}
+});
+
+jQuery(document).on( 'ajaxStart', function() {
+	UM.common.tipsy.hide();
+});
+
+jQuery(document).on( 'ajaxSuccess', function() {
+	UM.common.tipsy.init();
+});
+
+jQuery(document).ready(function() {
+	UM.common.tipsy.init();
+});

assets/js/common.min.js

@@ -0,0 +1 @@
+"object"!=typeof window.UM&&(window.UM={}),"object"!=typeof UM.common&&(UM.common={}),UM.common={tipsy:{init:function(){"function"==typeof jQuery.fn.tipsy&&(jQuery(".um-tip-n").tipsy({gravity:"n",opacity:1,live:"a.live",offset:3}),jQuery(".um-tip-w").tipsy({gravity:"w",opacity:1,live:"a.live",offset:3}),jQuery(".um-tip-e").tipsy({gravity:"e",opacity:1,live:"a.live",offset:3}),jQuery(".um-tip-s").tipsy({gravity:"s",opacity:1,live:"a.live",offset:3}))},hide:function(){"function"==typeof jQuery.fn.tipsy&&(jQuery(".um-tip-n").tipsy("hide"),jQuery(".um-tip-w").tipsy("hide"),jQuery(".um-tip-e").tipsy("hide"),jQuery(".um-tip-s").tipsy("hide"),jQuery(".um .tipsy").remove())}}},jQuery.ajaxSetup({beforeSend:function(e,t){return t.processData?""!==t.data?t.data+="&um_current_locale="+um_common_variables.locale:t.data="um_current_locale="+um_common_variables.locale:t.data=jQuery.extend(t.data,{um_current_locale:um_common_variables.locale}),!0}}),jQuery(document).on("ajaxStart",function(){UM.common.tipsy.hide()}),jQuery(document).on("ajaxSuccess",function(){UM.common.tipsy.init()}),jQuery(document).ready(function(){UM.common.tipsy.init()});

assets/js/um-functions.js

@@ -498,90 +498,6 @@ function initFileUpload_UM( trigger ) {
 
 }
 
-function initCrop_UM() {
-
-	var target_img = jQuery('.um-modal .um-single-image-preview img').first();
-	var target_img_parent = jQuery('.um-modal .um-single-image-preview');
-
-	var crop_data = target_img.parent().attr('data-crop');
-	var min_width = target_img.parent().attr('data-min_width');
-	var min_height = target_img.parent().attr('data-min_height');
-	var ratio = target_img.parent().attr('data-ratio');
-
-	if ( jQuery('.um-modal').find('#um_upload_single').attr('data-ratio') ) {
-		var ratio =  jQuery('.um-modal').find('#um_upload_single').attr('data-ratio');
-		var ratio_split = ratio.split(':');
-		var ratio = ratio_split[0];
-	}
-
-	if ( target_img.length ) {
-
-		if ( target_img.attr('src') != '' ) {
-
-			var max_height = jQuery(window).height() - ( jQuery('.um-modal-footer a').height() + 20 ) - 50 - ( jQuery('.um-modal-header:visible').height() );
-			target_img.css({'height' : 'auto'});
-			target_img_parent.css({'height' : 'auto'});
-			if ( jQuery(window).height() <= 400 ) {
-				target_img_parent.css({ 'height': max_height +'px', 'max-height' : max_height + 'px' });
-				target_img.css({ 'height' : 'auto' });
-			} else {
-				target_img.css({ 'height': 'auto', 'max-height' : max_height + 'px' });
-				target_img_parent.css({ 'height': target_img.height(), 'max-height' : max_height + 'px' });
-			}
-
-			if ( crop_data == 'square' ) {
-
-				var opts = {
-					minWidth: min_width,
-					minHeight: min_height,
-					dragCrop: false,
-					aspectRatio: 1.0,
-					zoomable: false,
-					rotatable: false,
-					dashed: false,
-				};
-
-			} else if ( crop_data == 'cover' ) {
-				if( Math.round( min_width / ratio ) > 0 ){
-					min_height = Math.round( min_width / ratio )
-				}
-				var opts = {
-					minWidth: min_width,
-					minHeight: min_height,
-					dragCrop: false,
-					aspectRatio: ratio,
-					zoomable: false,
-					rotatable: false,
-					dashed: false,
-				};
-
-			} else if ( crop_data == 'user' ) {
-
-				var opts = {
-					minWidth: min_width,
-					minHeight: min_height,
-					dragCrop: true,
-					aspectRatio: "auto",
-					zoomable: false,
-					rotatable: false,
-					dashed: false,
-				};
-
-			}
-
-			if ( crop_data != 0 ) {
-					cropper = new Cropper(target_img[0], opts);
-
-					jQuery('.um-single-image-preview img.lazyloaded').addClass('cropper-hidden');
-					jQuery('.um-single-image-preview img.lazyloaded').removeClass('lazyloaded');
-					jQuery('.um-single-image-preview .cropper-container').append('<div class="um-clear"></div>');
-			}
-
-		}
-	}
-
-}
-
 function um_new_modal( id, size, isPhoto, source ) {
 	var modalOverlay = jQuery('.um-modal-overlay');
 	if ( modalOverlay.length !== 0 ) {
@@ -589,7 +505,7 @@ function um_new_modal( id, size, isPhoto, source ) {
 		modalOverlay.next('.um-modal').hide();
 	}
 
-	jQuery('.tipsy').hide();
+	UM.common.tipsy.hide();
 
 	UM.dropdown.hideAll();
 
@@ -641,7 +557,6 @@ function um_new_modal( id, size, isPhoto, source ) {
 }
 
 function um_modal_responsive() {
-
 	var w = window.innerWidth
 		|| document.documentElement.clientWidth
 		|| document.body.clientWidth;
@@ -653,11 +568,15 @@ function um_modal_responsive() {
 	var modal = jQuery('.um-modal:visible').not('.um-modal-hidden');
 	var photo_modal = modal.find('.um-modal-body.photo:visible');
 
+	if ( ! photo_modal.length && ! modal.length ) {
+		return;
+	}
+
+	let half_gap = ( h - modal.innerHeight() ) / 2 + 'px';
+
+	modal.removeClass('uimob340').removeClass('uimob500');
+
 	if ( photo_modal.length ) {
-
-		modal.removeClass('uimob340');
-		modal.removeClass('uimob500');
-
 		var photo_ = jQuery('.um-modal-photo img');
 		var photo_maxw = w - 60;
 		var photo_maxh = h - ( h * 0.25 );
@@ -673,54 +592,25 @@ function um_modal_responsive() {
 
 		photo_.animate({'opacity' : 1}, 1000);
 
-		var half_gap = ( h - modal.innerHeight() ) / 2 + 'px';
 		modal.animate({ 'bottom' : half_gap }, 300);
 
 	} else if ( modal.length ) {
-
-		modal.removeClass('uimob340');
-		modal.removeClass('uimob500');
-
 		if ( w <= 340 ) {
-
 			modal.addClass('uimob340');
-			initCrop_UM();
-			modal.animate({ 'bottom' : 0 }, 300);
-
 		} else if ( w <= 500 ) {
-
 			modal.addClass('uimob500');
-			initCrop_UM();
-			modal.animate({ 'bottom' : 0 }, 300);
-
-		} else if ( w <= 800 ) {
-
-			initCrop_UM();
-			var half_gap = ( h - modal.innerHeight() ) / 2 + 'px';
-			modal.animate({ 'bottom' : half_gap }, 300);
-
-		} else if ( w <= 960 ) {
-
-			initCrop_UM();
-			var half_gap = ( h - modal.innerHeight() ) / 2 + 'px';
-			modal.animate({ 'bottom' : half_gap }, 300);
-
-		} else if ( w > 960 ) {
-
-			initCrop_UM();
-			var half_gap = ( h - modal.innerHeight() ) / 2 + 'px';
-			modal.animate({ 'bottom' : half_gap }, 300);
-
 		}
-
+		UM.frontend.cropper.init();
+		if ( w <= 500 ) {
+			modal.animate({ 'bottom' : 0 }, 300);
+		} else {
+			modal.animate({ 'bottom' : half_gap }, 300);
+		}
 	}
-
 }
 
 function um_remove_modal() {
-	if ( jQuery('.cropper-hidden').length > 0 ) {
+	wp.hooks.doAction( 'um_remove_modal' );
-		cropper.destroy();
-	}
 
 	jQuery('body,html,textarea').css("overflow", "auto");
 
@@ -760,7 +650,7 @@ function remove_Modal() {
 	if ( jQuery('.um-popup-overlay').length ) {
 		wp.hooks.doAction( 'um_before_modal_removed', jQuery('.um-popup') );
 
-		jQuery('.tipsy').remove();
+		UM.common.tipsy.hide();
 		jQuery('.um-popup').empty().remove();
 		jQuery('.um-popup-overlay').empty().remove();
 		jQuery("body,html").css({ overflow: 'auto' });
@@ -770,10 +660,7 @@ function remove_Modal() {
 function show_Modal( contents ) {
 	if ( jQuery('.um-popup-overlay').length ) {
 		jQuery('.um-popup').removeClass('loading').html( contents );
-		jQuery('.um-tip-n').tipsy({gravity: 'n', opacity: 1, offset: 3 });
+		UM.common.tipsy.init();
-		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 });
 	}
 }
 

assets/js/um-members.js

@@ -389,7 +389,7 @@ function um_build_template( directory, data ) {
 	jQuery( document ).trigger( 'um_build_template', [ directory, data ] );
 	jQuery( window ).trigger( 'resize' );
 
-	init_tipsy();
+	UM.common.tipsy.init();
 }
 
 

assets/js/um-modal.js

@@ -14,62 +14,63 @@ jQuery(document).ready(function() {
 		return false;
 	});
 
-	jQuery(document).on('click', '.um-modal .um-single-file-preview a.cancel', function(e){
+	// jQuery(document).on('click', '.um-modal .um-single-file-preview a.cancel', function(e){
-		e.preventDefault();
+	// 	e.preventDefault();
+	//
+	// 	var parent = jQuery(this).parents('.um-modal-body');
+	// 	var src = jQuery(this).parents('.um-modal-body').find('.um-single-fileinfo a').attr('href');
+	// 	var mode = parent.find('.um-single-file-upload').data('set_mode');
+	//
+	// 	jQuery.ajax({
+	// 		url: wp.ajax.settings.url,
+	// 		type: 'post',
+	// 		data: {
+	// 			action: 'um_remove_file',
+	// 			src: src,
+	// 			mode: mode,
+	// 			nonce: um_scripts.nonce
+	// 		},
+	// 		success: function() {
+	// 			parent.find('.um-single-file-preview').hide();
+	// 			parent.find('.ajax-upload-dragdrop').show();
+	// 			parent.find('.um-modal-btn.um-finish-upload').addClass('disabled');
+	// 			um_modal_responsive();
+	// 		}
+	// 	});
+	//
+	// 	return false;
+	// });
 
-		var parent = jQuery(this).parents('.um-modal-body');
+	// jQuery(document).on('click', '.um-modal .um-single-image-preview a.cancel', function(e){
-		var src = jQuery(this).parents('.um-modal-body').find('.um-single-fileinfo a').attr('href');
+	// 	e.preventDefault();
-		var mode = parent.find('.um-single-file-upload').data('set_mode');
+	//
-
+	// 	var parent = jQuery(this).parents('.um-modal-body');
-		jQuery.ajax({
+	// 	var src = jQuery(this).parents('.um-modal-body').find('.um-single-image-preview img').attr('src');
-			url: wp.ajax.settings.url,
+	// 	var mode = parent.find('.um-single-image-upload').data('set_mode');
-			type: 'post',
+	//
-			data: {
+	// 	jQuery.ajax({
-				action: 'um_remove_file',
+	// 		url: wp.ajax.settings.url,
-				src: src,
+	// 		type: 'post',
-				mode: mode,
+	// 		data: {
-				nonce: um_scripts.nonce
+	// 			action: 'um_remove_file',
-			},
+	// 			src: src,
-			success: function() {
+	// 			mode: mode,
-				parent.find('.um-single-file-preview').hide();
+	// 			nonce: um_scripts.nonce
-				parent.find('.ajax-upload-dragdrop').show();
+	// 		},
-				parent.find('.um-modal-btn.um-finish-upload').addClass('disabled');
+	// 		success: function() {
-				um_modal_responsive();
+	// 			wp.hooks.doAction( 'um_after_removing_preview' );
-			}
+	//
-		});
+	// 			parent.find('.um-single-image-preview img').attr( 'src', '' );
-
+	// 			parent.find('.um-single-image-preview').hide();
-		return false;
+	// 			parent.find('.ajax-upload-dragdrop').show();
-	});
+	// 			parent.find('.um-modal-btn.um-finish-upload').addClass( 'disabled' );
-
+	//
-	jQuery(document).on('click', '.um-modal .um-single-image-preview a.cancel', function(e){
+	// 			um_modal_responsive();
-		e.preventDefault();
+	// 		}
-
+	// 	});
-		var parent = jQuery(this).parents('.um-modal-body');
+	//
-		var src = jQuery(this).parents('.um-modal-body').find('.um-single-image-preview img').attr('src');
+	// 	return false;
-		var mode = parent.find('.um-single-image-upload').data('set_mode');
+	// });
-
-		jQuery.ajax({
-			url: wp.ajax.settings.url,
-			type: 'post',
-			data: {
-				action: 'um_remove_file',
-				src: src,
-				mode: mode,
-				nonce: um_scripts.nonce
-			},
-			success: function() {
-				jQuery('img.cropper-hidden').cropper( 'destroy' );
-				parent.find('.um-single-image-preview img').attr( 'src', '' );
-				parent.find('.um-single-image-preview').hide();
-				parent.find('.ajax-upload-dragdrop').show();
-				parent.find('.um-modal-btn.um-finish-upload').addClass( 'disabled' );
-
-				um_modal_responsive();
-			}
-		});
-
-		return false;
-	});
 
 	jQuery(document).on('click', '.um-finish-upload.file:not(.disabled)', function(){
 
@@ -112,10 +113,8 @@ jQuery(document).ready(function() {
 		}
 
 		if ( jQuery('.cropper-hidden').length > 0 ) {
-			var data = cropper.getData();
+			var data = UM.frontend.cropper.obj.getData();
 			var coord = Math.round(data.x) + ',' + Math.round(data.y) + ',' + Math.round(data.width) + ',' + Math.round(data.height);
-		}
-		if ( coord ) {
 
 			jQuery(this).html( jQuery(this).attr('data-processing') ).addClass('disabled');
 
@@ -163,18 +162,15 @@ jQuery(document).ready(function() {
 			});
 
 		} else {
+			d = new Date();
 
-					d = new Date();
+			jQuery('.um-single-image-preview[data-key='+key+']').fadeIn().find('img').attr('src', src + "?"+d.getTime());
 
-					jQuery('.um-single-image-preview[data-key='+key+']').fadeIn().find('img').attr('src', src + "?"+d.getTime());
+			um_remove_modal();
-
-					um_remove_modal();
-
-					jQuery('.um-single-image-preview[data-key='+key+']').parents('.um-field').find('.um-btn-auto-width').html( elem.attr('data-change') );
-
-					jQuery('.um-single-image-preview[data-key='+key+']').parents('.um-field').find('input[type=hidden]').val( file );
 
+			jQuery('.um-single-image-preview[data-key='+key+']').parents('.um-field').find('.um-btn-auto-width').html( elem.attr('data-change') );
 
+			jQuery('.um-single-image-preview[data-key='+key+']').parents('.um-field').find('input[type=hidden]').val( file );
 		}
 	});
 

assets/js/um-profile.js

@@ -63,7 +63,7 @@ jQuery(document).ready(function() {
 
 		jQuery('.um-cover-overlay').hide();
 
-		jQuery('.um-cover-e').html('<a href="javascript:void(0);" class="um-cover-add" style="height: 370px;"><span class="um-cover-add-i"><i class="um-icon-plus um-tip-n" original-title="Upload a cover photo"></i></span></a>');
+		jQuery('.um-cover-e').html('<a href="javascript:void(0);" class="um-cover-add" style="height: 370px;"><span class="um-cover-add-i"><i class="um-icon-plus um-tip-n" title="Upload a cover photo"></i></span></a>');
 
 		um_responsive();
 

assets/js/um-profile.min.js

@@ -1 +1 @@
-jQuery(document).ready(function(){jQuery(".um-profile.um-viewing .um-profile-body .um-row").each(function(){var e=jQuery(this);0==e.find(".um-field").length&&(e.prev(".um-row-heading").remove(),e.remove())}),jQuery(".um-profile.um-viewing .um-profile-body").length&&0==jQuery(".um-profile.um-viewing .um-profile-body").find(".um-field").length&&(jQuery(".um-profile.um-viewing .um-profile-body").find(".um-row-heading,.um-row").remove(),jQuery(".um-profile-note").show()),jQuery(document.body).on("click",".um-profile-save",function(e){return e.preventDefault(),jQuery(this).parents(".um").find("form").trigger("submit"),!1}),jQuery(document.body).on("click",".um-profile-edit-a",function(e){jQuery(this).addClass("active")}),jQuery(document.body).on("click",".um-cover a.um-cover-add, .um-photo a",function(e){e.preventDefault()}),jQuery(document.body).on("click",".um-photo-modal",function(e){e.preventDefault();e=jQuery(this).attr("data-src");return um_new_modal("um_view_photo","fit",!0,e),!1}),jQuery(document.body).on("click",".um-reset-profile-photo",function(e){return jQuery(".um-profile-photo-img img").attr("src",jQuery(this).attr("data-default_src")),user_id=jQuery(this).attr("data-user_id"),metakey="profile_photo",UM.dropdown.hideAll(),jQuery.ajax({url:wp.ajax.settings.url,type:"post",data:{action:"um_delete_profile_photo",metakey:metakey,user_id:user_id,nonce:um_scripts.nonce}}),jQuery(this).parents("li").hide(),!1}),jQuery(document.body).on("click",".um-reset-cover-photo",function(e){var t=jQuery(this);return jQuery(".um-cover-overlay").hide(),jQuery(".um-cover-e").html('<a href="javascript:void(0);" class="um-cover-add" style="height: 370px;"><span class="um-cover-add-i"><i class="um-icon-plus um-tip-n" original-title="Upload a cover photo"></i></span></a>'),um_responsive(),user_id=jQuery(this).attr("data-user_id"),metakey="cover_photo",jQuery.ajax({url:wp.ajax.settings.url,type:"post",data:{action:"um_delete_cover_photo",metakey:metakey,user_id:user_id,nonce:um_scripts.nonce},success:function(e){t.hide()}}),UM.dropdown.hideAll(),!1}),jQuery(document.body).on("change keyup","#um-meta-bio",function(){if(void 0!==jQuery(this).val()){var t=jQuery(this).data("character-limit"),r=jQuery(this).data("html");let e=t-jQuery(this).val().length;e=(e=1===parseInt(r)?t-jQuery(this).val().replace(/(<([^>]+)>)/gi,"").length:e)<0?0:e,jQuery("span.um-meta-bio-character span.um-bio-limit").text(e);r=e<5?"red":"";jQuery("span.um-meta-bio-character").css("color",r)}}),jQuery("#um-meta-bio").trigger("change"),jQuery(".um-profile form").each(function(){let t=jQuery(this).data("description_key");jQuery(this).find('textarea[name="'+t+'"]').length&&jQuery(document.body).on("change input",'textarea[name="'+t+'"]',function(e){jQuery(this).parents("form").find('textarea[name="'+t+'"]').each(function(){jQuery(this).val(e.currentTarget.value),jQuery("#um-meta-bio")[0]!==e.currentTarget&&jQuery("#um-meta-bio")[0]===jQuery(this)[0]&&jQuery(this).trigger("change")})})}),jQuery(".um-profile-edit a.um_delete-item").on("click",function(e){if(e.preventDefault(),!confirm(wp.i18n.__("Are you sure that you want to delete this user?","ultimate-member")))return!1}),jQuery(".um-profile-nav a").on("touchend",function(e){jQuery(e.currentTarget).trigger("click")})});
+jQuery(document).ready(function(){jQuery(".um-profile.um-viewing .um-profile-body .um-row").each(function(){var e=jQuery(this);0==e.find(".um-field").length&&(e.prev(".um-row-heading").remove(),e.remove())}),jQuery(".um-profile.um-viewing .um-profile-body").length&&0==jQuery(".um-profile.um-viewing .um-profile-body").find(".um-field").length&&(jQuery(".um-profile.um-viewing .um-profile-body").find(".um-row-heading,.um-row").remove(),jQuery(".um-profile-note").show()),jQuery(document.body).on("click",".um-profile-save",function(e){return e.preventDefault(),jQuery(this).parents(".um").find("form").trigger("submit"),!1}),jQuery(document.body).on("click",".um-profile-edit-a",function(e){jQuery(this).addClass("active")}),jQuery(document.body).on("click",".um-cover a.um-cover-add, .um-photo a",function(e){e.preventDefault()}),jQuery(document.body).on("click",".um-photo-modal",function(e){e.preventDefault();e=jQuery(this).attr("data-src");return um_new_modal("um_view_photo","fit",!0,e),!1}),jQuery(document.body).on("click",".um-reset-profile-photo",function(e){return jQuery(".um-profile-photo-img img").attr("src",jQuery(this).attr("data-default_src")),user_id=jQuery(this).attr("data-user_id"),metakey="profile_photo",UM.dropdown.hideAll(),jQuery.ajax({url:wp.ajax.settings.url,type:"post",data:{action:"um_delete_profile_photo",metakey:metakey,user_id:user_id,nonce:um_scripts.nonce}}),jQuery(this).parents("li").hide(),!1}),jQuery(document.body).on("click",".um-reset-cover-photo",function(e){var t=jQuery(this);return jQuery(".um-cover-overlay").hide(),jQuery(".um-cover-e").html('<a href="javascript:void(0);" class="um-cover-add" style="height: 370px;"><span class="um-cover-add-i"><i class="um-icon-plus um-tip-n" title="Upload a cover photo"></i></span></a>'),um_responsive(),user_id=jQuery(this).attr("data-user_id"),metakey="cover_photo",jQuery.ajax({url:wp.ajax.settings.url,type:"post",data:{action:"um_delete_cover_photo",metakey:metakey,user_id:user_id,nonce:um_scripts.nonce},success:function(e){t.hide()}}),UM.dropdown.hideAll(),!1}),jQuery(document.body).on("change keyup","#um-meta-bio",function(){if(void 0!==jQuery(this).val()){var t=jQuery(this).data("character-limit"),r=jQuery(this).data("html");let e=t-jQuery(this).val().length;e=(e=1===parseInt(r)?t-jQuery(this).val().replace(/(<([^>]+)>)/gi,"").length:e)<0?0:e,jQuery("span.um-meta-bio-character span.um-bio-limit").text(e);r=e<5?"red":"";jQuery("span.um-meta-bio-character").css("color",r)}}),jQuery("#um-meta-bio").trigger("change"),jQuery(".um-profile form").each(function(){let t=jQuery(this).data("description_key");jQuery(this).find('textarea[name="'+t+'"]').length&&jQuery(document.body).on("change input",'textarea[name="'+t+'"]',function(e){jQuery(this).parents("form").find('textarea[name="'+t+'"]').each(function(){jQuery(this).val(e.currentTarget.value),jQuery("#um-meta-bio")[0]!==e.currentTarget&&jQuery("#um-meta-bio")[0]===jQuery(this)[0]&&jQuery(this).trigger("change")})})}),jQuery(".um-profile-edit a.um_delete-item").on("click",function(e){if(e.preventDefault(),!confirm(wp.i18n.__("Are you sure that you want to delete this user?","ultimate-member")))return!1}),jQuery(".um-profile-nav a").on("touchend",function(e){jQuery(e.currentTarget).trigger("click")})});

assets/js/um-responsive.js

@@ -6,8 +6,8 @@ jQuery( window ).on( 'load',function() {
 jQuery(window).on( 'resize', function() {
 	responsive_Modal();
 
-	jQuery('img.cropper-hidden').cropper('destroy');
+	wp.hooks.doAction( 'um_window_resize' );
 
 	um_responsive();
 	um_modal_responsive();
-});
+});

assets/js/um-responsive.min.js

@@ -1 +1 @@
-jQuery(window).on("load",function(){um_responsive(),um_modal_responsive()}),jQuery(window).on("resize",function(){responsive_Modal(),jQuery("img.cropper-hidden").cropper("destroy"),um_responsive(),um_modal_responsive()});
+jQuery(window).on("load",function(){um_responsive(),um_modal_responsive()}),jQuery(window).on("resize",function(){responsive_Modal(),wp.hooks.doAction("um_window_resize"),um_responsive(),um_modal_responsive()});

assets/js/um-scripts.js

@@ -95,17 +95,6 @@ function um_init_datetimepicker() {
 	});
 }
 
-
-
-function init_tipsy() {
-	if ( typeof( jQuery.fn.tipsy ) === 'function' ) {
-		jQuery('.um-tip-n').tipsy({gravity: 'n', opacity: 1, live: 'a.live', offset: 3 });
-		jQuery('.um-tip-w').tipsy({gravity: 'w', opacity: 1, live: 'a.live', offset: 3 });
-		jQuery('.um-tip-e').tipsy({gravity: 'e', opacity: 1, live: 'a.live', offset: 3 });
-		jQuery('.um-tip-s').tipsy({gravity: 's', opacity: 1, live: 'a.live', offset: 3 });
-	}
-}
-
 jQuery(document).ready(function() {
 
 	jQuery( document.body ).on('click', '.um-dropdown a.real_url', function() {
@@ -195,8 +184,6 @@ jQuery(document).ready(function() {
 		} );
 	}
 
-	init_tipsy();
-
 	if ( typeof( jQuery.fn.um_raty ) === 'function' ) {
 		jQuery('.um-rating').um_raty({
 			half:       false,
@@ -258,67 +245,122 @@ jQuery(document).ready(function() {
 
 	um_init_datetimepicker();
 
-	jQuery(document).on('click', '.um .um-single-image-preview a.cancel', function( e ) {
+	jQuery(document.body).on('click', '.um-single-image-preview a.cancel', function(e) {
 		e.preventDefault();
-		var parent = jQuery(this).parents('.um-field');
 
-		var filename = parent.find( 'input[type="hidden"]#' + parent.data('key') + '-' + jQuery(this).parents('form').find('input[type="hidden"][name="form_id"]').val() ).val();
+		let isModal = false;
+		if ( jQuery(this).parents('.um-modal-body').length > 0 ) {
+			isModal = true;
+		}
 
-		var src = jQuery(this).parents('.um-field').find('.um-single-image-preview img').attr('src');
+		let parent, mode, src, args;
-		var mode = parent.data('mode');
 
-		var args = {
+		if ( ! isModal ) {
-			data: {
+			parent = jQuery(this).parents('.um-field');
-				mode: mode,
+			mode   = parent.data('mode');
-				filename: filename,
+			src    = parent.find('.um-single-image-preview img').attr('src');
-				src: src,
+
-				nonce: um_scripts.nonce
+			let filename = parent.find( 'input[type="hidden"]#' + parent.data('key') + '-' + jQuery(this).parents('form').find('input[type="hidden"][name="form_id"]').val() ).val();
-			},
+
-			success: function() {
+			args = {
-				parent.find('.um-single-image-preview img').attr( 'src', '' );
+				data: {
-				parent.find('.um-single-image-preview').hide();
+					mode: mode,
-				parent.find('.um-btn-auto-width').html( parent.data('upload-label') );
+					filename: filename,
-				parent.find('input[type="hidden"]').val( 'empty_file' );
+					src: src,
+					nonce: um_scripts.nonce
+				},
+				success: function() {
+					parent.find('.um-single-image-preview img').replaceWith('<img src="" alt="" />');
+					parent.find('.um-single-image-preview').removeAttr('style').hide();
+					parent.find('.um-btn-auto-width').html( parent.data('upload-label') );
+					parent.find('input[type="hidden"]').val( 'empty_file' );
+				}
+			};
+
+			if ( mode !== 'register' ) {
+				args.data.user_id = jQuery(this).parents('form').find('#user_id').val();
 			}
-		};
+		} else {
+			parent = jQuery(this).parents('.um-modal-body');
+			mode   = parent.find('.um-single-image-upload').data('set_mode');
+			src    = parent.find('.um-single-image-preview img').attr('src');
 
-		if ( mode !== 'register' ) {
+			args = {
-			args.data.user_id = jQuery(this).parents('form' ).find( '#user_id' ).val();
+				data: {
+					src: src,
+					mode: mode,
+					nonce: um_scripts.nonce
+				},
+				success: function() {
+					wp.hooks.doAction( 'um_after_removing_preview' );
+
+					parent.find('.um-single-image-preview img').replaceWith('<img src="" alt="" />'); // required replaceWith for flushing DOM before re-init Cropper.
+					parent.find('.um-single-image-preview').removeAttr('style').hide();
+					parent.find('.ajax-upload-dragdrop').show();
+					parent.find('.um-modal-btn.um-finish-upload').addClass( 'disabled' );
+
+					um_modal_responsive();
+				}
+			};
 		}
 
 		wp.ajax.send( 'um_remove_file', args );
-
-		return false;
 	});
 
-	jQuery(document).on('click', '.um .um-single-file-preview a.cancel', function( e ) {
+	jQuery(document.body).on('click', '.um-single-file-preview a.cancel', function(e) {
 		e.preventDefault();
-		var parent = jQuery(this).parents('.um-field');
-		var filename = parent.find( 'input[type="hidden"]#' + parent.data('key') + '-' + jQuery(this).parents('form').find('input[type="hidden"][name="form_id"]').val() ).val();
-		var src = jQuery(this).parents('.um-field').find('.um-single-fileinfo a').attr('href');
-		var mode = parent.data('mode');
 
-		var args = {
+		let isModal = false;
-			data: {
+		if ( jQuery(this).parents('.um-modal-body').length > 0 ) {
-				mode: mode,
+			isModal = true;
-				filename: filename,
-				src: src,
-				nonce: um_scripts.nonce
-			},
-			success: function() {
-				parent.find('.um-single-file-preview').hide();
-				parent.find('.um-btn-auto-width').html( parent.data('upload-label') );
-				parent.find('input[type=hidden]').val( 'empty_file' );
-			}
-		};
-
-		if ( mode !== 'register' ) {
-			args.data.user_id = jQuery(this).parents('form' ).find( '#user_id' ).val();
 		}
 
-		wp.ajax.send( 'um_remove_file', args );
+		let parent, mode, src, args;
 
-		return false;
+		if ( ! isModal ) {
+			parent = jQuery(this).parents('.um-field');
+			src    = parent.find('.um-single-fileinfo a').attr('href');
+			mode   = parent.data('mode');
+
+			let filename = parent.find( 'input[type="hidden"]#' + parent.data('key') + '-' + jQuery(this).parents('form').find('input[type="hidden"][name="form_id"]').val() ).val();
+
+			args = {
+				data: {
+					mode: mode,
+					filename: filename,
+					src: src,
+					nonce: um_scripts.nonce
+				},
+				success: function() {
+					parent.find('.um-single-file-preview').hide();
+					parent.find('.um-btn-auto-width').html( parent.data('upload-label') );
+					parent.find('input[type=hidden]').val( 'empty_file' );
+				}
+			};
+
+			if ( mode !== 'register' ) {
+				args.data.user_id = jQuery(this).parents('form' ).find( '#user_id' ).val();
+			}
+		} else {
+			parent = jQuery(this).parents('.um-modal-body');
+			src    = parent.find('.um-single-fileinfo a').attr('href');
+			mode   = parent.find('.um-single-file-upload').data('set_mode');
+
+			args = {
+				data: {
+					src: src,
+					mode: mode,
+					nonce: um_scripts.nonce
+				},
+				success: function() {
+					parent.find('.um-single-file-preview').hide();
+					parent.find('.ajax-upload-dragdrop').show();
+					parent.find('.um-modal-btn.um-finish-upload').addClass('disabled');
+					um_modal_responsive();
+				}
+			};
+		}
+		wp.ajax.send( 'um_remove_file', args );
 	});
 
 	jQuery(document).on('click', '.um-field-group-head:not(.disabled)', function() {

assets/libs/cropper/cropper.css

@@ -0,0 +1,308 @@
+/*!
+ * Cropper.js v1.6.1
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2023-09-17T03:44:17.565Z
+ */
+
+.cropper-container {
+  direction: ltr;
+  font-size: 0;
+  line-height: 0;
+  position: relative;
+  -ms-touch-action: none;
+      touch-action: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+.cropper-container img {
+    backface-visibility: hidden;
+    display: block;
+    height: 100%;
+    image-orientation: 0deg;
+    max-height: none !important;
+    max-width: none !important;
+    min-height: 0 !important;
+    min-width: 0 !important;
+    width: 100%;
+  }
+
+.cropper-wrap-box,
+.cropper-canvas,
+.cropper-drag-box,
+.cropper-crop-box,
+.cropper-modal {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.cropper-wrap-box,
+.cropper-canvas {
+  overflow: hidden;
+}
+
+.cropper-drag-box {
+  background-color: #fff;
+  opacity: 0;
+}
+
+.cropper-modal {
+  background-color: #000;
+  opacity: 0.5;
+}
+
+.cropper-view-box {
+  display: block;
+  height: 100%;
+  outline: 1px solid #39f;
+  outline-color: rgba(51, 153, 255, 0.75);
+  overflow: hidden;
+  width: 100%;
+}
+
+.cropper-dashed {
+  border: 0 dashed #eee;
+  display: block;
+  opacity: 0.5;
+  position: absolute;
+}
+
+.cropper-dashed.dashed-h {
+    border-bottom-width: 1px;
+    border-top-width: 1px;
+    height: calc(100% / 3);
+    left: 0;
+    top: calc(100% / 3);
+    width: 100%;
+  }
+
+.cropper-dashed.dashed-v {
+    border-left-width: 1px;
+    border-right-width: 1px;
+    height: 100%;
+    left: calc(100% / 3);
+    top: 0;
+    width: calc(100% / 3);
+  }
+
+.cropper-center {
+  display: block;
+  height: 0;
+  left: 50%;
+  opacity: 0.75;
+  position: absolute;
+  top: 50%;
+  width: 0;
+}
+
+.cropper-center::before,
+  .cropper-center::after {
+    background-color: #eee;
+    content: ' ';
+    display: block;
+    position: absolute;
+  }
+
+.cropper-center::before {
+    height: 1px;
+    left: -3px;
+    top: 0;
+    width: 7px;
+  }
+
+.cropper-center::after {
+    height: 7px;
+    left: 0;
+    top: -3px;
+    width: 1px;
+  }
+
+.cropper-face,
+.cropper-line,
+.cropper-point {
+  display: block;
+  height: 100%;
+  opacity: 0.1;
+  position: absolute;
+  width: 100%;
+}
+
+.cropper-face {
+  background-color: #fff;
+  left: 0;
+  top: 0;
+}
+
+.cropper-line {
+  background-color: #39f;
+}
+
+.cropper-line.line-e {
+    cursor: ew-resize;
+    right: -3px;
+    top: 0;
+    width: 5px;
+  }
+
+.cropper-line.line-n {
+    cursor: ns-resize;
+    height: 5px;
+    left: 0;
+    top: -3px;
+  }
+
+.cropper-line.line-w {
+    cursor: ew-resize;
+    left: -3px;
+    top: 0;
+    width: 5px;
+  }
+
+.cropper-line.line-s {
+    bottom: -3px;
+    cursor: ns-resize;
+    height: 5px;
+    left: 0;
+  }
+
+.cropper-point {
+  background-color: #39f;
+  height: 5px;
+  opacity: 0.75;
+  width: 5px;
+}
+
+.cropper-point.point-e {
+    cursor: ew-resize;
+    margin-top: -3px;
+    right: -3px;
+    top: 50%;
+  }
+
+.cropper-point.point-n {
+    cursor: ns-resize;
+    left: 50%;
+    margin-left: -3px;
+    top: -3px;
+  }
+
+.cropper-point.point-w {
+    cursor: ew-resize;
+    left: -3px;
+    margin-top: -3px;
+    top: 50%;
+  }
+
+.cropper-point.point-s {
+    bottom: -3px;
+    cursor: s-resize;
+    left: 50%;
+    margin-left: -3px;
+  }
+
+.cropper-point.point-ne {
+    cursor: nesw-resize;
+    right: -3px;
+    top: -3px;
+  }
+
+.cropper-point.point-nw {
+    cursor: nwse-resize;
+    left: -3px;
+    top: -3px;
+  }
+
+.cropper-point.point-sw {
+    bottom: -3px;
+    cursor: nesw-resize;
+    left: -3px;
+  }
+
+.cropper-point.point-se {
+    bottom: -3px;
+    cursor: nwse-resize;
+    height: 20px;
+    opacity: 1;
+    right: -3px;
+    width: 20px;
+  }
+
+@media (min-width: 768px) {
+
+.cropper-point.point-se {
+      height: 15px;
+      width: 15px;
+  }
+    }
+
+@media (min-width: 992px) {
+
+.cropper-point.point-se {
+      height: 10px;
+      width: 10px;
+  }
+    }
+
+@media (min-width: 1200px) {
+
+.cropper-point.point-se {
+      height: 5px;
+      opacity: 0.75;
+      width: 5px;
+  }
+    }
+
+.cropper-point.point-se::before {
+    background-color: #39f;
+    bottom: -50%;
+    content: ' ';
+    display: block;
+    height: 200%;
+    opacity: 0;
+    position: absolute;
+    right: -50%;
+    width: 200%;
+  }
+
+.cropper-invisible {
+  opacity: 0;
+}
+
+.cropper-bg {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
+}
+
+.cropper-hide {
+  display: block;
+  height: 0;
+  position: absolute;
+  width: 0;
+}
+
+.cropper-hidden {
+  display: none !important;
+}
+
+.cropper-move {
+  cursor: move;
+}
+
+.cropper-crop {
+  cursor: crosshair;
+}
+
+.cropper-disabled .cropper-drag-box,
+.cropper-disabled .cropper-face,
+.cropper-disabled .cropper-line,
+.cropper-disabled .cropper-point {
+  cursor: not-allowed;
+}

assets/libs/cropper/cropper.min.css

@@ -0,0 +1,9 @@
+/*!
+ * Cropper.js v1.6.1
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2023-09-17T03:44:17.565Z
+ */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}

assets/libs/jquery-ui/images/readme.txt

@@ -1 +0,0 @@
-These images are part of the jquery-ui library and used in the file jquery-ui.css