Deprecated: Constant E_STRICT is deprecated in /volume1/web/imcs/system/core/Exceptions.php on line 75

<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_URI::$config is deprecated</p>
<p>Filename: core/URI.php</p>
<p>Line Number: 101</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Router::$uri is deprecated</p>
<p>Filename: core/Router.php</p>
<p>Line Number: 127</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$benchmark is deprecated</p>
<p>Filename: core/Controller.php</p>
<p>Line Number: 75</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 6<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$hooks is deprecated</p>
<p>Filename: core/Controller.php</p>
<p>Line Number: 75</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 6<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$config is deprecated</p>
<p>Filename: core/Controller.php</p>
<p>Line Number: 75</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 6<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$log is deprecated</p>
<p>Filename: core/Controller.php</p>
<p>Line Number: 75</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 6<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$utf8 is deprecated</p>
<p>Filename: core/Controller.php</p>
<p>Line Number: 75</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 6<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$uri is deprecated</p>
<p>Filename: core/Controller.php</p>
<p>Line Number: 75</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 6<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$exceptions is deprecated</p>
<p>Filename: core/Controller.php</p>
<p>Line Number: 75</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 6<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$router is deprecated</p>
<p>Filename: core/Controller.php</p>
<p>Line Number: 75</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 6<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$output is deprecated</p>
<p>Filename: core/Controller.php</p>
<p>Line Number: 75</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 6<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$security is deprecated</p>
<p>Filename: core/Controller.php</p>
<p>Line Number: 75</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 6<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$input is deprecated</p>
<p>Filename: core/Controller.php</p>
<p>Line Number: 75</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 6<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$lang is deprecated</p>
<p>Filename: core/Controller.php</p>
<p>Line Number: 75</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 6<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$load is deprecated</p>
<p>Filename: core/Controller.php</p>
<p>Line Number: 78</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 6<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$db is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 390</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/models/M_data.php<br />
			Line: 5<br />
			Function: database			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 7<br />
			Function: model			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_DB_mysqli_driver::$failover is deprecated</p>
<p>Filename: database/DB_driver.php</p>
<p>Line Number: 371</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/models/M_data.php<br />
			Line: 5<br />
			Function: database			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 7<br />
			Function: model			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property Testinga::$M_data is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 353</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 7<br />
			Function: model			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$benchmark is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$hooks is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$config is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$log is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$utf8 is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$uri is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$exceptions is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$router is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$output is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$security is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$input is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$lang is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$load is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$db is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: 8192</p>
<p>Message:  Creation of dynamic property CI_Loader::$M_data is deprecated</p>
<p>Filename: core/Loader.php</p>
<p>Line Number: 925</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/application/controllers/Testinga.php<br />
			Line: 13<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /volume1/web/imcs/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div><!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>環境監測系統</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" type="text/css" href="https://imcs.idct.tw/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="https://imcs.idct.tw/css/css.css">
	<script type="text/javascript" src="https://imcs.idct.tw/js/jquery.min.js"></script>
	<script type="text/javascript" src="https://imcs.idct.tw/js/js.js"></script>
</head>

<body>
	<div class="app app-default">
		<div id="mask" style="display: none;"></div>
		<div class="app-sidebar" id="sidebar">
			<div class="sidebar-header">
				<a class="sidebar-brand" href="#">環境監測系統</a>
			</div>
			<div class="sidebar-menu">
				<ul class="sidebar-nav">
					<li class="active">
						<a href="https://imcs.idct.tw/dashboard.html">
							<img src="https://imcs.idct.tw/css/icon1.png">
							<p>即時數據</p>
						</a>
					</li>
					<li class="active">
						<a href="https://imcs.idct.tw/logdata.html">
							<img src="https://imcs.idct.tw/css/icon2.png">
							<p>歷史數據</p>
						</a>
					</li>
					<li class="active">
						<a href="https://imcs.idct.tw/testinga.html">
							<img src="https://imcs.idct.tw/css/icon1.png">
							<p>中控模擬</p>
						</a>
					</li>
					<li class="active">
						<a href="https://imcs.idct.tw/testoffice2.html">
							<img src="https://imcs.idct.tw/css/icon1.png">
							<p>office2</p>
						</a>
					</li>
				</ul>
			</div>

			<div class="sidebar-footer">
				<ul class="menu">
					<li>
						<a href="https://imcs.idct.tw/sys.html">
							<img src="https://imcs.idct.tw/css/icon3.png">
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="app-container">
			<nav class="navbar">
				<div class="navbar-hambuger show-mobile">
					<img src="https://imcs.idct.tw/css/menu.png">
				</div>
				<div class="navbar-title">
					中控模擬				</div>
			</nav>
			<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>測試測試</title>
    <style>
        .cardArea {
            margin-top: 70px;
            margin-left: 10px;
            display: flex;
            gap: 10px;
            overflow: auto;
        }

        .machineCard {
            width: 450px;
            min-width: 450px;
            height: 300px;
            background-color: #eee;
            border: 2px solid #000;
            border-radius: 10px;
            overflow: auto;
            cursor: pointer;
        }

        .machineCard.grayscale {
            filter: grayscale(100%);
            opacity: 0.7;
        }

        .machineCard.active {
            border-color: #4a90e2;
            box-shadow: 0 0 10px rgba(74, 144, 226, 0.5);
        }

        .cardTitle {
            border-radius: 10px 10px 0 0;
            background-color: lightblue;
            text-align: center;
            font-size: 2.5rem;
        }

        .cardBody {
            display: flex;
            padding-top: 5px;
        }

        .icon {
            width: 200px;
            height: 250px;
        }

        .machineIcon {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .machineData {
            display: flex;
            flex-direction: column;
            gap: 5px;
            font-size: 2rem;
            font-family: Arial, Helvetica, sans-serif;
        }

        .dataValue {
            color: blue;
        }

        .chartArea {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 20px;
            justify-content: center;
            padding: 20px;
        }

        .chart-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
        }

        .chartWrap {
            flex: 1;
            min-width: 350px;
            max-width: 400px;
            height: 350px;
            border: 2px solid #000;
            border-radius: 10px;
            margin: 10px;
            /* cursor: pointer; */
        }
        .chartWrap div{
            margin: auto;
        }

        .chartTitle {
            background-color: lightblue;
            border-radius: 10px 10px 0 0;
            font-size: 2rem;
            text-align: center;
            padding: 5px;
        }
        @media screen and (max-width: 768px) {
            .machineCard{
                min-width: 350px;
            }
        }
    </style>
</head>

<body>
    <div class="cardArea">
                    <div class="machineCard">
                <div class="cardTitle">
                    <span>Office</span>
                </div>
                <div class="cardBody">
                    <div class="icon">
                        <img src="https://imcs.idct.tw/css/machine.png" alt="" class="machineIcon">
                    </div>
                    <div class="machineData">
                                                                                    <div class="detail">
                                    <span class="dataTitle">溫度:</span>
                                    <span class="dataValue" id="data03_0">000</span>
                                    <span class="dataUnit">℃</span>
                                </div>

                                                                                                                <div class="detail">
                                    <span class="dataTitle">濕度:</span>
                                    <span class="dataValue" id="data03_1">000</span>
                                    <span class="dataUnit">％RH</span>
                                </div>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </div>
                </div>
            </div>
                    <div class="machineCard">
                <div class="cardTitle">
                    <span>Office2</span>
                </div>
                <div class="cardBody">
                    <div class="icon">
                        <img src="https://imcs.idct.tw/css/machine.png" alt="" class="machineIcon">
                    </div>
                    <div class="machineData">
                                                                                                                                                                                                                                                <div class="detail">
                                    <span class="dataTitle">機櫃內_CO2:</span>
                                    <span class="dataValue" id="data02_3">000</span>
                                    <span class="dataUnit">ppm</span>
                                </div>

                                                                                                                <div class="detail">
                                    <span class="dataTitle">機櫃內_溫度:</span>
                                    <span class="dataValue" id="data02_4">000</span>
                                    <span class="dataUnit">℃</span>
                                </div>

                                                                                                                <div class="detail">
                                    <span class="dataTitle">機櫃內_溼度:</span>
                                    <span class="dataValue" id="data02_5">000</span>
                                    <span class="dataUnit">％HR</span>
                                </div>

                                                                                                                <div class="detail">
                                    <span class="dataTitle">會議室_CO2:</span>
                                    <span class="dataValue" id="data02_6">000</span>
                                    <span class="dataUnit">ppm</span>
                                </div>

                                                                                                                <div class="detail">
                                    <span class="dataTitle">會議室_溫度:</span>
                                    <span class="dataValue" id="data02_7">000</span>
                                    <span class="dataUnit">℃</span>
                                </div>

                                                                                                                <div class="detail">
                                    <span class="dataTitle">會議室_溼度:</span>
                                    <span class="dataValue" id="data02_8">000</span>
                                    <span class="dataUnit">％HR</span>
                                </div>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
                </div>
            </div>
                    <div class="machineCard">
                <div class="cardTitle">
                    <span>Office3</span>
                </div>
                <div class="cardBody">
                    <div class="icon">
                        <img src="https://imcs.idct.tw/css/machine.png" alt="" class="machineIcon">
                    </div>
                    <div class="machineData">
                                                                                    <div class="detail">
                                    <span class="dataTitle">Co2:</span>
                                    <span class="dataValue" id="data01_0">000</span>
                                    <span class="dataUnit">ppm</span>
                                </div>

                                                                                                                <div class="detail">
                                    <span class="dataTitle">溫度:</span>
                                    <span class="dataValue" id="data01_1">000</span>
                                    <span class="dataUnit">℃</span>
                                </div>

                                                                                                                <div class="detail">
                                    <span class="dataTitle">濕度:</span>
                                    <span class="dataValue" id="data01_2">000</span>
                                    <span class="dataUnit">％HR</span>
                                </div>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </div>
                </div>
            </div>
            </div>
    <div class="chartArea" style="display: none;">
        <div id="chartContainer" class="chart-container">

        </div>
    </div>
</body>


<!-- script -->
<!-- CDN -->
<!-- <script src="https://cdn.jsdelivr.net/npm/echarts@5.6.0/dist/echarts.min.js"></script> -->
<script src="https://imcs.idct.tw/js/chart/echarts.js"></script>

<script type="text/javascript">
	$(function () {
		getData();
		setInterval('getData()', 10000);
	});
    function getData() {
    $.ajax({
        url: 'https://imcs.idct.tw/Getdata.html',
        type: 'post',
        dataType: "json",
        success: function(jData) {
            if (jData.status == "success") {
                $.each(jData.data, function(i, v) {
                    $.each(v, function(i2, v2) {
                        $("#" + i + "_" + i2).html(v2);
                    });
                });
            }
        }
    });
}
</script>

<script>
    let charts = [];
    let activeCard = null;

    function handleCardClick(card) {
        if (card === activeCard) {
            return;
        }

        const allCards = document.querySelectorAll('.machineCard');
        allCards.forEach(c => {
            c.classList.remove('active', 'grayscale');
        });

        activeCard = card;
        card.classList.add('active');

        allCards.forEach(c => {
            if (c !== card) {
                c.classList.add('grayscale');
            }
        });
        
        const chartContainer = document.getElementById('chartContainer');
        chartContainer.innerHTML = '';
        charts.forEach(chart => chart.dispose());
        charts = [];

        document.querySelector('.chartArea').style.display = 'flex';

        const details = card.querySelectorAll('.detail');

        details.forEach(detail => {
            const title = detail.querySelector('.dataTitle').textContent.trim();
            const id = detail.querySelector('.dataValue').id;
            const unit = detail.querySelector('.dataUnit').textContent.trim();

            const chartWrap = document.createElement('div');
            chartWrap.className = 'chartWrap';

            const titleDiv = document.createElement('div');
            titleDiv.className = 'chartTitle';
            titleDiv.innerHTML = `<span>${title}</span>`;

            const chartDiv = document.createElement('div');
            chartDiv.style.width = '300px';
            chartDiv.style.height = '350px';

            chartWrap.appendChild(titleDiv);
            chartWrap.appendChild(chartDiv);
            chartContainer.appendChild(chartWrap);

            const chart = echarts.init(chartDiv);
            charts.push(chart);

            let max, colors;
            if (title.includes('溫度')) {
                max = 100;
                colors = [
                    [0.3, '#67e0e3'],
                    [0.7, '#37a2da'],
                    [1, '#fd666d']
                ];
            } else if (title.includes('濕度')) {
                max = 100;
                colors = [
                    [0.3, '#67e0e3'],
                    [0.7, '#37a2da'],
                    [1, '#fd666d']
                ];
            } else if (title.includes('CO2')) {
                max = 3000;
                colors = [
                    [0.3, '#91cc75'],
                    [0.7, '#fac858'],
                    [1, '#ee6666']
                ];
            } else {
                max = 100;
                colors = [
                    [0.3, '#67e0e3'],
                    [0.7, '#37a2da'],
                    [1, '#fd666d']
                ];
            }

            const option = {
                series: [{
                    type: 'gauge',
                    min: 0,
                    max: max,
                    splitNumber: 10,
                    radius: '100%',
                    axisLine: {
                        lineStyle: {
                            width: 30,
                            color: colors
                        }
                    },
                    pointer: {
                        itemStyle: {
                            color: 'auto'
                        }
                    },
                    axisTick: {
                        distance: -30,
                        length: 8,
                        lineStyle: {
                            color: '#fff',
                            width: 2
                        }
                    },
                    splitLine: {
                        distance: -30,
                        length: 30,
                        lineStyle: {
                            color: '#fff',
                            width: 4
                        }
                    },
                    axisLabel: {
                        color: 'auto',
                        distance: 40,
                        fontSize: 15
                    },
                    detail: {
                        valueAnimation: true,
                        formatter: `{value} ${unit}`,
                        color: 'auto',
                        fontSize: 25
                    },
                    data: [{
                        value: 0
                    }]
                }]
            };

            chart.setOption(option);

            function updateChart() {
                const value = document.getElementById(id);
                if (value) {
                    const numValue = parseFloat(value.textContent);
                    option.series[0].data[0].value = numValue;
                    chart.setOption(option);
                }
            }

            setInterval(updateChart, 1000);
            updateChart();
        });
    }

    document.addEventListener('DOMContentLoaded', function() {
        const cards = document.querySelectorAll('.machineCard');
        cards.forEach(card => {
            card.addEventListener('click', () => handleCardClick(card));
        });

        window.addEventListener('resize', function() {
            charts.forEach(chart => chart.resize());
        });
    });
</script>




</html>		</div>
	</div>
</body>

</html>