|
|
@@ -0,0 +1,247 @@
|
|
|
+<?php
|
|
|
+session_start();
|
|
|
+if (!isset($_SESSION['loggedin'])) {
|
|
|
+ header('Location: pages-signin.html');
|
|
|
+ exit;
|
|
|
+}
|
|
|
+?>
|
|
|
+<!doctype html>
|
|
|
+<html class="fixed">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <!-- jstree CSS -->
|
|
|
+ <link rel="stylesheet" href="assets/vendor/jstree/themes/default/style.css" />
|
|
|
+ <?php include("bim-support-header.html"); ?>
|
|
|
+ <script src="./script/js/global.js"></script>
|
|
|
+ <script src="./script/js/pdfobject.min.js"></script>
|
|
|
+ <script type="application/javascript">
|
|
|
+ var delFavoriteList = [];
|
|
|
+ var i = 0;
|
|
|
+ var path = [];
|
|
|
+ var categoryList = [];
|
|
|
+ var categoryTable = [];
|
|
|
+ var id = [];
|
|
|
+ var revitVersion = [];
|
|
|
+ var userName = '<?php echo $_SESSION['name']; ?>';
|
|
|
+ var url_href = window.location.href;
|
|
|
+ var url = new URL(url_href);
|
|
|
+ var type = url.searchParams.get("type");
|
|
|
+ var $grid;
|
|
|
+ var list;
|
|
|
+
|
|
|
+ pageHeader = "BIM程式庫";
|
|
|
+ </script>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <canvas id="c"></canvas>
|
|
|
+ <section class="body">
|
|
|
+ <!-- start: header -->
|
|
|
+ <header-menu></header-menu>
|
|
|
+ <!-- end: header -->
|
|
|
+ <div class="inner-wrapper">
|
|
|
+ <!-- start: sidebar -->
|
|
|
+ <side-bar></side-bar>
|
|
|
+ <!-- end: sidebar -->
|
|
|
+ <section role="main" class="content-body">
|
|
|
+ <header class="page-header">
|
|
|
+ <h2>{{pageHeader}}</h2>
|
|
|
+ </header>
|
|
|
+ <!-- start: page -->
|
|
|
+ <section class="content-with-menu content-with-menu-has-toolbar media-gallery">
|
|
|
+ <div class="content-with-menu-container">
|
|
|
+ <inner-menu>
|
|
|
+ <template v-slot:inner-equipment>
|
|
|
+ <other-list></other-list>
|
|
|
+ </template>
|
|
|
+ </inner-menu>
|
|
|
+ <div class="inner-body mg-main">
|
|
|
+ <div class="inner-toolbar">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <filter-content2></filter-content2>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-6">
|
|
|
+ <section class="panel">
|
|
|
+ <div class="panel-body">
|
|
|
+ <h5 class="text-semibold text-dark text-uppercase">檔案下載</h5>
|
|
|
+ <div id="treeAjaxHTML" style="height:800px"></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-6">
|
|
|
+ <section class="panel">
|
|
|
+ <div class="panel-body">
|
|
|
+ <div id="pdfFile" style="height:800px"></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="row mg-files" data-sort-destination="" data-sort-id="media-gallery" id="content" style="position: relative; height: 720.5px;">
|
|
|
+ <isotope-item v-for="item in list" v-bind:name="item.APIName" v-bind:folder="item.APIID + item.APIName" v-bind:id="item.id" v-bind:object="item.object" v-bind:usage="item.usage" v-bind:software="item.software" v-bind:detail="item.detail" v-bind:operate="item.operate" v-bind:source="item.source">
|
|
|
+ </isotope-item>
|
|
|
+
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <!-- end: page -->
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <script>
|
|
|
+ var folder = 'Dynamo/自動化汙水管線建置';
|
|
|
+ $.ajax({
|
|
|
+ url: "./script/php/getPath.php",
|
|
|
+ type: "GET",
|
|
|
+ async: false,
|
|
|
+ data: {
|
|
|
+ type: type,
|
|
|
+ },
|
|
|
+ contentType: "application/json",
|
|
|
+ dataType: "json"
|
|
|
+ }).done(function(data) {
|
|
|
+ var table = data.table;
|
|
|
+
|
|
|
+ for (i = 0; i < table.length; i++) {
|
|
|
+ listObj = {};
|
|
|
+ listObj["APIName"] = table[i].APIName;
|
|
|
+ if (table[i].APIID == null)
|
|
|
+ table[i].APIID = '';
|
|
|
+ listObj["APIID"] = table[i].APIID;
|
|
|
+ listObj["id"] = table[i].id;
|
|
|
+ if (table[i].object != null)
|
|
|
+ table[i].object = table[i].object.replaceAll(",", " ");
|
|
|
+ listObj["object"] = table[i].object;
|
|
|
+ if (table[i].usage != null)
|
|
|
+ table[i].usage = table[i].usage.replaceAll(",", " ");
|
|
|
+ listObj["usage"] = table[i].usage;
|
|
|
+ listObj["software"] = table[i].software;
|
|
|
+ listObj["detail"] = table[i].detail;
|
|
|
+ listObj["operate"] = table[i].operate;
|
|
|
+ listObj["source"] = table[i].source;
|
|
|
+ list.push(listObj);
|
|
|
+ }
|
|
|
+
|
|
|
+ var filter = data.objectFilter;
|
|
|
+ var filterArray = [];
|
|
|
+
|
|
|
+ for (i = 0; i < filter.length; i++) {
|
|
|
+ filterArray = filter[i].object.split(",")
|
|
|
+ for (j = 0; j < filterArray.length; j++) {
|
|
|
+ objectFilter.push(filterArray[j]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ objectFilter = [...new Set(objectFilter)];
|
|
|
+
|
|
|
+ filter = data.usageFilter;
|
|
|
+ for (i = 0; i < filter.length; i++) {
|
|
|
+ filterArray = filter[i].usage.split(",");
|
|
|
+ for (j = 0; j < filterArray.length; j++) {
|
|
|
+ usageFilter.push(filterArray[j]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ usageFilter = [...new Set(usageFilter)];
|
|
|
+
|
|
|
+ vm.mount('.body');
|
|
|
+ }).error(function(error) {
|
|
|
+ console.log(error);
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+
|
|
|
+ <?php include("bim-support-body.html"); ?>
|
|
|
+
|
|
|
+ <script>
|
|
|
+ // $(document).ready(function() {
|
|
|
+ $grid = $("#content").isotope({
|
|
|
+ itemSelector: ".isotope-item",
|
|
|
+ layoutMode: 'fitRows',
|
|
|
+ getSortData: {
|
|
|
+ name: '.name',
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ setTimeout(() => {
|
|
|
+ $grid.isotope({
|
|
|
+ sortBy: 'name'
|
|
|
+ })
|
|
|
+ }, 100);
|
|
|
+
|
|
|
+ // });
|
|
|
+
|
|
|
+ $(document).ready(function() {
|
|
|
+ PDFObject.embed("./assets/null.pdf", "#pdfFile");
|
|
|
+ console.log(type);
|
|
|
+ $('#treeAjaxHTML').jstree({
|
|
|
+ 'core': {
|
|
|
+ 'themes': {
|
|
|
+ 'responsive': false
|
|
|
+ },
|
|
|
+ 'check_callback': true,
|
|
|
+ 'data': {
|
|
|
+ 'url': './script/php/getBIMData.php?folder=' + type,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 'types': {
|
|
|
+ 'default': {
|
|
|
+ 'icon': 'fa fa-folder'
|
|
|
+ },
|
|
|
+ 'file': {
|
|
|
+ 'icon': 'fa fa-file'
|
|
|
+ },
|
|
|
+ 'pdf': {
|
|
|
+ 'icon': 'fa fa-file-pdf-o'
|
|
|
+ },
|
|
|
+ 'word': {
|
|
|
+ 'icon': 'fa fa-file-word-o'
|
|
|
+ },
|
|
|
+ 'ppt': {
|
|
|
+ 'icon': 'fa fa-file-powerpoint-o'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 'plugins': ['types']
|
|
|
+ }).on(
|
|
|
+ 'select_node.jstree',
|
|
|
+ function(event, data) {
|
|
|
+
|
|
|
+ data.instance.toggle_node(data.node);
|
|
|
+
|
|
|
+ if (data.node.text.includes(".") & !data.node.text.includes(".pdf")) {
|
|
|
+ console.log(data.node);
|
|
|
+ var link = document.createElement("a");
|
|
|
+ link.download = data.node.text;
|
|
|
+ link.href = data.node.a_attr.href;
|
|
|
+ document.body.appendChild(link);
|
|
|
+ link.click();
|
|
|
+ document.body.removeChild(link);
|
|
|
+
|
|
|
+ }else if(data.node.text.includes(".pdf")){
|
|
|
+ PDFObject.embed(data.node.a_attr.href, "#pdfFile");
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }).bind('loaded.jstree', function(e, data) {
|
|
|
+ // invoked after jstree has loaded
|
|
|
+ /*$('.jstree-anchor').each(function(index) {
|
|
|
+ if ($(this).attr('href').includes(".dll") || $(this).attr('href').includes(".dyn") || $(this).attr('href').includes(".exe") || $(this).attr('href').includes(".msi")) {
|
|
|
+ folder.push($(this).attr('href'));
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (api != null) {
|
|
|
+ for (i = 0; i < api.length; i++) {
|
|
|
+ var fileNames = api[i].split("/");
|
|
|
+ fileName = fileNames[fileNames.length - 1];
|
|
|
+ $("#apiList").append("<a download href='" + api[i] + "' id='api" + i + "'>" + fileName + "</a><br>");
|
|
|
+ }
|
|
|
+ }*/
|
|
|
+ });
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+ <script src="assets/vendor/jstree/jstree.js"></script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
