Nate
/
BIM-Monitor


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
							<?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" />

	<?php include("bim-support-header.html"); ?>
	<script src="./script/js/global.js"></script>
	<script type="application/javascript">
		var i = 0;
		var api = [];
		var fileName;
		var folder;
		var software;
		var userName = '<?php echo $_SESSION['name']; ?>';
		var webLink;
		var source;
		var searchURL = window.location.search;
		searchURL = searchURL.substring(1, searchURL.length);
		object = decodeURIComponent(searchURL.split("&")[0].split("=")[1]);
		if(object == 'undefined'){
			window.location.href = "./api-list.php";
			console.log("in " + object);
		}else{
			console.log("not in: "+object);
		}

		$.ajax({
			url: "./script/php/api_group_detail.php",
			type: "GET",
			async: false,
			data: {
				object: object,
			},
			contentType: "application/json",
			dataType: "json"
		}).done(function(data) {
			if(data.APIID == null)
				data.APIID ='';			
			folder = data.software + '/' + data.APIID + data.APIName;
			
			
			data[1] = data[1]=="Dynamo" ? data.software + " " + data.dynamoVersion : data.software + " " + data.revitVersion;			
			for (i = 0; i < 6; i++) {
				if (data[i] != null)
					table.push(data[i]);
				else
					table.push("空");
			}

			webLink = data.webLink;
			source = data.source;
		}).error(function(error) {
			console.log(error);
		});

		$.ajax({
			url: "./script/php/update_popularity.php",
			type: "GET",
			async: false,
			data: {
				api_id: object,
				update_type: "viewTimes",
			},
			contentType: "application/json",
			dataType: "json"
		});

		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>
								<api-list></api-list>
							</template>
						</inner-menu>
						<div class="inner-body mg-main">
							<div class="inner-toolbar">
								<ul>
									<li class="right">
										<a href="#" onclick="window.history.go(-1); return false;"><i class="fa fa-undo"></i> 返回</a>
									</li>									
								</ul>
							</div>
							<div class="row">
								<div class="col-md-12">
									<section class="panel">
										<div class="panel-body">
											<div class="table-responsive">
												<table class="table table-bordered mb-none">
													<thead>
														<tr>
															<th width="10%">名稱</th>
															<th>開發版本</th>
															<th>詳細說明</th>
															<th>操作方式</th>
															<th width="5%">開發者</th>
															<th>備註</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td>{{table[0]}}</td>
															<td>{{table[1]}}</td>
															<td>{{table[2]}}</td>
															<td>{{table[3]}}</td>
															<td id="webLink"></td>
															<td>{{table[5]}}</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</section>
								</div>
							</div>
							<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"></div>
										</div>


									</section>
								</div>								
								<div class="col-md-6">
									<section class="panel">
										<div class="panel-body">
											<img v-if="table[1].includes('ynamo')" src="./assets/images/dynamo-icon.png" style="height:80px; display: inline-block; vertical-align: top;"></img>
											<img v-else-if="table[1].includes('Revit')" src="./assets/images/revit-icon.png" style="height:80px; display: inline-block; vertical-align: top;"></img>
											<div class="summary" style="display: inline-block;">
												<div class="title"><strong>程式下載</strong></div>
												<div class="info" id="apiList">
												</div>
											</div>
										</div>


									</section>
								</div>
							</div>


						</div>
					</div>
				</section>
				<!-- end: page -->
			</section>
		</div>
	</section>
	<script>
		/*Vue */
		vm.mount('.body');
		
		if(webLink != null){
			$("#webLink").append("<a href='" + webLink + "' target='_blank'>" + source + "</a>");
		}else if(webLink == null){
			$("#webLink").append("<span>" + source + "</span>");
		}

		$(document).ready(function() {
			$("#apiList a").on("click", function() {
				$.ajax({
					url: "./script/php/update_popularity.php",
					type: "GET",
					async: false,
					data: {
						api_id: object,
						update_type: "downloadTimes",
					},
					contentType: "application/json",
					dataType: "json"
				});
			});
		});
		
	</script>
	<script src="assets/vendor/jstree/jstree.js"></script>
	<script src="assets/javascripts/ui-elements/examples.treeview.js"></script>
	<?php include("bim-support-body.html"); ?>

	<script>


	</script>

</body>

</html>