Commit 976f0b4a875f28766e80eefb676f443c6140f6dd
1 parent
e2bce8d019
Exists in
master
astrick issue resolved
Showing
2 changed files
with
18 additions
and
8 deletions
Show diff stats
app/views/fbo-admin/dashboard.html
1 | <style type="text/css"> | 1 | <style type="text/css"> |
2 | .customErrorMessage{ | 2 | .customErrorMessage{ |
3 | color: #8a1f11; | 3 | color: #8a1f11; |
4 | font-weight: bold; | 4 | font-weight: bold; |
5 | margin-left: 10px; | 5 | |
6 | } | 6 | } |
7 | .customErrorInput{ | 7 | .customErrorInput{ |
8 | background-color: rgb(251, 227, 228); | 8 | background-color: rgb(251, 227, 228); |
9 | border: 1px solid #fbc2c4; | 9 | border: 1px solid #fbc2c4; |
10 | color: #8a1f11; | 10 | color: #8a1f11; |
11 | } | 11 | } |
12 | .redAstrick{ | ||
13 | color: #8a1f11; | ||
14 | margin: 0 1px; | ||
15 | } | ||
12 | </style> | 16 | </style> |
13 | 17 | ||
14 | </div> | 18 | </div> |
15 | <div class="row wrapper border-bottom white-bg page-heading"> | 19 | <div class="row wrapper border-bottom white-bg page-heading"> |
16 | <div class="col-lg-8"> | 20 | <div class="col-lg-8"> |
17 | <!-- <h2 ng-click="editName()" ng-show="showCompany" style="cursor: pointer;">Tellus Institute</h2> --> | 21 | <!-- <h2 ng-click="editName()" ng-show="showCompany" style="cursor: pointer;">Tellus Institute</h2> --> |
18 | <div style="margin-top: 20px;"> | 22 | <div style="margin-top: 20px;"> |
19 | <input type="text" style="width:50%; float: left;" placeholder="Enter Company Name" ng-model="user.companyName" class="form-control companyNameError" ng-keyup="companyNameValid()"> | 23 | <input type="text" style="width:50%; float: left;" placeholder="Enter Company Name" ng-model="user.companyName" class="form-control companyNameError" ng-keyup="companyNameValid()"> |
24 | <span class="redAstrick" style="margin: 0 5px;">*</span> | ||
20 | <label class="customErrorMessage" ng-show="comnayNameInvalid" style="margin-top: 7px;">This field is required.</label> | 25 | <label class="customErrorMessage" ng-show="comnayNameInvalid" style="margin-top: 7px;">This field is required.</label> |
21 | <div class="clearfix"></div> | 26 | <div class="clearfix"></div> |
22 | </div> | 27 | </div> |
23 | </div> | 28 | </div> |
24 | <div class="col-lg-4" style="margin-top: 20px; text-align: right;"> | 29 | <div class="col-lg-4" style="margin-top: 20px; text-align: right;"> |
25 | <button type="button" class="btn btn-default btn-sm" ui-sref="index.fboAdmin">Cancel</button> | 30 | <button type="button" class="btn btn-default btn-sm" ui-sref="index.fboAdmin">Cancel</button> |
26 | <button type="button" class="btn btn-primary btn-sm" ng-click="userData()">Save Changes</button> | 31 | <button type="button" class="btn btn-primary btn-sm" ng-click="userData()">Save Changes</button> |
27 | </div> | 32 | </div> |
28 | </div> | 33 | </div> |
29 | </div> | 34 | </div> |
30 | <div class="wrapper wrapper-content animated fadeInRight"> | 35 | <div class="wrapper wrapper-content animated fadeInRight"> |
31 | <div class="row"> | 36 | <div class="row"> |
32 | <div class="col-lg-7"> | 37 | <div class="col-lg-7"> |
33 | <div class="ibox float-e-margins"> | 38 | <div class="ibox float-e-margins"> |
34 | <div class="ibox-title"> | 39 | <div class="ibox-title"> |
35 | <div class="pull-left"> | 40 | <div class="pull-left"> |
36 | <h5>Contact Information</h5> | 41 | <h5>Contact Information</h5> |
37 | </div> | 42 | </div> |
38 | <div class="pull-right my-toggle-switch"> | 43 | <div class="pull-right my-toggle-switch"> |
39 | <div class="switch"> | 44 | <div class="switch"> |
40 | <div class="onoffswitch"> | 45 | <div class="onoffswitch"> |
41 | <input type="checkbox" ng-checked="status === true" ng-model="status" ng-init="status = true" class="onoffswitch-checkbox" id="example1"> | 46 | <input type="checkbox" ng-checked="status === true" ng-model="status" ng-init="status = true" class="onoffswitch-checkbox" id="example1"> |
42 | <label class="onoffswitch-label" for="example1"> | 47 | <label class="onoffswitch-label" for="example1"> |
43 | <span class="onoffswitch-inner"></span> | 48 | <span class="onoffswitch-inner"></span> |
44 | <span class="onoffswitch-switch"></span> | 49 | <span class="onoffswitch-switch"></span> |
45 | </label> | 50 | </label> |
46 | </div> | 51 | </div> |
47 | </div> | 52 | </div> |
48 | </div> | 53 | </div> |
49 | <div class="clearfix"></div> | 54 | <div class="clearfix"></div> |
50 | </div> | 55 | </div> |
51 | <div class="ibox-content"> | 56 | <div class="ibox-content"> |
52 | <div class="row"> | 57 | <div class="row"> |
53 | <form role="form"> | 58 | <form role="form"> |
54 | <div class="col-sm-6 b-r"> | 59 | <div class="col-sm-6 b-r"> |
55 | <!-- <div class="form-group"><label>Company Name</label> <input type="text" placeholder="Company Name" ng-model="user.companyName" class="form-control"></div> --> | 60 | <!-- <div class="form-group"><label>Company Name</label> <input type="text" placeholder="Company Name" ng-model="user.companyName" class="form-control"></div> --> |
56 | <div class="form-group"> | 61 | <div class="form-group"> |
57 | <label>Email Username</label> | 62 | <label>Email Username <span class="redAstrick">*</span></label> |
58 | <label class="customErrorMessage" ng-show="emailInvalid">This field is required.</label> | 63 | <label class="customErrorMessage" ng-show="emailInvalid">This field is required.</label> |
59 | <input type="email" placeholder="Email Username" ng-model="user.email" class="form-control emailIdError" ng-blur="checkUsername()" ng-keyup="emailValid()"> | 64 | <input type="email" placeholder="Email Username" ng-model="user.email" class="form-control emailIdError" ng-blur="checkUsername()" ng-keyup="emailValid()"> |
60 | </div> | 65 | </div> |
61 | <div class="form-group"> | 66 | <div class="form-group"> |
62 | <label>First Name</label> | 67 | <label>First Name</label> |
63 | <input type="text" placeholder="First Name" ng-model="user.firstName" class="form-control"> | 68 | <input type="text" placeholder="First Name" ng-model="user.firstName" class="form-control"> |
64 | </div> | 69 | </div> |
65 | <div class="form-group"> | 70 | <div class="form-group"> |
66 | <label>Last Name</label> | 71 | <label>Last Name</label> |
67 | <input type="text" placeholder="Last Name" ng-model="user.lastName" class="form-control"> | 72 | <input type="text" placeholder="Last Name" ng-model="user.lastName" class="form-control"> |
68 | </div> | 73 | </div> |
69 | <!-- <div> | 74 | <!-- <div> |
70 | <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>Log in</strong></button> | 75 | <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>Log in</strong></button> |
71 | <label> <input type="checkbox" class="i-checks"> Remember me </label> | 76 | <label> <input type="checkbox" class="i-checks"> Remember me </label> |
72 | </div> --> | 77 | </div> --> |
73 | 78 | ||
74 | </div> | 79 | </div> |
75 | <div class="col-sm-6"> | 80 | <div class="col-sm-6"> |
76 | <div class="form-group"> | 81 | <div class="form-group"> |
77 | <label>Password</label> | 82 | <label>Password <span class="redAstrick">*</span></label> |
78 | <label class="customErrorMessage" ng-show="passwordInvalid">This field is required.</label> | 83 | <label class="customErrorMessage" ng-show="passwordInvalid">This field is required.</label> |
79 | <input type="password" ng-model="user.password" placeholder="Password" class="form-control invalidPassword" ng-keyup="passwordValid()"> | 84 | <input type="password" ng-model="user.password" placeholder="Password" class="form-control invalidPassword" ng-keyup="passwordValid()"> |
80 | </div> | 85 | </div> |
81 | <div class="form-group"> | 86 | <div class="form-group"> |
82 | <label>Phone</label> | 87 | <label>Phone</label> |
83 | <input type="number" ng-model="user.phone" placeholder="Phone" class="form-control"> | 88 | <input type="number" ng-model="user.phone" placeholder="Phone" class="form-control"> |
84 | </div> | 89 | </div> |
85 | <div class="form-group"> | 90 | <div class="form-group"> |
86 | <label>Mobile</label> | 91 | <label>Mobile</label> |
87 | <input type="number" ng-model="user.mobile" placeholder="Mobile" class="form-control"> | 92 | <input type="number" ng-model="user.mobile" placeholder="Mobile" class="form-control"> |
88 | </div> | 93 | </div> |
89 | </div> | 94 | </div> |
90 | </form> | 95 | </form> |
91 | </div> | 96 | </div> |
92 | </div> | 97 | </div> |
93 | </div> | 98 | </div> |
94 | </div> | 99 | </div> |
95 | <div class="col-lg-5"> | 100 | <div class="col-lg-5"> |
96 | <div class="ibox float-e-margins"> | 101 | <div class="ibox float-e-margins"> |
97 | <div class="ibox-title"> | 102 | <div class="ibox-title"> |
98 | <h5>Client Notes</h5> | 103 | <h5>Client Notes</h5> |
99 | 104 | ||
100 | </div> | 105 | </div> |
101 | <div class="ibox-content"> | 106 | <div class="ibox-content"> |
102 | <div class="row"> | 107 | <div class="row"> |
103 | <form role="form"> | 108 | <form role="form"> |
104 | <textarea class="form-control" rows="10" ng-model="user.clientNote" id="comment"></textarea> | 109 | <textarea class="form-control" rows="10" ng-model="user.clientNote" id="comment"></textarea> |
105 | </form> | 110 | </form> |
106 | </div> | 111 | </div> |
107 | </div> | 112 | </div> |
108 | 113 | ||
109 | </div> | 114 | </div> |
110 | </div> | 115 | </div> |
111 | </div> | 116 | </div> |
112 | </div> | 117 | </div> |
113 | 118 | ||
114 | <div class="wrapper wrapper-content animated fadeInRight"> | 119 | <div class="wrapper wrapper-content animated fadeInRight"> |
115 | <div class="row"> | 120 | <div class="row"> |
116 | <div class="col-lg-12"> | 121 | <div class="col-lg-12"> |
117 | <div class="ibox float-e-margins"> | 122 | <div class="ibox float-e-margins"> |
118 | <div class="ibox-title" style="padding: 5px 15px 5px 15px;"> | 123 | <div class="ibox-title" style="padding: 5px 15px 5px 15px;"> |
119 | <div class="col-lg-8"> | 124 | <div class="col-lg-8"> |
120 | <h5 style="line-height: 34px;margin-bottom: 0;">Feature Account Control</h5> | 125 | <h5 style="line-height: 34px;margin-bottom: 0;">Feature Account Control</h5> |
121 | </div> | 126 | </div> |
122 | <div class="col-lg-4"> | 127 | <div class="col-lg-4"> |
123 | <div class="form-group"> | 128 | <div class="form-group"> |
124 | <label class="col-sm-2 control-label" style="line-height: 34px;margin-bottom: 0;">Level</label> | 129 | <label class="col-sm-2 control-label" style="line-height: 34px;margin-bottom: 0;">Level</label> |
125 | <div class="col-sm-10"> | 130 | <div class="col-sm-10"> |
126 | <select class="form-control m-b" name="account" ng-model="feature.level" style="margin-bottom: 0;"> | 131 | <select class="form-control m-b" name="account" ng-model="feature.level" style="margin-bottom: 0;"> |
127 | <option value="silver" selected>Silver</option> | 132 | <option value="silver" selected>Silver</option> |
128 | <option value="gold">Gold</option> | 133 | <option value="gold">Gold</option> |
129 | </select> | 134 | </select> |
130 | </div> | 135 | </div> |
131 | </div> | 136 | </div> |
132 | </div> | 137 | </div> |
133 | <div class="clearfix"></div> | 138 | <div class="clearfix"></div> |
134 | </div> | 139 | </div> |
135 | <div class="ibox-content"> | 140 | <div class="ibox-content"> |
136 | <div class="row"> | 141 | <div class="row"> |
137 | <form role="form"> | 142 | <form role="form"> |
138 | 143 | ||
139 | <div class="col-lg-3"> | 144 | <div class="col-lg-3"> |
140 | <label style="color: #1ab394;">Modularized</label> | 145 | <label style="color: #1ab394;">Modularized</label> |
141 | <div> | 146 | <div> |
142 | <label> <input type="checkbox" class="i-checks" ng-change="enableEssId()" ng-model="feature.essintaPosSystem" icheck> Essinta POS system </label> | 147 | <label> <input type="checkbox" class="i-checks" ng-change="enableEssId()" ng-model="feature.essintaPosSystem" icheck> Essinta POS system </label> |
143 | </div> | 148 | </div> |
144 | <div> | 149 | <div> |
145 | <label> <input type="checkbox" class="i-checks" ng-model="feature.acuQuote" icheck> AcuQuote </label> | 150 | <label> <input type="checkbox" class="i-checks" ng-model="feature.acuQuote" icheck> AcuQuote </label> |
146 | </div> | 151 | </div> |
147 | <div> | 152 | <div> |
148 | <label> <input type="checkbox" class="i-checks" ng-model="feature.acuTrack" icheck> AcuTrack </label> | 153 | <label> <input type="checkbox" class="i-checks" ng-model="feature.acuTrack" icheck> AcuTrack </label> |
149 | </div> | 154 | </div> |
150 | <div> | 155 | <div> |
151 | <label> <input type="checkbox" class="i-checks" ng-model="feature.fuelProgram" icheck> Fuel Program </label> | 156 | <label> <input type="checkbox" class="i-checks" ng-model="feature.fuelProgram" icheck> Fuel Program </label> |
152 | </div> | 157 | </div> |
153 | <div> | 158 | <div> |
154 | <label> <input type="checkbox" class="i-checks" ng-model="feature.amstatIntegration" icheck> AMSTAT Integration </label> | 159 | <label> <input type="checkbox" class="i-checks" ng-model="feature.amstatIntegration" icheck> AMSTAT Integration </label> |
155 | </div> | 160 | </div> |
156 | <div> | 161 | <div> |
157 | <label> <input type="checkbox" class="i-checks" ng-model="feature.posAccountingIntegration" icheck> POS Accounting Integration </label> | 162 | <label> <input type="checkbox" class="i-checks" ng-model="feature.posAccountingIntegration" icheck> POS Accounting Integration </label> |
158 | </div> | 163 | </div> |
159 | <div> | 164 | <div> |
160 | <label> <input type="checkbox" class="i-checks" ng-model="feature.posVeederRootIntegration" icheck> POS VeederRoot Integration </label> | 165 | <label> <input type="checkbox" class="i-checks" ng-model="feature.posVeederRootIntegration" icheck> POS VeederRoot Integration </label> |
161 | </div> | 166 | </div> |
162 | </div> | 167 | </div> |
163 | <div class="col-lg-9" style="padding: 0;"> | 168 | <div class="col-lg-9" style="padding: 0;"> |
164 | <div class="col-lg-6"> | 169 | <div class="col-lg-6"> |
165 | <div class="form-group" style="margin-top: 18px;" id="esAccId"> | 170 | <div class="form-group" style="margin-top: 18px;" id="esAccId"> |
166 | <label class="control-label pull-left" style="color: #1ab394;line-height: 34px;">Essinta Account UID</label> | 171 | <label class="control-label pull-left" style="color: #1ab394;line-height: 34px;">Essinta Account UID</label> |
167 | <div class="col-lg-6"> | 172 | <div class="col-lg-6"> |
168 | <input type="text" placeholder="" ng-disabled="essAccountId" style="border-color: #1ab394;" class="form-control" ng-model="feature.essintaAccountUid"> | 173 | <input type="text" placeholder="" ng-disabled="essAccountId" style="border-color: #1ab394;" class="form-control" ng-model="feature.essintaAccountUid"> |
169 | </div> | 174 | </div> |
170 | </div> | 175 | </div> |
171 | </div> | 176 | </div> |
172 | <div class="col-lg-6"> | 177 | <div class="col-lg-6"> |
173 | <div class="form-group" style="margin-top: 18px;"> | 178 | <div class="form-group" style="margin-top: 18px;"> |
174 | <label class="control-label pull-left" style="color: #ffa149;line-height: 34px;">Additional Device Licences</label> | 179 | <label class="control-label pull-left" style="color: #ffa149;line-height: 34px;">Additional Device Licences</label> |
175 | <div class="col-lg-6"> | 180 | <div class="col-lg-6"> |
176 | <input type="text" placeholder="" style="border-color: #ffa149 !important;" ng-model="feature.additionalLicences" class="form-control"> | 181 | <input type="text" placeholder="" style="border-color: #ffa149 !important;" ng-model="feature.additionalLicences" class="form-control"> |
177 | </div> | 182 | </div> |
178 | </div> | 183 | </div> |
179 | </div> | 184 | </div> |
180 | </div> | 185 | </div> |
181 | 186 | ||
182 | </form> | 187 | </form> |
183 | </div> | 188 | </div> |
184 | </div> | 189 | </div> |
185 | </div> | 190 | </div> |
186 | </div> | 191 | </div> |
187 | </div> | 192 | </div> |
188 | </div> | 193 | </div> |
app/views/fbo-flight/flight.html
1 | <style> | 1 | <style> |
2 | .button1 { | 2 | .button1 { |
3 | display: inline-block; | 3 | display: inline-block; |
4 | height: 35px; | 4 | height: 35px; |
5 | line-height: 35px; | 5 | line-height: 35px; |
6 | padding-right: 15px; | 6 | padding-right: 15px; |
7 | padding-left: 50px; | 7 | padding-left: 50px; |
8 | position: relative; | 8 | position: relative; |
9 | background-color:rgb(41,127,184); | 9 | background-color:rgb(41,127,184); |
10 | color:rgb(255,255,255); | 10 | color:rgb(255,255,255); |
11 | text-decoration: none; | 11 | text-decoration: none; |
12 | text-transform: uppercase; | 12 | text-transform: uppercase; |
13 | letter-spacing: 1px; | 13 | letter-spacing: 1px; |
14 | margin-bottom: 15px; | 14 | margin-bottom: 15px; |
15 | border: 0; | 15 | border: 0; |
16 | 16 | ||
17 | 17 | ||
18 | border-radius: 5px; | 18 | border-radius: 5px; |
19 | -moz-border-radius: 5px; | 19 | -moz-border-radius: 5px; |
20 | -webkit-border-radius: 5px; | 20 | -webkit-border-radius: 5px; |
21 | text-shadow:0px 1px 0px rgba(0,0,0,0.5); | 21 | text-shadow:0px 1px 0px rgba(0,0,0,0.5); |
22 | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; | 22 | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; |
23 | filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); | 23 | filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); |
24 | 24 | ||
25 | -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); | 25 | -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); |
26 | -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); | 26 | -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); |
27 | box-shadow:0px 2px 2px rgba(0,0,0,0.2); | 27 | box-shadow:0px 2px 2px rgba(0,0,0,0.2); |
28 | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; | 28 | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; |
29 | filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); | 29 | filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); |
30 | } | 30 | } |
31 | 31 | ||
32 | .button1 span { | 32 | .button1 span { |
33 | position: absolute; | 33 | position: absolute; |
34 | left: 0; | 34 | left: 0; |
35 | top: 0; | 35 | top: 0; |
36 | width: 35px; | 36 | width: 35px; |
37 | background-color:rgba(0,0,0,0.5); | 37 | background-color:rgba(0,0,0,0.5); |
38 | 38 | ||
39 | -webkit-border-top-left-radius: 5px; | 39 | -webkit-border-top-left-radius: 5px; |
40 | -webkit-border-bottom-left-radius: 5px; | 40 | -webkit-border-bottom-left-radius: 5px; |
41 | -moz-border-radius-topleft: 5px; | 41 | -moz-border-radius-topleft: 5px; |
42 | -moz-border-radius-bottomleft: 5px; | 42 | -moz-border-radius-bottomleft: 5px; |
43 | border-top-left-radius: 5px; | 43 | border-top-left-radius: 5px; |
44 | border-bottom-left-radius: 5px; | 44 | border-bottom-left-radius: 5px; |
45 | border-right: 1px solid rgba(0,0,0,0.15); | 45 | border-right: 1px solid rgba(0,0,0,0.15); |
46 | } | 46 | } |
47 | 47 | ||
48 | .button1:hover span, .button1.active span { | 48 | .button1:hover span, .button1.active span { |
49 | background-color:rgb(0,102,26); | 49 | background-color:rgb(0,102,26); |
50 | border-right: 1px solid rgba(0,0,0,0.3); | 50 | border-right: 1px solid rgba(0,0,0,0.3); |
51 | } | 51 | } |
52 | 52 | ||
53 | .button1:active { | 53 | .button1:active { |
54 | margin-top: 2px; | 54 | margin-top: 2px; |
55 | margin-bottom: 13px; | 55 | margin-bottom: 13px; |
56 | 56 | ||
57 | -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); | 57 | -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); |
58 | -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); | 58 | -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); |
59 | box-shadow:0px 1px 0px rgba(255,255,255,0.5); | 59 | box-shadow:0px 1px 0px rgba(255,255,255,0.5); |
60 | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; | 60 | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; |
61 | filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); | 61 | filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); |
62 | } | 62 | } |
63 | 63 | ||
64 | .button1.turquoise { | 64 | .button1.turquoise { |
65 | background: #449d44; | 65 | background: #449d44; |
66 | } | 66 | } |
67 | 67 | ||
68 | .customErrorMessage{ | 68 | .customErrorMessage{ |
69 | color: #8a1f11; | 69 | color: #8a1f11; |
70 | font-weight: bold; | 70 | font-weight: bold; |
71 | margin-left: 10px; | ||
72 | } | 71 | } |
73 | .customErrorInput{ | 72 | .customErrorInput{ |
74 | background-color: rgb(251, 227, 228); | 73 | background-color: rgb(251, 227, 228); |
75 | border: 1px solid #fbc2c4; | 74 | border: 1px solid #fbc2c4; |
76 | color: #8a1f11; | 75 | color: #8a1f11; |
76 | } | ||
77 | .redAstrick{ | ||
78 | color: #8a1f11; | ||
79 | margin: 0 1px; | ||
77 | } | 80 | } |
78 | 81 | ||
79 | </style> | 82 | </style> |
80 | <div class="row wrapper border-bottom white-bg page-heading"> | 83 | <div class="row wrapper border-bottom white-bg page-heading"> |
81 | <div class="col-lg-8"> | 84 | <div class="col-lg-8"> |
82 | <!-- <h2 ng-click="editName()" ng-show="showCompany" style="cursor: pointer;">Tellus Institute</h2> --> | 85 | <!-- <h2 ng-click="editName()" ng-show="showCompany" style="cursor: pointer;">Tellus Institute</h2> --> |
83 | <div style="margin-top: 20px;"> | 86 | <div style="margin-top: 20px;"> |
84 | <input type="text" style="width:50%;" placeholder="Enter Company Name" ng-model="user.companyName" class="form-control companyNameError" ng-keyup="companyNameValid()"> | 87 | <input type="text" style="width:50%; float: left;" placeholder="Enter Company Name" ng-model="user.companyName" class="form-control companyNameError" ng-keyup="companyNameValid()"> |
88 | <span class="redAstrick" style="margin: 0 5px;">*</span> | ||
85 | <label class="customErrorMessage" ng-show="comnayNameInvalid" style="margin-top: 7px;">This field is required.</label> | 89 | <label class="customErrorMessage" ng-show="comnayNameInvalid" style="margin-top: 7px;">This field is required.</label> |
90 | <div class="clearfix"></div> | ||
86 | </div> | 91 | </div> |
87 | </div> | 92 | </div> |
88 | <div class="col-lg-4" style="margin-top: 20px; text-align: right;"> | 93 | <div class="col-lg-4" style="margin-top: 20px; text-align: right;"> |
89 | <button type="button" class="btn btn-default btn-sm" ui-sref="index.flightDept">Cancel</button> | 94 | <button type="button" class="btn btn-default btn-sm" ui-sref="index.flightDept">Cancel</button> |
90 | <button type="button" class="btn btn-primary btn-sm" ng-click="userData()">Save Changes</button> | 95 | <button type="button" class="btn btn-primary btn-sm" ng-click="userData()">Save Changes</button> |
91 | </div> | 96 | </div> |
92 | </div> | 97 | </div> |
93 | <div class="wrapper wrapper-content animated fadeInRight"> | 98 | <div class="wrapper wrapper-content animated fadeInRight"> |
94 | <div class="row"> | 99 | <div class="row"> |
95 | <div class="col-lg-7"> | 100 | <div class="col-lg-7"> |
96 | <div class="ibox float-e-margins"> | 101 | <div class="ibox float-e-margins"> |
97 | <div class="ibox-title"> | 102 | <div class="ibox-title"> |
98 | <div class="pull-left"> | 103 | <div class="pull-left"> |
99 | <h5>Contact Information</h5> | 104 | <h5>Contact Information</h5> |
100 | </div> | 105 | </div> |
101 | <div class="pull-right my-toggle-switch"> | 106 | <div class="pull-right my-toggle-switch"> |
102 | <div class="switch"> | 107 | <div class="switch"> |
103 | <div class="onoffswitch"> | 108 | <div class="onoffswitch"> |
104 | <input type="checkbox" ng-checked="status === true" ng-model="status" ng-init="status = true" class="onoffswitch-checkbox" id="example1"> | 109 | <input type="checkbox" ng-checked="status === true" ng-model="status" ng-init="status = true" class="onoffswitch-checkbox" id="example1"> |
105 | <label class="onoffswitch-label" for="example1"> | 110 | <label class="onoffswitch-label" for="example1"> |
106 | <span class="onoffswitch-inner"></span> | 111 | <span class="onoffswitch-inner"></span> |
107 | <span class="onoffswitch-switch"></span> | 112 | <span class="onoffswitch-switch"></span> |
108 | </label> | 113 | </label> |
109 | </div> | 114 | </div> |
110 | </div> | 115 | </div> |
111 | </div> | 116 | </div> |
112 | <div class="clearfix"></div> | 117 | <div class="clearfix"></div> |
113 | </div> | 118 | </div> |
114 | <div class="ibox-content"> | 119 | <div class="ibox-content"> |
115 | <div class="row"> | 120 | <div class="row"> |
116 | <form role="form"> | 121 | <form role="form"> |
117 | <div class="col-sm-6 b-r"> | 122 | <div class="col-sm-6 b-r"> |
118 | <!-- <div class="form-group"><label>Company Name</label> <input type="text" placeholder="Company Name" ng-model="user.companyName" class="form-control"></div> --> | 123 | <!-- <div class="form-group"><label>Company Name</label> <input type="text" placeholder="Company Name" ng-model="user.companyName" class="form-control"></div> --> |
119 | <div class="form-group"> | 124 | <div class="form-group"> |
120 | <label>Email Username</label> | 125 | <label>Email Username <span class="redAstrick">*</span></label> |
121 | <label class="customErrorMessage" ng-show="emailInvalid">This field is required.</label> | 126 | <label class="customErrorMessage" ng-show="emailInvalid">This field is required.</label> |
122 | <input type="email" placeholder="Email Username" ng-model="user.email" class="form-control emailIdError" ng-blur="checkUsername()" ng-keyup="emailValid()"> | 127 | <input type="email" placeholder="Email Username" ng-model="user.email" class="form-control emailIdError" ng-blur="checkUsername()" ng-keyup="emailValid()"> |
123 | </div> | 128 | </div> |
124 | <div class="form-group"><label>First Name</label> <input type="text" placeholder="First Name" ng-model="user.firstName" class="form-control"></div> | 129 | <div class="form-group"><label>First Name</label> <input type="text" placeholder="First Name" ng-model="user.firstName" class="form-control"></div> |
125 | <div class="form-group"><label>Last Name</label> <input type="text" placeholder="Last Name" ng-model="user.lastName" class="form-control"></div> | 130 | <div class="form-group"><label>Last Name</label> <input type="text" placeholder="Last Name" ng-model="user.lastName" class="form-control"></div> |
126 | <!-- <div> | 131 | <!-- <div> |
127 | <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>Log in</strong></button> | 132 | <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>Log in</strong></button> |
128 | <label> <input type="checkbox" class="i-checks"> Remember me </label> | 133 | <label> <input type="checkbox" class="i-checks"> Remember me </label> |
129 | </div> --> | 134 | </div> --> |
130 | 135 | ||
131 | </div> | 136 | </div> |
132 | <div class="col-sm-6"> | 137 | <div class="col-sm-6"> |
133 | <div class="form-group"> | 138 | <div class="form-group"> |
134 | <label>Password</label> | 139 | <label>Password <span class="redAstrick" style="margin: 0 5px;">*</span></label> |
135 | <label class="customErrorMessage" ng-show="passwordInvalid">This field is required.</label> | 140 | <label class="customErrorMessage" ng-show="passwordInvalid">This field is required.</label> |
136 | <input type="password" ng-model="user.password" placeholder="Password" class="form-control invalidPassword" ng-keyup="passwordValid()"> | 141 | <input type="password" ng-model="user.password" placeholder="Password" class="form-control invalidPassword" ng-keyup="passwordValid()"> |
137 | </div> | 142 | </div> |
138 | <div class="form-group"><label>Phone</label> <input type="number" ng-model="user.phone" placeholder="Phone" class="form-control"></div> | 143 | <div class="form-group"><label>Phone</label> <input type="number" ng-model="user.phone" placeholder="Phone" class="form-control"></div> |
139 | <div class="form-group"><label>Mobile</label> <input type="number" ng-model="user.mobile" placeholder="Mobile" class="form-control"></div> | 144 | <div class="form-group"><label>Mobile</label> <input type="number" ng-model="user.mobile" placeholder="Mobile" class="form-control"></div> |
140 | </div> | 145 | </div> |
141 | </form> | 146 | </form> |
142 | </div> | 147 | </div> |
143 | </div> | 148 | </div> |
144 | </div> | 149 | </div> |
145 | </div> | 150 | </div> |
146 | <div class="col-lg-5"> | 151 | <div class="col-lg-5"> |
147 | <div class="ibox float-e-margins"> | 152 | <div class="ibox float-e-margins"> |
148 | <div class="ibox-title"> | 153 | <div class="ibox-title"> |
149 | <h5>Client Notes</h5> | 154 | <h5>Client Notes</h5> |
150 | 155 | ||
151 | </div> | 156 | </div> |
152 | <div class="ibox-content"> | 157 | <div class="ibox-content"> |
153 | <div class="row"> | 158 | <div class="row"> |
154 | <form role="form"> | 159 | <form role="form"> |
155 | <textarea class="form-control" rows="10" ng-model="user.clientNote" id="comment"></textarea> | 160 | <textarea class="form-control" rows="10" ng-model="user.clientNote" id="comment"></textarea> |
156 | </form> | 161 | </form> |
157 | </div> | 162 | </div> |
158 | </div> | 163 | </div> |
159 | 164 | ||
160 | </div> | 165 | </div> |
161 | </div> | 166 | </div> |
162 | </div> | 167 | </div> |
163 | </div> | 168 | </div> |
164 | 169 | ||
165 | <div> | 170 | <div> |
166 | <div class="row"> | 171 | <div class="row"> |
167 | <div class="col-lg-7"> | 172 | <div class="col-lg-7"> |
168 | <div class="ibox float-e-margins"> | 173 | <div class="ibox float-e-margins"> |
169 | <div class="ibox-title"> | 174 | <div class="ibox-title"> |
170 | <h5>Aircraft List</h5> | 175 | <h5>Aircraft List</h5> |
171 | <!-- <div class="pull-right"> | 176 | <!-- <div class="pull-right"> |
172 | <button type="button" class="btn btn-primary btn-sm" ng-click="openModal()">+ Add</button> | 177 | <button type="button" class="btn btn-primary btn-sm" ng-click="openModal()">+ Add</button> |
173 | </div> | 178 | </div> |
174 | <div class="clearfix"></div> | 179 | <div class="clearfix"></div> |
175 | <div class="modal inmodal" id="myModal4" tabindex="-1" role="dialog" aria-hidden="true"> | 180 | <div class="modal inmodal" id="myModal4" tabindex="-1" role="dialog" aria-hidden="true"> |
176 | <div class="modal-dialog"> | 181 | <div class="modal-dialog"> |
177 | <div class="modal-content animated fadeIn"> | 182 | <div class="modal-content animated fadeIn"> |
178 | <div class="modal-header"> | 183 | <div class="modal-header"> |
179 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> | 184 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> |
180 | <h4 class="modal-title">Add Aircraft</h4> | 185 | <h4 class="modal-title">Add Aircraft</h4> |
181 | </div> | 186 | </div> |
182 | <div class="modal-body" style="padding: 15px;"> | 187 | <div class="modal-body" style="padding: 15px;"> |
183 | <table class="table table-bordered table-hover table-striped"> | 188 | <table class="table table-bordered table-hover table-striped"> |
184 | <thead> | 189 | <thead> |
185 | <tr> | 190 | <tr> |
186 | <th>Tail</th> | 191 | <th>Tail</th> |
187 | <th>Make</th> | 192 | <th>Make</th> |
188 | <th>Model</th> | 193 | <th>Model</th> |
189 | <th>Size</th> | 194 | <th>Size</th> |
190 | </tr> | 195 | </tr> |
191 | </thead> | 196 | </thead> |
192 | <tbody> | 197 | <tbody> |
193 | <tr> | 198 | <tr> |
194 | <td> | 199 | <td> |
195 | <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> | 200 | <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> |
196 | </td> | 201 | </td> |
197 | <td style="width: 30%"> | 202 | <td style="width: 30%"> |
198 | <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> | 203 | <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> |
199 | <option ng-repeat="make in aircraftMakeList">{{make}}</option> | 204 | <option ng-repeat="make in aircraftMakeList">{{make}}</option> |
200 | </select> | 205 | </select> |
201 | </td> | 206 | </td> |
202 | <td style="width: 30%"> | 207 | <td style="width: 30%"> |
203 | <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> | 208 | <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> |
204 | <option ng-repeat="model in aircraftModalList">{{model}}</option> | 209 | <option ng-repeat="model in aircraftModalList">{{model}}</option> |
205 | </select> | 210 | </select> |
206 | </td> | 211 | </td> |
207 | <td style="width: 30%"> | 212 | <td style="width: 30%"> |
208 | <select class="form-control" ng-model="aircraft.size"> | 213 | <select class="form-control" ng-model="aircraft.size"> |
209 | <option ng-repeat="size in aircraftSizeList">{{size}}</option> | 214 | <option ng-repeat="size in aircraftSizeList">{{size}}</option> |
210 | </select> | 215 | </select> |
211 | </td> | 216 | </td> |
212 | </tr> | 217 | </tr> |
213 | </tbody> | 218 | </tbody> |
214 | </table> | 219 | </table> |
215 | </div> | 220 | </div> |
216 | <div class="modal-footer"> | 221 | <div class="modal-footer"> |
217 | <button type="button" class="btn btn-white" data-dismiss="modal">Close</button> | 222 | <button type="button" class="btn btn-white" data-dismiss="modal">Close</button> |
218 | <button type="button" class="btn btn-primary" ng-click="addAircraft()">Save changes</button> | 223 | <button type="button" class="btn btn-primary" ng-click="addAircraft()">Save changes</button> |
219 | </div> | 224 | </div> |
220 | </div> | 225 | </div> |
221 | </div> | 226 | </div> |
222 | </div> --> | 227 | </div> --> |
223 | </div> | 228 | </div> |
224 | <div class="ibox-content"> | 229 | <div class="ibox-content"> |
225 | <div class="table-responsive"> | 230 | <div class="table-responsive"> |
226 | <!-- <table class="table table-bordered table-hover table-striped"> | 231 | <!-- <table class="table table-bordered table-hover table-striped"> |
227 | <thead> | 232 | <thead> |
228 | <tr> | 233 | <tr> |
229 | <th>Tail</th> | 234 | <th>Tail</th> |
230 | <th>Make</th> | 235 | <th>Make</th> |
231 | <th>Model</th> | 236 | <th>Model</th> |
232 | <th>Size</th> | 237 | <th>Size</th> |
233 | </tr> | 238 | </tr> |
234 | </thead> | 239 | </thead> |
235 | <tbody> | 240 | <tbody> |
236 | <tr ng-repeat="airData in getCraftList track by $index"> | 241 | <tr ng-repeat="airData in getCraftList track by $index"> |
237 | <td> | 242 | <td> |
238 | <input type="text" style="width:100px;" ng-model="airData.tail" class="form-control"> | 243 | <input type="text" style="width:100px;" ng-model="airData.tail" class="form-control"> |
239 | </td> | 244 | </td> |
240 | <td> | 245 | <td> |
241 | <select class="form-control" ng-model="airData.make"> | 246 | <select class="form-control" ng-model="airData.make"> |
242 | <option>{{airData.make}}</option> | 247 | <option>{{airData.make}}</option> |
243 | </select> | 248 | </select> |
244 | </td> | 249 | </td> |
245 | <td> | 250 | <td> |
246 | <select class="form-control" ng-model="airData.model"> | 251 | <select class="form-control" ng-model="airData.model"> |
247 | <option>{{airData.model}}</option> | 252 | <option>{{airData.model}}</option> |
248 | </select> | 253 | </select> |
249 | </td> | 254 | </td> |
250 | <td> | 255 | <td> |
251 | <select class="form-control" ng-model="airData.size"> | 256 | <select class="form-control" ng-model="airData.size"> |
252 | <option>{{airData.size}}</option> | 257 | <option>{{airData.size}}</option> |
253 | </select> | 258 | </select> |
254 | </td> | 259 | </td> |
255 | </tr> | 260 | </tr> |
256 | </tbody> | 261 | </tbody> |
257 | </table> --> | 262 | </table> --> |
258 | <table class="table table-striped table-bordered"> | 263 | <table class="table table-striped table-bordered"> |
259 | <thead> | 264 | <thead> |
260 | <tr> | 265 | <tr> |
261 | <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> | 266 | <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> |
262 | <th>Tail</th> | 267 | <th>Tail</th> |
263 | <th>Make</th> | 268 | <th>Make</th> |
264 | <th>Model</th> | 269 | <th>Model</th> |
265 | <th>Size</th> | 270 | <th>Size</th> |
266 | </tr> | 271 | </tr> |
267 | </thead> | 272 | </thead> |
268 | <tbody> | 273 | <tbody> |
269 | <tr ng-repeat="aircraftData in aircraftDetails track by $index"> | 274 | <tr ng-repeat="aircraftData in aircraftDetails track by $index"> |
270 | <!-- <td> | 275 | <!-- <td> |
271 | <input type="checkbox" ng-model="aircraftData.selected"/> | 276 | <input type="checkbox" ng-model="aircraftData.selected"/> |
272 | </td> --> | 277 | </td> --> |
273 | <td style="width: 20%"> | 278 | <td style="width: 20%"> |
274 | <input type="text" class="form-control" ng-model="aircraftData.tail" required/> | 279 | <input type="text" class="form-control" ng-model="aircraftData.tail" required/> |
275 | </td> | 280 | </td> |
276 | <td style="width: 20%"> | 281 | <td style="width: 20%"> |
277 | <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)"> | 282 | <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)"> |
278 | <option ng-repeat="make in aircraftMakeList">{{make}}</option> | 283 | <option ng-repeat="make in aircraftMakeList">{{make}}</option> |
279 | </select> | 284 | </select> |
280 | </td> | 285 | </td> |
281 | <td style="width: 20%"> | 286 | <td style="width: 20%"> |
282 | <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> | 287 | <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> |
283 | <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option> | 288 | <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option> |
284 | </select> | 289 | </select> |
285 | </td> | 290 | </td> |
286 | <td style="width: 20%"> | 291 | <td style="width: 20%"> |
287 | <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select> | 292 | <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select> |
288 | <!-- <select class="form-control" ng-model="aircraftData.size"> | 293 | <!-- <select class="form-control" ng-model="aircraftData.size"> |
289 | <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option> | 294 | <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option> |
290 | </select> --> | 295 | </select> --> |
291 | </td> | 296 | </td> |
292 | </tr> | 297 | </tr> |
293 | </tbody> | 298 | </tbody> |
294 | </table> | 299 | </table> |
295 | </div> | 300 | </div> |
296 | <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> | 301 | <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> |
297 | <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> | 302 | <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> |
298 | </div> | 303 | </div> |
299 | <div class="clearfix"></div> | 304 | <div class="clearfix"></div> |
300 | </div> | 305 | </div> |
301 | </div> | 306 | </div> |
302 | </div> | 307 | </div> |
303 | <div class="col-lg-5"> | 308 | <div class="col-lg-5"> |
304 | <div class="ibox float-e-margins"> | 309 | <div class="ibox float-e-margins"> |
305 | <div class="ibox-title"> | 310 | <div class="ibox-title"> |
306 | <h5>Account Authenticatio & Payment Method</h5> | 311 | <h5>Account Authenticatio & Payment Method</h5> |
307 | 312 | ||
308 | </div> | 313 | </div> |
309 | <div class="ibox-content"> | 314 | <div class="ibox-content"> |
310 | <!-- <div class="row"> | 315 | <!-- <div class="row"> |
311 | <div class="col-md-3"> | 316 | <div class="col-md-3"> |
312 | <img src="images/master.png"> | 317 | <img src="images/master.png"> |
313 | </div> | 318 | </div> |
314 | <div class="col-md-9"> | 319 | <div class="col-md-9"> |
315 | <div class="col"> | 320 | <div class="col"> |
316 | <span style="font-size: large; color: #909394;">**** **** **** 7002</span> | 321 | <span style="font-size: large; color: #909394;">**** **** **** 7002</span> |
317 | </div> | 322 | </div> |
318 | <div class="col"> | 323 | <div class="col"> |
319 | <span><strong>Expiry Date:</strong>10/16</span> | 324 | <span><strong>Expiry Date:</strong>10/16</span> |
320 | </div> | 325 | </div> |
321 | </div> | 326 | </div> |
322 | <div class="clearfix"></div> | 327 | <div class="clearfix"></div> |
323 | <br> | 328 | <br> |
324 | 329 | ||
325 | <div class="col-md-3"> | 330 | <div class="col-md-3"> |
326 | <img src="images/visa1.png"> | 331 | <img src="images/visa1.png"> |
327 | </div> | 332 | </div> |
328 | <div class="col-md-9"> | 333 | <div class="col-md-9"> |
329 | <div class="col"> | 334 | <div class="col"> |
330 | <span style="font-size: large; color: #909394;">**** **** **** 1060</span> | 335 | <span style="font-size: large; color: #909394;">**** **** **** 1060</span> |
331 | </div> | 336 | </div> |
332 | <div class="col"> | 337 | <div class="col"> |
333 | <span><strong>Expiry Date:</strong>10/16</span> | 338 | <span><strong>Expiry Date:</strong>10/16</span> |
334 | </div> | 339 | </div> |
335 | </div> | 340 | </div> |
336 | <div class="clearfix"></div> | 341 | <div class="clearfix"></div> |
337 | </div> --> | 342 | </div> --> |
338 | 343 | ||
339 | 344 | ||
340 | <div class="row"> | 345 | <div class="row"> |
341 | 346 | ||
342 | <!-- <form name="myForm"> | 347 | <!-- <form name="myForm"> |
343 | 348 | ||
344 | <div class="span3"> | 349 | <div class="span3"> |
345 | <label for="">Card number</label> | 350 | <label for="">Card number</label> |
346 | <input type="text" class="form-control" ng-model="number"> | 351 | <input type="text" class="form-control" ng-model="number"> |
347 | </div> | 352 | </div> |
348 | 353 | ||
349 | <div class="span3"> | 354 | <div class="span3"> |
350 | <label for="">Name on card </label> | 355 | <label for="">Name on card </label> |
351 | <input type="text" class="form-control"> | 356 | <input type="text" class="form-control"> |
352 | </div> | 357 | </div> |
353 | 358 | ||
354 | <div class="row"> | 359 | <div class="row"> |
355 | <div class="col-sm-6"> | 360 | <div class="col-sm-6"> |
356 | <label for="">Expiry</label> | 361 | <label for="">Expiry</label> |
357 | <input type="text" class="form-control" ng-model="expiry"> | 362 | <input type="text" class="form-control" ng-model="expiry"> |
358 | </div> | 363 | </div> |
359 | 364 | ||
360 | <div class="col-sm-6"> | 365 | <div class="col-sm-6"> |
361 | <label for="">CVV</label> | 366 | <label for="">CVV</label> |
362 | <input type="text" class="form-control" ng-model="cvc"> | 367 | <input type="text" class="form-control" ng-model="cvc"> |
363 | </div> | 368 | </div> |
364 | </div> | 369 | </div> |
365 | <div class="span4"> | 370 | <div class="span4"> |
366 | <button type="submit" class="btn btn-primary btn-large">Add</button> | 371 | <button type="submit" class="btn btn-primary btn-large">Add</button> |
367 | </div> | 372 | </div> |
368 | 373 | ||
369 | </form> --> | 374 | </form> --> |
370 | 375 | ||
371 | <div class="container"> | 376 | <div class="container"> |
372 | <div class="row"> | 377 | <div class="row"> |
373 | <div class="col-xs-12 col-md-4"> | 378 | <div class="col-xs-12 col-md-4"> |
374 | <div class="panel panel-default credit-card-box"> | 379 | <div class="panel panel-default credit-card-box"> |
375 | <div class="panel-heading display-table" > | 380 | <div class="panel-heading display-table" > |
376 | <div class="row display-tr" > | 381 | <div class="row display-tr" > |
377 | <h3 class="panel-title display-td" >Payment Details</h3> | 382 | <h3 class="panel-title display-td" >Payment Details</h3> |
378 | <div class="display-td" > | 383 | <div class="display-td" > |
379 | <img class="img-responsive pull-right" src="http://i76.imgup.net/accepted_c22e0.png"> | 384 | <img class="img-responsive pull-right" src="http://i76.imgup.net/accepted_c22e0.png"> |
380 | </div> | 385 | </div> |
381 | </div> | 386 | </div> |
382 | </div> | 387 | </div> |
383 | <div class="panel-body"> | 388 | <div class="panel-body"> |
384 | <form role="form" id="payment-form"> | 389 | <form role="form" id="payment-form"> |
385 | <div class="row"> | 390 | <div class="row"> |
386 | <div class="col-xs-12"> | 391 | <div class="col-xs-12"> |
387 | <div class="form-group"> | 392 | <div class="form-group"> |
388 | <label for="cardNumber">CARD NUMBER</label> | 393 | <label for="cardNumber">CARD NUMBER</label> |
389 | <div class="input-group"> | 394 | <div class="input-group"> |
390 | <input type="number" ng-model="data.cardNumber" maxlength="16" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" class="form-control" name="cardNumber" placeholder="Valid Card Number" autocomplete="cc-number" required autofocus> | 395 | <input type="number" ng-model="data.cardNumber" maxlength="16" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" class="form-control" name="cardNumber" placeholder="Valid Card Number" autocomplete="cc-number" required autofocus> |
391 | <span class="input-group-addon"><i class="fa fa-credit-card"></i></span> | 396 | <span class="input-group-addon"><i class="fa fa-credit-card"></i></span> |
392 | </div> | 397 | </div> |
393 | </div> | 398 | </div> |
394 | </div> | 399 | </div> |
395 | </div> | 400 | </div> |
396 | <div class="row"> | 401 | <div class="row"> |
397 | <div class="col-xs-7 col-md-7"> | 402 | <div class="col-xs-7 col-md-7"> |
398 | <div class="form-group"> | 403 | <div class="form-group"> |
399 | <label for="cardExpiry"><span class="hidden-xs">EXPIRATION</span><span class="visible-xs-inline">EXP</span> DATE</label> | 404 | <label for="cardExpiry"><span class="hidden-xs">EXPIRATION</span><span class="visible-xs-inline">EXP</span> DATE</label> |
400 | <input type="text" ng-model="data.expiryDate" class="form-control" name="cardExpiry" placeholder="MM / YY" autocomplete="cc-exp" | 405 | <input type="text" ng-model="data.expiryDate" class="form-control" name="cardExpiry" placeholder="MM / YY" autocomplete="cc-exp" |
401 | required> | 406 | required> |
402 | </div> | 407 | </div> |
403 | </div> | 408 | </div> |
404 | <div class="col-xs-5 col-md-5 pull-right"> | 409 | <div class="col-xs-5 col-md-5 pull-right"> |
405 | <div class="form-group"> | 410 | <div class="form-group"> |
406 | <label for="cardCVC">CVV CODE</label> | 411 | <label for="cardCVC">CVV CODE</label> |
407 | <input type="number" maxlength="3" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" class="form-control" name="cardCVC" placeholder="CVC" autocomplete="cc-csc" | 412 | <input type="number" maxlength="3" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" class="form-control" name="cardCVC" placeholder="CVC" autocomplete="cc-csc" |
408 | required> | 413 | required> |
409 | </div> | 414 | </div> |
410 | </div> | 415 | </div> |
411 | </div> | 416 | </div> |
412 | <div class="row"> | 417 | <div class="row"> |
413 | <div class="col-xs-12"> | 418 | <div class="col-xs-12"> |
414 | <div class="form-group"> | 419 | <div class="form-group"> |
415 | <label for="name">Card Type</label> | 420 | <label for="name">Card Type</label> |
416 | <select class="form-control m-b" name="account" ng-model="data.cardType" style="margin-bottom: 0;"> | 421 | <select class="form-control m-b" name="account" ng-model="data.cardType" style="margin-bottom: 0;"> |
417 | <option value="creditCard" selected>Credit Card</option> | 422 | <option value="creditCard" selected>Credit Card</option> |
418 | <option value="debitCard">Debit Card</option> | 423 | <option value="debitCard">Debit Card</option> |
419 | </select> | 424 | </select> |
420 | </div> | 425 | </div> |
421 | </div> | 426 | </div> |
422 | </div> | 427 | </div> |
423 | <div class="row"> | 428 | <div class="row"> |
424 | <div class="col-xs-12"> | 429 | <div class="col-xs-12"> |
425 | <button class="btn btn-success btn-lg btn-block" type="submit" ng-click="addCard()">Add</button> | 430 | <button class="btn btn-success btn-lg btn-block" type="submit" ng-click="addCard()">Add</button> |
426 | </div> | 431 | </div> |
427 | </div> | 432 | </div> |
428 | <div class="row" style="display:none;"> | 433 | <div class="row" style="display:none;"> |
429 | <div class="col-xs-12"> | 434 | <div class="col-xs-12"> |
430 | <p class="payment-errors"></p> | 435 | <p class="payment-errors"></p> |
431 | </div> | 436 | </div> |
432 | </div> | 437 | </div> |
433 | </form> | 438 | </form> |
434 | </div> | 439 | </div> |
435 | </div> | 440 | </div> |
436 | </div> | 441 | </div> |
437 | </div> | 442 | </div> |
438 | </div> | 443 | </div> |
439 | </div> | 444 | </div> |
440 | </div> | 445 | </div> |
441 | </div> | 446 | </div> |
442 | </div> | 447 | </div> |
443 | </div> | 448 | </div> |
444 | </div> | 449 | </div> |
445 | </div> | 450 | </div> |