github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

make a seperate external error class which is used on entire payment form

Browse source
This commit is contained in:
Henry Oswald 2018-04-16 10:35:12 +01:00
parent 06fb31533f
commit 7940b60144
2 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
services/web/app/views/subscriptions/new.pug
View file

@ -19,7 +19,7 @@ block content
.page-header .page-header
.row .row
.col-xs-9 .col-xs-9
h2 {{planName}} {{validation.errorFields}} {{validation.errorFields.number}} h2 {{planName}}
.col-xs-3 .col-xs-3
div.dropdown.changePlanButton.pull-right(ng-cloak, dropdown) div.dropdown.changePlanButton.pull-right(ng-cloak, dropdown)
a.btn.btn-default.dropdown-toggle( a.btn.btn-default.dropdown-toggle(
@ -79,7 +79,7 @@ block content
div(ng-show="paymentMethod.value === 'credit_card'") div(ng-show="paymentMethod.value === 'credit_card'")
.row .row
.col-xs-6 .col-xs-6
.form-group(ng-class="validation.errorFields.first_name || inputHasError(simpleCCForm.firstName) ? 'has-error' : ''") .form-group(ng-class="validation.errorFields.first_name || inputHasError(simpleCCForm.firstName) ? 'has-external-error' : ''")
label(for="first-name") #{translate('first_name')} label(for="first-name") #{translate('first_name')}
input#first-name.form-control( input#first-name.form-control(
type="text" type="text"
@ -91,7 +91,7 @@ block content
) )
span.input-feedback-message {{ simpleCCForm.firstName.$error.required ? 'This field is required' : '' }} span.input-feedback-message {{ simpleCCForm.firstName.$error.required ? 'This field is required' : '' }}
.col-xs-6 .col-xs-6
.form-group(for="last-name",ng-class="validation.errorFields.last_name || inputHasError(simpleCCForm.lastName)? 'has-error' : ''") .form-group(for="last-name",ng-class="validation.errorFields.last_name || inputHasError(simpleCCForm.lastName)? 'has-external-error' : ''")
label(for="last-name") #{translate('last_name')} label(for="last-name") #{translate('last_name')}
input#last-name.form-control( input#last-name.form-control(
type="text" type="text"
@ -102,7 +102,7 @@ block content
required required
) )
.form-group(ng-class="validation.errorFields.number ? 'has-error' : ''") .form-group(ng-class="validation.errorFields.number ? 'has-external-error' : ''")
label(for="card-no") #{translate("credit_card_number")} label(for="card-no") #{translate("credit_card_number")}
div#card-no( div#card-no(
type="text" type="text"
@ -114,7 +114,7 @@ block content
.row .row
.col-xs-3 .col-xs-3
.form-group.has-feedback() .form-group.has-feedback(ng-class="validation.errorFields.month ? 'has-external-error' : ''")
label(for="month") #{translate("month")} label(for="month") #{translate("month")}
div( div(
type="number" type="number"
@ -124,7 +124,7 @@ block content
required required
) )
.col-xs-3 .col-xs-3
.form-group.has-feedback() .form-group.has-feedback(ng-class="validation.errorFields.year ? 'has-external-error' : ''")
label(for="year") #{translate("year")} label(for="year") #{translate("year")}
div( div(
type="number" type="number"
@ -135,7 +135,7 @@ block content
) )
.col-xs-6 .col-xs-6
.form-group.has-feedback() .form-group.has-feedback(ng-class="validation.errorFields.cvv ? 'has-external-error' : ''")
label #{translate("security_code")} label #{translate("security_code")}
div( div(
type="number" type="number"
@ -156,7 +156,7 @@ block content
) ? ) ?
div div
.form-group(ng-class="validation.errorFields.country || inputHasError(simpleCCForm.country) ? 'has-error' : ''") .form-group(ng-class="validation.errorFields.country || inputHasError(simpleCCForm.country) ? 'has-external-error' : ''")
label(for="country") #{translate('country')} label(for="country") #{translate('country')}
select#country.form-control( select#country.form-control(
data-recurly="country" data-recurly="country"

3
services/web/public/stylesheets/components/forms.less
View file

@ -311,6 +311,9 @@ input[type="checkbox"],
} }
.has-error { .has-error {
.form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg); .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);
}
.has-external-error {
.form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);
color:@red; color:@red;
} }