Commit 8707ba5fd1cbdbd2a3222b9c6538fb93732a5a09
1 parent
882908c84a
Exists in
master
fuel manager done
Showing
4 changed files
with
338 additions
and
387 deletions
Show diff stats
app/css/custom.css
| 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 | 159 | ||
| 160 | 160 | ||
| 161 | 161 | ||
| 162 | 162 | ||
| 163 | 163 | ||
| 164 | /* new custom css for accrodian tabs */ | 164 | /* new custom css for accrodian tabs */ |
| 165 | 165 | ||
| 166 | .customAccordianHeader{ | 166 | .customAccordianHeader{ |
| 167 | width: 100%; | 167 | width: 100%; |
| 168 | height: auto; | 168 | height: auto; |
| 169 | background-color: #F3F3F3; | 169 | background-color: #F3F3F3; |
| 170 | border: 1px solid #ddd; | 170 | border: 1px solid #ddd; |
| 171 | color: #333; | 171 | color: #333; |
| 172 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35); | 172 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35); |
| 173 | border-radius: 3px 3px 3px 3px; | 173 | border-radius: 3px 3px 3px 3px; |
| 174 | padding: 10px 15px; | 174 | padding: 10px 15px; |
| 175 | margin-top: 10px; | 175 | margin-top: 10px; |
| 176 | } | 176 | } |
| 177 | 177 | ||
| 178 | .customAccordianHeader.customActive{ | 178 | .customAccordianHeader.customActive{ |
| 179 | background-image: -webkit-gradient(linear, left 0%, left 100%, from(#555555), to(#3b3b3b)); | 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%); | 180 | background-image: linear-gradient(to bottom, #555555 0%, #3b3b3b 100%); |
| 181 | background-repeat: repeat-x; | 181 | background-repeat: repeat-x; |
| 182 | border: 1px solid #222222; | 182 | border: 1px solid #222222; |
| 183 | color: #FFF; | 183 | color: #FFF; |
| 184 | border-radius: 3px 3px 0 0; | 184 | border-radius: 3px 3px 0 0; |
| 185 | } | 185 | } |
| 186 | .customAccordianHeader > span{ | 186 | .customAccordianHeader > span{ |
| 187 | font-size: 15px; | 187 | font-size: 15px; |
| 188 | margin-right: 20px; | 188 | margin-right: 20px; |
| 189 | line-height: 22px; | 189 | line-height: 22px; |
| 190 | float: left; | 190 | float: left; |
| 191 | } | 191 | } |
| 192 | .customAccordianHeader .btn{ | 192 | .customAccordianHeader .btn{ |
| 193 | padding: 2px 12px; | 193 | padding: 2px 12px; |
| 194 | } | 194 | } |
| 195 | .customAccordianHeader > .form-control{ | 195 | .customAccordianHeader > .form-control{ |
| 196 | outline: none; | 196 | outline: none; |
| 197 | box-shadow: none; | 197 | box-shadow: none; |
| 198 | } | 198 | } |
| 199 | .customAccordianHeader > select.form-control{ | 199 | .customAccordianHeader > select.form-control{ |
| 200 | width: 150px; | 200 | width: 150px; |
| 201 | height: 26px; | 201 | height: 26px; |
| 202 | padding: 0 6px; | 202 | padding: 0 6px; |
| 203 | margin-right: 20px; | 203 | margin-right: 20px; |
| 204 | float: left; | 204 | float: left; |
| 205 | } | 205 | } |
| 206 | .customAccordianHeader > select.form-control[disabled]{ | 206 | .customAccordianHeader > select.form-control[disabled]{ |
| 207 | border: none; | 207 | border: none; |
| 208 | -webkit-appearance: none; | 208 | -webkit-appearance: none; |
| 209 | -moz-appearance: none; | 209 | -moz-appearance: none; |
| 210 | appearance: none; | 210 | appearance: none; |
| 211 | background-color: transparent; | 211 | background-color: transparent; |
| 212 | color: #f90; | 212 | color: #f90; |
| 213 | width: auto; | 213 | width: auto; |
| 214 | } | 214 | } |
| 215 | .customAccordianHeader > input.form-control{ | 215 | .customAccordianHeader > input.form-control{ |
| 216 | width: 80px; | 216 | width: 80px; |
| 217 | height: 26px; | 217 | height: 26px; |
| 218 | padding: 0 6px; | 218 | padding: 0 6px; |
| 219 | float: left; | 219 | float: left; |
| 220 | } | 220 | } |
| 221 | .customAccordianHeader > input.form-control[disabled]{ | 221 | .customAccordianHeader > input.form-control[disabled]{ |
| 222 | border: none; | 222 | border: none; |
| 223 | -webkit-appearance: none; | 223 | -webkit-appearance: none; |
| 224 | -moz-appearance: none; | 224 | -moz-appearance: none; |
| 225 | appearance: none; | 225 | appearance: none; |
| 226 | background-color: transparent; | 226 | background-color: transparent; |
| 227 | color: #333; | 227 | color: #333; |
| 228 | } | 228 | } |
| 229 | .customAccordianTabBody{ | 229 | .customAccordianTabBody{ |
| 230 | width: 100%; | 230 | width: 100%; |
| 231 | height: auto; | 231 | height: auto; |
| 232 | padding: 15px; | 232 | padding: 15px; |
| 233 | border: 1px solid #ddd; | 233 | border: 1px solid #ddd; |
| 234 | border-top: 0; | 234 | border-top: 0; |
| 235 | border-radius: 0 0 3px 3px; | 235 | border-radius: 0 0 3px 3px; |
| 236 | } | 236 | } |
| 237 | .customTableWithFilter{ | 237 | .customTableWithFilter{ |
| 238 | width: auto; | 238 | width: auto; |
| 239 | height: auto; | 239 | height: auto; |
| 240 | } | 240 | } |
| 241 | .customTableWithFilter th{ | 241 | .customTableWithFilter th{ |
| 242 | padding: 5px; | 242 | padding: 5px; |
| 243 | background-color: #f3f3f3; | 243 | background-color: #f3f3f3; |
| 244 | border: 1px solid #ddd; | 244 | border: 1px solid #ddd; |
| 245 | } | 245 | } |
| 246 | .customTableWithFilter th i{ | 246 | .customTableWithFilter th i{ |
| 247 | margin-top: 3px; | 247 | margin-top: 3px; |
| 248 | } | 248 | } |
| 249 | .customTableWithFilter th span{ | 249 | .customTableWithFilter th span{ |
| 250 | font-size: 11px; | 250 | font-size: 11px; |
| 251 | color: #222; | 251 | color: #222; |
| 252 | } | 252 | } |
| 253 | .customTableWithFilter th input{ | 253 | .customTableWithFilter th input{ |
| 254 | width: 50px; | 254 | width: 50px; |
| 255 | } | 255 | } |
| 256 | .customTableWithFilter td{ | 256 | .customTableWithFilter td{ |
| 257 | padding: 5px; | 257 | padding: 5px; |
| 258 | border: 1px solid #ddd; | 258 | border: 1px solid #ddd; |
| 259 | } | 259 | } |
| 260 | .customTableWithFilter td span{ | 260 | .customTableWithFilter td span{ |
| 261 | font-size: 11px; | 261 | font-size: 11px; |
| 262 | } | 262 | } |
| 263 | .customTableWithFilter td span:first-child{ | 263 | .customTableWithFilter td span:first-child{ |
| 264 | color: #449d44; | 264 | color: #449d44; |
| 265 | font-weight: bold; | 265 | font-weight: bold; |
| 266 | } | 266 | } |
| 267 | .customTableWithFilter td span:last-child{ | 267 | .customTableWithFilter td span:last-child{ |
| 268 | color: #c9302c; | 268 | color: #c9302c; |
| 269 | font-style: italic; | 269 | font-style: italic; |
| 270 | font-weight: bold; | 270 | font-weight: bold; |
| 271 | } | 271 | } |
| 272 | .customTableWithFilter td .tierTextBox{ | 272 | .customTableWithFilter td .tierTextBox{ |
| 273 | width: 70px; | 273 | width: 70px; |
| 274 | } | 274 | } |
| 275 | .customTableWithFilter .addTierButton{ | 275 | .customTableWithFilter .addTierButton{ |
| 276 | color: #fff; | 276 | color: #fff; |
| 277 | background-color: #2196f3; | 277 | background-color: #2196f3; |
| 278 | border: none; | 278 | border: none; |
| 279 | padding: 3px 5px; | 279 | padding: 3px 5px; |
| 280 | } | 280 | } |
| 281 | .customTableWithFilter td .fa-trash-o{ | 281 | .customTableWithFilter td .fa-trash-o{ |
| 282 | color: #fff; | 282 | color: #fff; |
| 283 | background-color: #c9302c; | 283 | background-color: #c9302c; |
| 284 | padding: 5px; | 284 | padding: 5px; |
| 285 | border-radius: 3px; | 285 | border-radius: 3px; |
| 286 | cursor: pointer; | 286 | cursor: pointer; |
| 287 | } | 287 | } |
| 288 | .resizeTextarea{ | 288 | .resizeTextarea{ |
| 289 | resize: vertical; | 289 | resize: vertical; |
| 290 | margin-top: 20px; | 290 | margin-top: 20px; |
| 291 | } | 291 | } |
| 292 | 292 | ||
| 293 | 293 | ||
| 294 | 294 | ||
| 295 | 295 | ||
| 296 | 296 | ||
| 297 | .new-widget-content{ | 297 | .new-widget-content{ |
| 298 | padding: 0 0 0 0 !important; | 298 | padding: 0 0 0 0 !important; |
| 299 | } | 299 | } |
| 300 | .new-tab-heading{ | 300 | .new-tab-heading{ |
| 301 | padding: 5px; | 301 | padding: 5px; |
| 302 | color: #333; | 302 | color: #333; |
| 303 | background-color: #fcfcfc; | 303 | background-color: #fcfcfc; |
| 304 | border-bottom: 1px solid #d5d5d5; | 304 | border-bottom: 1px solid #d5d5d5; |
| 305 | border-right: 1px solid #d5d5d5; | 305 | border-right: 1px solid #d5d5d5; |
| 306 | } | 306 | } |
| 307 | .new-tab-body{ | 307 | .new-tab-body{ |
| 308 | border-right: 1px solid #d5d5d5; | 308 | border-right: 1px solid #d5d5d5; |
| 309 | border-bottom: 1px solid #d5d5d5; | 309 | border-bottom: 1px solid #d5d5d5; |
| 310 | padding-left: 15px; | 310 | padding-left: 15px; |
| 311 | padding-bottom: 5px; | 311 | padding-bottom: 5px; |
| 312 | } | 312 | } |
| 313 | .new-tab-heading i.fa{ | 313 | .new-tab-heading i.fa{ |
| 314 | font-size: 16px; | 314 | font-size: 16px; |
| 315 | cursor: pointer; | 315 | cursor: pointer; |
| 316 | } | 316 | } |
| 317 | .new-tab-heading span{ | 317 | .new-tab-heading span{ |
| 318 | font-size: 14px; | 318 | font-size: 14px; |
| 319 | margin-left: 5px; | 319 | margin-left: 5px; |
| 320 | } | 320 | } |
| 321 | .new-tab-heading i.fa-plus-circle{ | 321 | .new-tab-heading i.fa-plus-circle{ |
| 322 | color: #067dfc; | 322 | color: #067dfc; |
| 323 | } | 323 | } |
| 324 | .new-tab-heading i.fa-minus-circle{ | 324 | .new-tab-heading i.fa-minus-circle{ |
| 325 | color: #d00d09; | 325 | color: #d00d09; |
| 326 | } | 326 | } |
| 327 | .new-tab-body-th{ | 327 | .new-tab-body-th{ |
| 328 | color: #333; | 328 | color: #333; |
| 329 | } | 329 | } |
| 330 | .new-tab-body-th > div{ | 330 | .new-tab-body-th > div{ |
| 331 | font-size: 12px; | 331 | font-size: 12px; |
| 332 | font-weight: bold; | 332 | font-weight: bold; |
| 333 | padding-right: 5px; | 333 | padding-right: 5px; |
| 334 | padding-left: 5px; | 334 | padding-left: 5px; |
| 335 | text-align: center; | 335 | text-align: center; |
| 336 | } | 336 | } |
| 337 | .new-tab-body-th > div:first-child{ | 337 | .new-tab-body-th > div:first-child{ |
| 338 | font-size: 14px; | 338 | font-size: 14px; |
| 339 | font-weight: bold; | 339 | font-weight: bold; |
| 340 | text-align: left; | 340 | text-align: left; |
| 341 | } | 341 | } |
| 342 | .new-tab-body-td i.fa-plus-circle{ | 342 | .new-tab-body-td i.fa-plus-circle{ |
| 343 | color: #067dfc; | 343 | color: #067dfc; |
| 344 | } | 344 | } |
| 345 | .new-tab-body-td i.fa-minus-circle{ | 345 | .new-tab-body-td i.fa-minus-circle{ |
| 346 | color: #d00d09; | 346 | color: #d00d09; |
| 347 | } | 347 | } |
| 348 | .new-tab-body-td input{ | 348 | .new-tab-body-td input{ |
| 349 | width: 50px; | 349 | width: 50px; |
| 350 | height: 24px; | 350 | height: 24px; |
| 351 | } | 351 | } |
| 352 | .new-tab-body-td .fa{ | 352 | .new-tab-body-td .fa{ |
| 353 | font-size: 14px; | 353 | font-size: 14px; |
| 354 | } | 354 | } |
| 355 | .new-tab-body-td > div:first-child > div{ | 355 | .new-tab-body-td > div:first-child > div{ |
| 356 | padding-right: 5px; | 356 | padding-right: 5px; |
| 357 | padding-left: 5px; | 357 | padding-left: 5px; |
| 358 | text-align: center; | 358 | text-align: center; |
| 359 | } | 359 | } |
| 360 | .new-tab-body-td > div:first-child > div:first-child{ | 360 | .new-tab-body-td > div:first-child > div:first-child{ |
| 361 | text-align: left; | 361 | text-align: left; |
| 362 | } | 362 | } |
| 363 | .appliesTableHeading{ | 363 | .appliesTableHeading{ |
| 364 | border: 1px solid #d5d5d5; | 364 | border: 1px solid #d5d5d5; |
| 365 | padding: 5px; | 365 | padding: 5px; |
| 366 | color: #333; | 366 | color: #333; |
| 367 | font-weight: bold; | 367 | font-weight: bold; |
| 368 | background-color: #fcfcfc; | 368 | background-color: #fcfcfc; |
| 369 | margin: 10px 0 0 0; | 369 | margin: 10px 0 0 0; |
| 370 | } | 370 | } |
| 371 | .appliesTableBody{ | 371 | .appliesTableBody{ |
| 372 | border: 1px solid #d5d5d5; | 372 | border: 1px solid #d5d5d5; |
| 373 | border-top: 0; | 373 | border-top: 0; |
| 374 | background-color: #ffffe0; | 374 | background-color: #ffffe0; |
| 375 | margin-bottom: 10px; | 375 | margin-bottom: 10px; |
| 376 | height: auto; | 376 | height: auto; |
| 377 | } | 377 | } |
| 378 | .appliesTableBody > div.firstDiv{ | 378 | .appliesTableBody > div.firstDiv{ |
| 379 | height: 100px; | 379 | height: 100px; |
| 380 | float: left; | 380 | float: left; |
| 381 | width: 40%; | 381 | width: 40%; |
| 382 | border-right: 1px solid #d5d5d5; | 382 | border-right: 1px solid #d5d5d5; |
| 383 | overflow: auto; | 383 | overflow: auto; |
| 384 | padding: 5px; | 384 | padding: 5px; |
| 385 | } | 385 | } |
| 386 | .appliesTableBody > div.lastDiv{ | 386 | .appliesTableBody > div.lastDiv{ |
| 387 | width: 59%; | 387 | width: 59%; |
| 388 | height: 100px; | 388 | height: 100px; |
| 389 | padding: 5px; | 389 | padding: 5px; |
| 390 | float: left; | 390 | float: left; |
| 391 | } | 391 | } |
| 392 | .appliesTableBody > div.lastDiv textarea{ | 392 | .appliesTableBody > div.lastDiv textarea{ |
| 393 | width: 40%; | 393 | width: 40%; |
| 394 | height: 60px; | 394 | height: 60px; |
| 395 | margin: 15px 0; | 395 | margin: 15px 0; |
| 396 | resize: none; | 396 | resize: none; |
| 397 | float: left; | 397 | float: left; |
| 398 | } | 398 | } |
| 399 | .reportedByTag{ | 399 | .reportedByTag{ |
| 400 | width: 60%; | 400 | width: 60%; |
| 401 | height: 80px; | 401 | height: 80px; |
| 402 | border-top: 10px solid #393; | 402 | border-top: 10px solid #393; |
| 403 | border-left: 10px solid #6c6; | 403 | border-left: 10px solid #6c6; |
| 404 | border-radius: 5px 0 0 5px; | 404 | border-radius: 5px 0 0 5px; |
| 405 | background-color: #d7d7d7; | 405 | background-color: #d7d7d7; |
| 406 | float: right; | 406 | float: right; |
| 407 | position: relative; | 407 | position: relative; |
| 408 | right: -13px; | 408 | right: -13px; |
| 409 | margin-top: 5px; | 409 | margin-top: 5px; |
| 410 | font-size: 11px; | 410 | font-size: 11px; |
| 411 | } | 411 | } |
| 412 | .confirmedTag{ | 412 | .confirmedTag{ |
| 413 | background-color: #393; | 413 | background-color: #393; |
| 414 | color: #fff; | 414 | color: #fff; |
| 415 | -webkit-transform: rotate(-90deg); | 415 | -webkit-transform: rotate(-90deg); |
| 416 | -moz-transform: rotate(-90deg); | 416 | -moz-transform: rotate(-90deg); |
| 417 | -o-transform: rotate(-90deg); | 417 | -o-transform: rotate(-90deg); |
| 418 | -ms-transform: rotate(-90deg); | 418 | -ms-transform: rotate(-90deg); |
| 419 | transform: rotate(-90deg); | 419 | transform: rotate(-90deg); |
| 420 | position: absolute; | 420 | position: absolute; |
| 421 | bottom: 25px; | 421 | bottom: 25px; |
| 422 | left: -24px; | 422 | left: -24px; |
| 423 | width: 71px; | 423 | width: 71px; |
| 424 | text-align: center; | 424 | text-align: center; |
| 425 | font-size: 11px; | 425 | font-size: 11px; |
| 426 | } | 426 | } |
| 427 | .reportedByTag table{ | 427 | .reportedByTag table{ |
| 428 | margin-left: 27px; | 428 | margin-left: 27px; |
| 429 | width: calc(100% - 27px); | 429 | width: calc(100% - 27px); |
| 430 | } | 430 | } |
| 431 | .reportedByTag table td{ | 431 | .reportedByTag table td{ |
| 432 | font-size: 11px; | 432 | font-size: 11px; |
| 433 | text-align: center; | 433 | text-align: center; |
| 434 | font-weight: bold; | 434 | font-weight: bold; |
| 435 | } | 435 | } |
| 436 | .reportedByTag table tr:last-child td{ | 436 | .reportedByTag table tr:last-child td{ |
| 437 | text-align: left; | 437 | text-align: left; |
| 438 | font-weight: normal; | 438 | font-weight: normal; |
| 439 | font-size: 10px; | 439 | font-size: 10px; |
| 440 | } | 440 | } |
| 441 | .feeManagerRight{ | 441 | .feeManagerRight{ |
| 442 | min-height: 70px; | 442 | min-height: 70px; |
| 443 | position: relative; | 443 | position: relative; |
| 444 | } | 444 | } |
| 445 | .feeManagerRight div{ | 445 | .feeManagerRight div{ |
| 446 | position: absolute; | 446 | position: absolute; |
| 447 | bottom: 0; | 447 | bottom: 0; |
| 448 | width: 100%; | 448 | width: 100%; |
| 449 | } | 449 | } |
| 450 | .new-tab-body-td{ | 450 | .new-tab-body-td{ |
| 451 | padding: 5px 0; | 451 | padding: 5px 0; |
| 452 | } | 452 | } |
| 453 | 453 | ||
| 454 | /* new checkbox slide css */ | 454 | /* new checkbox slide css */ |
| 455 | 455 | ||
| 456 | .onoffswitch { | 456 | .onoffswitch { |
| 457 | position: relative; width: 80px; | 457 | position: relative; width: 80px; |
| 458 | -webkit-user-select:none; | 458 | -webkit-user-select:none; |
| 459 | -moz-user-select:none; | 459 | -moz-user-select:none; |
| 460 | -ms-user-select: none; | 460 | -ms-user-select: none; |
| 461 | margin: auto; | 461 | margin: auto; |
| 462 | } | 462 | } |
| 463 | .onoffswitch-checkbox { | 463 | .onoffswitch-checkbox { |
| 464 | display: none; | 464 | display: none; |
| 465 | } | 465 | } |
| 466 | .onoffswitch-label { | 466 | .onoffswitch-label { |
| 467 | display: block; | 467 | display: block; |
| 468 | overflow: hidden; | 468 | overflow: hidden; |
| 469 | cursor: pointer; | 469 | cursor: pointer; |
| 470 | border: 2px solid #999999; | 470 | border: 2px solid #999999; |
| 471 | border-radius: 0px; | 471 | border-radius: 0px; |
| 472 | } | 472 | } |
| 473 | .onoffswitch-inner { | 473 | .onoffswitch-inner { |
| 474 | display: block; | 474 | display: block; |
| 475 | width: 200%; | 475 | width: 200%; |
| 476 | margin-left: -100%; | 476 | margin-left: -100%; |
| 477 | transition: margin 0.3s ease-in 0s; | 477 | transition: margin 0.3s ease-in 0s; |
| 478 | } | 478 | } |
| 479 | .onoffswitch-inner:before, .onoffswitch-inner:after { | 479 | .onoffswitch-inner:before, .onoffswitch-inner:after { |
| 480 | display: block; | 480 | display: block; |
| 481 | float: left; | 481 | float: left; |
| 482 | width: 50%; | 482 | width: 50%; |
| 483 | height: 18px; | 483 | height: 18px; |
| 484 | padding: 0; | 484 | padding: 0; |
| 485 | line-height: 18px; | 485 | line-height: 18px; |
| 486 | font-size: 10px; | 486 | font-size: 10px; |
| 487 | color: white; | 487 | color: white; |
| 488 | font-family: Trebuchet, Arial, sans-serif; | 488 | font-family: Trebuchet, Arial, sans-serif; |
| 489 | font-weight: bold; | 489 | font-weight: bold; |
| 490 | box-sizing: border-box; | 490 | box-sizing: border-box; |
| 491 | } | 491 | } |
| 492 | .onoffswitch-inner:before { | 492 | .onoffswitch-inner:before { |
| 493 | content: "Include"; | 493 | content: "Include"; |
| 494 | padding-left: 5px; | 494 | padding-left: 5px; |
| 495 | background-color: #016ADB; color: #FFFFFF; | 495 | background-color: #016ADB; color: #FFFFFF; |
| 496 | text-align: left; | 496 | text-align: left; |
| 497 | } | 497 | } |
| 498 | .onoffswitch-inner:after { | 498 | .onoffswitch-inner:after { |
| 499 | content: "Exclude"; | 499 | content: "Exclude"; |
| 500 | padding-right: 5px; | 500 | padding-right: 5px; |
| 501 | background-color: ; color: #333333; | 501 | background-color: ; color: #333333; |
| 502 | text-align: right; | 502 | text-align: right; |
| 503 | } | 503 | } |
| 504 | .onoffswitch-switch { | 504 | .onoffswitch-switch { |
| 505 | display: block; | 505 | display: block; |
| 506 | width: 25px; | 506 | width: 25px; |
| 507 | margin: -3.5px; | 507 | margin: -3.5px; |
| 508 | background: #FFFFFF; | 508 | background: #FFFFFF; |
| 509 | position: absolute; | 509 | position: absolute; |
| 510 | top: 0; | 510 | top: 0; |
| 511 | bottom: 0; | 511 | bottom: 0; |
| 512 | right: 58px; | 512 | right: 58px; |
| 513 | border: 2px solid #999999; | 513 | border: 2px solid #999999; |
| 514 | border-radius: 0px; | 514 | border-radius: 0px; |
| 515 | transition: all 0.3s ease-in 0s; | 515 | transition: all 0.3s ease-in 0s; |
| 516 | } | 516 | } |
| 517 | .onoffswitch-switch i{ | 517 | .onoffswitch-switch i{ |
| 518 | line-height: 25px; | 518 | line-height: 25px; |
| 519 | } | 519 | } |
| 520 | .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { | 520 | .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { |
| 521 | margin-left: 0; | 521 | margin-left: 0; |
| 522 | } | 522 | } |
| 523 | .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { | 523 | .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { |
| 524 | right: 0px; | 524 | right: 0px; |
| 525 | } | 525 | } |
| 526 | .onoffswitch-checkbox fa-check{ | 526 | .onoffswitch-checkbox fa-check{ |
| 527 | color: #00ff00; | 527 | color: #00ff00; |
| 528 | } | 528 | } |
| 529 | .onoffswitch-checkbox fa-times{ | 529 | .onoffswitch-checkbox fa-times{ |
| 530 | color: #ff0000; | 530 | color: #ff0000; |
| 531 | } | 531 | } |
| 532 | 532 | ||
| 533 | .newButtons{ | 533 | .newButtons{ |
| 534 | background-color: #fff; | 534 | background-color: #fff; |
| 535 | border-radius: 10px; | 535 | border-radius: 10px; |
| 536 | color: #333; | 536 | color: #333; |
| 537 | border: 1px solid #eee; | 537 | border: 1px solid #eee; |
| 538 | box-shadow: 5px 5px 6px rgba(0,0,0,0.3); | 538 | box-shadow: 5px 5px 6px rgba(0,0,0,0.3); |
| 539 | padding: 6px 15px; | 539 | padding: 6px 15px; |
| 540 | margin-right: 10px; | 540 | margin-right: 10px; |
| 541 | } | 541 | } |
| 542 | .newButtons:disabled{ | 542 | .newButtons:disabled{ |
| 543 | background-color: #eee; | 543 | background-color: #eee; |
| 544 | } | 544 | } |
| 545 | *{ | 545 | *{ |
| 546 | outline: none; | 546 | outline: none; |
| 547 | } | 547 | } |
| 548 | 548 | ||
| 549 | 549 | ||
| 550 | /* my custom modal */ | 550 | /* my custom modal */ |
| 551 | 551 | ||
| 552 | .customBackdrop{ | 552 | .customBackdrop{ |
| 553 | position: fixed; | 553 | position: fixed; |
| 554 | background-color: rgba(0, 0, 0, 0.15); | 554 | background-color: rgba(0, 0, 0, 0.15); |
| 555 | top: 0; | 555 | top: 0; |
| 556 | left: 0; | 556 | left: 0; |
| 557 | width: 100%; | 557 | width: 100%; |
| 558 | height: 100%; | 558 | height: 100%; |
| 559 | z-index: 999; | 559 | z-index: 999; |
| 560 | } | 560 | } |
| 561 | .customModalInner{ | 561 | .customModalInner{ |
| 562 | width: 100%; | 562 | width: 100%; |
| 563 | max-width: 500px; | 563 | max-width: 500px; |
| 564 | height: 200px; | 564 | height: 200px; |
| 565 | top: 15%; | 565 | top: 15%; |
| 566 | position: relative; | 566 | position: relative; |
| 567 | margin: auto; | 567 | margin: auto; |
| 568 | } | 568 | } |
| 569 | .customModelHead, .customModelFooter{ | 569 | .customModelHead, .customModelFooter{ |
| 570 | width: 100%; | 570 | width: 100%; |
| 571 | background-color: #fafafa; | 571 | background-color: #fafafa; |
| 572 | border-bottom: 1px solid #ccc; | 572 | border-bottom: 1px solid #ccc; |
| 573 | color: #333; | 573 | color: #333; |
| 574 | padding: 10px; | 574 | padding: 10px; |
| 575 | } | 575 | } |
| 576 | .customModelFooter{ | 576 | .customModelFooter{ |
| 577 | border-top: 1px solid #ccc; | 577 | border-top: 1px solid #ccc; |
| 578 | } | 578 | } |
| 579 | .customModelBody{ | 579 | .customModelBody{ |
| 580 | width: 100%; | 580 | width: 100%; |
| 581 | height: auto; | 581 | height: auto; |
| 582 | background-color: #fff; | 582 | background-color: #fff; |
| 583 | color: #333; | 583 | color: #333; |
| 584 | padding: 10px; | 584 | padding: 10px; |
| 585 | } | 585 | } |
| 586 | .customModelHead p{ | 586 | .customModelHead p{ |
| 587 | margin-bottom: 0; | 587 | margin-bottom: 0; |
| 588 | font-size: 14px; | 588 | font-size: 14px; |
| 589 | } | 589 | } |
| 590 | .customModelFooter button{ | 590 | .customModelFooter button{ |
| 591 | border: 1px solid #ccc; | 591 | border: 1px solid #ccc; |
| 592 | } | 592 | } |
| 593 | .customModelFooter input[type="submit"]{ | 593 | .customModelFooter input[type="submit"]{ |
| 594 | background-color: #6ad46a; | 594 | background-color: #6ad46a; |
| 595 | border: 1px solid #ccc; | 595 | border: 1px solid #ccc; |
| 596 | } | 596 | } |
| 597 | 597 | ||
| 598 | 598 | ||
| 599 | /* custom confirmation model */ | 599 | /* custom confirmation model */ |
| 600 | 600 | ||
| 601 | 601 | ||
| 602 | .customConfirmPopBackdrop{ | 602 | .customConfirmPopBackdrop{ |
| 603 | position: fixed; | 603 | position: fixed; |
| 604 | background-color: rgba(0, 0, 0, 0.3); | 604 | background-color: rgba(0, 0, 0, 0.3); |
| 605 | top: 0; | 605 | top: 0; |
| 606 | left: 0; | 606 | left: 0; |
| 607 | width: 100%; | 607 | width: 100%; |
| 608 | height: 100%; | 608 | height: 100%; |
| 609 | z-index: 999999999; | 609 | z-index: 999999999; |
| 610 | display: none; | 610 | display: none; |
| 611 | } | 611 | } |
| 612 | .customConfirmPopBackdrop .customModalInner{ | 612 | .customConfirmPopBackdrop .customModalInner{ |
| 613 | top: 30%; | 613 | top: 30%; |
| 614 | } | 614 | } |
| 615 | 615 | ||
| 616 | 616 | ||
| 617 | 617 | ||
| 618 | /* tier list table */ | 618 | /* tier list table */ |
| 619 | 619 | ||
| 620 | .tierListWrap{ | 620 | .tierListWrap{ |
| 621 | width: 120px; | 621 | width: 120px; |
| 622 | height: auto; | 622 | height: auto; |
| 623 | float: left; | 623 | float: left; |
| 624 | } | 624 | } |
| 625 | .tierListHead{ | 625 | .tierListHead{ |
| 626 | width: 100%; | 626 | width: 100%; |
| 627 | padding: 5px; | 627 | padding: 5px; |
| 628 | background-color: #f3f3f3; | 628 | background-color: #f3f3f3; |
| 629 | border: 1px solid #ddd; | 629 | border: 1px solid #ddd; |
| 630 | border-right: none; | 630 | border-right: none; |
| 631 | } | 631 | } |
| 632 | .tierListBody{ | 632 | .tierListBody{ |
| 633 | width: 100%; | 633 | width: 100%; |
| 634 | padding: 5px; | 634 | padding: 5px; |
| 635 | border: 1px solid #ddd; | 635 | border: 1px solid #ddd; |
| 636 | border-top: none; | 636 | border-top: none; |
| 637 | border-right: none; | 637 | border-right: none; |
| 638 | } | 638 | } |
| 639 | .minTierSpan{ | 639 | .minTierSpan{ |
| 640 | color: #449d44; | 640 | color: #449d44; |
| 641 | font-weight: bold; | 641 | font-weight: bold; |
| 642 | font-size: 11px; | 642 | font-size: 11px; |
| 643 | } | 643 | } |
| 644 | .maxTierSpan{ | 644 | .maxTierSpan{ |
| 645 | color: #c9302c; | 645 | color: #c9302c; |
| 646 | font-style: italic; | 646 | font-style: italic; |
| 647 | font-size: 11px; | 647 | font-size: 11px; |
| 648 | font-weight: bold; | 648 | font-weight: bold; |
| 649 | } | 649 | } |
| 650 | .tierHeadingSpan{ | 650 | .tierHeadingSpan{ |
| 651 | font-size: 11px; | 651 | font-size: 11px; |
| 652 | color: #222; | 652 | color: #222; |
| 653 | font-weight: bold; | 653 | font-weight: bold; |
| 654 | } | 654 | } |
| 655 | .tierListHead input{ | 655 | .tierListHead input{ |
| 656 | width: 50px; | 656 | width: 50px; |
| 657 | height: 24px; | 657 | height: 24px; |
| 658 | } | 658 | } |
| 659 | .addTierBtn{ | 659 | .addTierBtn{ |
| 660 | color: #fff; | 660 | color: #fff; |
| 661 | background-color: #2196f3; | 661 | background-color: #2196f3; |
| 662 | border: none; | 662 | border: none; |
| 663 | padding: 1px 5px; | 663 | padding: 1px 5px; |
| 664 | } | 664 | } |
| 665 | .deleteTierIcon{ | 665 | .deleteTierIcon{ |
| 666 | color: #fff; | 666 | color: #fff; |
| 667 | background-color: #c9302c; | 667 | background-color: #c9302c; |
| 668 | padding: 5px; | 668 | padding: 5px; |
| 669 | border-radius: 3px; | 669 | border-radius: 3px; |
| 670 | cursor: pointer; | 670 | cursor: pointer; |
| 671 | } | 671 | } |
| 672 | 672 | ||
| 673 | .customToogle { | 673 | .customToogle { |
| 674 | padding: 2px 6px !important; | 674 | padding: 2px 6px !important; |
| 675 | height: auto !important; | 675 | height: auto !important; |
| 676 | min-height: 28px !important; | 676 | min-height: 28px !important; |
| 677 | 677 | ||
| 678 | } | 678 | } |
| 679 | |||
| 680 |
app/partials/updateFuelManager/updateFuelManager.controller.js
| 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 | 7 | ||
| 8 | .controller('updateFuelManagerController', ['$scope','$uibModal', 'updateFuelManagerService', function($scope , $uibModal, updateFuelManagerService) { | 8 | .controller('updateFuelManagerController', ['$scope','$uibModal', 'updateFuelManagerService', function($scope , $uibModal, updateFuelManagerService) { |
| 9 | 9 | ||
| 10 | $scope.yes = function(data){ | 10 | $scope.yes = function(data){ |
| 11 | console.log('========'); | 11 | console.log('========'); |
| 12 | console.log('value', data); | 12 | console.log('value', data); |
| 13 | $uibModal.yes({ | 13 | $uibModal.yes({ |
| 14 | templateUrl: 'partials/pricingcontact/pricingcontact.html', | 14 | templateUrl: 'partials/pricingcontact/pricingcontact.html', |
| 15 | backdrop: true, | 15 | backdrop: true, |
| 16 | scope: $scope, | 16 | scope: $scope, |
| 17 | }) | 17 | }) |
| 18 | } | 18 | } |
| 19 | 19 | ||
| 20 | $scope.userProfileId = JSON.parse(localStorage.getItem('userProfileId')); | 20 | $scope.userProfileId = JSON.parse(localStorage.getItem('userProfileId')); |
| 21 | 21 | ||
| 22 | updateFuelManagerService.getATypeJets($scope.userProfileId).then(function(result) { | 22 | updateFuelManagerService.getATypeJets($scope.userProfileId).then(function(result) { |
| 23 | $scope.aTypeJets = result; | 23 | $scope.aTypeJets = result; |
| 24 | }) | 24 | }) |
| 25 | $scope.toggleJestAccordian = function(id){ | 25 | updateFuelManagerService.getVTypeJets($scope.userProfileId).then(function(result) { |
| 26 | $scope.vTypeJets = result; | ||
| 27 | console.log('second jets', result); | ||
| 28 | }) | ||
| 29 | $scope.toggleJestAccordian = function(id, index){ | ||
| 26 | $('.'+id).slideDown(); | 30 | $('.'+id).slideDown(); |
| 27 | $('#'+id).addClass('customActive'); | 31 | $('#'+id).addClass('customActive'); |
| 28 | $('#'+id+' select, #'+id+' input').prop("disabled", false); | 32 | $('#'+id+' select, #'+id+' input').prop("disabled", false); |
| 29 | $('#'+id+' .btn-success, #'+id+' .btn-danger').css('display', 'inline-block'); | 33 | $('#'+id+' .btn-success, #'+id+' .btn-danger').css('display', 'inline-block'); |
| 30 | $('#'+id+' .btn-default').css('display', 'none'); | 34 | $('#'+id+' .btn-default').css('display', 'none'); |
| 31 | 35 | ||
| 32 | updateFuelManagerService.getJetTiers(id).then(function(tiers) { | 36 | updateFuelManagerService.getJetTiers(id).then(function(tiers) { |
| 33 | $scope.tierList = tiers; | 37 | $scope.aTypeJets[index].tierList = tiers; |
| 34 | }) | 38 | }) |
| 35 | } | 39 | } |
| 36 | $scope.tr = {}; | 40 | $scope.toggleVtypeJestAccordian = function(id, index){ |
| 37 | $scope.addNewTier = function(id){ | 41 | $('.'+id).slideDown(); |
| 38 | $scope.tr.marginTotal = '1.00'; | 42 | $('#'+id).addClass('customActive'); |
| 39 | $scope.tr.marginTemplateId = id; | 43 | $('#'+id+' select, #'+id+' input').prop("disabled", false); |
| 44 | $('#'+id+' .btn-success, #'+id+' .btn-danger').css('display', 'inline-block'); | ||
| 45 | $('#'+id+' .btn-default').css('display', 'none'); | ||
| 46 | |||
| 47 | updateFuelManagerService.getJetTiers(id).then(function(tiers) { | ||
| 48 | $scope.vTypeJets[index].tierList = tiers; | ||
| 49 | }) | ||
| 50 | } | ||
| 51 | //$scope.trData = {}; | ||
| 52 | $scope.addNewTier = function(id, trData, index){ | ||
| 53 | $scope.tr = {}; | ||
| 54 | $scope.tr[index] = {}; | ||
| 55 | $scope.tr[index].minTierBreak = trData[index].minTierBreak; | ||
| 56 | $scope.tr[index].maxTierBreak = trData[index].maxTierBreak; | ||
| 57 | $scope.tr[index].margin = trData[index].margin; | ||
| 58 | $scope.tr[index].marginTotal = '1.00'; | ||
| 59 | $scope.tr[index].marginTemplateId = id; | ||
| 40 | 60 | ||
| 41 | var tierData = 'minTierBreak='+$scope.tr.minTierBreak+'&maxTierBreak='+$scope.tr.maxTierBreak+'&margin='+$scope.tr.margin+ | 61 | var tierData = 'minTierBreak='+$scope.tr[index].minTierBreak+'&maxTierBreak='+$scope.tr[index].maxTierBreak+'&margin='+$scope.tr[index].margin+ |
| 42 | '&marginTotal='+$scope.tr.marginTotal+'&marginTemplateId='+$scope.tr.marginTemplateId; | 62 | '&marginTotal='+$scope.tr[index].marginTotal+'&marginTemplateId='+$scope.tr[index].marginTemplateId; |
| 63 | |||
| 64 | updateFuelManagerService.addNewTier(tierData).then(function(result) { | ||
| 65 | toastr.success('Successfully Added', { | ||
| 66 | closeButton: true | ||
| 67 | }) | ||
| 68 | trData[index].minTierBreak = ''; | ||
| 69 | trData[index].maxTierBreak = ''; | ||
| 70 | trData[index].margin = ''; | ||
| 71 | updateFuelManagerService.getJetTiers(id).then(function(tiers) { | ||
| 72 | $scope.aTypeJets[index].tierList = tiers; | ||
| 73 | }) | ||
| 74 | }) | ||
| 75 | } | ||
| 43 | 76 | ||
| 77 | $scope.addNewVtypeTier = function(id, vtrData, index){ | ||
| 78 | $scope.tr = {}; | ||
| 79 | $scope.tr[index] = {}; | ||
| 80 | $scope.tr[index].minTierBreak = vtrData[index].minTierBreak; | ||
| 81 | $scope.tr[index].maxTierBreak = vtrData[index].maxTierBreak; | ||
| 82 | $scope.tr[index].margin = vtrData[index].margin; | ||
| 83 | $scope.tr[index].marginTotal = '1.00'; | ||
| 84 | $scope.tr[index].marginTemplateId = id; | ||
| 85 | |||
| 86 | var tierData = 'minTierBreak='+$scope.tr[index].minTierBreak+'&maxTierBreak='+$scope.tr[index].maxTierBreak+'&margin='+$scope.tr[index].margin+ | ||
| 87 | '&marginTotal='+$scope.tr[index].marginTotal+'&marginTemplateId='+$scope.tr[index].marginTemplateId; | ||
| 88 | |||
| 44 | updateFuelManagerService.addNewTier(tierData).then(function(result) { | 89 | updateFuelManagerService.addNewTier(tierData).then(function(result) { |
| 45 | toastr.success('Successfully Added', { | 90 | toastr.success('Successfully Added', { |
| 46 | closeButton: true | 91 | closeButton: true |
| 47 | }) | 92 | }) |
| 48 | $scope.tr = {}; | 93 | vtrData[index].minTierBreak = ''; |
| 94 | vtrData[index].maxTierBreak = ''; | ||
| 95 | vtrData[index].margin = ''; | ||
| 49 | updateFuelManagerService.getJetTiers(id).then(function(tiers) { | 96 | updateFuelManagerService.getJetTiers(id).then(function(tiers) { |
| 50 | $scope.tierList = tiers; | 97 | $scope.vTypeJets[index].tierList = tiers; |
| 51 | }) | 98 | }) |
| 52 | }) | 99 | }) |
| 53 | } | 100 | } |
| 54 | 101 | ||
| 55 | $scope.editTier = function(tier){ | 102 | $scope.editTier = function(tier){ |
| 56 | var editTierData = 'minTierBreak='+tier.minTierBreak+'&maxTierBreak='+tier.maxTierBreak+'&margin='+tier.margin+ | 103 | var editTierData = 'minTierBreak='+tier.minTierBreak+'&maxTierBreak='+tier.maxTierBreak+'&margin='+tier.margin+ |
| 57 | '&marginTotal='+tier.marginTotal+'&marginTemplateId='+tier.marginTemplate.id+'&marginId='+tier.id; | 104 | '&marginTotal='+tier.marginTotal+'&marginTemplateId='+tier.marginTemplate.id+'&marginId='+tier.id; |
| 58 | 105 | ||
| 59 | updateFuelManagerService.editTier(editTierData).then(function(result) { | 106 | updateFuelManagerService.editTier(editTierData).then(function(result) { |
| 60 | toastr.success('Successfully Updated', { | 107 | toastr.success('Successfully Updated', { |
| 61 | closeButton: true | 108 | closeButton: true |
| 62 | }) | 109 | }) |
| 63 | updateFuelManagerService.getJetTiers(tier.marginTemplate.id).then(function(tiers) { | 110 | updateFuelManagerService.getJetTiers(tier.marginTemplate.id).then(function(tiers) { |
| 64 | $scope.tierList = tiers; | 111 | $scope.tierList = tiers; |
| 65 | }) | 112 | }) |
| 66 | }) | 113 | }) |
| 67 | 114 | ||
| 68 | } | 115 | } |
| 69 | 116 | ||
| 70 | $scope.deleteTier = function(id, jetid){ | 117 | $scope.deleteTier = function(id, jetid){ |
| 71 | updateFuelManagerService.deleteTier(id).then(function(result) { | 118 | updateFuelManagerService.deleteTier(id).then(function(result) { |
| 72 | toastr.success(''+result.success+'', { | 119 | toastr.success(''+result.success+'', { |
| 73 | closeButton: true | 120 | closeButton: true |
| 74 | }) | 121 | }) |
| 75 | updateFuelManagerService.getJetTiers(jetid).then(function(tiers) { | 122 | updateFuelManagerService.getJetTiers(jetid).then(function(tiers) { |
| 76 | $scope.tierList = tiers; | 123 | $scope.tierList = tiers; |
| 77 | }) | 124 | }) |
| 78 | }) | 125 | }) |
| 79 | } | 126 | } |
| 80 | 127 | ||
| 81 | $scope.saveJetAccordian = function(jets){ | 128 | $scope.saveJetAccordian = function(jets){ |
| 82 | $scope.jetsDetail = jets; | 129 | $scope.jetsDetail = jets; |
| 83 | $scope.jetsDetail.userProfileId = $scope.userProfileId; | 130 | $scope.jetsDetail.userProfileId = $scope.userProfileId; |
| 84 | //console.log('jets', $scope.jetsDetail); | 131 | //console.log('jets', $scope.jetsDetail); |
| 85 | $('.'+$scope.jetsDetail.id).slideUp(); | 132 | $('.'+$scope.jetsDetail.id).slideUp(); |
| 86 | $('#'+$scope.jetsDetail.id).removeClass('customActive'); | 133 | $('#'+$scope.jetsDetail.id).removeClass('customActive'); |
| 87 | $('#'+$scope.jetsDetail.id+' select, #'+$scope.jetsDetail.id+' input').prop("disabled", true); | 134 | $('#'+$scope.jetsDetail.id+' select, #'+$scope.jetsDetail.id+' input').prop("disabled", true); |
| 88 | $('#'+$scope.jetsDetail.id+' .btn-success, #'+$scope.jetsDetail.id+' .btn-danger').css('display', 'none'); | 135 | $('#'+$scope.jetsDetail.id+' .btn-success, #'+$scope.jetsDetail.id+' .btn-danger').css('display', 'none'); |
| 89 | $('#'+$scope.jetsDetail.id+' .btn-default').css('display', 'inline-block'); | 136 | $('#'+$scope.jetsDetail.id+' .btn-default').css('display', 'inline-block'); |
| 90 | 137 | ||
| 91 | var editJetData = 'productType='+$scope.jetsDetail.productType+'&marginName='+$scope.jetsDetail.marginName+'&pricingStructure='+$scope.jetsDetail.pricingStructure+'&marginValue='+$scope.jetsDetail.marginValue+'&userProfileId='+$scope.jetsDetail.userProfileId+'&marginId='+$scope.jetsDetail.id; | 138 | var editJetData = 'productType='+$scope.jetsDetail.productType+'&marginName='+$scope.jetsDetail.marginName+'&pricingStructure='+$scope.jetsDetail.pricingStructure+'&marginValue='+$scope.jetsDetail.marginValue+'&userProfileId='+$scope.jetsDetail.userProfileId+'&marginId='+$scope.jetsDetail.id; |
| 92 | 139 | ||
| 93 | updateFuelManagerService.editAtypeJetMargin(editJetData).then(function(result) { | 140 | updateFuelManagerService.editAtypeJetMargin(editJetData).then(function(result) { |
| 94 | console.log('newJet', editJetData); | 141 | console.log('newJet', editJetData); |
| 95 | toastr.success('Successfully Updated', { | 142 | toastr.success('Successfully Updated', { |
| 96 | closeButton: true | 143 | closeButton: true |
| 97 | }) | 144 | }) |
| 98 | updateFuelManagerService.getATypeJets($scope.userProfileId).then(function(result) { | 145 | updateFuelManagerService.getATypeJets($scope.userProfileId).then(function(result) { |
| 99 | console.log('result', result); | 146 | console.log('result', result); |
| 100 | $scope.aTypeJets = result; | 147 | $scope.aTypeJets = result; |
| 101 | }) | 148 | }) |
| 102 | }) | 149 | }) |
| 103 | 150 | ||
| 104 | } | 151 | } |
| 105 | 152 | ||
| 153 | $scope.saveVtypeJetAccordian = function(jets){ | ||
| 154 | $scope.jetsDetail = jets; | ||
| 155 | $scope.jetsDetail.userProfileId = $scope.userProfileId; | ||
| 156 | //console.log('jets', $scope.jetsDetail); | ||
| 157 | $('.'+$scope.jetsDetail.id).slideUp(); | ||
| 158 | $('#'+$scope.jetsDetail.id).removeClass('customActive'); | ||
| 159 | $('#'+$scope.jetsDetail.id+' select, #'+$scope.jetsDetail.id+' input').prop("disabled", true); | ||
| 160 | $('#'+$scope.jetsDetail.id+' .btn-success, #'+$scope.jetsDetail.id+' .btn-danger').css('display', 'none'); | ||
| 161 | $('#'+$scope.jetsDetail.id+' .btn-default').css('display', 'inline-block'); | ||
| 162 | |||
| 163 | var editVtypeJetData = 'productType='+$scope.jetsDetail.productType+'&marginName='+$scope.jetsDetail.marginName+'&pricingStructure='+$scope.jetsDetail.pricingStructure+'&marginValue='+$scope.jetsDetail.marginValue+'&userProfileId='+$scope.jetsDetail.userProfileId+'&marginId='+$scope.jetsDetail.id; | ||
| 164 | |||
| 165 | updateFuelManagerService.editVtypeJetMargin(editVtypeJetData).then(function(result) { | ||
| 166 | console.log('newJet', editVtypeJetData); | ||
| 167 | toastr.success('Successfully Updated', { | ||
| 168 | closeButton: true | ||
| 169 | }) | ||
| 170 | updateFuelManagerService.getVTypeJets($scope.userProfileId).then(function(result) { | ||
| 171 | $scope.vTypeJets = result; | ||
| 172 | console.log('second jets', result); | ||
| 173 | }) | ||
| 174 | }) | ||
| 175 | |||
| 176 | } | ||
| 177 | |||
| 178 | $scope.newJet = {}; | ||
| 179 | |||
| 106 | $scope.addNewMarginBtn = function(){ | 180 | $scope.addNewMarginBtn = function(){ |
| 107 | $('.addNewMargin').css('display', 'block'); | 181 | $('.addNewMargin').css('display', 'block'); |
| 108 | } | 182 | } |
| 109 | $scope.closeMarginPopup = function(){ | 183 | $scope.closeMarginPopup = function(){ |
| 110 | $('.addNewMargin').css('display', 'none'); | 184 | $('.addNewMargin').css('display', 'none'); |
| 185 | $scope.newJet = {}; | ||
| 111 | } | 186 | } |
| 112 | 187 | ||
| 113 | $scope.newJet = {}; | 188 | //$scope.newJet.productType = ''; |
| 114 | $scope.newJet.productType = ''; | ||
| 115 | 189 | ||
| 116 | $scope.addNewATypeJet = function(){ | 190 | $scope.addNewATypeJet = function(){ |
| 117 | $scope.newJet.productType = 'JET-A'; | 191 | $scope.newJet.productType = 'JET-A'; |
| 118 | $scope.newJet.userProfileId = $scope.userProfileId; | 192 | $scope.newJet.userProfileId = $scope.userProfileId; |
| 119 | 193 | ||
| 120 | var jetData = 'productType='+$scope.newJet.productType+'&marginName='+$scope.newJet.marginName+'&pricingStructure='+$scope.newJet.pricingStructure+'&marginValue='+$scope.newJet.marginValue+'&userProfileId='+$scope.newJet.userProfileId; | 194 | var jetData = 'productType='+$scope.newJet.productType+'&marginName='+$scope.newJet.marginName+'&pricingStructure='+$scope.newJet.pricingStructure+'&marginValue='+$scope.newJet.marginValue+'&userProfileId='+$scope.newJet.userProfileId; |
| 121 | 195 | ||
| 122 | updateFuelManagerService.addNewAtypeJetMargin(jetData).then(function(result) { | 196 | updateFuelManagerService.addNewAtypeJetMargin(jetData).then(function(result) { |
| 123 | console.log('newJet', jetData); | 197 | console.log('newJet', jetData); |
| 124 | toastr.success('Successfully Added', { | 198 | toastr.success('Successfully Added', { |
| 125 | closeButton: true | 199 | closeButton: true |
| 126 | }) | 200 | }) |
| 127 | $('.addNewMargin').css('display', 'none'); | 201 | $('.addNewMargin').css('display', 'none'); |
| 128 | updateFuelManagerService.getATypeJets($scope.userProfileId).then(function(result) { | 202 | updateFuelManagerService.getATypeJets($scope.userProfileId).then(function(result) { |
| 129 | console.log('result', result); | 203 | console.log('result', result); |
| 130 | $scope.aTypeJets = result; | 204 | $scope.aTypeJets = result; |
| 131 | }) | 205 | }) |
| 132 | }) | 206 | }) |
| 133 | } | 207 | } |
| 134 | 208 | ||
| 209 | $scope.newVtypeJet = {}; | ||
| 210 | |||
| 211 | $scope.addNewVtypePop = function(){ | ||
| 212 | $('.addNewVtype').css('display', 'block'); | ||
| 213 | } | ||
| 214 | $scope.closeNewVtypePop = function(){ | ||
| 215 | $('.addNewVtype').css('display', 'none'); | ||
| 216 | $scope.newVtypeJet = {}; | ||
| 217 | } | ||
| 218 | |||
| 219 | $scope.addNewVTypeJet = function(){ | ||
| 220 | $scope.newVtypeJet.productType = 'AVGAS'; | ||
| 221 | $scope.newVtypeJet.userProfileId = $scope.userProfileId; | ||
| 222 | |||
| 223 | var vJetData = 'productType='+$scope.newVtypeJet.productType+'&marginName='+$scope.newVtypeJet.marginName+'&pricingStructure='+$scope.newVtypeJet.pricingStructure+'&marginValue='+$scope.newVtypeJet.marginValue+'&userProfileId='+$scope.newVtypeJet.userProfileId; | ||
| 224 | |||
| 225 | updateFuelManagerService.addNewVtypeJet(vJetData).then(function(result) { | ||
| 226 | |||
| 227 | toastr.success('Successfully Added', { | ||
| 228 | closeButton: true | ||
| 229 | }) | ||
| 230 | $('.addNewVtype').css('display', 'none'); | ||
| 231 | updateFuelManagerService.getVTypeJets($scope.userProfileId).then(function(result) { | ||
| 232 | $scope.vTypeJets = result; | ||
| 233 | |||
| 234 | }) | ||
| 235 | }) | ||
| 236 | |||
| 237 | } | ||
| 238 | |||
| 239 | |||
| 135 | $scope.sendEmail = {}; | 240 | $scope.sendEmail = {}; |
| 136 | $scope.sendEmail.pricing = ''; | 241 | $scope.sendEmail.pricing = ''; |
| 137 | 242 | ||
| 138 | $scope.confirmMail = function(){ | 243 | $scope.confirmMail = function(){ |
| 139 | if ($scope.sendEmail.pricing != '' && $scope.sendEmail.pricing != null) { | 244 | if ($scope.sendEmail.pricing != '' && $scope.sendEmail.pricing != null) { |
| 140 | $('#confirm1').css('display', 'block'); | 245 | $('#confirm1').css('display', 'block'); |
| 141 | } | 246 | } |
| 142 | } | 247 | } |
| 143 | $scope.saveAndCloseConfirm = function(){ | 248 | $scope.saveAndCloseConfirm = function(){ |
| 144 | $('#confirm1').css('display', 'none'); | 249 | $('#confirm1').css('display', 'none'); |
| 145 | } | 250 | } |
| 146 | $scope.cancelAndCloseConfirm = function(){ | 251 | $scope.cancelAndCloseConfirm = function(){ |
| 147 | $scope.sendEmail = {}; | 252 | $scope.sendEmail = {}; |
| 148 | $scope.sendEmail.pricing = ''; | 253 | $scope.sendEmail.pricing = ''; |
| 149 | $('#confirm1').css('display', 'none'); | 254 | $('#confirm1').css('display', 'none'); |
| 150 | } | 255 | } |
| 151 | $scope.fuelPricing; | 256 | $scope.fuelPricing; |
| 152 | updateFuelManagerService.getFuelPricing($scope.userProfileId).then(function(result) { | 257 | updateFuelManagerService.getFuelPricing($scope.userProfileId).then(function(result) { |
| 153 | $scope.fuelPricing = result; | 258 | $scope.fuelPricing = result; |
| 154 | for (var i = 0; i<$scope.fuelPricing.length; i++) { | 259 | for (var i = 0; i<$scope.fuelPricing.length; i++) { |
| 155 | if ($scope.fuelPricing[i].expirationDate != null) { | 260 | if ($scope.fuelPricing[i].expirationDate != null) { |
| 156 | $scope.fuelPricing[i].expirationDate = new Date($scope.fuelPricing[i].expirationDate) | 261 | $scope.fuelPricing[i].expirationDate = new Date($scope.fuelPricing[i].expirationDate) |
| 157 | } | 262 | } |
| 158 | } | 263 | } |
| 159 | }) | 264 | }) |
| 160 | $scope.updateFuelPricing = {}; | 265 | $scope.updateFuelPricing = {}; |
| 161 | $scope.updateFuelPricing.fuelPricingList = []; | 266 | $scope.updateFuelPricing.fuelPricingList = []; |
| 162 | //$scope.testingArray = []; | 267 | //$scope.testingArray = []; |
| 163 | $scope.updateFuelPricing.userProfileId = $scope.userProfileId; | 268 | $scope.updateFuelPricing.userProfileId = $scope.userProfileId; |
| 164 | $scope.updateFuelPricingClick = function(){ | 269 | $scope.updateFuelPricingClick = function(){ |
| 165 | for (var i = 0; i<$scope.fuelPricing.length; i++) { | 270 | for (var i = 0; i<$scope.fuelPricing.length; i++) { |
| 166 | if ($scope.fuelPricing[i].expirationDate != null) { | 271 | if ($scope.fuelPricing[i].expirationDate != null) { |
| 167 | $scope.fuelPricing[i].expirationDate = $scope.fuelPricing[i].expirationDate.getTime(); | 272 | $scope.fuelPricing[i].expirationDate = $scope.fuelPricing[i].expirationDate.getTime(); |
| 168 | } | 273 | } |
| 169 | 274 | ||
| 170 | $scope.updateFuelPricing.fuelPricingList.push({ | 275 | $scope.updateFuelPricing.fuelPricingList.push({ |
| 171 | 'cost': $scope.fuelPricing[i].cost, | 276 | 'cost': $scope.fuelPricing[i].cost, |
| 172 | 'papMargin': $scope.fuelPricing[i].papMargin, | 277 | 'papMargin': $scope.fuelPricing[i].papMargin, |
| 173 | 'papTotal': $scope.fuelPricing[i].papTotal, | 278 | 'papTotal': $scope.fuelPricing[i].papTotal, |
| 174 | 'productId': $scope.fuelPricing[i].product.id, | 279 | 'productId': $scope.fuelPricing[i].product.id, |
| 175 | 'expirationDate': $scope.fuelPricing[i].expirationDate | 280 | 'expirationDate': $scope.fuelPricing[i].expirationDate |
| 176 | }) | 281 | }) |
| 177 | } | 282 | } |
| 178 | 283 | ||
| 179 | updateFuelManagerService.updateFuelPricing($scope.updateFuelPricing).then(function(result) { | 284 | updateFuelManagerService.updateFuelPricing($scope.updateFuelPricing).then(function(result) { |
| 180 | toastr.success('Successfully Updated', { | 285 | toastr.success('Successfully Updated', { |
| 181 | closeButton: true | 286 | closeButton: true |
| 182 | }) | 287 | }) |
| 183 | updateFuelManagerService.getFuelPricing($scope.userProfileId).then(function(result) { | 288 | updateFuelManagerService.getFuelPricing($scope.userProfileId).then(function(result) { |
| 184 | $scope.fuelPricing = result; | 289 | $scope.fuelPricing = result; |
| 185 | for (var i = 0; i<$scope.fuelPricing.length; i++) { | 290 | for (var i = 0; i<$scope.fuelPricing.length; i++) { |
| 186 | if ($scope.fuelPricing[i].expirationDate != null) { | 291 | if ($scope.fuelPricing[i].expirationDate != null) { |
| 187 | $scope.fuelPricing[i].expirationDate = new Date($scope.fuelPricing[i].expirationDate) | 292 | $scope.fuelPricing[i].expirationDate = new Date($scope.fuelPricing[i].expirationDate) |
| 188 | } | 293 | } |
| 189 | } | 294 | } |
| 190 | }) | 295 | }) |
| 191 | }) | 296 | }) |
| 192 | 297 | ||
| 193 | } | 298 | } |
| 194 | 299 | ||
| 300 | updateFuelManagerService.getFutureFuelPricing($scope.userProfileId).then(function(result) { | ||
| 301 | $scope.futureFuelPricing = result; | ||
| 302 | console.log('$scope.futureFuelPricing', $scope.futureFuelPricing); | ||
| 303 | /*for (var i = 0; i<$scope.fuelPricing.length; i++) { | ||
| 304 | if ($scope.fuelPricing[i].expirationDate != null) { | ||
| 305 | $scope.fuelPricing[i].expirationDate = new Date($scope.fuelPricing[i].expirationDate) | ||
| 306 | } | ||
| 307 | }*/ | ||
| 308 | }) | ||
| 309 | |||
| 195 | 310 | ||
| 196 | }]); | 311 | }]); |
| 197 | 312 | ||
| 198 | 313 |
app/partials/updateFuelManager/updateFuelManager.html
| 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-5"> | 8 | <div class="col-md-5"> |
| 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>Price Manager</h3> | 12 | <h3>Price Manager</h3> |
| 13 | <select style="float: right; margin: 7px 10px; width: 150px; height: 26px; padding: 0 0;" class="form-control" ng-model="sendEmail.pricing" ng-change="confirmMail()"> | 13 | <select style="float: right; margin: 7px 10px; width: 150px; height: 26px; padding: 0 0;" class="form-control" ng-model="sendEmail.pricing" ng-change="confirmMail()"> |
| 14 | <option value="" disabled selected="selected">Send Pricing Email</option> | 14 | <option value="" disabled selected="selected">Send Pricing Email</option> |
| 15 | <option ng-repeat="margins in marginList" value="{{margins.id}}">{{margins.marginName}}</option> | 15 | <option ng-repeat="margins in marginList" value="{{margins.id}}">{{margins.marginName}}</option> |
| 16 | <option disabled>_______________</option> | 16 | <option disabled>_______________</option> |
| 17 | <option value="all">Distribute All</option> | 17 | <option value="all">Distribute All</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 | <h4>Update Fuel Price Here</h4> | 22 | <h4>Update Fuel Price Here</h4> |
| 23 | <table class="table"> | 23 | <table class="table"> |
| 24 | <thead> | 24 | <thead> |
| 25 | <tr> | 25 | <tr> |
| 26 | <th> Product</th> | 26 | <th> Product</th> |
| 27 | <th> Cost</th> | 27 | <th> Cost</th> |
| 28 | <th> Margin</th> | 28 | <th> Margin</th> |
| 29 | <th> PAP(Total)</th> | 29 | <th> PAP(Total)</th> |
| 30 | <th> Date</th> | 30 | <th style="color: #F90;"> Expires</th> |
| 31 | </tr> | 31 | </tr> |
| 32 | </thead> | 32 | </thead> |
| 33 | <tbody> | 33 | <tbody> |
| 34 | <tr ng-repeat="fuelPricing in fuelPricing"> | 34 | <tr ng-repeat="fuelPricing in fuelPricing"> |
| 35 | <td> | 35 | <td> |
| 36 | <span style="line-height: 31px;">{{fuelPricing.product.name}}</span> | 36 | <span style="line-height: 31px;">{{fuelPricing.product.name}}</span> |
| 37 | </td> | 37 | </td> |
| 38 | <td> | 38 | <td> |
| 39 | <input type="text" class="form-control" ng-model="fuelPricing.cost" style="height:31px; width: 50px; padding: 6px 0;"> | 39 | <input type="text" class="form-control" ng-model="fuelPricing.cost" style="height:31px; width: 50px; padding: 6px 0;"> |
| 40 | </td> | 40 | </td> |
| 41 | <td> | 41 | <td> |
| 42 | <input type="text" class="form-control" ng-model="fuelPricing.papMargin" style="height:31px; width: 50px; padding: 6px 0;"> | 42 | <input type="text" class="form-control" ng-model="fuelPricing.papMargin" style="height:31px; width: 50px; padding: 6px 0;"> |
| 43 | </td> | 43 | </td> |
| 44 | <td> | 44 | <td> |
| 45 | <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.cost -- fuelPricing.papMargin}}</span> | 45 | <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.cost -- fuelPricing.papMargin}}</span> |
| 46 | </td> | 46 | </td> |
| 47 | <td> | 47 | <td> |
| 48 | <input type="date" class="form-control" ng-model="fuelPricing.expirationDate" style="height:31px; padding: 6px 0; width: 100px;"> | 48 | <input type="date" class="form-control" ng-model="fuelPricing.expirationDate" style="height:31px; padding: 6px 0; width: 100px; color: #F90;"> |
| 49 | </td> | 49 | </td> |
| 50 | </tr> | 50 | </tr> |
| 51 | </tbody> | 51 | </tbody> |
| 52 | </table> | 52 | </table> |
| 53 | <div class="row" style="margin-left: 0px;"> | 53 | <div class="row" style="margin-left: 0px;"> |
| 54 | <div class="col-md-12" style= "text-align: right;"> | 54 | <div class="col-md-12" style= "text-align: right;"> |
| 55 | <button type="button" class="btn btn-success btn-xs" ng-click="updateFuelPricingClick()">Save</button> | 55 | <button type="button" class="btn btn-success btn-xs" ng-click="updateFuelPricingClick()">Save</button> |
| 56 | </div> | 56 | </div> |
| 57 | </div> | 57 | </div> |
| 58 | </div> | 58 | </div> |
| 59 | <!-- /widget-content --> | 59 | <!-- /widget-content --> |
| 60 | </div> | 60 | </div> |
| 61 | <!-- /widget --> | 61 | <!-- /widget --> |
| 62 | </div> | 62 | </div> |
| 63 | 63 | ||
| 64 | <div class="col-md-7"> | 64 | <div class="col-md-7"> |
| 65 | <div class="widget stacked"> | 65 | <div class="widget stacked"> |
| 66 | <div class="widget-header"> | 66 | <div class="widget-header"> |
| 67 | <i class="fa fa-pencil"></i> | 67 | <i class="fa fa-pencil"></i> |
| 68 | <h3><b>JET-A</b> Customer Margin Template</h3> | 68 | <h3><b>JET-A</b> Customer Margin Template</h3> |
| 69 | <div class="pull-right"> | 69 | <div class="pull-right"> |
| 70 | <button type="submit" class="btn btn-success btn-sm" ng-click="addNewMarginBtn()" style="margin-top: 4px; margin-right: 10px;"><i class="icon-ok"></i>+   Add Aircraft</button> | 70 | <button type="submit" class="btn btn-success btn-sm" ng-click="addNewMarginBtn()" style="margin-top: 4px; margin-right: 10px;"><i class="icon-ok"></i>+   Add Aircraft</button> |
| 71 | </div> | 71 | </div> |
| 72 | </div> | 72 | </div> |
| 73 | <!-- /widget-header --> | 73 | <!-- /widget-header --> |
| 74 | <div class="widget-content"> | 74 | <div class="widget-content"> |
| 75 | <section id="accordions"> | 75 | <section id="accordions"> |
| 76 | <div class="newCustomAccordian"> | 76 | <div class="newCustomAccordian"> |
| 77 | <!-- tab 1 --> | 77 | <!-- tab 1 --> |
| 78 | <div ng-repeat="jets in aTypeJets"> | 78 | <div ng-repeat="jets in aTypeJets"> |
| 79 | <div class="customAccordianHeader" id="{{jets.id}}"> | 79 | <div class="customAccordianHeader" id="{{jets.id}}"> |
| 80 | <span>{{jets.marginName}}</span> | 80 | <span>{{jets.marginName}}</span> |
| 81 | <select class="form-control" disabled="true" ng-model="jets.pricingStructure"> | 81 | <select class="form-control" disabled="true" ng-model="jets.pricingStructure"> |
| 82 | <option value="" disabled selected>Pricing Structure</option> | 82 | <option value="" disabled selected>Pricing Structure</option> |
| 83 | <option value="minus">Retail-(minus)</option> | 83 | <option value="minus">Retail-(minus)</option> |
| 84 | <option value="plus">Cost+(plus)</option> | 84 | <option value="plus">Cost+(plus)</option> |
| 85 | <option value="equal">Direct=(equal)</option> | 85 | <option value="equal">Direct=(equal)</option> |
| 86 | </select> | 86 | </select> |
| 87 | <span style="margin-right: 0;">$</span> | 87 | <span style="margin-right: 0;">$</span> |
| 88 | <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue"> | 88 | <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue"> |
| 89 | <div class="pull-right"> | 89 | <div class="pull-right"> |
| 90 | <button class="btn btn-success" style="display: none;" ng-click="saveJetAccordian(jets)">Save</button> | 90 | <button class="btn btn-success" style="display: none;" ng-click="saveJetAccordian(jets)">Save</button> |
| 91 | <button class="btn btn-danger" style="display: none;" ng-click="deleteJetAccordian(jets.id)">Delete</button> | 91 | <button class="btn btn-danger" style="display: none;" ng-click="deleteJetAccordian(jets.id)">Delete</button> |
| 92 | <button class="btn btn-default" ng-click="toggleJestAccordian(jets.id)">Edit</button> | 92 | <button class="btn btn-default" ng-click="toggleJestAccordian(jets.id, $index)">Edit</button> |
| 93 | </div> | 93 | </div> |
| 94 | <div class="clearfix"></div> | 94 | <div class="clearfix"></div> |
| 95 | </div> | 95 | </div> |
| 96 | <div class="customAccordianTabBody {{jets.id}}" style="display: none;"> | 96 | <div class="customAccordianTabBody {{jets.id}}" style="display: none;"> |
| 97 | <div class="tierListWrap" ng-repeat="tier in tierList"> | 97 | <div class="tierListWrap" ng-repeat="tier in aTypeJets[$index].tierList"> |
| 98 | <div class="tierListHead" style="height: 36px;"> | 98 | <div class="tierListHead" style="height: 36px;"> |
| 99 | <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal. | 99 | <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal. |
| 100 | </span> | 100 | </span> |
| 101 | <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i> | 101 | <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i> |
| 102 | 102 | ||
| 103 | <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier"> | 103 | <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier"> |
| 104 | <span ng-show="showEditTier">-</span> | 104 | <span ng-show="showEditTier">-</span> |
| 105 | <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b> | 105 | <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b> |
| 106 | <div class="clearfix"></div> | 106 | <div class="clearfix"></div> |
| 107 | </div> | 107 | </div> |
| 108 | <div class="tierListBody" style="height: 35px;"> | 108 | <div class="tierListBody" style="height: 35px;"> |
| 109 | <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span> | 109 | <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span> |
| 110 | 110 | ||
| 111 | <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> | 111 | <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> |
| 112 | 112 | ||
| 113 | <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal}})</span> | 113 | <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal}})</span> |
| 114 | 114 | ||
| 115 | <button class="addTierBtn" ng-click="editTier(tier)" ng-show="showEditTier">Save</button> | 115 | <button class="addTierBtn" ng-click="editTier(tier)" ng-show="showEditTier">Save</button> |
| 116 | 116 | ||
| 117 | <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteTier(tier.id, jets.id)" aria-hidden="true" ng-show="showEditTier"></i> | 117 | <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteTier(tier.id, jets.id)" aria-hidden="true" ng-show="showEditTier"></i> |
| 118 | 118 | ||
| 119 | <div class="clearfix"></div> | 119 | <div class="clearfix"></div> |
| 120 | </div> | 120 | </div> |
| 121 | </div> | 121 | </div> |
| 122 | <div class="tierListWrap" style="width: 160px;"> | 122 | <div class="tierListWrap" style="width: 160px;"> |
| 123 | <div class="tierListHead" style="border-right: 1px solid #ddd;"> | 123 | <div class="tierListHead" style="border-right: 1px solid #ddd;"> |
| 124 | <input type="text" placeholder="min" ng-model="tr.minTierBreak"> | 124 | <input type="text" placeholder="min" ng-model="trData[$index].minTierBreak"> |
| 125 | <span>-</span> | 125 | <span>-</span> |
| 126 | <input type="text" placeholder="max" ng-model="tr.maxTierBreak"> <b>gal.</b> | 126 | <input type="text" placeholder="max" ng-model="trData[$index].maxTierBreak"> <b>gal.</b> |
| 127 | <div class="clearfix"></div> | 127 | <div class="clearfix"></div> |
| 128 | </div> | 128 | </div> |
| 129 | <div class="tierListBody" style="border-right: 1px solid #ddd;"> | 129 | <div class="tierListBody" style="border-right: 1px solid #ddd;"> |
| 130 | <span style="color: #449d44;">$</span> | 130 | <span style="color: #449d44;">$</span> |
| 131 | <input type="text" placeholder="margin" ng-model="tr.margin" class="tierTextBox" style="width: 70px; height: 24px;"> | 131 | <input type="text" placeholder="margin" ng-model="trData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;"> |
| 132 | <button class="addTierBtn" ng-click="addNewTier(jets.id)">Add Tier</button> | 132 | <button class="addTierBtn" ng-click="addNewTier(jets.id, trData, $index)">Add Tier</button> |
| 133 | <div class="clearfix"></div> | 133 | <div class="clearfix"></div> |
| 134 | </div> | 134 | </div> |
| 135 | </div> | 135 | </div> |
| 136 | <!-- <div class="tierListWrap" style="width: 32px;"> | 136 | <!-- <div class="tierListWrap" style="width: 32px;"> |
| 137 | <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;"> | 137 | <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;"> |
| 138 | | 138 | |
| 139 | </div> | 139 | </div> |
| 140 | <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;"> | 140 | <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;"> |
| 141 | <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i> | 141 | <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i> |
| 142 | </div> | 142 | </div> |
| 143 | </div> --> | 143 | </div> --> |
| 144 | <div class="clearfix"></div> | 144 | <div class="clearfix"></div> |
| 145 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> | 145 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> |
| 146 | </div> | 146 | </div> |
| 147 | </div> | 147 | </div> |
| 148 | |||
| 149 | <!-- tab 2 --> | ||
| 150 | |||
| 151 | <!-- <div class="customAccordianHeader" id="customTabs2"> | ||
| 152 | <span>Jet Aircraft</span> | ||
| 153 | <select class="form-control" disabled="true"> | ||
| 154 | <option>Pricing Structure</option> | ||
| 155 | <option>Retail-(minus)</option> | ||
| 156 | <option>Cost+(plus)</option> | ||
| 157 | <option>Direct=(equals)</option> | ||
| 158 | </select> | ||
| 159 | <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> | ||
| 160 | <div class="pull-right"> | ||
| 161 | <button class="btn btn-success" style="display: none;">Save</button> | ||
| 162 | <button class="btn btn-danger" style="display: none;">Delete</button> | ||
| 163 | <button class="btn btn-default" id="customTabToggle2">Edit</button> | ||
| 164 | </div> | ||
| 165 | <div class="clearfix"></div> | ||
| 166 | </div> | ||
| 167 | <div class="customAccordianTabBody" id="customTabsBody2" style="display: none;"> | ||
| 168 | <table class="customTableWithFilter"> | ||
| 169 | <thead> | ||
| 170 | <tr> | ||
| 171 | <th> | ||
| 172 | <span class="pull-left">1-250 gal.</span> | ||
| 173 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | ||
| 174 | </th> | ||
| 175 | <th> | ||
| 176 | <span class="pull-left">1-250 gal.</span> | ||
| 177 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | ||
| 178 | </th> | ||
| 179 | <th> | ||
| 180 | <input type="text" placeholder="min" name=""> - | ||
| 181 | <input type="text" placeholder="max" name=""> | ||
| 182 | <span>gal.</span> | ||
| 183 | </th> | ||
| 184 | <th> </th> | ||
| 185 | </tr> | ||
| 186 | </thead> | ||
| 187 | <tbody> | ||
| 188 | <tr> | ||
| 189 | <td> | ||
| 190 | <span class="pull-left">-$0.0000</span> | ||
| 191 | <span class="pull-right">($1.7500)</span> | ||
| 192 | </td> | ||
| 193 | <td> | ||
| 194 | <span class="pull-left">-$0.0000</span> | ||
| 195 | <span class="pull-right">($1.7500)</span> | ||
| 196 | </td> | ||
| 197 | <td> | ||
| 198 | <span>$</span> | ||
| 199 | <input type="text" placeholder="margin" class="tierTextBox" name=""> | ||
| 200 | <button class="addTierButton">Add Tier</button> | ||
| 201 | </td> | ||
| 202 | <td> | ||
| 203 | <i class="fa fa-trash-o" aria-hidden="true"></i> | ||
| 204 | </td> | ||
| 205 | </tr> | ||
| 206 | </tbody> | ||
| 207 | </table> | ||
| 208 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> | ||
| 209 | </div> --> | ||
| 210 | |||
| 211 | <!-- tab 3 --> | ||
| 212 | |||
| 213 | <!-- <div class="customAccordianHeader" id="customTabs3"> | ||
| 214 | <span>Jet Aircraft</span> | ||
| 215 | <select class="form-control" disabled="true"> | ||
| 216 | <option>Pricing Structure</option> | ||
| 217 | <option>Retail-(minus)</option> | ||
| 218 | <option>Cost+(plus)</option> | ||
| 219 | <option>Direct=(equals)</option> | ||
| 220 | </select> | ||
| 221 | <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> | ||
| 222 | <div class="pull-right"> | ||
| 223 | <button class="btn btn-success" style="display: none;">Save</button> | ||
| 224 | <button class="btn btn-danger" style="display: none;">Delete</button> | ||
| 225 | <button class="btn btn-default" id="customTabToggle3">Edit</button> | ||
| 226 | </div> | ||
| 227 | <div class="clearfix"></div> | ||
| 228 | </div> | ||
| 229 | <div class="customAccordianTabBody" id="customTabsBody3" style="display: none;"> | ||
| 230 | <table class="customTableWithFilter"> | ||
| 231 | <thead> | ||
| 232 | <tr> | ||
| 233 | <th> | ||
| 234 | <span class="pull-left">1-250 gal.</span> | ||
| 235 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | ||
| 236 | </th> | ||
| 237 | <th> | ||
| 238 | <span class="pull-left">1-250 gal.</span> | ||
| 239 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | ||
| 240 | </th> | ||
| 241 | <th> | ||
| 242 | <input type="text" placeholder="min" name=""> - | ||
| 243 | <input type="text" placeholder="max" name=""> | ||
| 244 | <span>gal.</span> | ||
| 245 | </th> | ||
| 246 | <th> </th> | ||
| 247 | </tr> | ||
| 248 | </thead> | ||
| 249 | <tbody> | ||
| 250 | <tr> | ||
| 251 | <td> | ||
| 252 | <span class="pull-left">-$0.0000</span> | ||
| 253 | <span class="pull-right">($1.7500)</span> | ||
| 254 | </td> | ||
| 255 | <td> | ||
| 256 | <span class="pull-left">-$0.0000</span> | ||
| 257 | <span class="pull-right">($1.7500)</span> | ||
| 258 | </td> | ||
| 259 | <td> | ||
| 260 | <span>$</span> | ||
| 261 | <input type="text" placeholder="margin" class="tierTextBox" name=""> | ||
| 262 | <button class="addTierButton">Add Tier</button> | ||
| 263 | </td> | ||
| 264 | <td> | ||
| 265 | <i class="fa fa-trash-o" aria-hidden="true"></i> | ||
| 266 | </td> | ||
| 267 | </tr> | ||
| 268 | </tbody> | ||
| 269 | </table> | ||
| 270 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> | ||
| 271 | </div> --> | ||
| 272 | |||
| 273 | <!-- tab 4 --> | ||
| 274 | |||
| 275 | <!-- <div class="customAccordianHeader" id="customTabs4"> | ||
| 276 | <span>Jet Aircraft</span> | ||
| 277 | <select class="form-control" disabled="true"> | ||
| 278 | <option>Pricing Structure</option> | ||
| 279 | <option>Retail-(minus)</option> | ||
| 280 | <option>Cost+(plus)</option> | ||
| 281 | <option>Direct=(equals)</option> | ||
| 282 | </select> | ||
| 283 | <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> | ||
| 284 | <div class="pull-right"> | ||
| 285 | <button class="btn btn-success" style="display: none;">Save</button> | ||
| 286 | <button class="btn btn-danger" style="display: none;">Delete</button> | ||
| 287 | <button class="btn btn-default" id="customTabToggle4">Edit</button> | ||
| 288 | </div> | ||
| 289 | <div class="clearfix"></div> | ||
| 290 | </div> | ||
| 291 | <div class="customAccordianTabBody" id="customTabsBody4" style="display: none;"> | ||
| 292 | <table class="customTableWithFilter"> | ||
| 293 | <thead> | ||
| 294 | <tr> | ||
| 295 | <th> | ||
| 296 | <span class="pull-left">1-250 gal.</span> | ||
| 297 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | ||
| 298 | </th> | ||
| 299 | <th> | ||
| 300 | <span class="pull-left">1-250 gal.</span> | ||
| 301 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | ||
| 302 | </th> | ||
| 303 | <th> | ||
| 304 | <input type="text" placeholder="min" name=""> - | ||
| 305 | <input type="text" placeholder="max" name=""> | ||
| 306 | <span>gal.</span> | ||
| 307 | </th> | ||
| 308 | <th> </th> | ||
| 309 | </tr> | ||
| 310 | </thead> | ||
| 311 | <tbody> | ||
| 312 | <tr> | ||
| 313 | <td> | ||
| 314 | <span class="pull-left">-$0.0000</span> | ||
| 315 | <span class="pull-right">($1.7500)</span> | ||
| 316 | </td> | ||
| 317 | <td> | ||
| 318 | <span class="pull-left">-$0.0000</span> | ||
| 319 | <span class="pull-right">($1.7500)</span> | ||
| 320 | </td> | ||
| 321 | <td> | ||
| 322 | <span>$</span> | ||
| 323 | <input type="text" placeholder="margin" class="tierTextBox" name=""> | ||
| 324 | <button class="addTierButton">Add Tier</button> | ||
| 325 | </td> | ||
| 326 | <td> | ||
| 327 | <i class="fa fa-trash-o" aria-hidden="true"></i> | ||
| 328 | </td> | ||
| 329 | </tr> | ||
| 330 | </tbody> | ||
| 331 | </table> | ||
| 332 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> | ||
| 333 | </div> --> | ||
| 334 | |||
| 335 | |||
| 336 | </div> | 148 | </div> |
| 337 | </section> | 149 | </section> |
| 338 | <div class="row"> </div> | 150 | <div class="row"> </div> |
| 339 | <div class="row"> | 151 | <div class="row"> |
| 340 | <div class="form-group"> | 152 | <div class="form-group"> |
| 341 | <div class="col-lg-12 text-right"> | 153 | <div class="col-lg-12 text-right"> |
| 342 | <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button> | 154 | <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button> |
| 343 | <button type="reset" class="btn btn-default">Cancel</button> | 155 | <button type="reset" class="btn btn-default">Cancel</button> |
| 344 | </div> | 156 | </div> |
| 345 | </div> | 157 | </div> |
| 346 | </div> | 158 | </div> |
| 347 | </div> | 159 | </div> |
| 348 | <!-- /widget-content --> | 160 | <!-- /widget-content --> |
| 349 | </div> | 161 | </div> |
| 350 | <!-- /widget --> | 162 | <!-- /widget --> |
| 351 | </div> | 163 | </div> |
| 352 | <!-- /span6 --> | 164 | <!-- /span6 --> |
| 353 | </div> | 165 | </div> |
| 354 | <!-- /span12 --> | 166 | <!-- /span12 --> |
| 355 | </div> | 167 | </div> |
| 356 | <!-- /row --> | 168 | <!-- /row --> |
| 357 | <div class="container"> | 169 | <div class="container"> |
| 358 | <div class="row"> | 170 | <div class="row"> |
| 359 | <div class="col-md-5"> | 171 | <div class="col-md-5"> |
| 360 | <div class="widget stacked"> | 172 | <div class="widget stacked"> |
| 361 | <div class="widget-header"> | 173 | <div class="widget-header"> |
| 362 | <i class="fa fa-pencil"></i> | 174 | <i class="fa fa-pencil"></i> |
| 363 | <h3>Queue Future Pricing </h3> | 175 | <h3>Queue Future Pricing</h3> |
| 364 | <!-- <select style="float: right;margin:10px;background-color:#cd7b00;"> | ||
| 365 | <option>Send Pricing Email</option> | ||
| 366 | <option>Margin 1</option> | ||
| 367 | <option>Margin 2</option> | ||
| 368 | <option>Margin Tenants</option> | ||
| 369 | </select> --> | ||
| 370 | </div> | 176 | </div> |
| 371 | <!-- /widget-header --> | 177 | <!-- /widget-header --> |
| 372 | <div class="widget-content"> | 178 | <div class="widget-content"> |
| 373 | <h6>Queue Future Fuel Pricing Here</h6> | 179 | <h4>Update Queue Future Fuel Pricing Here</h4> |
| 374 | <table class="table table-striped"> | 180 | <table class="table"> |
| 375 | <thead> | 181 | <thead> |
| 376 | <tr> | 182 | <tr> |
| 377 | <th> Product</th> | 183 | <th> Product</th> |
| 378 | <th> Cost</th> | 184 | <th> Cost</th> |
| 379 | <th>PAP(Total)</th> | 185 | <th> PAP(Total)</th> |
| 380 | <th>Deploy</th> | 186 | <th> Deploy</th> |
| 381 | <th>Next Expiration</th> | 187 | <th style="color: #F90;"> Next Expiration</th> |
| 382 | </tr> | 188 | </tr> |
| 383 | </thead> | 189 | </thead> |
| 384 | <tbody> | 190 | <tbody> |
| 385 | <tr> | 191 | <tr ng-repeat="fuelPricing in futureFuelPricing"> |
| 386 | <td>Name and inc.</td> | 192 | <td> |
| 387 | <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> | 193 | <span style="line-height: 31px;">{{fuelPricing.product.name}}</span> |
| 388 | <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> | 194 | </td> |
| 389 | <td>Jemmy</td> | 195 | <td> |
| 390 | <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> | 196 | <input type="text" class="form-control" ng-model="fuelPricing.cost" style="height:31px; width: 50px; padding: 6px 0;"> |
| 391 | </tr> | 197 | </td> |
| 392 | <tr> | 198 | <td> |
| 393 | <td>Name and inc.</td> | 199 | <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.cost -- fuelPricing.papMargin}}</span> |
| 394 | <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> | 200 | </td> |
| 395 | <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> | 201 | <td> |
| 396 | <td>Jemmy</td> | 202 | <input type="date" class="form-control" ng-model="fuelPricing.expirationDate" style="height:31px; padding: 6px 0; width: 100px;"> |
| 397 | <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> | 203 | </td> |
| 204 | <td> | ||
| 205 | <input type="date" class="form-control" ng-model="fuelPricing.expirationDate" style="height:31px; padding: 6px 0; width: 100px; color: #F90;"> | ||
| 206 | </td> | ||
| 398 | </tr> | 207 | </tr> |
| 399 | </tbody> | 208 | </tbody> |
| 400 | </table> | 209 | </table> |
| 401 | <div class="row" style="margin-left: 0px;"> | 210 | <div class="row" style="margin-left: 0px;"> |
| 402 | <div class="col-md-12" style= "text-align: right;"> | 211 | <div class="col-md-12" style= "text-align: right;"> |
| 403 | <button type="button" class="btn btn-success btn-xs">Save</button> | 212 | <button type="button" class="btn btn-success btn-xs" ng-click="updateFuelPricingClick()">Save</button> |
| 404 | </div> | 213 | </div> |
| 405 | </div> | 214 | </div> |
| 406 | </div> | 215 | </div> |
| 407 | <!-- /widget-content --> | 216 | <!-- /widget-content --> |
| 408 | </div> | 217 | </div> |
| 409 | <!-- /widget --> | 218 | <!-- /widget --> |
| 410 | </div> | 219 | </div> |
| 411 | <div class="col-md-7"> | 220 | <div class="col-md-7"> |
| 412 | <div class="widget stacked"> | 221 | <div class="widget stacked"> |
| 413 | <div class="widget-header"> | 222 | <div class="widget-header"> |
| 414 | <i class="fa fa-pencil"></i> | 223 | <i class="fa fa-pencil"></i> |
| 415 | <h3><b>JET-A</b> Customer Margin Template</h3> | 224 | <h3><b style="color: 39c;">AVGAS 100LL </b> <i>Customer Margin Template</i></h3> |
| 416 | <div class="pull-right"> | 225 | <div class="pull-right"> |
| 417 | <button type="submit" class="btn btn-success btn-sm"><i class="icon-ok"></i>+   Add Aircraft</button> | 226 | <button type="submit" class="btn btn-success btn-sm" ng-click="addNewVtypePop()" style="margin-top: 4px; margin-right: 10px;"><i class="icon-ok"></i>+   Add Aircraft</button> |
| 418 | </div> | 227 | </div> |
| 419 | </div> | 228 | </div> |
| 420 | <!-- /widget-header --> | 229 | <!-- /widget-header --> |
| 421 | <div class="widget-content"> | 230 | <div class="widget-content"> |
| 422 | <!-- <section id="accordions"> | 231 | <section id="accordions"> |
| 423 | <div class="panel-group accordion"> | 232 | <div class="newCustomAccordian"> |
| 424 | <div class="panel panel-default open"> | 233 | <!-- tab 1 --> |
| 425 | <div class="panel-heading"> | 234 | <div ng-repeat="jets in vTypeJets"> |
| 426 | <h4 class="panel-title"> | 235 | <div class="customAccordianHeader" id="{{jets.id}}"> |
| 427 | <a class="accordion-toggle" style="float:left;" data-toggle="collapse" data-parent=".accordion" href="#collapseOne"> | 236 | <span>{{jets.marginName}}</span> |
| 428 | Margin 1 | 237 | <select class="form-control" disabled="true" ng-model="jets.pricingStructure"> |
| 429 | </a> | 238 | <option value="" disabled selected>Pricing Structure</option> |
| 430 | <span style="color:#ff9900;font-size:12px;margin-left:50px">Retail- (minus) </span><span style="font-size:12px">$1.1500</span> | 239 | <option value="minus">Retail-(minus)</option> |
| 431 | </h4> | 240 | <option value="plus">Cost+(plus)</option> |
| 432 | </div> | 241 | <option value="equal">Direct=(equal)</option> |
| 433 | <div id="collapseOne" class="panel-collapse collapse in"> | 242 | </select> |
| 434 | <div class="panel-body"> | 243 | <span style="margin-right: 0;">$</span> |
| 435 | <div id="editor2" style="visibility: hidden;"> | 244 | <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue"> |
| 436 | </div> | 245 | <div class="pull-right"> |
| 246 | <button class="btn btn-success" style="display: none;" ng-click="saveVtypeJetAccordian(jets)">Save</button> | ||
| 247 | <button class="btn btn-danger" style="display: none;" ng-click="deleteVtypeJetAccordian(jets.id)">Delete</button> | ||
| 248 | <button class="btn btn-default" ng-click="toggleVtypeJestAccordian(jets.id, $index)">Edit</button> | ||
| 437 | </div> | 249 | </div> |
| 250 | <div class="clearfix"></div> | ||
| 438 | </div> | 251 | </div> |
| 439 | </div> | 252 | <div class="customAccordianTabBody {{jets.id}}" style="display: none;"> |
| 440 | <div class="panel panel-default"> | 253 | <div class="tierListWrap" ng-repeat="tier in vTypeJets[$index].tierList"> |
| 441 | <div class="panel-heading"> | 254 | <div class="tierListHead" style="height: 36px;"> |
| 442 | <h4 class="panel-title"> | 255 | <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal. |
| 443 | <a class="accordion-toggle" data-toggle="collapse" data-parent=".accordion" href="#collapseTwo"> | 256 | </span> |
| 444 | TurboPop AirCraft | 257 | <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i> |
| 445 | </a> | 258 | |
| 446 | </h4> | 259 | <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier"> |
| 447 | </div> | 260 | <span ng-show="showEditTier">-</span> |
| 448 | <div id="collapseTwo" class="panel-collapse collapse"> | 261 | <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b> |
| 449 | <div class="panel-body"> | 262 | <div class="clearfix"></div> |
| 450 | <div class="row" style="margin-left: 0px;"> | ||
| 451 | <div class="col-md-8"> | ||
| 452 | <div class="row" style="margin-bottom: 5px;"> | ||
| 453 | <div class="col-md-1" style="text-align: right;"> | ||
| 454 | <h5 style="color: blue;font-weight: bold;">Omit</h5> | ||
| 455 | </div> | ||
| 456 | <div class="col-md-5"> | ||
| 457 | <h5 style="color: blue;font-weight: bold;">AirCraft Size</h5> | ||
| 458 | </div> | ||
| 459 | <div class="col-md-3"> | ||
| 460 | <h5 style="color: blue;font-weight: bold;">Ramp/Facility Fee</h5> | ||
| 461 | </div> | ||
| 462 | <div class="col-md-3"> | ||
| 463 | <h5 style="color: blue;font-weight: bold;">Avoidance</h5> | ||
| 464 | </div> | ||
| 465 | </div> | ||
| 466 | <div class="row" style="margin-bottom: 5px;"> | ||
| 467 | <div class="col-md-1" style="text-align: right;"> | ||
| 468 | <input type="checkbox" name="validateCheckbox" value="1"> | ||
| 469 | </div> | ||
| 470 | <div class="col-md-5"> | ||
| 471 | <p>Very Light Jet | ||
| 472 | </p> | ||
| 473 | </div> | ||
| 474 | <div class="col-md-3"> | ||
| 475 | <input type="text" class="form-control" name="name" id="name"> | ||
| 476 | </div> | ||
| 477 | <div class="col-md-3"> | ||
| 478 | <input type="text" class="form-control" name="name" id="name"> | ||
| 479 | </div> | ||
| 480 | </div> | ||
| 481 | <div class="row" style="margin-bottom: 5px;"> | ||
| 482 | <div class="col-md-1" style="text-align: right;"> | ||
| 483 | <input type="checkbox" name="validateCheckbox" value="1"> | ||
| 484 | </div> | ||
| 485 | <div class="col-md-5"> | ||
| 486 | <p> Light Jet | ||
| 487 | </p> | ||
| 488 | </div> | ||
| 489 | <div class="col-md-3"> | ||
| 490 | <input type="text" class="form-control" name="name" id="name"> | ||
| 491 | </div> | ||
| 492 | <div class="col-md-3"> | ||
| 493 | <input type="text" class="form-control" name="name" id="name"> | ||
| 494 | </div> | ||
| 495 | </div> | ||
| 496 | </div> | ||
| 497 | <div class="col-md-4"> | ||
| 498 | </div> | ||
| 499 | </div> | 263 | </div> |
| 500 | </div> | 264 | <div class="tierListBody" style="height: 35px;"> |
| 501 | </div> | 265 | <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span> |
| 502 | </div> | 266 | |
| 503 | <div class="panel panel-default"> | 267 | <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> |
| 504 | <div class="panel-heading"> | 268 | |
| 505 | <h4 class="panel-title"> | 269 | <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal}})</span> |
| 506 | <a class="accordion-toggle" data-toggle="collapse" data-parent=".accordion" href="#collapseThree"> | 270 | |
| 507 | Collapsible Group Item #3 | 271 | <button class="addTierBtn" ng-click="editTier(tier)" ng-show="showEditTier">Save</button> |
| 508 | </a> | 272 | |
| 509 | </h4> | 273 | <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteTier(tier.id, jets.id)" aria-hidden="true" ng-show="showEditTier"></i> |
| 510 | </div> | 274 | |
| 511 | <div id="collapseThree" class="panel-collapse collapse"> | 275 | <div class="clearfix"></div> |
| 512 | <div class="panel-body"> | ||
| 513 | 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. | ||
| 514 | </div> | ||
| 515 | </div> | ||
| 516 | </div> | ||
| 517 | </div> | ||
| 518 | </section> --> | ||
| 519 | <uib-accordion close-others="oneAtATime"> | ||
| 520 | <div uib-accordion-group class="panel-default" heading="Margin 1 Retail- (minus) $1.1500"> | ||
| 521 | <div id="editor2" style="visibility: hidden;"></div> | ||
| 522 | </div> | ||
| 523 | <div uib-accordion-group class="panel-default" heading="TurboPop AirCraft"> | ||
| 524 | <div class="panel-body"> | ||
| 525 | <div class="row" style="margin-left: 0px;"> | ||
| 526 | <div class="col-md-8"> | ||
| 527 | <div class="row" style="margin-bottom: 5px;"> | ||
| 528 | <div class="col-md-1" style="text-align: right;"> | ||
| 529 | <h5 style="color: blue;font-weight: bold;">Omit</h5> | ||
| 530 | </div> | ||
| 531 | <div class="col-md-5"> | ||
| 532 | <h5 style="color: blue;font-weight: bold;">AirCraft Size</h5> | ||
| 533 | </div> | ||
| 534 | <div class="col-md-3"> | ||
| 535 | <h5 style="color: blue;font-weight: bold;">Ramp/Facility Fee</h5> | ||
| 536 | </div> | ||
| 537 | <div class="col-md-3"> | ||
| 538 | <h5 style="color: blue;font-weight: bold;">Avoidance</h5> | ||
| 539 | </div> | ||
| 540 | </div> | 276 | </div> |
| 541 | <div class="row" style="margin-bottom: 5px;"> | 277 | </div> |
| 542 | <div class="col-md-1" style="text-align: right;"> | 278 | <div class="tierListWrap" style="width: 160px;"> |
| 543 | <input type="checkbox" name="validateCheckbox" value="1"> | 279 | <div class="tierListHead" style="border-right: 1px solid #ddd;"> |
| 544 | </div> | 280 | <input type="text" placeholder="min" ng-model="vtrData[$index].minTierBreak"> |
| 545 | <div class="col-md-5"> | 281 | <span>-</span> |
| 546 | <p>Very Light Jet | 282 | <input type="text" placeholder="max" ng-model="vtrData[$index].maxTierBreak"> <b>gal.</b> |
| 547 | </p> | 283 | <div class="clearfix"></div> |
| 548 | </div> | ||
| 549 | <div class="col-md-3"> | ||
| 550 | <input type="text" class="form-control" name="name" id="name"> | ||
| 551 | </div> | ||
| 552 | <div class="col-md-3"> | ||
| 553 | <input type="text" class="form-control" name="name" id="name"> | ||
| 554 | </div> | ||
| 555 | </div> | 284 | </div> |
| 556 | <div class="row" style="margin-bottom: 5px;"> | 285 | <div class="tierListBody" style="border-right: 1px solid #ddd;"> |
| 557 | <div class="col-md-1" style="text-align: right;"> | 286 | <span style="color: #449d44;">$</span> |
| 558 | <input type="checkbox" name="validateCheckbox" value="1"> | 287 | <input type="text" placeholder="margin" ng-model="vtrData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;"> |
| 559 | </div> | 288 | <button class="addTierBtn" ng-click="addNewVtypeTier(jets.id, vtrData, $index)">Add Tier</button> |
| 560 | <div class="col-md-5"> | 289 | <div class="clearfix"></div> |
| 561 | <p> Light Jet | ||
| 562 | </p> | ||
| 563 | </div> | ||
| 564 | <div class="col-md-3"> | ||
| 565 | <input type="text" class="form-control" name="name" id="name"> | ||
| 566 | </div> | ||
| 567 | <div class="col-md-3"> | ||
| 568 | <input type="text" class="form-control" name="name" id="name"> | ||
| 569 | </div> | ||
| 570 | </div> | 290 | </div> |
| 571 | </div> | 291 | </div> |
| 572 | <div class="col-md-4"> | 292 | <!-- <div class="tierListWrap" style="width: 32px;"> |
| 573 | </div> | 293 | <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;"> |
| 294 | | ||
| 295 | </div> | ||
| 296 | <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;"> | ||
| 297 | <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i> | ||
| 298 | </div> | ||
| 299 | </div> --> | ||
| 300 | <div class="clearfix"></div> | ||
| 301 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> | ||
| 574 | </div> | 302 | </div> |
| 575 | </div> | 303 | </div> |
| 576 | </div> | 304 | </div> |
| 577 | <div uib-accordion-group class="panel-default" heading="Collapsible Group Item #3"> | 305 | </section> |
| 578 | 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. | 306 | <div class="row"> </div> |
| 307 | <div class="row"> | ||
| 308 | <div class="form-group"> | ||
| 309 | <div class="col-lg-12 text-right"> | ||
| 310 | <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button> | ||
| 311 | <button type="reset" class="btn btn-default">Cancel</button> | ||
| 312 | </div> | ||
| 579 | </div> | 313 | </div> |
| 580 | </uib-accordion> | 314 | </div> |
| 581 | </div> | 315 | </div> |
| 582 | <!-- /widget-content --> | 316 | <!-- /widget-content --> |
| 583 | </div> | 317 | </div> |
| 584 | <!-- /widget --> | 318 | <!-- /widget --> |
| 585 | </div> | 319 | </div> |
| 586 | <!-- /span6 --> | 320 | <!-- /span6 --> |
| 587 | </div> | 321 | </div> |
| 588 | </div> | 322 | </div> |
| 589 | </div> | 323 | </div> |
| 590 | </div> <!-- /container --> | 324 | </div> <!-- /container --> |
| 591 | 325 | ||
| 592 | 326 | ||
| 593 | <div class="addNewMargin" style="display: none;"> | 327 | <div class="addNewMargin" style="display: none;"> |
| 594 | <div class="customBackdrop"> | 328 | <div class="customBackdrop"> |
| 595 | <div class="customModalInner" style="max-width: 700px;"> | 329 | <div class="customModalInner" style="max-width: 700px;"> |
| 596 | <div class="customModelHead"> | 330 | <div class="customModelHead"> |
| 597 | <p class="pull-left"> | 331 | <p class="pull-left"> |
| 598 | <i class="fa fa-list-alt" aria-hidden="true"></i> | 332 | <i class="fa fa-list-alt" aria-hidden="true"></i> |
| 599 | Add New JET-A Customer Margin | 333 | Add New JET-A Customer Margin |
| 600 | </p> | 334 | </p> |
| 601 | <p class="pull-right"> | 335 | <p class="pull-right"> |
| 602 | <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeMarginPopup()"></i> | 336 | <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeMarginPopup()"></i> |
| 603 | </p> | 337 | </p> |
| 604 | <div class="clearfix"></div> | 338 | <div class="clearfix"></div> |
| 605 | </div> | 339 | </div> |
| 606 | <div class="customModelBody"> | 340 | <div class="customModelBody"> |
| 607 | 341 | ||
| 608 | <div class="customAccordianHeader customActive"> | 342 | <div class="customAccordianHeader customActive"> |
| 609 | <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newJet.marginName"> | 343 | <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newJet.marginName"> |
| 610 | <select class="form-control" ng-model="newJet.pricingStructure"> | 344 | <select class="form-control" ng-model="newJet.pricingStructure"> |
| 611 | <option value="" disabled selected>Pricing Structure</option> | 345 | <option value="" disabled selected>Pricing Structure</option> |
| 612 | <option value="minus">Retail-(minus)</option> | 346 | <option value="minus">Retail-(minus)</option> |
| 613 | <option value="plus">Cost+(plus)</option> | 347 | <option value="plus">Cost+(plus)</option> |
| 614 | <option value="equal">Direct=(equal)</option> | 348 | <option value="equal">Direct=(equal)</option> |
| 615 | </select> | 349 | </select> |
| 616 | <span style="margin-right: 0;">$</span> | 350 | <span style="margin-right: 0;">$</span> |
| 617 | <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newJet.marginValue"> | 351 | <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newJet.marginValue"> |
| 618 | <div class="clearfix"></div> | 352 | <div class="clearfix"></div> |
| 619 | </div> | 353 | </div> |
| 620 | <div class="customAccordianTabBody"> | 354 | <div class="customAccordianTabBody"> |
| 621 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> | 355 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> |
| 622 | </div> | 356 | </div> |
| 623 | 357 | ||
| 624 | </div> | 358 | </div> |
| 625 | <div class="customModelFooter text-center"> | 359 | <div class="customModelFooter text-center"> |
| 626 | <input type="submit" value="Save" class="btn" ng-click="addNewATypeJet()"> | 360 | <input type="submit" value="Save" class="btn" ng-click="addNewATypeJet()"> |
| 627 | <button class="btn" ng-click="closeMarginPopup()">Cancel</button> | 361 | <button class="btn" ng-click="closeMarginPopup()">Cancel</button> |
| 628 | </div> | 362 | </div> |
| 629 | </div> | 363 | </div> |
| 630 | </div> | 364 | </div> |
| 631 | </div> | 365 | </div> |
| 632 | 366 | ||
| 367 | <div class="addNewVtype" style="display: none;"> | ||
| 368 | <div class="customBackdrop"> | ||
| 369 | <div class="customModalInner" style="max-width: 700px;"> | ||
| 370 | <div class="customModelHead"> | ||
| 371 | <p class="pull-left"> | ||
| 372 | <i class="fa fa-list-alt" aria-hidden="true"></i> | ||
| 373 | Add New AVGAS 100LL Customer Margin Template | ||
| 374 | </p> | ||
| 375 | <p class="pull-right"> | ||
| 376 | <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeNewVtypePop()"></i> |
app/partials/updateFuelManager/updateFuelManager.service.js
| 1 | (function(){ | 1 | (function(){ |
| 2 | 'use strict'; | 2 | 'use strict'; |
| 3 | angular.module('acufuel') | 3 | angular.module('acufuel') |
| 4 | .service('updateFuelManagerService', ['$q', '$http', 'BASE_URL', updateFuelManagerService]); | 4 | .service('updateFuelManagerService', ['$q', '$http', 'BASE_URL', updateFuelManagerService]); |
| 5 | 5 | ||
| 6 | function updateFuelManagerService($q, $http, BASE_URL) { | 6 | function updateFuelManagerService($q, $http, BASE_URL) { |
| 7 | var temp = {}; | 7 | var temp = {}; |
| 8 | 8 | ||
| 9 | this.getATypeJets = function(id) { | 9 | this.getATypeJets = function(id) { |
| 10 | 10 | ||
| 11 | var deferred = $q.defer(); | 11 | var deferred = $q.defer(); |
| 12 | $http({ | 12 | $http({ |
| 13 | method : 'GET', | 13 | method : 'GET', |
| 14 | url : BASE_URL.url +'/margin/getJetAType/'+id, | 14 | url : BASE_URL.url +'/margin/getJetAType/'+id, |
| 15 | headers : {'Content-Type': 'application/json'}, | 15 | headers : {'Content-Type': 'application/json'}, |
| 16 | }) | 16 | }) |
| 17 | .then(function (result){ | 17 | .then(function (result){ |
| 18 | deferred.resolve(result.data); | 18 | deferred.resolve(result.data); |
| 19 | },function (result){ | 19 | },function (result){ |
| 20 | deferred.resolve(result.data); | 20 | deferred.resolve(result.data); |
| 21 | }) | 21 | }) |
| 22 | return deferred.promise; | 22 | return deferred.promise; |
| 23 | } | 23 | } |
| 24 | 24 | ||
| 25 | this.getVTypeJets = function(id) { | ||
| 26 | |||
| 27 | var deferred = $q.defer(); | ||
| 28 | $http({ | ||
| 29 | method : 'GET', | ||
| 30 | url : BASE_URL.url +'/margin/getAVGASType/'+id, | ||
| 31 | headers : {'Content-Type': 'application/json'}, | ||
| 32 | }) | ||
| 33 | .then(function (result){ | ||
| 34 | deferred.resolve(result.data); | ||
| 35 | },function (result){ | ||
| 36 | deferred.resolve(result.data); | ||
| 37 | }) | ||
| 38 | return deferred.promise; | ||
| 39 | } | ||
| 40 | |||
| 25 | this.addNewAtypeJetMargin = function(data){ | 41 | this.addNewAtypeJetMargin = function(data){ |
| 26 | var deferred = $q.defer(); | 42 | var deferred = $q.defer(); |
| 27 | $http({ | 43 | $http({ |
| 28 | method : 'POST', | 44 | method : 'POST', |
| 29 | url : BASE_URL.url +'/margin', | 45 | url : BASE_URL.url +'/margin', |
| 30 | headers : {'Content-Type': 'application/json'}, | 46 | headers : {'Content-Type': 'application/json'}, |
| 31 | data: data | 47 | data: data |
| 32 | }) | 48 | }) |
| 33 | .then(function (result){ | 49 | .then(function (result){ |
| 34 | deferred.resolve(result.data); | 50 | deferred.resolve(result.data); |
| 35 | },function (result){ | 51 | },function (result){ |
| 36 | deferred.resolve(result.data); | 52 | deferred.resolve(result.data); |
| 37 | }) | 53 | }) |
| 38 | return deferred.promise; | 54 | return deferred.promise; |
| 39 | } | 55 | } |
| 40 | 56 | ||
| 57 | this.addNewVtypeJet = function(data){ | ||
| 58 | var deferred = $q.defer(); | ||
| 59 | $http({ | ||
| 60 | method : 'POST', | ||
| 61 | url : BASE_URL.url +'/margin', | ||
| 62 | headers : {'Content-Type': 'application/json'}, | ||
| 63 | data: data | ||
| 64 | }) | ||
| 65 | .then(function (result){ | ||
| 66 | deferred.resolve(result.data); | ||
| 67 | },function (result){ | ||
| 68 | deferred.resolve(result.data); | ||
| 69 | }) | ||
| 70 | return deferred.promise; | ||
| 71 | } | ||
| 72 | |||
| 41 | this.editAtypeJetMargin = function(data){ | 73 | this.editAtypeJetMargin = function(data){ |
| 42 | var deferred = $q.defer(); | 74 | var deferred = $q.defer(); |
| 43 | $http({ | 75 | $http({ |
| 44 | method : 'PUT', | 76 | method : 'PUT', |
| 45 | url : BASE_URL.url +'/margin', | 77 | url : BASE_URL.url +'/margin', |
| 46 | headers : {'Content-Type': 'application/json'}, | 78 | headers : {'Content-Type': 'application/json'}, |
| 47 | data: data | 79 | data: data |
| 48 | }) | 80 | }) |
| 49 | .then(function (result){ | 81 | .then(function (result){ |
| 50 | deferred.resolve(result.data); | 82 | deferred.resolve(result.data); |
| 51 | },function (result){ | 83 | },function (result){ |
| 52 | deferred.resolve(result.data); | 84 | deferred.resolve(result.data); |
| 53 | }) | 85 | }) |
| 54 | return deferred.promise; | 86 | return deferred.promise; |
| 55 | } | 87 | } |
| 56 | 88 | ||
| 89 | this.editVtypeJetMargin = function(data){ | ||
| 90 | var deferred = $q.defer(); | ||
| 91 | $http({ | ||
| 92 | method : 'PUT', | ||
| 93 | url : BASE_URL.url +'/margin', | ||
| 94 | headers : {'Content-Type': 'application/json'}, | ||
| 95 | data: data | ||
| 96 | }) | ||
| 97 | .then(function (result){ | ||
| 98 | deferred.resolve(result.data); | ||
| 99 | },function (result){ | ||
| 100 | deferred.resolve(result.data); | ||
| 101 | }) | ||
| 102 | return deferred.promise; | ||
| 103 | } | ||
| 104 | |||
| 57 | this.getJetTiers = function(id) { | 105 | this.getJetTiers = function(id) { |
| 58 | 106 | ||
| 59 | var deferred = $q.defer(); | 107 | var deferred = $q.defer(); |
| 60 | $http({ | 108 | $http({ |
| 61 | method : 'GET', | 109 | method : 'GET', |
| 62 | url : BASE_URL.url +'/margin/getCustomMargins/'+id, | 110 | url : BASE_URL.url +'/margin/getCustomMargins/'+id, |
| 63 | headers : {'Content-Type': 'application/json'}, | 111 | headers : {'Content-Type': 'application/json'}, |
| 64 | }) | 112 | }) |
| 65 | .then(function (result){ | 113 | .then(function (result){ |
| 66 | deferred.resolve(result.data); | 114 | deferred.resolve(result.data); |
| 67 | },function (result){ | 115 | },function (result){ |
| 68 | deferred.resolve(result.data); | 116 | deferred.resolve(result.data); |
| 69 | }) | 117 | }) |
| 70 | return deferred.promise; | 118 | return deferred.promise; |
| 71 | } | 119 | } |
| 72 | 120 | ||
| 73 | this.addNewTier = function(data){ | 121 | this.addNewTier = function(data){ |
| 74 | var deferred = $q.defer(); | 122 | var deferred = $q.defer(); |
| 75 | $http({ | 123 | $http({ |
| 76 | method : 'POST', | 124 | method : 'POST', |
| 77 | url : BASE_URL.url +'/margin/custom', | 125 | url : BASE_URL.url +'/margin/custom', |
| 78 | headers : {'Content-Type': 'application/json'}, | 126 | headers : {'Content-Type': 'application/json'}, |
| 79 | data: data | 127 | data: data |
| 80 | }) | 128 | }) |
| 81 | .then(function (result){ | 129 | .then(function (result){ |
| 82 | deferred.resolve(result.data); | 130 | deferred.resolve(result.data); |
| 83 | },function (result){ | 131 | },function (result){ |
| 84 | deferred.resolve(result.data); | 132 | deferred.resolve(result.data); |
| 85 | }) | 133 | }) |
| 86 | return deferred.promise; | 134 | return deferred.promise; |
| 87 | } | 135 | } |
| 88 | 136 | ||
| 89 | this.editTier = function(data){ | 137 | this.editTier = function(data){ |
| 90 | var deferred = $q.defer(); | 138 | var deferred = $q.defer(); |
| 91 | $http({ | 139 | $http({ |
| 92 | method : 'PUT', | 140 | method : 'PUT', |
| 93 | url : BASE_URL.url +'/margin/custom', | 141 | url : BASE_URL.url +'/margin/custom', |
| 94 | headers : {'Content-Type': 'application/json'}, | 142 | headers : {'Content-Type': 'application/json'}, |
| 95 | data: data | 143 | data: data |
| 96 | }) | 144 | }) |
| 97 | .then(function (result){ | 145 | .then(function (result){ |
| 98 | deferred.resolve(result.data); | 146 | deferred.resolve(result.data); |
| 99 | },function (result){ | 147 | },function (result){ |
| 100 | deferred.resolve(result.data); | 148 | deferred.resolve(result.data); |
| 101 | }) | 149 | }) |
| 102 | return deferred.promise; | 150 | return deferred.promise; |
| 103 | } | 151 | } |
| 104 | 152 | ||
| 105 | this.deleteTier = function(id) { | 153 | this.deleteTier = function(id) { |
| 106 | 154 | ||
| 107 | var deferred = $q.defer(); | 155 | var deferred = $q.defer(); |
| 108 | $http({ | 156 | $http({ |
| 109 | method : 'DELETE', | 157 | method : 'DELETE', |
| 110 | url : BASE_URL.url +'/margin/customMargins/'+id, | 158 | url : BASE_URL.url +'/margin/customMargins/'+id, |
| 111 | headers : {'Content-Type': 'application/json'}, | 159 | headers : {'Content-Type': 'application/json'}, |
| 112 | }) | 160 | }) |
| 113 | .then(function (result){ | 161 | .then(function (result){ |
| 114 | deferred.resolve(result.data); | 162 | deferred.resolve(result.data); |
| 115 | },function (result){ | 163 | },function (result){ |
| 116 | deferred.resolve(result.data); | 164 | deferred.resolve(result.data); |
| 117 | }) | 165 | }) |
| 118 | return deferred.promise; | 166 | return deferred.promise; |
| 119 | } | 167 | } |
| 120 | 168 | ||
| 121 | this.getFuelPricing = function(id) { | 169 | this.getFuelPricing = function(id) { |
| 122 | 170 | ||
| 123 | var deferred = $q.defer(); | 171 | var deferred = $q.defer(); |
| 124 | $http({ | 172 | $http({ |
| 125 | method : 'GET', | 173 | method : 'GET', |
| 126 | url : BASE_URL.url +'/fuelPricing/getPriceManagerProducts/'+id, | 174 | url : BASE_URL.url +'/fuelPricing/getPriceManagerProducts/'+id, |
| 127 | headers : {'Content-Type': 'application/json'}, | 175 | headers : {'Content-Type': 'application/json'}, |
| 128 | }) | 176 | }) |
| 129 | .then(function (result){ | 177 | .then(function (result){ |
| 130 | deferred.resolve(result.data); | 178 | deferred.resolve(result.data); |
| 131 | },function (result){ | 179 | },function (result){ |
| 132 | deferred.resolve(result.data); | 180 | deferred.resolve(result.data); |
| 133 | }) | 181 | }) |
| 134 | return deferred.promise; | 182 | return deferred.promise; |
| 135 | } | 183 | } |
| 136 | 184 | ||
| 137 | this.updateFuelPricing = function(data){ | 185 | this.updateFuelPricing = function(data){ |
| 138 | var deferred = $q.defer(); | 186 | var deferred = $q.defer(); |
| 139 | $http({ | 187 | $http({ |
| 140 | method : 'POST', | 188 | method : 'POST', |
| 141 | url : BASE_URL.url +'/fuelPricing', | 189 | url : BASE_URL.url +'/fuelPricing', |
| 142 | headers : {'Content-Type': 'application/json'}, | 190 | headers : {'Content-Type': 'application/json'}, |
| 143 | data: data | 191 | data: data |
| 144 | }) | 192 | }) |
| 145 | .then(function (result){ | 193 | .then(function (result){ |
| 146 | deferred.resolve(result.data); | 194 | deferred.resolve(result.data); |
| 147 | },function (result){ | 195 | },function (result){ |
| 148 | deferred.resolve(result.data); | 196 | deferred.resolve(result.data); |
| 149 | }) | 197 | }) |
| 150 | return deferred.promise; | 198 | return deferred.promise; |
| 151 | } | 199 | } |
| 152 | 200 | ||
| 201 | this.getFutureFuelPricing = function(id) { | ||
| 202 | |||
| 203 | var deferred = $q.defer(); | ||
| 204 | $http({ | ||
| 205 | method : 'GET', | ||
| 206 | url : BASE_URL.url +'/fuelPricing/getFuturePriceManagerProducts/'+id, | ||
| 207 | headers : {'Content-Type': 'application/json'}, | ||
| 208 | }) | ||
| 209 | .then(function (result){ | ||
| 210 | deferred.resolve(result.data); | ||
| 211 | },function (result){ | ||
| 212 | deferred.resolve(result.data); | ||
| 213 | }) | ||
| 214 | return deferred.promise; | ||
| 215 | } | ||
| 216 | |||
| 153 | 217 | ||
| 154 | } | 218 | } |
| 155 | 219 | ||
| 156 | })(); | 220 | })(); |