@adins/ucsearch 2.0.39 → 2.0.41

package/README.md

@@ -3,6 +3,9 @@
 This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
 
 ## Version
+Version 2.0.41
+1. Add type switch 
+
 Version 2.0.37
 1. search able to do like restriction  
 
@@ -183,6 +186,13 @@ InputSearchObj :
             value: "CF4W"
         }
     ] *optional // list for value in whereQuery
+- switchValue   :
+    [
+        {
+            property: "BizTmpltCode",
+            value: "CF4W"
+        }
+    ] *optional // list value for headerList type switch 
 
 search.json :
 ``` javascript
@@ -270,6 +280,30 @@ search.json :
             "criteriaPropName": "", // criteria property name
             "criteriaPropValue": "", // criteria value
             "itemsUrl" : [], 
+        },
+        {
+            "type" : "switch",
+            "case" : [ // list of case
+                        {
+                            "conditions" : [ // list of conditions
+                                {
+                                    "property" : "type", // property for condition checking
+                                    "value" : "EXE", // value to check
+                                    "restriction" : "EQ" // condition restrictions (EQ, NEQ, GT, GTE, LT, LTE | default EQ) *optional
+                                }
+                            ],
+                            "result" : { // result of this case
+                                "type": "textbox", // type like bodyList : text,decimal,date,link,boolean 
+                                "label" : "Action",
+                                "datatype" : "text",
+                                "name" : "dateDt",
+                                "id" : "uniqueId",
+                                "value" : "",
+                                "restriction" : "gte"     
+                            },
+                            "isHide" : true
+                        }
+                     ]
         }
     ],
     "querystring": { // query data by sql

package/adins-ucsearch.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"UCSearchService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"UCSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"lib-UCSearch","providers":[{"__symbolic":"reference","name":"ɵa"}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":19,"character":4},"arguments":["changeDivSize",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":20,"character":6},"arguments":["initial",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":23},"arguments":[{"height":"*","opacity":"1"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":24,"character":6},"arguments":["final",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":24,"character":21},"arguments":[{"height":"0px","opacity":"0","overflow":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":29,"character":6},"arguments":["initial=>final",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":29,"character":35},"arguments":["300ms"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":30,"character":6},"arguments":["final=>initial",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":30,"character":35},"arguments":["300ms"]}]}]]}],"template":"<!-- Basic form layout section start -->\r\n<section id=\"horizontal-form-layouts\">\r\n  <div class=\"row text-left\">\r\n    <div class=\"col-md-12\">\r\n      <div class=\"card\">\r\n        <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"configuration?.title != undefined && configuration?.title != ''\">\r\n          <h4 class=\"card-title ucSearch-title\" translate> {{ configuration.title }} </h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\r\n              <div class=\"form-body\">\r\n                <h4 class=\"form-section font-weight-bold\">\r\n                  <div (click)=\"changeState()\" class=\"btn no-padding cursor-pointer flip\">\r\n                    <i class=\"fa\" style=\"font-size: 15px; margin: 0px 0px 5px -15px;\"\r\n                      [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  <span\r\n                    *ngIf=\"configuration?.sectionTitle != undefined && configuration?.sectionTitle != ''; then inputSectionTitle else defaultSectionTitle\"></span>\r\n                  <ng-template #inputSectionTitle>\r\n                    {{configuration?.sectionTitle}}\r\n                  </ng-template>\r\n                  <ng-template #defaultSectionTitle>\r\n                    Paging\r\n                  </ng-template>\r\n                </h4>\r\n                <!-- Ini Digunakan untuk Generate Dynamic Component -->\r\n                <!-- [hidden]=\"isHidden\" -->\r\n                <div class=\"panel-active\" [@changeDivSize]=currentState>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-6 form-group\" *ngFor=\"let question of configuration?.component\">\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\" translate>{{question.label}}</label>\r\n                          <div class=\"col-md-7 no-padding\">\r\n                            <div *ngIf=\"question.type=='textbox'\">\r\n                              <input type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                                attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\">\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='textarea'\">\r\n                              <textarea type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                name=\"{{question.name}}\" attr.data-type=\"{{question.datatype}}\"\r\n                                value=\"{{question.value}}\"></textarea>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='numeric'\">\r\n                              <input type=\"text\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                                (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                                name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                                attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                            </div>\r\n\r\n                            <!-- End Hardcode Lookup didalem-->\r\n                            <div *ngIf=\"question.type=='datepicker'\">\r\n                              <input type=\"date\" id=\"{{question.id}}\"\r\n                                class=\"form-control search-form-control btn-lookup\" name=\"{{question.name}}\"\r\n                                value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-restriction=\"{{question.restriction}}\">\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='dropdown'\">\r\n                              <!-- Ini kalau datanya tidak di load dari URL -->\r\n                              <div *ngIf=\"!question.isFromURL\">\r\n                                <select name=\"{{question.name}}\" class=\"form-control search-form-control\"\r\n                                  attr.query-in=\"{{question.isQueryIn}}\" attr.data-type=\"{{question.datatype}}\">\r\n                                  <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                    All\r\n                                  </option>\r\n                                  <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                    {{item.value}}\r\n                                  </option>\r\n                                </select>\r\n                              </div>\r\n                              <!-- Ini kalau datanya di load dari URL -->\r\n                              <div *ngIf=\"question.isFromURL\">\r\n                                <div *ngIf=\"question.isEvent\">\r\n                                  <select name=\"{{question.name}}\"\r\n                                    (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                    class=\"form-control search-form-control\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                    attr.data-type=\"{{question.datatype}}\">\r\n                                    <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                      All\r\n                                    </option>\r\n                                    <option *ngFor=\"let item of question?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                      {{item.Value}}\r\n                                    </option>\r\n                                  </select>\r\n                                </div>\r\n                                <div *ngIf=\"!question.isEvent\">\r\n                                  <select name=\"{{question.name}}\" class=\"form-control search-form-control\"\r\n                                    attr.query-in=\"{{question.isQueryIn}}\" attr.data-type=\"{{question.datatype}}\">\r\n                                    <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                      All\r\n                                    </option>\r\n                                    <option *ngFor=\"let item of question?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                      {{item.Value}}\r\n                                    </option>\r\n                                  </select>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-md-12 no-padding\">\r\n                    <form>\r\n                      <div class=\"form-actions right\">\r\n                        <button *ngIf=\"exportData == true\" type=\"button\" (click)=\"exportAsXLSX()\"\r\n                          class=\"btn btn-raised btn-success mr-1\" translate>\r\n                          <i class=\"fa ft-download\"></i> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"fa fa-times\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" #UCSearchClick\r\n                          translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n<br>\r\n<!-- // Basic form layout section end -->","styles":[".ucSearch-title{margin:3px}"]}]}],"members":{"myForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":3},"arguments":["formIdSearch"]}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"result":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":55,"character":108},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT","line":55,"character":115}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":55,"character":28},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":55,"character":96},null]}],"changeState":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"initiateForm":[{"__symbolic":"method"}],"getJSON":[{"__symbolic":"method"}],"postJSON":[{"__symbolic":"method"}],"searchClick":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"lessThanFour":[{"__symbolic":"method"}],"resolveObject":[{"__symbolic":"method"}],"transformAmount":[{"__symbolic":"method"}],"transformToDecimal":[{"__symbolic":"method"}],"exportAsXLSX":[{"__symbolic":"method"}],"onChangeEvent":[{"__symbolic":"method"}]}},"UCSearchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"UCSearchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"UCSearchComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"exportAsExcelFile":[{"__symbolic":"method"}],"saveAsExcelFile":[{"__symbolic":"method"}]}}},"origins":{"UCSearchService":"./lib/ucsearch.service","UCSearchComponent":"./lib/ucsearch.component","UCSearchModule":"./lib/ucsearch.module","ɵa":"./lib/services/excel-service/excel-service"},"importAs":"@adins/ucsearch"}
+{"__symbolic":"module","version":4,"metadata":{"UCSearchService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"UCSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"lib-UCSearch","providers":[{"__symbolic":"reference","name":"ɵa"}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":19,"character":4},"arguments":["changeDivSize",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":20,"character":6},"arguments":["initial",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":23},"arguments":[{"height":"*","opacity":"1"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":24,"character":6},"arguments":["final",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":24,"character":21},"arguments":[{"height":"0px","opacity":"0","overflow":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":29,"character":6},"arguments":["initial=>final",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":29,"character":35},"arguments":["300ms"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":30,"character":6},"arguments":["final=>initial",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":30,"character":35},"arguments":["300ms"]}]}]]}],"template":"<!-- Basic form layout section start -->\r\n<section id=\"horizontal-form-layouts\">\r\n  <div class=\"row text-left\">\r\n    <div class=\"col-md-12\">\r\n      <div class=\"card\">\r\n        <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"configuration?.title != undefined && configuration?.title != ''\">\r\n          <h4 class=\"card-title ucSearch-title\" translate> {{ configuration.title }} </h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\r\n              <div class=\"form-body\">\r\n                <h4 class=\"form-section font-weight-bold\">\r\n                  <div (click)=\"changeState()\" class=\"btn no-padding cursor-pointer flip\">\r\n                    <i class=\"fa\" style=\"font-size: 15px; margin: 0px 0px 5px -15px;\"\r\n                      [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  <span\r\n                    *ngIf=\"configuration?.sectionTitle != undefined && configuration?.sectionTitle != ''; then inputSectionTitle else defaultSectionTitle\"></span>\r\n                  <ng-template #inputSectionTitle>\r\n                    {{configuration?.sectionTitle}}\r\n                  </ng-template>\r\n                  <ng-template #defaultSectionTitle>\r\n                    Paging\r\n                  </ng-template>\r\n                </h4>\r\n                <!-- Ini Digunakan untuk Generate Dynamic Component -->\r\n                <!-- [hidden]=\"isHidden\" -->\r\n                <div class=\"panel-active\" [@changeDivSize]=currentState>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-6 form-group\" *ngFor=\"let question of configuration?.component\">\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <div *ngIf=\"question.type=='textbox'\">\r\n                            <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                              translate>{{question.label}}</label>\r\n                            <input class=\"col-md-7 no-padding\" type=\"text\" id=\"{{question.id}}\"\r\n                              class=\"form-control search-form-control\" name=\"{{question.name}}\"\r\n                              value=\"{{question.value}}\" (keydown.enter)=\"searchClick()\"\r\n                              attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='textarea'\">\r\n                            <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                              translate>{{question.label}}</label>\r\n                            <textarea class=\"col-md-7 no-padding\" type=\"text\" id=\"{{question.id}}\"\r\n                              class=\"form-control search-form-control\" name=\"{{question.name}}\"\r\n                              attr.data-type=\"{{question.datatype}}\" value=\"{{question.value}}\"></textarea>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='numeric'\">\r\n                            <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                              translate>{{question.label}}</label>\r\n                            <input class=\"col-md-7 no-padding\" type=\"text\" id=\"{{question.id}}\"\r\n                              (focus)=\"transformToDecimal($event)\" (blur)=\"transformAmount($event)\"\r\n                              class=\"form-control search-form-control\" name=\"{{question.name}}\"\r\n                              value=\"{{question.value}}\" (keydown.enter)=\"searchClick()\"\r\n                              attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                          </div>\r\n\r\n                          <!-- End Hardcode Lookup didalem-->\r\n                          <div *ngIf=\"question.type=='datepicker'\">\r\n                            <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                              translate>{{question.label}}</label>\r\n                            <input class=\"col-md-7 no-padding\" type=\"date\" id=\"{{question.id}}\"\r\n                              class=\"form-control search-form-control btn-lookup\" name=\"{{question.name}}\"\r\n                              value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              (keydown.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='dropdown'\">\r\n                            <!-- Ini kalau datanya tidak di load dari URL -->\r\n                            <div *ngIf=\"!question.isFromURL\">\r\n                              <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                                translate>{{question.label}}</label>\r\n                              <select class=\"col-md-7 no-padding\" name=\"{{question.name}}\"\r\n                                class=\"form-control search-form-control\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                attr.data-type=\"{{question.datatype}}\">\r\n                                <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <!-- Ini kalau datanya di load dari URL -->\r\n                            <div *ngIf=\"question.isFromURL\">\r\n                              <div *ngIf=\"question.isEvent\">\r\n                                <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                                  translate>{{question.label}}</label>\r\n                                <select class=\"col-md-7 no-padding\" name=\"{{question.name}}\"\r\n                                  (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                  class=\"form-control search-form-control\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                  attr.data-type=\"{{question.datatype}}\">\r\n                                  <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                    All\r\n                                  </option>\r\n                                  <option *ngFor=\"let item of question?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                    {{item.Value}}\r\n                                  </option>\r\n                                </select>\r\n                              </div>\r\n                              <div *ngIf=\"!question.isEvent\">\r\n                                <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                                  translate>{{question.label}}</label>\r\n                                <select class=\"col-md-7 no-padding\" name=\"{{question.name}}\"\r\n                                  class=\"form-control search-form-control\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                  attr.data-type=\"{{question.datatype}}\">\r\n                                  <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                    All\r\n                                  </option>\r\n                                  <option *ngFor=\"let item of question?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                    {{item.Value}}\r\n                                  </option>\r\n                                </select>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='switch'\">\r\n                            <div *ngFor=\"let case of question.case\">\r\n                              <div *ngIf=\"switchCase(case) && case.isHide != true\">\r\n                                <label class=\"col-md-5 no-padding\" for=\"{{case.result.id}}\" translate> {{\r\n                                  case.result.label }} </label>\r\n                              </div>\r\n                              <div class=\"col-md-7 no-padding\">\r\n                                <div *ngIf=\"case.result.type=='textbox'\">\r\n                                  <input type=\"text\" id=\"{{case.result.id}}\" class=\"form-control search-form-control\"\r\n                                    name=\"{{case.result.name}}\" value=\"{{case.result.value}}\" (keydown.enter)=\"searchClick()\"\r\n                                    attr.data-type=\"{{case.result.datatype}}\"\r\n                                    attr.data-restriction=\"{{case.result.restriction}}\">\r\n                                </div>\r\n                                <div *ngIf=\"case.result.type=='textarea'\">\r\n                                  <textarea type=\"text\" id=\"{{case.result.id}}\"\r\n                                    class=\"form-control search-form-control\" name=\"{{case.result.name}}\"\r\n                                    attr.data-type=\"{{case.result.datatype}}\" value=\"{{case.result.value}}\"></textarea>\r\n                                </div>\r\n                                <div *ngIf=\"case.result.type=='numeric'\">\r\n                                  <input type=\"text\" id=\"{{case.result.id}}\"\r\n                                  (focus)=\"transformToDecimal($event)\" (blur)=\"transformAmount($event)\"\r\n                                  class=\"form-control search-form-control\" name=\"{{case.result.name}}\"\r\n                                  value=\"{{case.result.value}}\" (keydown.enter)=\"searchClick()\"\r\n                                  attr.data-restriction=\"{{case.result.restriction}}\" attr.data-type=\"{{case.result.datatype}}\">\r\n                                </div>\r\n                                <div *ngIf=\"case.result.type=='datepicker'\">\r\n                                  <input type=\"date\" id=\"{{case.result.id}}\"\r\n                                  class=\"form-control search-form-control btn-lookup\" name=\"{{case.result.name}}\"\r\n                                  value=\"{{case.result.value}}\" attr.data-type=\"{{case.result.datatype}}\"\r\n                                  (keydown.enter)=\"searchClick()\" attr.data-restriction=\"{{case.result.restriction}}\">\r\n                                </div>\r\n                                <div *ngIf=\"case.result.type=='dropdown'\">\r\n                                  <div *ngIf=\"!case.result.isFromURL\">\r\n                                    <label class=\"col-md-5 no-padding\" for=\"{{case.result.id}}\"\r\n                                      translate>{{case.result.label}}</label>\r\n                                    <select name=\"{{case.result.name}}\"\r\n                                      class=\"form-control search-form-control\" attr.query-in=\"{{case.result.isQueryIn}}\"\r\n                                      attr.data-type=\"{{case.result.datatype}}\">\r\n                                      <option *ngIf=\"!case.result.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </option>\r\n                                      <option *ngFor=\"let item of case.result?.items\" value=\"{{item.key}}\">\r\n                                        {{item.value}}\r\n                                      </option>\r\n                                    </select>\r\n                                  </div>\r\n                                  <!-- Ini kalau datanya di load dari URL -->\r\n                                  <div *ngIf=\"case.result.isFromURL\">\r\n                                    <div *ngIf=\"case.result.isEvent\">\r\n                                      <label class=\"col-md-5 no-padding\" for=\"{{case.result.id}}\"\r\n                                        translate>{{case.result.label}}</label>\r\n                                      <select name=\"{{case.result.name}}\"\r\n                                        (change)=\"onChangeEvent($event.target.value, case.result)\"\r\n                                        class=\"form-control search-form-control\" attr.query-in=\"{{case.result.isQueryIn}}\"\r\n                                        attr.data-type=\"{{case.result.datatype}}\">\r\n                                        <option *ngIf=\"!case.result.isSelectOne\" value=\"All\">\r\n                                          All\r\n                                        </option>\r\n                                        <option *ngFor=\"let item of case.result?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                          {{item.Value}}\r\n                                        </option>\r\n                                      </select>\r\n                                    </div>\r\n                                    <div *ngIf=\"!case.result.isEvent\">\r\n                                      <label class=\"col-md-5 no-padding\" for=\"{{case.result.id}}\"\r\n                                        translate>{{case.result.label}}</label>\r\n                                      <select name=\"{{case.result.name}}\"\r\n                                        class=\"form-control search-form-control\" attr.query-in=\"{{case.result.isQueryIn}}\"\r\n                                        attr.data-type=\"{{case.result.datatype}}\">\r\n                                        <option *ngIf=\"!case.result.isSelectOne\" value=\"All\">\r\n                                          All\r\n                                        </option>\r\n                                        <option *ngFor=\"let item of case.result?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                          {{item.Value}}\r\n                                        </option>\r\n                                      </select>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-md-12 no-padding\">\r\n                    <form>\r\n                      <div class=\"form-actions right\">\r\n                        <button *ngIf=\"exportData == true\" type=\"button\" (click)=\"exportAsXLSX()\"\r\n                          class=\"btn btn-raised btn-success mr-1\" translate>\r\n                          <i class=\"fa ft-download\"></i> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"fa fa-times\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" #UCSearchClick\r\n                          translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n<br>\r\n<!-- // Basic form layout section end -->","styles":[".ucSearch-title{margin:3px}"]}]}],"members":{"myForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":3},"arguments":["formIdSearch"]}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"result":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":55,"character":108},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT","line":55,"character":115}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":55,"character":28},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":55,"character":96},null]}],"changeState":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"initiateForm":[{"__symbolic":"method"}],"getJSON":[{"__symbolic":"method"}],"postJSON":[{"__symbolic":"method"}],"searchClick":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"lessThanFour":[{"__symbolic":"method"}],"resolveObject":[{"__symbolic":"method"}],"transformAmount":[{"__symbolic":"method"}],"transformToDecimal":[{"__symbolic":"method"}],"exportAsXLSX":[{"__symbolic":"method"}],"onChangeEvent":[{"__symbolic":"method"}],"switchCase":[{"__symbolic":"method"}]}},"UCSearchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"UCSearchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"UCSearchComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"exportAsExcelFile":[{"__symbolic":"method"}],"saveAsExcelFile":[{"__symbolic":"method"}]}}},"origins":{"UCSearchService":"./lib/ucsearch.service","UCSearchComponent":"./lib/ucsearch.component","UCSearchModule":"./lib/ucsearch.module","ɵa":"./lib/services/excel-service/excel-service"},"importAs":"@adins/ucsearch"}

package/bundles/adins-ucsearch.umd.js

@@ -36,6 +36,7 @@
             this.addCritInput = new Array();
             this.ddlEnvironments = new Array();
             this.whereValue = new Array();
+            this.switchValue = new Array();
         }
         return InputSearchObj;
     }());
@@ -411,7 +412,7 @@
                             /** @type {?} */
                             var ddl = component.options;
                             /** @type {?} */
-                            var text = ddl[ddl.selectedIndex].value;
+                            var text = ddl[ddl.selectedIndex].value.trim();
                             if (text != "All") {
                                 //Kalau Dari Dropdown udah pasti pake Eq
                                 critObj.restriction = AdInsConstant.RestrictionEq;
@@ -438,7 +439,7 @@
                         else {
                             //Kalau ada Percent maka yang dipake nnti adalah Restrictions Like
                             critObj.propName = component.name;
-                            critObj.value = component.value;
+                            critObj.value = component.value.trim();
                             if (component.value.includes("%")) {
                                 critObj.restriction = AdInsConstant.RestrictionLike;
                             }
@@ -449,7 +450,7 @@
                                     component.value = parseFloat(component.value.replace(/,/g, ''));
                                 }
                                 if (critObj.restriction.toUpperCase() == "LIKE") {
-                                    critObj.value = "%" + component.value + "%";
+                                    critObj.value = "%" + component.value.trim() + "%";
                                     critObj.restriction = AdInsConstant.RestrictionLike;
                                 }
                             }
@@ -635,10 +636,162 @@
                     }
                 }
             };
+        /**
+         * @param {?} condList
+         * @return {?}
+         */
+        UCSearchComponent.prototype.switchCase = /**
+         * @param {?} condList
+         * @return {?}
+         */
+            function (condList) {
+                /** @type {?} */
+                var condition = false;
+                for (var i = 0; i < condList.conditions.length; i++) {
+                    /** @type {?} */
+                    var idx = this.searchInput.switchValue.findIndex(( /**
+                     * @param {?} x
+                     * @return {?}
+                     */function (x) { return x.property == condList.conditions[i].property; }));
+                    if (condList.conditions[i].restriction == "EQ") {
+                        if (condList.conditions[i].isUser != true) {
+                            if (this.searchInput.switchValue[idx].value == condList.conditions[i].value) {
+                                condition = true;
+                            }
+                            else {
+                                condition = false;
+                                break;
+                            }
+                        }
+                        else {
+                            /** @type {?} */
+                            var username = localStorage.getItem("Username");
+                            if (this.searchInput.switchValue[idx].value == username) {
+                                condition = true;
+                            }
+                            else {
+                                condition = false;
+                                break;
+                            }
+                        }
+                    }
+                    else if (condList.conditions[i].restriction == "NEQ") {
+                        if (condList.conditions[i].isUser != true) {
+                            if (this.searchInput.switchValue[idx].value != condList.conditions[i].value) {
+                                condition = true;
+                            }
+                            else {
+                                condition = false;
+                                break;
+                            }
+                        }
+                        else {
+                            /** @type {?} */
+                            var username = localStorage.getItem("Username");
+                            if (this.searchInput.switchValue[idx].value != username) {
+                                condition = true;
+                            }
+                            else {
+                                condition = false;
+                                break;
+                            }
+                        }
+                    }
+                    else if (condList.conditions[i].restriction == "GT") {
+                        if (condList.conditions[i].isUser != true) {
+                            if (this.searchInput.switchValue[idx].value > condList.conditions[i].value) {
+                                condition = true;
+                            }
+                            else {
+                                condition = false;
+                                break;
+                            }
+                        }
+                        else {
+                            /** @type {?} */
+                            var username = localStorage.getItem("Username");
+                            if (this.searchInput.switchValue[idx].value > username) {
+                                condition = true;
+                            }
+                            else {
+                                condition = false;
+                                break;
+                            }
+                        }
+                    }
+                    else if (condList.conditions[i].restriction == "GTE") {
+                        if (condList.conditions[i].isUser != true) {
+                            if (this.searchInput.switchValue[idx].value >= condList.conditions[i].value) {
+                                condition = true;
+                            }
+                            else {
+                                condition = false;
+                                break;
+                            }
+                        }
+                        else {
+                            /** @type {?} */
+                            var username = localStorage.getItem("Username");
+                            if (this.searchInput.switchValue[idx].value >= username) {
+                                condition = true;
+                            }
+                            else {
+                                condition = false;
+                                break;
+                            }
+                        }
+                    }
+                    else if (condList.conditions[i].restriction == "LT") {
+                        if (condList.conditions[i].isUser != true) {
+                            if (this.searchInput.switchValue[idx].value < condList.conditions[i].value) {
+                                condition = true;
+                            }
+                            else {
+                                condition = false;
+                                break;
+                            }
+                        }
+                        else {
+                            /** @type {?} */
+                            var username = localStorage.getItem("Username");
+                            if (this.searchInput.switchValue[idx].value < username) {
+                                condition = true;
+                            }
+                            else {
+                                condition = false;
+                                break;
+                            }
+                        }
+                    }
+                    else if (condList.conditions[i].restriction == "LTE") {
+                        if (condList.conditions[i].isUser != true) {
+                            if (this.searchInput.switchValue[idx].value <= condList.conditions[i].value) {
+                                condition = true;
+                            }
+                            else {
+                                condition = false;
+                                break;
+                            }
+                        }
+                        else {
+                            /** @type {?} */
+                            var username = localStorage.getItem("Username");
+                            if (this.searchInput.switchValue[idx].value <= username) {
+                                condition = true;
+                            }
+                            else {
+                                condition = false;
+                                break;
+                            }
+                        }
+                    }
+                }
+                return condition;
+            };
         UCSearchComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'lib-UCSearch',
-                        template: "<!-- Basic form layout section start -->\r\n<section id=\"horizontal-form-layouts\">\r\n  <div class=\"row text-left\">\r\n    <div class=\"col-md-12\">\r\n      <div class=\"card\">\r\n        <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"configuration?.title != undefined && configuration?.title != ''\">\r\n          <h4 class=\"card-title ucSearch-title\" translate> {{ configuration.title }} </h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\r\n              <div class=\"form-body\">\r\n                <h4 class=\"form-section font-weight-bold\">\r\n                  <div (click)=\"changeState()\" class=\"btn no-padding cursor-pointer flip\">\r\n                    <i class=\"fa\" style=\"font-size: 15px; margin: 0px 0px 5px -15px;\"\r\n                      [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  <span\r\n                    *ngIf=\"configuration?.sectionTitle != undefined && configuration?.sectionTitle != ''; then inputSectionTitle else defaultSectionTitle\"></span>\r\n                  <ng-template #inputSectionTitle>\r\n                    {{configuration?.sectionTitle}}\r\n                  </ng-template>\r\n                  <ng-template #defaultSectionTitle>\r\n                    Paging\r\n                  </ng-template>\r\n                </h4>\r\n                <!-- Ini Digunakan untuk Generate Dynamic Component -->\r\n                <!-- [hidden]=\"isHidden\" -->\r\n                <div class=\"panel-active\" [@changeDivSize]=currentState>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-6 form-group\" *ngFor=\"let question of configuration?.component\">\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\" translate>{{question.label}}</label>\r\n                          <div class=\"col-md-7 no-padding\">\r\n                            <div *ngIf=\"question.type=='textbox'\">\r\n                              <input type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                                attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\">\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='textarea'\">\r\n                              <textarea type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                name=\"{{question.name}}\" attr.data-type=\"{{question.datatype}}\"\r\n                                value=\"{{question.value}}\"></textarea>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='numeric'\">\r\n                              <input type=\"text\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                                (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                                name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                                attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                            </div>\r\n\r\n                            <!-- End Hardcode Lookup didalem-->\r\n                            <div *ngIf=\"question.type=='datepicker'\">\r\n                              <input type=\"date\" id=\"{{question.id}}\"\r\n                                class=\"form-control search-form-control btn-lookup\" name=\"{{question.name}}\"\r\n                                value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-restriction=\"{{question.restriction}}\">\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='dropdown'\">\r\n                              <!-- Ini kalau datanya tidak di load dari URL -->\r\n                              <div *ngIf=\"!question.isFromURL\">\r\n                                <select name=\"{{question.name}}\" class=\"form-control search-form-control\"\r\n                                  attr.query-in=\"{{question.isQueryIn}}\" attr.data-type=\"{{question.datatype}}\">\r\n                                  <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                    All\r\n                                  </option>\r\n                                  <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                    {{item.value}}\r\n                                  </option>\r\n                                </select>\r\n                              </div>\r\n                              <!-- Ini kalau datanya di load dari URL -->\r\n                              <div *ngIf=\"question.isFromURL\">\r\n                                <div *ngIf=\"question.isEvent\">\r\n                                  <select name=\"{{question.name}}\"\r\n                                    (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                    class=\"form-control search-form-control\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                    attr.data-type=\"{{question.datatype}}\">\r\n                                    <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                      All\r\n                                    </option>\r\n                                    <option *ngFor=\"let item of question?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                      {{item.Value}}\r\n                                    </option>\r\n                                  </select>\r\n                                </div>\r\n                                <div *ngIf=\"!question.isEvent\">\r\n                                  <select name=\"{{question.name}}\" class=\"form-control search-form-control\"\r\n                                    attr.query-in=\"{{question.isQueryIn}}\" attr.data-type=\"{{question.datatype}}\">\r\n                                    <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                      All\r\n                                    </option>\r\n                                    <option *ngFor=\"let item of question?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                      {{item.Value}}\r\n                                    </option>\r\n                                  </select>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-md-12 no-padding\">\r\n                    <form>\r\n                      <div class=\"form-actions right\">\r\n                        <button *ngIf=\"exportData == true\" type=\"button\" (click)=\"exportAsXLSX()\"\r\n                          class=\"btn btn-raised btn-success mr-1\" translate>\r\n                          <i class=\"fa ft-download\"></i> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"fa fa-times\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" #UCSearchClick\r\n                          translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n<br>\r\n<!-- // Basic form layout section end -->",
+                        template: "<!-- Basic form layout section start -->\r\n<section id=\"horizontal-form-layouts\">\r\n  <div class=\"row text-left\">\r\n    <div class=\"col-md-12\">\r\n      <div class=\"card\">\r\n        <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"configuration?.title != undefined && configuration?.title != ''\">\r\n          <h4 class=\"card-title ucSearch-title\" translate> {{ configuration.title }} </h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\r\n              <div class=\"form-body\">\r\n                <h4 class=\"form-section font-weight-bold\">\r\n                  <div (click)=\"changeState()\" class=\"btn no-padding cursor-pointer flip\">\r\n                    <i class=\"fa\" style=\"font-size: 15px; margin: 0px 0px 5px -15px;\"\r\n                      [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  <span\r\n                    *ngIf=\"configuration?.sectionTitle != undefined && configuration?.sectionTitle != ''; then inputSectionTitle else defaultSectionTitle\"></span>\r\n                  <ng-template #inputSectionTitle>\r\n                    {{configuration?.sectionTitle}}\r\n                  </ng-template>\r\n                  <ng-template #defaultSectionTitle>\r\n                    Paging\r\n                  </ng-template>\r\n                </h4>\r\n                <!-- Ini Digunakan untuk Generate Dynamic Component -->\r\n                <!-- [hidden]=\"isHidden\" -->\r\n                <div class=\"panel-active\" [@changeDivSize]=currentState>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-6 form-group\" *ngFor=\"let question of configuration?.component\">\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <div *ngIf=\"question.type=='textbox'\">\r\n                            <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                              translate>{{question.label}}</label>\r\n                            <input class=\"col-md-7 no-padding\" type=\"text\" id=\"{{question.id}}\"\r\n                              class=\"form-control search-form-control\" name=\"{{question.name}}\"\r\n                              value=\"{{question.value}}\" (keydown.enter)=\"searchClick()\"\r\n                              attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='textarea'\">\r\n                            <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                              translate>{{question.label}}</label>\r\n                            <textarea class=\"col-md-7 no-padding\" type=\"text\" id=\"{{question.id}}\"\r\n                              class=\"form-control search-form-control\" name=\"{{question.name}}\"\r\n                              attr.data-type=\"{{question.datatype}}\" value=\"{{question.value}}\"></textarea>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='numeric'\">\r\n                            <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                              translate>{{question.label}}</label>\r\n                            <input class=\"col-md-7 no-padding\" type=\"text\" id=\"{{question.id}}\"\r\n                              (focus)=\"transformToDecimal($event)\" (blur)=\"transformAmount($event)\"\r\n                              class=\"form-control search-form-control\" name=\"{{question.name}}\"\r\n                              value=\"{{question.value}}\" (keydown.enter)=\"searchClick()\"\r\n                              attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                          </div>\r\n\r\n                          <!-- End Hardcode Lookup didalem-->\r\n                          <div *ngIf=\"question.type=='datepicker'\">\r\n                            <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                              translate>{{question.label}}</label>\r\n                            <input class=\"col-md-7 no-padding\" type=\"date\" id=\"{{question.id}}\"\r\n                              class=\"form-control search-form-control btn-lookup\" name=\"{{question.name}}\"\r\n                              value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              (keydown.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='dropdown'\">\r\n                            <!-- Ini kalau datanya tidak di load dari URL -->\r\n                            <div *ngIf=\"!question.isFromURL\">\r\n                              <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                                translate>{{question.label}}</label>\r\n                              <select class=\"col-md-7 no-padding\" name=\"{{question.name}}\"\r\n                                class=\"form-control search-form-control\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                attr.data-type=\"{{question.datatype}}\">\r\n                                <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <!-- Ini kalau datanya di load dari URL -->\r\n                            <div *ngIf=\"question.isFromURL\">\r\n                              <div *ngIf=\"question.isEvent\">\r\n                                <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                                  translate>{{question.label}}</label>\r\n                                <select class=\"col-md-7 no-padding\" name=\"{{question.name}}\"\r\n                                  (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                  class=\"form-control search-form-control\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                  attr.data-type=\"{{question.datatype}}\">\r\n                                  <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                    All\r\n                                  </option>\r\n                                  <option *ngFor=\"let item of question?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                    {{item.Value}}\r\n                                  </option>\r\n                                </select>\r\n                              </div>\r\n                              <div *ngIf=\"!question.isEvent\">\r\n                                <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                                  translate>{{question.label}}</label>\r\n                                <select class=\"col-md-7 no-padding\" name=\"{{question.name}}\"\r\n                                  class=\"form-control search-form-control\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                  attr.data-type=\"{{question.datatype}}\">\r\n                                  <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                    All\r\n                                  </option>\r\n                                  <option *ngFor=\"let item of question?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                    {{item.Value}}\r\n                                  </option>\r\n                                </select>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='switch'\">\r\n                            <div *ngFor=\"let case of question.case\">\r\n                              <div *ngIf=\"switchCase(case) && case.isHide != true\">\r\n                                <label class=\"col-md-5 no-padding\" for=\"{{case.result.id}}\" translate> {{\r\n                                  case.result.label }} </label>\r\n                              </div>\r\n                              <div class=\"col-md-7 no-padding\">\r\n                                <div *ngIf=\"case.result.type=='textbox'\">\r\n                                  <input type=\"text\" id=\"{{case.result.id}}\" class=\"form-control search-form-control\"\r\n                                    name=\"{{case.result.name}}\" value=\"{{case.result.value}}\" (keydown.enter)=\"searchClick()\"\r\n                                    attr.data-type=\"{{case.result.datatype}}\"\r\n                                    attr.data-restriction=\"{{case.result.restriction}}\">\r\n                                </div>\r\n                                <div *ngIf=\"case.result.type=='textarea'\">\r\n                                  <textarea type=\"text\" id=\"{{case.result.id}}\"\r\n                                    class=\"form-control search-form-control\" name=\"{{case.result.name}}\"\r\n                                    attr.data-type=\"{{case.result.datatype}}\" value=\"{{case.result.value}}\"></textarea>\r\n                                </div>\r\n                                <div *ngIf=\"case.result.type=='numeric'\">\r\n                                  <input type=\"text\" id=\"{{case.result.id}}\"\r\n                                  (focus)=\"transformToDecimal($event)\" (blur)=\"transformAmount($event)\"\r\n                                  class=\"form-control search-form-control\" name=\"{{case.result.name}}\"\r\n                                  value=\"{{case.result.value}}\" (keydown.enter)=\"searchClick()\"\r\n                                  attr.data-restriction=\"{{case.result.restriction}}\" attr.data-type=\"{{case.result.datatype}}\">\r\n                                </div>\r\n                                <div *ngIf=\"case.result.type=='datepicker'\">\r\n                                  <input type=\"date\" id=\"{{case.result.id}}\"\r\n                                  class=\"form-control search-form-control btn-lookup\" name=\"{{case.result.name}}\"\r\n                                  value=\"{{case.result.value}}\" attr.data-type=\"{{case.result.datatype}}\"\r\n                                  (keydown.enter)=\"searchClick()\" attr.data-restriction=\"{{case.result.restriction}}\">\r\n                                </div>\r\n                                <div *ngIf=\"case.result.type=='dropdown'\">\r\n                                  <div *ngIf=\"!case.result.isFromURL\">\r\n                                    <label class=\"col-md-5 no-padding\" for=\"{{case.result.id}}\"\r\n                                      translate>{{case.result.label}}</label>\r\n                                    <select name=\"{{case.result.name}}\"\r\n                                      class=\"form-control search-form-control\" attr.query-in=\"{{case.result.isQueryIn}}\"\r\n                                      attr.data-type=\"{{case.result.datatype}}\">\r\n                                      <option *ngIf=\"!case.result.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </option>\r\n                                      <option *ngFor=\"let item of case.result?.items\" value=\"{{item.key}}\">\r\n                                        {{item.value}}\r\n                                      </option>\r\n                                    </select>\r\n                                  </div>\r\n                                  <!-- Ini kalau datanya di load dari URL -->\r\n                                  <div *ngIf=\"case.result.isFromURL\">\r\n                                    <div *ngIf=\"case.result.isEvent\">\r\n                                      <label class=\"col-md-5 no-padding\" for=\"{{case.result.id}}\"\r\n                                        translate>{{case.result.label}}</label>\r\n                                      <select name=\"{{case.result.name}}\"\r\n                                        (change)=\"onChangeEvent($event.target.value, case.result)\"\r\n                                        class=\"form-control search-form-control\" attr.query-in=\"{{case.result.isQueryIn}}\"\r\n                                        attr.data-type=\"{{case.result.datatype}}\">\r\n                                        <option *ngIf=\"!case.result.isSelectOne\" value=\"All\">\r\n                                          All\r\n                                        </option>\r\n                                        <option *ngFor=\"let item of case.result?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                          {{item.Value}}\r\n                                        </option>\r\n                                      </select>\r\n                                    </div>\r\n                                    <div *ngIf=\"!case.result.isEvent\">\r\n                                      <label class=\"col-md-5 no-padding\" for=\"{{case.result.id}}\"\r\n                                        translate>{{case.result.label}}</label>\r\n                                      <select name=\"{{case.result.name}}\"\r\n                                        class=\"form-control search-form-control\" attr.query-in=\"{{case.result.isQueryIn}}\"\r\n                                        attr.data-type=\"{{case.result.datatype}}\">\r\n                                        <option *ngIf=\"!case.result.isSelectOne\" value=\"All\">\r\n                                          All\r\n                                        </option>\r\n                                        <option *ngFor=\"let item of case.result?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                          {{item.Value}}\r\n                                        </option>\r\n                                      </select>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-md-12 no-padding\">\r\n                    <form>\r\n                      <div class=\"form-actions right\">\r\n                        <button *ngIf=\"exportData == true\" type=\"button\" (click)=\"exportAsXLSX()\"\r\n                          class=\"btn btn-raised btn-success mr-1\" translate>\r\n                          <i class=\"fa ft-download\"></i> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"fa fa-times\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" #UCSearchClick\r\n                          translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n<br>\r\n<!-- // Basic form layout section end -->",
                         providers: [ExcelService],
                         animations: [
                             animations.trigger('changeDivSize', [