WordPress.org
Get WordPress

Plugin Directory

Changeset 2691530


Ignore:
Timestamp:
03/09/2022 02:53:46 PM (4 years ago)
Author:
whodunitagency
Message:

update trad

Location:
mywp-login-form
Files:
4 added
4 edited

Legend:

Unmodified
Added
Removed

  • mywp-login-form/tags/1.0/css/blocks/mwp-login-form.min.css

    r2639990 r2691530  
    1 [data-type="whoblock/mwp-login-form"] .mwplf-login-form{position:relative;z-index:1}[data-type="whoblock/mwp-login-form"] .mwplf-login-form:after{background:transparent;content:"";display:block;height:100%;left:0;margin:auto;position:absolute;top:0;width:100%;z-index:2}.mwplf-panel-form-settings .components-base-control__label,.mwplf-panel-form-settings .mwplf_inspector-controls__label{font-weight:700}.mwplf-panel-button-settings .components-base-control__label,.mwplf-panel-button-settings .mwplf_inspector-controls__label,.mwplf-panel-color-settings .components-base-control__label,.mwplf-panel-color-settings .mwplf_inspector-controls__label,.mwplf-panel-field-border-settings .components-base-control__label,.mwplf-panel-field-border-settings .mwplf_inspector-controls__label,.mwplf-panel-form-settings .components-base-control__label,.mwplf-panel-form-settings .mwplf_inspector-controls__label,.mwplf-panel-typography-settings .components-base-control__label,.mwplf-panel-typography-settings .mwplf_inspector-controls__label{display:inline-block;margin-bottom:8px}.mwplf-panel-color-settings .block-editor-color-gradient-control__color-indicator .components-base-control__label{margin-bottom:0}.mwplf-panel-button-settings .mwplf-radio__wrapper,.mwplf-panel-styles .mwplf-radio__wrapper{align-items:center;display:flex;justify-content:space-between}.mwplf-panel-button-settings .mwplf-radio__wrapper{margin-bottom:20px}.mwplf-radio-option--fill,.mwplf-radio-option--outline,.mwplf-radio-option--side,.mwplf-radio-option--vertical{display:flex;flex-direction:column}.mwplf-radio-option--fill input[type=radio],.mwplf-radio-option--outline input[type=radio],.mwplf-radio-option--side input[type=radio],.mwplf-radio-option--vertical input[type=radio]{border-radius:0;box-shadow:none;cursor:pointer;height:88px;margin:0;width:111px}.mwplf-radio-option--fill input[type=radio]:before,.mwplf-radio-option--outline input[type=radio]:before,.mwplf-radio-option--side input[type=radio]:before,.mwplf-radio-option--vertical input[type=radio]:before{display:none!important}.mwplf-radio-option--fill input[type=radio]:active,.mwplf-radio-option--fill input[type=radio]:focus,.mwplf-radio-option--fill input[type=radio]:hover,.mwplf-radio-option--outline input[type=radio]:active,.mwplf-radio-option--outline input[type=radio]:focus,.mwplf-radio-option--outline input[type=radio]:hover,.mwplf-radio-option--side input[type=radio]:active,.mwplf-radio-option--side input[type=radio]:focus,.mwplf-radio-option--side input[type=radio]:hover,.mwplf-radio-option--vertical input[type=radio]:active,.mwplf-radio-option--vertical input[type=radio]:focus,.mwplf-radio-option--vertical input[type=radio]:hover{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:2px solid transparent}.mwplf-radio-option--fill input[type=radio]:checked,.mwplf-radio-option--outline input[type=radio]:checked,.mwplf-radio-option--side input[type=radio]:checked,.mwplf-radio-option--vertical input[type=radio]:checked{border:2px solid #1e1e1e}.mwplf-radio-option--fill .mwplf-radio-option__wrapper,.mwplf-radio-option--outline .mwplf-radio-option__wrapper,.mwplf-radio-option--side .mwplf-radio-option__wrapper,.mwplf-radio-option--vertical .mwplf-radio-option__wrapper{position:relative}.mwplf-radio-option--fill .mwplf-radio-option__wrapper:before,.mwplf-radio-option--outline .mwplf-radio-option__wrapper:before,.mwplf-radio-option--side .mwplf-radio-option__wrapper:before,.mwplf-radio-option--vertical .mwplf-radio-option__wrapper:before{content:"";cursor:pointer;display:block;pointer-events:none;position:absolute;touch-action:none;width:49px}.mwplf-radio-option--fill label,.mwplf-radio-option--outline label,.mwplf-radio-option--side label,.mwplf-radio-option--vertical label{display:block;padding-top:21px;text-align:center}.mwplf-radio-option--fill input[type=radio]:checked+label,.mwplf-radio-option--outline input[type=radio]:checked+label,.mwplf-radio-option--side input[type=radio]:checked+label,.mwplf-radio-option--vertical input[type=radio]:checked+label{font-weight:700}.mwplf-radio-option--vertical .mwplf-radio-option__wrapper:before{background:transparent url(../../images/left.svg) no-repeat 0 0;background-position:50%;background-size:contain;height:44px;left:30px;top:22px}.mwplf-radio-option--side .mwplf-radio-option__wrapper:before{background:transparent url(../../images/inline.svg) no-repeat 0 0;background-position:50%;background-size:contain;height:15px;left:32px;top:37px}.mwplf-radio-option--fill .mwplf-radio-option__wrapper:before{background:transparent url(../../images/fill.svg) no-repeat 0 0;background-position:50%;background-size:contain;bottom:auto;height:24px;left:0;margin:auto;right:0;top:32px}.mwplf-radio-option--outline .mwplf-radio-option__wrapper:before{background:transparent url(../../images/outline.svg) no-repeat 0 0;background-position:50%;background-size:contain;bottom:auto;height:24px;left:0;margin:auto;right:0;top:32px}.mwplf-login-form{max-width:24em!important}.mwplf-login-form.side-by-side form{display:grid;grid-template:"a b c" "d d d";justify-content:space-between;margin-left:-4px;margin-right:-4px;width:100%}@media screen and (max-width:768px){.mwplf-login-form.side-by-side form{grid-template:"a a a" "b b b" "c c c" "d d d"}}.mwplf-login-form.side-by-side form .login-username{align-self:end;grid-area:a;margin-bottom:0;padding:0 4px}@media screen and (max-width:768px){.mwplf-login-form.side-by-side form .login-username{margin-bottom:20px}}.mwplf-login-form.side-by-side form .login-password{align-self:end;grid-area:b;margin-bottom:0;padding:0 4px}@media screen and (max-width:768px){.mwplf-login-form.side-by-side form .login-password{margin-bottom:20px}}.mwplf-login-form.side-by-side form .login-remember{align-self:end;grid-area:d;margin-bottom:0;margin-top:20px;padding:0 4px}.mwplf-login-form.side-by-side form .login-submit{align-self:end;grid-area:c;justify-self:end;margin-bottom:0;padding:0 4px}@media screen and (max-width:768px){.mwplf-login-form.side-by-side form .login-submit{align-self:start;justify-self:start}}.mwplf-login-form.side-by-side .mwplf-login-form-lost-password{display:block;margin-top:20px}.mwplf-login-form .login-password,.mwplf-login-form .login-remember,.mwplf-login-form .login-submit,.mwplf-login-form .login-username{margin-bottom:20px}.mwplf-login-form .login-remember label{align-items:center;display:flex}.mwplf-login-form .login-remember label input{margin-right:10px;margin-top:0!important}.mwplf-login-form label{display:block}
     1[data-type="whoblock/mwp-login-form"] .mwplf-login-form{position:relative;z-index:1}[data-type="whoblock/mwp-login-form"] .mwplf-login-form:after{content:'';display:block;width:100%;height:100%;background:transparent;margin:auto;left:0;top:0;position:absolute;z-index:2}.mwplf-panel-form-settings .components-base-control__label,.mwplf-panel-form-settings .mwplf_inspector-controls__label{font-weight:700}.mwplf-panel-form-settings .components-base-control__label,.mwplf-panel-form-settings .mwplf_inspector-controls__label,.mwplf-panel-field-border-settings .components-base-control__label,.mwplf-panel-field-border-settings .mwplf_inspector-controls__label,.mwplf-panel-button-settings .components-base-control__label,.mwplf-panel-button-settings .mwplf_inspector-controls__label,.mwplf-panel-typography-settings .components-base-control__label,.mwplf-panel-typography-settings .mwplf_inspector-controls__label,.mwplf-panel-color-settings .components-base-control__label,.mwplf-panel-color-settings .mwplf_inspector-controls__label{display:inline-block;margin-bottom:8px}.mwplf-panel-color-settings .block-editor-color-gradient-control__color-indicator .components-base-control__label{margin-bottom:0}.mwplf-panel-styles .mwplf-radio__wrapper,.mwplf-panel-button-settings .mwplf-radio__wrapper{display:flex;align-items:center;justify-content:space-between}.mwplf-panel-button-settings .mwplf-radio__wrapper{margin-bottom:20px}.mwplf-radio-option--vertical,.mwplf-radio-option--side,.mwplf-radio-option--outline,.mwplf-radio-option--fill{display:flex;flex-direction:column}.mwplf-radio-option--vertical input[type=radio],.mwplf-radio-option--side input[type=radio],.mwplf-radio-option--outline input[type=radio],.mwplf-radio-option--fill input[type=radio]{width:111px;height:88px;border-radius:0;margin:0;box-shadow:none;cursor:pointer}.mwplf-radio-option--vertical input[type=radio]:before,.mwplf-radio-option--side input[type=radio]:before,.mwplf-radio-option--outline input[type=radio]:before,.mwplf-radio-option--fill input[type=radio]:before{display:none !important}.mwplf-radio-option--vertical input[type=radio]:hover,.mwplf-radio-option--vertical input[type=radio]:focus,.mwplf-radio-option--vertical input[type=radio]:active,.mwplf-radio-option--side input[type=radio]:hover,.mwplf-radio-option--side input[type=radio]:focus,.mwplf-radio-option--side input[type=radio]:active,.mwplf-radio-option--outline input[type=radio]:hover,.mwplf-radio-option--outline input[type=radio]:focus,.mwplf-radio-option--outline input[type=radio]:active,.mwplf-radio-option--fill input[type=radio]:hover,.mwplf-radio-option--fill input[type=radio]:focus,.mwplf-radio-option--fill input[type=radio]:active{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:2px solid transparent}.mwplf-radio-option--vertical input[type=radio]:checked,.mwplf-radio-option--side input[type=radio]:checked,.mwplf-radio-option--outline input[type=radio]:checked,.mwplf-radio-option--fill input[type=radio]:checked{border:2px solid #1e1e1e}.mwplf-radio-option--vertical .mwplf-radio-option__wrapper,.mwplf-radio-option--side .mwplf-radio-option__wrapper,.mwplf-radio-option--outline .mwplf-radio-option__wrapper,.mwplf-radio-option--fill .mwplf-radio-option__wrapper{position:relative}.mwplf-radio-option--vertical .mwplf-radio-option__wrapper:before,.mwplf-radio-option--side .mwplf-radio-option__wrapper:before,.mwplf-radio-option--outline .mwplf-radio-option__wrapper:before,.mwplf-radio-option--fill .mwplf-radio-option__wrapper:before{content:'';display:block;width:49px;position:absolute;cursor:pointer;touch-action:none;pointer-events:none}.mwplf-radio-option--vertical label,.mwplf-radio-option--side label,.mwplf-radio-option--outline label,.mwplf-radio-option--fill label{text-align:center;display:block;padding-top:21px}.mwplf-radio-option--vertical input[type=radio]:checked+label,.mwplf-radio-option--side input[type=radio]:checked+label,.mwplf-radio-option--outline input[type=radio]:checked+label,.mwplf-radio-option--fill input[type=radio]:checked+label{font-weight:700}.mwplf-radio-option--vertical .mwplf-radio-option__wrapper:before{top:22px;left:30px;height:44px;background:transparent url(../../images/left.svg) no-repeat 0 0;background-size:contain;background-position:center center}.mwplf-radio-option--side .mwplf-radio-option__wrapper:before{top:37px;left:32px;height:15px;background:transparent url(../../images/inline.svg) no-repeat 0 0;background-size:contain;background-position:center center}.mwplf-radio-option--fill .mwplf-radio-option__wrapper:before{top:32px;bottom:auto;left:0;right:0;margin:auto;height:24px;background:transparent url(../../images/fill.svg) no-repeat 0 0;background-size:contain;background-position:center center}.mwplf-radio-option--outline .mwplf-radio-option__wrapper:before{top:32px;bottom:auto;left:0;right:0;margin:auto;height:24px;background:transparent url(../../images/outline.svg) no-repeat 0 0;background-size:contain;background-position:center center}.mwplf-login-form{max-width:24em !important}.mwplf-login-form.side-by-side form{display:grid;width:100%;margin-left:-4px;margin-right:-4px;grid-template:'a b c'
     2 'd d d';justify-content:space-between}@media screen and (max-width: 768px){.mwplf-login-form.side-by-side form{grid-template:'a a a'
     3 'b b b'
     4 'c c c'
     5 'd d d'}}.mwplf-login-form.side-by-side form .login-username{grid-area:a;margin-bottom:0;padding:0 4px;align-self:end}@media screen and (max-width: 768px){.mwplf-login-form.side-by-side form .login-username{margin-bottom:20px}}.mwplf-login-form.side-by-side form .login-password{grid-area:b;margin-bottom:0;padding:0 4px;align-self:end}@media screen and (max-width: 768px){.mwplf-login-form.side-by-side form .login-password{margin-bottom:20px}}.mwplf-login-form.side-by-side form .login-remember{grid-area:d;padding:0 4px;align-self:end;margin-top:20px;margin-bottom:0}.mwplf-login-form.side-by-side form .login-submit{grid-area:c;align-self:end;justify-self:end;margin-bottom:0;padding:0 4px;align-self:end}@media screen and (max-width: 768px){.mwplf-login-form.side-by-side form .login-submit{align-self:start;justify-self:start}}.mwplf-login-form.side-by-side .mwplf-login-form-lost-password{display:block;margin-top:20px}.mwplf-login-form .login-username,.mwplf-login-form .login-password,.mwplf-login-form .login-remember,.mwplf-login-form .login-submit{margin-bottom:20px}.mwplf-login-form .login-remember label{display:flex;align-items:center}.mwplf-login-form .login-remember label input{margin-top:0 !important;margin-right:10px}.mwplf-login-form label{display:block}
     6

  • mywp-login-form/tags/1.0/js/blocks/mwp-login-form.min.js

    r2639990 r2691530  
    1 (()=>{"use strict";(()=>{const e=JSON.parse('{"url_redirect":{"type":"string","default":""},"username_text":{"type":"string","default":""},"password_text":{"type":"string","default":""},"button_text":{"type":"string","default":""},"remember_me":{"type":"boolean","default":true},"lost_password":{"type":"boolean","default":true},"fields_border_radius":{"type":"integer","default":0},"fields_border_color":{"type":"string","default":""},"button_border_radius":{"type":"integer","default":0},"font_size":{"type":"string","default":"16px"},"background_color_value":{"type":"string","default":""},"background_gradient_value":{"type":"string","default":""},"text_color_value":{"type":"string","default":""},"button_style":{"type":"string","default":"fill"},"block_style":{"type":"string","default":"vertical"},"button_border_width":{"type":"integer","default":0}}');const t=function(){return React.createElement("svg",{width:"19px",height:"20px",viewBox:"0 0 19 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},React.createElement("title",null,"noun_Login_688206"),React.createElement("g",{id:"WordPress-Login-Form",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},React.createElement("g",{id:"Gutenberg:-Bloc-MyWP-Login-Form",transform:"translate(-535.000000, -489.000000)",fill:"#000000",fillRule:"nonzero"},React.createElement("g",{id:"noun_Login_688206",transform:"translate(535.440000, 489.000000)"},React.createElement("path",{d:"M10,20 C4.4859375,20 4.4408921e-15,15.5140625 4.4408921e-15,10 C4.4408921e-15,4.4859375 4.4859375,0 10,0 C10.5243469,0 10.9494141,0.425067155 10.9494141,0.949414063 C10.9494141,1.47376097 10.5243469,1.89882813 10,1.89882813 C5.5328125,1.89882813 1.896875,5.5328125 1.896875,10 C1.896875,14.4671875 5.5296875,18.1011719 9.99804688,18.1011719 C10.3372399,18.100823 10.6508532,18.2814579 10.8207519,18.5750332 C10.9906505,18.8686085 10.9910228,19.2305231 10.8217284,19.5244472 C10.6524341,19.8183714 10.339193,19.9996511 10,20 Z",id:"Path"}),React.createElement("path",{d:"M11.4328125,11.4660156 C9.74726563,11.4816406 8.23164063,11.5082031 6.71601563,11.5050781 C5.44960938,11.5050781 4.71953125,10.9476563 4.80664063,10.0015625 C4.91484375,8.82695313 5.69140625,8.5375 6.65976563,8.5390625 C8.17929688,8.54179688 9.6984375,8.51523438 11.403125,8.5 C11.3957031,7.69570313 11.3664063,6.96328125 11.3871094,6.23242188 C11.4179688,5.15820312 11.7984375,4.88945313 12.5792969,5.4625 C14.2777344,6.70859375 15.9386719,8.0125 17.6101563,9.30234375 C18.1359375,9.70859375 18.1511719,10.1617187 17.6230469,10.5816406 C15.9398438,11.9226562 14.2636719,13.2769531 12.5574219,14.5816406 C11.85,15.1226563 11.4929688,14.7289062 11.4601563,13.9089844 C11.4308594,13.1640625 11.4417969,12.4148438 11.4328125,11.4660156 Z",id:"Path"})))))};var l,n,o,a,r,i,m,c,s,d,p,u,g,f,w;l=window.wp,n=l.i18n.__,o=l.blocks.registerBlockType,a=l.element.Fragment,r=l.serverSideRender,i=l.blockEditor,m=i.InspectorControls,c=i.__experimentalColorGradientControl,s=l.components,d=s.PanelBody,p=s.TextControl,u=s.ToggleControl,g=s.RangeControl,f=s.ColorPalette,w=s.FontSizePicker,o("whoblock/mwp-login-form",{title:"MyWP Login Form",icon:{background:"#f3f4f5",src:t},description:n("Customize your login form","mywp-login-form"),keywords:[n("login","mywp-login-form"),n("form","mywp-login-form")],category:"whoblock",attributes:e,edit:function(e){var t=e.attributes,l=(e.className,e.setAttributes),o=(e.isSelected,t.url_redirect),i=t.username_text,s=t.password_text,_=t.button_text,b=t.remember_me,y=t.lost_password,v=t.fields_border_radius,R=t.fields_border_color,h=t.button_border_radius,E=t.font_size,C=t.background_color_value,k=t.background_gradient_value,x=t.text_color_value,N=t.button_style,F=t.block_style,S=t.button_border_width,B=theme_options.editor_color_palette[0],L=theme_options.editor_font_sizes[0],P=function(e,t){return e===t?"checked":""};return React.createElement(a,null,React.createElement(m,null,React.createElement(d,{className:"mwplf-panel-styles",title:n("Styles","mywp-login-form"),initialOpen:!0},React.createElement("div",{className:"mwplf-radio__wrapper"},React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--vertical"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-vertical",name:"mwplf-radio-styles",value:"vertical",checked:P(F,"vertical"),onChange:function(e){l({block_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-vertical"},n("Vertical","mwp-login-form")))),React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--side"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-side",name:"mwplf-radio-styles",value:"side-by-side",checked:P(F,"side-by-side"),onChange:function(e){l({block_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-side"},n("Side by Side","mwp-login-form")))))),React.createElement(d,{className:"mwplf-panel-form-settings",title:n("Form Settings","mywp-login-form"),initialOpen:!0},React.createElement(a,null,React.createElement(p,{label:n("URL Redirect","mwp-login-form"),help:n("Only works with internal link. If empty, the user stays in the same URL where the form was submitted.","mwp-login-form"),placeholder:n("https://","mywp-login-form"),value:o,type:"text",onChange:function(e){return l({url_redirect:e})}}),React.createElement(p,{label:n("Username Field Text","mwp-login-form"),placeholder:n("Username or Email Address","mywp-login-form"),value:i,type:"text",onChange:function(e){return l({username_text:e})}}),React.createElement(p,{label:n("Password Field Text","mwp-login-form"),placeholder:n("Password","mywp-login-form"),value:s,type:"text",onChange:function(e){return l({password_text:e})}}),React.createElement(p,{label:n("Text Button","mwp-login-form"),placeholder:n("Login","mywp-login-form"),value:_,type:"text",onChange:function(e){return l({button_text:e})}}),React.createElement(u,{label:n("Show Remember me","mwp-login-form"),checked:b,onChange:function(e){return l({remember_me:e})}}),React.createElement(u,{label:n("Show Lost Password","mwp-login-form"),checked:y,onChange:function(e){return l({lost_password:e})}}))),React.createElement(d,{className:"mwplf-panel-field-border-settings",title:n("Fields Settings","mywp-login-form"),initialOpen:!1},React.createElement(a,null,React.createElement(g,{label:n("Border Radius","mwp-login-form"),value:v,allowReset:!0,resetFallbackValue:0,onChange:function(e){return l({fields_border_radius:e})},min:0,max:50}),React.createElement("span",{className:"mwplf_inspector-controls__label"}," ",n("Border Color","mwp-login-form")),React.createElement(f,{colors:B,value:R,onChange:function(e){return l({fields_border_color:e})}}))),React.createElement(d,{className:"mwplf-panel-button-settings",title:n("Button Settings","mywp-login-form"),initialOpen:!1},React.createElement("span",{className:"mwplf_inspector-controls__label"},n("Styles","mwp-login-form")),React.createElement("div",{className:"mwplf-radio__wrapper"},React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--fill"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-fill",name:"mwplf-radio-button-style",value:"fill",checked:P(N,"fill"),onChange:function(e){l({button_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-fill"},n("Fill","mwp-login-form")))),React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--outline"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-outline",name:"mwplf-radio-button-style",value:"outline",checked:P(N,"outline"),onChange:function(e){l({button_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-outline"},n("Outline","mwp-login-form"))))),React.createElement(g,{label:n("Border Radius","mwp-login-form"),value:h,allowReset:!0,resetFallbackValue:0,onChange:function(e){return l({button_border_radius:e})},min:0,max:50}),React.createElement(g,{label:n("Border Width","mwp-login-form"),value:S,allowReset:!0,resetFallbackValue:0,onChange:function(e){return l({button_border_width:e})},min:0,max:20}),React.createElement(d,{className:"mwplf-panel-typography-settings",title:n("Typography","mywp-login-form"),initialOpen:!1},React.createElement(a,null,React.createElement(w,{fontSizes:L,value:E,onChange:function(e){return function(e){Number.isInteger(e)&&(e+="px"),l({font_size:e})}(e)},withReset:!1,withSlider:!1,fallbackFontSize:16}))),React.createElement(d,{className:"mwplf-panel-color-settings",title:n("Color","mywp-login-form"),initialOpen:!1},React.createElement(a,null,React.createElement("span",{className:"mwplf_inspector-controls__label"},n("Text Color","mwp-login-form")),React.createElement(f,{colors:B,value:x,onChange:function(e){return l({text_color_value:e})}}),React.createElement(c,{colorValue:C,gradientValue:k,colors:B,gradients:[{name:n("Vivid cyan blue to vivid purple","mwp-login-form"),gradient:"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)",slug:"vivid-cyan-blue-to-vivid-purple"},{name:n("Light green cyan to vivid green cyan","mwp-login-form"),gradient:"linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%)",slug:"light-green-cyan-to-vivid-green-cyan"},{name:n("Luminous vivid amber to luminous vivid orange","mwp-login-form"),gradient:"linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%)",slug:"luminous-vivid-amber-to-luminous-vivid-orange"}],label:n("Background Color","mywp-login-form"),onColorChange:function(e){return l({background_color_value:e})},onGradientChange:function(e){return l({background_gradient_value:e})}}))))),React.createElement(r,{block:"whoblock/mwp-login-form",attributes:t}))},save:function(e){return e.attributes,e.className,null}})})()})();
     1(()=>{"use strict";(()=>{const e=JSON.parse('{"url_redirect":{"type":"string","default":""},"username_text":{"type":"string","default":""},"password_text":{"type":"string","default":""},"button_text":{"type":"string","default":""},"remember_me":{"type":"boolean","default":true},"lost_password":{"type":"boolean","default":true},"fields_border_radius":{"type":"integer","default":0},"fields_border_color":{"type":"string","default":""},"button_border_radius":{"type":"integer","default":0},"font_size":{"type":"string","default":"16px"},"background_color_value":{"type":"string","default":""},"background_gradient_value":{"type":"string","default":""},"text_color_value":{"type":"string","default":""},"button_style":{"type":"string","default":"fill"},"block_style":{"type":"string","default":"vertical"},"button_border_width":{"type":"integer","default":0}}');var t,l,n,o,a,r,i,m,c,s,d,p,u,g,f;t=window.wp,l=t.i18n.__,n=t.blocks.registerBlockType,o=t.element.Fragment,a=t.serverSideRender,r=t.blockEditor,i=r.InspectorControls,m=r.__experimentalColorGradientControl,c=t.components,s=c.PanelBody,d=c.TextControl,p=c.ToggleControl,u=c.RangeControl,g=c.ColorPalette,f=c.FontSizePicker,n("whoblock/mwp-login-form",{title:"MyWP Login Form",icon:{background:"#f3f4f5",src:function(){return React.createElement("svg",{width:"19px",height:"20px",viewBox:"0 0 19 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},React.createElement("title",null,"noun_Login_688206"),React.createElement("g",{id:"WordPress-Login-Form",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},React.createElement("g",{id:"Gutenberg:-Bloc-MyWP-Login-Form",transform:"translate(-535.000000, -489.000000)",fill:"#000000",fillRule:"nonzero"},React.createElement("g",{id:"noun_Login_688206",transform:"translate(535.440000, 489.000000)"},React.createElement("path",{d:"M10,20 C4.4859375,20 4.4408921e-15,15.5140625 4.4408921e-15,10 C4.4408921e-15,4.4859375 4.4859375,0 10,0 C10.5243469,0 10.9494141,0.425067155 10.9494141,0.949414063 C10.9494141,1.47376097 10.5243469,1.89882813 10,1.89882813 C5.5328125,1.89882813 1.896875,5.5328125 1.896875,10 C1.896875,14.4671875 5.5296875,18.1011719 9.99804688,18.1011719 C10.3372399,18.100823 10.6508532,18.2814579 10.8207519,18.5750332 C10.9906505,18.8686085 10.9910228,19.2305231 10.8217284,19.5244472 C10.6524341,19.8183714 10.339193,19.9996511 10,20 Z",id:"Path"}),React.createElement("path",{d:"M11.4328125,11.4660156 C9.74726563,11.4816406 8.23164063,11.5082031 6.71601563,11.5050781 C5.44960938,11.5050781 4.71953125,10.9476563 4.80664063,10.0015625 C4.91484375,8.82695313 5.69140625,8.5375 6.65976563,8.5390625 C8.17929688,8.54179688 9.6984375,8.51523438 11.403125,8.5 C11.3957031,7.69570313 11.3664063,6.96328125 11.3871094,6.23242188 C11.4179688,5.15820312 11.7984375,4.88945313 12.5792969,5.4625 C14.2777344,6.70859375 15.9386719,8.0125 17.6101563,9.30234375 C18.1359375,9.70859375 18.1511719,10.1617187 17.6230469,10.5816406 C15.9398438,11.9226562 14.2636719,13.2769531 12.5574219,14.5816406 C11.85,15.1226563 11.4929688,14.7289062 11.4601563,13.9089844 C11.4308594,13.1640625 11.4417969,12.4148438 11.4328125,11.4660156 Z",id:"Path"})))))}},description:l("Customize your login form","mywp-login-form"),keywords:[l("login","mywp-login-form"),l("form","mywp-login-form")],category:"whoblock",attributes:e,edit:function(e){var t=e.attributes,n=(e.className,e.setAttributes),r=(e.isSelected,t.url_redirect),c=t.username_text,w=t.password_text,_=t.button_text,b=t.remember_me,y=t.lost_password,v=t.fields_border_radius,R=t.fields_border_color,h=t.button_border_radius,E=t.font_size,C=t.background_color_value,k=t.background_gradient_value,x=t.text_color_value,N=t.button_style,F=t.block_style,S=t.button_border_width,B=theme_options.editor_color_palette[0],L=theme_options.editor_font_sizes[0],P=function(e,t){return e===t?"checked":""};return React.createElement(o,null,React.createElement(i,null,React.createElement(s,{className:"mwplf-panel-styles",title:l("Styles","mywp-login-form"),initialOpen:!0},React.createElement("div",{className:"mwplf-radio__wrapper"},React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--vertical"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-vertical",name:"mwplf-radio-styles",value:"vertical",checked:P(F,"vertical"),onChange:function(e){n({block_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-vertical"},l("Vertical","mwp-login-form")))),React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--side"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-side",name:"mwplf-radio-styles",value:"side-by-side",checked:P(F,"side-by-side"),onChange:function(e){n({block_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-side"},l("Side by Side","mwp-login-form")))))),React.createElement(s,{className:"mwplf-panel-form-settings",title:l("Form Settings","mywp-login-form"),initialOpen:!0},React.createElement(o,null,React.createElement(d,{label:l("URL Redirect","mwp-login-form"),help:l("Only works with internal link. If empty, the user stays in the same URL where the form was submitted.","mwp-login-form"),placeholder:l("https://","mywp-login-form"),value:r,type:"text",onChange:function(e){return n({url_redirect:e})}}),React.createElement(d,{label:l("Username Field Text","mwp-login-form"),placeholder:l("Username or Email Address","mywp-login-form"),value:c,type:"text",onChange:function(e){return n({username_text:e})}}),React.createElement(d,{label:l("Password Field Text","mwp-login-form"),placeholder:l("Password","mywp-login-form"),value:w,type:"text",onChange:function(e){return n({password_text:e})}}),React.createElement(d,{label:l("Text Button","mwp-login-form"),placeholder:l("Login","mywp-login-form"),value:_,type:"text",onChange:function(e){return n({button_text:e})}}),React.createElement(p,{label:l("Show Remember me","mwp-login-form"),checked:b,onChange:function(e){return n({remember_me:e})}}),React.createElement(p,{label:l("Show Lost Password","mwp-login-form"),checked:y,onChange:function(e){return n({lost_password:e})}}))),React.createElement(s,{className:"mwplf-panel-field-border-settings",title:l("Fields Settings","mywp-login-form"),initialOpen:!1},React.createElement(o,null,React.createElement(u,{label:l("Border Radius","mwp-login-form"),value:v,allowReset:!0,resetFallbackValue:0,onChange:function(e){return n({fields_border_radius:e})},min:0,max:50}),React.createElement("span",{className:"mwplf_inspector-controls__label"}," ",l("Border Color","mwp-login-form")),React.createElement(g,{colors:B,value:R,onChange:function(e){return n({fields_border_color:e})}}))),React.createElement(s,{className:"mwplf-panel-button-settings",title:l("Button Settings","mywp-login-form"),initialOpen:!1},React.createElement("span",{className:"mwplf_inspector-controls__label"},l("Styles","mwp-login-form")),React.createElement("div",{className:"mwplf-radio__wrapper"},React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--fill"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-fill",name:"mwplf-radio-button-style",value:"fill",checked:P(N,"fill"),onChange:function(e){n({button_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-fill"},l("Fill","mwp-login-form")))),React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--outline"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-outline",name:"mwplf-radio-button-style",value:"outline",checked:P(N,"outline"),onChange:function(e){n({button_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-outline"},l("Outline","mwp-login-form"))))),React.createElement(u,{label:l("Border Radius","mwp-login-form"),value:h,allowReset:!0,resetFallbackValue:0,onChange:function(e){return n({button_border_radius:e})},min:0,max:50}),React.createElement(u,{label:l("Border Width","mwp-login-form"),value:S,allowReset:!0,resetFallbackValue:0,onChange:function(e){return n({button_border_width:e})},min:0,max:20}),React.createElement(s,{className:"mwplf-panel-typography-settings",title:l("Typography","mywp-login-form"),initialOpen:!1},React.createElement(o,null,React.createElement(f,{fontSizes:L,value:E,onChange:function(e){return function(e){Number.isInteger(e)&&(e+="px"),n({font_size:e})}(e)},withReset:!1,withSlider:!1,fallbackFontSize:16}))),React.createElement(s,{className:"mwplf-panel-color-settings",title:l("Color","mywp-login-form"),initialOpen:!1},React.createElement(o,null,React.createElement("span",{className:"mwplf_inspector-controls__label"},l("Text Color","mwp-login-form")),React.createElement(g,{colors:B,value:x,onChange:function(e){return n({text_color_value:e})}}),React.createElement(m,{colorValue:C,gradientValue:k,colors:B,gradients:[{name:l("Vivid cyan blue to vivid purple","mwp-login-form"),gradient:"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)",slug:"vivid-cyan-blue-to-vivid-purple"},{name:l("Light green cyan to vivid green cyan","mwp-login-form"),gradient:"linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%)",slug:"light-green-cyan-to-vivid-green-cyan"},{name:l("Luminous vivid amber to luminous vivid orange","mwp-login-form"),gradient:"linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%)",slug:"luminous-vivid-amber-to-luminous-vivid-orange"}],label:l("Background Color","mywp-login-form"),onColorChange:function(e){return n({background_color_value:e})},onGradientChange:function(e){return n({background_gradient_value:e})}}))))),React.createElement(a,{block:"whoblock/mwp-login-form",attributes:t}))},save:function(e){return e.attributes,e.className,null}})})()})();

  • mywp-login-form/trunk/css/blocks/mwp-login-form.min.css

    r2639945 r2691530  
    1 [data-type="whoblock/mwp-login-form"] .mwplf-login-form{position:relative;z-index:1}[data-type="whoblock/mwp-login-form"] .mwplf-login-form:after{background:transparent;content:"";display:block;height:100%;left:0;margin:auto;position:absolute;top:0;width:100%;z-index:2}.mwplf-panel-form-settings .components-base-control__label,.mwplf-panel-form-settings .mwplf_inspector-controls__label{font-weight:700}.mwplf-panel-button-settings .components-base-control__label,.mwplf-panel-button-settings .mwplf_inspector-controls__label,.mwplf-panel-color-settings .components-base-control__label,.mwplf-panel-color-settings .mwplf_inspector-controls__label,.mwplf-panel-field-border-settings .components-base-control__label,.mwplf-panel-field-border-settings .mwplf_inspector-controls__label,.mwplf-panel-form-settings .components-base-control__label,.mwplf-panel-form-settings .mwplf_inspector-controls__label,.mwplf-panel-typography-settings .components-base-control__label,.mwplf-panel-typography-settings .mwplf_inspector-controls__label{display:inline-block;margin-bottom:8px}.mwplf-panel-color-settings .block-editor-color-gradient-control__color-indicator .components-base-control__label{margin-bottom:0}.mwplf-panel-button-settings .mwplf-radio__wrapper,.mwplf-panel-styles .mwplf-radio__wrapper{align-items:center;display:flex;justify-content:space-between}.mwplf-panel-button-settings .mwplf-radio__wrapper{margin-bottom:20px}.mwplf-radio-option--fill,.mwplf-radio-option--outline,.mwplf-radio-option--side,.mwplf-radio-option--vertical{display:flex;flex-direction:column}.mwplf-radio-option--fill input[type=radio],.mwplf-radio-option--outline input[type=radio],.mwplf-radio-option--side input[type=radio],.mwplf-radio-option--vertical input[type=radio]{border-radius:0;box-shadow:none;cursor:pointer;height:88px;margin:0;width:111px}.mwplf-radio-option--fill input[type=radio]:before,.mwplf-radio-option--outline input[type=radio]:before,.mwplf-radio-option--side input[type=radio]:before,.mwplf-radio-option--vertical input[type=radio]:before{display:none!important}.mwplf-radio-option--fill input[type=radio]:active,.mwplf-radio-option--fill input[type=radio]:focus,.mwplf-radio-option--fill input[type=radio]:hover,.mwplf-radio-option--outline input[type=radio]:active,.mwplf-radio-option--outline input[type=radio]:focus,.mwplf-radio-option--outline input[type=radio]:hover,.mwplf-radio-option--side input[type=radio]:active,.mwplf-radio-option--side input[type=radio]:focus,.mwplf-radio-option--side input[type=radio]:hover,.mwplf-radio-option--vertical input[type=radio]:active,.mwplf-radio-option--vertical input[type=radio]:focus,.mwplf-radio-option--vertical input[type=radio]:hover{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:2px solid transparent}.mwplf-radio-option--fill input[type=radio]:checked,.mwplf-radio-option--outline input[type=radio]:checked,.mwplf-radio-option--side input[type=radio]:checked,.mwplf-radio-option--vertical input[type=radio]:checked{border:2px solid #1e1e1e}.mwplf-radio-option--fill .mwplf-radio-option__wrapper,.mwplf-radio-option--outline .mwplf-radio-option__wrapper,.mwplf-radio-option--side .mwplf-radio-option__wrapper,.mwplf-radio-option--vertical .mwplf-radio-option__wrapper{position:relative}.mwplf-radio-option--fill .mwplf-radio-option__wrapper:before,.mwplf-radio-option--outline .mwplf-radio-option__wrapper:before,.mwplf-radio-option--side .mwplf-radio-option__wrapper:before,.mwplf-radio-option--vertical .mwplf-radio-option__wrapper:before{content:"";cursor:pointer;display:block;pointer-events:none;position:absolute;touch-action:none;width:49px}.mwplf-radio-option--fill label,.mwplf-radio-option--outline label,.mwplf-radio-option--side label,.mwplf-radio-option--vertical label{display:block;padding-top:21px;text-align:center}.mwplf-radio-option--fill input[type=radio]:checked+label,.mwplf-radio-option--outline input[type=radio]:checked+label,.mwplf-radio-option--side input[type=radio]:checked+label,.mwplf-radio-option--vertical input[type=radio]:checked+label{font-weight:700}.mwplf-radio-option--vertical .mwplf-radio-option__wrapper:before{background:transparent url(../../images/left.svg) no-repeat 0 0;background-position:50%;background-size:contain;height:44px;left:30px;top:22px}.mwplf-radio-option--side .mwplf-radio-option__wrapper:before{background:transparent url(../../images/inline.svg) no-repeat 0 0;background-position:50%;background-size:contain;height:15px;left:32px;top:37px}.mwplf-radio-option--fill .mwplf-radio-option__wrapper:before{background:transparent url(../../images/fill.svg) no-repeat 0 0;background-position:50%;background-size:contain;bottom:auto;height:24px;left:0;margin:auto;right:0;top:32px}.mwplf-radio-option--outline .mwplf-radio-option__wrapper:before{background:transparent url(../../images/outline.svg) no-repeat 0 0;background-position:50%;background-size:contain;bottom:auto;height:24px;left:0;margin:auto;right:0;top:32px}.mwplf-login-form{max-width:24em!important}.mwplf-login-form.side-by-side form{display:grid;grid-template:"a b c" "d d d";justify-content:space-between;margin-left:-4px;margin-right:-4px;width:100%}@media screen and (max-width:768px){.mwplf-login-form.side-by-side form{grid-template:"a a a" "b b b" "c c c" "d d d"}}.mwplf-login-form.side-by-side form .login-username{align-self:end;grid-area:a;margin-bottom:0;padding:0 4px}@media screen and (max-width:768px){.mwplf-login-form.side-by-side form .login-username{margin-bottom:20px}}.mwplf-login-form.side-by-side form .login-password{align-self:end;grid-area:b;margin-bottom:0;padding:0 4px}@media screen and (max-width:768px){.mwplf-login-form.side-by-side form .login-password{margin-bottom:20px}}.mwplf-login-form.side-by-side form .login-remember{align-self:end;grid-area:d;margin-bottom:0;margin-top:20px;padding:0 4px}.mwplf-login-form.side-by-side form .login-submit{align-self:end;grid-area:c;justify-self:end;margin-bottom:0;padding:0 4px}@media screen and (max-width:768px){.mwplf-login-form.side-by-side form .login-submit{align-self:start;justify-self:start}}.mwplf-login-form.side-by-side .mwplf-login-form-lost-password{display:block;margin-top:20px}.mwplf-login-form .login-password,.mwplf-login-form .login-remember,.mwplf-login-form .login-submit,.mwplf-login-form .login-username{margin-bottom:20px}.mwplf-login-form .login-remember label{align-items:center;display:flex}.mwplf-login-form .login-remember label input{margin-right:10px;margin-top:0!important}.mwplf-login-form label{display:block}
     1[data-type="whoblock/mwp-login-form"] .mwplf-login-form{position:relative;z-index:1}[data-type="whoblock/mwp-login-form"] .mwplf-login-form:after{content:'';display:block;width:100%;height:100%;background:transparent;margin:auto;left:0;top:0;position:absolute;z-index:2}.mwplf-panel-form-settings .components-base-control__label,.mwplf-panel-form-settings .mwplf_inspector-controls__label{font-weight:700}.mwplf-panel-form-settings .components-base-control__label,.mwplf-panel-form-settings .mwplf_inspector-controls__label,.mwplf-panel-field-border-settings .components-base-control__label,.mwplf-panel-field-border-settings .mwplf_inspector-controls__label,.mwplf-panel-button-settings .components-base-control__label,.mwplf-panel-button-settings .mwplf_inspector-controls__label,.mwplf-panel-typography-settings .components-base-control__label,.mwplf-panel-typography-settings .mwplf_inspector-controls__label,.mwplf-panel-color-settings .components-base-control__label,.mwplf-panel-color-settings .mwplf_inspector-controls__label{display:inline-block;margin-bottom:8px}.mwplf-panel-color-settings .block-editor-color-gradient-control__color-indicator .components-base-control__label{margin-bottom:0}.mwplf-panel-styles .mwplf-radio__wrapper,.mwplf-panel-button-settings .mwplf-radio__wrapper{display:flex;align-items:center;justify-content:space-between}.mwplf-panel-button-settings .mwplf-radio__wrapper{margin-bottom:20px}.mwplf-radio-option--vertical,.mwplf-radio-option--side,.mwplf-radio-option--outline,.mwplf-radio-option--fill{display:flex;flex-direction:column}.mwplf-radio-option--vertical input[type=radio],.mwplf-radio-option--side input[type=radio],.mwplf-radio-option--outline input[type=radio],.mwplf-radio-option--fill input[type=radio]{width:111px;height:88px;border-radius:0;margin:0;box-shadow:none;cursor:pointer}.mwplf-radio-option--vertical input[type=radio]:before,.mwplf-radio-option--side input[type=radio]:before,.mwplf-radio-option--outline input[type=radio]:before,.mwplf-radio-option--fill input[type=radio]:before{display:none !important}.mwplf-radio-option--vertical input[type=radio]:hover,.mwplf-radio-option--vertical input[type=radio]:focus,.mwplf-radio-option--vertical input[type=radio]:active,.mwplf-radio-option--side input[type=radio]:hover,.mwplf-radio-option--side input[type=radio]:focus,.mwplf-radio-option--side input[type=radio]:active,.mwplf-radio-option--outline input[type=radio]:hover,.mwplf-radio-option--outline input[type=radio]:focus,.mwplf-radio-option--outline input[type=radio]:active,.mwplf-radio-option--fill input[type=radio]:hover,.mwplf-radio-option--fill input[type=radio]:focus,.mwplf-radio-option--fill input[type=radio]:active{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:2px solid transparent}.mwplf-radio-option--vertical input[type=radio]:checked,.mwplf-radio-option--side input[type=radio]:checked,.mwplf-radio-option--outline input[type=radio]:checked,.mwplf-radio-option--fill input[type=radio]:checked{border:2px solid #1e1e1e}.mwplf-radio-option--vertical .mwplf-radio-option__wrapper,.mwplf-radio-option--side .mwplf-radio-option__wrapper,.mwplf-radio-option--outline .mwplf-radio-option__wrapper,.mwplf-radio-option--fill .mwplf-radio-option__wrapper{position:relative}.mwplf-radio-option--vertical .mwplf-radio-option__wrapper:before,.mwplf-radio-option--side .mwplf-radio-option__wrapper:before,.mwplf-radio-option--outline .mwplf-radio-option__wrapper:before,.mwplf-radio-option--fill .mwplf-radio-option__wrapper:before{content:'';display:block;width:49px;position:absolute;cursor:pointer;touch-action:none;pointer-events:none}.mwplf-radio-option--vertical label,.mwplf-radio-option--side label,.mwplf-radio-option--outline label,.mwplf-radio-option--fill label{text-align:center;display:block;padding-top:21px}.mwplf-radio-option--vertical input[type=radio]:checked+label,.mwplf-radio-option--side input[type=radio]:checked+label,.mwplf-radio-option--outline input[type=radio]:checked+label,.mwplf-radio-option--fill input[type=radio]:checked+label{font-weight:700}.mwplf-radio-option--vertical .mwplf-radio-option__wrapper:before{top:22px;left:30px;height:44px;background:transparent url(../../images/left.svg) no-repeat 0 0;background-size:contain;background-position:center center}.mwplf-radio-option--side .mwplf-radio-option__wrapper:before{top:37px;left:32px;height:15px;background:transparent url(../../images/inline.svg) no-repeat 0 0;background-size:contain;background-position:center center}.mwplf-radio-option--fill .mwplf-radio-option__wrapper:before{top:32px;bottom:auto;left:0;right:0;margin:auto;height:24px;background:transparent url(../../images/fill.svg) no-repeat 0 0;background-size:contain;background-position:center center}.mwplf-radio-option--outline .mwplf-radio-option__wrapper:before{top:32px;bottom:auto;left:0;right:0;margin:auto;height:24px;background:transparent url(../../images/outline.svg) no-repeat 0 0;background-size:contain;background-position:center center}.mwplf-login-form{max-width:24em !important}.mwplf-login-form.side-by-side form{display:grid;width:100%;margin-left:-4px;margin-right:-4px;grid-template:'a b c'
     2 'd d d';justify-content:space-between}@media screen and (max-width: 768px){.mwplf-login-form.side-by-side form{grid-template:'a a a'
     3 'b b b'
     4 'c c c'
     5 'd d d'}}.mwplf-login-form.side-by-side form .login-username{grid-area:a;margin-bottom:0;padding:0 4px;align-self:end}@media screen and (max-width: 768px){.mwplf-login-form.side-by-side form .login-username{margin-bottom:20px}}.mwplf-login-form.side-by-side form .login-password{grid-area:b;margin-bottom:0;padding:0 4px;align-self:end}@media screen and (max-width: 768px){.mwplf-login-form.side-by-side form .login-password{margin-bottom:20px}}.mwplf-login-form.side-by-side form .login-remember{grid-area:d;padding:0 4px;align-self:end;margin-top:20px;margin-bottom:0}.mwplf-login-form.side-by-side form .login-submit{grid-area:c;align-self:end;justify-self:end;margin-bottom:0;padding:0 4px;align-self:end}@media screen and (max-width: 768px){.mwplf-login-form.side-by-side form .login-submit{align-self:start;justify-self:start}}.mwplf-login-form.side-by-side .mwplf-login-form-lost-password{display:block;margin-top:20px}.mwplf-login-form .login-username,.mwplf-login-form .login-password,.mwplf-login-form .login-remember,.mwplf-login-form .login-submit{margin-bottom:20px}.mwplf-login-form .login-remember label{display:flex;align-items:center}.mwplf-login-form .login-remember label input{margin-top:0 !important;margin-right:10px}.mwplf-login-form label{display:block}
     6

  • mywp-login-form/trunk/js/blocks/mwp-login-form.min.js

    r2639945 r2691530  
    1 (()=>{"use strict";(()=>{const e=JSON.parse('{"url_redirect":{"type":"string","default":""},"username_text":{"type":"string","default":""},"password_text":{"type":"string","default":""},"button_text":{"type":"string","default":""},"remember_me":{"type":"boolean","default":true},"lost_password":{"type":"boolean","default":true},"fields_border_radius":{"type":"integer","default":0},"fields_border_color":{"type":"string","default":""},"button_border_radius":{"type":"integer","default":0},"font_size":{"type":"string","default":"16px"},"background_color_value":{"type":"string","default":""},"background_gradient_value":{"type":"string","default":""},"text_color_value":{"type":"string","default":""},"button_style":{"type":"string","default":"fill"},"block_style":{"type":"string","default":"vertical"},"button_border_width":{"type":"integer","default":0}}');const t=function(){return React.createElement("svg",{width:"19px",height:"20px",viewBox:"0 0 19 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},React.createElement("title",null,"noun_Login_688206"),React.createElement("g",{id:"WordPress-Login-Form",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},React.createElement("g",{id:"Gutenberg:-Bloc-MyWP-Login-Form",transform:"translate(-535.000000, -489.000000)",fill:"#000000",fillRule:"nonzero"},React.createElement("g",{id:"noun_Login_688206",transform:"translate(535.440000, 489.000000)"},React.createElement("path",{d:"M10,20 C4.4859375,20 4.4408921e-15,15.5140625 4.4408921e-15,10 C4.4408921e-15,4.4859375 4.4859375,0 10,0 C10.5243469,0 10.9494141,0.425067155 10.9494141,0.949414063 C10.9494141,1.47376097 10.5243469,1.89882813 10,1.89882813 C5.5328125,1.89882813 1.896875,5.5328125 1.896875,10 C1.896875,14.4671875 5.5296875,18.1011719 9.99804688,18.1011719 C10.3372399,18.100823 10.6508532,18.2814579 10.8207519,18.5750332 C10.9906505,18.8686085 10.9910228,19.2305231 10.8217284,19.5244472 C10.6524341,19.8183714 10.339193,19.9996511 10,20 Z",id:"Path"}),React.createElement("path",{d:"M11.4328125,11.4660156 C9.74726563,11.4816406 8.23164063,11.5082031 6.71601563,11.5050781 C5.44960938,11.5050781 4.71953125,10.9476563 4.80664063,10.0015625 C4.91484375,8.82695313 5.69140625,8.5375 6.65976563,8.5390625 C8.17929688,8.54179688 9.6984375,8.51523438 11.403125,8.5 C11.3957031,7.69570313 11.3664063,6.96328125 11.3871094,6.23242188 C11.4179688,5.15820312 11.7984375,4.88945313 12.5792969,5.4625 C14.2777344,6.70859375 15.9386719,8.0125 17.6101563,9.30234375 C18.1359375,9.70859375 18.1511719,10.1617187 17.6230469,10.5816406 C15.9398438,11.9226562 14.2636719,13.2769531 12.5574219,14.5816406 C11.85,15.1226563 11.4929688,14.7289062 11.4601563,13.9089844 C11.4308594,13.1640625 11.4417969,12.4148438 11.4328125,11.4660156 Z",id:"Path"})))))};var l,n,o,a,r,i,m,c,s,d,p,u,g,f,w;l=window.wp,n=l.i18n.__,o=l.blocks.registerBlockType,a=l.element.Fragment,r=l.serverSideRender,i=l.blockEditor,m=i.InspectorControls,c=i.__experimentalColorGradientControl,s=l.components,d=s.PanelBody,p=s.TextControl,u=s.ToggleControl,g=s.RangeControl,f=s.ColorPalette,w=s.FontSizePicker,o("whoblock/mwp-login-form",{title:"MyWP Login Form",icon:{background:"#f3f4f5",src:t},description:n("Customize your login form","mywp-login-form"),keywords:[n("login","mywp-login-form"),n("form","mywp-login-form")],category:"whoblock",attributes:e,edit:function(e){var t=e.attributes,l=(e.className,e.setAttributes),o=(e.isSelected,t.url_redirect),i=t.username_text,s=t.password_text,_=t.button_text,b=t.remember_me,y=t.lost_password,v=t.fields_border_radius,R=t.fields_border_color,h=t.button_border_radius,E=t.font_size,C=t.background_color_value,k=t.background_gradient_value,x=t.text_color_value,N=t.button_style,F=t.block_style,S=t.button_border_width,B=theme_options.editor_color_palette[0],L=theme_options.editor_font_sizes[0],P=function(e,t){return e===t?"checked":""};return React.createElement(a,null,React.createElement(m,null,React.createElement(d,{className:"mwplf-panel-styles",title:n("Styles","mywp-login-form"),initialOpen:!0},React.createElement("div",{className:"mwplf-radio__wrapper"},React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--vertical"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-vertical",name:"mwplf-radio-styles",value:"vertical",checked:P(F,"vertical"),onChange:function(e){l({block_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-vertical"},n("Vertical","mwp-login-form")))),React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--side"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-side",name:"mwplf-radio-styles",value:"side-by-side",checked:P(F,"side-by-side"),onChange:function(e){l({block_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-side"},n("Side by Side","mwp-login-form")))))),React.createElement(d,{className:"mwplf-panel-form-settings",title:n("Form Settings","mywp-login-form"),initialOpen:!0},React.createElement(a,null,React.createElement(p,{label:n("URL Redirect","mwp-login-form"),help:n("Only works with internal link. If empty, the user stays in the same URL where the form was submitted.","mwp-login-form"),placeholder:n("https://","mywp-login-form"),value:o,type:"text",onChange:function(e){return l({url_redirect:e})}}),React.createElement(p,{label:n("Username Field Text","mwp-login-form"),placeholder:n("Username or Email Address","mywp-login-form"),value:i,type:"text",onChange:function(e){return l({username_text:e})}}),React.createElement(p,{label:n("Password Field Text","mwp-login-form"),placeholder:n("Password","mywp-login-form"),value:s,type:"text",onChange:function(e){return l({password_text:e})}}),React.createElement(p,{label:n("Text Button","mwp-login-form"),placeholder:n("Login","mywp-login-form"),value:_,type:"text",onChange:function(e){return l({button_text:e})}}),React.createElement(u,{label:n("Show Remember me","mwp-login-form"),checked:b,onChange:function(e){return l({remember_me:e})}}),React.createElement(u,{label:n("Show Lost Password","mwp-login-form"),checked:y,onChange:function(e){return l({lost_password:e})}}))),React.createElement(d,{className:"mwplf-panel-field-border-settings",title:n("Fields Settings","mywp-login-form"),initialOpen:!1},React.createElement(a,null,React.createElement(g,{label:n("Border Radius","mwp-login-form"),value:v,allowReset:!0,resetFallbackValue:0,onChange:function(e){return l({fields_border_radius:e})},min:0,max:50}),React.createElement("span",{className:"mwplf_inspector-controls__label"}," ",n("Border Color","mwp-login-form")),React.createElement(f,{colors:B,value:R,onChange:function(e){return l({fields_border_color:e})}}))),React.createElement(d,{className:"mwplf-panel-button-settings",title:n("Button Settings","mywp-login-form"),initialOpen:!1},React.createElement("span",{className:"mwplf_inspector-controls__label"},n("Styles","mwp-login-form")),React.createElement("div",{className:"mwplf-radio__wrapper"},React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--fill"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-fill",name:"mwplf-radio-button-style",value:"fill",checked:P(N,"fill"),onChange:function(e){l({button_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-fill"},n("Fill","mwp-login-form")))),React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--outline"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-outline",name:"mwplf-radio-button-style",value:"outline",checked:P(N,"outline"),onChange:function(e){l({button_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-outline"},n("Outline","mwp-login-form"))))),React.createElement(g,{label:n("Border Radius","mwp-login-form"),value:h,allowReset:!0,resetFallbackValue:0,onChange:function(e){return l({button_border_radius:e})},min:0,max:50}),React.createElement(g,{label:n("Border Width","mwp-login-form"),value:S,allowReset:!0,resetFallbackValue:0,onChange:function(e){return l({button_border_width:e})},min:0,max:20}),React.createElement(d,{className:"mwplf-panel-typography-settings",title:n("Typography","mywp-login-form"),initialOpen:!1},React.createElement(a,null,React.createElement(w,{fontSizes:L,value:E,onChange:function(e){return function(e){Number.isInteger(e)&&(e+="px"),l({font_size:e})}(e)},withReset:!1,withSlider:!1,fallbackFontSize:16}))),React.createElement(d,{className:"mwplf-panel-color-settings",title:n("Color","mywp-login-form"),initialOpen:!1},React.createElement(a,null,React.createElement("span",{className:"mwplf_inspector-controls__label"},n("Text Color","mwp-login-form")),React.createElement(f,{colors:B,value:x,onChange:function(e){return l({text_color_value:e})}}),React.createElement(c,{colorValue:C,gradientValue:k,colors:B,gradients:[{name:n("Vivid cyan blue to vivid purple","mwp-login-form"),gradient:"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)",slug:"vivid-cyan-blue-to-vivid-purple"},{name:n("Light green cyan to vivid green cyan","mwp-login-form"),gradient:"linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%)",slug:"light-green-cyan-to-vivid-green-cyan"},{name:n("Luminous vivid amber to luminous vivid orange","mwp-login-form"),gradient:"linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%)",slug:"luminous-vivid-amber-to-luminous-vivid-orange"}],label:n("Background Color","mywp-login-form"),onColorChange:function(e){return l({background_color_value:e})},onGradientChange:function(e){return l({background_gradient_value:e})}}))))),React.createElement(r,{block:"whoblock/mwp-login-form",attributes:t}))},save:function(e){return e.attributes,e.className,null}})})()})();
     1(()=>{"use strict";(()=>{const e=JSON.parse('{"url_redirect":{"type":"string","default":""},"username_text":{"type":"string","default":""},"password_text":{"type":"string","default":""},"button_text":{"type":"string","default":""},"remember_me":{"type":"boolean","default":true},"lost_password":{"type":"boolean","default":true},"fields_border_radius":{"type":"integer","default":0},"fields_border_color":{"type":"string","default":""},"button_border_radius":{"type":"integer","default":0},"font_size":{"type":"string","default":"16px"},"background_color_value":{"type":"string","default":""},"background_gradient_value":{"type":"string","default":""},"text_color_value":{"type":"string","default":""},"button_style":{"type":"string","default":"fill"},"block_style":{"type":"string","default":"vertical"},"button_border_width":{"type":"integer","default":0}}');var t,l,n,o,a,r,i,m,c,s,d,p,u,g,f;t=window.wp,l=t.i18n.__,n=t.blocks.registerBlockType,o=t.element.Fragment,a=t.serverSideRender,r=t.blockEditor,i=r.InspectorControls,m=r.__experimentalColorGradientControl,c=t.components,s=c.PanelBody,d=c.TextControl,p=c.ToggleControl,u=c.RangeControl,g=c.ColorPalette,f=c.FontSizePicker,n("whoblock/mwp-login-form",{title:"MyWP Login Form",icon:{background:"#f3f4f5",src:function(){return React.createElement("svg",{width:"19px",height:"20px",viewBox:"0 0 19 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},React.createElement("title",null,"noun_Login_688206"),React.createElement("g",{id:"WordPress-Login-Form",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},React.createElement("g",{id:"Gutenberg:-Bloc-MyWP-Login-Form",transform:"translate(-535.000000, -489.000000)",fill:"#000000",fillRule:"nonzero"},React.createElement("g",{id:"noun_Login_688206",transform:"translate(535.440000, 489.000000)"},React.createElement("path",{d:"M10,20 C4.4859375,20 4.4408921e-15,15.5140625 4.4408921e-15,10 C4.4408921e-15,4.4859375 4.4859375,0 10,0 C10.5243469,0 10.9494141,0.425067155 10.9494141,0.949414063 C10.9494141,1.47376097 10.5243469,1.89882813 10,1.89882813 C5.5328125,1.89882813 1.896875,5.5328125 1.896875,10 C1.896875,14.4671875 5.5296875,18.1011719 9.99804688,18.1011719 C10.3372399,18.100823 10.6508532,18.2814579 10.8207519,18.5750332 C10.9906505,18.8686085 10.9910228,19.2305231 10.8217284,19.5244472 C10.6524341,19.8183714 10.339193,19.9996511 10,20 Z",id:"Path"}),React.createElement("path",{d:"M11.4328125,11.4660156 C9.74726563,11.4816406 8.23164063,11.5082031 6.71601563,11.5050781 C5.44960938,11.5050781 4.71953125,10.9476563 4.80664063,10.0015625 C4.91484375,8.82695313 5.69140625,8.5375 6.65976563,8.5390625 C8.17929688,8.54179688 9.6984375,8.51523438 11.403125,8.5 C11.3957031,7.69570313 11.3664063,6.96328125 11.3871094,6.23242188 C11.4179688,5.15820312 11.7984375,4.88945313 12.5792969,5.4625 C14.2777344,6.70859375 15.9386719,8.0125 17.6101563,9.30234375 C18.1359375,9.70859375 18.1511719,10.1617187 17.6230469,10.5816406 C15.9398438,11.9226562 14.2636719,13.2769531 12.5574219,14.5816406 C11.85,15.1226563 11.4929688,14.7289062 11.4601563,13.9089844 C11.4308594,13.1640625 11.4417969,12.4148438 11.4328125,11.4660156 Z",id:"Path"})))))}},description:l("Customize your login form","mywp-login-form"),keywords:[l("login","mywp-login-form"),l("form","mywp-login-form")],category:"whoblock",attributes:e,edit:function(e){var t=e.attributes,n=(e.className,e.setAttributes),r=(e.isSelected,t.url_redirect),c=t.username_text,w=t.password_text,_=t.button_text,b=t.remember_me,y=t.lost_password,v=t.fields_border_radius,R=t.fields_border_color,h=t.button_border_radius,E=t.font_size,C=t.background_color_value,k=t.background_gradient_value,x=t.text_color_value,N=t.button_style,F=t.block_style,S=t.button_border_width,B=theme_options.editor_color_palette[0],L=theme_options.editor_font_sizes[0],P=function(e,t){return e===t?"checked":""};return React.createElement(o,null,React.createElement(i,null,React.createElement(s,{className:"mwplf-panel-styles",title:l("Styles","mywp-login-form"),initialOpen:!0},React.createElement("div",{className:"mwplf-radio__wrapper"},React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--vertical"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-vertical",name:"mwplf-radio-styles",value:"vertical",checked:P(F,"vertical"),onChange:function(e){n({block_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-vertical"},l("Vertical","mwp-login-form")))),React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--side"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-side",name:"mwplf-radio-styles",value:"side-by-side",checked:P(F,"side-by-side"),onChange:function(e){n({block_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-side"},l("Side by Side","mwp-login-form")))))),React.createElement(s,{className:"mwplf-panel-form-settings",title:l("Form Settings","mywp-login-form"),initialOpen:!0},React.createElement(o,null,React.createElement(d,{label:l("URL Redirect","mwp-login-form"),help:l("Only works with internal link. If empty, the user stays in the same URL where the form was submitted.","mwp-login-form"),placeholder:l("https://","mywp-login-form"),value:r,type:"text",onChange:function(e){return n({url_redirect:e})}}),React.createElement(d,{label:l("Username Field Text","mwp-login-form"),placeholder:l("Username or Email Address","mywp-login-form"),value:c,type:"text",onChange:function(e){return n({username_text:e})}}),React.createElement(d,{label:l("Password Field Text","mwp-login-form"),placeholder:l("Password","mywp-login-form"),value:w,type:"text",onChange:function(e){return n({password_text:e})}}),React.createElement(d,{label:l("Text Button","mwp-login-form"),placeholder:l("Login","mywp-login-form"),value:_,type:"text",onChange:function(e){return n({button_text:e})}}),React.createElement(p,{label:l("Show Remember me","mwp-login-form"),checked:b,onChange:function(e){return n({remember_me:e})}}),React.createElement(p,{label:l("Show Lost Password","mwp-login-form"),checked:y,onChange:function(e){return n({lost_password:e})}}))),React.createElement(s,{className:"mwplf-panel-field-border-settings",title:l("Fields Settings","mywp-login-form"),initialOpen:!1},React.createElement(o,null,React.createElement(u,{label:l("Border Radius","mwp-login-form"),value:v,allowReset:!0,resetFallbackValue:0,onChange:function(e){return n({fields_border_radius:e})},min:0,max:50}),React.createElement("span",{className:"mwplf_inspector-controls__label"}," ",l("Border Color","mwp-login-form")),React.createElement(g,{colors:B,value:R,onChange:function(e){return n({fields_border_color:e})}}))),React.createElement(s,{className:"mwplf-panel-button-settings",title:l("Button Settings","mywp-login-form"),initialOpen:!1},React.createElement("span",{className:"mwplf_inspector-controls__label"},l("Styles","mwp-login-form")),React.createElement("div",{className:"mwplf-radio__wrapper"},React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--fill"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-fill",name:"mwplf-radio-button-style",value:"fill",checked:P(N,"fill"),onChange:function(e){n({button_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-fill"},l("Fill","mwp-login-form")))),React.createElement("div",{className:"mwplf-radio-option mwplf-radio-option--outline"},React.createElement("div",{className:"mwplf-radio-option__wrapper"},React.createElement("input",{type:"radio",id:"mwplf-radio-option-outline",name:"mwplf-radio-button-style",value:"outline",checked:P(N,"outline"),onChange:function(e){n({button_style:e.target.value})}}),React.createElement("label",{htmlFor:"mwplf-radio-option-outline"},l("Outline","mwp-login-form"))))),React.createElement(u,{label:l("Border Radius","mwp-login-form"),value:h,allowReset:!0,resetFallbackValue:0,onChange:function(e){return n({button_border_radius:e})},min:0,max:50}),React.createElement(u,{label:l("Border Width","mwp-login-form"),value:S,allowReset:!0,resetFallbackValue:0,onChange:function(e){return n({button_border_width:e})},min:0,max:20}),React.createElement(s,{className:"mwplf-panel-typography-settings",title:l("Typography","mywp-login-form"),initialOpen:!1},React.createElement(o,null,React.createElement(f,{fontSizes:L,value:E,onChange:function(e){return function(e){Number.isInteger(e)&&(e+="px"),n({font_size:e})}(e)},withReset:!1,withSlider:!1,fallbackFontSize:16}))),React.createElement(s,{className:"mwplf-panel-color-settings",title:l("Color","mywp-login-form"),initialOpen:!1},React.createElement(o,null,React.createElement("span",{className:"mwplf_inspector-controls__label"},l("Text Color","mwp-login-form")),React.createElement(g,{colors:B,value:x,onChange:function(e){return n({text_color_value:e})}}),React.createElement(m,{colorValue:C,gradientValue:k,colors:B,gradients:[{name:l("Vivid cyan blue to vivid purple","mwp-login-form"),gradient:"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)",slug:"vivid-cyan-blue-to-vivid-purple"},{name:l("Light green cyan to vivid green cyan","mwp-login-form"),gradient:"linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%)",slug:"light-green-cyan-to-vivid-green-cyan"},{name:l("Luminous vivid amber to luminous vivid orange","mwp-login-form"),gradient:"linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%)",slug:"luminous-vivid-amber-to-luminous-vivid-orange"}],label:l("Background Color","mywp-login-form"),onColorChange:function(e){return n({background_color_value:e})},onGradientChange:function(e){return n({background_gradient_value:e})}}))))),React.createElement(a,{block:"whoblock/mwp-login-form",attributes:t}))},save:function(e){return e.attributes,e.className,null}})})()})();
Note: See TracChangeset for help on using the changeset viewer.