How do I use the M3 APIs in my code Typescript?

Legacy Contributor

Hi to everyone,

from the documentation, M3: v13x Programming in the Web Software Development Kit Training Workbook, I found the example using the M3.IUserService which retrieves the UserContext information, i.e. Company, Division, M3UserId, etc., and this works well.

Now I would like to use the APIs from MRS001 like MMS001MI, PDS001MI, EXTxxxMI, etc., from this repository https://github.com/infor-cloud/m3-h5-sdk (I saw also https://infor-cloud.github.io/m3-h5-sdk/m3-odin/docs/interfaces/imiservice.html#execute ) I tried to follow the example but I didn't have success.

In my code below there are two types of "test", one is the Local Test (code like it is) and if I reverse the comments it should work with the MIService.

If I use the local test it works, of course, but if I want to use the APIs it doesn't.

Note: The problem I think is the way I inject the MIRecord and MIRequest. Does EXTxxxMI works like the standard APIs of M3?

Thank you in advance

// TYPESCRIPT CODE

/*import { Component, OnInit, ViewChild } from "@angular/core";

import { CoreBase, IMIRequest, IMIResponse, IUserContext, MIRecord } from "@infor-up/m3-odin";

import { MIService } from "@infor-up/m3-odin-angular";

*/

module WebSDK.test1module {

    export class test1Ctrl {

       static $inject = ["$scope", "m3UserService","MIRecord","MIRequest"];

        itemsaved: Array<any> = [];

        oitemObj: any = {};

        constructor(private scope: ng.IScope, private miService: m3.IMIService) {

            console.log("Before getDetails()");

            this.getDetails();

            console.log("After getDetails()");

        }

        private getDetails(): void {

           /* const icompany: String = "800";

            const ifacility: String = "A01";

            const istrucType: String = "001";

            const inputrecord = new MIRecord();

            inputrecord.setString("CONO", icompany);

            inputrecord.setString("FACI", ifacility);

            inputrecord.setString("STRT", istrucType);

            const ipdrnumb: String = "Y10001";

            inputrecord.setString("PRNO", ipdrnumb);

            */

            // Start code for Local test

            const ocompany: String = "ocompany";

            const ofacility: String = "ofacility";

            const opdrnumb: String = "opdrnumb";

            const ostructype: String = "ostructype";

            const ofacname: String = "ofacname";

            const oitemname: String = "oitemname";

            this.oitemObj["CONO"] = ocompany;

            this.oitemObj["FACI"] = ofacility;

            this.oitemObj["PRNO"] = opdrnumb;

            this.oitemObj["STRT"] = ostructype;

            this.oitemObj["FACN"] = ofacname;

            this.oitemObj["ITDS"] = oitemname;

            console.log(this.itemsaved);

            this.itemsaved.push(this.oitemObj);

            console.log(this.itemsaved);

            this.scope["itemsaved"] = this.oitemObj;

            // Finish code for Local test  

            /*

            const request: IMIRequest = {

                program: "PDS001MI",

                transaction: "Get",

                record: inputrecord,

                outputfields: ["CONO", "FACI", "PRNO", "STRT", "FACN", "ITDS"]

            };

            this.miService.execute(request).subscribe((response: IMIResponse) => {

                if (!response.hasError()) {

                    // this.logInfo("Customer Basic data for " + customer);

                    const record: m3.MIRecord = response.item as MIRecord;

                    this.oitemObj["CONO"] = record["CONO"];

                    this.oitemObj["FACI"] = record["FACI"];

                    this.oitemObj["PRNO"] = record["PRNO"];

                    this.oitemObj["STRT"] = record["STRT"];

                    this.oitemObj["FACN"] = record["FACN"];

                    this.oitemObj["ITDS"] = record["ITDS"];

                    this.logInfo("Company " + this.oitemObj["CONO"]);

                    console.log(this.itemsaved);

                    this.itemsaved.push(this.oitemObj);

                    console.log(this.itemsaved);

                    this.scope["itemsaved"] = this.oitemObj;

                } else {

                    // this.handleError(response, ipdrnumb);

                }

            });

            */

        }

    }

    class App extends M3.ApplicationBase {

        public onStart() {

            this.name = "M3 test1";

            this.description = "M3 test1";

            this.version = "1.0.0";

            this.addUrlOverride("M3", "localhost", "">http://localhost:8081");

            this.module = angular.module("test1", ["ui.bootstrap", "odin", "m3"]);

            this.module.controller("test1Ctrl", test1Ctrl);

            Odin.Log.setDebug();

        }

    }

    new App().start();

}

------------ HTML 

<!DOCTYPE html>

<html ng-app="test1">

<head>

    <title>First App</title>

    <link href="./odin/bootstrap.min.css" rel="stylesheet" />

    <link href="./odin/ui-grid.css" rel="stylesheet" />

    <link href="./odin/odin-default.css" rel="stylesheet" type="text/css" id="odin-theme" />

    <link href="./odin/odin-xi-min.css" rel="stylesheet" id="xi-theme" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

</head>

<body ng-controller="test1Ctrl as ctrl">

<odin-navbar header="M3 User Context" theme="True"></odin-navbar>

<div class="container-fluid">

    <div class="well">

        Shows M3 User context

    </div>

    Container: {{ctrl.itemsaved.ocompany}}

    <br />

    User: {{ctrl.itemsaved.ofacname}}

    <br/>

    Alternative: {{ctrl.itemsaved.oitemname}}

    <br/>

    {{ctrl.itemsaved | json}}

</div>

<ul>

    <li ng-repeat="(key,value) in itemsaved">

        {{key}}: {{value}}

    </li>

</ul>

    <script src="./odin/jquery.min.js"></script>

    <script src="./odin/angular.min.js"></script>

    <script src="./odin/ui-bootstrap-tpls.min.js"></script>

    <script src="./odin/odin.js"></script>

    <script src="./odin/odin-m3.js"></script>

    <script src="testAPI.js"></script>

    

</body>

</html>

Legacy Contributor

At page 102 of documentation I found an example that uses API.

I will try by myself. Anyway, if you have a better way to use API I will be glad to read it.