index.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- IIS Virtual Directory name -->
  5. <!--<base href="/JSViewer_MVC_Core/">-->
  6. <meta charset="utf-8" />
  7. <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
  8. <meta
  9. name="viewport"
  10. content="width=device-width, initial-scale=1, shrink-to-fit=no"
  11. />
  12. <meta name="theme-color" content="#000000" />
  13. <title>JS Viewer</title>
  14. <link href="jsViewer.min.css" rel="stylesheet" />
  15. <link href="index.css" rel="stylesheet" />
  16. </head>
  17. <body onload="loadViewer()">
  18. <div style="width: 100%; overflow-x: hidden;">
  19. <div id="viewerContainer"></div>
  20. </div>
  21. <script type="text/javascript" src="jsViewer.min.js"></script>
  22. <script type="text/javascript">
  23. var viewer;
  24. var reportID = "test.rdlx";
  25. var query = {
  26. report: "test.rdlx",
  27. year: 2020,
  28. month: 7,
  29. siteId: 101,
  30. };
  31. if (location.search) {
  32. location.search
  33. .substring(1)
  34. .split("&")
  35. .forEach(function (part, idx) {
  36. if (!part) return;
  37. var items = part.split("=");
  38. var value = items.length > 1 ? items[1] : "";
  39. query[items[0]] = value;
  40. });
  41. }
  42. function loadViewer() {
  43. viewer = GrapeCity.ActiveReports.JSViewer.create({
  44. element: "#viewerContainer",
  45. reportID: query["report"] + ".rdlx",
  46. reportParameters: [
  47. { name: "ApiUrl", values: [location.origin + "/api"] },
  48. { name: "SiteId", values: [query["siteId"]] },
  49. { name: "Year", values: [query["year"]] },
  50. { name: "Month", values: [query["month"]] },
  51. { name: "DetailId", values: [query["detailId"]] },
  52. { name: "Date", values: [query["date"]] },
  53. ],
  54. });
  55. }
  56. function setActive(report) {
  57. let reportsList = document.getElementById("reportsList");
  58. let reports = reportsList.children;
  59. for (let i = 0; i < reports.length; i++) {
  60. reports[i].classList.remove("active");
  61. }
  62. report.classList.add("active");
  63. }
  64. </script>
  65. </body>
  66. </html>