Commit e8983332d0f6665df09c51729d56b77e370c0251
1 parent
893f122493
Exists in
master
margin accordian tabs added
Showing
2 changed files
with
374 additions
and
149 deletions
Show diff stats
app/partials/updateFuelManager/updateFuelManager.controller.js
... | ... | @@ -17,6 +17,129 @@ |
17 | 17 | }) |
18 | 18 | } |
19 | 19 | |
20 | + $(document).ready(function(){ | |
21 | + $('#customTabToggle1').click(function(){ | |
22 | + console.log('tab 1'); | |
23 | + $('#customTabsBody1').slideDown(); | |
24 | + $('#customTabsBody2').slideUp(); | |
25 | + $('#customTabsBody3').slideUp(); | |
26 | + $('#customTabsBody4').slideUp(); | |
27 | + $('#customTabs1').addClass('customActive'); | |
28 | + $('#customTabs2').removeClass('customActive'); | |
29 | + $('#customTabs3').removeClass('customActive'); | |
30 | + $('#customTabs4').removeClass('customActive'); | |
31 | + $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); | |
32 | + $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); | |
33 | + | |
34 | + $('#customTabs1 > .pull-right > .btn-default').css('display', 'none'); | |
35 | + $('#customTabs1 > .pull-right > .btn-success').css('display', 'inline-block'); | |
36 | + $('#customTabs1 > .pull-right > .btn-danger').css('display', 'inline-block'); | |
37 | + | |
38 | + $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); | |
39 | + $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); | |
40 | + $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); | |
41 | + | |
42 | + $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); | |
43 | + $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); | |
44 | + $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); | |
45 | + | |
46 | + $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); | |
47 | + $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); | |
48 | + $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); | |
49 | + | |
50 | + }) | |
51 | + $('#customTabToggle2').click(function(){ | |
52 | + console.log('tab 2'); | |
53 | + $('#customTabsBody1').slideUp(); | |
54 | + $('#customTabsBody2').slideDown(); | |
55 | + $('#customTabsBody3').slideUp(); | |
56 | + $('#customTabsBody4').slideUp(); | |
57 | + $('#customTabs1').removeClass('customActive'); | |
58 | + $('#customTabs2').addClass('customActive'); | |
59 | + $('#customTabs3').removeClass('customActive'); | |
60 | + $('#customTabs4').removeClass('customActive'); | |
61 | + $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); | |
62 | + $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); | |
63 | + | |
64 | + $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); | |
65 | + $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); | |
66 | + $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); | |
67 | + | |
68 | + $('#customTabs2 > .pull-right > .btn-default').css('display', 'none'); | |
69 | + $('#customTabs2 > .pull-right > .btn-success').css('display', 'inline-block'); | |
70 | + $('#customTabs2 > .pull-right > .btn-danger').css('display', 'inline-block'); | |
71 | + | |
72 | + $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); | |
73 | + $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); | |
74 | + $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); | |
75 | + | |
76 | + $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); | |
77 | + $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); | |
78 | + $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); | |
79 | + | |
80 | + }) | |
81 | + $('#customTabToggle3').click(function(){ | |
82 | + console.log('tab 3'); | |
83 | + $('#customTabsBody1').slideUp(); | |
84 | + $('#customTabsBody2').slideUp(); | |
85 | + $('#customTabsBody3').slideDown(); | |
86 | + $('#customTabsBody4').slideUp(); | |
87 | + $('#customTabs1').removeClass('customActive'); | |
88 | + $('#customTabs2').removeClass('customActive'); | |
89 | + $('#customTabs3').addClass('customActive'); | |
90 | + $('#customTabs4').removeClass('customActive'); | |
91 | + $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); | |
92 | + $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); | |
93 | + | |
94 | + $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); | |
95 | + $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); | |
96 | + $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); | |
97 | + | |
98 | + $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); | |
99 | + $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); | |
100 | + $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); | |
101 | + | |
102 | + $('#customTabs3 > .pull-right > .btn-default').css('display', 'none'); | |
103 | + $('#customTabs3 > .pull-right > .btn-success').css('display', 'inline-block'); | |
104 | + $('#customTabs3 > .pull-right > .btn-danger').css('display', 'inline-block'); | |
105 | + | |
106 | + $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); | |
107 | + $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); | |
108 | + $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); | |
109 | + | |
110 | + }) | |
111 | + $('#customTabToggle4').click(function(){ | |
112 | + console.log('tab 4'); | |
113 | + $('#customTabsBody1').slideUp(); | |
114 | + $('#customTabsBody2').slideUp(); | |
115 | + $('#customTabsBody3').slideUp(); | |
116 | + $('#customTabsBody4').slideDown(); | |
117 | + $('#customTabs1').removeClass('customActive'); | |
118 | + $('#customTabs2').removeClass('customActive'); | |
119 | + $('#customTabs3').removeClass('customActive'); | |
120 | + $('#customTabs4').addClass('customActive'); | |
121 | + $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); | |
122 | + $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); | |
123 | + | |
124 | + $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); | |
125 | + $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); | |
126 | + $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); | |
127 | + | |
128 | + $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); | |
129 | + $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); | |
130 | + $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); | |
131 | + | |
132 | + $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); | |
133 | + $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); | |
134 | + $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); | |
135 | + | |
136 | + $('#customTabs4 > .pull-right > .btn-default').css('display', 'none'); | |
137 | + $('#customTabs4 > .pull-right > .btn-success').css('display', 'inline-block'); | |
138 | + $('#customTabs4 > .pull-right > .btn-danger').css('display', 'inline-block'); | |
139 | + | |
140 | + }) | |
141 | + }) | |
142 | + | |
20 | 143 | |
21 | 144 | }]); |
22 | 145 | ... | ... |
app/partials/updateFuelManager/updateFuelManager.html
... | ... | @@ -69,165 +69,267 @@ |
69 | 69 | </div> |
70 | 70 | <!-- /widget-header --> |
71 | 71 | <div class="widget-content"> |
72 | - <!-- <section id="accordions"> | |
73 | - <div class="panel-group accordion"> | |
74 | - <div class="panel panel-default open"> | |
75 | - <div class="panel-heading"> | |
76 | - <h4 class="panel-title"> | |
77 | - <a class="accordion-toggle" style="float:left;" data-toggle="collapse" data-parent=".accordion" href="#collapseOne"> | |
78 | - Margin 1 | |
79 | - </a> | |
80 | - <span style="color:#ff9900;font-size:12px;margin-left:50px">Retail- (minus) </span><span style="font-size:12px">$1.1500</span> | |
81 | - </h4> | |
82 | - </div> | |
83 | - <div id="collapseOne" class="panel-collapse collapse in"> | |
84 | - <div class="panel-body"> | |
85 | - <div id="editor2" style="visibility: hidden;"> | |
86 | - </div> | |
87 | - </div> | |
72 | + <section id="accordions"> | |
73 | + <div class="newCustomAccordian"> | |
74 | + <!-- tab 1 --> | |
75 | + <div class="customAccordianHeader customActive" id="customTabs1"> | |
76 | + <span>Jet Aircraft</span> | |
77 | + <select class="form-control"> | |
78 | + <option>Pricing Structure</option> | |
79 | + <option>Retail-(minus)</option> | |
80 | + <option>Cost+(plus)</option> | |
81 | + <option>Direct=(equals)</option> | |
82 | + </select> | |
83 | + <input type="text" name="" class="form-control" value="$1.7500"> | |
84 | + <div class="pull-right"> | |
85 | + <button class="btn btn-success">Save</button> | |
86 | + <button class="btn btn-danger">Delete</button> | |
87 | + <button class="btn btn-default" id="customTabToggle1" style="display: none;">Edit</button> | |
88 | 88 | </div> |
89 | + <div class="clearfix"></div> | |
89 | 90 | </div> |
90 | - <div class="panel panel-default"> | |
91 | - <div class="panel-heading"> | |
92 | - <h4 class="panel-title"> | |
93 | - <a class="accordion-toggle" data-toggle="collapse" data-parent=".accordion" href="#collapseTwo"> | |
94 | - TurboPop AirCraft | |
95 | - </a> | |
96 | - </h4> | |
97 | - </div> | |
98 | - <div id="collapseTwo" class="panel-collapse collapse"> | |
99 | - <div class="panel-body"> | |
100 | - <div class="row" style="margin-left: 0px;"> | |
101 | - <div class="col-md-8"> | |
102 | - <div class="row" style="margin-bottom: 5px;"> | |
103 | - <div class="col-md-1" style="text-align: right;"> | |
104 | - <h5 style="color: blue;font-weight: bold;">Omit</h5> | |
105 | - </div> | |
106 | - <div class="col-md-5"> | |
107 | - <h5 style="color: blue;font-weight: bold;">AirCraft Size</h5> | |
108 | - </div> | |
109 | - <div class="col-md-3"> | |
110 | - <h5 style="color: blue;font-weight: bold;">Ramp/Facility Fee</h5> | |
111 | - </div> | |
112 | - <div class="col-md-3"> | |
113 | - <h5 style="color: blue;font-weight: bold;">Avoidance</h5> | |
114 | - </div> | |
115 | - </div> | |
116 | - <div class="row" style="margin-bottom: 5px;"> | |
117 | - <div class="col-md-1" style="text-align: right;"> | |
118 | - <input type="checkbox" name="validateCheckbox" value="1"> | |
119 | - </div> | |
120 | - <div class="col-md-5"> | |
121 | - <p>Very Light Jet | |
122 | - </p> | |
123 | - </div> | |
124 | - <div class="col-md-3"> | |
125 | - <input type="text" class="form-control" name="name" id="name"> | |
126 | - </div> | |
127 | - <div class="col-md-3"> | |
128 | - <input type="text" class="form-control" name="name" id="name"> | |
129 | - </div> | |
130 | - </div> | |
131 | - <div class="row" style="margin-bottom: 5px;"> | |
132 | - <div class="col-md-1" style="text-align: right;"> | |
133 | - <input type="checkbox" name="validateCheckbox" value="1"> | |
134 | - </div> | |
135 | - <div class="col-md-5"> | |
136 | - <p> Light Jet | |
137 | - </p> | |
138 | - </div> | |
139 | - <div class="col-md-3"> | |
140 | - <input type="text" class="form-control" name="name" id="name"> | |
141 | - </div> | |
142 | - <div class="col-md-3"> | |
143 | - <input type="text" class="form-control" name="name" id="name"> | |
144 | - </div> | |
145 | - </div> | |
146 | - </div> | |
147 | - <div class="col-md-4"> | |
148 | - </div> | |
149 | - </div> | |
150 | - </div> | |
151 | - </div> | |
91 | + <div class="customAccordianTabBody" id="customTabsBody1"> | |
92 | + <table class="customTableWithFilter"> | |
93 | + <thead> | |
94 | + <tr> | |
95 | + <th> | |
96 | + <span class="pull-left">1-250 gal.</span> | |
97 | + <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | |
98 | + </th> | |
99 | + <th> | |
100 | + <span class="pull-left">1-250 gal.</span> | |
101 | + <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | |
102 | + </th> | |
103 | + <th> | |
104 | + <input type="text" placeholder="min" name=""> - | |
105 | + <input type="text" placeholder="max" name=""> | |
106 | + <span>gal.</span> | |
107 | + </th> | |
108 | + <th> </th> | |
109 | + </tr> | |
110 | + </thead> | |
111 | + <tbody> | |
112 | + <tr> | |
113 | + <td> | |
114 | + <span class="pull-left">-$0.0000</span> | |
115 | + <span class="pull-right">($1.7500)</span> | |
116 | + </td> | |
117 | + <td> | |
118 | + <span class="pull-left">-$0.0000</span> | |
119 | + <span class="pull-right">($1.7500)</span> | |
120 | + </td> | |
121 | + <td> | |
122 | + <span>$</span> | |
123 | + <input type="text" placeholder="margin" class="tierTextBox" name=""> | |
124 | + <button class="addTierButton">Add Tier</button> | |
125 | + </td> | |
126 | + <td> | |
127 | + <i class="fa fa-trash-o" aria-hidden="true"></i> | |
128 | + </td> | |
129 | + </tr> | |
130 | + </tbody> | |
131 | + </table> | |
132 | + <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> | |
152 | 133 | </div> |
153 | - <div class="panel panel-default"> | |
154 | - <div class="panel-heading"> | |
155 | - <h4 class="panel-title"> | |
156 | - <a class="accordion-toggle" data-toggle="collapse" data-parent=".accordion" href="#collapseThree"> | |
157 | - Collapsible Group Item #3 | |
158 | - </a> | |
159 | - </h4> | |
134 | + | |
135 | + <!-- tab 2 --> | |
136 | + | |
137 | + <div class="customAccordianHeader" id="customTabs2"> | |
138 | + <span>Jet Aircraft</span> | |
139 | + <select class="form-control" disabled="true"> | |
140 | + <option>Pricing Structure</option> | |
141 | + <option>Retail-(minus)</option> | |
142 | + <option>Cost+(plus)</option> | |
143 | + <option>Direct=(equals)</option> | |
144 | + </select> | |
145 | + <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> | |
146 | + <div class="pull-right"> | |
147 | + <button class="btn btn-success" style="display: none;">Save</button> | |
148 | + <button class="btn btn-danger" style="display: none;">Delete</button> | |
149 | + <button class="btn btn-default" id="customTabToggle2">Edit</button> | |
160 | 150 | </div> |
161 | - <div id="collapseThree" class="panel-collapse collapse"> | |
162 | - <div class="panel-body"> | |
163 | - 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. | |
164 | - </div> | |
151 | + <div class="clearfix"></div> | |
152 | + </div> | |
153 | + <div class="customAccordianTabBody" id="customTabsBody2" style="display: none;"> | |
154 | + <table class="customTableWithFilter"> | |
155 | + <thead> | |
156 | + <tr> | |
157 | + <th> | |
158 | + <span class="pull-left">1-250 gal.</span> | |
159 | + <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | |
160 | + </th> | |
161 | + <th> | |
162 | + <span class="pull-left">1-250 gal.</span> | |
163 | + <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | |
164 | + </th> | |
165 | + <th> | |
166 | + <input type="text" placeholder="min" name=""> - | |
167 | + <input type="text" placeholder="max" name=""> | |
168 | + <span>gal.</span> | |
169 | + </th> | |
170 | + <th> </th> | |
171 | + </tr> | |
172 | + </thead> | |
173 | + <tbody> | |
174 | + <tr> | |
175 | + <td> | |
176 | + <span class="pull-left">-$0.0000</span> | |
177 | + <span class="pull-right">($1.7500)</span> | |
178 | + </td> | |
179 | + <td> | |
180 | + <span class="pull-left">-$0.0000</span> | |
181 | + <span class="pull-right">($1.7500)</span> | |
182 | + </td> | |
183 | + <td> | |
184 | + <span>$</span> | |
185 | + <input type="text" placeholder="margin" class="tierTextBox" name=""> | |
186 | + <button class="addTierButton">Add Tier</button> | |
187 | + </td> | |
188 | + <td> | |
189 | + <i class="fa fa-trash-o" aria-hidden="true"></i> | |
190 | + </td> | |
191 | + </tr> | |
192 | + </tbody> | |
193 | + </table> | |
194 | + <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> | |
195 | + </div> | |
196 | + | |
197 | + <!-- tab 3 --> | |
198 | + | |
199 | + <div class="customAccordianHeader" id="customTabs3"> | |
200 | + <span>Jet Aircraft</span> | |
201 | + <select class="form-control" disabled="true"> | |
202 | + <option>Pricing Structure</option> | |
203 | + <option>Retail-(minus)</option> | |
204 | + <option>Cost+(plus)</option> | |
205 | + <option>Direct=(equals)</option> | |
206 | + </select> | |
207 | + <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> | |
208 | + <div class="pull-right"> | |
209 | + <button class="btn btn-success" style="display: none;">Save</button> | |
210 | + <button class="btn btn-danger" style="display: none;">Delete</button> | |
211 | + <button class="btn btn-default" id="customTabToggle3">Edit</button> | |
165 | 212 | </div> |
213 | + <div class="clearfix"></div> | |
166 | 214 | </div> |
167 | - </div> | |
168 | - </section> --> | |
169 | - <uib-accordion close-others="oneAtATime"> | |
170 | - <div uib-accordion-group class="panel-default" heading="Margin 1 Retail- (minus) $1.1500"> | |
171 | - <div id="editor2" style="visibility: hidden;"></div> | |
172 | - </div> | |
173 | - <div uib-accordion-group class="panel-default" heading="TurboPop AirCraft"> | |
174 | - <div class="panel-body"> | |
175 | - <div class="row" style="margin-left: 0px;"> | |
176 | - <div class="col-md-8"> | |
177 | - <div class="row" style="margin-bottom: 5px;"> | |
178 | - <div class="col-md-1" style="text-align: right;"> | |
179 | - <h5 style="color: blue;font-weight: bold;">Omit</h5> | |
180 | - </div> | |
181 | - <div class="col-md-5"> | |
182 | - <h5 style="color: blue;font-weight: bold;">AirCraft Size</h5> | |
183 | - </div> | |
184 | - <div class="col-md-3"> | |
185 | - <h5 style="color: blue;font-weight: bold;">Ramp/Facility Fee</h5> | |
186 | - </div> | |
187 | - <div class="col-md-3"> | |
188 | - <h5 style="color: blue;font-weight: bold;">Avoidance</h5> | |
189 | - </div> | |
190 | - </div> | |
191 | - <div class="row" style="margin-bottom: 5px;"> | |
192 | - <div class="col-md-1" style="text-align: right;"> | |
193 | - <input type="checkbox" name="validateCheckbox" value="1"> | |
194 | - </div> | |
195 | - <div class="col-md-5"> | |
196 | - <p>Very Light Jet | |
197 | - </p> | |
198 | - </div> | |
199 | - <div class="col-md-3"> | |
200 | - <input type="text" class="form-control" name="name" id="name"> | |
201 | - </div> | |
202 | - <div class="col-md-3"> | |
203 | - <input type="text" class="form-control" name="name" id="name"> | |
204 | - </div> | |
205 | - </div> | |
206 | - <div class="row" style="margin-bottom: 5px;"> | |
207 | - <div class="col-md-1" style="text-align: right;"> | |
208 | - <input type="checkbox" name="validateCheckbox" value="1"> | |
209 | - </div> | |
210 | - <div class="col-md-5"> | |
211 | - <p> Light Jet | |
212 | - </p> | |
213 | - </div> | |
214 | - <div class="col-md-3"> | |
215 | - <input type="text" class="form-control" name="name" id="name"> | |
216 | - </div> | |
217 | - <div class="col-md-3"> | |
218 | - <input type="text" class="form-control" name="name" id="name"> | |
219 | - </div> | |
220 | - </div> | |
221 | - </div> | |
222 | - <div class="col-md-4"> | |
223 | - </div> | |
215 | + <div class="customAccordianTabBody" id="customTabsBody3" style="display: none;"> | |
216 | + <table class="customTableWithFilter"> | |
217 | + <thead> | |
218 | + <tr> | |
219 | + <th> | |
220 | + <span class="pull-left">1-250 gal.</span> | |
221 | + <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | |
222 | + </th> | |
223 | + <th> | |
224 | + <span class="pull-left">1-250 gal.</span> | |
225 | + <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | |
226 | + </th> | |
227 | + <th> | |
228 | + <input type="text" placeholder="min" name=""> - | |
229 | + <input type="text" placeholder="max" name=""> | |
230 | + <span>gal.</span> | |
231 | + </th> | |
232 | + <th> </th> | |
233 | + </tr> | |
234 | + </thead> | |
235 | + <tbody> | |
236 | + <tr> | |
237 | + <td> | |
238 | + <span class="pull-left">-$0.0000</span> | |
239 | + <span class="pull-right">($1.7500)</span> | |
240 | + </td> | |
241 | + <td> | |
242 | + <span class="pull-left">-$0.0000</span> | |
243 | + <span class="pull-right">($1.7500)</span> | |
244 | + </td> | |
245 | + <td> | |
246 | + <span>$</span> | |
247 | + <input type="text" placeholder="margin" class="tierTextBox" name=""> | |
248 | + <button class="addTierButton">Add Tier</button> | |
249 | + </td> | |
250 | + <td> | |
251 | + <i class="fa fa-trash-o" aria-hidden="true"></i> | |
252 | + </td> | |
253 | + </tr> | |
254 | + </tbody> | |
255 | + </table> | |
256 | + <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> | |
257 | + </div> | |
258 | + | |
259 | + <!-- tab 4 --> | |
260 | + | |
261 | + <div class="customAccordianHeader" id="customTabs4"> | |
262 | + <span>Jet Aircraft</span> | |
263 | + <select class="form-control" disabled="true"> | |
264 | + <option>Pricing Structure</option> | |
265 | + <option>Retail-(minus)</option> | |
266 | + <option>Cost+(plus)</option> | |
267 | + <option>Direct=(equals)</option> | |
268 | + </select> | |
269 | + <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> | |
270 | + <div class="pull-right"> | |
271 | + <button class="btn btn-success" style="display: none;">Save</button> | |
272 | + <button class="btn btn-danger" style="display: none;">Delete</button> | |
273 | + <button class="btn btn-default" id="customTabToggle4">Edit</button> | |
224 | 274 | </div> |
275 | + <div class="clearfix"></div> | |
276 | + </div> | |
277 | + <div class="customAccordianTabBody" id="customTabsBody4" style="display: none;"> | |
278 | + <table class="customTableWithFilter"> | |
279 | + <thead> | |
280 | + <tr> | |
281 | + <th> | |
282 | + <span class="pull-left">1-250 gal.</span> | |
283 | + <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | |
284 | + </th> | |
285 | + <th> | |
286 | + <span class="pull-left">1-250 gal.</span> | |
287 | + <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | |
288 | + </th> | |
289 | + <th> | |
290 | + <input type="text" placeholder="min" name=""> - | |
291 | + <input type="text" placeholder="max" name=""> | |
292 | + <span>gal.</span> | |
293 | + </th> | |
294 | + <th> </th> | |
295 | + </tr> | |
296 | + </thead> | |
297 | + <tbody> | |
298 | + <tr> | |
299 | + <td> | |
300 | + <span class="pull-left">-$0.0000</span> | |
301 | + <span class="pull-right">($1.7500)</span> | |
302 | + </td> | |
303 | + <td> | |
304 | + <span class="pull-left">-$0.0000</span> | |
305 | + <span class="pull-right">($1.7500)</span> | |
306 | + </td> | |
307 | + <td> | |
308 | + <span>$</span> | |
309 | + <input type="text" placeholder="margin" class="tierTextBox" name=""> | |
310 | + <button class="addTierButton">Add Tier</button> | |
311 | + </td> | |
312 | + <td> | |
313 | + <i class="fa fa-trash-o" aria-hidden="true"></i> | |
314 | + </td> | |
315 | + </tr> | |
316 | + </tbody> | |
317 | + </table> | |
318 | + <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> | |
225 | 319 | </div> |
320 | + | |
321 | + | |
226 | 322 | </div> |
227 | - <div uib-accordion-group class="panel-default" heading="Collapsible Group Item #3"> | |
228 | - 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. | |
323 | + </section> | |
324 | + <div class="row"> </div> | |
325 | + <div class="row"> | |
326 | + <div class="form-group"> | |
327 | + <div class="col-lg-12 text-right"> | |
328 | + <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button> | |
329 | + <button type="reset" class="btn btn-default">Cancel</button> | |
330 | + </div> | |
229 | 331 | </div> |
230 | - </uib-accordion> | |
332 | + </div> | |
231 | 333 | </div> |
232 | 334 | <!-- /widget-content --> |
233 | 335 | </div> | ... | ... |