diff --git a/app/partials/updateFuelManager/updateFuelManager.controller.js b/app/partials/updateFuelManager/updateFuelManager.controller.js index 147d81f..d3805f1 100644 --- a/app/partials/updateFuelManager/updateFuelManager.controller.js +++ b/app/partials/updateFuelManager/updateFuelManager.controller.js @@ -17,6 +17,129 @@ }) } + $(document).ready(function(){ + $('#customTabToggle1').click(function(){ + console.log('tab 1'); + $('#customTabsBody1').slideDown(); + $('#customTabsBody2').slideUp(); + $('#customTabsBody3').slideUp(); + $('#customTabsBody4').slideUp(); + $('#customTabs1').addClass('customActive'); + $('#customTabs2').removeClass('customActive'); + $('#customTabs3').removeClass('customActive'); + $('#customTabs4').removeClass('customActive'); + $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); + $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); + + $('#customTabs1 > .pull-right > .btn-default').css('display', 'none'); + $('#customTabs1 > .pull-right > .btn-success').css('display', 'inline-block'); + $('#customTabs1 > .pull-right > .btn-danger').css('display', 'inline-block'); + + $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); + $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); + $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); + + $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); + $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); + $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); + + $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); + $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); + $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); + + }) + $('#customTabToggle2').click(function(){ + console.log('tab 2'); + $('#customTabsBody1').slideUp(); + $('#customTabsBody2').slideDown(); + $('#customTabsBody3').slideUp(); + $('#customTabsBody4').slideUp(); + $('#customTabs1').removeClass('customActive'); + $('#customTabs2').addClass('customActive'); + $('#customTabs3').removeClass('customActive'); + $('#customTabs4').removeClass('customActive'); + $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); + $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); + + $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); + $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); + $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); + + $('#customTabs2 > .pull-right > .btn-default').css('display', 'none'); + $('#customTabs2 > .pull-right > .btn-success').css('display', 'inline-block'); + $('#customTabs2 > .pull-right > .btn-danger').css('display', 'inline-block'); + + $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); + $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); + $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); + + $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); + $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); + $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); + + }) + $('#customTabToggle3').click(function(){ + console.log('tab 3'); + $('#customTabsBody1').slideUp(); + $('#customTabsBody2').slideUp(); + $('#customTabsBody3').slideDown(); + $('#customTabsBody4').slideUp(); + $('#customTabs1').removeClass('customActive'); + $('#customTabs2').removeClass('customActive'); + $('#customTabs3').addClass('customActive'); + $('#customTabs4').removeClass('customActive'); + $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); + $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); + + $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); + $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); + $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); + + $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); + $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); + $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); + + $('#customTabs3 > .pull-right > .btn-default').css('display', 'none'); + $('#customTabs3 > .pull-right > .btn-success').css('display', 'inline-block'); + $('#customTabs3 > .pull-right > .btn-danger').css('display', 'inline-block'); + + $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); + $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); + $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); + + }) + $('#customTabToggle4').click(function(){ + console.log('tab 4'); + $('#customTabsBody1').slideUp(); + $('#customTabsBody2').slideUp(); + $('#customTabsBody3').slideUp(); + $('#customTabsBody4').slideDown(); + $('#customTabs1').removeClass('customActive'); + $('#customTabs2').removeClass('customActive'); + $('#customTabs3').removeClass('customActive'); + $('#customTabs4').addClass('customActive'); + $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); + $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); + + $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); + $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); + $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); + + $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); + $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); + $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); + + $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); + $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); + $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); + + $('#customTabs4 > .pull-right > .btn-default').css('display', 'none'); + $('#customTabs4 > .pull-right > .btn-success').css('display', 'inline-block'); + $('#customTabs4 > .pull-right > .btn-danger').css('display', 'inline-block'); + + }) + }) + }]); diff --git a/app/partials/updateFuelManager/updateFuelManager.html b/app/partials/updateFuelManager/updateFuelManager.html index e2d3577..eede3df 100644 --- a/app/partials/updateFuelManager/updateFuelManager.html +++ b/app/partials/updateFuelManager/updateFuelManager.html @@ -69,165 +69,267 @@