Join.95fe70ce.js (3831B)
1 import{u,o as e,w as g}from"./vendor.8ab614fa.js";import{H as p,C as f}from"./index.7100b17a.js";const b=i=>r=>{const t=u();return e(i,{navigate:t,...r})},l="inline-block p-4 w-full text-gray-900 bg-gray-100 hover:ring-blue-300 hover:ring-1 focus:ring-transparent focus:outline-none dark:bg-gray-700 dark:text-white",c="inline-block p-4 w-full bg-white hover:text-gray-700 hover:bg-gray-50 hover:ring-blue-300 hover:ring-1 focus:ring-transparent focus:outline-none dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700";class d extends g{constructor(r){super(r),this.state={homeserver:"https://art.midnightthoughts.space",username:"",password:"",create_profile:!0,current_tab:"login"}}async onSubmit(r){r.preventDefault();const t=this.context;!t||this.state.homeserver===""||this.state.username===""||this.state.password===""||(this.state.current_tab==="login"&&!(t!=null&&t.isLoggedIn())?await t.login(this.state.homeserver,this.state.username,this.state.password,this.state.create_profile):this.state.current_tab==="register"&&!t.isLoggedIn()&&await t.register(this.state.homeserver,this.state.username,this.state.password,this.state.create_profile),this.props.navigate("/",{replace:!0}))}onInput(r){r.preventDefault();const t=r.target,s=t.type==="checkbox"?t.checked:t.value,n=t.name;this.setState({[n]:s})}render(r,{homeserver:t,username:s,password:n,create_profile:h,current_tab:a}){return e("div",{class:"flex flex-col",children:[e("header",{children:e(p,{})}),e("main",{class:"m-12 mt-6",children:[e("h1",{class:"text-3xl font-bold mb-4 text-white",children:"Join"}),e("div",{class:"flex items-center flex-col",children:[e("ul",{class:"w-1/4 mb-8 hidden text-sm font-medium text-center text-gray-500 rounded-lg divide-x divide-gray-200 shadow sm:flex dark:divide-gray-700 dark:text-gray-400",children:[e("li",{class:"w-full",children:e("a",{href:"#",class:a==="login"?`${l} rounded-l-lg`:`${c} rounded-l-lg`,onClick:o=>{o.preventDefault(),this.setState({current_tab:"login"})},children:"Login"})}),e("li",{class:"w-full",children:e("a",{href:"#",class:a==="register"?`${l} rounded-r-lg`:`${c} rounded-r-lg`,onClick:o=>{o.preventDefault(),this.setState({current_tab:"register"})},children:"Register"})})]}),e("form",{onSubmit:this.onSubmit.bind(this),class:"flex flex-col items-start w-1/4",children:[e("input",{class:"search-bg shadow rounded-lg border-0 py-3 px-4 placeholder-data text-white mb-4 w-full",type:"url",placeholder:"Homeserver",name:"homeserver",value:t,onInput:this.onInput.bind(this)}),e("input",{class:"search-bg shadow rounded-lg border-0 py-3 px-4 placeholder-data text-white mb-4 w-full",autocomplete:"username",type:"text",placeholder:"Username",name:"username",value:s,onInput:this.onInput.bind(this)}),e("input",{class:"search-bg shadow rounded-lg border-0 py-3 px-4 placeholder-data text-white mb-4 w-full",autoComplete:"current-password",type:"password",placeholder:"Password",name:"password",value:n,onInput:this.onInput.bind(this)}),e("label",{class:"mb-4 flex items-center",children:[e("input",{class:"checked:bg-blue-600 checked:border-transparent checked:bg-no-repeat checked:bg-[url('/tick.svg')] outline-none focus:outline-offset-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white p-0 inline-block align-middle box-border select-none shrink-0 shadow h-5 w-5 appearance-none rounded bg-white border-none",type:"checkbox",name:"create_profile",checked:h,onInput:this.onInput.bind(this)}),e("span",{class:"ml-4 text-data text-base font-medium",children:"Create account"})]}),e("button",{type:"submit",class:"text-white font-bold text-lg logo-bg rounded-xl py-2 px-10 shadow transform transition-transform ease-in-out duration-300 hover:scale-105 w-1/2 self-center",children:a==="login"?"Login":"Register"})]})]})]})]})}}d.contextType=f;var w=b(d);export{w as default};