pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
commit ee36c2aaf927a861ae237e8a2196a41469c40d83 parent 1c850d58dc54fceeb872f38ad0070dfe3f99e5b7 Author: Jul <jul@9o.is> Date: Mon, 19 May 2014 20:11:40 -0400 more intuitive forms with tooltips Diffstat:
6 files changed, 22 insertions(+), 1 deletion(-)
diff --git a/src/main/webapp/templates-hidden/parts/apply-atm-form.html b/src/main/webapp/templates-hidden/parts/apply-atm-form.html @@ -5,6 +5,7 @@ <label class="input" ng-class="{{ stateSuccessError('name') }}"> <i class="icon-append fa fa-briefcase"></i> <input name="name" ng-model="model.name" placeholder="Business Name" type="text" required> + <b class="tooltip tooltip-top-left">Please provide your unique business name.</b> </label> </section> @@ -12,6 +13,7 @@ <label class="input" ng-class="{{ stateSuccessError('email') }}"> <i class="icon-append fa fa-envelope-o"></i> <input name="email" ng-model="model.email" placeholder="E-Mail" type="email" required> + <b class="tooltip tooltip-top-left">Please provide your business email for further information.</b> </label> </section> @@ -19,12 +21,14 @@ <label class="input" ng-class="{{ stateSuccessError('phone') }}"> <i class="icon-append fa fa-phone"></i> <input name="phone" ng-model="model.phone" ui-mask="(999) 999-9999" placeholder="(xxx) xxx-xxxx" type="text" required> + <b class="tooltip tooltip-top-left">Please provide phone number for this contact.</b> </label> </section> <section> <label class="input" ng-class="{{ stateSuccessError('address') }}"> <input name="address" ng-model="model.address" placeholder="Address" type="text" required> + <b class="tooltip tooltip-top-left">Please provide the address of your business.</b> </label> </section> @@ -32,12 +36,14 @@ <section class="col col-6"> <label class="input" ng-class="{{ stateSuccessError('city') }}"> <input name="city" ng-model="model.city" placeholder="City" type="text" required> + <b class="tooltip tooltip-top-left">The city your business is located.</b> </label> </section> <section class="col col-6" ng-class="{{ stateSuccessError('state') }}"> <label data-lift="AtmApplication.states" class="select"> <select name="state" ng-model="model.state" required></select> <i></i> + <b class="tooltip tooltip-top-left">The state your business is located.</b> </label> </section> </div> @@ -46,6 +52,7 @@ <label class="input" ng-class="{{ stateSuccessError('website') }}"> <i class="icon-append fa fa-globe"></i> <input name="website" ng-model="model.website" placeholder="Website URL" type="text" ng-pattern="url_regex"> + <b class="tooltip tooltip-top-left">The website URL of your business.</b> </label> </section> @@ -54,8 +61,9 @@ <i class="icon-append fa fa-comment"></i> <textarea name="bestTime" ng-model="model.bestTime" placeholder="When is the best time to contact you?" rows="2"></textarea> + <b class="tooltip tooltip-top-left">Enter time of day and/or week you would like to be contacted.</b> </label> - <em>Enter time of day and/or week you would like to be contacted.</em> + <em>Example: Saturday, 11am. Prefer phone call.</em> </section> </fieldset> diff --git a/src/main/webapp/templates-hidden/parts/change-password-form.html b/src/main/webapp/templates-hidden/parts/change-password-form.html @@ -6,6 +6,7 @@ <label class="input"> <i class="icon-append fa fa-key"></i> <input name="password" ng-model="model.password" type="password" ng-pattern="password_regex" required> + <b class="tooltip tooltip-top-left">Enter your new password.</b> </label> </section> <section> @@ -13,6 +14,7 @@ <label class="input"> <i class="icon-append fa fa-key"></i> <input name="passwordconfirm" ng-model="model.passwordconfirm" type="password" data-match="model.password" required> + <b class="tooltip tooltip-top-left">Enter your new password again to confirm.</b> </label> </section> </fieldset> diff --git a/src/main/webapp/templates-hidden/parts/find-atm-form.html b/src/main/webapp/templates-hidden/parts/find-atm-form.html @@ -5,6 +5,7 @@ <section> <label class="input"> <input name="postal" ng-model="model.postal" type="text" placeholder="zip code" ng-pattern="zip_code_regex" required> + <b class="tooltip tooltip-top-left">Enter zip code.</b> </label> </section> </div> diff --git a/src/main/webapp/templates-hidden/parts/forgot-password-form.html b/src/main/webapp/templates-hidden/parts/forgot-password-form.html @@ -6,6 +6,7 @@ <label class="input"> <i class="icon-append fa fa-envelope-o"></i> <input name="email" ng-model="model.email" type="email" required> + <b class="tooltip tooltip-top-left">Enter your email address.</b> </label> </section> </fieldset> diff --git a/src/main/webapp/templates-hidden/parts/notify-atm-form.html b/src/main/webapp/templates-hidden/parts/notify-atm-form.html @@ -7,12 +7,14 @@ <label class="input" ng-class="{{ stateSuccess('fname') }}"> <i class="icon-append fa fa-user"></i> <input name="fname" ng-model="model.fname" placeholder="First name" type="text" autofocus> + <b class="tooltip tooltip-top-left">Enter your first name.</b> </label> </section> <section class="col col-6"> <label class="input" ng-class="{{ stateSuccess('lname') }}"> <i class="icon-append fa fa-user"></i> <input name="lname" ng-model="model.lname" placeholder="Last name" type="text"> + <b class="tooltip tooltip-top-left">Enter your last name.</b> </label> </section> </div> @@ -22,12 +24,14 @@ <label class="input" ng-class="{{ stateSuccessError('email') }}"> <i class="icon-append fa fa-envelope-o"></i> <input name="email" ng-model="model.email" placeholder="E-mail" type="email" required> + <b class="tooltip tooltip-top-left">Enter your email address so we can notify you.</b> </label> </section> <section class="col col-6"> <label class="input" ng-class="{{ stateSuccessError('postal') }}"> <input name="postal" ng-model="model.postal" placeholder="Post code" type="text" ng-pattern="zip_code_regex" required/> + <b class="tooltip tooltip-top-left">Enter the zip code you want the ATM to be located.</b> <em class="ng-hide" ng-show="form.postal.$error.pattern">Postal code is not valid</em> </label> </section> @@ -36,6 +40,7 @@ <section class="col col-6"> <label class="input" ng-class="{{ stateSuccess('city') }}"> <input name="city" ng-model="model.city" placeholder="City" type="text"> + <b class="tooltip tooltip-top-left">Please provide the city for the ATM.</b> </label> </section> <section class="col col-6"> diff --git a/src/main/webapp/templates-hidden/parts/user-registration-form.html b/src/main/webapp/templates-hidden/parts/user-registration-form.html @@ -5,11 +5,13 @@ <section class="col col-6"> <label class="input" ng-class="{{ stateSuccessError('fname') }}"> <input name="fname" ng-model="model.fname" placeholder="First name" type="text" autofocus required> + <b class="tooltip tooltip-top-left">Please provide your first name.</b> </label> </section> <section class="col col-6"> <label class="input" ng-class="{{ stateSuccessError('lname') }}"> <input name="lname" ng-model="model.lname" placeholder="Last name" type="text" required> + <b class="tooltip tooltip-top-left">Please provide your last name.</b> </label> </section> </div> @@ -18,6 +20,7 @@ <label class="input" ng-class="{{ stateSuccessError('email') }}"> <i class="icon-append fa fa-envelope-o"></i> <input name="email" ng-model="model.email" placeholder="E-Mail" type="email" required> + <b class="tooltip tooltip-top-left">You'll use this email when you log in and if you ever need to reset your password.</b> </label> </section> @@ -25,6 +28,7 @@ <label class="input" ng-class="{{ stateSuccessError('username') }}"> <i class="icon-append fa fa-user"></i> <input name="username" ng-model="model.username" placeholder="Username" type="text" required> + <b class="tooltip tooltip-top-left">You'll use this username to personally identify your account.</b> </label> </section> </fieldset>