<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Member</name><description>Add a membership application form</description><help>By adding this block on your website, visitors will be able to sign-up and sign-in to your website. Once signed-in they will be able to manage their profile and manage their orders if enabled.</help><api_version>1.0</api_version><size height='150' width='300' /><server>local://MemberCptServer</server><blog en='327' /><max bg='1' fg='1' /></metadata><view><content>&lt;div class=&quot;_ui18_member_unlogged ui18_hidden&quot; style=&apos;text-align:center&apos;&gt;
	Sign-in below or &lt;a href=&quot;javascript:void(0);&quot; class=&quot;_ui18_do_member_signup_tb&quot;&gt;Sign-up&lt;/a&gt;
	&lt;div class=&quot;_ui18_member_signin&quot;&gt;
		&lt;table&gt;
			&lt;tr&gt;&lt;td class=&quot;_ui18_label_for&quot;&gt;Email&lt;/td&gt;&lt;td&gt;&lt;input type=text name=&apos;member_email&apos; autocomplete=&quot;email&quot;/&gt;&lt;/td&gt;&lt;/tr&gt;
			&lt;tr&gt;&lt;td class=&quot;_ui18_label_for&quot;&gt;Password&lt;/td&gt;&lt;td&gt;&lt;input type=password name=&apos;member_password&apos; autocomplete=&quot;current-password&quot;/&gt;&lt;/td&gt;&lt;/tr&gt;
		&lt;/table&gt;
		&lt;div class=&quot;_ui18_div_do_member_signin&quot;&gt;&lt;a href=&quot;javascript:void(0);&quot; class=&quot;_ui18_do_member_signin&quot;&gt;Sign-in&lt;/a&gt;&lt;/div&gt;
		&lt;div class=&quot;_ui18_div_do_forgot_password&quot;&gt;&lt;a href=&quot;javascript:void(0);&quot; class=&quot;_ui18_do_forgot_password&quot;&gt;Forgotten password&lt;/a&gt;&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;_ui18_member_logged ui18_hidden&quot;&gt;
	&lt;div class=&quot;_ui18_div_do_member_signout&quot;&gt;&lt;span class=&quot;_ui18_member_username&quot;&gt;Connected&lt;/span&gt; (&lt;a class=&quot;_ui18_do_member_signout&quot; href=&quot;javascript:void(0);&quot;&gt;Sign-out&lt;/a&gt;)&lt;/div&gt;
	&lt;div class=&quot;_ui18_div_do_member_space&quot;&gt;&lt;a class=&quot;_ui18_do_member_space&quot; href=&quot;javascript:void(0);&quot;&gt;Your account&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div id=&quot;_ui18_signup_tb&quot; style=&quot;display:none&quot;&gt;
&lt;div class=&quot;_ui18_member_signup ui18_hidden&quot; style=&apos;text-align:center&apos;&gt;
	&lt;div style=&quot;margin-top: 20px;font-size:26px;&quot;&gt;Sign-up&lt;/div&gt;
	&lt;div class=&quot;_ui18_errors&quot;&gt;&lt;/div&gt;
	&lt;table style=&quot;margin: 20px auto&quot;&gt;
		&lt;tr&gt;&lt;td class=&quot;_ui18_label_for&quot;&gt;Display name&lt;/td&gt;&lt;td&gt;&lt;input type=text name=&apos;member_display_name&apos; autocomplete=&quot;name&quot;/&gt;&lt;/td&gt;&lt;/tr&gt;
		&lt;tr&gt;&lt;td class=&quot;_ui18_label_for&quot;&gt;Email&lt;/td&gt;&lt;td&gt;&lt;input type=text name=&apos;member_email&apos; autocomplete=&quot;email&quot;/&gt;&lt;/td&gt;&lt;/tr&gt;
		&lt;tr&gt;&lt;td class=&quot;_ui18_label_for&quot;&gt;Password&lt;/td&gt;&lt;td&gt;&lt;input type=password name=&apos;member_password&apos; autocomplete=&quot;new-password&quot;/&gt;&lt;/td&gt;&lt;/tr&gt;
	&lt;/table&gt;
	&lt;button class=&quot;_ui18_do_member_signup&quot;&gt;Sign-up&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><properties /></view><script>UI_List.UI_Member={initialize:function(a){this.cpt=a;
a.setOptions([&quot;locked&quot;])
},onDisplay:function(b){this.n=b;
this.loggedStateChanged();
var a=this;
sigCtl.connect(&quot;Member.connection_state_changed&quot;,function(d,c){a.loggedStateChanged()
})
},onShow:function(){this.onHashChanged();
this.autosize()
},loggedStateChanged:function(){var b=this.n;
var a=this;
$(&quot;.ui18_hidden&quot;,b).hide();
$(&quot;._ui18_do_forgot_password,._ui18_do_member_signup,._ui18_do_member_signup_tb,._ui18_do_member_space,._ui18_do_member_signout,._ui18_do_member_signin&quot;,b).unbind(&quot;click&quot;);
if(MemberController.isConnected()){$(&quot;._ui18_member_logged&quot;,b).show();
this.cpt.ask({request:&quot;get_member_infos&quot;},function(d){$(&quot;._ui18_member_username&quot;,b).text(d.member_display_name)
},function(d){});
$(&quot;._ui18_do_member_space&quot;,b).click(function(){a.memberSpacePopup()
});
$(&quot;._ui18_do_member_signout&quot;,b).click(function(){MemberController.signout()
})
}else{$(&quot;._ui18_member_unlogged,._ui18_member_signin,.member_signin input&quot;,b).show();
$(&quot;._ui18_do_member_signup_tb&quot;,b).click(function(){tb_show_viewer(null,&quot;#TB_inline?height=300&amp;width=400&amp;inlineId=_ui18_signup_tb&quot;);
$(&quot;#TB_ajaxContent ._ui18_member_signup&quot;).show()
});
$(&quot;._ui18_do_member_signup&quot;,b).click(function(){$(&quot;#TB_ajaxContent ._ui18_errors&quot;).empty();
a.cpt.ask({request:&quot;signup&quot;},function(d){if(d.success){$(&quot;#TB_ajaxContent ._ui18_member_signup&quot;).hide();
tb_remove()
}},function(d){d.each(function(e){$(&quot;#TB_ajaxContent ._ui18_errors&quot;).append(&quot;&lt;div&gt;&quot;+e+&quot;&lt;/div&gt;&quot;)
})
},$(&quot;#TB_ajaxContent&quot;))
});
$(&quot;._ui18_do_forgot_password&quot;,b).click(function(){if($(&quot;input[name=member_email]&quot;,b).val()==&quot;&quot;){alert(&quot;Please type your email address in the corresponding field.&quot;)
}else{a.cpt.ask({request:&quot;forgot_password&quot;,site_id:v.site_id,member_email:$(&quot;input[name=member_email]&quot;,b).val()},function(d){if(d.success){alert(&quot;Password sent&quot;)
}else{if(d.error){alert(d.error)
}}},function(){},b)
}});
var c=function(){a.cpt.ask({request:&quot;get_member_infos&quot;},function(d){if(MemberController.isConnected()){$(&quot;._ui18_member_username&quot;,b).text(d.member_display_name)
}else{alert(&quot;Incorrect email or password&quot;)
}},function(){},$(&quot;._ui18_member_signin&quot;,b))
};
$(&quot;._ui18_do_member_signin&quot;,b).click(c);
$(&quot;input[name=member_password]&quot;,b).unbind(&quot;keypress&quot;).returnKey(function(){setTimeout(c,10);
return false
})
}this.autosize()
},memberSpacePopup:function(){var a=this;
if(this.cpt.page.setCptUrl){this.cpt.page.setCptUrl(&quot;/m0o/Account&quot;)
}tb_show_viewer(null,&quot;/cpt_member/member_space?site_id=&quot;+v.site_id+&quot;TB_iframe=true&amp;height=500&amp;width=1000&quot;);
$(&quot;#TB_window&quot;).on(&quot;unload&quot;,function(){if(a.cpt.page.setCptUrl){a.cpt.page.setCptUrl(null)
}})
},onHashChanged:function(){if(this.cpt.page.cptUrl){var a=this.cpt.page.cptUrl.match(/m(\d+)([o])\/.*/);
if(a){var b=parseInt(a[1]);
if(a[2]==&quot;o&quot;){this.memberSpacePopup()
}}}},onPropertyChanged:function(){},onResizeStop:function(){this.autosize()
},autosize:function(){var a=this.cpt.node.children().children().outerHeight(true);
if(a&gt;this.cpt.H()){this.cpt.setSize({h:a})
}},onFontFamilyUpdate:function(){this.autosize()
}};</script><style>._ui18_member_unlogged,._ui18_member_logged{border:1px solid;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin:3px;padding:3px;text-align:center}
._ui18_label_for{text-align:left}
._ui18_errors{color:#B00;margin:5px;padding:5px}
._ui18_member_signup h2{color:#00C1FA;font-size:26px;line-height:30px;margin:0}
._ui18_member_signup{background:0 0;border:1px solid #CCC;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;width:350px;margin:10px auto}
button._ui18_do_member_signup{font-size:14px;margin-bottom:10px}
._ui18_member_signin{padding:5px 0}
._ui18_member_signin&gt;table{margin:0 auto}
._ui18_member_signin input,._ui18_member_signup input{border:1px solid #CCC;color:#787878;width:90%;width:calc(100% - 10px);max-width:200px}
._ui18_div_do_member_signout{padding:3px 0}
._ui18_member_username{font-weight:700}
._ui18_div_do_member_signin,._ui18_div_do_member_space{display:inline-block;margin:2px auto;padding:5px 12px;border:1px solid;box-shadow:0 1px 1px rgba(000,000,000,.5),inset 0 0 2px rgba(255,255,255,.7);-moz-box-shadow:0 1px 1px rgba(000,000,000,.5),inset 0 0 2px rgba(255,255,255,.7);-webkit-box-shadow:0 1px 1px rgba(000,000,000,.5),inset 0 0 2px rgba(255,255,255,.7)}
._ui18_div_do_member_signin&gt;a,._ui18_div_do_member_space&gt;a{color:#FFF;text-decoration:none}</style></uidget>