update

wp-content/plugins/password-protect-page/includes/customizers/assets/css/sw-default1.php

@@ -0,0 +1,57 @@
+body.ppwp-sitewide-protection {
+background: #2a2c2e url("<?php echo esc_url( ppw_get_background_image( 'sw-default1.jpg' ) ); ?>") no-repeat center/cover !important;
+}
+
+.pda-form-login {
+width: 50%;
+height: 100%;
+position: relative;
+margin: 0 0 0 auto;
+padding: 0;
+}
+
+.ppwp-countdown-container {
+position: absolute;
+bottom: 0;
+right: 2px;
+width: 50%;
+}
+
+.pda-form-login a.ppw-swp-logo {
+top: 22%;
+position: absolute;
+left: 50%;
+transform: translate(-50%, -50%);
+}
+
+.pda-form-login form {
+position: absolute;
+width: 350px;
+left: 50%;
+transform: translate(-50%, -50%);
+top: 50%;
+padding: 3rem;
+background: #0404047a;
+color: #fff;
+}
+
+.pda-form-login .input_wp_protect_password,
+.pda-form-login .button-login {
+width: 100%;
+padding: .8rem;
+border: 1px solid #001428;
+outline: 0;
+font-size: 1rem;
+}
+
+.pda-form-login .input_wp_protect_password {
+background: #acb2c9;
+margin-bottom: 1.5rem;
+}
+
+.pda-form-login .button-login {
+text-transform: uppercase;
+font-weight: 700;
+background: #001428;
+border-color: #fff;
+}

wp-content/plugins/password-protect-page/includes/customizers/assets/css/sw-default2.php

@@ -0,0 +1,95 @@
+body.ppwp-sitewide-protection {
+background: #2a2c2e url("<?php echo esc_url( ppw_get_background_image( 'sw-default2.jpg' ) ); ?>") no-repeat center/cover !important;
+}
+
+.pda-form-login {
+width: 50%;
+height: 100%;
+position: relative;
+left: 0;
+margin: 0 0 0 auto;
+padding: 0;
+}
+
+.ppwp-countdown-container {
+position: absolute;
+bottom: 0;
+right: 2px;
+width: 50%;
+margin: 0 0 0 auto;
+}
+
+.pda-form-login form {
+max-width: 350px;
+top: 50%;
+left: 50%;
+transform: translate(-50%, -50%);
+position: relative;
+padding: 2rem;
+overflow: hidden;
+background: #111;
+border-radius: 0.4em;
+border: 1px solid #191919;
+box-shadow: 1px 1px 78px #171717;
+color: #fff;
+}
+
+.pda-form-login a.ppw-swp-logo {
+top: 26%;
+position: absolute;
+left: 50%;
+transform: translate(-50%, -50%);
+}
+
+.pda-form-login form:before {
+content: "";
+width: 8px;
+height: 5px;
+position: absolute;
+left: 34%;
+top: -7px;
+border-radius: 50%;
+box-shadow: 0 0 6px 4px #fff;
+}
+
+.pda-form-login form:after {
+content: "";
+width: 400px;
+height: 200px;
+position: absolute;
+top: 0;
+left: 35px;
+transform: rotate(75deg);
+background: linear-gradient(50deg, rgba(255, 255, 255, 0.15), transparent);
+opacity: .4;
+z-index: -1;
+}
+
+.pda-form-login .input_wp_protect_password {
+padding: .8rem;
+background: linear-gradient(#1f2124, #27292c);
+border: 1px solid #000;
+box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+border-radius: 3px;
+color: #fff;
+padding-right: 2.5rem;
+}
+
+.pda-form-login .input_wp_protect_password:focus {
+box-shadow: inset 0 0 2px #000;
+background: #494d54;
+outline: none;
+}
+
+.pda-form-login .button-login {
+width: 100%;
+border: 1px solid rgba(0, 0, 0, 0.4);
+box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 10px 10px rgba(255, 255, 255, 0.1);
+border-radius: 3px;
+background: #218dd6;
+cursor: pointer;
+font-weight: 700;
+font-size: 15px;
+text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
+margin-top: 1rem;
+}

wp-content/plugins/password-protect-page/includes/customizers/assets/css/sw-default3.php

@@ -0,0 +1,63 @@
+body.ppwp-sitewide-protection {
+background: #2a2c2e url("<?php echo esc_url( ppw_get_background_image( 'sw-default3.jpg' ) ); ?>") no-repeat center/cover !important;
+margin: 0;
+}
+
+.pda-form-login {
+width: 50%;
+background: #ffffffc4;
+height: 100%;
+position: relative;
+box-shadow: 0 1px 13px #ECEBEB;
+left: 0;
+margin: 0;
+padding-top:0;
+}
+
+.ppwp-countdown-container {
+position: absolute;
+bottom: 0;
+width: 50%;
+margin: 0 0 0 auto;
+}
+
+.pda-form-login a.ppw-swp-logo {
+top: 32%;
+position: absolute;
+left: 50%;
+transform: translate(-50%, -50%);
+}
+
+.pda-form-login form {
+position: absolute;
+max-width: 350px;
+top: 50%;
+left: 50%;
+transform: translate(-50%, -50%);
+text-align: center;
+background: transparent;
+box-shadow: 0 0 black;
+}
+
+.pda-form-login .input_wp_protect_password {
+width: 100%;
+font-size: 1rem;
+outline: 0;
+border-radius: 30px;
+border: 2px solid #d0cece;
+padding: 1rem 3.5rem 1rem 1.5rem;
+background: white;
+}
+.pda-form-login .button-login {
+margin-top: 1rem;
+text-transform: uppercase;
+font-weight: 700;
+color: #fff;
+border-color: #cac8c7;
+border-radius: 30px;
+width: 40%;
+text-align: center;
+padding: .8rem;
+background: #7d7974;
+box-shadow: 2px 4px 1px #cac8c7;
+}

wp-content/plugins/password-protect-page/includes/customizers/assets/ppw-datetime.css

@@ -0,0 +1,4 @@
+.datetime .customize-control-error-message {
+    color: red;
+    display: none;
+}

wp-content/plugins/password-protect-page/includes/customizers/assets/ppw-datetime.js

@@ -0,0 +1,32 @@
+( function( $, api ) {
+
+	api.controlConstructor['datetime'] = api.Control.extend( {
+
+		ready: function() {
+			var control = this;
+			this.container.on( 'change', 'input[type="datetime-local"]', function() {
+				if (control.params.id === 'ppwp_sitewide_start_time' && this.value ) {
+					var endTime = document.getElementById("datetime-ppwp_sitewide_end_time");
+					endTime.min = this.value;
+				}
+				if (control.params.id === 'ppwp_sitewide_start_time' && !this.value ) {
+					var endTime = document.getElementById("datetime-ppwp_sitewide_end_time");
+					endTime.min = this.min;
+				}
+				if (control.params.id === 'ppwp_sitewide_end_time' ) {
+					document.getElementById('datetime-ppwp_sitewide_end_time-error-message').style.display = 'none';
+					var startTime = document.getElementById("datetime-ppwp_sitewide_start_time").value;
+					var countDownDateStart = new Date(startTime).getTime(); 
+					var countDownDateEnd = new Date(this.value).getTime();
+					if ( countDownDateStart > countDownDateEnd ) {
+						document.getElementById('datetime-ppwp_sitewide_end_time-error-message').style.display = 'block';
+					}
+				}
+				value = this.value;
+				control.setting.set( value );
+			} );
+		}
+
+	} );
+
+} )( jQuery, wp.customize );

wp-content/plugins/password-protect-page/includes/customizers/assets/ppw-title-group-control.css

@@ -0,0 +1,40 @@
+.control-title--wrapper span.customize-control-title {
+    margin: 0px -12px;
+    border: 1px solid #ddd;
+    padding: 13px;
+    font-size: 13px;
+    font-weight: 600;
+    letter-spacing: 2px;
+    line-height: 1;
+    text-transform: uppercase;
+    color: #555;
+    background-color: #fff;
+    margin-top: 8px;
+}
+
+#accordion-panel-ppwp {
+    margin-top: 1rem;
+}
+
+#accordion-panel-ppwp h3 {
+    border-top: 1px solid #ddd;
+}
+
+#accordion-section-ppwp_upsell {
+    margin-bottom: 1rem;
+}
+
+#accordion-section-ppwp_upsell .ppwp-accordion-section-title {
+    color: #f78935!important;
+    border-left-color: #f78935!important;
+}
+
+#accordion-section-ppwp_upsell .ppwp-accordion-section-title a {
+    color: #f78935!important;
+    text-decoration: none;
+    display: block;
+}
+
+#accordion-section-ppwp_upsell .accordion-section-title:after {
+    color: #f78935!important;
+}

wp-content/plugins/password-protect-page/includes/customizers/assets/ppw-toggle-control.css

@@ -0,0 +1,107 @@
+.customize-control-toggle .toggle--wrapper {
+	display: -webkit-box;
+	display: -webkit-flex;
+	display: -ms-flexbox;
+	display: flex;
+	flex-direction: row;
+
+	-webkit-box-direction: normal;
+	-webkit-box-orient: horizontal;
+	-webkit-box-pack: start;
+	-webkit-flex-direction: row;
+	-ms-flex-direction: row;
+	-ms-flex-pack: start;
+	-webkit-justify-content: flex-start;
+	justify-content: flex-start;
+	margin-bottom: 10px;
+	align-items: baseline;
+}
+
+.customize-control-toggle .toggle--wrapper .customize-control-title {
+	font-weight: 600;
+	margin-bottom: 0px;
+	vertical-align: middle;
+	-webkit-box-flex: 2;
+	-webkit-flex: 2 0 0;
+	-ms-flex: 2 0 0;
+	flex: 2 0 0;
+}
+
+.customize-control-toggle .toggle--wrapper input[type=checkbox] {
+	display: none;
+}
+
+.customize-control-toggle {
+	margin-bottom: 0
+}
+
+.customize-control-toggle .toggle--wrapper label {
+	background-color: #555d66;
+	border-radius: 14px;
+	cursor: pointer;
+	display: inline-block;
+	height: 20px;
+	outline: none;
+	position: relative;
+	right: 0px;
+	top: 2px;
+	-webkit-transition: background 0.2s ease;
+	transition: background 0.2s ease;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	width: 34px;
+}
+
+.customize-control-toggle .toggle--wrapper label::after,
+.customize-control-toggle .toggle--wrapper label::before {
+	content: "";
+	display: block;
+	position: absolute;
+}
+
+.customize-control-toggle .toggle--wrapper label::after {
+	border: 2px solid #555d66;
+	border-radius: 50%;
+	box-sizing: border-box;
+	height: 12px;
+	left: 4px;
+	top: 4px;
+	-webkit-transition: background 0.2s ease, -webkit-transform 0.2s ease;
+	transition: background 0.2s ease, -webkit-transform 0.2s ease;
+	transition: transform 0.2s ease, background 0.2s ease;
+	transition: transform 0.2s ease, background 0.2s ease, -webkit-transform 0.2s ease;
+	width: 12px;
+}
+
+.customize-control-toggle .toggle--wrapper label::before {
+	background-color: #eee;
+	border-radius: 60px;
+	bottom: 2px;
+	left: 2px;
+	right: 2px;
+	top: 2px;
+	-webkit-transition: background 0.2s ease;
+	transition: background 0.2s ease;
+}
+
+.customize-control-toggle .toggle--wrapper input[type=checkbox]:checked + label {
+	background-color: #f78935;
+}
+
+.customize-control-toggle .toggle--wrapper input[type=checkbox]:checked + label::after {
+	background-color: #f78935;
+	border: 2px solid #fff;
+	-webkit-transform: translateX(14px);
+	-ms-transform: translateX(14px);
+	transform: translateX(14px);
+}
+
+.customize-control-toggle .toggle--wrapper input[type=checkbox]:checked + label::before {
+	background-color: #f78935;
+}
+
+.customize-control-toggle:hover .toggle--wrapper label::before {
+	background-color: #fdefe4;
+}

wp-content/plugins/password-protect-page/includes/customizers/assets/ppw-toggle-control.js

@@ -0,0 +1,16 @@
+( function( $, api ) {
+
+	api.controlConstructor['toggle'] = api.Control.extend( {
+
+		ready: function() {
+			var control = this;
+
+			this.container.on( 'change', 'input:checkbox', function() {
+				value = this.checked ? true : false;
+				control.setting.set( value );
+			} );
+		}
+   
+	} );
+
+} )( jQuery, wp.customize );

wp-content/plugins/password-protect-page/includes/customizers/assets/ppw-upsell-section.js

@@ -0,0 +1,12 @@
+( function( $, api ) {
+	api.sectionConstructor['ppwp-upsell-section'] = api.Section.extend( {
+
+		// No events for this type of section.
+		attachEvents: function () {},
+
+		// Always make the section active.
+		isContextuallyActive: function () {
+			return true;
+		}
+	} );
+} )( jQuery, wp.customize );