function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }

function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }

function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }

function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }

function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }

function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }

function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }

function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }

function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }

function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["default~components-netocean-record-services-netocean-record-services-module~netocean-components-neto~5c63c60d"], {
  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/home/netocean/components/netocean-record-services/netocean-record-services.component.html":
  /*!*******************************************************************************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/home/netocean/components/netocean-record-services/netocean-record-services.component.html ***!
    \*******************************************************************************************************************************************************/

  /*! exports provided: default */

  /***/
  function _node_modules_rawLoader_dist_cjsJs_src_app_pages_home_netocean_components_netoceanRecordServices_netoceanRecordServicesComponentHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<div class=\"ns-scenario mn-6\">\r\n\r\n<!-- <div class=\"label-badge relative p-grid p-justify-between\"> -->\r\n    <!-- <span class=\"label-span\" title=\"Recording Configurations\"></span> -->\r\n    <div class=\"bottom-footer\">\r\n        <button pButton class=\"mx-3\" type=\"button\" (click)=\"startHttpRecording()\" [disabled]=\"(httpRecordingPortAndEndpointFields.length == 0 || isRecording )\" *ngIf=\"recordingMode == 'http'\">Start Recording</button>\r\n        <button pButton class=\"mx-3\" type=\"button\" (click)=\"startTcpRecording()\" [disabled]=\"(tcpConfigValues.length == 0 || isRecording )\" *ngIf=\"recordingMode == 'tcp'\">Start Recording</button>\r\n        <button pButton class=\"mx-3\" type=\"button\" (click)=\"startJdbcRecording()\" [disabled]=\"isRecording \" *ngIf=\"recordingMode == 'jdbc'\">Start Recording</button>\r\n    </div>\r\n<!-- </div> -->\r\n\r\n<div class=\"main-container\">\r\n<div class=\"border-all bg-white border-4 m-8\">\r\n    <app-cav-toolbar [showNumber]=\"false\" [label]=\"'Recording Configurations'\"></app-cav-toolbar>\r\n    <div class=\"p-grid mb-10\">\r\n        <div class=\"form-group p-col-12\">\r\n            <label class=\"control-label p-col-fixed width-180\">Select Recording Mode</label>\r\n            <div class=\"p-col-fixed\">\r\n            <p-dropdown  [disabled]= \"openFrom == 'script'\" (onChange)=\"recordingModeOnChange()\" [options]=\"recordingModes\" [(ngModel)]=\"recordingMode\" appendTo=\"body\" required=\"true\" [style]=\"{'min-width':'180px'}\"></p-dropdown>\r\n            </div>    \r\n        <ng-container *ngIf=\"recordingMode == 'tcp'\">\r\n            <label class=\"control-label p-col-fixed\">Recorder Timeout (hh:mm:ss)</label>\r\n            <div class=\"p-col-fixed\">\r\n            <p-dropdown placeholder=\"hh\" [style]=\"{'min-width':'60px'}\"\r\n                [options]=\"hoursOptions\" [(ngModel)]=\"hour\"></p-dropdown>\r\n            </div>\r\n            <div class=\"p-col-fixed\">\r\n            <p-dropdown  placeholder=\"mm\" [style]=\"{'min-width':'60px'}\"\r\n                [options]=\"minutesSecOptions\" [(ngModel)]=\"minute\" ></p-dropdown>\r\n            </div>\r\n            <div class=\"p-col-fixed\">\r\n            <p-dropdown  placeholder=\"ss\" [style]=\"{'min-width':'60px'}\"\r\n                [options]=\"minutesSecOptions\" [(ngModel)]=\"second\"></p-dropdown>\r\n            </div>\r\n        </ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n<div class=\"border-all bg-white border-4 m-8\" *ngIf=\"recordingMode == 'http'\">\r\n    <app-cav-toolbar [showNumber]=\"false\" [label]=\"'HTTP Recording Configuration'\"></app-cav-toolbar>            \r\n        \r\n    <div class=\"p-grid mb-10\">\r\n        <div class=\"form-group p-col-12\">\r\n            <label class=\"control-label p-col-fixed width-180\"> Recording Type</label>\r\n            <div class=\"p-col-fixed\" title=\"{{selectedDomain}}\">\r\n                <p-dropdown [style]=\"{'min-width':'180px'}\" [options]=\"domainList\" [(ngModel)]=\"selectedDomain\"\r\n                    (onChange)='checkDomain()' appendTo=\"body\" required=\"true\"></p-dropdown>\r\n            </div>\r\n        </div>\r\n    </div>\r\n            <div class=\"p-6\">\r\n                <p-table [value]=\"recordPointConfiguration\">\r\n                    <ng-template pTemplate=\"header\">\r\n                        <tr>\r\n                            <th *ngIf=\"openFrom != 'script'\">Name</th>\r\n                            <th *ngIf=\"portVisible\">Port</th>\r\n                            <th>Request URL Filter</th>\r\n                            <th *ngIf=\"isApplication\">Protocol</th>\r\n                            <th *ngIf=\"isApplication\">Service Endpoint hostname/IP</th>\r\n                            <th *ngIf=\"isApplication\">Service Endpoint Port</th>\r\n                            <th style=\"width:225px\" *ngIf=\"isApplication\">Client Certificate</th>\r\n                            <th style=\"width:225px\" *ngIf=\"isApplication\">Virtualization Certificate</th>\r\n                            <th>Action</th>\r\n\r\n                        </tr>\r\n                    </ng-template>\r\n                    <ng-template pTemplate=\"body\" let-rowData>\r\n                        <tr>\r\n                            <td *ngIf=\"openFrom != 'script'\" pEditableColumn style=\"overflow:hidden;white-space:nowrap;text-overflow:ellipsis\">\r\n                                <span class=\"tdinput\">\r\n                                    <input pInputText type=\"text\" [ngClass]=\"selectedDomain == 'Webpage Recording'? 'tcptext' : 'httptext'\" [(ngModel)]=\"rowData['applicationName']\"\r\n                                        (keypress)=\"validateRecName($event)\" autocomplete=\"off\">\r\n                                </span>\r\n                            </td>\r\n                            <td *ngIf=\"portVisible\">\r\n                                <span *ngIf=\"!isPortAvl\"><input pInputText type=\"number\" class=\"w-100-p\" [(ngModel)]=\"rowData['recordingPort']\" (keypress)=\"validateInteger($event)\" min=\"1100\" required></span>\r\n                                <span *ngIf=\"isPortAvl\"><p-dropdown dropdownIcon=\"icons8 icons8-expand-arrow\" [editable]=\"true\" appendTo=\"body\" [options]=\"recordingPort\"\r\n                                    [(ngModel)]=\"rowData['recordingPort']\" (onChange)=\"checkRecordingPort($event)\" (keypress)=\"validateInteger($event)\"\r\n                                    [style]=\"{'min-width':'100%'}\"></p-dropdown></span>\r\n                            </td>\r\n                            <td pEditableColumn>\r\n                                <span class=\"tdinput\">\r\n                                    <input pInputText type=\"text\" class=\"w-100-p\" [(ngModel)]=\"rowData['requestUrl']\" (keypress)=\"validateQty($event)\" required>\r\n                                </span>\r\n                            </td>\r\n                            <td *ngIf=\"isApplication\">\r\n                                <p-dropdown dropdownIcon=\"icons8 icons8-expand-arrow\" appendTo=\"body\" [options]=\"protocols\"\r\n                                    (onChange)='checkPort($event)' [(ngModel)]=\"selectedProtocol\"\r\n                                    title=\"{{selectedProtocol}}\" [style]=\"{'min-width':'100%'}\"></p-dropdown>\r\n                            </td>\r\n                            <td *ngIf=\"isApplication\" pEditableColumn>\r\n                                <span class=\"tdinput\">\r\n                                    <input pInputText type=\"text\" class=\"w-100-p\" [(ngModel)]=\"rowData['endPointIp']\" (keypress)=\"validateQty($event)\">\r\n                                </span>\r\n                            </td>\r\n                            <td *ngIf=\"isApplication\" pEditableColumn>\r\n                                <span class=\"tdinput\">\r\n                                    <input pInputText type=\"text\" class=\"w-100-p\" (keypress)=\"validateInteger($event)\" [(ngModel)]=\"rowData['endPointPort']\">\r\n                                </span>\r\n                            </td>\r\n                            <td style=\"width:225px\" *ngIf=\"isApplication\" class=\"text-center\">\r\n                                <span>\r\n                                        <p-dropdown [style]=\"{'min-width':'100%'}\" [disabled]=\"this.selectedProtocol != 'https'\" placeholder=\"--Select SSL Certificate File--\"  filter=\"true\"  [pTooltip]=\"clientCertificateFile\" dropdownIcon=\"icons8 icons8-expand-arrow\" [options]=\"lstOptSslCertFilePath\" [(ngModel)]=\"clientCertificateFile\" appendTo=\"body\">\r\n                                            <ng-template let-group pTemplate=\"item\">\r\n                                                <div *ngIf=\"group.label == '--Select SSL Certificate File --'\" class=\" w-100-p p-align-center p-justify-between p-grid \">\r\n                                                    <span >{{group.label}}</span>\r\n                                                </div>\r\n                                                <div *ngIf=\"group.label != 'Upload New Certificate' && group.label != '--Select SSL Certificate File --'\"  class=\" w-100-p p-align-center p-justify-between p-grid \">\r\n                                                    <span >{{group.label}}</span>\r\n                                                    <i class=\"{{group.icon}}\" (click)=\"deletefilefromdropdown($event,group.label)\" ></i>\r\n                                                </div>\r\n                                                <div *ngIf=\"group.label == 'Upload New Certificate'\" (click)=\"sslFileChangeHandler($event)\" class=\" w-100-p p-align-center p-justify-between p-grid \">\r\n                                                    <span >{{group.label}}</span>\r\n                                                    <i class=\"{{group.icon}}\" ></i>\r\n                                                </div>\r\n                                            </ng-template>\r\n                                        </p-dropdown>\r\n                                </span>\r\n                            </td>\r\n                            <td *ngIf=\"isApplication\" style=\"width:225px\" class=\"text-center\">\r\n                                <span>\r\n                                        <p-dropdown [style]=\"{'min-width':'100%'}\" [disabled]=\"this.selectedProtocol != 'https'\" placeholder=\"--Select SSL Certificate File--\"  filter=\"true\"  [pTooltip]=\"endPointCertificateFile\" dropdownIcon=\"icons8 icons8-expand-arrow\" [options]=\"lstOptSslCertFilePath\" [(ngModel)]=\"endPointCertificateFile\" appendTo=\"body\">\r\n                                            <ng-template let-group pTemplate=\"item\">\r\n                                                <div *ngIf=\"group.label == '--Select SSL Certificate File --'\" class=\" w-100-p p-align-center p-justify-between p-grid \">\r\n                                                    <span >{{group.label}}</span>\r\n                                                </div>\r\n                                                <div *ngIf=\"group.label != 'Upload New Certificate' && group.label != '--Select SSL Certificate File --'\"  class=\" w-100-p p-align-center p-justify-between p-grid \">\r\n                                                    <span >{{group.label}}</span>\r\n                                                    <i class=\"{{group.icon}}\" (click)=\"deletefilefromdropdown($event,group.label)\" ></i>\r\n                                                </div>\r\n                                                <div *ngIf=\"group.label == 'Upload New Certificate'\" (click)=\"sslFileChangeHandler($event)\" class=\" w-100-p p-align-center p-justify-between p-grid \">\r\n                                                    <span >{{group.label}}</span>\r\n                                                    <i class=\"{{group.icon}}\" ></i>\r\n                                                </div>\r\n                                            </ng-template>\r\n                                        </p-dropdown>\r\n                                </span>\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                <button pButton [icon]=\"!updateRow? 'icons8 icons8-plus-math': ''\" class=\"ui-button\" [label]= \"!updateRow ? 'Add' : 'Update'\" type=\"button\" (click)=\"!updateRow ?addHttpRecordingPortConfiguration(rowData) : updateHttpRecordingPortConfiguration(rowData)\">\r\n                                </button>\r\n                            </td>\r\n                        </tr>\r\n                    </ng-template>\r\n                </p-table>\r\n            </div>\r\n        \r\n            <div *ngIf=\"httpRecordingPortAndEndpointFields.length != 0\" class=\"p-6\">\r\n                <p-table [columns]=\"addedConfigurationhttp\" [value]=\"httpRecordingPortAndEndpointFields\"\r\n                    scrollable=\"true\" scrollHeight=\"150px\" >\r\n                    <ng-template pTemplate=\"header\" let-columns>\r\n                        <tr>\r\n                            <th *ngIf=\"openFrom != 'script'\">Name</th>\r\n                            <th *ngIf=\"!sessionService.isSaasNDEController()\">Port</th>\r\n                            <th *ngIf=\"sessionService.isSaasNDEController()\" style=\"width:15%;\">Recording Endpoint</th>\r\n                            <th>Request URL Filter</th>\r\n                            <th *ngIf=\"isApplication\">Protocol</th>\r\n                            <th *ngIf=\"isApplication\">Service Endpoint hostname/IP</th>\r\n                            <th *ngIf=\"isApplication\">Service Endpoint Port</th>\r\n                            <th *ngIf=\"isApplication\">Client Certificate</th>\r\n                            <th *ngIf=\"isApplication\">Virtualization Certificate</th>\r\n                            <th style=\"text-align: center;\">Action</th>\r\n                        </tr>\r\n                    </ng-template>\r\n                    <ng-template pTemplate=\"body\" let-rowData let-index=\"rowIndex\" let-columns=\"columns\">\r\n                        <tr [pSelectableRow]=\"rowData\">\r\n                            <td *ngIf=\"openFrom != 'script'\" pEditableColumn style=\"overflow:hidden;white-space:nowrap;text-overflow:ellipsis\">\r\n                                <span title=\"{{rowData['applicationName']}}\">{{rowData['applicationName']}}</span>\r\n                            </td>\r\n                            <td pEditableColumn style=\"text-align: right;\" *ngIf=\"!sessionService.isSaasNDEController()\">\r\n                                <span title=\"{{rowData['recordingPort']}}\">{{rowData['recordingPort']}}</span>\r\n                            </td>\r\n                            <td pEditableColumn style=\"text-align: left; width:15%;\" *ngIf=\"sessionService.isSaasNDEController()\">\r\n                                <span title=\"{{rowData['recEndPoint']}}\">{{rowData['recEndPoint']}}</span>\r\n                            </td>\r\n                            <td pEditableColumn>\r\n                                <span title=\"{{rowData['requestUrl']}}\">{{rowData['requestUrl']}}</span>\r\n                            </td>\r\n                            <td *ngIf=\"isApplication\" pEditableColumn>\r\n                                <span title=\"{{rowData['protocol']}}\">{{rowData['protocol']}}</span>\r\n                            </td>\r\n                            <td *ngIf=\"isApplication\" pEditableColumn>\r\n                                <span title=\"{{rowData['endPointIp']}}\">{{rowData['endPointIp']}}</span>\r\n                            </td>\r\n                            <td *ngIf=\"isApplication\" pEditableColumn style=\"text-align: right;\">\r\n                                <span title=\"{{rowData['endPointPort']}}\">{{rowData['endPointPort']}}</span>\r\n                            </td>\r\n                            <td *ngIf=\"isApplication\">\r\n                                <span title=\"{{rowData['clientCertificate']}}\">{{rowData['clientCertificate'] | stringFormatPipeForCert}}</span>\r\n                            </td>\r\n                            <td *ngIf=\"isApplication\">\r\n                                <span title=\"{{rowData['endpointCertificate']}}\">{{rowData['endpointCertificate'] | stringFormatPipeForCert}}</span>\r\n                            </td>\r\n                            <td style=\"text-align: center;\">\r\n                                <span ><i class=\"icons8 icons8-edit\" style=\"cursor: pointer;\" (click)=\"editEntryFromTable(rowData,index)\"></i></span>\r\n                                <span class=\"ml-5\"><i class=\"icons8 icons8-trash\" (click)=\"deleteEntryFromTable(1, rowData,index)\"></i></span>\r\n                            </td> \r\n                        </tr>\r\n                    </ng-template>\r\n                </p-table>\r\n            </div>\r\n        \r\n        </div>\r\n\r\n        <div class=\"border-all bg-white border-4 m-8\" *ngIf=\"recordingMode == 'tcp'\">\r\n            <app-cav-toolbar [showNumber]=\"false\" [label]=\"'Socket Configuration'\"></app-cav-toolbar>            \r\n            <div class=\"p-6\">\r\n                <p-table [value]=\"recordPointConfigurationTcp\" class=\"custom-table-editable\"  >\r\n                        <ng-template pTemplate=\"header\">\r\n                            <tr>\r\n                                <th>Name</th>\r\n                                <th>Port</th>\r\n                                <th>Protocol</th>\r\n                                <th>Service Endpoint HostName/IP</th>\r\n                                <th>Service Endpoint Port</th>\r\n                                <th style=\"width:225px\">Client Certificate</th>\r\n                                <th style=\"width:225px\">Virtualization Certificate</th>\r\n                                <th>Action</th>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"body\" let-rowData>\r\n                            <tr>\r\n                                <td pEditableColumn style=\"overflow:hidden;white-space:nowrap;text-overflow:ellipsis\">\r\n                                    <span class=\"tdinput\">\r\n                                     <input pInputText type=\"text\" class=\"w-100-p\" (keypress)=\"validateRecName($event)\" [(ngModel)]=\"rowData['applicationName']\">\r\n                                    </span>\r\n                                </td>\r\n                                <td>\r\n                                    <span *ngIf=\"!isPortAvl\"><input pInputText type=\"number\" class=\"w-100-p\" [(ngModel)]=\"rowData['recordingPort']\" (keypress)=\"validateInteger($event)\" min=\"1100\" required></span>\r\n                                    <span *ngIf=\"isPortAvl\"><p-dropdown dropdownIcon=\"icons8 icons8-expand-arrow\" class=\"my-select\" [editable]=\"true\" (keypress)=\"validateInteger($event)\" appendTo=\"body\" [options]=\"recordingPort\"\r\n                                        [(ngModel)]=\"rowData['recordingPort']\" (onChange)=\"checkRecordingPort($event)\"\r\n                                        [style]=\"{'min-width':'100%'}\"></p-dropdown></span>\r\n                                </td>\r\n                                <td>\r\n                                    <p-dropdown dropdownIcon=\"icons8 icons8-expand-arrow\" class=\"my-select\" appendTo=\"body\" [options]=\"protocolsTcp\"\r\n                                        (onChange)='checkPortTcp($event)' [(ngModel)]=\"selectedProtocolTcp\"\r\n                                        [style]=\"{'min-width':'100%'}\"></p-dropdown>\r\n                                </td>\r\n                                <td pEditableColumn>\r\n                                    <span>\r\n                                        <input pInputText class=\"w-100-p\" type=\"text\" [(ngModel)]=\"rowData['endPointIp']\" (keypress)=\"validateQty($event)\">\r\n                                    </span>\r\n                                </td>\r\n                                <td pEditableColumn>\r\n                                    <span class=\"tdinput\">\r\n                                        <input pInputText type=\"text\" class=\"w-100-p\"  (keypress)=\"validateInteger($event)\" [(ngModel)]=\"rowData['endPointPort']\">\r\n                                    </span>\r\n                                </td>\r\n                                <td style=\"width:225px\" class=\"text-center\">\r\n                                    <span>\r\n                                        <p-dropdown [style]=\"{'min-width':'100%'}\" [disabled]=\"this.selectedProtocolTcp != 'ssl'\" placeholder=\"--Select SSL Certificate File--\"  filter=\"true\"  [pTooltip]=\"clientCertificateFile\" dropdownIcon=\"icons8 icons8-expand-arrow\" [options]=\"lstOptSslCertFilePath\" [(ngModel)]=\"clientCertificateFile\" appendTo=\"body\">\r\n                                                <ng-template let-group pTemplate=\"item\">\r\n                                                    <div *ngIf=\"group.label == '--Select SSL Certificate File --'\" class=\" w-100-p p-align-center p-justify-between p-grid \">\r\n                                                        <span >{{group.label}}</span>\r\n                                                    </div>\r\n                                                    <div *ngIf=\"group.label != 'Upload New Certificate' && group.label != '--Select SSL Certificate File --'\"  class=\" w-100-p p-align-center p-justify-between p-grid \">\r\n                                                        <span >{{group.label}}</span>\r\n                                                        <i class=\"{{group.icon}}\" (click)=\"deletefilefromdropdown($event,group.label)\" ></i>\r\n                                                    </div>\r\n                                                    <div *ngIf=\"group.label == 'Upload New Certificate'\" (click)=\"sslFileChangeHandler($event)\" class=\" w-100-p p-align-center p-justify-between p-grid \">\r\n                                                        <span >{{group.label}}</span>\r\n                                                        <i class=\"{{group.icon}}\" ></i>\r\n                                                    </div>\r\n                                                </ng-template>\r\n                                            </p-dropdown>\r\n                                    </span>\r\n                                </td>\r\n                                <td style=\"width:225px\" class=\"text-center\">\r\n                                    <span>\r\n                                        <p-dropdown [style]=\"{'min-width':'100%'}\" [disabled]=\"this.selectedProtocolTcp != 'ssl'\" placeholder=\"--Select SSL Certificate File--\"  filter=\"true\"  [pTooltip]=\"endPointCertificateFile\" dropdownIcon=\"icons8 icons8-expand-arrow\" [options]=\"lstOptSslCertFilePath\" [(ngModel)]=\"endPointCertificateFile\" appendTo=\"body\">\r\n                                                <ng-template let-group pTemplate=\"item\">\r\n                                                    <div *ngIf=\"group.label == '--Select SSL Certificate File --'\" class=\" w-100-p p-align-center p-justify-between p-grid \">\r\n                                                        <span >{{group.label}}</span>\r\n                                                    </div>\r\n                                                    <div *ngIf=\"group.label != 'Upload New Certificate' && group.label != '--Select SSL Certificate File --'\"  class=\" w-100-p p-align-center p-justify-between p-grid \">\r\n                                                        <span >{{group.label}}</span>\r\n                                                        <i class=\"{{group.icon}}\" (click)=\"deletefilefromdropdown($event,group.label)\" ></i>\r\n                                                    </div>\r\n                                                    <div *ngIf=\"group.label == 'Upload New Certificate'\" (click)=\"sslFileChangeHandler($event)\" class=\" w-100-p p-align-center p-justify-between p-grid \">\r\n                                                        <span >{{group.label}}</span>\r\n                                                        <i class=\"{{group.icon}}\" ></i>\r\n                                                    </div>\r\n                                                </ng-template>\r\n                                            </p-dropdown>\r\n                                    </span>\r\n                                </td>\r\n                                <td>\r\n                                    <button pButton class=\"ui-button-rounded mx-3\" type=\"button\" pTooltip=\"Advance Settings\" (click)=\"displayAdvanceSetting=true\" icon=\"icons8 icons8-settings\" [disabled]=\"tcpConfigValues.length != 0 && !updateRow\">\r\n                                    </button>\r\n                                    <button pButton [icon]=\"!updateRow? 'icons8 icons8-plus-math': ''\" class=\"ui-button\" [disabled]=\"tcpConfigValues.length != 0 && !updateRow\" [label]= \"!updateRow ? 'Add' : 'Update'\" type=\"button\" (click)=\"!updateRow ?addTcpRecordingPortConfiguration(rowData,rowData['endPointIp']) : updateSocketRecordingPortConfiguration(rowData)\">\r\n                                    </button>\r\n                                </td>\r\n                            </tr>\r\n                        </ng-template>\r\n                </p-table>\r\n            </div>\r\n\r\n            <div *ngIf=\"tcpConfigValues.length != 0\" class=\"mt-10 configured\">\r\n                <p-table [columns]=\"addedConfigurationtcp\" [value]=\"tcpConfigValues\" class=\"lrmTable proSans\"\r\n                     scrollable=\"true\" scrollHeight=\"150px\" >\r\n                    <ng-template pTemplate=\"header\" let-columns>\r\n                        <tr>\r\n                            <th title=\"Name\">Name</th>\r\n                            <th title=\"Port\">Port</th>\r\n                            <th title=\"Protocol\">Protocol</th>\r\n                            <th title=\"Service Endpoint hostname/IP\">Service Endpoint HostName/IP</th>\r\n                            <th title=\"Service Endpoint Port\">Service Endpoint Port</th>\r\n                            <th title=\"Client Certificate\">Client Certificate</th>\r\n                            <th title=\"EndPoint Certificate\">Virtualization Certificate</th>\r\n                            <th title=\"Action\" class=\"w-10-p\" style=\"text-align: center;\">Action</th>\r\n                        </tr>\r\n                    </ng-template>\r\n                    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-index=\"rowIndex\">\r\n                        <tr [pSelectableRow]=\"rowData\">\r\n                            <td pEditableColumn>{{rowData['applicationName']}}\r\n                            </td>\r\n                            <td pEditableColumn style=\"text-align: right;\">{{rowData['recordingPort']}}\r\n                            </td>\r\n                            <td pEditableColumn>{{rowData['protocol'] | stringFormatPipeForProtocol}}\r\n                            </td>\r\n                            <td pEditableColumn>{{rowData['endPointIp']}}\r\n                            </td>\r\n                            <td pEditableColumn style=\"text-align: right;\">{{rowData['endPointPort']}}\r\n                            </td>\r\n                            <td>\r\n                                <span title=\"{{rowData['clientCertificate']}}\">{{rowData['clientCertificate'] | stringFormatPipeForCert}}</span>\r\n                            </td>\r\n                            <td>\r\n                                <span\r\n                                    title=\"{{rowData['endpointCertificate']}}\">{{rowData['endpointCertificate'] | stringFormatPipeForCert}}</span>\r\n                            </td>\r\n                            <td style=\"text-align: center;\" class=\"w-10-p\">\r\n                                <i class=\"icons8 icons8-edit mr-10\" style=\"cursor: pointer;\" pTooltip=\"Edit Settings\" (click)=\"editSocketConfigSettings(rowData,index)\">\r\n                                </i>\r\n                                <i class=\"icons8 icons8-trash\" (click)=\"deleteEntryFromTable(5, rowData,index)\" pTooltip=\"Delete Entry\"></i>\r\n                                <i class=\"icons8 icons8-info ml-10\" pTooltip=\"View\" (click)=\"editTcpAdvance(rowData)\"></i>\r\n                            </td>\r\n                        </tr>\r\n                    </ng-template>\r\n                </p-table>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"border-all bg-white border-4 m-8\"*ngIf=\"recordingMode == 'jdbc'\">\r\n            <app-cav-toolbar [showNumber]=\"false\" [label]=\"'JDBC Configuration'\"></app-cav-toolbar>       \r\n\r\n            <div class=\"p-grid mb-10\">\r\n                <div class=\"form-group p-col-12\">\r\n                    <label class=\"control-label p-col-fixed\">Connection Id</label>\r\n                    <div class=\"p-col-fixed\">\r\n                        <p-dropdown appendTo=\"body\" [options]=\"jdbcPortList\" [(ngModel)]=\"jdbcPort\" [style]=\"{'min-width':'140px'}\"  (onChange)=\"changeJdbcPort()\"></p-dropdown>\r\n                    </div>\r\n                \r\n                    <label class=\"control-label p-col-fixed\">JDBC Driver</label>\r\n                    <div class=\"p-col-fixed\">\r\n                        <input type=\"text\" [(ngModel)]=\"jdbcDriver\" class=\"width-140\" pInputText (keypress)=\"validateQty($event)\" />\r\n                    </div>\r\n                \r\n                    <label class=\"control-label p-col-fixed\">Connection String</label>\r\n                    <div class=\"p-col-fixed\">\r\n                        <input type=\"text\" [(ngModel)]=\"connectionString\" class=\"width-140\" pInputText\r\n                            (keypress)=\"validateQty($event)\" />\r\n                    </div>\r\n                \r\n                    <label class=\"control-label p-col-fixed\">Username</label>\r\n                    <div class=\"p-col-fixed\">\r\n                        <input type=\"text\" class=\"width-140\" pInputText [(ngModel)]=\"userName\" (keypress)=\"validateQty($event)\" />\r\n                    </div>\r\n                \r\n                    <label class=\"control-label p-col-fixed\">Password</label>\r\n                    <div class=\"p-col-fixed\">\r\n                        <input type=\"password\" class=\"width-140\" pInputText [(ngModel)]=\"password\" (keypress)=\"validateQty($event)\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n</div>\r\n\r\n<!--Dialog modules for http-->\r\n<p-dialog header=\"Help For Service Recording\" [(visible)]=\"httpPageHelp\">\r\n    <div class=\"proSans\">\r\n        \r\n\r\n    </div>\r\n</p-dialog>\r\n \r\n\r\n<!--Dialog modules for spring-->\r\n<p-dialog header=\"Page Help\" [(visible)]=\"springPageHelp\">\r\n    <div class=\"proSans\">\r\n        <h3>Spring Remoting Recording Configuration</h3>\r\n        <p>Configure your application to point to use Spring Remoting Recording Configuration</p>\r\n        <p>with following settings:</p>\r\n        <p>Enter Method Name , For example : com.cavisson.init()</p>\r\n        <p>Enter Service EndPoint URL, For Example : http(s)://ip:port/webcontext/serviceName</p>\r\n        <p>Add Endpoint by clicking on \"Add\".</p>\r\n    </div>\r\n</p-dialog>\r\n\r\n\r\n<!--Dialog modules for java-->\r\n<p-dialog header=\"Page Help\" [(visible)]=\"javaPageHelp\">\r\n    <div class=\"proSans\">\r\n        <h3>Java Call Recording Configuration</h3>\r\n        <p>Configure your application to point to use Java Call Recording Configuration</p>\r\n        <p>with following settings:</p>\r\n        <p>Enter <b>Class Name</b> , For example : com.cavisson.Example</p>\r\n        <p>Add Class Name by clicking on \"Add\".</p>\r\n    </div>\r\n</p-dialog>\r\n\r\n\r\n<!--Dialog modules for EJB-->\r\n<p-dialog header=\"Page Help\" [(visible)]=\"EjbPageHelp\">\r\n    <div class=\"proSans\">\r\n        <h3>EJB Call Recording Configuration</h3>\r\n        <p>Configure your application to point to use EJB Call Recording Configuration with </p>\r\n        <p>with following settings:</p>\r\n        <p>Enter <b>EJB Class Name</b> , For example : com.cavisson.Example</p>\r\n        <p>Add EJB Class Name by clicking on \"Add\".</p>\r\n    </div>\r\n</p-dialog>\r\n\r\n\r\n<!-- alert and confirm dialog-->\r\n<p-dialog header=\"Alert\" [(visible)]=\"display\" modal=\"modal\" width=\"450\" [responsive]=\"true\">\r\n    {{msg}}\r\n    <p-footer class=\"p-grid p-align-center p-justify-end\">\r\n            <button type=\"button\" pButton (click)=\"display=false\" label=\"Ok\"></button>\r\n    </p-footer>\r\n</p-dialog>\r\n\r\n\r\n<p-dialog header=\"Alert\" [(visible)]=\"displayForSocketRecording\" modal=\"modal\" width=\"450\" [responsive]=\"true\">\r\n    {{msg}}\r\n    <p-footer class=\"p-grid p-align-center p-justify-end\">\r\n            <button type=\"button\" pButton (click)=\"closeSocketRecordingDialogue()\" label=\"Ok\"></button>\r\n    </p-footer>\r\n</p-dialog>\r\n\r\n\r\n<!--alert dialog box for start http recording button  -->\r\n<!-- ========================popup code start here================================== -->\r\n<p-dialog [(visible)]=\"displayRec\" positionTop=\"70px\" [closable]=false [modal]=\"true\" [responsive]=\"true\" \r\n     [minY]=\"10\" [maximizable]=\"false\"  [style]=\"{'width':'95vw'}\">\r\n    <p-header>\r\n        <div class=\"p-grid p-justify-between\">\r\n            <div>Recording Status<i class=\"fa fa-spinner fa-spin\"></i></div>\r\n            <div><button pButton class=\"ui-button-rounded mx-3\" type=\"button\" label=\"Stop Recording\" [disabled]=\"isStop\" (click)=\"navigateRecordedResponse()\"></button></div>\r\n        </div>\r\n    </p-header>\r\n\r\n\r\n    <div class=\"ui-g-12\">\r\n        <div class=\"ui-g-6\">\r\n        <div class=\"box border-4\">\r\n            <ng-container *ngIf=\"selectedDomain == 'Webpage Recording'\">\r\n                <p class=\"cav-my-0 font-14 font-weight-600\">Follow These Steps For Recording:</p>\r\n                <ul class=\"la-ul\">\r\n                    <li class=\"my-8\"><i class=\"la-li icons8 icons8-circled-right\"></i>Open Browser and Enable Proxy. Use IP (<strong>{{loginIP}}</strong>) and Port\r\n                        (<strong>{{recordPort}}</strong>) For Proxy Server and All Protocols.</li>\r\n                        <li class=\"my-8\"><i class=\"la-li icons8 icons8-circled-right\"></i>Browse Your Application and Wait Till Page is Fully Loaded.</li>\r\n                        <li class=\"my-8\"><i class=\"la-li icons8 icons8-circled-right\"></i>Click On Stop Recording.</li>\r\n               </ul>\r\n               <p><span class=\"bold-note\">Note:</span> Web Page Recording is in progress, Please do not open the debugger tool.</p>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"selectedDomain == 'Application Recording'\">\r\n                <p class=\"cav-my-0 font-14 font-weight-600\">Follow These Steps For Recording:</p>\r\n                <ul class=\"la-ul\">\r\n                    <li class=\"my-8\" *ngIf=\"!sessionService.isSaasNDEController()\"><i class=\"la-li icons8 icons8-circled-right\"></i>Open The URL in The Browser (<strong>\r\n                        <a class=\"btn-icon\" (click)=\"goToLink()\">{{this._recordService.proto}}://{{loginIP}}:{{recordPort}}</a></strong>)</li>\r\n                    <li class=\"my-8\" *ngIf=\"sessionService.isSaasNDEController()\"><i class=\"la-li icons8 icons8-circled-right\"></i>Open The URL in The Browser (<strong>\r\n                        <ng-container *ngFor=\"let link of recEndPoint; let isLast = last\">\r\n                        <a class=\"btn-icon\"\r\n                            [href]=\"link\"\r\n                            target=\"_blank\">\r\n                            {{ link }}\r\n                        </a><span *ngIf=\"!isLast\">, </span>\r\n                        </ng-container>   \r\n                    </strong>)</li>\r\n                    <li class=\"my-8\"><i class=\"la-li icons8 icons8-circled-right\"></i>Browse Your Web Application and Wait Till Page is Fully Loaded.</li>\r\n                    <li class=\"my-8\"><i class=\"la-li icons8 icons8-circled-right\"></i>Click On Stop Recording.</li>\r\n               </ul>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n\r\n        <div class=\"ui-g-6 p-grid\">\r\n            <div class=\"ui-g-6 p-grid p-dir-col\">\r\n                <p class=\"mt-0 font-14 font-weight-600\">Requests Recorded</p>\r\n                <span class=\"no-circle border-1\">{{reqNo}}</span>\r\n            </div>\r\n            <div class=\"ui-g-6 p-grid p-dir-col\">\r\n                <p class=\"mt-0 font-14 font-weight-600\">Responses Recorded</p>\r\n                <span class=\"no-circle  border-1\">{{resNo}}</span>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <p-fieldset #fieldChild class=\"custom-fieldset\" legend=\"Captured URL's List\" [toggleable]=\"true\"\r\n        (onAfterToggle)=\"resizeEditor()\">\r\n        <div class=\"cav-py-2\">\r\n            <cav-table [value]=\"requestResponse\" [headerRelativePath]=\"headerRelativePath\" [scrollable]=\"true\" [responsive] =\"true\" \r\n            scrollHeight=\"145px\" (clickButtonEvent)=\"this.clickButtonEvent($event)\"></cav-table>\r\n\r\n        </div>\r\n    </p-fieldset><br>\r\n\r\n\r\n    <div class=\"ui-g-negative\">\r\n        <div class=\"p-grid\">\r\n            <div class=\"ui-g-6 p-grid p-dir-col\">\r\n                <p class=\"font-13 font-weight-600 btn-icon my-5\">Request Payload</p>\r\n                    <!-- <textarea [(ngModel)]=\"requestData \" name=\"sampleReq\" lineNumbers=\"true\" id=\"\" rows=\"15\" class=\"w-100-p\"></textarea> -->\r\n                    <div *ngIf=\"requestData\" class=\"border-3 pl-3 p-20 borderClass\">\r\n                        <ngx-monaco-editor #editor class=\"editor-container rowText height-200\" [options]=\"editorOptionsHdr\"\r\n                            [(ngModel)]=\"requestData\">\r\n                        </ngx-monaco-editor>\r\n                    </div>\r\n            </div>\r\n            <div class=\"ui-g-6 p-grid p-dir-col\">\r\n                <p class=\"font-13 font-weight-600 btn-icon my-5\">Response Payload</p>\r\n                    <!-- <textarea [(ngModel)]=\"responseData\" name=\"responseTemp\" lineNumbers=\"true\" id=\"\" cols=\"85\" rows=\"15\" class=\"inputbox inputboxTextArea \"></textarea> -->\r\n                    <div *ngIf=\"responseData\" class=\"border-3 pl-3 p-20 borderClass\">\r\n                        <ngx-monaco-editor #editor class=\"editor-container rowText height-200\" [options]=\"editorOptionsHdr\"\r\n                            [(ngModel)]=\"responseData\">\r\n                        </ngx-monaco-editor>\r\n                    </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</p-dialog>\r\n\r\n\r\n<!--alert dialog box for start tcp recording button  -->\r\n<!-- ========================popup code start here================================== -->\r\n<p-dialog class=\"foterDialog\" [dismissableMask]=\"true\"\r\n    [(visible)]=\"displayRecTcp\" [closable]=false [modal]=\"true\" [responsive]=\"true\" \r\n      [maximizable]=\"false\" [resizable]=\"false\" [baseZIndex]=\"10000\" [style]=\"{'width':'95vw'}\">\r\n      <p-header>\r\n        <div class=\"p-grid p-justify-between p-align-center p-5\">\r\n            <label class=\"font-weight-600 font-14\">Recording Status\r\n                <span class=\"mx-5\"> <i class=\"icons8 icons8-spinner spin\"></i></span>\r\n            </label>\r\n            <div class=\"p-grid p-align-center\">  \r\n                <button class=\"ui-button-rounded ui-button-danger mx-3\" pButton type=\"button\" \r\n                (click)=\"navigateToScript()\">Stop Recording and Create Script</button>\r\n                <button class=\"ui-button-rounded ui-button-danger\" pButton type=\"button\" [disabled]=\"isStop\"\r\n                    (click)=\"navigateRecordedResponseTcp()\">Stop Recording</button>\r\n            </div>\r\n        </div>\r\n        </p-header>\r\n\r\n        <div class=\"p-grid p-align-center topbdr-record\">\r\n            <p class=\"my-0 font-13 font-weight-600 headText mr-20 p-grid p-align-center\">\r\n                <i class=\"las-file-alt mr-5\"></i>Follow These Steps For Recording:</p>\r\n            <div class=\"p-col\">\r\n                <ul class=\"ullist-custom\">\r\n                    <li>Open Your Socket Client.</li>\r\n                    <li>Send Request From Socket Client</li>\r\n                    <li>Click On Stop Recording.</li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"p-grid\">\r\n            <div class=\"p-col-2 p-grid p-dir-col\">\r\n                <p class=\"mt-0 font-14 font-weight-600\">Request Recorded</p>\r\n                <span class=\"no-circle border-1\">{{reqNoTcp}}</span>\r\n            </div>\r\n            <div class=\"p-col-2 p-grid p-dir-col\">\r\n                <p class=\"mt-0 font-14 font-weight-600\">Response Recorded</p>\r\n                <span class=\"no-circle  border-1\">{{resNoTcp}}</span>\r\n            </div>\r\n        </div>\r\n\r\n\r\n        <div class=\"my-5\">\r\n            <p-tabView (onChange)=\"category($event)\">\r\n                <p-tabPanel [header]=\"item\" *ngFor=\"let item of recNameArr; let i = index\" [selected]=\"i == 0\">\r\n                    <div class=\"p-grid p-align-center\">\r\n\r\n                            <ul class=\"cpuBrust font-14\">\r\n                                <li id=\"{{rowData.templateName}}\" [ngClass]=\"rowData.templateName == selctSpecTemplate ? 'current' :''\" class=\"hyperlink\"  *ngFor=\"let rowData of requestResponseTcp;\">\r\n                                    <label style=\"cursor: pointer;\" title=\"{{rowData.templateName}}\" (click)=\"getRequestResponseTcp(rowData,item)\">{{rowData.templateName}}</label>\r\n                                </li>\r\n                            </ul>\r\n                </div>\r\n\r\n                    \r\n                    \r\n                </p-tabPanel>\r\n            </p-tabView>\r\n            </div>\r\n            <div  class=\"p-grid mb-15\">\r\n                <div class=\"p-col font-weight-700 p-grid\">\r\n                    <div class=\"flex_tabs\" [ngClass]=\"methodReq ? 'flex_tabs' : 'current'\" (click)=\"clickRequestData()\">Request Payload</div>\r\n                    <div class=\"flex_tabs\" [ngClass]=\"methodReq ? 'current' : 'flex_tabs'\" (click)=\"clickRequestData()\">Request Payload Decoded</div>\r\n                </div>\r\n                <div class=\"p-col font-weight-700  p-grid\">\r\n                    <div class=\"flex_tabs\" [ngClass]=\"methodRes ? 'flex_tabs' : 'current'\" (click)=\"clickResponseData()\">Response Payload</div>\r\n                    <div class=\"flex_tabs\" [ngClass]=\"methodRes ? 'current' : 'flex_tabs'\" (click)=\"clickResponseData()\">Response Payload Decoded</div>\r\n                </div>\r\n            </div> \r\n    \r\n            <div class=\"p-grid w-100-p p-grid p-align-center\">\r\n                <div  class=\"w-45-p\">\r\n                    <div class=\"customTabsContent border-4\">\r\n                        <div *ngIf=\"!methodReq\">\r\n                            <!-- <textarea pInputTextarea [(ngModel)]=\"requestDataTcp\"  cols=\"95\" rows=\"10\"></textarea> -->\r\n                            <div *ngIf=\"requestDataTcp\" class=\"border-3 pl-3 p-20 borderClass\">\r\n                                <ngx-monaco-editor #editor class=\"editor-container rowText height-200\" [options]=\"editorOptionsHdr\"\r\n                                    [(ngModel)]=\"requestDataTcp\" style=\"width: calc(100vh - 140px);\">\r\n                                </ngx-monaco-editor>\r\n                            </div>\r\n                        </div> \r\n                        <div *ngIf=\"methodReq\">\r\n                            <!-- <textarea pInputTextarea [(ngModel)]=\"requestDataTcpDecoded\" cols=\"95\" rows=\"10\"></textarea> -->\r\n                            <div *ngIf=\"requestDataTcpDecoded\" class=\"border-3 pl-3 p-20 borderClass\">\r\n                                <ngx-monaco-editor  #editor class=\"editor-container rowText height-200\" [options]=\"editorOptionsHdr\"\r\n                                    [(ngModel)]=\"requestDataTcpDecoded\" style=\"width: calc(100vh - 140px);\">\r\n                                </ngx-monaco-editor>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"w-50-p ml-60\">\r\n                    <div class=\"customTabsContent border-4\">\r\n                        <div *ngIf=\"!methodRes\">\r\n                            <!-- <textarea pInputTextarea [(ngModel)]=\"responseDataTcpDecoded\"  cols=\"107\" rows=\"10\"></textarea> -->\r\n                            <div *ngIf=\"responseDataTcpDecoded\" class=\"border-3 pl-3 p-20 borderClass\">\r\n                                <ngx-monaco-editor  #editor class=\"editor-container rowText height-200\" [options]=\"editorOptionsHdr\"\r\n                                    [(ngModel)]=\"responseDataTcpDecoded\" style=\"width: calc(100vh - 67px);\">\r\n                                </ngx-monaco-editor>\r\n                            </div>\r\n                        </div> \r\n                        <div *ngIf=\"methodRes\">\r\n                            <!-- <textarea pInputTextarea [(ngModel)]=\"responseDataTcpDecoded\" cols=\"107\" rows=\"10\"></textarea> -->\r\n                            <div *ngIf=\"responseDataTcpDecoded\" class=\"border-3 pl-3 p-20 borderClass\">\r\n                                <ngx-monaco-editor #editor class=\"editor-container rowText height-200\" [options]=\"editorOptionsHdr\"\r\n                                    [(ngModel)]=\"responseDataTcpDecoded\" style=\"width: calc(100vh - 67px);\">\r\n                                </ngx-monaco-editor>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n</p-dialog>\r\n\r\n\r\n<!--alert dialog box for start recording button for the Jdbc Recording -->\r\n<p-dialog [closable]=false header=\"\" modal=\"modal\" [style]=\"{'width':'900px'}\" [(visible)]=\"displayJdbcRec\"\r\n    [responsive]=\"true\">\r\n    <p-header>\r\n        <span class=\"font-14\"><strong>Recording Status</strong></span>\r\n        <span><i class=\"icons8 icons8-spinner spin\" aria-hidden=\"true\"></i></span>\r\n    </p-header>\r\n\r\n    <div class=\"p-grid p-justify-between p-align-center\">\r\n        <div>\r\n            <span style=\"font-size: 14px;\"><strong>Follow the below steps for JDBC recording:</strong></span>\r\n            <ul class=\"font-12\">\r\n                <li>1. Use the below JDBC Configuration in your Application:\r\n                    <br><b>JDBC Driver:</b> de.simplicit.vjdbc.VirtualDriver\r\n                    <br><b>Connection String:</b> jdbc:vjdbc:servlet:\r\n                    http(s)://ip:port/vjdbc/vjdbc_servlet,{{connectionId}}\r\n                    <br><b>Username</b> and <b>Password</b>\r\n                    <br><b>*</b>This will direct Request & Responses via NetOcean when in\r\n                    recording mode.</li>\r\n                <li>2. Now, Navigate in your Application to virtualize database.</li>\r\n                <li>3. Wait for request response to be recorded.</li>\r\n                <li>4. Click on stop recording.</li>\r\n            </ul>\r\n        </div>\r\n        <div class=\"p-grid p-justify-center text-center font-18\">\r\n            <div class=\"p-5\">\r\n                <span style=\"color: #1A237E;font-size: 0.8em;\" class=\"alignBoxes\">Requests recorded: </span>\r\n                <span *ngIf=\"reqNo == 0\" class=\"colorForZero\">{{reqNo}}</span>\r\n                <span *ngIf=\"reqNo != 0\" class=\"colorForNonZero\">{{reqNo}}</span>\r\n            </div>\r\n            <div class=\"p-5\">\r\n                <span style=\"color: #1A237E;font-size: 0.8em;\" class=\"alignBoxes\">Responses recorded: </span>\r\n                <span *ngIf=\"resNo == 0\" class=\"colorForZero\">{{resNo}}</span>\r\n                <span *ngIf=\"resNo != 0\" class=\"colorForNonZero\">{{resNo}}\r\n                </span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n<p-footer class=\"p-grid p-justify-end m-5\">\r\n<button type=\"button\" pButton [disabled]=\"isStop\" (click)=\"navigateRecordedResponse()\"\r\nlabel=\"Stop Recording\"></button>\r\n</p-footer>\r\n</p-dialog>\r\n\r\n\r\n<!--alert box code for Advance settings..Tcp Recording......-->\r\n<p-dialog header=\"Advance Settings\" [style]=\"{'width':'1250px'}\" [dismissableMask]=\"true\"\r\n    [(visible)]=\"displayAdvanceSetting\" [modal]=\"true\" [resizable]=\"false\" [closable]=\"false\">\r\n\r\n        <div class=\"w-100-p p-grid\">\r\n                <p-accordion class=\"w-100-p\">\r\n                    <p-accordionTab header=\"Message Boundary Policy \">\r\n                        <div class=\"p-grid mb-10 w-100-p p-align-center\">\r\n                            <p-radioButton name=\"groupname\" value=\"1\" label=\"Messages are of fixed length of\" [(ngModel)]=\"endPolicyReq\" [disabled]=\"!viewModeTcp\"></p-radioButton>\r\n                            <div class=\"mx-5\">\r\n                                <input type=\"number\" size=\"5\" pInputText [(ngModel)]=\"policyReqVal\" [disabled]=\"endPolicyReq != '1' || !viewModeTcp\"/>\r\n                            </div>\r\n                            <div class=\"mx-5\">\r\n                                bytes\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"p-grid mb-10 w-100-p p-align-center\">\r\n                            <p-radioButton name=\"groupname\" value=\"2\" label=\"Messages are delimited by specified character(s)\" [(ngModel)]=\"endPolicyReq\" [disabled]=\"!viewModeTcp\"></p-radioButton>\r\n                            <div class=\"mx-5\">\r\n                                <input type=\"text\" size=\"5\" pInputText [(ngModel)]=\"policyReqVal1\" [disabled]=\"endPolicyReq != '2' || !viewModeTcp\"/>\r\n                            </div>\r\n                            <div class=\"mx-5\">\r\n                                <button pTooltip=\"A specific character or sequence of characters, such as pipe or comma, indicates end of the message. The entire sequence must be matched. The delimiter itself is not included in the message\" type=\"button\" class=\"btn-icon mr-5\"><i class=\"icons8 icons8-help\"></i></button>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"p-grid mb-10 w-100-p p-align-center\">\r\n                            <p-radioButton name=\"groupname\" value=\"0\" label=\"Messages are delimited by end-of-data (complete TCP segment)\" [(ngModel)]=\"endPolicyReq\" [disabled]=\"!viewModeTcp\"></p-radioButton>\r\n                        </div>\r\n                        <div class=\"p-grid mb-10 w-100-p p-align-center\">\r\n                            <p-radioButton name=\"groupname\" value=\"5\" label=\"Messages are complete if any part of the message contains specified characters\" [(ngModel)]=\"endPolicyReq\" [disabled]=\"!viewModeTcp\"></p-radioButton>\r\n                            <div class=\"mx-5\">\r\n                                <input type=\"text\" size=\"5\" pInputText [(ngModel)]=\"policyReqVal2\" [disabled]=\"endPolicyReq != '5' || !viewModeTcp\"/>\r\n                            </div>\r\n                           \r\n                        </div>\r\n                        <div class=\"p-grid mb-10 w-100-p p-align-center\">\r\n                            <p-radioButton name=\"groupname\" value=\"3\" label=\"Messages are prefixed by message length in\" [(ngModel)]=\"endPolicyReq\" [disabled]=\"!viewModeTcp\"></p-radioButton>\r\n                            <div class=\"mx-5\">\r\n                                <p-dropdown appendTo=\"body\" [options]=\"reqSettingsOptions\" [(ngModel)]=\"changeMsgPrefixOptVal\" dropdownIcon=\"icons8 icons8-expand-arrow\" (onChange)=\"changeMsgPrefixOpt('req')\" [disabled]=\"endPolicyReq != '3' || !viewModeTcp\"></p-dropdown>\r\n                            </div>\r\n                            <div class=\"mx-5\">\r\n                                of\r\n                            </div>\r\n                            <div class=\"mx-5\">\r\n                                <p-dropdown appendTo=\"body\" [options]=\"msgPrefixOpt\" [(ngModel)]=\"msgPrefixValue\" dropdownIcon=\"icons8 icons8-expand-arrow\" class=\"prefixDropdown\" [disabled]=\"endPolicyReq != '3' || !viewModeTcp\"></p-dropdown>\r\n                            </div>\r\n                            <div class=\"mx-5\">\r\n                                bytes\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"p-grid mb-10 w-100-p p-align-center\">\r\n                            <p-radioButton name=\"groupname\" value=\"6\" label=\"Messages are complete after connection is closed\" [(ngModel)]=\"endPolicyReq\" [disabled]=\"!viewModeTcp\"></p-radioButton>\r\n                        </div>\r\n                        <div class=\"p-grid mb-10 w-100-p p-align-center\">\r\n                            <p-radioButton name=\"groupname\" value=\"4\" label=\"Message is complete after idle timeout is reached\" [(ngModel)]=\"endPolicyReq\" [disabled]=\"!viewModeTcp\"></p-radioButton>\r\n                            <div class=\"mx-15\">\r\n                                (It is not applicable for UDP protocol)\r\n                            </div>\r\n\r\n                        </div>  \r\n                        \r\n                        \r\n                    </p-accordionTab>\r\n\r\n\r\n                    <p-accordionTab header=\"Message Format\">\r\n                        <div class=\"w-100-p p-align-center p-grid mb-10\">\r\n                            <label class=\"width-135\">Decode Type</label>\r\n                            <p-dropdown dropdownIcon=\"icons8 icons8-expand-arrow\" class=\"my-select\" [disabled]=\"!viewModeTcp\" [style]=\"{'min-width':'13em'}\" [options]=\"decodeTypeOptionsReq\"\r\n                                [(ngModel)]=\"decodeTypeReq\"></p-dropdown>\r\n                        </div>\r\n                    </p-accordionTab>\r\n\r\n\r\n                    <p-accordionTab header=\"Timeout Settings\">\r\n                        <div class=\"p-grid p-dir-col\">\r\n                            <div class=\"p-grid p-align-center my-5\">\r\n                                <label class=\"width-250\">First Byte Receive Timeout</label>\r\n                                <input type=\"text\" [disabled]=\"!viewModeTcp\" [(ngModel)]=\"reqTimeout\" name=\"reqestTimeout\"\r\n                                    (keypress)=\"isNumCheck($event,reqTimeout)\"  class=\"width-80 mx-3\" pInputText> sec\r\n                            </div>\r\n                            <div class=\"p-grid p-align-center my-5\">\r\n                                <label class=\"width-250\">Idle timeout after first byte recieved</label>\r\n                                <input  class=\"width-80 mx-3\" pInputText [disabled]=\"!viewModeTcp\" type=\"text\" [(ngModel)]=\"reqIdleTimeout\" name=\"reqestIdleTimeout\" (keypress)=\"isNumCheck($event,reqIdleTimeout)\" > sec\r\n                            </div>\r\n                            <div class=\"p-grid p-align-center my-5\">\r\n                                <label class=\"width-250\">Overall timeout after first byte recieved</label>\r\n                                <input type=\"text\" [disabled]=\"!viewModeTcp\" [(ngModel)]=\"aliveTimeoutReq\" name=\"aliveTimeoutReq\"\r\n                                    (keypress)=\"isNumCheck($event,aliveTimeoutReq)\"  class=\"width-80 mx-3\" pInputText> sec\r\n                            </div>\r\n                        </div>\r\n                    </p-accordionTab>\r\n                </p-accordion>\r\n        </div>\r\n\r\n\r\n<p-footer class=\"p-grid p-justify-end m-5\">\r\n<button pButton class=\"ui-button-rounded ui-button-secondary mx-6\" type=\"button\" label=\"Cancel\" (click)=\"closeAdvanceSetting()\"></button>\r\n<button pButton class=\"ui-button-rounded\" *ngIf=\"viewModeTcp\" label=\"Save\" type=\"button\" (click)=\"saveAdvanceFields()\"></button>\r\n</p-footer>\r\n</p-dialog>\r\n\r\n\r\n<!--alert box code for FileUpload..Tcp Recording......-->\r\n<p-dialog [(visible)]=\"displayCert\" header=\"Upload Certificate\" [modal]=\"true\" [style]=\"{width: '600px'}\">\r\n    <div class=\"p-grid p-justify-between p-align-center p-10 mb-10\">\r\n        <div class=\"p-grid p-align-center\">\r\n            <label class=\"mr-5\">Client Cerificate:</label>\r\n            <p-fileUpload class=\"NO-modal \" mode=\"basic\" chooseLabel=\"Upload\" name=\"demo[]\" #fileUploadClient\r\n                [disabled]=\"this.selectedProtocolTcp != 'ssl'\" (onSelect)=\"validateFile($event,fileUploadClient)\"\r\n                url=\"/ProductUI/productSummary/NetOceanWebService/uploadClientCertificate\"\r\n                (onUpload)=\"uploadFileClient($event)\"></p-fileUpload>\r\n        </div>\r\n\r\n        <div class=\"p-grid p-align-center\">\r\n            <label class=\"mr-5\">Virtualization Cerificate:</label>\r\n            <p-fileUpload class=\"NO-modal\" mode=\"basic\" chooseLabel=\"Upload\" name=\"demo[]\" #fileUploadEndpoint\r\n                [disabled]=\"this.selectedProtocolTcp != 'ssl'\" (onSelect)=\"validateFile($event,fileUploadEndpoint)\"\r\n                url=\"/ProductUI/productSummary/NetOceanWebService/uploadEndpointCertificate\"\r\n                (onUpload)=\"uploadFileEndpoint($event)\"></p-fileUpload>\r\n        </div>\r\n    </div>\r\n    <p-footer class=\"p-grid p-justify-end m-5\">\r\n        <button pButton class=\"ui-button-rounded ui-button-secondary\" label=\"Close\" type=\"button\" (click)=\"displayCert=false\"></button>\r\n    </p-footer>\r\n</p-dialog>\r\n<!-- <p-growl [value]=\"growlMessage\"></p-growl> -->\r\n<p-toast key=\"msgs\"></p-toast>\r\n\r\n<p-confirmDialog class=\"confirmdialog\" [baseZIndex]=\"999999\" header=\"Confirmation\" acceptButtonStyleClass=\"ui-button-rounded px-10\" rejectButtonStyleClass=\"ui-button-rounded ui-button-secondary px-10 mx-6\"\r\n    acceptIcon=\"null\"  rejectIcon=\"null\"  acceptLabel=\"Yes\" rejectLabel=\"No\"></p-confirmDialog>\r\n\r\n<app-netocean-service-progress-bar> </app-netocean-service-progress-bar>\r\n\r\n<div>\r\n    <input type=\"file\" #fileUpload accept=\".pem,.cer,.crt,.p7b,.p7r,.p12,.pfx\" class=\"upload\" [style]=\"{'width':'0.1px'}\"\r\n        (click)=\"$event.target.value=null\" (change)=\"uploadFileMsg($event,$event.target.files)\">\r\n</div>\r\n\r\n</div>";
    /***/
  },

  /***/
  "./src/app/pages/home/netocean/components/netocean-record-services/netocean-record-services.component.scss":
  /*!*****************************************************************************************************************!*\
    !*** ./src/app/pages/home/netocean/components/netocean-record-services/netocean-record-services.component.scss ***!
    \*****************************************************************************************************************/

  /*! exports provided: default */

  /***/
  function _src_app_pages_home_netocean_components_netoceanRecordServices_netoceanRecordServicesComponentScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "app-netocean-record-services .borderClass {\n  border-style: solid;\n  border-width: 1px;\n}\napp-netocean-record-services .addon-dropdown .ui-dropdown.ui-widget.ui-state-default.ui-corner-all {\n  border-top-right-radius: 0px;\n  border-bottom-right-radius: 0px;\n}\napp-netocean-record-services .addon-dropdown1 .ui-dropdown.ui-widget.ui-state-default.ui-corner-all {\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\napp-netocean-record-services .httptext {\n  width: 123px;\n}\napp-netocean-record-services .tcptext {\n  width: 302px;\n}\napp-netocean-record-services .box {\n  border-style: solid;\n  border-width: 1px;\n  border-radius: 4px;\n  padding: 4px;\n}\napp-netocean-record-services .no-circle {\n  display: inline-flex;\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  border-width: 5px;\n  border-style: solid;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  margin: 5px 0px;\n}\napp-netocean-record-services .ullist-custom {\n  list-style: none;\n  counter-reset: item;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  align-content: center;\n}\napp-netocean-record-services .ullist-custom > li {\n  counter-increment: item;\n  position: relative;\n  cursor: pointer;\n  transition: all 250ms ease;\n}\napp-netocean-record-services .ullist-custom > li::before {\n  content: counter(item);\n  width: 1.75rem;\n  height: 1.75rem;\n  display: inline-block;\n  line-height: 1.75rem;\n  text-align: center;\n  margin: 0.25em 0.65em 0.25em 0.25em;\n  background-color: var(--background_color_2);\n  border-radius: 50%;\n  color: var(--color_5);\n}\napp-netocean-record-services .topbdr-record {\n  border-bottom-style: solid;\n  border-bottom-width: 1px;\n  border-color: var(--background_color_2);\n}\napp-netocean-record-services .responseData {\n  border-radius: 4px;\n  border-style: solid;\n  border-width: 1px;\n  min-height: 120px;\n  overflow: auto;\n  max-height: 200px;\n  padding: 5px;\n}\napp-netocean-record-services .tab-viewnoe .ui-tabview-panels {\n  display: none;\n}\napp-netocean-record-services .prefixDropdown .ui-dropdown {\n  min-width: 42px;\n}\napp-netocean-record-services .hyperlink {\n  text-decoration: underline;\n  border: solid 1px var(--border_color_7);\n  padding: 6px;\n  margin: 3px;\n  border-radius: 5px;\n}\napp-netocean-record-services .hyperlink.current {\n  background-color: var(--background_color_7);\n}\napp-netocean-record-services .flex_tabs {\n  padding: 0.5em 0.75em;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  cursor: pointer;\n}\napp-netocean-record-services .flex_tabs:hover {\n  background-color: var(--background_color_8);\n}\napp-netocean-record-services .flex_tabs.current {\n  background-color: var(--background_color_7);\n}\napp-netocean-record-services .dnone {\n  display: none;\n}\napp-netocean-record-services .persent {\n  display: flex;\n}\napp-netocean-record-services .customTabsContent {\n  border-style: solid;\n  border-width: 1px;\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n  padding: 8px;\n  margin-top: -1em;\n  min-height: 120px;\n  overflow: auto;\n  max-height: 260px;\n}\napp-netocean-record-services .horizontal li {\n  float: left;\n  margin-top: -13px;\n  position: relative;\n  padding-left: 11px;\n}\napp-netocean-record-services .cpuBrust {\n  display: flex;\n  margin: 0px;\n  padding: 0;\n  list-style: none;\n  flex-wrap: wrap;\n}\napp-netocean-record-services .cpuBrust > li {\n  align-items: center;\n  position: relative;\n  display: inline-flex;\n  padding: 0.25em;\n  border-radius: 4px;\n  border: solid 1px transparent;\n  transition: all 400ms ease;\n  cursor: pointer;\n  margin: 0.75em;\n}\napp-netocean-record-services .cpuBrust > li:hover, app-netocean-record-services .cpuBrust > li.current {\n  background-color: var(--background_color_7);\n  border: solid 1px var(--border_color_7);\n}\napp-netocean-record-services .cpuBrust > li > .circle {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 160%;\n}\napp-netocean-record-services .cpuBrust > li > p {\n  margin: 0 8px;\n  font-size: 14px;\n  font-weight: 500;\n}\napp-netocean-record-services .cpuBrust > li > p > small {\n  display: block;\n  font-size: 80%;\n  opacity: 0.7;\n  margin: 0;\n  font-weight: 500;\n}\napp-netocean-record-services .upload {\n  opacity: 0;\n}\napp-netocean-record-services .bold-note {\n  font-weight: bold;\n}";
    /***/
  },

  /***/
  "./src/app/pages/home/netocean/components/netocean-record-services/netocean-record-services.component.ts":
  /*!***************************************************************************************************************!*\
    !*** ./src/app/pages/home/netocean/components/netocean-record-services/netocean-record-services.component.ts ***!
    \***************************************************************************************************************/

  /*! exports provided: NetoceanRecordServicesComponent */

  /***/
  function _src_app_pages_home_netocean_components_netoceanRecordServices_netoceanRecordServicesComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "NetoceanRecordServicesComponent", function () {
      return NetoceanRecordServicesComponent;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var primeng__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! primeng */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng.js");
    /* harmony import */


    var rxjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! rxjs */
    "./node_modules/rxjs/_esm2015/index.js");
    /* harmony import */


    var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! @angular/router */
    "./node_modules/@angular/router/__ivy_ngcc__/fesm2015/router.js");
    /* harmony import */


    var primeng_api__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! primeng/api */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng-api.js");
    /* harmony import */


    var src_app_core_session_session_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! src/app/core/session/session.service */
    "./src/app/core/session/session.service.ts");
    /* harmony import */


    var _services_netocean_common_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! ../../services/netocean-common.service */
    "./src/app/pages/home/netocean/services/netocean-common.service.ts");
    /* harmony import */


    var _services_manage_services_info_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
    /*! ../../services/manage-services-info.service */
    "./src/app/pages/home/netocean/services/manage-services-info.service.ts");
    /* harmony import */


    var _services_progress_bar_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(
    /*! ../../services/progress-bar.service */
    "./src/app/pages/home/netocean/services/progress-bar.service.ts");
    /* harmony import */


    var _services_netocean_rest_api_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(
    /*! ../../services/netocean-rest-api.service */
    "./src/app/pages/home/netocean/services/netocean-rest-api.service.ts");
    /* harmony import */


    var _services_netocean_config_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(
    /*! ../../services/netocean-config-service */
    "./src/app/pages/home/netocean/services/netocean-config-service.ts");
    /* harmony import */


    var _script_manager_services_script_utils_service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(
    /*! ../../../script-manager/services/script-utils.service */
    "./src/app/pages/home/script-manager/services/script-utils.service.ts");
    /* harmony import */


    var src_app_pages_scenario_service_scenario_http_service__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(
    /*! src/app/pages/scenario/service/scenario-http.service */
    "./src/app/pages/scenario/service/scenario-http.service.ts");
    /* harmony import */


    var src_app_pages_scenario_interface_scenario_state__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(
    /*! src/app/pages/scenario/interface/scenario-state */
    "./src/app/pages/scenario/interface/scenario-state.ts");
    /* harmony import */


    var src_app_pages_scenario_service_scenario_utils_service__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(
    /*! src/app/pages/scenario/service/scenario-utils.service */
    "./src/app/pages/scenario/service/scenario-utils.service.ts");
    /* harmony import */


    var src_app_shared_cav_nav_bar_cav_nav_bar_service__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(
    /*! src/app/shared/cav-nav-bar/cav-nav-bar.service */
    "./src/app/shared/cav-nav-bar/cav-nav-bar.service.ts");
    /* harmony import */


    var src_app_core_breadcrumb_breadcrumb_service__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(
    /*! src/app/core/breadcrumb/breadcrumb.service */
    "./src/app/core/breadcrumb/breadcrumb.service.ts");

    var NetoceanRecordServicesComponent = /*#__PURE__*/function () {
      function NetoceanRecordServicesComponent(confirmationService, _recordService, _manageService, _progressService, _netoceanConfig, NetoceanRestApi, _route, activeRoute, messageService, sessionService, scriptUtilService, scenarioHttpService, scenarioUtilsService, cavNavBarService, breadcrumb) {
        _classCallCheck(this, NetoceanRecordServicesComponent);

        this.confirmationService = confirmationService;
        this._recordService = _recordService;
        this._manageService = _manageService;
        this._progressService = _progressService;
        this._netoceanConfig = _netoceanConfig;
        this.NetoceanRestApi = NetoceanRestApi;
        this._route = _route;
        this.activeRoute = activeRoute;
        this.messageService = messageService;
        this.sessionService = sessionService;
        this.scriptUtilService = scriptUtilService;
        this.scenarioHttpService = scenarioHttpService;
        this.scenarioUtilsService = scenarioUtilsService;
        this.cavNavBarService = cavNavBarService;
        this.breadcrumb = breadcrumb;
        this.recordPointConfiguration = [];
        this.methodNameConfiguration = [];
        this.classNameConfiguration = [];
        this.ejbConfiguration = [];
        this.httpRecordingPortAndEndpointFields = [];
        this.springRemotingConfigFields = [];
        this.javaRemotingConfigFields = [];
        this.ejbRemotingConfigFields = [];
        this.protocols = [];
        this.httpPageHelp = false;
        this.springPageHelp = false;
        this.javaPageHelp = false;
        this.EjbPageHelp = false;
        this.recordingPort = [];
        this.domainList = [];
        this.isApplication = true;
        this.isResponse = false;
        this.isRecordingPort = false;
        this.comment = true;
        this.msg = '';
        this.display = false;
        this.displayRec = false;
        this.editEnable = true;
        this.val = 0;
        this.i = 0;
        this.disable_startRec = true;
        this.sampleReq = '';
        this.msgs = '';
        this.noOfRequest = '0';
        this.noOfResponse = '0';
        this.reqNo = 0;
        this.resNo = 0;
        this.recordPort = '0';
        this.requestResponse = [];
        this.requestData = '';
        this.responseData = '';
        this.reqHeader = 'Request';
        this.resHeader = 'Response';
        this.isRecording = false;
        this.isStop = false;
        this.getNoServices = [];
        this.firstDump = true;
        this.rowSelected = [];
        this.updateRow = false;
        this.updateButtonEnable = true;
        this.showMessage = true;
        /**jdbc recording */

        this.jdbcPortList = [];
        this.jdbcPort = 'none';
        this.jdbcDriver = '';
        this.connectionString = '';
        this.userName = '';
        this.password = '';
        this.index = 0;
        this.displayJdbcRec = false;
        this.query = '';
        this.comments = '';
        this.growlMessage = [];
        this.loginIP = '';
        this.editColumnName = {};
        this.ipPort = '';
        this.connectionId = ''; //For TCP Recording

        this.hoursOptions = [];
        this.minutesSecOptions = [];
        this.hour = '00';
        this.minute = '15';
        this.second = '00';
        this.recordPointConfigurationTcp = [];
        this.requestResponseTcp = [];
        this.requestResponseListTcp = [];
        this.tcpConfigValues = [];
        this.protocolsTcp = [];
        this.displayAdvanceSetting = false;
        this.decodeTypeReq = 'text';
        this.decodeTypeRes = 'text';
        this.clientCertificateFile = 'NA';
        this.endPointCertificateFile = 'NA';
        this.lstSslKeyFilePath = [];
        this.endPolicyReq = '0';
        this.endPolicyRes = '0';
        this.reqTimeout = 60;
        this.resTimeout = 60;
        this.reqIdleTimeout = 60;
        this.resIdleTimeout = 60;
        this.aliveTimeoutReq = 300;
        this.aliveTimeoutRes = 300;
        this.policyVal1Req = '';
        this.policyVal1Res = '';
        this.policyVal2Req = 'text';
        this.policyVal2Res = 'text';
        this.binaryValReq = '1';
        this.binaryValRes = '1';
        this.endianReq = 'L';
        this.endianRes = 'L';
        this.enableVal1Req = false;
        this.enableVal1Res = false;
        this.enableByteReq = false;
        this.enableByteRes = false;
        this.enableVal2Req = false;
        this.enableVal2Res = false;
        this.displayRecTcp = false;
        this.noOfRequestTcp = '0';
        this.noOfResponseTcp = '0';
        this.reqNoTcp = 0;
        this.resNoTcp = 0;
        this.displayCert = false;
        this.viewModeTcp = true;
        this.requestDataTcp = '';
        this.responseDataTcp = '';
        this.requestDataTcpDecoded = '';
        this.responseDataTcpDecoded = '';
        this.recNameArr = [];
        this.recNameArrIndex = 0;
        this.selectedProtocolTcp = "nonSsl";
        this.selectedTemplate = '';
        this.selctSpecTemplate = '';
        this.methodReq = false;
        this.methodRes = false;
        this.portVisible = true;
        this.isSaasMode = false;
        this.addedConfigurationhttp = [];
        this.addedConfigurationtcp = [];
        this.recordingModes = [{
          label: 'HTTP Recording',
          value: 'http'
        }, {
          label: 'Socket Recording',
          value: 'tcp'
        }, {
          label: 'JDBC Recording',
          value: 'jdbc'
        }];
        this.recordingMode = 'http';
        /**Changes for Custom Certificate at time of recording */

        this.selectedProtocol = "http"; //Protocol binding.

        this.selectedDomain = "Application Recording"; //Domain binding.

        this.productkey = ''; //current login credentials.

        this.fileNameClient = 'NA'; //fileName of the newly uploaded ClientCertificate.

        this.fileNameEndpoint = 'NA'; //fileName of the newly uploaded EndpointCertificate.

        this.certificateList = []; //list of file Certificate in cert directory.

        this.addedCertificate = []; //Array of certificates added in one recording session.

        this.filterData = '';
        this.config = {
          lineNumbers: true,
          mode: 'xml'
        };
        this.jdbcConfig = {
          lineNumbers: false,
          mode: 'xml'
        };
        this.openFrom = 'NO';
        this.displayForSocketRecording = false;
        this.settingsCheck = true;
        this.msgPrefixOpt = [];
        this.msgPrefixOpt1 = [];
        this.msgPrefixValue1 = [];
        this.headerRelativePath = "netocean/services/captured-url.json";
        this.recEndPoint = [];
        this.editorOptionsHdr = {
          theme: 'Light',
          language: 'c',
          lineDecorationsWidth: 1,
          foldingStrategy: "auto",
          showFoldingControls: "mouseover",
          renderIndentGuides: false,
          renderLineHighlight: 'line',
          glyphMargin: false,
          lineNumbersMinChars: 0,
          minimap: {
            enabled: false
          },
          fontFamily: 'inherit',
          scrollbar: {
            verticalScrollbarSize: 5
          },
          wordWrap: 'off',
          readOnly: false
        };
        this.svReplyEndPoint = "";
        this.cavNavBarService.showBreadCrumb = true;
        this.breadcrumb.addNewBreadcrumb({
          label: 'Record Service',
          routerLink: '/home/net-ocean/recordServices'
        });
        this.editColumnName = {
          url: 'url'
        };
        /**call a jdbc url info */

        this._manageService.getJdbcurlInfo();

        this.progressRecorded = [{
          field: 'url',
          header: 'URL'
        }];
        this.openFrom = this._netoceanConfig.openFrom;

        if (this.openFrom == 'script') {
          this.selectedDomain = 'Webpage Recording';
          this.isApplication = false;
        }

        this.reqSettingsOptions = [{
          label: 'text(decimal)',
          value: 'text'
        }, // {label:'text(hex)', value:'texthex'},
        {
          label: 'binary(litle endian)',
          value: 'L'
        }, {
          label: 'binary(big endian  )',
          value: 'B'
        }];
        this.respSettingsOptions = [{
          label: 'text(decimal)',
          value: 'text'
        }, // {label:'text(hex)', value:'texthex'},
        {
          label: 'binary(litle endian)',
          value: 'L'
        }, {
          label: 'binary(big endian  )',
          value: 'B'
        }];
      } // for dynamic resizing of smart editor


      return _createClass(NetoceanRecordServicesComponent, [{
        key: "resizeEditor",
        value: function resizeEditor() {
          if (this.FieldChildRef['collapsed']) {
            this.RequestObj.resizeCodemirror(null, "360px");
            this.ResponseObj.resizeCodemirror(null, "360px");
          } else {
            this.RequestObj.resizeCodemirror(null, "140px");
            this.ResponseObj.resizeCodemirror(null, "140px");
          }
        }
      }, {
        key: "ngOnInit",
        value: function ngOnInit() {
          try {
            /**subscribe the port list*/
            //this._recordService.closeRecording();
            if (this.sessionService.isSaasNDEController()) {
              this.portVisible = false;
              this.svReplyEndPoint = this._recordService.getSaasControllerSvHostname();
            }

            this.recordingPortList();

            this._manageService.getUploadedRecConfigCertList();

            this.loginIP = window.location.hostname;

            this._manageService.getNOServicesData('');

            this.getManageServices();
            /**call a url */

            this._recordService.getRecordServiceDataFromServer();
            /**getting record point and configuration field */


            this.recordPointConfigurationFields();
            /**getting record point and configuration field for TCP*/

            this.recordPointConfigurationFieldsTcp();
            /* getting port details for recording */

            this.httpRecordingPortAndEndpointFields = this._recordService.$httpRecordingPortAndEndpointFields;
            /* getting port details for TCP recording */
            // this.tcpConfigValues = this._recordService.$tcpConfigValues;

            /**getiing spring remoting point and configuration field */

            this.springRemotingConfigurationField();
            /**getiing java recording point and configuration field */

            this.javaCallRecordingConfiguration();
            /**getiing EJB recording point and configuration field */

            this.EjbCallRecordingConfiguration();
            /**getting protocols fields */

            this.getProtocolsFields();
            /**getting protocols fields */

            this.getProtocolsFieldsTcp();
            /**get a counter */

            this.getRecordCounterStatus();
            /**get a counter for TCP */

            this.getRecordCounterStatusTcp();
            /**get a Jdbc setting Url Info*/

            this.subscribeJdbcPortInfo();
            /**push a jdbc config */

            this.jdbcPortList.push({
              label: '-----Select Id-----',
              value: 'none'
            });
            this.productkey = this.sessionService.session.cctx.pk;
            /**get the Certificate List */

            this.getCertificateList();
            /**fill the Recorder Timeout values */

            this.hoursOptions = [];
            this.hoursOptions.push({
              label: '00',
              value: '00'
            });
            this.hoursOptions.push({
              label: '01',
              value: '01'
            });
            this.hoursOptions.push({
              label: '02',
              value: '02'
            });
            this.hoursOptions.push({
              label: '03',
              value: '03'
            });
            this.hoursOptions.push({
              label: '04',
              value: '04'
            });
            this.hoursOptions.push({
              label: '05',
              value: '05'
            });
            this.hoursOptions.push({
              label: '06',
              value: '06'
            });
            this.hoursOptions.push({
              label: '07',
              value: '07'
            });
            this.hoursOptions.push({
              label: '08',
              value: '08'
            });
            this.hoursOptions.push({
              label: '09',
              value: '09'
            });
            this.hoursOptions.push({
              label: '10',
              value: '10'
            });
            this.hoursOptions.push({
              label: '11',
              value: '11'
            });
            this.hoursOptions.push({
              label: '12',
              value: '12'
            });
            this.hoursOptions.push({
              label: '13',
              value: '13'
            });
            this.hoursOptions.push({
              label: '14',
              value: '14'
            });
            this.hoursOptions.push({
              label: '15',
              value: '15'
            });
            this.hoursOptions.push({
              label: '16',
              value: '16'
            });
            this.hoursOptions.push({
              label: '17',
              value: '17'
            });
            this.hoursOptions.push({
              label: '18',
              value: '18'
            });
            this.hoursOptions.push({
              label: '19',
              value: '19'
            });
            this.hoursOptions.push({
              label: '20',
              value: '20'
            });
            this.hoursOptions.push({
              label: '21',
              value: '21'
            });
            this.hoursOptions.push({
              label: '22',
              value: '22'
            });
            this.hoursOptions.push({
              label: '23',
              value: '23'
            });
            this.minutesSecOptions = [];
            this.minutesSecOptions.push({
              label: '00',
              value: '00'
            });
            this.minutesSecOptions.push({
              label: '01',
              value: '01'
            });
            this.minutesSecOptions.push({
              label: '02',
              value: '02'
            });
            this.minutesSecOptions.push({
              label: '03',
              value: '03'
            });
            this.minutesSecOptions.push({
              label: '04',
              value: '04'
            });
            this.minutesSecOptions.push({
              label: '05',
              value: '05'
            });
            this.minutesSecOptions.push({
              label: '06',
              value: '06'
            });
            this.minutesSecOptions.push({
              label: '07',
              value: '07'
            });
            this.minutesSecOptions.push({
              label: '08',
              value: '08'
            });
            this.minutesSecOptions.push({
              label: '09',
              value: '09'
            });
            this.minutesSecOptions.push({
              label: '10',
              value: '10'
            });
            this.minutesSecOptions.push({
              label: '11',
              value: '11'
            });
            this.minutesSecOptions.push({
              label: '12',
              value: '12'
            });
            this.minutesSecOptions.push({
              label: '13',
              value: '13'
            });
            this.minutesSecOptions.push({
              label: '14',
              value: '14'
            });
            this.minutesSecOptions.push({
              label: '15',
              value: '15'
            });
            this.minutesSecOptions.push({
              label: '16',
              value: '16'
            });
            this.minutesSecOptions.push({
              label: '17',
              value: '17'
            });
            this.minutesSecOptions.push({
              label: '18',
              value: '18'
            });
            this.minutesSecOptions.push({
              label: '19',
              value: '19'
            });
            this.minutesSecOptions.push({
              label: '20',
              value: '20'
            });
            this.minutesSecOptions.push({
              label: '21',
              value: '21'
            });
            this.minutesSecOptions.push({
              label: '22',
              value: '22'
            });
            this.minutesSecOptions.push({
              label: '23',
              value: '23'
            });
            this.minutesSecOptions.push({
              label: '24',
              value: '24'
            });
            this.minutesSecOptions.push({
              label: '25',
              value: '25'
            });
            this.minutesSecOptions.push({
              label: '26',
              value: '26'
            });
            this.minutesSecOptions.push({
              label: '27',
              value: '27'
            });
            this.minutesSecOptions.push({
              label: '28',
              value: '28'
            });
            this.minutesSecOptions.push({
              label: '29',
              value: '29'
            });
            this.minutesSecOptions.push({
              label: '30',
              value: '30'
            });
            this.minutesSecOptions.push({
              label: '31',
              value: '31'
            });
            this.minutesSecOptions.push({
              label: '32',
              value: '32'
            });
            this.minutesSecOptions.push({
              label: '33',
              value: '33'
            });
            this.minutesSecOptions.push({
              label: '34',
              value: '34'
            });
            this.minutesSecOptions.push({
              label: '35',
              value: '35'
            });
            this.minutesSecOptions.push({
              label: '36',
              value: '36'
            });
            this.minutesSecOptions.push({
              label: '37',
              value: '37'
            });
            this.minutesSecOptions.push({
              label: '38',
              value: '38'
            });
            this.minutesSecOptions.push({
              label: '39',
              value: '39'
            });
            this.minutesSecOptions.push({
              label: '40',
              value: '40'
            });
            this.minutesSecOptions.push({
              label: '41',
              value: '41'
            });
            this.minutesSecOptions.push({
              label: '42',
              value: '42'
            });
            this.minutesSecOptions.push({
              label: '43',
              value: '43'
            });
            this.minutesSecOptions.push({
              label: '44',
              value: '44'
            });
            this.minutesSecOptions.push({
              label: '45',
              value: '45'
            });
            this.minutesSecOptions.push({
              label: '46',
              value: '46'
            });
            this.minutesSecOptions.push({
              label: '47',
              value: '47'
            });
            this.minutesSecOptions.push({
              label: '48',
              value: '48'
            });
            this.minutesSecOptions.push({
              label: '49',
              value: '49'
            });
            this.minutesSecOptions.push({
              label: '50',
              value: '50'
            });
            this.minutesSecOptions.push({
              label: '51',
              value: '51'
            });
            this.minutesSecOptions.push({
              label: '52',
              value: '52'
            });
            this.minutesSecOptions.push({
              label: '53',
              value: '53'
            });
            this.minutesSecOptions.push({
              label: '54',
              value: '54'
            });
            this.minutesSecOptions.push({
              label: '55',
              value: '55'
            });
            this.minutesSecOptions.push({
              label: '56',
              value: '56'
            });
            this.minutesSecOptions.push({
              label: '57',
              value: '57'
            });
            this.minutesSecOptions.push({
              label: '58',
              value: '58'
            });
            this.minutesSecOptions.push({
              label: '59',
              value: '59'
            });
            /**fill the decodeTypeOptions values */

            this.decodeTypeOptionsReq = [];
            this.decodeTypeOptionsReq.push({
              label: 'Plain Text',
              value: 'text'
            });
            this.decodeTypeOptionsReq.push({
              label: 'Binary to Hexadecimal',
              value: 'hex'
            });
            this.decodeTypeOptionsReq.push({
              label: 'Binary to Base64',
              value: 'base64'
            });
            this.decodeTypeOptionsRes = [];
            this.decodeTypeOptionsRes.push({
              label: 'Plain Text',
              value: 'text'
            });
            this.decodeTypeOptionsRes.push({
              label: 'Binary to Hexadecimal',
              value: 'hex'
            });
            this.decodeTypeOptionsRes.push({
              label: 'Binary to Base64',
              value: 'base64'
            });
            /**fill reqEndPolicy Type */

            this.reqEndPolicy = [];
            this.reqEndPolicy.push({
              label: 'TCP Segment',
              value: '0'
            });
            this.reqEndPolicy.push({
              label: 'Request Length',
              value: '1'
            });
            this.reqEndPolicy.push({
              label: 'Request Delimiter',
              value: '2'
            });
            this.reqEndPolicy.push({
              label: 'Dynamic Request Length',
              value: '3'
            });
            this.reqEndPolicy.push({
              label: 'Timeout',
              value: '4'
            });
            this.reqEndPolicy.push({
              label: 'Message Contains',
              value: '5'
            });
            this.reqEndPolicy.push({
              label: 'Connection Closed',
              value: '6'
            });
            this.resEndPolicy = [];
            this.resEndPolicy.push({
              label: 'TCP Segment',
              value: '0'
            });
            this.resEndPolicy.push({
              label: 'Response Length',
              value: '1'
            });
            this.resEndPolicy.push({
              label: 'Response Delimiter',
              value: '2'
            });
            this.resEndPolicy.push({
              label: 'Dynamic Response Length',
              value: '3'
            });
            this.resEndPolicy.push({
              label: 'Timeout',
              value: '4'
            });
            this.resEndPolicy.push({
              label: 'Message Contains',
              value: '5'
            });
            this.resEndPolicy.push({
              label: 'Connection Closed',
              value: '6'
            });
            /**fill policyType Type */

            this.policyTypeReq = [];
            this.policyTypeReq.push({
              label: 'Decimal',
              value: 'text'
            });
            this.policyTypeReq.push({
              label: 'Binary',
              value: 'binary'
            });
            this.policyTypeRes = [];
            this.policyTypeRes.push({
              label: 'Decimal',
              value: 'text'
            });
            this.policyTypeRes.push({
              label: 'Binary',
              value: 'binary'
            });
            /**fill L/B endian values */

            this.endianOptReq = [];
            this.endianOptReq.push({
              label: 'Little Endian',
              value: 'L'
            });
            this.endianOptReq.push({
              label: 'Big Endian',
              value: 'B'
            });
            this.endianOptRes = [];
            this.endianOptRes.push({
              label: 'Little Endian',
              value: 'L'
            });
            this.endianOptRes.push({
              label: 'Big Endian',
              value: 'B'
            });
            /**fill binaryOpt Type */

            this.binaryOptReq = [];
            this.binaryOptReq.push({
              label: '1',
              value: '1'
            });
            this.binaryOptReq.push({
              label: '2',
              value: '2'
            });
            this.binaryOptReq.push({
              label: '4',
              value: '4'
            });
            this.binaryOptReq.push({
              label: '8',
              value: '8'
            });
            this.binaryOptRes = [];
            this.binaryOptRes.push({
              label: '1',
              value: '1'
            });
            this.binaryOptRes.push({
              label: '2',
              value: '2'
            });
            this.binaryOptRes.push({
              label: '4',
              value: '4'
            });
            this.binaryOptRes.push({
              label: '8',
              value: '8'
            });
            this.textDecimalOpt = [];
            this.textDecimalOpt.push({
              label: '1',
              value: '1'
            });
            this.textDecimalOpt.push({
              label: '2',
              value: '2'
            });
            this.textDecimalOpt.push({
              label: '3',
              value: '3'
            });
            this.textDecimalOpt.push({
              label: '4',
              value: '4'
            });
            this.textDecimalOpt.push({
              label: '5',
              value: '5'
            });
            this.textDecimalOpt.push({
              label: '6',
              value: '6'
            });
            this.textDecimalOpt.push({
              label: '7',
              value: '7'
            });
            this.textDecimalOpt.push({
              label: '8',
              value: '8'
            });
            this.textDecimalOpt.push({
              label: '9',
              value: '9'
            });
            this.msgPrefixOpt = this.textDecimalOpt;
            this.msgPrefixOpt1 = this.textDecimalOpt;
            this.msgPrefixValue = '1';
            this.msgPrefixValue1 = '1';
          } catch (error) {
            console.error('error in initializing a recording service component', error);
          }

          this.addedConfigurationtcp = [{
            field: 'applicationName',
            header: 'Name'
          }, {
            field: 'recordingPort',
            header: 'Port'
          }, {
            field: 'protocol',
            header: 'Protocol'
          }, {
            field: 'endPointIp',
            header: 'Service Endpoint HostName/IP'
          }, {
            field: 'endPointPort',
            header: 'Service Endpoint Port'
          }, {
            field: 'clientCertificate',
            header: 'Client Certificate'
          }, {
            field: 'endpointCertificate',
            header: 'EndPoint Certificate'
          }, {
            field: 'action',
            header: 'Action'
          }];
          this.addedConfigurationhttp = [{
            field: 'applicationName',
            header: 'Name'
          }, {
            field: 'recordingPort',
            header: 'Port'
          }, {
            field: 'requestUrl',
            header: 'Request URL Filter'
          }, {
            field: 'protocol',
            header: 'Protocol'
          }, {
            field: 'endPointIp',
            header: 'Service Endpoint HostName/IP'
          }, {
            field: 'endPointPort',
            header: 'Service Endpoint Port'
          }, {
            field: 'clientCertificate',
            header: 'Client Certificate'
          }, {
            field: 'endpointCertificate',
            header: 'EndPoint Certificate'
          }, {
            field: 'action',
            header: 'Action'
          }];
        }
      }, {
        key: "category",
        value: function category($event) {
          try {
            this.recNameArrIndex = $event.index;
            this.requestResponseTcp = this.requestResponseListTcp['recordingData'][this.recNameArr[this.recNameArrIndex]]['templates'];

            if (this.requestResponseTcp.length != 0) {
              this.getRequestResponseTcp(this.requestResponseTcp[0], this.requestResponseListTcp['recordingNames'][this.recNameArrIndex]);
            }
          } catch (error) {
            console.error('error in switch tab', error);
          }
        }
        /**get a status of all operations*/

      }, {
        key: "getManageServices",
        value: function getManageServices() {
          var _this = this;

          try {
            //this.log.debug('getting status of all operations');
            this.activeSubscriber = this._manageService.activateProvider$.subscribe(function (result) {
              if (_this._manageService.action == 'NOSERVICES') {
                _this.getNoServices = result;
                _this._manageService.$NetoceanService = result;
              }
            });
          } catch (error) {
            console.error('error in getting status of operations', error);
          }
        }
        /**subscriber for the jdbc port info */

      }, {
        key: "subscribeJdbcPortInfo",
        value: function subscribeJdbcPortInfo() {
          var _this2 = this;

          try {
            this.subscribeJdbc = this._manageService.activateProvider$.subscribe(function (result) {
              if (_this2._manageService.action == 'JDBCURLINFO') {
                var data;
                data = result;
                _this2.jdbcPortList = [];

                _this2.jdbcPortList.push({
                  label: '-----Select Id-----',
                  value: 'none',
                  ip: 'none'
                });

                for (var key in data) {
                  if (data.hasOwnProperty(key)) {
                    _this2.jdbcPortList.push({
                      label: data[key]['id'],
                      value: data[key]['id'],
                      id: data[key]['id'],
                      user: data[key]['user'],
                      url: data[key]['url'],
                      driver: data[key]['driver'],
                      password: data[key]['password']
                    });
                  }
                }
              }

              if (_this2._manageService.action == 'JDBCMONITOR') {
                _this2._progressService.stopProgressBar();

                _this2.isRecording = false;
                _this2._recordService.$isActiveProgressBar = false;

                if (result['message'] == 'Recording started , Navigated to record Service') {
                  alert('Recording started successfully');
                  _this2.displayJdbcRec = true;

                  _this2.getReqRespCounter();
                } else {
                  alert(result['message']);
                  return;
                }
              }

              if (_this2._manageService.action == 'JDBCQUERYHIT') {
                _this2._recordService.getRequestResponseCounter();
              }

              if (_this2._manageService.action == 'RECORDINGCOMMENTS') {
                _this2.messageService.add({
                  key: 'msgs',
                  severity: 'info',
                  summary: 'Confirmed',
                  detail: result['comment']
                });
              }
              /**action when write a keyword in hpd.conf for jdbc */


              if (_this2._manageService.action == 'WRITEINHPDCONF') {
                _this2._progressService.startProgressBar('Redirecting to recorder window...');

                _this2._manageService.startJdbcRecording();
              }

              if (_this2._manageService.action == 'GETRECCERTLIST') {
                _this2.lstOptSslCertFilePath = []; // console.log("reult=====> ", result);

                var combinedString = result['data'].substring(1, result['data'].length - 1);
                var certFileList = combinedString.split(", ");
                _this2.lstOptSslCertFilePath = _this2.lstOptSslCertFilePath.concat({
                  label: '--Select SSL Certificate File --',
                  value: 'NA'
                });
                _this2.lstOptSslCertFilePath = _this2.lstOptSslCertFilePath.concat({
                  label: 'Upload New Certificate',
                  value: "",
                  icon: 'pi pi-upload'
                });

                for (var i = 0; i < certFileList.length; i++) {
                  _this2.lstOptSslCertFilePath = _this2.lstOptSslCertFilePath.concat({
                    label: certFileList[i],
                    value: certFileList[i],
                    icon: 'icons8 icons8-trash'
                  });
                }
              }

              if (_this2._manageService.action == 'DELCERTFILE') {
                if (result['data'] == "Certificate Deleted Successfully") _this2.messageService.add({
                  summary: 'Success',
                  severity: 'success',
                  detail: result['data']
                });else _this2.messageService.add({
                  summary: 'Error',
                  severity: 'error',
                  detail: result['data']
                });
              }

              _this2._manageService.action = '';
            }, function (error) {
              _this2.subscribeJdbc.unsubscribe();

              console.error('error in provider of jdbc', error);
            }, function () {
              _this2.subscribeJdbc.unsubscribe(); //this.log.debug('debugging information ');

            });
          } catch (error) {
            console.error('error in jdbc port info - ', error);
          }
        }
      }, {
        key: "sslFileChangeHandler",
        value: function sslFileChangeHandler(e) {
          this.fileUploadElement.click();
        }
      }, {
        key: "deletefilefromdropdown",
        value: function deletefilefromdropdown(event, fileName) {
          this._manageService.deleteRecConfigCertFile(fileName);

          this.lstOptSslCertFilePath = this.lstOptSslCertFilePath.filter(function (value) {
            return value.label !== fileName;
          });
        }
      }, {
        key: "uploadFileMsg",
        value: function uploadFileMsg(event, files) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
            var _this3 = this;

            var queryParam, formData;
            return _regenerator().w(function (_context) {
              while (1) switch (_context.n) {
                case 0:
                  console.log('event', event);
                  this.fileNameClient = files[0].name;

                  if (!this.checkValues()) {
                    _context.n = 2;
                    break;
                  }

                  if (!confirm('File already exists, Do you want to override the file?')) {
                    _context.n = 1;
                    break;
                  }

                  this.showMessage = true;
                  _context.n = 2;
                  break;

                case 1:
                  return _context.a(2);

                case 2:
                  this.customFile = files[0].name;
                  queryParam = "for=fileExplorer&destination=/home/cavisson/".concat(this.sessionService.preSession.controllerName, "/cert/NO_Recording_Cert");
                  formData = new FormData();
                  formData.append(files[0].name, files[0]);
                  this.scenarioHttpService.uploadFile(queryParam, formData).subscribe(function (state) {
                    if (state instanceof src_app_pages_scenario_interface_scenario_state__WEBPACK_IMPORTED_MODULE_14__["ScenarioRestLoadedState"]) {
                      var res = state.data;
                      if (res.success == "false") _this3.scenarioUtilsService.errorMessage(res.msg);else _this3.scenarioUtilsService.successMessage("Certificate uploaded sucessfully.");

                      _this3._manageService.getUploadedRecConfigCertList();

                      return Promise.resolve();
                    }
                  }, function (state) {
                    return Promise.resolve();
                  });

                  if (this.showMessage) {
                    this.messageService.add({
                      key: 'msgs',
                      severity: 'success',
                      summary: 'Success',
                      detail: 'Certificate overrided successfully'
                    });
                  } else {
                    this.messageService.add({
                      key: 'msgs',
                      severity: 'success',
                      summary: 'Success',
                      detail: 'Certificate uploaded successfully'
                    });
                  }

                  this.showMessage = false;

                case 3:
                  return _context.a(2);
              }
            }, _callee, this);
          }));
        }
      }, {
        key: "checkValues",
        value: function checkValues() {
          var _iterator = _createForOfIteratorHelper(this.lstOptSslCertFilePath),
              _step;

          try {
            for (_iterator.s(); !(_step = _iterator.n()).done;) {
              var obj = _step.value;

              if (obj.value === this.fileNameClient) {
                return true;
              }
            }
          } catch (err) {
            _iterator.e(err);
          } finally {
            _iterator.f();
          }
        }
      }, {
        key: "ngAfterViewInit",
        value: function ngAfterViewInit() {
          if (this.fileUploadRef != undefined) this.fileUploadElement = this.fileUploadRef.nativeElement;
        }
        /**change a Jdbc Port */

      }, {
        key: "changeJdbcPort",
        value: function changeJdbcPort() {
          try {
            this.connectionId = this.jdbcPort;
            /**initialize a port list */

            this.jdbcDriver = '';
            this.connectionString = '';
            this.userName = '';
            this.password = '';

            for (var i = 0; i < this.jdbcPortList.length; i++) {
              if (this.jdbcPort == this.jdbcPortList[i]['id'] && this.jdbcPortList[i]['id'] != undefined) {
                this.jdbcDriver = this.jdbcPortList[i]['driver'];
                this.connectionString = this.jdbcPortList[i]['url'];
                this.userName = this.jdbcPortList[i]['user'];
                this.password = this.jdbcPortList[i]['password'];
                break;
              }
            }
          } catch (error) {
            console.error('error in change a jdbc port list', error);
          }
        } //Open the link in new tab for HTTP Recording

      }, {
        key: "goToLink",
        value: function goToLink() {
          try {
            var url = this.httpRecordingPortAndEndpointFields[0]['protocol'] + '://' + this.loginIP + ':' + this.httpRecordingPortAndEndpointFields[0]['recordingPort'] + "openFor=netoceanRecording";
            window.open(url);
          } catch (error) {
            console.error('error in open in browser', error);
          }
        }
        /**make editable a port list */

      }, {
        key: "checkRecordingPort",
        value: function checkRecordingPort(event) {
          try {//this.log.debug('make a editable text box');
          } catch (error) {
            console.error('error in make editable text box');
          }
        }
        /**get a recording port list */

      }, {
        key: "recordingPortList",
        value: function recordingPortList() {
          var _this4 = this;

          try {
            //this.log.debug('getting recording Port List');
            this.recordingsubscription = this._recordService.serviceRecordProvider$.subscribe(function (result) {
              if (_this4._recordService.action == 'RECORDRESPONSE') {
                _this4._progressService.stopProgressBar();

                _this4._recordService.$recordedList = result;

                if (_this4._recordService.$recordedList.length == 0) {
                  _this4.messageService.add({
                    key: 'msgs',
                    severity: 'info',
                    summary: 'Confirmed',
                    detail: 'No service is recorded, please try again.'
                  });
                } else {
                  _this4.httpRecordingPortAndEndpointFields = [];

                  _this4._route.navigate(['./recordedRequestResponse'], {
                    relativeTo: _this4.activeRoute
                  });
                }

                return;
              }

              if (_this4._recordService.action === 'StartService') {
                _this4._progressService.stopProgressBar();

                sessionStorage.setItem('stophpd', '');
                var temp = result['message'];

                if (temp === '' || temp == 'true') {
                  _this4._recordService.enbleRecordingPort(_this4.httpRecordingPortAndEndpointFields);
                } else {
                  _this4.isRecording = false;

                  if (confirm(temp)) {
                    _this4._progressService.startProgressBar('Stopping Controller...');

                    _this4.checkControllerStatus();
                  }
                }

                _this4._recordService.action = '';
                return;
              }

              if (_this4._recordService.action === 'ServiceStarted') {
                _this4._recordService.$isActiveProgressBar = false;
                var tempResult = result['message'];

                if (tempResult === 'Recording started , Navigated to record Service') {
                  alert('Recording started successfully');
                } else if (tempResult.indexOf("Script Capture is already running.") != -1) {
                  if (confirm('Recorder is already running. Do you want to stop recorder and start recording?')) {
                    _this4._progressService.startProgressBar('Please wait, Stopping Recorder...');

                    _this4.checkRecorderStatus();
                  }
                } else alert(result['message']);

                _this4.isRecording = false;

                if (tempResult === 'Recording started , Navigated to record Service') {
                  _this4.displayRec = true;
                  _this4.firstDump = true;

                  _this4.getReqRespCounter();
                }

                return;
              }

              if (_this4._recordService.action === 'StopService') {
                _this4.isStop = false;
                _this4.displayRec = false;
                _this4.displayJdbcRec = false;

                if (_this4.subscription != undefined) {
                  _this4.subscription.unsubscribe();
                }

                if (sessionStorage.getItem('stophpd') == 'true') {
                  _this4._progressService.startProgressBar('Recording stopped successfully, now starting Controller');

                  _this4.startnetoceancontroller(result['capturedDir']);
                } else {
                  _this4._progressService.startProgressBar('Capturing URL(s) from Server.');

                  _this4._recordService.getRecordResponse(result['capturedDir']);
                }

                _this4._recordService.action = '';

                if (_this4.recordingMode == 'jdbc') {
                  var payload = {
                    "service": true,
                    "data": "ENABLE_RECORDING,RECORDING_PARAMETERS",
                    "isFormHpd": true,
                    "isRtc": "false"
                  };

                  _this4._recordService.removeKeywordInJDBCRecording(payload);
                }

                return;
              }

              if (_this4._recordService.action === 'StartServiceTcp') {
                _this4._progressService.stopProgressBar();

                sessionStorage.setItem('stophpd', '');
                var _temp = result['message'];

                if (_temp === '' || _temp == 'true') {
                  _this4._recordService.enbleRecordingPortTcp(_this4.tcpConfigValues, _this4.hour, _this4.minute, _this4.second);
                } else {
                  _this4.isRecording = false;

                  if (confirm(_temp)) {
                    _this4._progressService.startProgressBar('Stopping Controller...');

                    _this4.checkControllerStatusTcp();
                  }
                }

                _this4._recordService.action = '';
                return;
              }

              if (_this4._recordService.action === 'ServiceStartedTcp') {
                _this4._recordService.$isActiveProgressBar = false;
                var _tempResult = result['status'];

                if (_tempResult === 'SUCCESS') {// alert('Recording started successfully');
                } else if (_tempResult.startsWith("Script Capture is already running.")) {
                  if (confirm('Recorder is already running. Do you want to stop recorder and start recording?')) {
                    _this4._progressService.startProgressBar('Please wait, Stopping Recorder...');

                    _this4.checkRecorderStatusTcp();
                  }
                } else alert(result['status']);

                _this4.isRecording = false;

                if (_tempResult === 'SUCCESS') {
                  _this4.displayRecTcp = true;
                  _this4.firstDump = true;

                  _this4.getReqRespCounterTcp();
                }

                return;
              }

              if (_this4._recordService.action === 'StopServiceTcp') {
                _this4.isStop = false;
                _this4.displayRecTcp = false;

                if (_this4.subscription != undefined) {
                  _this4.subscription.unsubscribe();
                }

                if (result['status'] == 'SUCCESS') {
                  _this4._recordService.$recordedListTcp = result;

                  _this4._progressService.stopProgressBar();
                } else {
                  _this4._recordService.$recordedListTcp = result;

                  _this4._progressService.stopProgressBar();
                }

                if (result['totalTemplateCount'] == 0) {
                  _this4.messageService.add({
                    key: 'msgs',
                    severity: 'info',
                    summary: 'Confirmed',
                    detail: 'No service is recorded, please try again.'
                  });
                } else {
                  _this4.tcpConfigValues = [];

                  _this4._route.navigate(['/home/net-ocean/recordedRequestResponseTcp']);
                }

                _this4._recordService.action = '';
                return;
              }

              if (_this4._recordService.action === 'GETPORTLIST') {
                _this4.recordingPort = [];

                if (result['portList'] != undefined && result['portList'].length != 0) {
                  _this4.isPortAvl = true;
                  var port = result['portList'];

                  for (var key in port) {
                    if (port != undefined && port != '') {
                      _this4.recordingPort = _this4.recordingPort.concat({
                        label: port[key],
                        value: port[key],
                        index: _this4.recordingPort.length
                      });
                    }
                  }
                } else {
                  _this4.isPortAvl = false;
                }
              }
            }, function (error) {
              console.error('error in getting port list ', error);
            }, function () {
              _this4._recordService.action = ''; //this.log.debug('error in getting port list');

              _this4.recordingsubscription.unsubscribe();
            });
          } catch (error) {
            console.error('error in getting protocol list', error);
          }
        }
      }, {
        key: "editEntryFromTable",
        value: function editEntryFromTable(rowData, i) {
          this.recordPointConfiguration = [];
          this.selectedDomain = rowData['domainName'];
          this.recordPointConfiguration.push({
            applicationName: rowData['applicationName'],
            selectedDomain: rowData['domainName'],
            endPointIp: rowData['endPointIp'],
            endPointPort: rowData['endPointPort'],
            recordingPort: rowData['recordingPort'],
            requestUrl: rowData['requestUrl'],
            index: i
          });
          this.selectedProtocol = rowData['protocol'];
          this.clientCertificateFile = rowData['clientCertificate'];
          this.endPointCertificateFile = rowData['endpointCertificate'];
          this.updateRow = true;
          this.updateButtonEnable = false;
        }
      }, {
        key: "editSocketConfigSettings",
        value: function editSocketConfigSettings(rowData, i) {
          if (rowData !== undefined || rowData !== '') {
            this.recordPointConfigurationTcp = [];
            this.recordPointConfigurationTcp.push({
              applicationName: rowData.applicationName,
              endPointIp: rowData.endPointIp,
              endPointPort: rowData.endPointPort,
              recordingPort: rowData.recordingPort,
              reqResSame: true,
              index: i
            });
            this.aliveTimeoutReq = rowData.aliveTimeoutReq / 1000;
            this.reqTimeout = rowData.reqTimeout / 1000;
            this.reqIdleTimeout = rowData.reqIdleTimeout / 1000;
            this.decodeTypeReq = rowData.decodeTypeReq;
            this.endPolicyReq = rowData.endPolicyReq;
            this.policyVal1Req = rowData.policyVal1Req;
            this.policyVal2Req = rowData.policyVal2Req;
            this.endianReq = rowData.endianReq;
            this.endianRes = rowData.endianRes;
            this.aliveTimeoutRes = rowData.aliveTimeoutRes / 1000;
            this.resTimeout = rowData.resTimeout / 1000;
            this.resIdleTimeout = rowData.resIdleTimeout / 1000;
            this.decodeTypeRes = rowData.decodeTypeRes;
            this.endPolicyRes = rowData.endPolicyRes;
            this.policyVal1Res = rowData.policyVal1Res;
            this.policyVal2Res = rowData.policyVal2Res;
            this.clientCertificateFile = rowData.clientCertificate;
            this.endPointCertificateFile = rowData.endpointCertificate;
            this.selectedProtocolTcp = rowData.protocol;
            this.updateRow = true;
            this.updateButtonEnable = false;
          }
        }
        /**confirm box for deleting the service */

      }, {
        key: "deleteEntryFromTable",
        value: function deleteEntryFromTable(value, url, ind) {
          var _this5 = this;

          try {
            this.confirmationService.confirm({
              message: 'Are you sure, you want to delete recording configuration?',
              header: 'Delete Confirmation',
              icon: 'fa fa-trash',
              accept: function accept() {
                if (value == 1) {
                  _this5.deleteHttpConfigFields(url, ind);
                }

                if (value == 5) {
                  _this5.deleteTcpConfigFields(url, ind);
                }

                _this5.messageService.add({
                  key: 'msgs',
                  severity: 'success',
                  summary: 'Success',
                  detail: 'Recording configuration deleted successfully.'
                });
              },
              reject: function reject() {
                return;
              }
            });
          } catch (error) {
            console.error('error in deleting entry from table');
          }
        }
        /**getting protocol fields for http configurations */

      }, {
        key: "getProtocolsFields",
        value: function getProtocolsFields() {
          try {
            //this.log.debug('getting protocols fields');
            this.protocols = [];
            this.protocols = this.protocols.concat({
              label: 'NON-SSL',
              value: 'http'
            });
            this.protocols = this.protocols.concat({
              label: 'SSL',
              value: 'https'
            }); //Defining domain fields

            this.domainList = [];
            this.domainList = this.domainList.concat({
              label: 'Web Service Recording',
              value: 'Application Recording'
            });
            if (!this.sessionService.isSaasNDEController()) this.domainList = this.domainList.concat({
              label: 'Web Page Recording',
              value: 'Webpage Recording'
            });
          } catch (error) {
            console.error('error in getting protocols fields', error);
          }
        }
        /**getting protocol fields for tcp configurations */

      }, {
        key: "getProtocolsFieldsTcp",
        value: function getProtocolsFieldsTcp() {
          try {
            //this.log.debug('getting TCP protocols fields');
            this.protocolsTcp = [];
            this.protocolsTcp = this.protocolsTcp.concat({
              label: 'NON-SSL',
              value: 'nonSsl'
            });
            this.protocolsTcp = this.protocolsTcp.concat({
              label: 'SSL',
              value: 'ssl'
            });
          } catch (error) {
            console.error('error in getting TCP protocols fields', error);
          }
        }
        /*Method is used to get the Saved Certificate list */

      }, {
        key: "getCertificateList",
        value: function getCertificateList() {
          var _this6 = this;

          try {
            var url = this._netoceanConfig.getHostURL() + '/ProductUI/productSummary/NetOceanWebService/getSavedCertificate';
            this.NetoceanRestApi.getDataByRESTAPI('getSavedCertificate', '', '/ProductUI/productSummary/NetOceanWebService/').subscribe(function (result) {
              _this6.certificateList = result['certificateList'];
            });
          } catch (error) {
            console.error("error in getting the certificate list", error);
          }
        }
      }, {
        key: "checkControllerStatus",
        value: function checkControllerStatus() {
          var _this7 = this;

          try {
            var url = this._netoceanConfig.getHostURL() + '/ProductUI/productSummary/NetOceanWebService/stopNetOceanController';
            this.NetoceanRestApi.getDataByRESTAPI('stopNetOceanController', '', '/ProductUI/productSummary/NetOceanWebService/').subscribe(function (result) {
              _this7._progressService.stopProgressBar();

              if (result['status'] == 'SUCCESS') {
                sessionStorage.setItem('stophpd', 'true');

                _this7.messageService.add({
                  key: 'msgs',
                  severity: 'success',
                  summary: 'Controller Status',
                  detail: 'Controller stopped successfully, going to start recording'
                });

                _this7._recordService.enbleRecordingPort(_this7.httpRecordingPortAndEndpointFields);
              } else {
                _this7.messageService.add({
                  key: 'msgs',
                  severity: 'warn',
                  summary: 'Warning',
                  detail: 'Error in stopping Controller, please try again'
                });
              }
            }, function (error) {}, function () {});
          } catch (error) {
            console.error("error in getting the certificate list", error);
          }
        }
      }, {
        key: "checkRecorderStatus",
        value: function checkRecorderStatus() {
          var _this8 = this;

          try {
            var url = this._netoceanConfig.getHostURL() + '/ProductUI/productSummary/NetOceanWebService/stopRecorder';
            this.NetoceanRestApi.getDataByRESTAPI('stopRecorder', '', '/ProductUI/productSummary/NetOceanWebService/').subscribe(function (result) {
              _this8._progressService.stopProgressBar();

              if (result['message'] == 'true') {
                _this8.messageService.add({
                  key: 'msgs',
                  severity: 'Success',
                  summary: 'Recorder Status',
                  detail: 'Recorder stopped successfully, going to start recording'
                });

                _this8._recordService.enbleRecordingPort(_this8.httpRecordingPortAndEndpointFields);
              } else {
                _this8.messageService.add({
                  key: 'msgs',
                  severity: 'warn',
                  summary: 'Warning',
                  detail: 'Error in stopping Recorder, please try again'
                });
              }
            }, function (error) {}, function () {});
          } catch (error) {
            console.error("Error in stopping Recorder", error);
          }
        }
      }, {
        key: "checkRecorderStatusTcp",
        value: function checkRecorderStatusTcp() {
          var _this9 = this;

          try {
            var url = this._netoceanConfig.getHostURL() + '/ProductUI/productSummary/NetOceanWebService/stopRecorderTcp';
            this.NetoceanRestApi.getDataFromRESTUsingPOSTReq('stopRecorderTcp', '', '', '/ProductUI/productSummary/NetOceanWebService/').subscribe(function (result) {
              _this9._progressService.stopProgressBar();

              if (result['message'] == 'true') {
                _this9.messageService.add({
                  key: 'msgs',
                  severity: 'Success',
                  summary: 'Recorder Status',
                  detail: 'Recorder stopped successfully, going to start recording'
                });

                _this9._recordService.enbleRecordingPortTcp(_this9.tcpConfigValues, _this9.hour, _this9.minute, _this9.second);
              } else {
                _this9.messageService.add({
                  key: 'msgs',
                  severity: 'warn',
                  summary: 'Warning',
                  detail: 'Error in stopping Recorder, please try again'
                });
              }
            }, function (error) {}, function () {});
          } catch (error) {
            console.error("Error in stopping Recorder", error);
          }
        }
      }, {
        key: "checkControllerStatusTcp",
        value: function checkControllerStatusTcp() {
          var _this0 = this;

          try {
            var url = this._netoceanConfig.getHostURL() + '/ProductUI/productSummary/NetOceanWebService/stopNetOceanController';
            this.NetoceanRestApi.getDataByRESTAPI('stopNetOceanController', '', '/ProductUI/productSummary/NetOceanWebService/').subscribe(function (result) {
              _this0._progressService.stopProgressBar();

              if (result['status'] == 'SUCCESS') {
                sessionStorage.setItem('stophpd', 'true');

                _this0.messageService.add({
                  key: 'msgs',
                  severity: 'success',
                  summary: 'Controller Status',
                  detail: 'Controller stopped successfully, going to start recording'
                });

                _this0._recordService.enbleRecordingPortTcp(_this0.tcpConfigValues, _this0.hour, _this0.minute, _this0.second);
              } else {
                _this0.messageService.add({
                  key: 'msgs',
                  severity: 'warn',
                  summary: 'Warning',
                  detail: 'Error in stopping Controller, please try again'
                });
              }
            }, function (error) {}, function () {});
          } catch (error) {
            console.error("error in getting the certificate list", error);
          }
        }
      }, {
        key: "startnetoceancontroller",
        value: function startnetoceancontroller(capturedDir) {
          var _this1 = this;

          try {
            var url = this._netoceanConfig.getHostURL() + '/ProductUI/productSummary/NetOceanWebService/startNetOceanController';
            this.NetoceanRestApi.getDataByRESTAPI('startNetOceanController', '', '/ProductUI/productSummary/NetOceanWebService/').subscribe(function (result) {
              sessionStorage.setItem('stophpd', '');

              _this1._progressService.stopProgressBar();

              _this1._recordService.getRecordResponse(capturedDir);

              if (result['status'] == 'SUCCESS') {
                _this1.messageService.add({
                  key: 'msgs',
                  severity: 'success',
                  summary: 'Controller Status',
                  detail: 'Controller started successfully, Getting captured request response list.'
                });
              } else {
                _this1.messageService.add({
                  key: 'msgs',
                  severity: 'warn',
                  summary: 'Warning',
                  detail: 'Error in starting Controller.'
                });
              }

              _this1._progressService.startProgressBar('Capturing URL(s) from Server.');
            }, function (error) {}, function () {});
          } catch (error) {
            console.error("error in getting the certificate list", error);
          }
        }
        /** method to detect unsupported file and remove it */

      }, {
        key: "validateFile",
        value: function validateFile(event, uploader) {
          //storing file name in a temporary variable
          var certificateName = event.files[0]['name'];
          var certificateSize = event.files[0]['size'];

          try {
            var status = this._recordService.isCertificateSupported(certificateName, certificateSize);

            if (status.startsWith("Error!")) {
              alert(status);
              uploader.remove(event, 0);
            }
          } catch (error) {
            console.error("Exception occurred while certificateName validation", error);
          }
        }
        /**upload a Client Certificate */

      }, {
        key: "uploadFileClient",
        value: function uploadFileClient(event) {
          try {
            this.fileNameClient = event.files[0].name;
            this.messageService.add({
              key: 'msgs',
              severity: 'success',
              summary: 'Saved Successfully',
              detail: 'Client Certificate saved successfully'
            });
            this.getCertificateList();
            this.addedCertificate.push(this.fileNameClient);
          } catch (error) {
            console.error('error in uploading a client certificate', error);
          }
        }
      }, {
        key: "deleteFile",
        value: function deleteFile() {
          if (this.fileUploadClient != undefined) this.fileUploadClient.clear();
        }
      }, {
        key: "deleteFileEndpoint",
        value: function deleteFileEndpoint() {
          if (this.fileUploadEndpoint != undefined) this.fileUploadEndpoint.clear();
        }
        /**upload a Endpoint Certificate */

      }, {
        key: "uploadFileEndpoint",
        value: function uploadFileEndpoint(event) {
          try {
            this.fileNameEndpoint = event.files[0].name;
            this.messageService.add({
              key: 'msgs',
              severity: 'success',
              summary: 'Saved Successfully',
              detail: 'Endpoint Certificate saved successfully'
            });
            this.getCertificateList();
            this.addedCertificate.push(this.fileNameEndpoint);
          } catch (error) {
            console.error('error in uploading a Endpoint certificate', error);
          }
        }
        /**add a http recording point configuration fields */

      }, {
        key: "addHttpRecordingPortConfiguration",
        value: function addHttpRecordingPortConfiguration(url) {
          try {
            //this.log.debug('Adding Http recording configuration fields');
            if (this.check(1) !== false) {
              if (url !== undefined || url !== '') {
                this._recordService.prefixApplicationName = url.applicationName;
                this.httpRecordingPortAndEndpointFields = this.httpRecordingPortAndEndpointFields.concat({
                  domainName: this.selectedDomain,
                  applicationName: url.applicationName,
                  endPointIp: url.endPointIp,
                  endPointPort: url.endPointPort,
                  protocol: this.selectedProtocol,
                  recordingPort: this.sessionService.isSaasNDEController() ? this.selectedProtocol == 'https' ? this._recordService.customHttpsPorts[this.httpRecordingPortAndEndpointFields.length] : this._recordService.customHttpPorts[this.httpRecordingPortAndEndpointFields.length] : url.recordingPort,
                  requestUrl: url.requestUrl,
                  index: this.httpRecordingPortAndEndpointFields.length,
                  clientCertificate: this.clientCertificateFile,
                  endpointCertificate: this.endPointCertificateFile,
                  recEndPoint: this.selectedProtocol + '://' + this.getRecorderEndPoint(this._recordService.customHttpsPorts[this.httpRecordingPortAndEndpointFields.length]) // this will always show recorder1......recorder10

                });
              }

              this._recordService.domain = this.httpRecordingPortAndEndpointFields[0]['domainName'];
              this._recordService.proto = this.httpRecordingPortAndEndpointFields[0]['protocol'];
              this._recordService.homeUrl = this.httpRecordingPortAndEndpointFields[0]['applicationName'];
              /**empty the http recording config fields */

              this.disable_startRec = false;
              this.recordPointConfigurationFields();
              this.fileNameClient = 'NA';
              this.fileNameEndpoint = 'NA';
              this.selectedProtocol = "http";
              this.clientCertificateFile = 'NA';
              this.endPointCertificateFile = 'NA';
              this.messageService.add({
                key: 'msgs',
                severity: 'success',
                summary: 'Success',
                detail: 'Recording configuration added successfully.'
              });
            }
          } catch (error) {
            console.error('Error in adding recording point configuration fields', error);
          }
        }
      }, {
        key: "updateHttpRecordingPortConfiguration",
        value: function updateHttpRecordingPortConfiguration(rowData) {
          if (this.check(1) !== false) {
            this.updateRow = false;
            this.httpRecordingPortAndEndpointFields[rowData['index']] = {
              domainName: this.selectedDomain,
              applicationName: rowData.applicationName,
              endPointIp: rowData.endPointIp,
              endPointPort: rowData.endPointPort,
              protocol: this.selectedProtocol,
              recordingPort: this.sessionService.isSaasNDEController() ? this.selectedProtocol == 'https' ? this._recordService.customHttpsPorts[rowData['index']] : this._recordService.customHttpPorts[rowData['index']] : rowData.recordingPort,
              requestUrl: rowData.requestUrl,
              index: rowData['index'],
              clientCertificate: this.clientCertificateFile,
              endpointCertificate: this.endPointCertificateFile,
              recEndPoint: this.selectedProtocol + '://' + this.getRecorderEndPoint(this._recordService.customHttpsPorts[rowData['index']])
            }; //this will always show recorder1......recorder10

            this._recordService.domain = this.httpRecordingPortAndEndpointFields[0]['domainName'];
            this._recordService.proto = this.httpRecordingPortAndEndpointFields[0]['protocol'];
            this._recordService.homeUrl = this.httpRecordingPortAndEndpointFields[0]['applicationName'];
            /**empty the http recording config fields */

            this.disable_startRec = false;
            this.recordPointConfigurationFields();
            this.fileNameClient = 'NA';
            this.fileNameEndpoint = 'NA';
            this.selectedProtocol = "http";
            this.clientCertificateFile = 'NA';
            this.endPointCertificateFile = 'NA';
            this.updateButtonEnable = true;
            this.messageService.add({
              key: 'msgs',
              severity: 'success',
              summary: 'Success',
              detail: 'Recording configuration updated successfully.'
            });
          }
        }
        /**add a http recording point configuration fields */

      }, {
        key: "addTcpRecordingPortConfiguration",
        value: function addTcpRecordingPortConfiguration(url, endPointIp) {
          try {
            //this.log.debug('Adding Tcp recording configuration fields');
            console.log('URL====>', url, endPointIp);

            if (this.check(5) !== false) {
              if (url !== undefined || url !== '') {
                this._recordService.prefixApplicationName = url.applicationName;
                this.tcpConfigValues = this.tcpConfigValues.concat({
                  applicationName: url.applicationName,
                  endPointIp: endPointIp,
                  endPointPort: url.endPointPort,
                  protocol: this.selectedProtocolTcp,
                  recordingPort: url.recordingPort,
                  clientCertificate: this.clientCertificateFile,
                  endpointCertificate: this.endPointCertificateFile,
                  index: this.tcpConfigValues.length,
                  aliveTimeoutReq: (this.aliveTimeoutReq * 1000).toString(),
                  reqTimeout: (this.reqTimeout * 1000).toString(),
                  reqIdleTimeout: (this.reqIdleTimeout * 1000).toString(),
                  decodeTypeReq: this.decodeTypeReq,
                  endPolicyReq: this.endPolicyReq,
                  policyVal1Req: this.policyVal1Req,
                  policyVal2Req: this.policyVal2Req,
                  endianReq: this.endianReq,
                  endianRes: this.endianRes,
                  aliveTimeoutRes: (this.aliveTimeoutRes * 1000).toString(),
                  resTimeout: (this.resTimeout * 1000).toString(),
                  resIdleTimeout: (this.resIdleTimeout * 1000).toString(),
                  decodeTypeRes: this.decodeTypeRes,
                  endPolicyRes: this.endPolicyRes,
                  policyVal1Res: this.policyVal1Res,
                  policyVal2Res: this.policyVal2Res,
                  reqResSame: true
                });
              }
              /**empty the http recording config fields */


              this.disable_startRec = false;
              this.applicationName = this.recordPointConfigurationTcp[0]['applicationName'];
              this.recordPointConfigurationFieldsTcp();
              this.fileNameClient = 'NA';
              this.fileNameEndpoint = 'NA';
              this.clientCertificateFile = 'NA';
              this.endPointCertificateFile = 'NA';
              this.selectedProtocolTcp = "nonSsl";
              this.reinitializeFields();
              this.messageService.add({
                key: 'msgs',
                severity: 'success',
                summary: 'Success',
                detail: 'Recording configuration added successfully.'
              });
            }
          } catch (error) {
            console.error('Error in adding Tcp recording configuration fields', error);
          }
        }
      }, {
        key: "updateSocketRecordingPortConfiguration",
        value: function updateSocketRecordingPortConfiguration(rowData) {
          try {
            //this.log.debug('Adding Tcp recording configuration fields');
            console.log('URL====>', rowData);

            if (this.check(5) !== false) {
              this.updateRow = false;

              if (rowData !== undefined || rowData !== '') {
                this._recordService.prefixApplicationName = rowData.applicationName;
                this.tcpConfigValues[rowData['index']] = {
                  applicationName: rowData.applicationName,
                  endPointIp: rowData.endPointIp,
                  endPointPort: rowData.endPointPort,
                  protocol: this.selectedProtocolTcp,
                  recordingPort: rowData.recordingPort,
                  clientCertificate: this.clientCertificateFile,
                  endpointCertificate: this.endPointCertificateFile,
                  index: rowData['index'],
                  aliveTimeoutReq: (this.aliveTimeoutReq * 1000).toString(),
                  reqTimeout: (this.reqTimeout * 1000).toString(),
                  reqIdleTimeout: (this.reqIdleTimeout * 1000).toString(),
                  decodeTypeReq: this.decodeTypeReq,
                  endPolicyReq: this.endPolicyReq,
                  policyVal1Req: this.policyVal1Req,
                  policyVal2Req: this.policyVal2Req,
                  endianReq: this.endianReq,
                  endianRes: this.endianRes,
                  aliveTimeoutRes: (this.aliveTimeoutRes * 1000).toString(),
                  resTimeout: (this.resTimeout * 1000).toString(),
                  resIdleTimeout: (this.resIdleTimeout * 1000).toString(),
                  decodeTypeRes: this.decodeTypeRes,
                  endPolicyRes: this.endPolicyRes,
                  policyVal1Res: this.policyVal1Res,
                  policyVal2Res: this.policyVal2Res,
                  reqResSame: true
                };
              }
              /**empty the http recording config fields */


              this.disable_startRec = false;
              this.applicationName = this.recordPointConfigurationTcp[0]['applicationName'];
              this.recordPointConfigurationFieldsTcp();
              this.fileNameClient = 'NA';
              this.fileNameEndpoint = 'NA';
              this.clientCertificateFile = 'NA';
              this.endPointCertificateFile = 'NA';
              this.selectedProtocolTcp = "nonSsl";
              this.reinitializeFields();
              this.updateButtonEnable = true;
              this.messageService.add({
                key: 'msgs',
                severity: 'success',
                summary: 'Success',
                detail: 'Recording configuration updated successfully.'
              });
            }
          } catch (error) {
            console.error('Error in adding Tcp recording configuration fields', error);
          }
        }
      }, {
        key: "reinitializeFields",
        value: function reinitializeFields() {
          this.endPolicyReq = '0';
          this.endPolicyRes = '0';
          this.reqTimeout = 60;
          this.resTimeout = 60;
          this.reqIdleTimeout = 60;
          this.resIdleTimeout = 60;
          this.aliveTimeoutReq = 300;
          this.aliveTimeoutRes = 300;
          this.policyVal1Req = '';
          this.policyVal1Res = '';
          this.policyVal2Req = 'text';
          this.policyVal2Res = 'text';
          this.binaryValReq = '1';
          this.binaryValRes = '1';
          this.endianReq = 'L';
          this.endianRes = 'L';
          this.decodeTypeReq = 'text';
          this.decodeTypeRes = 'text';
          this.policyReqVal = "";
          this.policyReqVal1 = "";
          this.policyReqVal2 = "";
          this.changeMsgPrefixOptVal = "text";
          this.msgPrefixValue = "1";
          this.onFieldChangeReq();
          this.onFieldChangeRes();
        }
        /**deleting http config fields */

      }, {
        key: "deleteHttpConfigFields",
        value: function deleteHttpConfigFields(url, ind) {
          try {
            this.httpRecordingPortAndEndpointFields.splice(ind, 1);
          } catch (error) {
            console.error('error in deleting http config fields', error);
          }
        }
        /**deleting tcp config fields */

      }, {
        key: "deleteTcpConfigFields",
        value: function deleteTcpConfigFields(url, ind) {
          try {
            this.tcpConfigValues.splice(ind, 1);
          } catch (error) {
            console.error('error in deleting tcp config fields', error);
          }
        }
        /**Edit and view tcp advance config fields */

      }, {
        key: "editTcpAdvance",
        value: function editTcpAdvance(tcpAdvanceInfo) {
          try {
            //this.log.debug('Edit tcp advance config fields');
            this.viewModeTcp = false;

            for (var i = 0; i < this.tcpConfigValues.length; i++) {
              if (tcpAdvanceInfo.index == this.tcpConfigValues[i].index) {
                this.decodeTypeReq = tcpAdvanceInfo.decodeTypeReq;
                this.decodeTypeRes = tcpAdvanceInfo.decodeTypeRes;
                this.endPolicyReq = tcpAdvanceInfo.endPolicyReq;
                this.endPolicyRes = tcpAdvanceInfo.endPolicyRes;
                this.reqTimeout = parseInt(tcpAdvanceInfo.reqTimeout) / 1000;
                this.resTimeout = parseInt(tcpAdvanceInfo.resTimeout) / 1000;
                this.reqIdleTimeout = parseInt(tcpAdvanceInfo.reqIdleTimeout) / 1000;
                this.resIdleTimeout = parseInt(tcpAdvanceInfo.resIdleTimeout) / 1000;
                this.aliveTimeoutReq = parseInt(tcpAdvanceInfo.aliveTimeoutReq) / 1000;
                this.aliveTimeoutRes = parseInt(tcpAdvanceInfo.aliveTimeoutRes) / 1000;
                this.policyVal1Req = tcpAdvanceInfo.policyVal1Req;
                this.policyVal1Res = tcpAdvanceInfo.policyVal1Res;
                this.policyVal2Req = tcpAdvanceInfo.policyVal2Req;
                this.policyVal2Res = tcpAdvanceInfo.policyVal2Res;
              }
            }

            this.onFieldChangeReq();
            this.onFieldChangeRes();
            this.displayAdvanceSetting = true;
          } catch (error) {
            console.error('error in deleting tcp config fields', error);
          }
        }
        /* Close Help page dialog */

      }, {
        key: "closeHelp",
        value: function closeHelp() {
          this.httpPageHelp = false;
          this.springPageHelp = false;
          this.javaPageHelp = false;
          this.EjbPageHelp = false;
        } // Function to check the validations of the entered fields..

      }, {
        key: "check",
        value: function check(val) {
          var pattern = /^[a-zA-Z][a-zA-Z0-9_]*$/;
          var pattern1 = /^[0-9.]*/;
          var pattern2 = /^[a-zA-Z 0-9][a-zA-Z0-9_]*$/;
          this.messageService.clear();

          if (val === 1) {
            // validations for addHttpRecordingPortConfiguration...
            if (this._recordService.checkEmpty(this.recordPointConfiguration[0]['applicationName']) === false && this.openFrom != 'script') {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter a Recording Name.'
              });
              return false;
            }

            if (!this.recordPointConfiguration[0]['applicationName'].match(pattern) && this.openFrom != 'script') {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter valid Recording Name.\r\n It must start with alpha.\r\n Other allowed characters are alpha, numeric or underscore'
              });
              return false;
            }

            if (this.recordPointConfiguration[0]['recordingPort'] === "" && !this.sessionService.isSaasNDEController()) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter a Recording Port.'
              });
              return false;
            }

            if (!this.recordPointConfiguration[0]['recordingPort'].toString().match(pattern1) && !this.sessionService.isSaasNDEController()) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter valid Recording Port. It only contains numeric and dot(.)'
              });
              return false;
            }

            if (!this.sessionService.isSaasNDEController()) {
              if (this.recordPointConfiguration[0]['recordingPort'] < 1 || this.recordPointConfiguration[0]['recordingPort'] > 65535) {
                this.messageService.add({
                  key: 'msgs',
                  severity: 'warn',
                  summary: 'Warning',
                  detail: 'Please enter Recording Port between 1 and 65535.'
                });
                return false;
              }
            }

            if (this._recordService.checkEmpty(this.recordPointConfiguration[0]['requestUrl']) === false) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter a Request Url.'
              });
              return false;
            }

            if (this.selectedDomain === "Application Recording" && this._recordService.checkEmpty(this.recordPointConfiguration[0]['endPointIp']) === false) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please Enter an EndPointIP.'
              });
              return false;
            }

            if (this.selectedDomain === "Application Recording" && !this.recordPointConfiguration[0]['endPointIp'].charAt(0).match(pattern2)) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please Enter valid EndPointIP.'
              });
              return false;
            }

            if (this._recordService.checkEmpty(this.recordPointConfiguration[0]['endPointPort']) === false) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter a EndPointPort.'
              });
              return false;
            }

            if (this.recordPointConfiguration[0]['endPointPort'] < 1 || this.recordPointConfiguration[0]['endPointPort'] > 65535) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter EndPointPort between 1 and 65535.'
              });
              return false;
            }
            /**Check for different Recording port for Recording */


            if (this.updateButtonEnable) {
              for (var j = 0; j < this.httpRecordingPortAndEndpointFields.length; j++) {
                if (this.httpRecordingPortAndEndpointFields[j]['recordingPort'] == this.recordPointConfiguration[0]['recordingPort'] && !this.sessionService.isSaasNDEController()) {
                  this.messageService.add({
                    key: 'msgs',
                    severity: 'warn',
                    summary: 'Warning',
                    detail: 'Recording Port "' + this.recordPointConfiguration[0]['recordingPort'] + '" already exists in the system, please provide other Port.'
                  });
                  return false;
                }

                if (this.httpRecordingPortAndEndpointFields[j]['applicationName'] == this.recordPointConfiguration[0]['applicationName']) {
                  this.messageService.add({
                    key: 'msgs',
                    severity: 'warn',
                    summary: 'Warning',
                    detail: 'Recording Name "' + this.recordPointConfiguration[0]['applicationName'] + '" already exists in the system, please provide other RecordingName.'
                  });
                  return false;
                }
              }
              /**Check for recording name used or not? */


              for (var _j = 0; _j < this.getNoServices.length; _j++) {
                if (this.getNoServices[_j]['services'] == this.recordPointConfiguration[0]['applicationName']) {
                  this.messageService.add({
                    key: 'msgs',
                    severity: 'warn',
                    summary: 'Warning',
                    detail: 'Recording name "' + this.recordPointConfiguration[0]['applicationName'] + '" already exists in the system, please provide other RecordingName.'
                  });
                  return false;
                }
              }
            }
          }

          if (val === 2) {
            // validations for the Spring Remote Recording Cofigurations...
            if (this._recordService.checkEmpty(this.methodNameConfiguration[0]['methodName']) === false) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter a Method Name.'
              });
              return false;
            }

            if (this._recordService.checkEmpty(this.methodNameConfiguration[0]['endPointUrl']) === false) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter a Service End Point Url.'
              });
              return false;
            }
          }

          if (val === 3) {
            // validations for the Java Call Recording Configuration...
            if (this._recordService.checkEmpty(this.classNameConfiguration[0]['className']) === false) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter a Class Name.'
              });
              return false;
            }
          }

          if (val === 4) {
            // validations for the EJB Call Recording Configuration...
            if (this._recordService.checkEmpty(this.ejbConfiguration[0]['ejbClass']) === false) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter a EJB Class Name.'
              });
              return false;
            }
          }

          if (val === 5) {
            // validations for addTcpRecordingPortConfiguration...
            var _pattern = /^[a-zA-Z][a-zA-Z0-9_]*$/;
            var _pattern2 = /^[0-9.]*/;

            if (this._recordService.checkEmpty(this.recordPointConfigurationTcp[0]['applicationName']) === false) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter a Recording Name.'
              });
              return false;
            }

            if (!this.recordPointConfigurationTcp[0]['applicationName'].match(_pattern)) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter valid Recording Name.\r\n It must start with alpha.\r\n Other allowed characters are alpha, numeric or underscore'
              });
              return false;
            }

            if (this.recordPointConfigurationTcp[0]['applicationName'].length > 64) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter a Recording Name less than 64 character.'
              });
              return false;
            }

            if (this.recordPointConfigurationTcp[0]['applicationName'].length > 20) {
              this.recordPointConfigurationTcp[0]['applicationName'] = this.recordPointConfigurationTcp[0]['applicationName'].substring(0, 20) + '...';
            }

            if (this.recordPointConfigurationTcp[0]['applicationName'].indexOf(' ') != -1) {
              this.recordPointConfigurationTcp[0]['applicationName'] = this.recordPointConfigurationTcp[0]['applicationName'].replace(/ /g, '');
            }

            if (this.recordPointConfigurationTcp[0]['recordingPort'] === "" && !this.sessionService.isSaasNDEController()) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter a Recording Port.'
              });
              return false;
            }

            if (!this.recordPointConfigurationTcp[0]['recordingPort'].toString().match(_pattern2) && !this.sessionService.isSaasNDEController()) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter valid Recording Port. It only contains numeric and dot(.)'
              });
              return false;
            }

            if (!this.sessionService.isSaasNDEController()) {
              if (this.recordPointConfigurationTcp[0]['recordingPort'] < 1 || this.recordPointConfigurationTcp[0]['recordingPort'] > 65535) {
                this.messageService.add({
                  key: 'msgs',
                  severity: 'warn',
                  summary: 'Warning',
                  detail: 'Please enter EndPointPort between 1 and 65535.'
                });
                return false;
              }
            }

            if (this._recordService.checkEmpty(this.recordPointConfigurationTcp[0]['endPointIp']) === false) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please Enter an EndPointIP.'
              });
              return false;
            }

            if (this.recordPointConfigurationTcp[0]['endPointIp'].length > 20) {
              this.recordPointConfigurationTcp[0]['endPointIp'] = this.recordPointConfigurationTcp[0]['endPointIp'].substring(0, 20) + '...';
            }

            if (this.recordPointConfigurationTcp[0]['endPointIp'].indexOf(' ') != -1) {
              this.recordPointConfigurationTcp[0]['endPointIp'] = this.recordPointConfigurationTcp[0]['endPointIp'].replace(/ /g, '');
            }

            if (!this.recordPointConfigurationTcp[0]['endPointIp'].charAt(0).match(pattern2)) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please Enter valid EndPointIP.'
              });
              return false;
            }

            if (this._recordService.checkEmpty(this.recordPointConfigurationTcp[0]['endPointPort']) === false) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter a EndPointPort.'
              });
              return false;
            }

            if (this.recordPointConfigurationTcp[0]['endPointPort'] < 1 || this.recordPointConfigurationTcp[0]['endPointPort'] > 65535) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter EndPointPort between 1 and 65535.'
              });
              return false;
            }
            /**Check for different Recording port for Recording */


            if (this.updateButtonEnable) {
              for (var _j2 = 0; _j2 < this.tcpConfigValues.length; _j2++) {
                if (!this.sessionService.isSaasNDEController()) {
                  if (this.tcpConfigValues[_j2]['recordingPort'] == this.recordPointConfigurationTcp[0]['recordingPort']) {
                    this.messageService.add({
                      key: 'msgs',
                      severity: 'warn',
                      summary: 'Warning',
                      detail: 'Recording Port "' + this.recordPointConfigurationTcp[0]['recordingPort'] + '" already exists in the system, please provide other Port.'
                    });
                    return false;
                  }
                }

                if (this.tcpConfigValues[_j2]['applicationName'] == this.recordPointConfigurationTcp[0]['applicationName']) {
                  this.messageService.add({
                    key: 'msgs',
                    severity: 'warn',
                    summary: 'Warning',
                    detail: 'Recording Name "' + this.recordPointConfigurationTcp[0]['applicationName'] + '" already exists in the system, please provide other RecordingName.'
                  });
                  return false;
                }
              }
              /**Check for recording name used or not? */


              for (var _j3 = 0; _j3 < this.getNoServices.length; _j3++) {
                if (this.getNoServices[_j3]['services'] == this.recordPointConfigurationTcp[0]['applicationName']) {
                  this.messageService.add({
                    key: 'msgs',
                    severity: 'warn',
                    summary: 'Warning',
                    detail: 'Recording name "' + this.recordPointConfigurationTcp[0]['applicationName'] + '" already exists in the system, please provide other RecordingName.'
                  });
                  return false;
                }
              }
            }
          }
        }
        /**initializing EJB remoting point and configuration field */

      }, {
        key: "EjbCallRecordingConfiguration",
        value: function EjbCallRecordingConfiguration() {
          try {
            //this.log.debug('Getting ejb record point and end point configuration');
            this.ejbConfiguration = [];
            this.ejbConfiguration.push({
              ejbClass: ''
            });
          } catch (error) {
            console.error('Error in getting ejb record point configuration', error);
          }
        }
        /**initializing spring remoting point and configuration field */

      }, {
        key: "springRemotingConfigurationField",
        value: function springRemotingConfigurationField() {
          try {
            //this.log.debug('Getting spring record point and end point configuration');
            this.methodNameConfiguration = [];
            this.methodNameConfiguration.push({
              methodName: '',
              endPointUrl: ''
            });
          } catch (error) {
            console.error('Error in getting spring record point configuration', error);
          }
        }
        /**initializing record point and configuration field */

      }, {
        key: "recordPointConfigurationFields",
        value: function recordPointConfigurationFields() {
          try {
            //this.log.debug('Getting record point and end point configuration');
            this.recordPointConfiguration = [];
            this.recordPointConfiguration.push({
              domainName: '',
              applicationName: '',
              recordingPort: '',
              requestUrl: '.*',
              endPointIp: '',
              endPointPort: '80'
            });
          } catch (error) {
            console.error('Error in getting record point configuration', error);
          }
        }
        /**initializing record point and configuration field */

      }, {
        key: "recordPointConfigurationFieldsTcp",
        value: function recordPointConfigurationFieldsTcp() {
          try {
            //this.log.debug('Getting record point and end point configuration');
            this.recordPointConfigurationTcp = [];
            this.recordPointConfigurationTcp.push({
              domainName: '',
              applicationName: '',
              recordingPort: '',
              endPointIp: '',
              endPointPort: '80'
            });
          } catch (error) {
            console.error('Error in getting record point configuration', error);
          }
        }
      }, {
        key: "checkPort",
        value: function checkPort(event) {
          //  if(this.recordPointConfiguration[0]['protocol'] == 'https') {
          if (this.selectedProtocol == 'https') {
            this.recordPointConfiguration[0]['endPointPort'] = '443';
          } else {
            this.recordPointConfiguration[0]['endPointPort'] = '80';
            this.clientCertificateFile = 'NA';
            this.endPointCertificateFile = 'NA';
          }
        }
      }, {
        key: "checkPortTcp",
        value: function checkPortTcp(event) {
          if (this.selectedProtocolTcp == 'ssl') {
            this.recordPointConfigurationTcp[0]['endPointPort'] = '443';
          } else {
            this.recordPointConfigurationTcp[0]['endPointPort'] = '80';
            this.clientCertificateFile = 'NA';
            this.endPointCertificateFile = 'NA';
          }
        }
      }, {
        key: "checkDomain",
        value: function checkDomain() {
          var _this10 = this;

          try {
            if (this.selectedDomain == "Application Recording") {
              this._recordService.isWebpageDomain = false;
            } else {
              this._recordService.isWebpageDomain = true;
            }
            /**Check for different domain for Recording */


            if (this.httpRecordingPortAndEndpointFields.length != 0) {
              this.confirmationService.confirm({
                message: 'Previous mode settings will be lost if you switch mode, As recording is not supported in both modes concurrently.',
                header: 'Alert',
                icon: 'fa fa-trash',
                accept: function accept() {
                  _this10.httpRecordingPortAndEndpointFields = [];
                  if (_this10.selectedDomain == 'Webpage Recording') _this10.isApplication = false;else _this10.isApplication = true;
                },
                reject: function reject() {
                  _this10.selectedDomain = _this10.httpRecordingPortAndEndpointFields[0]['domainName'];
                }
              });
            } else {
              if (this.selectedDomain == 'Webpage Recording') this.isApplication = false;else this.isApplication = true;
            }
          } catch (error) {
            console.error('Error in changing domain Name', error);
          }
        }
        /**initializing java call record point and configuration field */

      }, {
        key: "javaCallRecordingConfiguration",
        value: function javaCallRecordingConfiguration() {
          try {
            //this.log.debug('Getting java call record point and end point configuration');
            this.classNameConfiguration = [];
            this.classNameConfiguration.push({
              className: ''
            });
          } catch (error) {
            console.error('Error in getting java call record point configuration', error);
          }
        }
      }, {
        key: "getRecorderEndPoint",
        value: function getRecorderEndPoint(port) {
          var recorderIndex = port % 12000; // Replace '.sv.' with `.sv-recorder<index>.`
          // this.svReplyEndPoint  from session service 

          var recorderEndpoint = this.svReplyEndPoint.replace('.sv.', ".sv-recorder".concat(recorderIndex, "."));
          return recorderEndpoint;
        }
        /*** starting serivce after validation for Http Recording*/

      }, {
        key: "startHttpRecording",
        value: function startHttpRecording() {
          try {
            //this.log.debug('starting service');
            this.recEndPoint = [];
            var port = '';
            var isPortValid = true;

            if (this.httpRecordingPortAndEndpointFields.length == 0) {
              alert('Please add a record.');
              return;
            }

            var i = 0;

            for (var key in this.httpRecordingPortAndEndpointFields) {
              if (!this.sessionService.isSaasNDEController()) {
                if (this.httpRecordingPortAndEndpointFields[key]['recordingPort'] < 1 || this.httpRecordingPortAndEndpointFields[key]['recordingPort'] > 65535) {
                  isPortValid = false;
                }
              }

              if (this.sessionService.isSaasNDEController()) {
                var protocolType = void 0;

                if (this.httpRecordingPortAndEndpointFields[key]['protocol'] == 'http') {
                  protocolType = this._recordService.customHttpPorts[i];
                  this.recEndPoint.push('http://' + this.getRecorderEndPoint(this._recordService.customHttpsPorts[i])); // To show on start recording UI, this will always show recorder1......recorder10
                } else {
                  protocolType = this._recordService.customHttpsPorts[i];
                  this.recEndPoint.push('https://' + this.getRecorderEndPoint(this._recordService.customHttpsPorts[i])); // To show on start recording UI, this will always show recorder1......recorder10
                }

                if (port === '') {
                  port = '' + protocolType;
                } else {
                  port = port + ',' + protocolType;
                }
              }

              if (!this.sessionService.isSaasNDEController()) {
                if (port === '') {
                  port = this.httpRecordingPortAndEndpointFields[key]['recordingPort'];
                } else {
                  port = port + ',' + this.httpRecordingPortAndEndpointFields[key]['recordingPort'];
                }
              }

              i++;
            }

            if (!isPortValid) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter Recording Port between 1 and 65535.'
              });
              return;
            }

            this.recordPort = port;
            this._recordService.$isActiveProgressBar = true;
            this.isRecording = true;

            this._recordService.startService(port);

            this.addedCertificate = [];
          } catch (error) {
            console.error('error in updating service ', error);
          }
        }
        /*** starting serivce after validation for TCP Recording*/

      }, {
        key: "startTcpRecording",
        value: function startTcpRecording() {
          try {
            //this.log.debug('starting service');
            var port = '';
            var isPortValid = true;

            if (this.tcpConfigValues.length == 0) {
              alert('Please add a record.');
              return;
            }

            for (var key in this.tcpConfigValues) {
              if (this.tcpConfigValues[key]['recordingPort'] < 1 || this.tcpConfigValues[key]['recordingPort'] > 65535) {
                isPortValid = false;
              }

              if (port === '') {
                port = this.tcpConfigValues[key]['recordingPort'];
              } else {
                port = port + ',' + this.tcpConfigValues[key]['recordingPort'];
              }
            }

            if (!isPortValid) {
              this.messageService.add({
                key: 'msgs',
                severity: 'warn',
                summary: 'Warning',
                detail: 'Please enter Recording Port between 1 and 65535.'
              });
              return;
            }

            this.recordPort = port;
            this._recordService.$isActiveProgressBar = true;
            this.isRecording = true;

            this._recordService.startServiceTcp(port);

            this.addedCertificate = [];
          } catch (error) {
            console.error('error in updating service ', error);
          }
        }
      }, {
        key: "showDialog",
        value: function showDialog(message) {
          try {
            this.msg = '';
            this.msg = message;
            this.display = true;
          } catch (error) {
            console.error('error in intailization component ->', error);
          }
        }
      }, {
        key: "closeSocketRecordingDialogue",
        value: function closeSocketRecordingDialogue() {
          try {
            this.displayForSocketRecording = false;
            this.displayRecTcp = false;
          } catch (e) {
            console.error(e);
          }
        }
        /* Function to check the value in a input box is numbery or not
          If number returns true, else false and does not allow the non numeric value to enter the input box;
          (parseInt($event.key) returns NAN (NOT A NUMBER) if alphabet added , else returns number..
        */

      }, {
        key: "isNumCheck",
        value: function isNumCheck(event, str) {
          if (parseInt(event.key) < 9 || parseInt(event.key) > 0 || parseInt(event.keyCode) >= 48 && parseInt(event.keyCode) <= 57 || parseInt(event.charCode) == 0 || parseInt(event.keyCode) == 46) {
            if (parseInt(event.keyCode) == 46) {
              if (str.toString().indexOf(".") == -1) return true;else return false;
            }

            return true;
          } else {
            return false;
          }
        }
        /**navigating to the rsponse list */

      }, {
        key: "navigateRecordedResponse",
        value: function navigateRecordedResponse() {
          try {
            var chk = confirm("Are you sure that you want to stop recording ?");

            if (chk) {
              this.isStop = true;

              this._recordService.closeRecording();
            } else return;
          } catch (error) {
            console.error('error in navigate to the response', error);
          }
        }
        /**navigating to the rsponse list for TCP */

      }, {
        key: "navigateRecordedResponseTcp",
        value: function navigateRecordedResponseTcp() {
          try {
            var chk = confirm("Are you sure that you want to stop recording ?");

            if (chk) {
              this.isStop = true;

              this._progressService.startProgressBar('Capturing Request/Response List from Server.');

              this._recordService.closeRecordingTcp();
            } else return;
          } catch (error) {
            console.error('error in navigate to the response', error);
          }
        }
        /**get a no of request response */

      }, {
        key: "getReqRespCounter",
        value: function getReqRespCounter() {
          var _this11 = this;

          try {
            var refreshIntervalOfChart = 1000;
            this.subscription = rxjs__WEBPACK_IMPORTED_MODULE_3__["Observable"].timer(10, 15000).subscribe(function (t) {
              return _this11._recordService.getRequestResponseCounter();
            }, function (error) {
              _this11.subscription.unsubscribe();
            }, function () {
              _this11.subscription.unsubscribe();
            });
          } catch (error) {
            console.error('error in counter', error);
          }
        }
        /**get a no of request response for TCP */

      }, {
        key: "getReqRespCounterTcp",
        value: function getReqRespCounterTcp() {
          var _this12 = this;

          try {
            var refreshIntervalOfChart = 1000;
            this.subscription = rxjs__WEBPACK_IMPORTED_MODULE_3__["Observable"].timer(10, 15000).subscribe(function (t) {
              return _this12._recordService.getRequestResponseCounterTcp();
            }, function (error) {
              _this12.subscription.unsubscribe();
            }, function () {
              _this12.subscription.unsubscribe();
            });
          } catch (error) {
            console.error('error in counter', error);
          }
        }
        /**get a request and response counter for recording */

      }, {
        key: "getRecordCounterStatus",
        value: function getRecordCounterStatus() {
          var _this13 = this;

          this.countSub = this._recordService.netoceanServiceProvider$.subscribe(function (result) {
            if (_this13._recordService.action == 'RECORDCOUNTER') {
              /**get total data count during http recording */
              _this13.noOfRequest = result['req'];
              _this13.reqNo = parseInt(result['req']);
              _this13.noOfResponse = result['res'];
              _this13.resNo = parseInt(result['res']);
              _this13.requestResponse = [];
              _this13.requestResponse = result['data'];

              if (_this13.requestResponse.length != 0 && _this13.firstDump) {
                _this13.firstDump = false;

                _this13.rowSelected.push(_this13.requestResponse[0]);

                _this13.getRequestResponse(_this13.requestResponse[0]);
              }

              if (result['status'] != undefined) {
                if (result['status'].trim() == 'Script recordings is not running') {
                  _this13.subscription.unsubscribe();

                  _this13._recordService.closeRecording();
                }
              }
            }

            if (_this13._recordService.action == 'GETRESPONSE') {
              /**get data for Request field from the Request (request body) */
              _this13.requestData = result['Request'];
              /**get data for Request field from the Response (response body) */

              _this13.responseData = result['Response'];
            }
          }, function (error) {
            _this13.countSub.unsubscribe();
          }, function () {
            _this13.countSub.unsubscribe();
          });
        }
        /**get a request and response counter for recording for TCP */

      }, {
        key: "getRecordCounterStatusTcp",
        value: function getRecordCounterStatusTcp() {
          var _this14 = this;

          this.countSub = this._recordService.netoceanServiceProvider$.subscribe(function (result) {
            // console.log("result------>", result);
            if (_this14._recordService.action == 'RECORDCOUNTERTCP') {
              _this14.requestResponseTcp = [];
              _this14.requestResponseListTcp = [];
              _this14.recNameArr = [];
              _this14.recNameArr = result['recordingNames'];
              _this14.requestResponseListTcp = result;
              _this14.requestResponseTcp = result['recordingData'][_this14.recNameArr[_this14.recNameArrIndex]]['templates'];
              if (result['recordingData'][_this14.recNameArr[_this14.recNameArrIndex]]['requestCountStatus'] == 'SUCCESS') _this14.reqNoTcp = parseInt(result['recordingData'][_this14.recNameArr[_this14.recNameArrIndex]]['requestCount']);
              if (result['recordingData'][_this14.recNameArr[_this14.recNameArrIndex]]['responseCountStatus'] == 'SUCCESS') _this14.resNoTcp = parseInt(result['recordingData'][_this14.recNameArr[_this14.recNameArrIndex]]['responseCount']);

              if (_this14.requestResponseTcp.length != 0 && _this14.firstDump) {
                // console.log("inside first response in progress");
                _this14.firstDump = false;

                _this14.getRequestResponseTcp(_this14.requestResponseTcp[0], result['recordingNames'][_this14.recNameArrIndex]);
              }

              if (result['monitorRunning'] != undefined) {
                if (result['monitorRunning'] == false) {
                  alert(result['logData']);

                  _this14.subscription.unsubscribe();

                  _this14._recordService.closeRecordingTcp();
                }
              }

              if (result['status'] != undefined) {
                if (result['status'].trim() != 'SUCCESS') {
                  _this14.subscription.unsubscribe();

                  _this14._recordService.closeRecordingTcp();
                }
              }
            }

            if (_this14._recordService.action == 'GETRESPONSETCP') {
              /**get data for Request field from the Request (request body) */
              _this14.requestDataTcp = result['request'];
              _this14.requestDataTcpDecoded = result['requestDecoded'];
              /**get data for Request field from the Response (response body) */

              _this14.responseDataTcp = result['response'];
              _this14.responseDataTcpDecoded = result['responseDecoded'];
              /**get data count in particular Recording name */

              _this14.noOfRequestTcp = result['requestCount']; // this.reqNoTcp = parseInt(result['requestCount']);

              _this14.noOfResponseTcp = result['responseCount']; // this.resNoTcp = parseInt(result['responseCount']);

              _this14._progressService.stopProgressBar();
            }
          }, function (error) {
            _this14.countSub.unsubscribe();
          }, function () {
            _this14.countSub.unsubscribe();
          });
        }
      }, {
        key: "validateQty",
        value: function validateQty($event) {
          if ($event.charCode == 32) {
            return false;
          }

          return true;
        }
      }, {
        key: "validateRecName",
        value: function validateRecName($event) {
          // console.log($event.charCode);
          var _char = $event.charCode;

          if (_char >= 97 && _char <= 122 || _char == 45 || _char == 95 || _char >= 65 && _char <= 90 || _char >= 48 && _char <= 57) {
            return true;
          } else {
            return false;
          }
        }
      }, {
        key: "validateInteger",
        value: function validateInteger($event) {
          if ($event.charCode >= 48 && $event.charCode <= 57) {
            return true;
          } else {
            return false;
          }
        }
        /**call on destroy */

      }, {
        key: "ngOnDestroy",
        value: function ngOnDestroy() {
          try {
            sessionStorage.setItem('stophpd', '');

            if (this.recordingsubscription != undefined) {
              this.recordingsubscription.unsubscribe();
            }

            if (this.subscription != undefined) {
              this.subscription.unsubscribe();
            }

            if (this.countSub != undefined) {
              this.countSub.unsubscribe();
            }

            if (this.subscribeJdbc != undefined) {
              this.subscribeJdbc.unsubscribe();
            }

            if (this.activeSubscriber != undefined) {
              this.activeSubscriber.unsubscribe();
            }

            this._recordService.$httpRecordingPortAndEndpointFields = this.httpRecordingPortAndEndpointFields;
            this._recordService.$tcpConfigValues = this.tcpConfigValues;
            this.tcpConfigValues = [];
            this.recNameArr = [];
          } catch (e) {}

          this.cavNavBarService.showBreadCrumb = false;
        }
        /**showing a request and response while recording */

      }, {
        key: "getRequestResponse",
        value: function getRequestResponse(url) {
          this.isResponse = true;

          this._recordService.getRecordedData(url['tempUrl'] + '/request/' + url['request'], url['tempUrl'] + '/response/' + url['response']);
        }
        /**showing a request and response while recording */

      }, {
        key: "getRequestResponseTcp",
        value: function getRequestResponseTcp(requestResponseTcpSingle, serviceName) {
          this._progressService.startProgressBar('Fetching Request/Response Data...');

          this.selectedTemplate = serviceName + "_" + requestResponseTcpSingle['templateName'];
          this.selctSpecTemplate = requestResponseTcpSingle['templateName'];

          this._recordService.getRecordedDataTcp(this.recNameArr[this.recNameArrIndex], requestResponseTcpSingle['request'], requestResponseTcpSingle['response'], requestResponseTcpSingle['requestDecoded'], requestResponseTcpSingle['responseDecoded']); // console.log("selectedTemplate --------->", this.selectedTemplate)

        }
        /**Handeling for Request/Response area */

      }, {
        key: "clickRequestData",
        value: function clickRequestData() {
          this.methodReq = !this.methodReq;
        }
      }, {
        key: "clickResponseData",
        value: function clickResponseData() {
          this.methodRes = !this.methodRes;
        }
        /**Start a jdbc Recording */

      }, {
        key: "startJdbcRecording",
        value: function startJdbcRecording() {
          try {
            this._recordService.$isActiveProgressBar = true;
            this.isRecording = true;

            if (this.jdbcPort == 'none') {
              alert('Please Select Connection Id');
              return;
            }
            /**send  a call for jdbc recording */


            var keyword = 'ENABLE_RECORDING 1,' + 'RECORDING_PARAMETERS JDBC ' + this.jdbcPort.trim() + ' ' + this.jdbcDriver + ' ' + this.connectionString + ' ' + this.userName + ' ' + this.password;

            this._manageService.writeInHpdConf('true', keyword, keyword);
          } catch (error) {
            console.error('error in starting a jdbc recording', error);
          }
        }
        /** portion for TCP settings Start */

      }, {
        key: "onFieldChangeReq",
        value: function onFieldChangeReq() {
          if (this.endPolicyReq == '3') {
            this.enableVal2Req = true;
            this.policyVal2Req = 'text';
          } else this.enableVal2Req = false;

          if (this.endPolicyReq != '0') this.enableVal1Req = true;else this.enableVal1Req = false;
          if (this.endPolicyReq == '1') this.enableByteReq = true;else this.enableByteReq = false;

          if (this.endPolicyReq == '4') {
            this.enableVal1Req = true;
            this.enableVal2Req = false;
            this.enableByteReq = false;
          } else if (this.endPolicyReq == '5') {
            this.enableByteReq = false;
          } else if (this.endPolicyReq == '6') {
            this.enableVal1Req = false;
            this.enableVal2Req = false;
            this.enableByteReq = false;
          }
        }
      }, {
        key: "onFieldChangeRes",
        value: function onFieldChangeRes() {
          if (this.endPolicyRes == '3') {
            this.enableVal2Res = true;
            this.policyVal2Res = 'text';
          } else this.enableVal2Res = false;

          if (this.endPolicyRes != '0') this.enableVal1Res = true;else this.enableVal1Res = false;
          if (this.endPolicyRes == '1') this.enableByteRes = true;else this.enableByteRes = false;

          if (this.endPolicyRes == '4') {
            this.enableVal1Res = true;
            this.enableVal2Res = false;
            this.enableByteRes = false;
          } else if (this.endPolicyRes == '5') {
            this.enableByteRes = false;
          } else if (this.endPolicyRes == '6') {
            this.enableVal1Res = false;
            this.enableVal2Res = false;
            this.enableByteRes = false;
          }
        }
      }, {
        key: "sameAsRes",
        value: function sameAsRes() {
          if (this.enableResCheck) {
            this.decodeTypeRes = this.decodeTypeReq;
            this.resTimeout = this.reqTimeout;
            this.resIdleTimeout = this.reqIdleTimeout;
            this.endPolicyRes = this.endPolicyReq;
            this.onFieldChangeRes();
            this.policyVal2Res = this.policyVal2Req;
            this.binaryValRes = this.binaryValReq;
            this.endianRes = this.endianReq;
            this.policyVal1Res = this.policyVal1Req;
            this.aliveTimeoutRes = this.aliveTimeoutReq;
            this.endPolicyRes = this.endPolicyReq;
            this.policyRespVal = this.policyReqVal;
            this.policyRespVal1 = this.policyReqVal1;
            this.policyRespVal2 = this.policyReqVal2;
            this.changeMsgPrefixOptVal1 = this.changeMsgPrefixOptVal;
            this.msgPrefixValue1 = this.msgPrefixValue;
          } else {
            this.decodeTypeRes = 'text';
            this.resTimeout = 60;
            this.resIdleTimeout = 60;
            this.endPolicyRes = '0';
            this.onFieldChangeRes();
            this.policyVal2Res = 'text';
            this.binaryValRes = '1';
            this.policyVal1Res = '';
            this.binaryValRes = 'L';
            this.aliveTimeoutRes = 300;
          }
        }
        /**function to save the the info */

      }, {
        key: "saveAdvanceFields",
        value: function saveAdvanceFields() {
          try {
            if (this.endPolicyReq == '3' && this.policyVal2Req == 'binary') {
              this.policyVal1Req = this.binaryValReq;
            }

            if (this.endPolicyRes == '3' && this.policyVal2Res == 'binary') {
              this.policyVal1Res = this.binaryValRes;
            } // this.policyVal1Req = this.endPolicyReq == '1' ? this.policyReqVal : (this.endPolicyReq == '2' ? this.policyReqVal1 : (this.endPolicyReq == '5' ? this.policyReqVal2 : this.policyReqVal3));


            this.policyVal1Req = this.endPolicyReq == '1' ? this.policyReqVal : this.endPolicyReq == '2' ? this.policyReqVal1 : this.endPolicyReq == '5' ? this.policyReqVal2 : "";

            if (this.endPolicyReq == '3' && this.changeMsgPrefixOptVal == 'text') {
              this.policyVal1Req = this.msgPrefixValue;
            } else if (this.endPolicyReq == '3' && this.changeMsgPrefixOptVal != 'text') {
              this.binaryValReq = this.changeMsgPrefixOptVal;
              this.endianReq = this.msgPrefixValue;
            } // this.policyVal1Res = this.endPolicyRes == '1' ? this.policyRespVal : (this.endPolicyRes == '2' ? this.policyRespVal1 : (this.endPolicyRes == '5' ? this.policyRespVal2 : this.policyRespVal3));


            this.policyVal1Res = this.endPolicyRes == '1' ? this.policyRespVal : this.endPolicyRes == '2' ? this.policyRespVal1 : this.endPolicyRes == '5' ? this.policyRespVal2 : "";

            if (this.endPolicyRes == '3' && this.changeMsgPrefixOptVal1 == 'text') {
              this.policyVal1Res = this.msgPrefixValue1;
            } else if (this.endPolicyRes == '3' && this.changeMsgPrefixOptVal1 != 'text') {
              this.binaryValRes = this.changeMsgPrefixOptVal1;
              this.endianRes = this.msgPrefixValue1;
            }

            if (this.aliveTimeoutReq === 0 || this.aliveTimeoutReq === null) {
              this.showDialog('Please enter a valid Keep Alive Timeout');
              return;
            }

            if (this.reqTimeout === 0 || this.reqTimeout === null) {
              this.showDialog('Please enter a valid First Request Timeout');
              return;
            }

            if (this.reqIdleTimeout === 0 || this.reqIdleTimeout === null) {
              this.showDialog('Please enter a valid Request Idle Timeout');
              return;
            }

            if (this.endPolicyReq != '0' && this.endPolicyReq != '6' && this.policyVal1Req === '' && this.endPolicyReq != '4') {
              this.showDialog('Please enter the Request End Policy attribute');
              return;
            }

            if (this.endPolicyReq == '3' && this.policyVal2Req == 'text') {
              if (parseInt(this.policyVal1Req) > 20) {
                this.showDialog('Please enter the Request End Policy attribute between 1 to 20');
                return;
              }
            }

            if (this.resTimeout === 0 || this.resTimeout === null) {
              this.showDialog('Please enter a valid First Response Timeout');
              return;
            }

            if (this.resIdleTimeout === 0 || this.resIdleTimeout === null) {
              this.showDialog('Please enter a valid Response Idle Timeout');
              return;
            }

            if (this.aliveTimeoutRes === 0 || this.aliveTimeoutRes === null) {
              this.showDialog('Please enter a valid Keep Alive Timeout');
              return;
            }

            if (this.endPolicyRes != '0' && this.endPolicyRes != '6' && this.policyVal1Res === '' && this.endPolicyRes != '4') {
              this.showDialog('Please enter the Response End Policy attribute');
              return;
            }

            if (this.endPolicyRes == '3' && this.policyVal2Res == 'text') {
              if (parseInt(this.policyVal1Res) > 20) {
                this.showDialog('Please enter the Response End Policy attribute between 1 to 20');
                return;
              }
            }

            if (this.endPolicyRes == '5' && (this.policyVal1Res.length > 64 || this.policyVal1Res.length < 1)) {
              this.showDialog('Response matching string should be in the range: 1-64.');
              return;
            }

            if (this.endPolicyReq == '5' && (this.policyVal1Req.length > 64 || this.policyVal1Req.length < 1)) {
              this.showDialog('Request matching string should be in the range: 1-64.');
              return;
            }

            this.displayAdvanceSetting = false;
          } catch (error) {
            console.error('error in save Advance Setting => ', error);
          }
        }
      }, {
        key: "closeAdvanceSetting",
        value: function closeAdvanceSetting() {
          this.displayAdvanceSetting = false;
          this.viewModeTcp = true;
          this.reinitializeFields();
        }
        /** portion for TCP settings End */

      }, {
        key: "changeMsgPrefixOpt",
        value: function changeMsgPrefixOpt(type) {
          if (type == 'req') {
            if (this.changeMsgPrefixOptVal == 'text') {
              this.msgPrefixOpt = this.textDecimalOpt;
            } else {
              this.msgPrefixOpt = this.binaryOptReq;
            }
          } else {
            if (this.changeMsgPrefixOptVal1 == 'text') {
              this.msgPrefixOpt1 = this.textDecimalOpt;
            } else {
              this.msgPrefixOpt1 = this.binaryOptRes;
            }
          }
        }
      }, {
        key: "recordingModeOnChange",
        value: function recordingModeOnChange() {
          this.clientCertificateFile = 'NA';
          this.endPointCertificateFile = 'NA';
          this.updateRow = false;
          this.updateButtonEnable = true;
        }
      }, {
        key: "navigateToScript",
        value: function navigateToScript() {
          var _this15 = this;

          try {
            //this.log.debug('restarting the hpd');
            var ip = 'stopSocketRecordingandCreateScript?application=' + this.applicationName;
            var DataSubcription = this.NetoceanRestApi.getDataByRESTAPI(ip, '', '/ProductUI/productSummary/NetOceanWebService/').subscribe(function (result) {
              console.log('result', result);

              if (result['status'] == 'SUCCESS') {
                var data = result['output'].split('/');
                console.log('data====>', data);

                _this15.scriptUtilService.sendEditScriptObj(data[8] + '/' + data[9], data[12], 'Edit', false);

                _this15._route.navigate(['/script']);
              } else {
                alert(result['output']);
                _this15.displayRecTcp = false;
              }
            }, function (error) {
              console.error('error in restarting hpd ', error);
            }, function () {
              DataSubcription.unsubscribe();
            });
          } catch (e) {
            console.error(e);
          }
        }
      }, {
        key: "clickButtonEvent",
        value: function clickButtonEvent(event) {
          var _a, _b, _c, _d, _e;

          try {
            if (((_b = (_a = event === null || event === void 0 ? void 0 : event.cavEventExt) === null || _a === void 0 ? void 0 : _a.actionConfig) === null || _b === void 0 ? void 0 : _b.action) == "clickable" || ((_d = (_c = event === null || event === void 0 ? void 0 : event.cavEventExt) === null || _c === void 0 ? void 0 : _c.actionConfig) === null || _d === void 0 ? void 0 : _d.action) == "onRowSelect") {
              this.getRequestResponse((_e = event === null || event === void 0 ? void 0 : event.cavEventExt) === null || _e === void 0 ? void 0 : _e.row);
            }
          } catch (error) {
            console.error("Error in clickButtonEvent", error);
          }
        }
      }]);
    }();

    NetoceanRecordServicesComponent.ctorParameters = function () {
      return [{
        type: primeng__WEBPACK_IMPORTED_MODULE_2__["ConfirmationService"]
      }, {
        type: _services_netocean_common_service__WEBPACK_IMPORTED_MODULE_7__["NetoceanCommonService"]
      }, {
        type: _services_manage_services_info_service__WEBPACK_IMPORTED_MODULE_8__["ManageServicesInfoService"]
      }, {
        type: _services_progress_bar_service__WEBPACK_IMPORTED_MODULE_9__["ProgressBarService"]
      }, {
        type: _services_netocean_config_service__WEBPACK_IMPORTED_MODULE_11__["NetoceanConfig"]
      }, {
        type: _services_netocean_rest_api_service__WEBPACK_IMPORTED_MODULE_10__["NetoceanRestApi"]
      }, {
        type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["Router"]
      }, {
        type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["ActivatedRoute"]
      }, {
        type: primeng_api__WEBPACK_IMPORTED_MODULE_5__["MessageService"]
      }, {
        type: src_app_core_session_session_service__WEBPACK_IMPORTED_MODULE_6__["SessionService"]
      }, {
        type: _script_manager_services_script_utils_service__WEBPACK_IMPORTED_MODULE_12__["ScriptUtilService"]
      }, {
        type: src_app_pages_scenario_service_scenario_http_service__WEBPACK_IMPORTED_MODULE_13__["ScenarioHttpService"]
      }, {
        type: src_app_pages_scenario_service_scenario_utils_service__WEBPACK_IMPORTED_MODULE_15__["ScenarioUtilsService"]
      }, {
        type: src_app_shared_cav_nav_bar_cav_nav_bar_service__WEBPACK_IMPORTED_MODULE_16__["CavNavBarService"]
      }, {
        type: src_app_core_breadcrumb_breadcrumb_service__WEBPACK_IMPORTED_MODULE_17__["BreadcrumbService"]
      }];
    };

    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('fileUpload')], NetoceanRecordServicesComponent.prototype, "fileUploadRef", void 0);
    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('Request')], NetoceanRecordServicesComponent.prototype, "RequestObj", void 0);
    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('Response')], NetoceanRecordServicesComponent.prototype, "ResponseObj", void 0);
    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('fieldChild')], NetoceanRecordServicesComponent.prototype, "FieldChildRef", void 0);
    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('fileUploadClient')], NetoceanRecordServicesComponent.prototype, "fileUploadClient", void 0);
    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('fileUploadEndpoint')], NetoceanRecordServicesComponent.prototype, "fileUploadEndpoint", void 0);
    NetoceanRecordServicesComponent = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
      selector: 'app-netocean-record-services',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./netocean-record-services.component.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/home/netocean/components/netocean-record-services/netocean-record-services.component.html"))["default"],
      encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewEncapsulation"].None,
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./netocean-record-services.component.scss */
      "./src/app/pages/home/netocean/components/netocean-record-services/netocean-record-services.component.scss"))["default"]]
    })], NetoceanRecordServicesComponent);
    /***/
  },

  /***/
  "./src/app/pages/home/netocean/components/netocean-record-services/netocean-record-services.module.ts":
  /*!************************************************************************************************************!*\
    !*** ./src/app/pages/home/netocean/components/netocean-record-services/netocean-record-services.module.ts ***!
    \************************************************************************************************************/

  /*! exports provided: onMonacoLoad, NetoceanRecordServicesModule */

  /***/
  function _src_app_pages_home_netocean_components_netoceanRecordServices_netoceanRecordServicesModuleTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "onMonacoLoad", function () {
      return onMonacoLoad;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "NetoceanRecordServicesModule", function () {
      return NetoceanRecordServicesModule;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
    /* harmony import */


    var _netocean_record_services_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ./netocean-record-services.component */
    "./src/app/pages/home/netocean/components/netocean-record-services/netocean-record-services.component.ts");
    /* harmony import */


    var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! @angular/router */
    "./node_modules/@angular/router/__ivy_ngcc__/fesm2015/router.js");
    /* harmony import */


    var _angular_forms__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! @angular/forms */
    "./node_modules/@angular/forms/__ivy_ngcc__/fesm2015/forms.js");
    /* harmony import */


    var _angular_material_checkbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! @angular/material/checkbox */
    "./node_modules/@angular/material/__ivy_ngcc__/fesm2015/checkbox.js");
    /* harmony import */


    var _angular_material_menu__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! @angular/material/menu */
    "./node_modules/@angular/material/__ivy_ngcc__/fesm2015/menu.js");
    /* harmony import */


    var _angular_material_radio__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
    /*! @angular/material/radio */
    "./node_modules/@angular/material/__ivy_ngcc__/fesm2015/radio.js");
    /* harmony import */


    var _angular_material_select__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(
    /*! @angular/material/select */
    "./node_modules/@angular/material/__ivy_ngcc__/fesm2015/select.js");
    /* harmony import */


    var _angular_material_tabs__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(
    /*! @angular/material/tabs */
    "./node_modules/@angular/material/__ivy_ngcc__/fesm2015/tabs.js");
    /* harmony import */


    var primeng__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(
    /*! primeng */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng.js");
    /* harmony import */


    var _pipes_netocean_pipe_module__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(
    /*! ../pipes/netocean-pipe.module */
    "./src/app/pages/home/netocean/components/pipes/netocean-pipe.module.ts");
    /* harmony import */


    var ngx_monaco_editor__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(
    /*! ngx-monaco-editor */
    "./node_modules/ngx-monaco-editor/__ivy_ngcc__/fesm2015/ngx-monaco-editor.js");
    /* harmony import */


    var src_app_shared_help_help_module__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(
    /*! src/app/shared/help/help.module */
    "./src/app/shared/help/help.module.ts");
    /* harmony import */


    var _netocean_service_progress_bar_netocean_service_progress_bar_module__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(
    /*! ../netocean-service-progress-bar/netocean-service-progress-bar.module */
    "./src/app/pages/home/netocean/components/netocean-service-progress-bar/netocean-service-progress-bar.module.ts");
    /* harmony import */


    var src_app_shared_cav_table_cav_table_module__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(
    /*! src/app/shared/cav-table/cav-table.module */
    "./src/app/shared/cav-table/cav-table.module.ts");
    /* harmony import */


    var src_app_shared_cav_toolbar_cav_toolbar_module__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(
    /*! src/app/shared/cav-toolbar/cav-toolbar.module */
    "./src/app/shared/cav-toolbar/cav-toolbar.module.ts");

    function onMonacoLoad() {
      console.log(window.monaco);
      return window.monaco;
    }

    var monacoConfig = {
      baseUrl: './assets',
      defaultOptions: {
        scrollBeyondLastLine: false
      },
      onMonacoLoad: onMonacoLoad // here monaco object will be available as window.monaco use this function to extend monaco editor functionalities.

    };
    var routes = [{
      path: '',
      component: _netocean_record_services_component__WEBPACK_IMPORTED_MODULE_3__["NetoceanRecordServicesComponent"]
    }, {
      path: 'recordedRequestResponse',
      loadChildren: function loadChildren() {
        return Promise.all(
        /*! import() | netocean-request-response-netocean-request-response-module */
        [__webpack_require__.e("default~components-netocean-request-response-netocean-request-response-module~netocean-request-respo~05db34ca"), __webpack_require__.e("common")]).then(__webpack_require__.bind(null,
        /*! ./../netocean-request-response/netocean-request-response.module */
        "./src/app/pages/home/netocean/components/netocean-request-response/netocean-request-response.module.ts")).then(function (m) {
          return m.NetoceanRequestResponseModule;
        });
      }
    }];

    var NetoceanRecordServicesModule = /*#__PURE__*/_createClass(function NetoceanRecordServicesModule() {
      _classCallCheck(this, NetoceanRecordServicesModule);
    });

    NetoceanRecordServicesModule = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
      declarations: [_netocean_record_services_component__WEBPACK_IMPORTED_MODULE_3__["NetoceanRecordServicesComponent"]],
      imports: [_angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"], _pipes_netocean_pipe_module__WEBPACK_IMPORTED_MODULE_12__["NetoceanPipeModule"], // NetoceanModule,
      _angular_router__WEBPACK_IMPORTED_MODULE_4__["RouterModule"].forChild(routes), _angular_forms__WEBPACK_IMPORTED_MODULE_5__["FormsModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["TieredMenuModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["ButtonModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["DialogModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["CalendarModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["InputTextareaModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["AccordionModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["SidebarModule"], ngx_monaco_editor__WEBPACK_IMPORTED_MODULE_13__["MonacoEditorModule"].forRoot(monacoConfig), primeng__WEBPACK_IMPORTED_MODULE_11__["SplitButtonModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["TooltipModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["MenuModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["ToolbarModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["TableModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["ScrollPanelModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["TabViewModule"], src_app_shared_help_help_module__WEBPACK_IMPORTED_MODULE_14__["HelpModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["CheckboxModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["DropdownModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["ConfirmDialogModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["FieldsetModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["PanelModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["FileUploadModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["ToastModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["MultiSelectModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["RadioButtonModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["OverlayPanelModule"], _angular_material_menu__WEBPACK_IMPORTED_MODULE_7__["MatMenuModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["SpinnerModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["ToggleButtonModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["OrderListModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["ChipsModule"], _angular_material_radio__WEBPACK_IMPORTED_MODULE_8__["MatRadioModule"], _angular_material_select__WEBPACK_IMPORTED_MODULE_9__["MatSelectModule"], _angular_material_tabs__WEBPACK_IMPORTED_MODULE_10__["MatTabsModule"], _angular_material_checkbox__WEBPACK_IMPORTED_MODULE_6__["MatCheckboxModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["BreadcrumbModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["ProgressBarModule"], _netocean_service_progress_bar_netocean_service_progress_bar_module__WEBPACK_IMPORTED_MODULE_15__["NetoceanServiceProgressBarModule"], src_app_shared_cav_table_cav_table_module__WEBPACK_IMPORTED_MODULE_16__["CavTableModule"], src_app_shared_cav_toolbar_cav_toolbar_module__WEBPACK_IMPORTED_MODULE_17__["CavToolbarModule"], primeng__WEBPACK_IMPORTED_MODULE_11__["InputTextModule"]],
      providers: [],
      schemas: [_angular_core__WEBPACK_IMPORTED_MODULE_1__["CUSTOM_ELEMENTS_SCHEMA"]]
    })], NetoceanRecordServicesModule);
    /***/
  }
}]);