viithiisys / Acufuel

Download as
Browse Code ยป

Commit 4b64fa3a364add8669e341d1afb5c971878b1e6a

Authored by Swarn Singh
1 parent 38429fc584
Exists in master

acordian tabs ui completed

Showing 3 changed files with 511 additions and 56 deletions   Show diff stats
app/css/custom.css
Diff comments   View file @4b64fa3
1 /*------------------------------------------------------------------ 1 /*------------------------------------------------------------------
2 2
3 [Custom Stylesheet] 3 [Custom Stylesheet]
4 4
5 5
6 Last change: 03/25/2013 6 Last change: 03/25/2013
7 Assigned to: You 7 Assigned to: You
8 8
9 -------------------------------------------------------------------*/ 9 -------------------------------------------------------------------*/
10 10
11 body{ 11 body{
12 color: #333; 12 color: #333;
13 } 13 }
14 14
15 .custom-widget-content{ 15 .custom-widget-content{
16 width: 100%; 16 width: 100%;
17 height: auto; 17 height: auto;
18 padding: 15px 0; 18 padding: 15px 0;
19 background-color: #fff; 19 background-color: #fff;
20 border: 1px solid #D5D5D5; 20 border: 1px solid #D5D5D5;
21 border-radius: 0 0 5px 5px; 21 border-radius: 0 0 5px 5px;
22 } 22 }
23 .hr{ 23 .hr{
24 margin: 5px 0; 24 margin: 5px 0;
25 } 25 }
26 .disableSelect:disabled{ 26 .disableSelect:disabled{
27 border: 0; 27 border: 0;
28 background-color: transparent; 28 background-color: transparent;
29 color: #f90; 29 color: #f90;
30 box-shadow: none; 30 box-shadow: none;
31 -webkit-appearance: none; 31 -webkit-appearance: none;
32 appearance: none; 32 appearance: none;
33 } 33 }
34 .disableInput:disabled{ 34 .disableInput:disabled{
35 border: 0; 35 border: 0;
36 background-color: transparent; 36 background-color: transparent;
37 color: #222; 37 color: #222;
38 box-shadow: none; 38 box-shadow: none;
39 } 39 }
40 .img-logo{ 40 .img-logo{
41 height: 25px; 41 height: 25px;
42 padding-left: 10%; 42 padding-left: 10%;
43 } 43 }
44 44
45 .widget-header > i{ 45 .widget-header > i{
46 display: inline-block; 46 display: inline-block;
47 margin-top: -3px; 47 margin-top: -3px;
48 margin-left: 13px; 48 margin-left: 13px;
49 margin-right: -2px; 49 margin-right: -2px;
50 font-size: 16px; 50 font-size: 16px;
51 color: #555; 51 color: #555;
52 vertical-align: middle; 52 vertical-align: middle;
53 } 53 }
54 54
55 55
56 table{ 56 table{
57 width: 100%; 57 width: 100%;
58 } 58 }
59 table th, td{ 59 table th, td{
60 font-size: 13px; 60 font-size: 13px;
61 } 61 }
62 .navbar-brand{ 62 .navbar-brand{
63 height: auto; 63 height: auto;
64 } 64 }
65 .custom-widget-content .btn-xs{ 65 .custom-widget-content .btn-xs{
66 padding: 3px 5px; 66 padding: 3px 5px;
67 } 67 }
68 .fc-event{ 68 .fc-event{
69 background-color: #ff9900 !important; 69 background-color: #ff9900 !important;
70 color: #fff !important; 70 color: #fff !important;
71 border: 1px solid #ff9900 !important; 71 border: 1px solid #ff9900 !important;
72 } 72 }
73 .pull-right-color{ 73 .pull-right-color{
74 background-image: linear-gradient(to bottom, #1c84c6 0%, #1c84c6 100%); 74 background-image: linear-gradient(to bottom, #1c84c6 0%, #1c84c6 100%);
75 } 75 }
76 .pull-right-setup{ 76 .pull-right-setup{
77 margin-bottom: 10px; 77 margin-bottom: 10px;
78 background-image: linear-gradient(to bottom, #1c84c6 0%, #1c84c6 100%); 78 background-image: linear-gradient(to bottom, #1c84c6 0%, #1c84c6 100%);
79 } 79 }
80 .Airport{ 80 .Airport{
81 padding-top: 5px; 81 padding-top: 5px;
82 } 82 }
83 .src-image{ 83 .src-image{
84 width: 50px; 84 width: 50px;
85 height: 50px; 85 height: 50px;
86 } 86 }
87 .Accept{ 87 .Accept{
88 padding-top: 25px; 88 padding-top: 25px;
89 } 89 }
90 .dis{ 90 .dis{
91 float: left; 91 float: left;
92 margin-right:100px; 92 margin-right:100px;
93 } 93 }
94 /*.email-password{ 94 /*.email-password{
95 width: 40px; 95 width: 40px;
96 height: 24px; 96 height: 24px;
97 }*/ 97 }*/
98 .email-password-icon{ 98 .email-password-icon{
99 width: 10px; 99 width: 10px;
100 height: 10px; 100 height: 10px;
101 } 101 }
102 @media( max-width: 768px;){ 102 @media( max-width: 768px;){
103 .btn{ 103 .btn{
104 font-size: 10px !important; 104 font-size: 10px !important;
105 } 105 }
106 .dis{ 106 .dis{
107 float: none; 107 float: none;
108 margin-right: 0px; 108 margin-right: 0px;
109 } 109 }
110 } 110 }
111 .Search-tabs{ 111 .Search-tabs{
112 border-bottom: 0px solid #ddd; */ 112 border-bottom: 0px solid #ddd; */
113 } 113 }
114 114
115 .customer-table table{ 115 .customer-table table{
116 width: 100%; 116 width: 100%;
117 } 117 }
118 .customer-table input{ 118 .customer-table input{
119 border-radius: 0; 119 border-radius: 0;
120 box-shadow: none; 120 box-shadow: none;
121 border: 1px solid #e4e3e3; 121 border: 1px solid #e4e3e3;
122 padding: 0px; 122 padding: 0px;
123 font-size: 10px; 123 font-size: 10px;
124 display: -webkit-inline-box; 124 display: -webkit-inline-box;
125 display: inline-box; 125 display: inline-box;
126 height: 31px; 126 height: 31px;
127 } 127 }
128 .customer-table select{ 128 .customer-table select{
129 border-radius: 0; 129 border-radius: 0;
130 box-shadow: none; 130 box-shadow: none;
131 border: 1px solid #e4e3e3; 131 border: 1px solid #e4e3e3;
132 padding: 0px; 132 padding: 0px;
133 font-size: 10px; 133 font-size: 10px;
134 height: 31px; 134 height: 31px;
135 display: -webkit-inline-box; 135 display: -webkit-inline-box;
136 display: inline-box; 136 display: inline-box;
137 } 137 }
138 .customer-table th > label{ 138 .customer-table th > label{
139 font-weight: bold; 139 font-weight: bold;
140 padding: 10px 5px 2px 5px; 140 padding: 10px 5px 2px 5px;
141 margin-bottom: 0; 141 margin-bottom: 0;
142 } 142 }
143 .customer-table td{ 143 .customer-table td{
144 padding: 5px !important; 144 padding: 5px !important;
145 height: auto !important; 145 height: auto !important;
146 vertical-align: middle !important; 146 vertical-align: middle !important;
147 } 147 }
148 .customer-table td > select{ 148 .customer-table td > select{
149 height: 22px !important; 149 height: 22px !important;
150 } 150 }
151 .customer-table td > button{ 151 .customer-table td > button{
152 font-size: 10px; 152 font-size: 10px;
153 } 153 }
154 154
155 /*.new-input-label{ 155 /*.new-input-label{
156 margin-bottom: 0; 156 margin-bottom: 0;
157 line-height: 34px; 157 line-height: 34px;
158 }*/
158 }*/
159
160
161
162
163
164 /* new custom css for accrodian tabs */
165
166 .customAccordianHeader{
167 width: 100%;
168 height: auto;
169 background-color: #F3F3F3;
170 border: 1px solid #ddd;
171 color: #333;
172 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
173 border-radius: 3px 3px 3px 3px;
174 padding: 10px 15px;
175 margin-top: 10px;
176 }
177
178 .customAccordianHeader.customActive{
179 background-image: -webkit-gradient(linear, left 0%, left 100%, from(#555555), to(#3b3b3b));
180 background-image: linear-gradient(to bottom, #555555 0%, #3b3b3b 100%);
181 background-repeat: repeat-x;
182 border: 1px solid #222222;
183 color: #FFF;
184 border-radius: 3px 3px 0 0;
185 }
186 .customAccordianHeader > span{
187 font-size: 15px;
188 margin-right: 20px;
189 line-height: 22px;
190 float: left;
191 }
192 .customAccordianHeader .btn{
193 padding: 2px 12px;
194 }
195 .customAccordianHeader > .form-control{
196 outline: none;
197 box-shadow: none;
198 }
199 .customAccordianHeader > select.form-control{
200 width: 150px;
201 height: 26px;
202 padding: 0 6px;
203 margin-right: 20px;
204 float: left;
205 }
206 .customAccordianHeader > select.form-control[disabled]{
207 border: none;
208 -webkit-appearance: none;
209 -moz-appearance: none;
210 appearance: none;
211 background-color: transparent;
212 color: #f90;
213 width: auto;
214 }
215 .customAccordianHeader > input.form-control{
216 width: 80px;
217 height: 26px;
218 padding: 0 6px;
219 float: left;
220 }
221 .customAccordianHeader > input.form-control[disabled]{
222 border: none;
223 -webkit-appearance: none;
224 -moz-appearance: none;
225 appearance: none;
226 background-color: transparent;
227 color: #333;
228 }
229 .customAccordianTabBody{
230 width: 100%;
231 height: auto;
232 padding: 15px;
233 border: 1px solid #ddd;
234 border-top: 0;
235 border-radius: 0 0 3px 3px;
236 }
237 .customTableWithFilter{
238 width: auto;
239 height: auto;
240 }
241 .customTableWithFilter th{
242 padding: 5px;
243 background-color: #f3f3f3;
244 border: 1px solid #ddd;
245 }
246 .customTableWithFilter th i{
247 margin-top: 3px;
248 }
249 .customTableWithFilter th span{
250 font-size: 11px;
251 color: #222;
252 }
253 .customTableWithFilter th input{
254 width: 50px;
255 }
256 .customTableWithFilter td{
257 padding: 5px;
258 border: 1px solid #ddd;
259 }
260 .customTableWithFilter td span{
261 font-size: 11px;
262 }
263 .customTableWithFilter td span:first-child{
264 color: #449d44;
265 font-weight: bold;
266 }
267 .customTableWithFilter td span:last-child{
268 color: #c9302c;
269 font-style: italic;
270 font-weight: bold;
271 }
272 .customTableWithFilter td .tierTextBox{
273 width: 70px;
274 }
275 .customTableWithFilter .addTierButton{
276 color: #fff;
277 background-color: #2196f3;
278 border: none;
279 padding: 3px 5px;
280 }
281 .customTableWithFilter td .fa-trash-o{
282 color: #fff;
283 background-color: #c9302c;
284 padding: 5px;
285 border-radius: 3px;
286 cursor: pointer;
287 }
288 .resizeTextarea{
289 resize: vertical;
290 margin-top: 20px;
app/partials/fuelManager/fuelManager.controller.js
Diff comments   View file @4b64fa3
1 1
2 'use strict'; 2 'use strict';
3 3
4 //Load controller 4 //Load controller
5 angular.module('acufuel') 5 angular.module('acufuel')
6 6
7 .controller('fuelManagerController', ['$scope',function($scope) { 7 .controller('fuelManagerController', ['$scope',function($scope) {
8 8
9 $scope.test = "Testing..."; 9 $scope.test = "Testing...";
10 10
11 }]); 11 $(document).ready(function(){
12 12
13 $(document).ready(function(){ 13 $('#customTabToggle1').click(function(){
14 $('#jaTab1').click(function(){ 14 console.log('tab 1');
15 $('#ja1').removeAttr("disabled"); 15 $('#customTabsBody1').slideDown();
16 $('#ja1').removeClass('disableSelect'); 16 $('#customTabsBody2').slideUp();
17 $('#ja2').removeAttr("disabled"); 17 $('#customTabsBody3').slideUp();
18 $('#ja2').removeClass('disableInput'); 18 $('#customTabsBody4').slideUp();
19 //$('#ja11').prop("disabled", true); 19 $('#customTabs1').addClass('customActive');
20 $('#ja11').attr('disabled', 'disabled'); 20 $('#customTabs2').removeClass('customActive');
21 $('#ja11').addClass('disableSelect'); 21 $('#customTabs3').removeClass('customActive');
22 $('#ja22').attr('disabled', 'disabled'); 22 $('#customTabs4').removeClass('customActive');
23 $('#ja22').addClass('disableInput'); 23 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true);
24 24 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false);
25 $('#ja111').attr('disabled', 'disabled'); 25
26 $('#ja111').addClass('disableSelect'); 26 $('#customTabs1 > .pull-right > .btn-default').css('display', 'none');
27 $('#ja222').attr('disabled', 'disabled'); 27 $('#customTabs1 > .pull-right > .btn-success').css('display', 'inline-block');
28 $('#ja222').addClass('disableInput'); 28 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'inline-block');
29 }) 29
30 30 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block');
31 $('#jaTab2').click(function(){ 31 $('#customTabs2 > .pull-right > .btn-success').css('display', 'none');
32 $('#ja11').removeAttr("disabled"); 32 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none');
33 $('#ja11').removeClass('disableSelect'); 33
34 $('#ja22').removeAttr("disabled"); 34 $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block');
35 $('#ja22').removeClass('disableInput'); 35 $('#customTabs3 > .pull-right > .btn-success').css('display', 'none');
36 36 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none');
37 $('#ja1').attr('disabled', 'disabled'); 37
38 $('#ja1').addClass('disableSelect'); 38 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block');
39 $('#ja2').attr('disabled', 'disabled'); 39 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none');
40 $('#ja2').addClass('disableInput'); 40 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none');
41 41
42 $('#ja111').attr('disabled', 'disabled'); 42 })
43 $('#ja111').addClass('disableSelect'); 43 $('#customTabToggle2').click(function(){
44 $('#ja222').attr('disabled', 'disabled'); 44 console.log('tab 2');
45 $('#ja222').addClass('disableInput'); 45 $('#customTabsBody1').slideUp();
46 }) 46 $('#customTabsBody2').slideDown();
47 47 $('#customTabsBody3').slideUp();
48 $('#jaTab3').click(function(){ 48 $('#customTabsBody4').slideUp();
49 $('#ja111').removeAttr("disabled"); 49 $('#customTabs1').removeClass('customActive');
50 $('#ja111').removeClass('disableSelect'); 50 $('#customTabs2').addClass('customActive');
51 $('#ja222').removeAttr("disabled"); 51 $('#customTabs3').removeClass('customActive');
52 $('#ja222').removeClass('disableInput'); 52 $('#customTabs4').removeClass('customActive');
53 53 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true);
54 $('#ja11').attr('disabled', 'disabled'); 54 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false);
55 $('#ja11').addClass('disableSelect'); 55
56 $('#ja22').attr('disabled', 'disabled'); 56 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block');
57 $('#ja22').addClass('disableInput'); 57 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none');
58 58 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none');
59 $('#ja1').attr('disabled', 'disabled'); 59
60 $('#ja1').addClass('disableSelect'); 60 $('#customTabs2 > .pull-right > .btn-default').css('display', 'none');
61 $('#ja2').attr('disabled', 'disabled'); 61 $('#customTabs2 > .pull-right > .btn-success').css('display', 'inline-block');
62 $('#ja2').addClass('disableInput'); 62 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'inline-block');
63 }) 63
64 }) 64 $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block');
65 $('#customTabs3 > .pull-right > .btn-success').css('display', 'none');
66 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none');
67
68 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block');
69 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none');
70 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none');
71
72 })
73 $('#customTabToggle3').click(function(){
74 console.log('tab 3');
75 $('#customTabsBody1').slideUp();
76 $('#customTabsBody2').slideUp();
77 $('#customTabsBody3').slideDown();
78 $('#customTabsBody4').slideUp();
79 $('#customTabs1').removeClass('customActive');
80 $('#customTabs2').removeClass('customActive');
81 $('#customTabs3').addClass('customActive');
82 $('#customTabs4').removeClass('customActive');
83 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true);
84 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false);
85
86 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block');
87 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none');
88 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none');
89
90 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block');
91 $('#customTabs2 > .pull-right > .btn-success').css('display', 'none');
92 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none');
93
94 $('#customTabs3 > .pull-right > .btn-default').css('display', 'none');
95 $('#customTabs3 > .pull-right > .btn-success').css('display', 'inline-block');
96 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'inline-block');
97
98 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block');
99 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none');
100 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none');
101
102 })
103 $('#customTabToggle4').click(function(){
104 console.log('tab 4');
105 $('#customTabsBody1').slideUp();
106 $('#customTabsBody2').slideUp();
107 $('#customTabsBody3').slideUp();
108 $('#customTabsBody4').slideDown();
109 $('#customTabs1').removeClass('customActive');
110 $('#customTabs2').removeClass('customActive');
111 $('#customTabs3').removeClass('customActive');
112 $('#customTabs4').addClass('customActive');
113 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true);
114 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false);
115
116 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block');
117 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none');
118 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none');
119
120 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block');
121 $('#customTabs2 > .pull-right > .btn-success').css('display', 'none');
122 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none');
123
124 $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block');
125 $('#customTabs3 > .pull-right > .btn-success').css('display', 'none');
126 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none');
127
128 $('#customTabs4 > .pull-right > .btn-default').css('display', 'none');
129 $('#customTabs4 > .pull-right > .btn-success').css('display', 'inline-block');
130 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'inline-block');
131
132 })
133
134 })
135
136 }]);
65 137
app/partials/fuelManager/fuelManager.html
Diff comments   View file @4b64fa3
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(2) > a{ 2 .subnavbar .mainnav > li:nth-child(2) > a{
3 color: #ff9900; 3 color: #ff9900;
4 } 4 }
5 </style> 5 </style>
6 <div class="container"> 6 <div class="container">
7 <div class="row"> 7 <div class="row">
8 <div class="col-md-10"> 8 <div class="col-md-10">
9 <div class="widget stacked"> 9 <div class="widget stacked">
10 <div class="widget-header"> 10 <div class="widget-header">
11 <i class="fa fa-pencil"></i> 11 <i class="fa fa-pencil"></i>
12 <h3>Ramp Fee Manager</h3> 12 <h3>Ramp Fee Manager</h3>
13 <select> 13 <select>
14 <option>Ramp Fee By Category</option> 14 <option>Ramp Fee By Category</option>
15 <option>Make And Model</option> 15 <option>Make And Model</option>
16 <option>Weight</option> 16 <option>Weight</option>
17 <option>Wingspan</option> 17 <option>Wingspan</option>
18 </select> 18 </select>
19 </div> 19 </div>
20 <!-- /widget-header --> 20 <!-- /widget-header -->
21 <div class="widget-content"> 21 <div class="widget-content">
22 <h3>Ramp Fees & Avoidance</h3> 22 <h3>Ramp Fees & Avoidance</h3>
23 <section id="accordions"> 23 <section id="accordions">
24 <div class="panel-group accordion"> 24 <!-- <div class="panel-group accordion">
25 <div class="panel panel-default open"> 25 <div class="panel panel-default open">
26 <div class="panel-heading"> 26 <div class="panel-heading">
27 <h4 class="panel-title"> 27 <h4 class="panel-title">
28 <a class="accordion-toggle" id="jaTab1" data-toggle="collapse" data-parent=".accordion" href="#collapseOne"> 28 <a class="accordion-toggle" id="jaTab1" data-toggle="collapse" data-parent=".accordion" href="#collapseOne">
29 <span style="float: left; margin-right: 20px; line-height: 22px;">Jet Aircraft</span> 29 <span style="float: left; margin-right: 20px; line-height: 22px;">Jet Aircraft</span>
30 </a> 30 </a>
31 <select class="form-control" id="ja1" style="width: 150px; margin-right: 20px; float: left; height: 26px; padding: 0 6px;"> 31 <select class="form-control" id="ja1" style="width: 150px; margin-right: 20px; float: left; height: 26px; padding: 0 6px;">
32 <option value="" disabled selected>Pricing Structure</option> 32 <option value="" disabled selected>Pricing Structure</option>
33 <option value="">Retail-(minus)</option> 33 <option value="">Retail-(minus)</option>
34 <option value="">Cost+(plus)</option> 34 <option value="">Cost+(plus)</option>
35 <option value="">Direct=(equals)</option> 35 <option value="">Direct=(equals)</option>
36 </select> 36 </select>
37 <input type="text" id="ja2" class="form-control" value="$1.7500" style="width: 80px; height: 26px; padding: 0 6px;" name=""> 37 <input type="text" id="ja2" class="form-control" value="$1.7500" style="width: 80px; height: 26px; padding: 0 6px;" name="">
38 </h4> 38 </h4>
39 </div> 39 </div>
40 <div id="collapseOne" class="panel-collapse collapse in"> 40 <div id="collapseOne" class="panel-collapse collapse in">
41 <div class="panel-body"> 41 <div class="panel-body">
42 <div class="row" style="margin-left: 0px;"> 42 <div class="row" style="margin-left: 0px;">
43 <div class="col-md-8"> 43 <div class="col-md-8">
44 <div class="row" style="margin-bottom: 5px;"> 44 <div class="row" style="margin-bottom: 5px;">
45 <div class="col-md-1" style="text-align: right;"> 45 <div class="col-md-1" style="text-align: right;">
46 <h5 style="color: blue;font-weight: bold;">Omit</h5> 46 <h5 style="color: blue;font-weight: bold;">Omit</h5>
47 </div> 47 </div>
48 <div class="col-md-5"> 48 <div class="col-md-5">
49 <h5 style="color: blue;font-weight: bold;">AirCraft Size</h5> 49 <h5 style="color: blue;font-weight: bold;">AirCraft Size</h5>
50 </div> 50 </div>
51 <div class="col-md-3"> 51 <div class="col-md-3">
52 <h5 style="color: blue;font-weight: bold;">Ramp/Facility Fee</h5> 52 <h5 style="color: blue;font-weight: bold;">Ramp/Facility Fee</h5>
53 </div> 53 </div>
54 <div class="col-md-3"> 54 <div class="col-md-3">
55 <h5 style="color: blue;font-weight: bold;">Avoidance</h5> 55 <h5 style="color: blue;font-weight: bold;">Avoidance</h5>
56 </div> 56 </div>
57 </div> 57 </div>
58 <div class="row" style="margin-bottom: 5px;"> 58 <div class="row" style="margin-bottom: 5px;">
59 <div class="col-md-1" style="text-align: right;"> 59 <div class="col-md-1" style="text-align: right;">
60 <input type="checkbox" name="validateCheckbox" value="1"> 60 <input type="checkbox" name="validateCheckbox" value="1">
61 </div> 61 </div>
62 <div class="col-md-5"> 62 <div class="col-md-5">
63 <p>Very Light Jet</p> 63 <p>Very Light Jet</p>
64 </div> 64 </div>
65 <div class="col-md-3"> 65 <div class="col-md-3">
66 <input type="text" class="form-control" name="name" id="name"> 66 <input type="text" class="form-control" name="name" id="name">
67 </div> 67 </div>
68 <div class="col-md-3"> 68 <div class="col-md-3">
69 <input type="text" class="form-control" name="name" id="name"> 69 <input type="text" class="form-control" name="name" id="name">
70 </div> 70 </div>
71 </div> 71 </div>
72 <div class="row" style="margin-bottom: 5px;"> 72 <div class="row" style="margin-bottom: 5px;">
73 <div class="col-md-1" style="text-align: right;"> 73 <div class="col-md-1" style="text-align: right;">
74 <input type="checkbox" name="validateCheckbox" value="1"> 74 <input type="checkbox" name="validateCheckbox" value="1">
75 </div> 75 </div>
76 <div class="col-md-5"> 76 <div class="col-md-5">
77 <p> Light Jet</p> 77 <p> Light Jet</p>
78 </div> 78 </div>
79 <div class="col-md-3"> 79 <div class="col-md-3">
80 <input type="text" class="form-control" name="name" id="name"> 80 <input type="text" class="form-control" name="name" id="name">
81 </div> 81 </div>
82 <div class="col-md-3"> 82 <div class="col-md-3">
83 <input type="text" class="form-control" name="name" id="name"> 83 <input type="text" class="form-control" name="name" id="name">
84 </div> 84 </div>
85 </div> 85 </div>
86 </div> 86 </div>
87 <div class="col-md-4"> 87 <div class="col-md-4">
88 </div> 88 </div>
89 </div> 89 </div>
90 </div> 90 </div>
91 </div> 91 </div>
92 </div> 92 </div>
93 <div class="panel panel-default"> 93 <div class="panel panel-default">
94 <div class="panel-heading"> 94 <div class="panel-heading">
95 <h4 class="panel-title"> 95 <h4 class="panel-title">
96 <a class="accordion-toggle" id="jaTab2" data-toggle="collapse" data-parent=".accordion" href="#collapseTwo"> 96 <a class="accordion-toggle" id="jaTab2" data-toggle="collapse" data-parent=".accordion" href="#collapseTwo">
97 <span style="float: left; margin-right: 20px; line-height: 22px;">TurboPop AirCraft</span> 97 <span style="float: left; margin-right: 20px; line-height: 22px;">TurboPop AirCraft</span>
98 </a> 98 </a>
99 <select class="form-control disableSelect" disabled="true" id="ja11" style="width: 150px; margin-right: 20px; float: left; height: 26px; padding: 0 6px;"> 99 <select class="form-control disableSelect" disabled="true" id="ja11" style="width: 150px; margin-right: 20px; float: left; height: 26px; padding: 0 6px;">
100 <option value="" disabled selected>Pricing Structure</option> 100 <option value="" disabled selected>Pricing Structure</option>
101 <option value="">Retail-(minus)</option> 101 <option value="">Retail-(minus)</option>
102 <option value="">Cost+(plus)</option> 102 <option value="">Cost+(plus)</option>
103 <option value="">Direct=(equals)</option> 103 <option value="">Direct=(equals)</option>
104 </select> 104 </select>
105 <input type="text" id="ja22" class="form-control disableInput" disabled="true" value="$1.7500" style="width: 80px; height: 26px; padding: 0 6px;" name=""> 105 <input type="text" id="ja22" class="form-control disableInput" disabled="true" value="$1.7500" style="width: 80px; height: 26px; padding: 0 6px;" name="">
106 </h4> 106 </h4>
107 </div> 107 </div>
108 <div id="collapseTwo" class="panel-collapse collapse"> 108 <div id="collapseTwo" class="panel-collapse collapse">
109 <div class="panel-body"> 109 <div class="panel-body">
110 <div class="row" style="margin-left: 0px;"> 110 <div class="row" style="margin-left: 0px;">
111 <div class="col-md-8"> 111 <div class="col-md-8">
112 <div class="row" style="margin-bottom: 5px;"> 112 <div class="row" style="margin-bottom: 5px;">
113 <div class="col-md-1" style="text-align: right;"> 113 <div class="col-md-1" style="text-align: right;">
114 <h5 style="color: blue;font-weight: bold;">Omit</h5> 114 <h5 style="color: blue;font-weight: bold;">Omit</h5>
115 </div> 115 </div>
116 <div class="col-md-5"> 116 <div class="col-md-5">
117 <h5 style="color: blue;font-weight: bold;">AirCraft Size</h5> 117 <h5 style="color: blue;font-weight: bold;">AirCraft Size</h5>
118 </div> 118 </div>
119 <div class="col-md-3"> 119 <div class="col-md-3">
120 <h5 style="color: blue;font-weight: bold;">Ramp/Facility Fee</h5> 120 <h5 style="color: blue;font-weight: bold;">Ramp/Facility Fee</h5>
121 </div> 121 </div>
122 <div class="col-md-3"> 122 <div class="col-md-3">
123 <h5 style="color: blue;font-weight: bold;">Avoidance</h5> 123 <h5 style="color: blue;font-weight: bold;">Avoidance</h5>
124 </div> 124 </div>
125 </div> 125 </div>
126 <div class="row" style="margin-bottom: 5px;"> 126 <div class="row" style="margin-bottom: 5px;">
127 <div class="col-md-1" style="text-align: right;"> 127 <div class="col-md-1" style="text-align: right;">
128 <input type="checkbox" name="validateCheckbox" value="1"> 128 <input type="checkbox" name="validateCheckbox" value="1">
129 </div> 129 </div>
130 <div class="col-md-5"> 130 <div class="col-md-5">
131 <p>Very Light Jet</p> 131 <p>Very Light Jet</p>
132 </div> 132 </div>
133 <div class="col-md-3"> 133 <div class="col-md-3">
134 <input type="text" class="form-control" name="name" id="name"> 134 <input type="text" class="form-control" name="name" id="name">
135 </div> 135 </div>
136 <div class="col-md-3"> 136 <div class="col-md-3">
137 <input type="text" class="form-control" name="name" id="name"> 137 <input type="text" class="form-control" name="name" id="name">
138 </div> 138 </div>
139 </div> 139 </div>
140 <div class="row" style="margin-bottom: 5px;"> 140 <div class="row" style="margin-bottom: 5px;">
141 <div class="col-md-1" style="text-align: right;"> 141 <div class="col-md-1" style="text-align: right;">
142 <input type="checkbox" name="validateCheckbox" value="1"> 142 <input type="checkbox" name="validateCheckbox" value="1">
143 </div> 143 </div>
144 <div class="col-md-5"> 144 <div class="col-md-5">
145 <p> Light Jet</p> 145 <p> Light Jet</p>
146 </div> 146 </div>
147 <div class="col-md-3"> 147 <div class="col-md-3">
148 <input type="text" class="form-control" name="name" id="name"> 148 <input type="text" class="form-control" name="name" id="name">
149 </div> 149 </div>
150 <div class="col-md-3"> 150 <div class="col-md-3">
151 <input type="text" class="form-control" name="name" id="name"> 151 <input type="text" class="form-control" name="name" id="name">
152 </div> 152 </div>
153 </div> 153 </div>
154 </div> 154 </div>
155 <div class="col-md-4"> 155 <div class="col-md-4">
156 </div> 156 </div>
157 </div> 157 </div>
158 </div> 158 </div>
159 </div> 159 </div>
160 </div> 160 </div>
161 <div class="panel panel-default"> 161 <div class="panel panel-default">
162 <div class="panel-heading"> 162 <div class="panel-heading">
163 <h4 class="panel-title"> 163 <h4 class="panel-title">
164 <a class="accordion-toggle" id="jaTab3" data-toggle="collapse" data-parent=".accordion" href="#collapseThree"> 164 <a class="accordion-toggle" id="jaTab3" data-toggle="collapse" data-parent=".accordion" href="#collapseThree">
165 <span style="float: left; margin-right: 20px; line-height: 22px;">Collapsible Group Item #3</span> 165 <span style="float: left; margin-right: 20px; line-height: 22px;">Collapsible Group Item #3</span>
166 </a> 166 </a>
167 <select class="form-control disableSelect" id="ja111" disabled="true" style="width: 150px; margin-right: 20px; float: left; height: 26px; padding: 0 6px;"> 167 <select class="form-control disableSelect" id="ja111" disabled="true" style="width: 150px; margin-right: 20px; float: left; height: 26px; padding: 0 6px;">
168 <option value="" disabled selected>Pricing Structure</option> 168 <option value="" disabled selected>Pricing Structure</option>
169 <option value="">Retail-(minus)</option> 169 <option value="">Retail-(minus)</option>
170 <option value="">Cost+(plus)</option> 170 <option value="">Cost+(plus)</option>
171 <option value="">Direct=(equals)</option> 171 <option value="">Direct=(equals)</option>
172 </select> 172 </select>
173 <input type="text" id="ja222" disabled="true" class="form-control disableInput" value="$1.7500" style="width: 80px; height: 26px; padding: 0 6px;" name=""> 173 <input type="text" id="ja222" disabled="true" class="form-control disableInput" value="$1.7500" style="width: 80px; height: 26px; padding: 0 6px;" name="">
174 </h4> 174 </h4>
175 </div> 175 </div>
176 <div id="collapseThree" class="panel-collapse collapse"> 176 <div id="collapseThree" class="panel-collapse collapse">
177 <div class="panel-body"> 177 <div class="panel-body">
178 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 178 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
179 </div> 179 </div>
180 </div> 180 </div>
181 </div> 181 </div>
182 </div> -->
183 <div class="newCustomAccordian">
184 <!-- tab 1 -->
185 <div class="customAccordianHeader customActive" id="customTabs1">
186 <span>Jet Aircraft</span>
187 <select class="form-control">
188 <option>Pricing Structure</option>
189 <option>Retail-(minus)</option>
190 <option>Cost+(plus)</option>
191 <option>Direct=(equals)</option>
192 </select>
193 <input type="text" name="" class="form-control" value="$1.7500">
194 <div class="pull-right">
195 <button class="btn btn-success">Save</button>
196 <button class="btn btn-danger">Delete</button>
197 <button class="btn btn-default" id="customTabToggle1" style="display: none;">Edit</button>
198 </div>
199 <div class="clearfix"></div>
200 </div>
201 <div class="customAccordianTabBody" id="customTabsBody1">
202 <table class="customTableWithFilter">
203 <thead>
204 <tr>
205 <th>
206 <span class="pull-left">1-250 gal.</span>
207 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
208 </th>
209 <th>
210 <span class="pull-left">1-250 gal.</span>
211 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
212 </th>
213 <th>
214 <input type="text" placeholder="min" name=""> -
215 <input type="text" placeholder="max" name="">
216 <span>gal.</span>
217 </th>
218 <th> &nbsp; </th>
219 </tr>
220 </thead>
221 <tbody>
222 <tr>
223 <td>
224 <span class="pull-left">-$0.0000</span> &nbsp;
225 <span class="pull-right">($1.7500)</span>
226 </td>
227 <td>
228 <span class="pull-left">-$0.0000</span> &nbsp;
229 <span class="pull-right">($1.7500)</span>
230 </td>
231 <td>
232 <span>$</span>
233 <input type="text" placeholder="margin" class="tierTextBox" name="">
234 <button class="addTierButton">Add Tier</button>
235 </td>
236 <td>
237 <i class="fa fa-trash-o" aria-hidden="true"></i>
238 </td>
239 </tr>
240 </tbody>
241 </table>
242 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea>
243 </div>
244
245 <!-- tab 2 -->
246
247 <div class="customAccordianHeader" id="customTabs2">
248 <span>Jet Aircraft</span>
249 <select class="form-control" disabled="true">
250 <option>Pricing Structure</option>
251 <option>Retail-(minus)</option>
252 <option>Cost+(plus)</option>
253 <option>Direct=(equals)</option>
254 </select>
255 <input type="text" name="" disabled="true" class="form-control" value="$1.7500">
256 <div class="pull-right">
257 <button class="btn btn-success" style="display: none;">Save</button>
258 <button class="btn btn-danger" style="display: none;">Delete</button>
259 <button class="btn btn-default" id="customTabToggle2">Edit</button>
260 </div>
261 <div class="clearfix"></div>
262 </div>
263 <div class="customAccordianTabBody" id="customTabsBody2" style="display: none;">
264 <table class="customTableWithFilter">
265 <thead>
266 <tr>
267 <th>
268 <span class="pull-left">1-250 gal.</span>
269 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
270 </th>
271 <th>
272 <span class="pull-left">1-250 gal.</span>
273 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
274 </th>
275 <th>
276 <input type="text" placeholder="min" name=""> -
277 <input type="text" placeholder="max" name="">
278 <span>gal.</span>
279 </th>
280 <th> &nbsp; </th>
281 </tr>
282 </thead>
283 <tbody>
284 <tr>
285 <td>
286 <span class="pull-left">-$0.0000</span> &nbsp;
287 <span class="pull-right">($1.7500)</span>
288 </td>
289 <td>
290 <span class="pull-left">-$0.0000</span> &nbsp;
291 <span class="pull-right">($1.7500)</span>
292 </td>
293 <td>
294 <span>$</span>
295 <input type="text" placeholder="margin" class="tierTextBox" name="">
296 <button class="addTierButton">Add Tier</button>
297 </td>
298 <td>
299 <i class="fa fa-trash-o" aria-hidden="true"></i>
300 </td>
301 </tr>
302 </tbody>
303 </table>
304 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea>
305 </div>
306
307 <!-- tab 3 -->
308
309 <div class="customAccordianHeader" id="customTabs3">
310 <span>Jet Aircraft</span>
311 <select class="form-control" disabled="true">
312 <option>Pricing Structure</option>
313 <option>Retail-(minus)</option>
314 <option>Cost+(plus)</option>
315 <option>Direct=(equals)</option>
316 </select>
317 <input type="text" name="" disabled="true" class="form-control" value="$1.7500">
318 <div class="pull-right">
319 <button class="btn btn-success" style="display: none;">Save</button>
320 <button class="btn btn-danger" style="display: none;">Delete</button>
321 <button class="btn btn-default" id="customTabToggle3">Edit</button>
322 </div>
323 <div class="clearfix"></div>
324 </div>
325 <div class="customAccordianTabBody" id="customTabsBody3" style="display: none;">
326 <table class="customTableWithFilter">
327 <thead>
328 <tr>
329 <th>
330 <span class="pull-left">1-250 gal.</span>
331 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
332 </th>
333 <th>
334 <span class="pull-left">1-250 gal.</span>
335 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
336 </th>
337 <th>
338 <input type="text" placeholder="min" name=""> -
339 <input type="text" placeholder="max" name="">
340 <span>gal.</span>
341 </th>
342 <th> &nbsp; </th>
343 </tr>
344 </thead>
345 <tbody>
346 <tr>
347 <td>
348 <span class="pull-left">-$0.0000</span> &nbsp;
349 <span class="pull-right">($1.7500)</span>
350 </td>
351 <td>
352 <span class="pull-left">-$0.0000</span> &nbsp;
353 <span class="pull-right">($1.7500)</span>
354 </td>
355 <td>
356 <span>$</span>
357 <input type="text" placeholder="margin" class="tierTextBox" name="">
358 <button class="addTierButton">Add Tier</button>
359 </td>
360 <td>
361 <i class="fa fa-trash-o" aria-hidden="true"></i>
362 </td>
363 </tr>
364 </tbody>
365 </table>
366 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea>
367 </div>
368
369 <!-- tab 4 -->
370
371 <div class="customAccordianHeader" id="customTabs4">
372 <span>Jet Aircraft</span>
373 <select class="form-control" disabled="true">
374 <option>Pricing Structure</option>
375 <option>Retail-(minus)</option>
376 <option>Cost+(plus)</option>
377 <option>Direct=(equals)</option>
378 </select>
379 <input type="text" name="" disabled="true" class="form-control" value="$1.7500">
380 <div class="pull-right">
381 <button class="btn btn-success" style="display: none;">Save</button>
382 <button class="btn btn-danger" style="display: none;">Delete</button>
383 <button class="btn btn-default" id="customTabToggle4">Edit</button>
384 </div>
385 <div class="clearfix"></div>
386 </div>
387 <div class="customAccordianTabBody" id="customTabsBody4" style="display: none;">
388 <table class="customTableWithFilter">
389 <thead>
390 <tr>
391 <th>
392 <span class="pull-left">1-250 gal.</span>
393 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
394 </th>
395 <th>
396 <span class="pull-left">1-250 gal.</span>
397 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
398 </th>
399 <th>
400 <input type="text" placeholder="min" name=""> -
401 <input type="text" placeholder="max" name="">
402 <span>gal.</span>
403 </th>
404 <th> &nbsp; </th>
405 </tr>
406 </thead>
407 <tbody>
408 <tr>
409 <td>
410 <span class="pull-left">-$0.0000</span> &nbsp;
411 <span class="pull-right">($1.7500)</span>
412 </td>
413 <td>
414 <span class="pull-left">-$0.0000</span> &nbsp;
415 <span class="pull-right">($1.7500)</span>
416 </td>
417 <td>
418 <span>$</span>
419 <input type="text" placeholder="margin" class="tierTextBox" name="">
420 <button class="addTierButton">Add Tier</button>
421 </td>
422 <td>
423 <i class="fa fa-trash-o" aria-hidden="true"></i>
424 </td>
425 </tr>
426 </tbody>
427 </table>
428 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea>
429 </div>
430
431
182 </div> 432 </div>
183 </section> 433 </section>
184 <div class="row">&nbsp;</div> 434 <div class="row">&nbsp;</div>
185 <div class="row"> 435 <div class="row">
186 <div class="col-md-7"> 436 <div class="col-md-7">
187 </div> 437 </div>
188 <div class="col-md-5"> 438 <div class="col-md-5">
189 <div class="form-group"> 439 <div class="form-group">
190 <div class="col-lg-4"></div> 440 <div class="col-lg-4"></div>
191 <div class="col-lg-8"> 441 <div class="col-lg-8">
192 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp; 442 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp;
193 <button type="reset" class="btn btn-default">Cancel</button> 443 <button type="reset" class="btn btn-default">Cancel</button>
194 </div> 444 </div>
195 </div> 445 </div>
196 </div> 446 </div>
197 </div> 447 </div>
198 </div> 448 </div>
199 <!-- /widget-content --> 449 <!-- /widget-content -->
200 </div> 450 </div>
201 <!-- /widget --> 451 <!-- /widget -->
202 </div> 452 </div>
203 <!-- /span6 --> 453 <!-- /span6 -->
204 </div> 454 </div>
205 <!-- /span12 --> 455 <!-- /span12 -->
206 </div> 456 </div>
207 <!-- /row --> 457 <!-- /row -->
208 </div> <!-- /container --> 458 </div> <!-- /container -->
209 <!-- Le javascript 459 <!-- Le javascript
210 ================================================== --> 460 ================================================== -->
211 <!-- Placed at the end of the document so the pages load faster --> 461 <!-- Placed at the end of the document so the pages load faster -->