Differential D1852 Diff 5173 src/resources/vue/Signup.vue

Changeset View

Standalone View

src/resources/vue/Signup.vue

	<template>			<template>
	<div class="container">			<div class="container">
	<div id="step0">			<div id="step0">
	<div class="plan-selector d-flex justify-content-around align-items-stretch">			<div class="plan-selector card-deck">
	<div v-for="item in plans" :key="item.id" :class="'p-3 m-1 text-center bg-light flex-fill plan-box d-flex flex-column align-items-center plan-' + item.title">			<div v-for="item in plans" :key="item.id" :class="'card bg-light plan-' + item.title">
	<div class="plan-ico">			<div class="card-header plan-header">
				<div class="plan-ico text-center">
	<svg-icon :icon="plan_icons[item.title]"></svg-icon>			<svg-icon :icon="plan_icons[item.title]"></svg-icon>
	</div>			</div>
				</div>
				<div class="card-body text-center ">
	<button class="btn btn-primary" :data-title="item.title" @click="selectPlan(item.title)" v-html="item.button"></button>			<button class="btn btn-primary" :data-title="item.title" @click="selectPlan(item.title)" v-html="item.button"></button>

	<div class="plan-description text-left mt-3" v-html="item.description"></div>			<div class="plan-description text-left mt-3" v-html="item.description"></div>
	</div>			</div>
	</div>			</div>
	</div>			</div>
				</div>

	<div class="card d-none" id="step1">			<div class="card d-none" id="step1">
	<div class="card-body">			<div class="card-body">
	<h4 class="card-title">Sign Up - Step 1/3</h4>			<h4 class="card-title">Sign Up - Step 1/3</h4>
	<p class="card-text">			<p class="card-text">
	Sign up to start your free month.			Sign up to start your free month.
	</p>			</p>
	<form @submit.prevent="submitStep1" data-validation-prefix="signup_">			<form @submit.prevent="submitStep1" data-validation-prefix="signup_">
	▲ Show 20 Lines • Show All 239 Lines • Show Last 20 Lines