Nate
/
BIM-Monitor


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346
							<?php
session_start();
if (!isset($_SESSION['loggedin'])) {
	header('Location: pages-signin.html');
	exit;
}
?>
<!doctype html>
<html class="fixed sidebar-left-collapsed">

<head>
	<!-- jstree CSS -->
	<link rel="stylesheet" href="assets/vendor/jstree/themes/default/style.css" />
	<!-- jstree CSS -->
	<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.4/themes/default/style.min.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 url_href = window.location.href;
		var url = new URL(url_href);
		var type = url.searchParams.get("type");
		if (type === null) {
			window.location.href = "other-list.php?type=收費建議";
		}

		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 $grid;
		var list;


		pageHeader = "BIM相關資源";
	</script>
	<style>
		.menu-item.active {
			color: #0088CC;
		}

		.jstree-anchor {
			width: 95%;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}

		th {
			text-align: center;
			width: 30%;
			font-size: 18px;
		}

		td {
			text-align: center;
			font-size: 18px;
		}
	</style>
</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">
								<ul>
									<search-bar></search-bar>
									<li id="reset" style="padding-top: 10px; display:none;">
										<div class="input-group input-search" style="table-layout: auto;">
											<button class="btn btn-primary" type="button" id="resetbtn" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="清除搜尋結果"><i class="fa fa-undo"></i></button>
										</div>
									</li>
								</ul>
							</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:400px;overflow: auto;"></div>
										</div>
									</section>
									<section class="panel">
										<div class="panel-body">
											<h5 class="text-semibold text-dark text-uppercase">檔案資訊</h5>
											<div id="fileTable" style="height:200px">
												<table class="table table-bordered mb-none" style="height: 100%;">
													<tbody>
														<tr>
															<th>檔案名稱</th>
															<td id="fileName"></td>
														</tr>
														<tr>
															<th>詳細資訊</th>
															<td id="fileDetail">尚未填寫</td>
														</tr>
														<tr>
															<th>檔案日期</th>
															<td id="fileDate"></td>
														</tr>
														<tr>
															<th>下載連結</th>
															<td id="fileLink"><a id="fileHerf" href="#" target="_blank"><i class="fa fa-download">檔案下載</i></a></td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</section>
								</div>
								<div class="col-md-6">
									<section class="panel">
										<div class="panel-body">
											<div id="pdfFile" style="height:720px"></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() {
			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,
					}
				},
				'search': {
					'show_only_matches': true,
				},
				'types': {
					'default': {
						'icon': 'fa fa-folder'
					},
					'file': {
						'icon': 'fa fa-file-o'
					},
					'pdf': {
						'icon': 'fa fa-file-pdf-o'
					},
					'word': {
						'icon': 'fa fa-file-word-o'
					},
					'excel': {
						'icon': 'fa fa-file-excel-o'
					},
					'ppt': {
						'icon': 'fa fa-file-powerpoint-o'
					},
					'f-open': {
						'icon': 'fa fa-folder-open'
					},
					'f-closed': {
						'icon': 'fa fa-folder'
					}
				},
				'plugins': ['types', 'search']
			}).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");
					} else {
						if (data.node.text.includes(".")) {
							PDFObject.embed("./assets/notPDF.pdf", "#pdfFile");
						}
					}

					if (data.node.text.includes(".")) {
						$("#fileName").empty();
						$("#fileName").append(data.node.text);
						$("#fileHerf").attr("href", data.node.a_attr.href);

						$("#fileDate").empty();
						$("#fileDate").append(data.node.a_attr.time);
					}


				}).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>");
					}
				}*/
			});
			$("#treeAjaxHTML").on('open_node.jstree', function(event, data) {
				data.instance.set_type(data.node, 'f-open');
			});
			$("#treeAjaxHTML").on('close_node.jstree', function(event, data) {
				data.instance.set_type(data.node, 'f-closed');
			});
		});

		$("#resetbtn").on('click', function(event) {
			$("#treeAjaxHTML").jstree("clear_search");
			$("#quicksearch").val('');
		})
		$("#searchBtn").on('click', function(event) {
			var search = $("#quicksearch").val();
			$("#treeAjaxHTML").jstree("search", search);			
		})
		$("#quicksearch").on('keyup', function(e) {
			if (e.key === 'Enter' || e.keyCode === 13) {
				var search = $("#quicksearch").val();
				$("#treeAjaxHTML").jstree("search", search);
			}
		});
	</script>
	<script src="assets/vendor/jstree/jstree.js"></script>


</body>

</html>