<commit_before>{
	"name": "<NAME>",
	"template": "custom",
	"owner": "<EMAIL>",
	"shares": [],
	"vars": [],
	"dataSubscriptions": [],
	"markup": "<style>\n  .btn.btn-mobile {\n  \tpadding-left: 6px;\n    padding-right: 6px;\n    width: 90px;\n  }\n  .button08 { width: 8%;}\n  .button1 {width: 10%;}\n  .button14 {width: 14%;}\n  .button2 {width: 18%;}\n  .button3 {width: 28%;}\n  \n   .no-click {\n    pointer-events: none;\n}\n</style>\n\n<div id=\"topForm\">\n<form class=\"form-inline\">\n    <h1 *ngIf=\"(bezl.vars.selectedAccount | json) != ({} | json)\" style=\"font-size:20px\"> Selected Customer: {{bezl.vars.selectedAccount?.ID}} </h1>\n   <h1 *ngIf=\"(bezl.vars.selectedAccount | json) == ({} | json)\" style=\"font-size:20px\"> No Selected Customer</h1>\n  <label>Start Date</label>\n  <input type=\"date\" class=\"form-control mb-2 mr-sm-2 mb-sm-0\" style=\"height:32px\"  [(ngModel)]=\"bezl.vars['startDate']\" name=\"startDate\">\n\n  <label>End Date</label>\n    <input type=\"date\" class=\"form-control mb-2 mr-sm-2 mb-sm-0\" style=\"height:32px\"  [(ngModel)]=\"bezl.vars['endDate']\" name=\"endDate\">\n\n  <button type=\"submit\" class=\"btn btn-primary\" *ngIf=\"!bezl.vars.loading\" (click)=\"bezl.functions['search']()\">Search</button>\n\n  </form>\n</div>\n<div class=\"row\">\n  <form class=\"form-inline\" style=\"margin-left:7px;\">\n  <label  style=\"margin-top:5px;\" *ngIf=\"bezl.vars.Orders\">Order Status</label>\n   <select style=\"width: 100px; height:32px; margin-top:5px;\" [(ngModel)]=\"bezl.vars['filter']\" id=\"Filter\" name=\"Filter\" >\n    <option id=\"cbAll\">All</option>\n    <option value=\"True\">Open</option>\n    <option value=\"False\">Closed</option>\n  </select>\n  </form>\n\n<label class=\"pull-right\" [hidden]=\"!bezl.vars.loading\">Loading... <i class=\"fa fa-spinner fa-spin\" style=\"font-size:24px\"></i></label>\n</div>\n\n<table class=\"table table-hover table-striped\" id=\"orderList\">\n   <thead>\n    <tr>\n     <th>\n       \n       <!-- This is the normal button layout for a big screen.  The small layout will follow -->\n       <div class=\"btn-group btn-group-justified hidden-xs\" role=\"group\" aria-label=\"Justified button group\">\n         <div class=\"btn-group\" role=\"group\">\n           <button type=\"button\"\n                   (click)=\"bezl.functions['sort']('OrderNum')\"\n                   class=\"btn btn-default\">\n             <span class=\"pull-left\">Order #</span>\n             <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'OrderNum' && bezl.vars.sort == 'asc'\"></i>\n             <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'OrderNum' && bezl.vars.sort == 'desc'\"></i>\n           </button>\n         </div>\n         <div class=\"btn-group\" role=\"group\">\n           <button type=\"button\"\n                   (click)=\"bezl.functions['sort']('OrderDate')\"\n                   class=\"btn btn-default\">\n             <span class=\"pull-left\">Order Date</span>\n             <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'OrderDate' && bezl.vars.sort == 'asc'\"></i>\n             <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'OrderDate' && bezl.vars.sort == 'desc'\"></i>\n           </button>\n         </div>\n         <div class=\"btn-group\" role=\"group\">\n           <button type=\"button\" \n                   (click)=\"bezl.functions['sort']('PoNum')\"\n                   class=\"btn btn-default\">\n             <span class=\"pull-left\">PO #</span>\n             <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'PoNum' && bezl.vars.sort == 'asc'\"></i>\n             <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'PoNum' && bezl.vars.sort == 'desc'\"></i>\n           </button>\n         </div>\n         <div class=\"btn-group\" role=\"group\">\n           <button type=\"button\" \n                   (click)=\"bezl.functions['sort']('OrderAmt')\"\n                   class=\"btn btn-default\">\n             <span class=\"pull-left\">Order Amount</span>\n             <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'OrderAmt' && bezl.vars.sort == 'asc'\"></i>\n             <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'OrderAmt' && bezl.vars.sort == 'desc'\"></i>\n           </button>\n         </div>\n       </div>\n       \n       <!-- This is the normal button layout for small screens -->\n       <div class=\"visible-xs\">\n\t\t<div class=\"row\">\n          <div class=\"col-sm-12\">\n         Sort By: <br />\n         \t<div class=\"btn-group\">\n             <button type=\"button\"\n                     (click)=\"bezl.functions['sort']('OrderDate')\"\n                     class=\"btn btn-default btn-mobile\"\n                     >\n               <span class=\"pull-left\">Order Date</span>\n               <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderDate' && bezl.vars.sort == 'asc'\"></i>\n               <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderDate' && bezl.vars.sort == 'desc'\"></i>\n             </button>\n              \n              <button type=\"button\"\n                     (click)=\"bezl.functions['sort']('OrderNum')\"\n                     class=\"btn btn-default btn-mobile\"\n                     >\n               <span class=\"pull-left\">Order Num</span>\n               <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderNum' && bezl.vars.sort == 'asc'\"></i>\n               <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderNum' && bezl.vars.sort == 'desc'\"></i>\n             </button>\n\n             <button type=\"button\" \n                     (click)=\"bezl.functions['sort']('PoNum')\"\n                     class=\"btn btn-default btn-mobile\"\n                     >\n               <span class=\"pull-left\">PO #</span>\n               <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'PoNum' && bezl.vars.sort == 'asc'\"></i>\n               <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'PoNum' && bezl.vars.sort == 'desc'\"></i>\n             </button>\n\n             <button type=\"button\" \n                     (click)=\"bezl.functions['sort']('OrderAmt')\"\n                     class=\"btn btn-default btn-mobile\"\n                     >\n               <span class=\"pull-left\">Order Amount</span>\n               <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderAmt' && bezl.vars.sort == 'asc'\"></i>\n               <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderAmt' && bezl.vars.sort == 'desc'\"></i>\n             </button>\n            </div>\n          </div>\n         </div>\n        </div>\n       \n     </th>\n    </tr>\n   </thead>\n  <tbody>\n   <tr class=\"read\" *ngFor=\"let row of bezl.vars.Orders\">\n    <td>\n      <!-- Main row per account -->\n      <div class=\"row\"\n       (click)=\"bezl.functions['selectRow'](row)\">\n        <div class=\"col-sm-3\">\n          <i class=\"fa fa-chevron-right\" aria-hidden=\"true\" *ngIf=\"!row.Selected\"></i>\n          <i class=\"fa fa-chevron-down\" aria-hidden=\"true\" *ngIf=\"row.Selected\"></i>\n          {{row.OrderNum}}</div>\n        <div class=\"col-sm-3\">{{row.OrderDate.split('T')[0] | date}}</div>\n        <div class=\"col-sm-3\">{{row.PoNum}}</div>\n        <div class=\"col-sm-3\" align=\"right\">{{row.OrderAmt  | currency:'USD':true:'1.2-2'}}</div>\n        <div hidden=\"true\" id=\"openOrder\">{{row.OpenOrder}}</div>\n      </div>\n      <!-- END: Main row per account -->\n      \n      <!-- Drill-down view -->\n      <div class=\"row\" *ngIf=\"row.Selected\" style=\"margin-left:5px;margin-top:10px\">\n        \n        <table class=\"table table-hover table-striped\">\n   <thead class=\"hidden-xs\">\n    <tr class=\"col-sm-12 bg-primary text-white\">\n       <!-- This is the normal button layout for a big screen.  The small layout will follow -->\n      <th class=\"col-sm-1\"><div class=\"bg-primary text-white\">Line #</div></th>\n      <th class=\"col-sm-2\"><div class=\"bg-primary text-white\">Part #</div></th>\n      <th class=\"col-sm-3\"><div class=\"bg-primary text-white\">Description</div></th>\n      <th class=\"col-sm-1\"><div class=\"bg-primary text-white\">Quantity</div></th>\n      <th class=\"col-sm-1\"><div class=\"bg-primary text-white\">Shipped Qty</div></th>\n      <th class=\"col-sm-2\"><div class=\"bg-primary text-white\">Unit Price</div></th>\n      <th class=\"col-sm-2\"><div class=\"bg-primary text-white\">Ext Price</div></th>\n     </tr>\n    </thead>\n    <thead class=\"visible-xs\">\n       <!-- This is the normal button layout for small screens -->\n     <tr>\n      <th>\n       \n       <!-- This is the normal button layout for small screens -->\n       <div class=\"visible-xs\">\n\t\t<div class=\"row\">\n          <div class=\"col-sm-12\">\n         Sort By: <br />\n         \t<div class=\"btn-group\">\n             <button type=\"button\"class=\"btn btn-primary btn-mobile no-click\">\n               <span class=\"pull-left\">Line #</span>\n               <i class=\"fa fa-sort-alpha-asc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderLine' && bezl.vars.sortInner == 'asc'\"></i>\n               <i class=\"fa fa-sort-alpha-desc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderLine' && bezl.vars.sortInner == 'desc'\"></i>\n             </button>\n\n             <button type=\"button\" class=\"btn btn-primary btn-mobile no-click\">\n               <span class=\"pull-left\">Part #</span>\n               <i class=\"fa fa-sort-alpha-asc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'PartNum' && bezl.vars.sortInner == 'asc'\"></i>\n               <i class=\"fa fa-sort-alpha-desc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'PartNum' && bezl.vars.sortInner == 'desc'\"></i>\n             </button>\n\n             <button type=\"button\" class=\"btn btn-primary btn-mobile no-click\">\n               <span class=\"pull-left\">Description</span>\n               <i class=\"fa fa-sort-alpha-asc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'PartDesc' && bezl.vars.sortInner == 'asc'\"></i>\n               <i class=\"fa fa-sort-alpha-desc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'PartDesc' && bezl.vars.sortInner == 'desc'\"></i>\n             </button>\n            </div>\n          </div>\n         </div>\n         <div class=\"row\">\n           <div class=\"col-sm-12\">\n             <div class=\"btn-group\">\n             <button type=\"button\" class=\"btn btn-primary btn-mobile no-click\">\n               <span class=\"pull-left\">Quantity</span>\n               <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderQty' && bezl.vars.sortInner == 'asc'\"></i>\n               <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderQty' && bezl.vars.sortInner == 'desc'\"></i>\n             </button>\n\t\t\t\t\n               <button type=\"button\" class=\"btn btn-primary btn-mobile no-click\">\n             <span class=\"pull-left\">Shipped Qty</span>\n             <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'ShippedQty' && bezl.vars.sortInner == 'asc'\"></i>\n             <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'ShippedQty' && bezl.vars.sortInner == 'desc'\"></i>\n           </button>\n               \n             <button type=\"button\" class=\"btn btn-primary btn-mobile no-click\">\n               <span class=\"pull-left\">Unit Price</span>\n               <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'UnitPrice' && bezl.vars.sortInner == 'asc'\"></i>\n               <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'UnitPrice' && bezl.vars.sortInner == 'desc'\"></i>\n             </button>\n\n             <button type=\"button\" class=\"btn btn-primary btn-mobile no-click\">\n               <span class=\"pull-left\">Ext Price</span>\n               <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'ExtPrice' && bezl.vars.sortInner == 'asc'\"></i>\n               <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'ExtPrice' && bezl.vars.sortInner == 'desc'\"></i>\n             </button>\n            </div>\n          </div>\n         </div>\n       </div>\n       \n     </th>\n    </tr>\n   </thead>\n  <tbody>\n   <tr class=\"read\" *ngFor=\"let line of row.OrderLines\">\n    <td>\n      <!-- Main row per line -->\n      <div class=\"row\">\n        <div class=\"col-sm-1\">\n          {{line.OrderLine}}\n        </div>\n        \n\t\t<div class=\"col-sm-2\">{{line.PartNum}}</div>\n        <div class=\"col-sm-3\">{{line.PartDesc}}</div>\n        <div class=\"col-sm-1\" align=\"right\">{{line.OrderQty}}</div>\n        <div class=\"col-sm-1\" align=\"right\">{{line.ShippedQty}}</div>\n        <div class=\"col-sm-2\" align=\"right\">{{line.UnitPrice | currency:'USD':true:'1.2-2'}}</div>\n        <div class=\"col-sm-2\" align=\"right\">{{line.ExtPrice | currency:'USD':true:'1.2-2'}}</div>\n      </div>\n        \n      <!-- END: Drill-down view --> \n      \n     </td>\n   </tr>\n    \n  </tbody>\n</table>\n",
	"functions": [
		{
			"method": "ngOnInit",
			"code": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/onStartup.js'], function(functions) {\n\tfunctions.onStartup(bezl)\n});",
			"declares": [
				"$",
				"parm",
				"bezl",
				"dataResp",
				"require"
			],
			"compiled": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/onStartup.js'], function (functions) {\r\n    functions.onStartup(bezl);\r\n});\r\n"
		},
		{
			"method": "onDataChange",
			"code": "bezl.data = dataResp;\n\nrequire(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/onDataChange.js'], function(functions) {\n\tfunctions.onDataChange(bezl)\n});",
			"declares": [
				"$",
				"parm",
				"bezl",
				"dataResp",
				"require"
			],
			"compiled": "bezl.data = dataResp;\r\nrequire(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/onDataChange.js'], function (functions) {\r\n    functions.onDataChange(bezl);\r\n});\r\n"
		},
		{
			"method": "search",
			"code": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function(functions) {\n\tfunctions.runQuery(bezl, 'Orders')\n});\n\n",
			"declares": [
				"$",
				"parm",
				"bezl",
				"dataResp",
				"require"
			],
			"compiled": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function (functions) {\r\n    functions.runQuery(bezl, 'Orders');\r\n});\r\n"
		},
		{
			"method": "selectRow",
			"code": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function(functions) {\n\tfunctions.select(bezl, parm)\n});",
			"declares": [
				"$",
				"parm",
				"bezl",
				"dataResp",
				"require"
			],
			"compiled": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function (functions) {\r\n    functions.select(bezl, parm);\r\n});\r\n"
		},
		{
			"method": "sort",
			"code": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function(functions) {\n\tfunctions.sort(bezl, parm)\n});\n",
			"declares": [
				"$",
				"parm",
				"bezl",
				"dataResp",
				"require"
			],
			"compiled": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function (functions) {\r\n    functions.sort(bezl, parm);\r\n});\r\n"
		},
		{
			"method": "innerSort",
			"code": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function(functions) {\n\tfunctions.innerSort(bezl, parm)\n});\n",
			"declares": [
				"$",
				"parm",
				"bezl",
				"dataResp",
				"require"
			],
			"compiled": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function (functions) {\r\n    functions.innerSort(bezl, parm);\r\n});\r\n"
		},
		{
			"method": "filter",
			"code": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function(functions) {\n\tfunctions.filter(bezl)\n});\n",
			"declares": [
				"$",
				"parm",
				"bezl",
				"dataResp",
				"require"
			],
			"compiled": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function (functions) {\r\n    functions.filter(bezl);\r\n});\r\n"
		}
	],
	"datatrans": null,
	"data": "",
	"id": "b1a8b8db-d1fe-4cb7-aeff-da984cfae5d8",
	"type": "Bezl"
}
<commit_msg>OrderInquiry UI changes, except button shifted issue<commit_after>{
	"name": "<NAME>",
	"template": "custom",
	"owner": "<EMAIL>",
	"shares": [],
	"vars": [],
	"dataSubscriptions": [],
	"markup": "<style>\n  .btn.btn-mobile {\n  \tpadding-left: 6px;\n    padding-right: 6px;\n    width: 90px;\n  }\n  .button08 { width: 8%;}\n  .button1 {width: 10%;}\n  .button14 {width: 14%;}\n  .button2 {width: 18%;}\n  .button3 {width: 28%;}\n  \n   .no-click {\n    pointer-events: none;\n}\n</style>\n\n<div id=\"topForm\">\n<form class=\"form-inline\">\n    <h1 *ngIf=\"(bezl.vars.selectedAccount | json) != ({} | json)\" style=\"font-size:20px\"> Selected Customer: {{bezl.vars.selectedAccount?.ID}} </h1>\n   <h1 *ngIf=\"(bezl.vars.selectedAccount | json) == ({} | json)\" style=\"font-size:20px\"> No Selected Customer</h1>\n  <label>Start Date</label>\n  <input type=\"date\" class=\"form-control mb-2 mr-sm-2 mb-sm-0\" style=\"height:32px\"  [(ngModel)]=\"bezl.vars['startDate']\" name=\"startDate\">\n\n  <label>End Date</label>\n    <input type=\"date\" class=\"form-control mb-2 mr-sm-2 mb-sm-0\" style=\"height:32px\"  [(ngModel)]=\"bezl.vars['endDate']\" name=\"endDate\">\n\n  <button type=\"submit\" class=\"btn btn-primary\" *ngIf=\"!bezl.vars.loading\" (click)=\"bezl.functions['search']()\">Search</button>\n\n  </form>\n</div>\n<div class=\"row\">\n  <form class=\"form-inline\" style=\"margin-left:7px;\">\n  <label  style=\"margin-top:5px;\" *ngIf=\"bezl.vars.Orders\">Order Status</label>\n   <select style=\"width: 100px; height:32px; margin-top:5px;\" [(ngModel)]=\"bezl.vars['filter']\" id=\"Filter\" name=\"Filter\" >\n    <option id=\"cbAll\">All</option>\n    <option value=\"True\">Open</option>\n    <option value=\"False\">Closed</option>\n  </select>\n  </form>\n\n<label class=\"pull-right\" [hidden]=\"!bezl.vars.loading\">Loading... <i class=\"fa fa-spinner fa-spin\" style=\"font-size:24px\"></i></label>\n</div>\n\n<table class=\"table table-hover table-striped\" id=\"orderList\">\n   <thead>\n    <tr>\n     <th>\n       \n       <!-- This is the normal button layout for a big screen.  The small layout will follow -->\n       <div class=\"btn-group btn-group-justified hidden-xs\" role=\"group\" aria-label=\"Justified button group\">\n         <div class=\"btn-group\" role=\"group\">\n           <button type=\"button\"\n                   (click)=\"bezl.functions['sort']('OrderNum')\"\n                   class=\"btn btn-default\">\n             <span class=\"pull-left\">Order #</span>\n             <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'OrderNum' && bezl.vars.sort == 'asc'\"></i>\n             <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'OrderNum' && bezl.vars.sort == 'desc'\"></i>\n           </button>\n         </div>\n         <div class=\"btn-group\" role=\"group\">\n           <button type=\"button\"\n                   (click)=\"bezl.functions['sort']('OrderDate')\"\n                   class=\"btn btn-default\">\n             <span class=\"pull-left\">Order Date</span>\n             <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'OrderDate' && bezl.vars.sort == 'asc'\"></i>\n             <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'OrderDate' && bezl.vars.sort == 'desc'\"></i>\n           </button>\n         </div>\n         <div class=\"btn-group\" role=\"group\">\n           <button type=\"button\" \n                   (click)=\"bezl.functions['sort']('PoNum')\"\n                   class=\"btn btn-default\">\n             <span class=\"pull-left\">PO #</span>\n             <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'PoNum' && bezl.vars.sort == 'asc'\"></i>\n             <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'PoNum' && bezl.vars.sort == 'desc'\"></i>\n           </button>\n         </div>\n         <div class=\"btn-group\" role=\"group\">\n           <button type=\"button\" \n                   (click)=\"bezl.functions['sort']('OrderAmt')\"\n                   class=\"btn btn-default\">\n             <span class=\"pull-left\">Order Amount</span>\n             <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'OrderAmt' && bezl.vars.sort == 'asc'\"></i>\n             <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                *ngIf=\"bezl.vars.sortCol == 'OrderAmt' && bezl.vars.sort == 'desc'\"></i>\n           </button>\n         </div>\n       </div>\n       \n       <!-- This is the normal button layout for small screens -->\n       <div class=\"visible-xs\">\n\t\t<div class=\"row\">\n          <div class=\"col-sm-12\">\n         Sort By:<br />\n            <div class=\"btn-group btn-group-justified\" style=\"margin-left:10px\">\n         \t<div class=\"btn-group\">\n             <button type=\"button\"\n                     (click)=\"bezl.functions['sort']('OrderDate')\"\n                     class=\"btn btn-default\" >\n               <span class=\"pull-left\">Order Date</span>\n               <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderDate' && bezl.vars.sort == 'asc'\"></i>\n               <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderDate' && bezl.vars.sort == 'desc'\"></i>\n             </button>\n              \n              <button type=\"button\"\n                     (click)=\"bezl.functions['sort']('OrderNum')\"\n                     class=\"btn btn-default\">\n               <span class=\"pull-left\">Order Num</span>\n               <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderNum' && bezl.vars.sort == 'asc'\"></i>\n               <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderNum' && bezl.vars.sort == 'desc'\"></i>\n             </button>\n\n              </div>\n            \n               <div class=\"btn-group\">\n                 \n                 <button type=\"button\" \n                     (click)=\"bezl.functions['sort']('PoNum')\"\n                     class=\"btn btn-default\" >\n               <span class=\"pull-left\">PO #</span>\n               <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'PoNum' && bezl.vars.sort == 'asc'\"></i>\n               <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'PoNum' && bezl.vars.sort == 'desc'\"></i>\n             </button>\n              \n             <button type=\"button\" \n                     (click)=\"bezl.functions['sort']('OrderAmt')\"\n                     class=\"btn btn-default\">\n               \n               <span class=\"pull-left\">Order Amt</span>\n               <i class=\"fa fa-sort-numeric-asc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderAmt' && bezl.vars.sort == 'asc'\"></i>\n               <i class=\"fa fa-sort-numeric-desc pull-right\" aria-hidden=\"true\" \n                  *ngIf=\"bezl.vars.sortCol == 'OrderAmt' && bezl.vars.sort == 'desc'\"></i>\n             </button>\n            </div>\n          </div>\n         </div>\n        </div>\n        </div>\n       \n     </th>\n    </tr>\n   </thead>\n  <tbody>\n   <tr class=\"read\" *ngFor=\"let row of bezl.vars.Orders\">\n    <td>\n      <!-- Main row per account -->\n      <div class=\"row\"\n       (click)=\"bezl.functions['selectRow'](row)\">\n        <!-- Normal View -->\n        <div class=\"col-sm-3 hidden-xs\">\n          <i class=\"fa fa-chevron-right\" aria-hidden=\"true\" *ngIf=\"!row.Selected\"></i>\n          <i class=\"fa fa-chevron-down\" aria-hidden=\"true\" *ngIf=\"row.Selected\"></i>\n          {{row.OrderNum}}</div>\n        <div class=\"col-sm-3  hidden-xs\">{{row.OrderDate.split('T')[0] | date}}</div>\n        <div class=\"col-sm-3  hidden-xs\">{{row.PoNum}}</div>\n        <div class=\"col-sm-3  hidden-xs\" align=\"right\">{{row.OrderAmt  | currency:'USD':true:'1.2-2'}}</div>\n        <div hidden=\"true\" id=\"openOrder\">{{row.OpenOrder}}</div>\n        \n        <!-- Mobile View -->\n        <div class=\"col-sm-3 visible-xs\">Order #: {{row.OrderNum}}</div>\n        <div class=\"col-sm-3  visible-xs\">Order Date: {{row.OrderDate.split('T')[0] | date}}</div>\n        <div class=\"col-sm-3  visible-xs\">PO #: {{row.PoNum}}</div>\n        <div class=\"col-sm-3  visible-xs\">Order Amt: {{row.OrderAmt  | currency:'USD':true:'1.2-2'}}</div>\n        <div hidden=\"true\" id=\"openOrder\">{{row.OpenOrder}}</div>\n        \n      </div>\n      <!-- END: Main row per account -->\n      \n      <!-- Drill-down view -->\n      <div class=\"row\" *ngIf=\"row.Selected\" style=\"margin-left:5px;margin-top:10px\">\n        \n        <table class=\"table table-hover table-striped\">\n   <thead class=\"hidden-xs\">\n    <tr class=\"col-sm-12 bg-primary text-white\">\n       <!-- This is the normal button layout for a big screen.  The small layout will follow -->\n      <th class=\"col-sm-1\"><div class=\"bg-primary text-white\">Line #</div></th>\n      <th class=\"col-sm-2\"><div class=\"bg-primary text-white\">Part #</div></th>\n      <th class=\"col-sm-3\"><div class=\"bg-primary text-white\">Description</div></th>\n      <th class=\"col-sm-1\"><div class=\"bg-primary text-white\">Quantity</div></th>\n      <th class=\"col-sm-1\"><div class=\"bg-primary text-white\">Shipped Qty</div></th>\n      <th class=\"col-sm-2\"><div class=\"bg-primary text-white\">Unit Price</div></th>\n      <th class=\"col-sm-2\"><div class=\"bg-primary text-white\">Ext Price</div></th>\n     </tr>\n    </thead>\n    <thead class=\"visible-xs\">\n       <!-- This is the normal button layout for small screens -->\n     <tr>\n      <th>\n       \n       <!-- This is the normal button layout for small screens -->\n       <div class=\"visible-xs\">\n\t\t<div class=\"row\">\n          <div class=\"col-sm-12\">\n         Lines:\n          </div>\n         </div>\n       </div>\n       \n     </th>\n    </tr>\n   </thead>\n  <tbody>\n   <tr class=\"read\" *ngFor=\"let line of row.OrderLines\">\n    <td>\n      <!-- Main row per line -->\n      <div class=\"row\">\n        <!-- Normal View -->\n        <div class=\"col-sm-1 hidden-xs\">{{line.OrderLine}}</div>\n\t\t<div class=\"col-sm-2 hidden-xs\">{{line.PartNum}}</div>\n        <div class=\"col-sm-3 hidden-xs\">{{line.PartDesc}}</div>\n        <div class=\"col-sm-1 hidden-xs\" align=\"right\">{{line.OrderQty}}</div>\n        <div class=\"col-sm-1 hidden-xs\" align=\"right\">{{line.ShippedQty}}</div>\n        <div class=\"col-sm-2 hidden-xs\" align=\"right\">{{line.UnitPrice | currency:'USD':true:'1.2-2'}}</div>\n        <div class=\"col-sm-2 hidden-xs\" align=\"right\">{{line.ExtPrice | currency:'USD':true:'1.2-2'}}</div>\n        \n        <!-- Mobile View -->\n        <div class=\"col-sm-1 visible-xs\"> Line #: {{line.OrderLine}}</div>\n\t\t<div class=\"col-sm-2 visible-xs\">Part #: {{line.PartNum}}</div>\n        <div class=\"col-sm-3 visible-xs\">Description: {{line.PartDesc}}</div>\n        <div class=\"col-sm-1 visible-xs\">Order Qty: {{line.OrderQty}}</div>\n        <div class=\"col-sm-1 visible-xs\">Shipped Qty: {{line.ShippedQty}}</div>\n        <div class=\"col-sm-2 visible-xs\">Unit Price: {{line.UnitPrice | currency:'USD':true:'1.2-2'}}</div>\n        <div class=\"col-sm-2 visible-xs\">Ext Price: {{line.ExtPrice | currency:'USD':true:'1.2-2'}}</div>\n        \n      </div>\n        \n      <!-- END: Drill-down view --> \n      \n     </td>\n   </tr>\n    \n  </tbody>\n</table>\n",
	"functions": [
		{
			"method": "ngOnInit",
			"code": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/onStartup.js'], function(functions) {\n\tfunctions.onStartup(bezl)\n});",
			"declares": [
				"$",
				"parm",
				"bezl",
				"dataResp",
				"require"
			],
			"compiled": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/onStartup.js'], function (functions) {\r\n    functions.onStartup(bezl);\r\n});\r\n"
		},
		{
			"method": "onDataChange",
			"code": "bezl.data = dataResp;\n\nrequire(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/onDataChange.js'], function(functions) {\n\tfunctions.onDataChange(bezl)\n});",
			"declares": [
				"$",
				"parm",
				"bezl",
				"dataResp",
				"require"
			],
			"compiled": "bezl.data = dataResp;\r\nrequire(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/onDataChange.js'], function (functions) {\r\n    functions.onDataChange(bezl);\r\n});\r\n"
		},
		{
			"method": "search",
			"code": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function(functions) {\n\tfunctions.runQuery(bezl, 'Orders')\n});\n\n",
			"declares": [
				"$",
				"parm",
				"bezl",
				"dataResp",
				"require"
			],
			"compiled": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function (functions) {\r\n    functions.runQuery(bezl, 'Orders');\r\n});\r\n"
		},
		{
			"method": "selectRow",
			"code": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function(functions) {\n\tfunctions.select(bezl, parm)\n});",
			"declares": [
				"$",
				"parm",
				"bezl",
				"dataResp",
				"require"
			],
			"compiled": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function (functions) {\r\n    functions.select(bezl, parm);\r\n});\r\n"
		},
		{
			"method": "sort",
			"code": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function(functions) {\n\tfunctions.sort(bezl, parm)\n});\n",
			"declares": [
				"$",
				"parm",
				"bezl",
				"dataResp",
				"require"
			],
			"compiled": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function (functions) {\r\n    functions.sort(bezl, parm);\r\n});\r\n"
		},
		{
			"method": "innerSort",
			"code": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function(functions) {\n\tfunctions.innerSort(bezl, parm)\n});\n",
			"declares": [
				"$",
				"parm",
				"bezl",
				"dataResp",
				"require"
			],
			"compiled": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function (functions) {\r\n    functions.innerSort(bezl, parm);\r\n});\r\n"
		},
		{
			"method": "filter",
			"code": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function(functions) {\n\tfunctions.filter(bezl)\n});\n",
			"declares": [
				"$",
				"parm",
				"bezl",
				"dataResp",
				"require"
			],
			"compiled": "require(['https://bezlio-apps.bezl.io/roles/sales-rep/order-inquiry/js/order.js'], function (functions) {\r\n    functions.filter(bezl);\r\n});\r\n"
		}
	],
	"datatrans": null,
	"data": "",
	"id": "effa0c02-ba85-4127-b26e-7d1655e396d9",
	"type": "Bezl"
}
{'fraction_non_alphanumeric': 0.24325770866165145, 'fraction_numerical': 0.006719990484969225, 'mean_word_length': 2.1951358540756223, 'pattern_counts': {'":': 80, '<': 552, '<?xml version=': 0, '>': 552, 'https://': 28, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 5, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4929561', 'n_tokens_mistral': 11962, 'n_tokens_neox': 11629, 'n_words': 1887}