\").css({ position: \"relative\", width: \"300px\", height: \"30px\", margin: \"0 auto\", \"text-align\": \"center\", color: \"black\" });\n var $pgInput = $(\"
\").attr(\"type\", \"text\").css({ position: \"relative\", width: \"50px\", height: \"30px\" }).val(page);\n var $goBtn = $(\"
\").attr(\"type\", \"button\").css({ position: \"relative\", width: \"100px\", height: \"30px\" }).val(\"Go\");\n $goBtn.click(function () {\n var newPage = $pgInput.val();\n setPage(newPage);\n pgOlay.hide();\n });\n $content.append($pgInput).append(\"
\").append($goBtn);\n pgOlay.append($content);\n pgOlay.setContentRatio(80, 80);\n\n function calTotalPage(itemCount, pageSize) {\n return Math.ceil(itemCount / pageSize);\n }\n\n function setDisplayText() {\n if (textChange) {\n textChange(page, totalPage);\n }\n }\n\n function setPage(newPage) {\n if (newPage < 1) {\n newPage = 1;\n }\n if (newPage > totalPage) {\n newPage = totalPage;\n }\n page = newPage;\n setDisplayText();\n\n if (fireChangeTimer !== null) {\n clearTimeout(fireChangeTimer);\n }\n fireChangeTimer = setTimeout(function () {\n pageChange(page);\n fireChangeTimer = null;\n }, fireChangeTimeOut);\n\n }\n\n return {\n resetParams: function (pageNew, pageSizeNew, itemCountNew) {\n page = pageNew;\n pageSize = pageSizeNew;\n itemCount = itemCountNew;\n totalPage = calTotalPage(itemCount, pageSize);\n setDisplayText();\n },\n getTotalPage: function () {\n return totalPage;\n },\n getCurrentPage: function () {\n return page;\n },\n setPage: setPage,\n gotoLastPage: function () {\n setPage(totalPage);\n },\n gotoFirstPage: function () {\n setPage(1);\n },\n prevPage: function () {\n setPage(page - 1);\n },\n nextPage: function () {\n setPage(page + 1);\n },\n showPageEntry: function () {\n pgOlay.show();\n },\n destroy: function () {\n pgOlay.destroy();\n }\n };\n}","
\n \n
1 && !hidePaging\">\n \n \n {{page}} /{{totalPage}} \n \n \n
\n
\n slot content goes here\n
\n
1 && !hidePaging\">\n \n \n {{page}} /{{totalPage}} \n \n \n
\n
\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UpLowPaging.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UpLowPaging.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UpLowPaging.vue?vue&type=template&id=131fd6c4&\"\nimport script from \"./UpLowPaging.vue?vue&type=script&lang=js&\"\nexport * from \"./UpLowPaging.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.layoutVersion!==null)?_c(_vm.layoutVersion,{tag:\"component\",on:{\"onLayoutChange\":_vm.onLayoutChange},scopedSlots:_vm._u([{key:\"topNavBrand\",fn:function(){return [_vm._t(\"topNavBrand\")]},proxy:true},{key:\"topNavRight\",fn:function(){return [_vm._t(\"topNavRight\")]},proxy:true},{key:\"topNavMenus\",fn:function(){return [_vm._t(\"topNavMenus\")]},proxy:true},{key:\"sideMenu\",fn:function(){return [_vm._t(\"sideMenu\")]},proxy:true},{key:\"topBody\",fn:function(){return [_vm._t(\"topBody\")]},proxy:true},{key:\"leftBody\",fn:function(){return [_vm._t(\"leftBody\")]},proxy:true},{key:\"body\",fn:function(){return [_vm._t(\"body\")]},proxy:true},{key:\"bottomNavCenter\",fn:function(){return [_vm._t(\"bottomNavCenter\")]},proxy:true},{key:\"footer\",fn:function(){return [_vm._t(\"footer\")]},proxy:true}],null,true)}):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"position\":\"relative\",\"width\":\"100%\",\"overflow-x\":\"hidden\"}},[_c('nav',{staticClass:\"agx-navbar-shop agx-theme-bg navbar navbar-fixed-top\",staticStyle:{\"z-index\":\"100\"}},[_c('div',{staticClass:\"agx-navbar-wrapper\",staticStyle:{\"position\":\"relative\"},style:({'margin-left':_vm.contentMarginLeft +'px'})},[_vm._t(\"topNavRight\"),_c('div',[_c('div',{staticClass:\"navbar-header\"},[_c('button',{staticClass:\"navbar-toggle\",staticStyle:{\"float\":\"left\"},style:({display:_vm.navIn?'none':'block'}),attrs:{\"type\":\"button\"},on:{\"click\":_vm.toggleNav}},[_c('span',{staticClass:\"icon-bar\"}),_c('span',{staticClass:\"icon-bar\"}),_c('span',{staticClass:\"icon-bar\"})]),_vm._t(\"topNavBrand\")],2),_c('div',{staticClass:\"agx-nav-bar navbar-collapse collapse\"},[_vm._t(\"topNavMenus\")],2)])],2)]),_c('nav',{staticClass:\"navbar sidebar agx-theme-bg\",staticStyle:{\"border-right\":\"1px solid gray\",\"border-radius\":\"0px\",\"position\":\"fixed\",\"height\":\"100%\",\"float\":\"left\",\"z-index\":\"8000\",\"margin-bottom\":\"0px\"},style:({'margin-left':_vm.sideMenuMarginLeft +'px','width': _vm.menuWidth +'px' }),attrs:{\"role\":\"navigation\"},on:{\"click\":_vm.toggleNav}},[_c('div',{staticClass:\"container-fluid\",staticStyle:{\"padding\":\"0 0px 0 0px\",\"height\":\"100%\",\"overflow-y\":\"auto\",\"overflow-x\":\"hidden\"}},[_vm._m(0),_c('div',{staticStyle:{\"clear\":\"both\"}},[_vm._t(\"sideMenu\")],2)])]),_c('div',{staticClass:\"main\",staticStyle:{\"position\":\"relative\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"background\":\"white\",\"padding-top\":\"50px\",\"position\":\"relative\"},style:({'margin-left':_vm.contentMarginLeft +'px'})},[_c('modal-relative',{attrs:{\"show\":_vm.navIn},on:{\"clicked\":_vm.toggleNav}}),_c('div',[_vm._t(\"topBody\")],2),_c('div',{staticStyle:{\"clear\":\"both\",\"margin\":\"2px\"}}),_c('div',{class:{'col-sm-4':_vm.showLeftCol},staticStyle:{\"min-height\":\"100%\",\"border-right\":\"1px solid #ccc\"}},[(_vm.showLeftCol)?_vm._t(\"leftBody\"):_vm._e()],2),_c('div',{class:{'col-sm-8':_vm.showLeftCol}},[_vm._t(\"body\")],2),_vm._t(\"footer\")],2)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"navbar-toggle\",staticStyle:{\"float\":\"left\",\"display\":\"block\",\"height\":\"34px\"},attrs:{\"type\":\"button\"}},[_c('span',{staticClass:\"icon-bar\"}),_c('span',{staticClass:\"icon-bar\"}),_c('span',{staticClass:\"icon-bar\"})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"position\":\"absolute\",\"top\":\"0\",\"width\":\"100%\",\"height\":\"100%\",\"background\":\"rgba(1,1,1,0.5)\",\"z-index\":\"9999999\"},style:({display:_vm.show?'block':'none'}),on:{\"click\":function($event){return _vm.$emit('clicked')}}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","
\n \n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalRelative.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalRelative.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalRelative.vue?vue&type=template&id=359a6af9&\"\nimport script from \"./ModalRelative.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalRelative.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","
\n \n
\n\n
\n\n
\n \n
\n
\n
\n \n
\n
\n
\n \n
\n
\n \n
\n
\n
\n
\n
\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LayoutV1.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LayoutV1.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LayoutV1.vue?vue&type=template&id=046e59ff&\"\nimport script from \"./LayoutV1.vue?vue&type=script&lang=js&\"\nexport * from \"./LayoutV1.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"position\":\"relative\",\"width\":\"100%\",\"height\":\"100%\"}},[_c('nav',{staticClass:\"agx-navbar-shop agx-theme-bg navbar navbar-fixed-top\",staticStyle:{\"z-index\":\"100\"}},[_c('div',{staticClass:\"agx-navbar-wrapper\",staticStyle:{\"position\":\"relative\"},style:({'margin-left':_vm.contentMarginLeft +'px'})},[_vm._t(\"topNavRight\"),_c('div',[_c('div',{staticClass:\"navbar-header\"},[_c('button',{staticClass:\"navbar-toggle\",staticStyle:{\"float\":\"left\"},style:({display:_vm.navIn?'none':'block'}),attrs:{\"type\":\"button\"},on:{\"click\":_vm.toggleNav}},[_c('span',{staticClass:\"icon-bar\"}),_c('span',{staticClass:\"icon-bar\"}),_c('span',{staticClass:\"icon-bar\"})]),_vm._t(\"topNavBrand\")],2),_c('div',{staticClass:\"agx-nav-bar navbar-collapse collapse\"},[_vm._t(\"topNavMenus\")],2)])],2)]),_c('nav',{staticClass:\"navbar sidebar agx-theme-bg\",staticStyle:{\"border-right\":\"1px solid gray\",\"border-radius\":\"0px\",\"position\":\"fixed\",\"height\":\"100%\",\"float\":\"left\",\"z-index\":\"8000\",\"margin-bottom\":\"0px\"},style:({'margin-left':_vm.sideMenuMarginLeft +'px','width': _vm.menuWidth +'px' }),attrs:{\"role\":\"navigation\"},on:{\"click\":_vm.toggleNav}},[_c('div',{staticClass:\"container-fluid\",staticStyle:{\"padding\":\"0 0px 0 0px\",\"height\":\"100%\",\"overflow-y\":\"auto\",\"overflow-x\":\"hidden\"}},[_vm._m(0),_c('div',{staticStyle:{\"clear\":\"both\"}},[_vm._t(\"sideMenu\")],2)])]),_c('div',{staticClass:\"main\",staticStyle:{\"position\":\"relative\",\"height\":\"100%\"},style:({ 'margin-left': _vm.contentMarginLeft + 'px', 'padding-top': _vm.navBarBottom === true ? '0px' : '50px', 'padding-bottom': _vm.navBarBottom === true ? '50px' : '0px' })},[_c('modal-relative',{attrs:{\"show\":_vm.navIn},on:{\"clicked\":_vm.toggleNav}}),_c('div',{staticStyle:{\"height\":\"100%\"}},[_c('div',{staticStyle:{\"position\":\"relative\",\"height\":\"100%\",\"float\":\"left\"},style:({ 'width': (_vm.showLeftCol ? '30%' : '0%') })},[(_vm.showLeftCol)?_vm._t(\"leftBody\"):_vm._e()],2),_c('div',{ref:\"rightBody\",staticClass:\"scrolling-container\",staticStyle:{\"position\":\"relative\",\"height\":\"100%\",\"float\":\"right\"},style:({ 'width': (_vm.showLeftCol ? '70%' : '100%') })},[_c('div',[_vm._t(\"topBody\")],2),_vm._t(\"body\")],2)])],1),_c('div',{staticStyle:{\"position\":\"fixed\",\"bottom\":\"6px\",\"left\":\"10px\",\"text-align\":\"center\",\"z-index\":\"100\",\"background\":\"rgb(128, 128, 128,0.8)\",\"height\":\"44px\",\"padding\":\"2px\"}},[_c('div',{staticStyle:{\"color\":\"white\"}},[_c('span',{staticClass:\"btn glyphicon glyphicon-arrow-left\",on:{\"click\":function($event){return _vm.$router.go(-1)}}}),[_vm._t(\"bottomNavCenter\")],_c('span',{staticClass:\"btn glyphicon glyphicon-arrow-right\",on:{\"click\":function($event){return _vm.$router.go(+1)}}})],2)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"navbar-toggle\",staticStyle:{\"float\":\"left\",\"display\":\"block\",\"height\":\"34px\"},attrs:{\"type\":\"button\"}},[_c('span',{staticClass:\"icon-bar\"}),_c('span',{staticClass:\"icon-bar\"}),_c('span',{staticClass:\"icon-bar\"})])}]\n\nexport { render, staticRenderFns }","
\n \n
\n\n
\n\n
\n\n
\n \n \n \n \n \n \n
\n ![](\"/images/sns/whatsapp.png\")
\n \n ![](\"/images/sys/tick.png\"){kind=icon}
\n ![](\"/images/sys/tickhollo.png\"){kind=icon}
\n