Home Explore Help
Sign In
TC
/
arozos-mirror
mirror of https://github.com/tobychui/arozos
1
0
Fork 0
Files Issues 0 Wiki
Tree: e659a663b9
Branches Tags
arozos-mirror
/
src
/
function_bar.php

function_bar.php 13 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280 
  1. <?php
    2. 

  2. include_once 'auth.php';
    3. 

  3. ?>
    4. 

  4. <html>
    5. 

  5. <?php
    6. 

  6. include_once("header_std.php");
    7. 

  7. include_once("SystemAOB/functions/personalization/configIO.php");
    8. 

  8. $theme = (getConfig("function_bar"));
    9. 

  9. ?>
    10. 

  10. <link rel="stylesheet" type="text/css" href="script/jsCalendar/jsCalendar.css">
    11. 

  11. <link rel="stylesheet" type="text/css" href="script/jsCalendar/jsCalendar.clean.min.css">
    12. 

  12. <script type="text/javascript" src="script/jsCalendar/jsCalendar.js"></script>
    13. 

  13. <body>
    14. 

  14. <style>
    15. 

  15. .hover_cc div:hover {
    16. 

  16.     background: #444;
    17. 

  17. }
    18. 

  18. body{
    19. 

  19. 	overflow-y:hidden;
    20. 

  20. }
    21. 

  21. #menuBar{
    22. 

  22. 	overflow: hidden;
    23. 

  23. 	background-color: <?php echo $theme["Function Bar"]["background-color"];?>;
    24. 

  24. 	position: fixed;
    25. 

  25. 	bottom: 0;
    26. 

  26. 	width: 100%;
    27. 

  27. 	z-index:110;
    28. 

  28. 	background:<?php echo $theme["Function Bar"]["background"];?>;
    29. 

  29. 	
    30. 

  30. }
    31. 

  31. .notificationbar{
    32. 

  32. 	position:fixed;
    33. 

  33. 	top:0px;
    34. 

  34. 	z-index:119;
    35. 

  35. 	height: auto;
    36. 

  36. 	width:350px;
    37. 

  37. 	bottom: 34px;
    38. 

  38. 	background:<?php echo $theme["Notification Bar"]["background"];?>;
    39. 

  39. 	right:0px;
    40. 

  40. 	border-left: 1px solid #4c4c4c;
    41. 

  41. 	padding: 20px;
    42. 

  42. 	padding-left: 25px;
    43. 

  43. 	color: <?php echo $theme["Notification Bar"]["color"];?>;
    44. 

  44. }
    45. 

  45. 

  46. .messagebox{
    47. 

  47. 	border-bottom: 1px solid #727272;
    48. 

  48. 	padding-top:5px;
    49. 

  49. 	padding-bottom:5px;
    50. 

  50. }
    51. 

  51. 

  52. .pressable{
    53. 

  53. 	cursor: pointer;
    54. 

  54. 	margin: 5px;
    55. 

  55. }
    56. 

  56. 

  57. .pressable:hover{
    58. 

  58. 	background-color:#494949;
    59. 

  59. }
    60. 

  60. 

  61. .hidden{
    62. 

  62. 	
    63. 

  63. }
    64. 

  64. 

  65. #stickingIndictor{
    66. 

  66. 	position: fixed;
    67. 

  67. 	top:4px;
    68. 

  68. 	bottom:4px;
    69. 

  69. 	background:rgba(255,255,255,0.1);
    70. 

  70. 	width: 50%;
    71. 

  71. 	box-shadow: 1px 1px rgba(45,45,45,0.2);
    72. 

  72. }
    73. 

  73. 

  74. .resizeWindow{
    75. 

  75. 	position:absolute;
    76. 

  76. 	right:0;
    77. 

  77. 	bottom:0;
    78. 

  78. 	width:20px;
    79. 

  79. 	height:15px;
    80. 

  80. 	color:<?php echo $theme["Resize Indicator"]["color"];?>;
    81. 

  81. 	cursor: nw-resize;
    82. 

  82. 	background-image:<?php echo $theme["Resize Indicator"]["background-image"];?>;
    83. 

  83. }
    84. 

  84. 

  85. .selectable{
    86. 

  86. 	cursor:pointer;
    87. 

  87. }
    88. 

  88. 

  89. .selectable:hover{
    90. 

  90. 	background-color:#424242;
    91. 

  91. }
    92. 

  92. </style>
    93. 

  93. <?php
    94. 

  94. //Simple script for searching all usable FloatWindow modules with "embedded.php" in module directory
    95. 

  95. $folders = glob("*");
    96. 

  96. $supportedModules = [];
    97. 

  97. foreach ($folders as $module){
    98. 

  98. 	if (is_dir($module)){
    99. 

  99. 		if (file_exists($module . "/FloatWindow.php")){
    100. 

  100. 			array_push($supportedModules,$module);
    101. 

  101. 		}
    102. 

  102. 	}
    103. 

  103. }
    104. 

  104. ?>
    105. 

  105. <!-- Main Interface for normal module access-->
    106. 

  106. <iframe id="interface" src="index.php" style="width:100%;height:100%;top:0;bottom:0;" onLoad="updateURL();" allowfullscreen></iframe>
    107. 

  107. <!-- Transparent iframe covering layer-->
    108. 

  108. <div id="backdrop" style="position:fixed;width:100%; height:100%; top:0;bottom:0;z-index:99;background-color:rgba(255,255,255,0);display:none;"></div>
    109. 

  109. <!-- Menu Bar, Desktop Only -->
    110. 

  110. 	<div id="menuBar">
    111. 

  111. 		<div class="ts fluid container" style="color:white;height:40px;">
    112. 

  112. 			<div class="ts grid" style="line-height: 35px;" align="center">
    113. 

  113. 				<!-- First Left hand side system icons-->
    114. 

  114. 				<div class="eight wide column" style="left:2%;">
    115. 

  115. 					<div id="activatedModuleIcons" class="ts grid" style="line-height: 35px;" align="center">
    116. 

  116. 						<div class="one wide column" style="cursor: pointer;" onClick="ToogleMenuBar();"><i class="dropdown large icon" style="line-height: 35px;"></i></div>
    117. 

  117. 						<div class="one wide column" style="background-color:#111111;cursor: pointer;height:60px;" onClick="TooglePowerManuel(this);"><i class="cloud large icon" style="line-height: 35px;padding-top:3px;"></i></div>
    118. 

  118. 						<div id="folderBtn" class="one wide column" style="cursor: pointer;background-color: #333;height:60px;" onClick="ToogleFileExplorer();">
    119. 

  119. 							<i class="folder outline icon" style="line-height: 35px;"></i>
    120. 

  120. 						</div>
    121. 

  121. 						<!-- New windows will be added here-->
    122. 

  122. 						<div id="moreBtn" class="one wide column" style="cursor: pointer;background-color: #333;height:60px;" onClick="AddWindows();" ><i class="plus icon" style="line-height: 35px;"></i></div>
    123. 

  123. 					</div>
    124. 

  124. 				</div>
    125. 

  125. 				<!-- Second Right hand side tray icons -->
    126. 

  126. 				<div class="eight wide column" align="right" style="right:2%;">
    127. 

  127. 					<div class="ts grid" style="line-height: 35px;" align="center">
    128. 

  128. 						<div class="nine wide column"></div>
    129. 

  129. 						<div class="two wide column" id="USBopr" onclick="CheckUSBNoDifferent();" style="cursor: pointer;">Detecting</div>
    130. 

  130. 						<div class="two wide column" id="gVol" onClick="ToggleGlobalVol();" style="cursor: pointer;"><i class="volume down icon"></i>N/A</div>
    131. 

  131. 						<div class="two wide column" id="clock" onmouseover="ShowCalender();" onmouseleave="HideCalender();">Loading</div>
    132. 

  132. 						<div class="one wide column" style="padding-top:18px;" onClick="toggleNoticeBoard();"><i class="mail icon"></i></div>
    133. 

  133. 					</div>
    134. 

  134. 				</div>
    135. 

  135. 			</div>
    136. 

  136. 			
    137. 

  137. 		</div>
    138. 

  138. 	</div>
    139. 

  139. 	<div id="showMenuButton" style="overflow: hidden;position: fixed;left: 0;width: 50px;bottom:0px;height:35px;display:none;background-color:rgba(0,3,51,0.4);color:white;cursor: pointer;z-index:999;" align="center" onClick="ToogleMenuBar();">
    140. 

  140. 		<i class="triangle up large icon" style="line-height: 35px;"></i>
    141. 

  141. 	</div>
    142. 

  142. 	<!-- Power menu bar-->
    143. 

  143. 	<div id="powerMenu" style="overflow: hidden;position: fixed;left: 0;width: 400px;bottom:34px;height:550px;display:;z-index:150;">
    144. 

  144. 	<iframe style="height:550px; width: 100%; z-index:152;" src="SystemAOB/functions/list_menu/index.php" frameborder="0"></iframe>
    145. 

  145. 	</div>
    146. 

  146. 	
    147. 

  147. 	<!-- floatWindow List Window -->
    148. 

  148. 	<div id="fwListWindow" style="overflow: hidden;position: fixed;left: 100;min-width: 250px;bottom:34px;min-height:40px;display:none;background-color:#282828;z-index:150;">
    149. 

  149. 	<div class="selectable" style="border:1px solid transparent;padding:10px;"><p class="ts inverted header" style="font-size:0.9em;">
    150. 

  150. 		<i class="spinner loading icon"></i>Loading...
    151. 

  151. 	</p></div>
    152. 

  152. 	</div>
    153. 

  153. 	
    154. 

  154. 	<!-- File menu bar-->
    155. 

  155. 	<!-- 
    156. 

  156. 	<div id="fileMenu" style="border: 2px #333 transparent;box-shadow:1px 1px 4px #3d3d3d;overflow: hidden;position: fixed;left: 0;width: 1080px;bottom:33px;height:580px;display:none;z-index:1;">
    157. 

  157. 		<div id="topbar" class="floatWindow" style="width:100%; position: relative; background-color:rgba(33, 33, 33, 0.8);color:white;left:0;top:0;height:20px;z-index:8;cursor: context-menu;">  <i class="folder icon"></i>File Explorer 
    158. 

  158. 		<div style="top:2px;right:3px;cursor: pointer;position:absolute;" onmousedown="closeAndReloadIframe();" ontouchstart="closeAndReloadIframe();"><i class="remove icon"></i></div>
    159. 

  159. 		<div style="top:5px;right:25px;cursor: pointer;position:absolute;" class="maximizeWindow"><i class="small window maximize icon"></i></div>
    160. 

  160. 		<div style="top:5px;right:47px;cursor: pointer;position:absolute;" onmousedown="ToogleFileExplorer();" ontouchstart="ToogleFileExplorer();"><i class="minus icon"></i></div></div>
    161. 

  161. 		<iframe id="filebrowser" style="width:100%;height:97%; bottom:0;position:absolute;top:20px;background-color:white;" src="SystemAOB/functions/file_system/embedded.php?controlLv=2" frameborder="1"></iframe>
    162. 

  162. 		<div class="resizeWindow" style="position:absolute;right:0;bottom:0;background-color:#333;width:20px;height:15px;color:white;cursor: nw-resize;" align="center"></div>
    163. 

  163. 	</div>
    164. 

  164. 	-->
    165. 

  165. 	
    166. 

  166. 	<!-- My Host Window-->
    167. 

  167. 	<!-- 
    168. 

  168. 	<div id="HostServer" style="border: 2px #333 solid;overflow: hidden;position: fixed;left: 0;width: 720px;bottom:44px;height:522px;display:none;z-index:1;">
    169. 

  169. 		<div class="floatWindow" style="width:100%; position: relative; background-color:#333;color:white;left:0;top:0;height:20px;z-index:8;cursor: context-menu;">  <i class="disk outline icon"></i>Host Server <div style="float:right;right:5px;cursor: pointer;" onmousedown="CloseHS();" ontouchstart="CloseHS();"><i class="remove icon"></i></div><div style="float:right;right:10px;cursor: pointer;" onmousedown="ToogleHS();" ontouchstart="ToogleHS();"><i class="minus icon"></i></div></div>
    170. 

  170. 		<iframe id="hostView" style="width:100%;height:97%; bottom:0;position:absolute;top:20px;background-color:white;" src="SystemAOB/functions/system_statistic/index.php" frameborder="1"></iframe>
    171. 

  171. 		<div class="resizeWindow" style="position:absolute;right:0;bottom:0;background-color:#333;width:20px;height:15px;color:white;cursor: nw-resize;" align="center"></div>
    172. 

  172. 	</div>
    173. 

  173. 	-->
    174. 

  174. 	
    175. 

  175. 	<!-- Add Window Button-->
    176. 

  176. 	<div id="addWindow" style="border: 0px #222 solid;overflow: hidden;position: fixed;background-color:#222;background:rgba(0,0,0,1);height:240px;width:180px;left:0px;bottom:33px;display:none;z-index:118;">
    177. 

  177. 				<div class="item" style="width:180px;left:0;position:relative;background-color:#333;">
    178. 

  178. 					<div class="content">
    179. 

  179. 						<div class="header" style="color:white;"><i class="window maximize icon"></i>New Float Window</div>
    180. 

  180. 					</div>
    181. 

  181. 				</div>
    182. 

  182. 				<?php
    183. 

  183. 				$template = '<div class="item hover_cc" style="width:180px;left:0;position:relative;" onClick="LaunchFloatWindowFromModule(%MODULENAME%);">
    184. 

  184. 					<div class="content" style="cursor: pointer;">
    185. 

  185. 						<div class="header" style="color:white;"><i class="plus icon"></i>%MODULEPATH%</div>
    186. 

  186. 					</div>
    187. 

  187. 				</div>';
    188. 

  188. 

  189. 				//newEmbededWindow('SystemAOB/functions/file_system/embedded.php?moduleName=../../../../media&dir=../../../../media&controlLv=2','USB Drives','usb','usbDriveDisplay');
    190. 

  190. 				//Append USB Driver windows to the menu
    191. 

  191. 				if (strtoupper(substr(PHP_OS, 0, 3)) !== 'WIN') {
    192. 

  192. 					$box = str_replace("LaunchFloatWindowFromModule(%MODULENAME%);","newEmbededWindow('SystemAOB/functions/file_system/embedded.php?moduleName=../../../../media&dir=../../../../media&controlLv=2','USB Drives','usb','usbDriveDisplay');AddWindows();",$template);
    193. 

  193. 					$box = str_replace("%MODULEPATH%","USB Drives",$box);
    194. 

  194. 					$box = str_replace('<i class="plus icon">','<i class="usb icon">',$box);
    195. 

  195. 					echo $box;
    196. 

  196. 				}
    197. 

  197. 				foreach ($supportedModules as $module){
    198. 

  198. 						$box = str_replace("%MODULEPATH%",$module,$template);
    199. 

  199. 						$box = str_replace("%MODULENAME%","'" . $module . "'",$box);
    200. 

  200. 						echo $box;
    201. 

  201. 				}
    202. 

  202. 				
    203. 

  203. 				?>
    204. 

  204. 	</div>
    205. 

  205. 	
    206. 

  206. 	<!-- Global Vol Adjusting window-->
    207. 

  207. 	<div id="globVolInterface" style="border: 0px #222 solid;overflow: hidden;position: fixed;background-color:#222;background:rgba(48,48,48,0.7);height:30px;width:240px;right:0px;bottom:34px;display:none;z-index:118;">
    208. 

  208. 		<div class="ts narrow container" style="color:white;position:aboslute;top:10px;">
    209. 

  209. 			<i class="volume down icon" style="float: left;" onClick="mutevol();"></i><i class="volume up icon" style="float: right;"></i>
    210. 

  210. 			<div id="globVolBar" class="ts small progress" style="background:rgba(255,255,255,0.2);">
    211. 

  211. 				<div id="volDisplay" class="bar" style="width:50%;background:white;"></div>
    212. 

  212. 			</div>
    213. 

  213. 		</div>
    214. 

  214. 	</div>
    215. 

  215. 	
    216. 

  216. 	<!-- Movement Cover for iframe drag drop-->
    217. 

  217. 	<div id="iframeCover" style="position:absolute;background-color:rgba(255,255,255,0.1);z-index:115;display:none;top:20px;">
    218. 

  218. 	
    219. 

  219. 	</div>
    220. 

  220. 	<!-- USB Reminder Interface -->
    221. 

  221. 	<div id="USBList" style="border: 2px #333 solid;overflow: hidden;position: fixed;right: 0;width: 450px;bottom:32px;height:500px;display:none;z-index:118;background-color:white;">
    222. 

  222. 		<div style="width:100%; position: relative; background-color:#333;color:white;left:0;top:0;height:20px;z-index:8;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;cursor: context-menu;"><i class="usb icon"></i>USB Device List</div>
    223. 

  223. 		<iframe id="USBListDisplay" style="width:100%;height:100%;position:absolute;top:20px;" src="SystemAOB/functions/usbMount.php"></iframe>
    224. 

  224. 		</div>
    225. 

  225. 	</div>
    226. 

  226. 	<!-- USB Monitoring Warning -->
    227. 

  227. 	<div id="umw" class="ts active bottom right snackbar" style="bottom:28px;display:none;" >
    228. 

  228. 		<div class="content">
    229. 

  229. 			<i class="usb icon"></i>fstab listener
    230. 

  230. 			<div id="umw_head" style="font-size: 1em;">USB Device Monitoring Service</div>
    231. 

  231. 			<div id="umw_text" style="font-size: 0.8em;">USB Storage Device Detected</div>
    232. 

  232. 			<div id="umw_list" style="font-size: 0.8em;">Auto-mounting in progress...</div>
    233. 

  233. 		</div>
    234. 

  234. 	</div>
    235. 

  235. 	<!-- Display the calender grid -->
    236. 

  236. 	<div id="calGrid" style="display:none;position:fixed;right:0;bottom:28px;height:330px;width:300px;z-index:115;">
    237. 

  237. 		<div class="auto-jsCalendar white-theme" data-navigator="false"></div>
    238. 

  238. 	</div>
    239. 

  239. 	
    240. 

  240. 	<!-- New Window Cloning Code -->
    241. 

  241. 	<div id="newWindow" style="border: 0px;overflow: hidden;position: fixed;left: 0;width: 720px;bottom:45px;height:480px;display:none;z-index:1;background-color:white;">
    242. 

  242. 		<div class="floatWindow" style="width:100%; position: relative; background-color:#333;color:white;left:0;top:0;height:20px;z-index:8;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;cursor: context-menu;">
    243. 

  243. 		  <i class="folder icon"></i>%WINDOW_TITLE%
    244. 

  244. 		<div style="top:2px;right:3px;cursor: pointer;position:absolute;" class="closeWindow"><i class="remove icon"></i></div>
    245. 

  245. 		<div style="top:5px;right:25px;cursor: pointer;position:absolute;" class="maximizeWindow"><i class="small window maximize icon"></i></div>
    246. 

  246. 		<div style="top:5px;right:47px;cursor: pointer;position:absolute;" class="minimizeWindow"><i class="minus icon"></i></div>
    247. 

  247. 		</div>
    248. 

  248. 		<iframe style="width:100%;height: -webkit-calc(100% - 20px);height: -moz-calc(100% - 20px);height:calc(100% - 20px); bottom:0;position:absolute;top:20px;" src="%srcPath%" frameborder="1"></iframe>
    249. 

  249. 		<div class="resizeWindow" align="center"></div>
    250. 

  250. 	</div>
    251. 

  251. 	
    252. 

  252. 	<!-- Side bar / Notification bar-->
    253. 

  253. 	<div id="notificationbar" class="notificationbar hidden">
    254. 

  254. 	<div>
    255. 

  255. 		<div class="ts header" style="color:white;font-size:160%;">
    256. 

  256. 			Notification Board
    257. 

  257. 		</div>
    258. 

  258. 		<a style="float: right;cursor: pointer;display:inline;position:absolute;top:0;right:0;" onClick="clearAllNotification();">
    259. 

  259. 			Clear All
    260. 

  260. 		</a>
    261. 

  261. 	</div>
    262. 

  262. 	<div class="ts divider"></div>
    263. 

  263. 		<div id="messageBoard">
    264. 

  264. 		
    265. 

  265. 		</div>
    266. 

  266. 	</div>
    267. 

  267. 	
    268. 

  268. 	<!-- Screen Sticking Indicator-->
    269. 

  269. 	<div id="stickingIndictor" attach="" style="display:none;"></div>
    270. 

  270. 	
    271. 

  271. 	<input id="hiddenInput" style="display:none;"></input>
    272. 

  272. 	
    273. 

  273. 	<!-- PHP -> JS Passthrough -->
    274. 

  274. 	<div style="display:none;">
    275. 

  275. 		<div id="DATA_PIPELINE_supportedModules"><?php echo json_encode($supportedModules); ?></div>
    276. 

  276. 		<div id="DATA_PIPELINE_windowID"><?php $date = date_create(); echo date_timestamp_get($date);?></div>
    277. 

  277. 	</div>
    278. 

  278. 	<script src="function_bar.js"></script>
    279. 

  279. </body>
    280. 

  280. </html>
    281.