Service Portal Add to Cart Issue

[Blair5]

We are on Helsinki Patch 11 and have the cart showing on our service portal. When a user fills out the fields on a cat item and adds to cart, the ability to change some of those fields and add again isn't working. I saw a mention in another post - Add to Cart functionality for Service Portal - where you can disable this, but I don't see how. Any help? This featured is used pretty regularly by our users.

[RavindranKeshav]

Hi Blair,

Basically, we can hide the add to cart button based on if submitted is true or false. Change the below HTML :

<button   tabindex="0" ng-if="c.showAddCartBtn()" name="submit"     ng-click="triggerAddToCart()" class="btn btn-default">${Add to Cart}</button>

to

<button   tabindex="0" ng-if="!submitted && c.showAddCartBtn()" name="submit"     ng-click="triggerAddToCart()" class="btn btn-default">${Add to Cart}</button>

If you wanted to disable:

<button   tabindex="0" ng-if="c.showAddCartBtn()" name="submit" ng-disabled="submitted"   ng-click="triggerAddToCart()" class="btn btn-default">${Add to Cart}</button>

[Blair5]

Ravindran,

Perfect! Thank you again!

[Blair5]

Hi Ravindran,

Can the submit button be hidden once 'add to cart' is clicked? I tried adding ng-disabled to this line with no luck:

<button ng-if = "!addToCart" name="submit" ng-disabled="submitted" ng-click="triggerOnSubmit()" class="btn btn-primary">{{submitButtonMsg}}</button>

<button ng-if="!submitted && c.showAddCartBtn()" name="submit" ng-disabled="addToCart" ng-click="triggerAddToCart()" class="btn btn-default">${Add to Cart}</button>

[RavindranKeshav]

Hi Blair,

You may have to edit the html:

<button ng-if="!added && c.showOrderNowButton()" tabindex="0" name="submit" ng-disabled="submitted" ng-click="triggerOnSubmit()" class="btn btn-primary">{{submitButtonMsg}}</button>

And update client controller:

function addToCart() {

postCatalogFormRequest(true).success(function(response) {

$rootScope.$broadcast("$sp.service_catalog.cart.add_item");

$rootScope.$broadcast("$sp.service_catalog.cart.update");

//spUtil.addInfoMessage("Added item to shopping cart");

$scope.submitting = false;

c.status = "Added item to shopping cart";

$scope.added = true; //add this line

});

}

But reloading a page will reset the status and the submit button will be enabled.

More work might be needed if you want the page reload to consider items in cart:

* Check quantity > 1 and set the $scope.added to true (this seems tricky)

[Blair5]

Hi Ravindran,

That seemed to have worked. I want the submit to be there if they reload the form or open a new form. They have the option of either/or. If they select submit, then add to cart is gone, and if they add to cart then submit is gone. Will do more testing.