Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/components/Signup.vue
Show All 20 Lines | <div class="container"> | ||||
<label for="signup_name" class="sr-only">Your Name</label> | <label for="signup_name" class="sr-only">Your Name</label> | ||||
<input type="text" class="form-control" id="signup_name" placeholder="Your Name" required autofocus v-model="name"> | <input type="text" class="form-control" id="signup_name" placeholder="Your Name" required autofocus v-model="name"> | ||||
</div> | </div> | ||||
<div class="form-group"> | <div class="form-group"> | ||||
<label for="signup_email" class="sr-only">Existing Email Address</label> | <label for="signup_email" class="sr-only">Existing Email Address</label> | ||||
<input type="text" class="form-control" id="signup_email" placeholder="Existing Email Address" required v-model="email"> | <input type="text" class="form-control" id="signup_email" placeholder="Existing Email Address" required v-model="email"> | ||||
</div> | </div> | ||||
<button class="btn btn-secondary" type="button" @click="stepBack">Back</button> | <button class="btn btn-secondary" type="button" @click="stepBack">Back</button> | ||||
<button class="btn btn-primary" type="submit">Continue</button> | <button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> Continue</button> | ||||
</form> | </form> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="card d-none" id="step2"> | <div class="card d-none" id="step2"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<h4 class="card-title">Sign Up - Step 2/3</h4> | <h4 class="card-title">Sign Up - Step 2/3</h4> | ||||
<p class="card-text"> | <p class="card-text"> | ||||
We sent out a confirmation code to your email address. | We sent out a confirmation code to your email address. | ||||
Enter the code we sent you, or click the link in the message. | Enter the code we sent you, or click the link in the message. | ||||
</p> | </p> | ||||
<form @submit.prevent="submitStep2" data-validation-prefix="signup_"> | <form @submit.prevent="submitStep2" data-validation-prefix="signup_"> | ||||
<div class="form-group"> | <div class="form-group"> | ||||
<label for="signup_short_code" class="sr-only">Confirmation Code</label> | <label for="signup_short_code" class="sr-only">Confirmation Code</label> | ||||
<input type="text" class="form-control" id="signup_short_code" placeholder="Confirmation Code" required v-model="short_code"> | <input type="text" class="form-control" id="signup_short_code" placeholder="Confirmation Code" required v-model="short_code"> | ||||
</div> | </div> | ||||
<button class="btn btn-secondary" type="button" @click="stepBack">Back</button> | <button class="btn btn-secondary" type="button" @click="stepBack">Back</button> | ||||
<button class="btn btn-primary" type="submit">Continue</button> | <button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> Continue</button> | ||||
<input type="hidden" id="signup_code" v-model="code" /> | <input type="hidden" id="signup_code" v-model="code" /> | ||||
</form> | </form> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="card d-none" id="step3"> | <div class="card d-none" id="step3"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<h4 class="card-title">Sign Up - Step 3/3</h4> | <h4 class="card-title">Sign Up - Step 3/3</h4> | ||||
Show All 16 Lines | <div class="container"> | ||||
<label for="signup_password" class="sr-only">Password</label> | <label for="signup_password" class="sr-only">Password</label> | ||||
<input type="password" class="form-control" id="signup_password" placeholder="Password" required v-model="password"> | <input type="password" class="form-control" id="signup_password" placeholder="Password" required v-model="password"> | ||||
</div> | </div> | ||||
<div class="form-group"> | <div class="form-group"> | ||||
<label for="signup_confirm" class="sr-only">Confirm Password</label> | <label for="signup_confirm" class="sr-only">Confirm Password</label> | ||||
<input type="password" class="form-control" id="signup_confirm" placeholder="Confirm Password" required v-model="password_confirmation"> | <input type="password" class="form-control" id="signup_confirm" placeholder="Confirm Password" required v-model="password_confirmation"> | ||||
</div> | </div> | ||||
<button class="btn btn-secondary" type="button" @click="stepBack">Back</button> | <button class="btn btn-secondary" type="button" @click="stepBack">Back</button> | ||||
<button class="btn btn-primary" type="submit">Submit</button> | <button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> Submit</button> | ||||
</form> | </form> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
export default { | export default { | ||||
▲ Show 20 Lines • Show All 158 Lines • Show Last 20 Lines |