Page MenuHomePhorge
Differential D982 Diff 2443 src/resources/vue/components/Signup.vue

Changeset View

Standalone View

View Options

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