Brtdku

I do not even know where to begin, because there are two parts to this question. The first being the following:

A customer orders two products and the packages are coming from 91324 zip code going to 77096 zip code, with the following dimensions and rates from the UPS API



width 2

height 2

length 2

weight 5

"Next Day Air (early AM)":"68.27",

"Next Day Air":"36.47",

"Next Day Air Saver":"35.40",

"2nd Day Air":"24.92",

"3 Day Select":"16.86",

"Ground":"13.52"



width 2

height 5

length 2

weight 2

"Next Day Air (early AM)":"75.64",

"Next Day Air":"43.84",

"Next Day Air Saver":"41.32",

"2nd Day Air":"26.50",

"3 Day Select":"20.53",

"Ground":"14.29"

The following is what the JSON looks like:

  {

  "services": 

    [{

      "service": "Next Day Air (early AM)",

      "rate": "68.27"

    }, {

      "service": "Next Day Air",

      "rate": "36.47"

    }, {

      "service": "Next Day Air Saver",

      "rate": "35.40"

    }, {

      "service": "2nd Day Air",

      "rate": "24.92"

    }, {

      "service": "3 Day Select",

      "rate": "16.86"

    }, {

      "service": "Ground",

      "rate": "13.52"

    },

    {

      "service": "Next Day Air (early AM)",

      "rate": "75.64"

    }, {

      "service": "Next Day Air",

      "rate": "43.84"

    }, {

      "service": "Next Day Air Saver",

      "rate": "41.32"

    }, {

      "service": "2nd Day Air",

      "rate": "26.50"

    }, {

      "service": "3 Day Select",

      "rate": "20.53"

    }, {

      "service": "Ground",

      "rate": "14.29"

    }]

}

The second part of the scenario, is that the customer has ordered 2 of the first product and three of second product, which is represented by the following JSON:

      [{

    "id": "8",

    "name": "Austin to Carls 32 to 33 chocolates to oil",

    "price": "9.67",

    "category": "oils",

    "description": "The standard Lorem Ipsum passage, used since the 1500s Lorem ipsum dolor sit amet, consectetur adipiscing elit, ...",

    "ts": "2019-01-08 11:47:09",

    "product_image_id": "33",

    "enabled": "1",

    "product_image": "crater-winslow-40.png",

    "counter": 2

  }, {

    "id": "27",

    "name": "test 10 jwt",

    "price": "10.56",

    "category": "oils",

    "description": "The standard Lorem Ipsum passage, used since the 1500s Lorem ipsum dolor sit amet, ...",

    "ts": "2019-01-08 09:55:10",

    "product_image_id": "45",

    "enabled": "1",

    "product_image": "ryan-settings.png",

    "counter": 3

  }]

I know that I could probably do something like this.shoppingCart.counter[j] * this.upsObj[i].rates, then add the various "Next Day Air (early AM)", but how do I do that?

On top of that, the new rates have to be updated in this.upsObj, so that end user only sees something like the following:

  "Next Day Air (early AM)":"363.46", // 136.54 (2) + 226.92 (3)

  "Next Day Air":"204.46", // 72.94 (2) + 131.52 (3)

  "Next Day Air Saver":"194.76", // 70.80 (2) + 123.96 (3)

  "2nd Day Air":"129.34", // 49.84 (2) + 79.50 (3)

  "3 Day Select":"95.31", // 33.72 (2) + 61.59 (3)

  "Ground":"69.91" // 27.04 (2) + 42.87 (3)

Lastly, the rates that I am receiving from the test UPS API seem awfully high, then again, I have rarely purchased more than one item at a time and I guess whatever company has a special is flipping the bill. Don't these numbers seem excessive?

Once again, I am truly at a loss to even know where to begin. For instance, what if the customer added a third product and wanted four of those?

Just in case anyone else comes along with this dilemma, the following was what I did:

  public getUps() {

  const Obj = this.product_id;

  this.countRows = Object.keys(Obj).map(function(key) {

    return [Number(key), Obj[key]];

  });

  console.log("countRows.length: ", this.countRows.length);

  for (let v = 0; v < this.countRows.length; v++) {

    this.upsRateUrl =

      this.loginSrvc.serverBase +

      "<someUrl>?id=" +

      this.product_id[v] +

      "&tozip=" +

      this.model.zip;



    this.http.get(this.upsRateUrl).subscribe(resultUps => {

      this.service.push(resultUps);

      // make json compatible with Angular ngFor

      this.tempUpsObj = JSON.stringify(this.upsObj);

      this.tempUpsObj = this.tempUpsObj.replace(/[[/gi, "[");

      this.tempUpsObj = this.tempUpsObj.replace(/]]/gi, "]");

      this.tempUpsObj = this.tempUpsObj.replace(/}],[{/gi, "},{");

      // return it to an object

      this.copyUpsObj = JSON.parse(this.tempUpsObj);

      this.combineAndCalculateRate();

    });

  }

  this.upsObj = {

    services: this.service

  };

  this.upsComplete = true;

}



public combineAndCalculateRate() {

  this.combineUpsObj = JSON.parse(this.tempUpsObj);

  // this.countRows.length are the number of products

  this.divisNums = ;

  // make array of divisible numbers

  for (let s = 1; s <= this.combineUpsObj.services.length; s++) {

    if (s % 6 === 0) {

      this.divisNums.push(s);

    }

  }

  console.log("divisNums: ", this.divisNums);

  let w = 0;

  for (let c = 0; c < this.combineUpsObj.services.length; c++) {

    if (c === this.divisNums[w]) {

      w++;

    }

    // multiple by how many of each product

    this.combineUpsObj.services[c]["rate"] =

      this.combineUpsObj.services[c]["rate"] *

      this.prdSrvc.cartObj.cart.products.product[w].counter;



  }

  let z = 0;

  for (let f = 0; f < 6; f++) {

    this.combineAddIntoOneObj.services[f]["rate"] = 0;

  }

  for (let e = 1; e <= this.product_id.length; e++) {

    for (let d = 0; d < 6; d++) {

      this.combineAddIntoOneObj.services[d][

        "rate"

      ] += this.combineUpsObj.services[z]["rate"];

      // trying to avoid undefined, but console still shows one error

      if (z < this.combineUpsObj.services.length) {

        z++;

      }

    }

  }



  this.tempUpsObj = this.combineAddIntoOneObj;

  console.log("this.combineAddIntoOneObj: ", this.combineAddIntoOneObj);

}

The following is the Angular html:

   <hr class="mb-4" />

    <div class="col">

      <div class="row">

        <div class="col">

          <div class="card product-card">

            <div class="card-body">

              <h5 class="card-title">UPS</h5>

              <label for="ups"

                ><input

                  type="checkbox"

                  name="upsCheckBox"

                  (click)="this.getUps()"

                /><span

                  *ngIf="

                    this.upsChecked &&

                      !this.payPalSrvc.upsObj.services.length > 0;

                    else upsDone

                  "

                  >Retrieving rates from UPS...

                  <img src="../../assets/images/ajax-loader.gif" />

                </span>

                <ng-template #upsDone>

                  <select

                    class="custom-select d-block w-100"

                    [(ngModel)]="model.ups"

                    name="ups"

                    id="ups"

                    #ups="ngModel"

                    required

                  >

                    <option value="" selected="selected"

                      >UPS delivery service</option

                    >

                    <option

                      *ngFor="

                        let ups of this.payPalSrvc.combineAddIntoOneObj

                          .services;

                        let i = index

                      "

                      value="{{ ups.service + ' - ' + ups.rate }}"

                      >{{ ups.service + " - " + ups.rate }}</option

                    >

                  </select>

                </ng-template>

              </label>

            </div>

            <div class="card-footer"></div>

          </div>

        </div>

      </div>

    </div>