API tools faq
paste
Advertisement
xosski

Aol Direct print()

xosski
Sep 27th, 2024
36
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.50 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <title>Retail Sample (Accurate Online)</title>
  6.  
  7. <meta charset="utf-8">
  8. <meta name="viewport" content="width=1024, initial-scale=1, maximum-scale=2.0">
  9. <link rel="icon" type="image/png" href="/accurate/images/favicon.png"/>
  10.  
  11. <!-- CSS -->
  12. <link href="/accurate/css/metro/metro-bootstrap-newui.css?1951" rel="stylesheet" />
  13. <link href="/accurate/css/metro/metro-bootstrap-responsive.css?1951" rel="stylesheet" />
  14. <link href="/accurate/css/metro/iconFont.css?1951" rel="stylesheet" />
  15. <link href="/accurate/css/busyload.min.css?1951" rel="stylesheet" type="text/css" />
  16. <link href="/accurate/css/loading.css?1951" rel="stylesheet" type="text/css" />
  17. <link href="/accurate/css/colorpicker.css?1951" rel="stylesheet" type="text/css" />
  18. <link href="/accurate/css/slickgrid/slick.grid-newui.css?1951" rel="stylesheet" type="text/css" />
  19. <link href="/accurate/css/slickgrid/slick-metro-theme-newui.css?1951" rel="stylesheet" type="text/css" />
  20. <link href="/accurate/css/metro/metro-override-newui.css?1951" rel="stylesheet">
  21. <link href="/accurate/css/jquery.calculator.css?1951" rel="stylesheet" type="text/css" />
  22. <link href="/accurate/css/metro/style.css?1951" rel="stylesheet" />
  23. <link href="/accurate/css/icons.css?1951" rel="stylesheet" />
  24. <link href="/accurate/css/metro/loading-indicator.css?1951" rel="stylesheet" />
  25. <link href="/accurate/css/flag.css?1951" rel="stylesheet" />
  26. <link href="/accurate/css/fullcalendar.min.css?1951" rel="stylesheet" />
  27. <link href="/accurate/css/fullcalendar.print.css?1951" rel="stylesheet" media="print" />
  28. <link href="/accurate/css/nprogress.css?1951" rel="stylesheet" />
  29. <link href="/accurate/css/accurate.css?1951" rel="stylesheet" />
  30. <link href="/accurate/icon-font/style.css?1951" rel="stylesheet" />
  31.  
  32. <!-- CSS owl carousel -->
  33. <link href="/accurate/css/owl/owl.carousel.css?1951" rel="stylesheet">
  34. <link href="/accurate/css/owl/owl.theme.css?1951" rel="stylesheet">
  35.  
  36. <!-- CSS fancybox -->
  37. <link href="/accurate/css/fancybox/jquery.fancybox-buttons.css?1951" rel="stylesheet">
  38. <link href="/accurate/css/fancybox/jquery.fancybox-thumbs.css?1951" rel="stylesheet">
  39. <link href="/accurate/css/fancybox/jquery.fancybox.css?1951" rel="stylesheet">
  40.  
  41. <!-- Google tag (gtag.js) -->
  42. <script async src="https://www.googletagmanager.com/gtag/js?id=G-XT7FSJFKSB"></script>
  43. <script>
  44. window.dataLayer = window.dataLayer || [];
  45. function gtag(){dataLayer.push(arguments);}
  46. gtag('js', new Date());
  47. gtag('config', 'G-XT7FSJFKSB');
  48. </script>
  49.  
  50. <!-- jQuery JS -->
  51. <script src="/accurate/js/jquery/jquery-1.11.1.min.js?1951" type="text/javascript"></script>
  52. <script src="/accurate/js/jquery/jquery-ui-1.11.1.min.js?1951" type="text/javascript"></script>
  53. <script src="/accurate/js/jquery/jquery.widget.min.js?1951" type="text/javascript"></script>
  54. <script src="/accurate/js/jquery/jquery.viewport.js?1951" type="text/javascript"></script>
  55.  
  56. <!-- Third Party Library JS -->
  57. <script src="/accurate/js/jquery/jquery.storageapi.min.js?1951" type="text/javascript"></script>
  58. <script src="/accurate/js/jquery/jquery.event.drag-2.2.js?1951" type="text/javascript"></script>
  59. <script src="/accurate/js/jquery/jquery.event.drop-2.2.js?1951" type="text/javascript"></script>
  60. <script src="/accurate/js/jquery/jquery.ba-outside-events.min.js?1951" type="text/javascript"></script>
  61. <script src="/accurate/js/jquery/jquery.topzindex.min.js?1951" type="text/javascript"></script>
  62. <script src="/accurate/js/jquery/jquery.mousewheel.js?1951" type="text/javascript"></script>
  63. <script src="/accurate/js/jquery/busyload.min.js?1951" type="text/javascript"></script>
  64. <script src="/accurate/js/jquery/jquery.websocket-0.0.1.js?1951" type="text/javascript"></script>
  65. <script src="/accurate/js/jquery/jquery.svginject.js?1951" type="text/javascript"></script>
  66. <script src="/accurate/js/jquery/cursor_position.js?1951" type="text/javascript"></script>
  67. <script src="/accurate/js/jquery/jquery.caretpixelpos.js?1951" type="text/javascript"></script>
  68. <script src="/accurate/js/jquery/selection_range.js?1951" type="text/javascript"></script>
  69. <script src="/accurate/js/jquery/string_splitter.js?1951" type="text/javascript"></script>
  70. <script src="/accurate/js/jquery/jquery.number.min.js?1951" type="text/javascript"></script>
  71. <script src="/accurate/js/jquery/jquery.maskedinput.js?1951" type="text/javascript"></script>
  72. <script src="/accurate/js/jquery/autoNumeric.js?1951" type="text/javascript"></script>
  73. <script src="/accurate/js/jquery/colorpicker.js?1951" type="text/javascript"></script>
  74. <script src="/accurate/js/jquery/jquery.form.js?1951" type="text/javascript"></script>
  75. <script src="/accurate/js/jquery/jquery.plugin.min.js?1951" type="text/javascript"></script>
  76. <script src="/accurate/js/jquery/jquery.timeentry.min.js?1951" type="text/javascript"></script>
  77. <script src="/accurate/js/jquery/jQueryRotate3.js?1951" type="text/javascript"></script>
  78. <script src="/accurate/js/jquery/jquery.media.js?1951" type="text/javascript"></script>
  79. <script src="/accurate/js/jquery/jquery.calculator.min.js?1951" type="text/javascript"></script>
  80. <script src="/accurate/js/jquery/jquery.multiupload.js?1951" type="text/javascript"></script>
  81. <script src="/accurate/js/jquery/jquery.igormask.js?1951" type="text/javascript"></script>
  82. <script src="/accurate/js/lz-string.js?1951"></script>
  83. <script src="/accurate/js/moment.min.js?1951" type="text/javascript"></script>
  84. <script src="/accurate/js/fullcalendar/fullcalendar.min.js?1951" type="text/javascript"></script>
  85. <script src="/accurate/js/nprogress.js?1951" type="text/javascript"></script>
  86. <script src="/accurate/js/gravitated.js?1951" type="text/javascript"></script>
  87. <script src="/accurate/js/serialized-ajax-handler.js?1951" type="text/javascript"></script>
  88. <script src="/accurate/js/accurate-direct-print-client.js?1951" type="text/javascript"></script>
  89. <script src="/accurate/js/report-event.js?1951" type="text/javascript"></script>
  90. <script src="/accurate/js/marketplace-event.js?1951" type="text/javascript"></script>
  91. <script src="/accurate/js/accurate-global-search.js?1951" type="text/javascript"></script>
  92. <script src="/accurate/js/jquery/jquery.fileupload.js?1951" type="text/javascript"></script>
  93. <script src="/accurate/js/sammy/sammy-latest.min.js?1951" type="text/javascript"></script>
  94. <script src="/accurate/js/qrcode.min.js?1951" type="text/javascript"></script>
  95. <script src="/accurate/js/fullcalendar/lang/id.js?1951" type="text/javascript"></script>
  96.  
  97. <!-- Language Pack -->
  98. <script src="/accurate/js/lang.in_ID.js?1951" type="text/javascript"></script>
  99.  
  100. <!-- Metro Widget JS -->
  101. <script src="/accurate/js/metro/metro-global.js?1951" type="text/javascript"></script>
  102. <script src="/accurate/js/metro/metro-core.js?1951" type="text/javascript"></script>
  103. <script src="/accurate/js/metro/metro-locale.js?1951" type="text/javascript"></script>
  104. <script src="/accurate/js/metro/metro-touch-handler.js?1951" type="text/javascript"></script>
  105. <script src="/accurate/js/metro/metro-hint.js?1951" type="text/javascript"></script>
  106. <script src="/accurate/js/metro/metro-dialog.js?1951" type="text/javascript"></script>
  107. <script src="/accurate/js/metro/metro-textfield.js?1951" type="text/javascript"></script>
  108. <script src="/accurate/js/metro/metro-date-format.js?1951" type="text/javascript"></script>
  109. <script src="/accurate/js/metro/metro-calendar.js?1951" type="text/javascript"></script>
  110. <script src="/accurate/js/metro/metro-datepicker.js?1951" type="text/javascript"></script>
  111. <script src="/accurate/js/metro/metro-textarea.js?1951" type="text/javascript"></script>
  112. <script src="/accurate/js/metro/metro-textarea-dropdown.js?1951" type="text/javascript"></script>
  113. <script src="/accurate/js/metro/metro-carousel.js?1951" type="text/javascript"></script>
  114. <script src="/accurate/js/metro/metro-filefield.js?1951" type="text/javascript"></script>
  115. <script src="/accurate/js/metro/metro-radio.js?1951" type="text/javascript"></script>
  116. <script src="/accurate/js/metro/metro-checkbox.js?1951" type="text/javascript"></script>
  117. <script src="/accurate/js/metro/metro-combobox.js?1951" type="text/javascript"></script>
  118. <script src="/accurate/js/metro/metro-progressbar.js?1951" type="text/javascript"></script>
  119. <script src="/accurate/js/metro/metro-button.js?1951" type="text/javascript"></script>
  120. <script src="/accurate/js/metro/metro-dropdown.js?1951" type="text/javascript"></script>
  121. <script src="/accurate/js/metro/metro-tab.js?1951" type="text/javascript"></script>
  122. <script src="/accurate/js/metro/metro-scroll.js?1951" type="text/javascript"></script>
  123. <script src="/accurate/js/metro/metro-notify.js?1951" type="text/javascript"></script>
  124. <script src="/accurate/js/metro/metro-lookup.js?1951" type="text/javascript"></script>
  125. <script src="/accurate/js/metro/metro-wizard.js?1951" type="text/javascript"></script>
  126. <script src="/accurate/js/metro/metro-baloon.js?1951" type="text/javascript"></script>
  127. <script src="/accurate/js/metro/metro-popover.js?1951" type="text/javascript"></script>
  128. <script src="/accurate/js/metro/metro-slider.js?1951" type="text/javascript"></script>
  129. <script src="/accurate/js/metro/metro-numberfield.js?1951" type="text/javascript"></script>
  130.  
  131. <!-- owl carousel -->
  132. <script src="/accurate/js/owl/owl.carousel.js?1951" type="text/javascript"></script>
  133.  
  134. <!-- fancybox js -->
  135. <script src="/accurate/js/fancybox/jquery.fancybox.js?1951" type="text/javascript"></script>
  136. <script src="/accurate/js/fancybox/jquery.fancybox-thumbs.js?1951" type="text/javascript"></script>
  137. <script src="/accurate/js/fancybox/jquery.fancybox-media.js?1951" type="text/javascript"></script>
  138. <script src="/accurate/js/fancybox/jquery.fancybox-buttons.js?1951" type="text/javascript"></script>
  139.  
  140. <!--Knockout JS -->
  141. <script src="/accurate/js/knockout/knockout-3.4.2.js?1951" type="text/javascript"></script>
  142. <script src="/accurate/js/knockout/ko.dirtyflag.js?1951" type="text/javascript"></script>
  143. <script src="/accurate/js/knockout/metro-knockout.js?1951" type="text/javascript"></script>
  144. <script src="/accurate/js/knockout/knockout-switch-case.min.js?1951" type="text/javascript"></script>
  145. <script src="/accurate/js/knockout/knockout-sortable.min.js?1951" type="text/javascript"></script>
  146.  
  147. <!-- Application JS -->
  148. <script src="/accurate/js/app.js?1951" type="text/javascript"></script>
  149.  
  150. <!-- SlickGrid JS -->
  151. <script src="/accurate/js/slickgrid/slick.core.js?1951" type="text/javascript"></script>
  152. <script src="/accurate/js/slickgrid/slick.grid.js?1951" type="text/javascript"></script>
  153. <script src="/accurate/js/slickgrid/plugins/slick.cellrangedecorator.js?1951" type="text/javascript"></script>
  154. <script src="/accurate/js/slickgrid/plugins/slick.cellrangeselector.js?1951" type="text/javascript"></script>
  155. <script src="/accurate/js/slickgrid/plugins/slick.rowselectionmodel.js?1951" type="text/javascript"></script>
  156. <script src="/accurate/js/slickgrid/plugins/slick.cellselectionmodel.js?1951" type="text/javascript"></script>
  157. <script src="/accurate/js/slickgrid/plugins/slick.rowmovemanager.js?1951" type="text/javascript"></script>
  158. <script src="/accurate/js/slickgrid/slick.remotemodel.js?1951" type="text/javascript"></script>
  159. <script src="/accurate/js/knockout/slickgrid-knockout.js?1951" type="text/javascript"></script>
  160.  
  161. <!-- Highcharts JS -->
  162. <script src="/accurate/js/highcharts-8.1.2/highcharts.js?1951" type="text/javascript"></script>
  163. <script src="/accurate/js/highcharts-8.1.2/highcharts-more.js?1951" type="text/javascript"></script>
  164. <script src="/accurate/js/highcharts-8.1.2/modules/solid-gauge.js?1951" type="text/javascript"></script>
  165. <script src="/accurate/js/highcharts-8.1.2/modules/gantt.js?1951" type="text/javascript"></script>
  166. <script src="/accurate/js/highcharts-8.1.2/modules/draggable-points.js" type="text/javascript"></script>
  167. <script src="/accurate/js/highcharts-8.1.2/modules/customEvents.js" type="text/javascript"></script>
  168.  
  169. </head>
  170. <body class="metro" style="display: none;">
  171. <script type="text/javascript">
  172. $(window).load(function(){
  173. jQuery.ajaxSettings.traditional = true;
  174. app.classes.accurate = {};
  175. app.setPathPrefix('accurate');
  176. app.addStaticParam('1951',null);
  177. app.handleHash = function(path) {
  178. if(typeof acc == 'undefined' || acc._dsi == null || typeof $('body').data('mask-count') != 'undefined') {
  179. setTimeout(function() {
  180. app.handleHash(path);
  181. }, 500);
  182. } else {
  183. acc.openModule(path);
  184. }
  185. };
  186. app.init(['/accurate/js/base/BaseClass.js',
  187. '/accurate/js/base/BaseRemoteDataLoaderClass.js',
  188. '/accurate/js/base/BaseFeedbackClass.js',
  189. '/accurate/js/base/BaseFormClass.js',
  190. '/accurate/js/base/BaseAppIndexClass.js',
  191. '/accurate/js/base/BaseMessagingClass.js',
  192. '/accurate/js/base/BaseNotificationClass.js',
  193. '/accurate/js/base/BaseAccurateFormClass.js',
  194. '/accurate/js/base/BaseSingleModuleClass.js',
  195. '/accurate/js/base/BaseDialogModuleClass.js',
  196. '/accurate/js/base/ActionButtonClass.js',
  197. '/accurate/js/base/BaseActionFormClass.js',
  198. '/accurate/js/base/BaseSortPagingClass.js',
  199. '/accurate/js/base/BaseModuleClass.js',
  200. '/accurate/js/base/BaseTransactionDetailFormClass.js',
  201. '/accurate/js/base/BaseTransactionItemDetailFormClass.js',
  202. '/accurate/js/base/BaseTransactionCopyFormClass.js',
  203. '/accurate/js/base/BaseTransactionModuleClass.js',
  204. '/accurate/js/base/BaseAccurateImportFormClass.js',
  205. '/accurate/js/base/BaseDashboardWidgetClass.js']);
  206.  
  207. mkpe.marketplaceHost = 'https://account.accurate.id';
  208. });
  209. </script>
  210. <div class="mask-wrapper">
  211. <div id="main">
  212. <script type="text/javascript">
  213. $(window).load(function(){
  214. app.initialized.subscribe(function(newValue) {
  215. if (newValue) {
  216. app.loadModel('accurate__index', 0, function(theModel) {
  217. theModel._initComp();
  218. theModel._init({
  219. database: {"id":1400813,"uniqueId":"269e7648-6525-44c9-bb89-a458fa1a5809","alias":"Retail Sample","industryType":null,"licenseInfo":{"freeAddOnList":[""],"freeApiCount":0,"activationCodeCreateTime":null,"freeApplicationKey":[],"activationCodeValidUntil":null,"freeUserCount":0,"trial":false,"type":"SAMPLE"},"bgColor":"FFFFFF","databaseServer":{"ipAddress":"10.11.17.38","port":"5532","dbTool":"/usr/lib/postgresql/16/bin/"},"storageServer":null,"privateCloud":false,"sample":true,"education":false,"settingVersion":0,"accessUrl":"https://zeus.accurate.id","dataLogo":null},
  220. moduleKey: null,
  221. moduleParam: null,
  222. _dsi: 'R01sRmNRdHYxSlMrNlZGYy9UQkliblZuNDFsbmxyVTA2Rnc3ZjVCSkFvRWxCekFwMS82eFRObWFmelVwNkFqRQ==',
  223. hash: ''
  224. });
  225. $('body').fadeIn('slow', function() {
  226. theModel.openController(theModel.database());
  227.  
  228. //app.loadView('accurate__chat__client', {},$('body'),$('.chat-container'), function(chat) {theModel.chat(chat)});
  229. //app.loadView('accurate__notification__client', {},$('body'),$('.notif-container'), function(notif) {theModel.notif(notif)});
  230. });
  231. });
  232. }
  233. });
  234. });
  235. </script>
  236.  
  237.  
  238. <div id="accurate__index--0">
  239. <div class="application-container">
  240. </div>
  241. <div class="chat-container">
  242. </div>
  243. <div class="notif-container">
  244. </div>
  245. </div>
  246. </div>
  247.  
  248. <div id="panel-result" style="display: none;"></div>
  249.  
  250. <div id="dialog-container" style="display: none;"></div>
  251.  
  252. <iframe id="sso-refresh" src="" style="display: none;"></iframe>
  253.  
  254. <form id="printer-form" target="printer-iframe" style="display: none"></form>
  255. <iframe id="printer-iframe" name="printer-iframe" src=""></iframe>
  256. <div id="print-preview" style="display: none; left: 0; top: 0; width: 100%; height: 100%; position: fixed; background: #ddd; z-index: 1000;">
  257. <div class="grid fluid no-margin" style="height: 100%;">
  258. <div class="row no-margin" style="height: 100%;">
  259. <div class="span10" style="height: 100%;position: relative;">
  260. <div class="print-preview-panel">
  261. <iframe id="print-preview-frame" name="print-preview-frame" frameborder="0" src="about:blank"></iframe>
  262. </div>
  263. </div>
  264. <div class="span2 padding10" style="margin: 0 1%;">
  265. <div class="grid fluid">
  266. <div class="row no-margin">
  267. <div class="span12">
  268. <button id="print-preview-print" name="btnPrint" class="navigation-button-shadow bg-primary-button tile-outline-button tile-color-button border-radius4-no-color" data-bind="metroButton:{}, click: function() { executePrint() }" style="width: 100%; margin-bottom: 10px;">
  269. <i class="icn-report-print on-left"></i>
  270. Cetak
  271. </button>
  272. </div>
  273. </div>
  274. <div class="row no-margin">
  275. <div class="span12">
  276. <button id="print-preview-excel" name="btnExportXls" class="navigation-button-shadow bg-white-button tile-outline-button tile-blue-color-button border-radius4-no-color" data-bind="metroButton:{}, click: function() { executeExportXLS() }" style="width: 100%; margin-bottom: 3px;">
  277. <i class="icn-transaction-xls-download on-left"></i>
  278. Unduh XLS
  279. </button>
  280. </div>
  281. </div>
  282. <div class="row no-margin">
  283. <div class="span12">
  284. <button id="print-preview-excel" name="btnExportPdf" class="navigation-button-shadow bg-white-button tile-outline-button tile-blue-color-button border-radius4-no-color" data-bind="metroButton:{}, click: function() { executeExportPDF() }" style="width: 100%; margin-bottom: 3px;">
  285. <i class="icn-transaction-pdf-download on-left"></i>
  286. Unduh PDF
  287. </button>
  288. </div>
  289. </div>
  290. <!-- ko if: !acc.staticData.vasHasInstalled() && !acc.staticData.xignatureHasInstalled() && !acc.staticData.vidaHasInstalled()-->
  291. <div class="row no-margin">
  292. <div class="span12">
  293. <button id="ematerai-install" name="btnEmaterai" class="navigation-button-shadow bg-white-button tile-outline-button tile-blue-color-button border-radius4-no-color button" data-bind="metroButton:{}, click: function() { learnEmaterai() }" style="width: 100%; margin-top: 10px; margin-bottom: 3px;">
  294. e-Materai/e-Sign
  295. </button>
  296. </div>
  297. </div>
  298. <!-- /ko -->
  299. <!-- ko if: acc.staticData.vasHasInstalled()-->
  300. <div class="row no-margin">
  301. <div class="dropdown span12">
  302. <button id="vas-ematerai" name="btnVas" class="dropdown-toggle navigation-button-shadow bg-white-button tile-outline-button tile-blue-color-button border-radius4-no-color button" style="width: 100%; margin-top: 10px; margin-bottom: 3px;">
  303. e-Meterai by VAS
  304. </button>
  305. <ul style="top: 172px; overflow: hidden;" class="text-left dropdown-menu" data-bind="metroDropdown: {}">
  306. <li><a href="#" data-bind="click: function() { executeVasEmaterai() }">Bubuhkan e-Meterai</a></li>
  307. <!-- ko if: acc.staticData.vasUserLogin() != '' -->
  308. <li><a href="#" data-bind="click: function() { logoutVas() }">Logout</a></li>
  309. <!-- /ko -->
  310. <li class="divider"></li>
  311. <li><a href="https://ultimasolusindo.com/integrasi-e-materai-vas/" target="_blank" rel="noopener noreferrer" style="color: blue">Tutorial Fitur e-Meterai</a></li>
  312. <li><a href="https://drive.google.com/file/d/110KgKZDnv6SECLyXeFX9yO6eRFRxDHTT/view?usp=sharing" target="_blank" rel="noopener noreferrer" style="color: blue">Tutorial Platform VAS e-Meterai</a></li>
  313. </ul>
  314. </div>
  315. </div>
  316. <!-- /ko -->
  317. <!-- ko if: acc.staticData.xignatureHasInstalled()-->
  318. <div class="row no-margin">
  319. <div class="dropdown span12">
  320. <button id="xignature-ematerai" name="btnXignature" class="dropdown-toggle navigation-button-shadow bg-white-button tile-outline-button tile-blue-color-button border-radius4-no-color button" style="width: 100%; margin-top: 10px; margin-bottom: 3px;">
  321. e-Sign by Xignature
  322. </button>
  323. <ul style="top: 172px; overflow: hidden;" class="text-left dropdown-menu" data-bind="metroDropdown: {}">
  324. <li><a href="#" data-bind="click: function() { executeXignature() }">e-Sign Xignature</a></li>
  325. <!-- ko if: acc.staticData.xignatureId() != '' -->
  326. <li><a href="#" data-bind="click: function() { logoutXignature() }">Logout</a></li>
  327. <!-- /ko -->
  328. </ul>
  329. </div>
  330. </div>
  331. <!-- /ko -->
  332. <!-- ko if: acc.staticData.vidaHasInstalled()-->
  333. <div class="row no-margin">
  334. <div class="dropdown span12">
  335. <button id="vida-sign" name="btnVida" class="dropdown-toggle navigation-button-shadow bg-white-button tile-outline-button tile-blue-color-button border-radius4-no-color button" style="width: 100%; margin-top: 10px; margin-bottom: 3px;">
  336. e-Sign by Vida
  337. </button>
  338. <ul style="top: 172px; overflow: hidden;" class="text-left dropdown-menu" data-bind="metroDropdown: {}">
  339. <li><a href="#" data-bind="click: function() { executeVida() }">e-Sign Vida</a></li>
  340. <!-- ko if: acc.staticData.vidaClientId() != '' -->
  341. <li><a href="#" data-bind="click: function() { logoutVida() }">Logout</a></li>
  342. <!-- /ko -->
  343. </ul>
  344. </div>
  345. </div>
  346. <!-- /ko -->
  347. <!---
  348. <div class="row no-margin">
  349. <div class="span12">
  350. <div class="margin5" data-bind="metroSlider: {position: 50, accuracy: 1, change: function(value, slider) { handleZoom(value) } }"></div>
  351. </div>
  352. </div>
  353. -->
  354. <div class="row no-margin">
  355. <div class="span12">
  356. <button id="print-preview-close" name="btnClose" class="navigation-button-shadow bg-red-aol tile-outline-button tile-color-button border-radius4-no-color"" data-bind="metroButton:{}, click: function() { hidePrintPreview() }" style="width: 100%; margin-top: 10px; margin-bottom: 3px;">
  357. <i class="icn-transaction-close on-left"></i>
  358. Tutup
  359. </button>
  360. </div>
  361. </div>
  362. <div id="direct-print-hint" class="print-preview-bottom-left-hint" style="display: none;">
  363. <p>Mengalami kendala hasil cetakan printer dot-matrix ?</p>
  364. <a href="https://drive.google.com/file/d/1EukN6qUyDNEYtgP-QMtbIq9wtmU4loBt" target="_blank">Download AOL Direct Print</a>
  365. </div>
  366. <div id="direct-print-outdated-hint" class="print-preview-bottom-left-hint" style="display: none;">
  367. <p class="text-warning">Anda masih menggunakan AOL Direct Print versi lama</p>
  368. <a href="https://drive.google.com/file/d/1EukN6qUyDNEYtgP-QMtbIq9wtmU4loBt" target="_blank">Update AOL Direct Print</a>
  369. </div>
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. <div id="print-preview-busy-mask" style="display: none; left: 0px; top: 0px;width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.5); z-index: 20001;">
  375. <div id="print-preview-busy-mask-container" style="text-align: center; position: fixed; top: 46%; width: 400px; padding: 20px; left: calc(50% - 200px); background: rgb(226, 226, 226); border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);">
  376. <p id="print-preview-busy-mask-text">Mencetak menggunakan Direct Print ..</p>
  377. <button id="print-preview-busy-mask-close" class="button small primary" data-bind="click: acc.hidePrintPreviewBusyMask">Tutup</button>
  378. </div>
  379. </div>
  380. </div>
  381.  
  382. <div id="error-dialog" title="Terjadi Permasalahan pada Pemrosesan" data-bind="metroDialog: {icon: 'icon-warning'}" style="display:none;">
  383. <div class="container" style="width: auto !important;min-width: 500px !important; max-width: 600px !important; min-height: 80px !important;">
  384. <div class="grid fluid no-margin">
  385. <div class="row no-margin">
  386. <div class="span2 text-center">
  387. <img src="/accurate/new-images/pop-up-warning-icon.svg" style="max-width: 100% !important;" />
  388. </div>
  389. <div class="span10">
  390. <div class="row no-margin">
  391. <div class="span12">
  392. <label class="no-margin">Silakan perbaiki permasalahan berikut ini:</label>
  393. </div>
  394. </div>
  395. <div class="row no-margin">
  396. <div class="span12">
  397. <ul class="no-margin" data-bind="css: { unstyled: messages().length == 1 }">
  398. <!-- ko foreach: messages -->
  399. <li><label class="fg-crimson" style="white-space: pre-wrap;" data-bind="text: $data"></label></li>
  400. <!-- /ko -->
  401. </ul>
  402. </div>
  403. </div>
  404. </div>
  405. </div>
  406. </div>
  407. </div>
  408. <!-- ko if: buttons().length > 0 -->
  409. <div class="button-container text-right">
  410. <!-- ko foreach: buttons -->
  411. <button type="button" data-bind="metroButton: config, text: label, click: handler, attr: { name: $data.config.buttonName }"></button>
  412. <!-- /ko -->
  413. </div>
  414. <!-- /ko -->
  415. </div>
  416. <div id="info-dialog" title="Informasi" data-bind="metroDialog: {shadow: true, icon: 'icon-info'}" style="display:none;">
  417. <div class="container" style="width: auto !important;min-width: 400px !important; max-width: 600px !important;">
  418. <div class="grid fluid no-margin">
  419. <div class="row no-margin">
  420. <div class="span2 text-center">
  421. <img src="/accurate/new-images/pop-up-info-icon.svg" style="max-width: 100% !important;" />
  422. </div>
  423. <div class="span10">
  424. <div class="row no-margin">
  425. <div class="span12">
  426. <ul class="no-margin" data-bind="css: { unstyled: messages().length == 1 }">
  427. <!-- ko foreach: messages -->
  428. <li><label data-bind="text: $data"></label></li>
  429. <!-- /ko -->
  430. </ul>
  431. </div>
  432. </div>
  433. </div>
  434. </div>
  435. </div>
  436. </div>
  437. <!-- ko if: buttons().length > 0 -->
  438. <div class="button-container text-right">
  439. <!-- ko foreach: buttons -->
  440. <button type="button" data-bind="metroButton: config, text: label, click: handler, attr: { name: $data.config.buttonName }"></button>
  441. <!-- /ko -->
  442. </div>
  443. <!-- /ko -->
  444. </div>
  445. <div id="success-dialog" title="Proses Berhasil Dilakukan" data-bind="metroDialog: {icon: 'icon-smiley'}" style="display:none;">
  446. <div class="container" style="width: auto !important;min-width: 400px !important; max-width: 600px !important;">
  447. <div class="grid fluid no-margin">
  448. <div class="row no-margin">
  449. <div class="span2 text-center">
  450. <img src="/accurate/new-images/pop-up-success-icon.svg" style="max-width: 100% !important;" />
  451. </div>
  452. <div class="span10">
  453. <div class="row no-margin">
  454. <div class="span12">
  455. <ul class="no-margin" data-bind="css: { unstyled: messages().length == 1 }">
  456. <!-- ko foreach: messages -->
  457. <li><label data-bind="text: $data"></label></li>
  458. <!-- /ko -->
  459. </ul>
  460. </div>
  461. </div>
  462. </div>
  463. </div>
  464. </div>
  465. </div>
  466. </div>
  467. <div id="confirm-dialog" title="Konfirmasi" data-bind="metroDialog: {icon: 'icon-info', sysButtons : { btnClose : false }, overlayClickClose: false}" style="display:none;">
  468. <div class="container" style="width: auto !important;min-width: 400px !important; max-width: 600px !important;">
  469. <div class="grid fluid no-margin">
  470. <div class="row no-margin">
  471. <div class="span2 text-center">
  472. <img src="/accurate/new-images/pop-up-confirm-icon.svg" style="max-width: 100% !important;" />
  473. </div>
  474. <div class="span10">
  475. <div class="row no-margin">
  476. <div class="span12">
  477. <ul class="no-margin" data-bind="css: { unstyled: messages().length == 1 }">
  478. <!-- ko foreach: messages -->
  479. <li><label class="fg-crimson" data-bind="text: $data"></label></li>
  480. <!-- /ko -->
  481. </ul>
  482. </div>
  483. </div>
  484. </div>
  485. </div>
  486. </div>
  487. </div>
  488. <!-- ko if: buttons().length > 0 -->
  489. <div class="button-container text-right">
  490. <!-- ko foreach: buttons -->
  491. <button type="button" data-bind="metroButton: config, text: label, click: handler, attr: { name: $data.config.buttonName }"></button>
  492. <!-- /ko -->
  493. </div>
  494. <!-- /ko -->
  495. </div>
  496. </div>
  497. </body>
  498. </html>
  499.  
Tags: Direct aol directprint drive.google
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!