itopwebpage.class.inc.php 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458
  1. <?php
  2. require_once("../application/nicewebpage.class.inc.php");
  3. require_once("../application/usercontext.class.inc.php");
  4. require_once("../application/applicationcontext.class.inc.php");
  5. /**
  6. * Web page with some associated CSS and scripts (jquery) for a fancier display
  7. */
  8. class iTopWebPage extends NiceWebPage
  9. {
  10. private $m_sMenu;
  11. private $m_currentOrganization;
  12. private $m_aTabs;
  13. private $m_sCurrentTabContainer;
  14. private $m_sCurrentTab;
  15. public function __construct($sTitle, $currentOrganization)
  16. {
  17. parent::__construct($sTitle);
  18. $this->m_sCurrentTabContainer = '';
  19. $this->m_sCurrentTab = '';
  20. $this->m_aTabs = array();
  21. $this->m_sMenu = "";
  22. $oAppContext = new ApplicationContext();
  23. $sExtraParams = $oAppContext->GetForLink();
  24. $this->add_header("Content-type: text/html; charset=utf-8");
  25. $this->add_header("Cache-control: no-cache");
  26. $this->m_currentOrganization = $currentOrganization;
  27. $this->add_linked_script("../js/jquery.dimensions.js");
  28. $this->add_linked_script("../js/splitter.js");
  29. $this->add_linked_script("../js/jquery.tablehover.js");
  30. $this->add_linked_script("../js/jquery.treeview.js");
  31. $this->add_linked_script("../js/jquery.autocomplete.js");
  32. $this->add_linked_script("../js/jquery.bgiframe.js");
  33. $this->add_linked_script("../js/jquery.jdMenu.js");
  34. $this->add_linked_script("../js/date.js");
  35. $this->add_linked_script("../js/jquery.date.picker.js");
  36. $this->add_linked_script("../js/jquery.tablesorter.min.js");
  37. $this->add_linked_script("../js/utils.js");
  38. //$this->add_linked_script("../js/jquery-ui-personalized-1.5.3.js");
  39. $this->add_linked_script("../js/swfobject.js");
  40. $this->add_linked_stylesheet("../css/jquery.treeview.css");
  41. $this->add_linked_stylesheet("../css/jquery.autocomplete.css");
  42. $this->add_linked_stylesheet("../css/date.picker.css");
  43. $this->add_ready_script(
  44. <<<EOF
  45. // Vertical splitter. The min/max/starting sizes for the left (A) pane
  46. // are set here. All values are in pixels.
  47. $("#MySplitter").splitter({
  48. type: "v",
  49. minA: 100, initA: 250, maxA: 500,
  50. accessKey: "|"
  51. });
  52. // Horizontal splitter, nested in the right pane of the vertical splitter.
  53. if ( $("#TopPane").length > 0)
  54. {
  55. $("#RightPane").splitter({
  56. type: "h" //,
  57. //minA: 100, initA: 150, maxA: 500,
  58. //accessKey: "_"
  59. });
  60. }
  61. // Manually set the outer splitter's height to fill the browser window.
  62. // This must be re-done any time the browser window is resized.
  63. $(window).bind("resize", function(){
  64. var ms = $("#MySplitter");
  65. var top = ms.offset().top; // from dimensions.js
  66. var wh = $(window).height();
  67. // Account for margin or border on the splitter container
  68. var mrg = parseInt(ms.css("marginBottom")) || 0;
  69. var brd = parseInt(ms.css("borderBottomWidth")) || 0;
  70. ms.css("height", (wh-top-mrg-brd)+"px");
  71. // IE fires resize for splitter; others don't so do it here
  72. if ( !jQuery.browser.msie )
  73. ms.trigger("resize");
  74. }).trigger("resize");
  75. var ms = $("#MySplitter");
  76. ms.trigger("resize");
  77. if ( $("#TopPane").length > 0)
  78. {
  79. $("#RightPane").trigger("resize");
  80. }
  81. $("#tabbedContent > ul").tabs( 1, { fxFade: true, fxSpeed: 'fast' } ); // tabs
  82. $("table.listResults").tableHover(); // hover tables
  83. $(".listResults").tablesorter( { headers: { 0:{sorter: false }}, widgets: ['zebra']} ); // sortable and zebra tables
  84. $(".date-pick").datePicker( {clickInput: false, createButton: true, startDate: '2000-01-01'} ); // Date picker
  85. $('#ModalDlg').jqm({ajax: '@href', trigger: 'a.jqmTrigger', overlay:70, modal:true, toTop:true}); // jqModal Window
  86. //$('.display_block').draggable(); // make the blocks draggable
  87. EOF
  88. );
  89. $this->add_script("
  90. // For automplete
  91. function findValue(li) {
  92. if( li == null ) return alert(\"No match!\");
  93. // if coming from an AJAX call, let's use the CityId as the value
  94. if( !!li.extra ) var sValue = li.extra[0];
  95. // otherwise, let's just display the value in the text box
  96. else var sValue = li.selectValue;
  97. //alert(\"The value you selected was: \" + sValue);
  98. }
  99. function selectItem(li) {
  100. findValue(li);
  101. }
  102. function formatItem(row) {
  103. return row[0];
  104. }
  105. function goBack()
  106. {
  107. window.history.back();
  108. }
  109. ");
  110. $this->DisplayMenu();
  111. }
  112. public function AddToMenu($sHtml)
  113. {
  114. $this->m_sMenu .= $sHtml;
  115. }
  116. public function DisplayMenu()
  117. {
  118. // Combo box to select the organization
  119. $this->AddToMenu("<div id=\"OrganizationSelection\">
  120. <form style=\"display:inline\" action=\"{$_SERVER['PHP_SELF']}\"><select style=\"width:150px;font-size:x-small\" name=\"org_id\" title=\"Pick an organization\" onChange=\"this.form.submit();\">\n");
  121. // List of visible Organizations
  122. $oContext = new UserContext();
  123. $oSearchFilter = $oContext->NewFilter("bizOrganization");
  124. $oSet = new CMDBObjectSet($oSearchFilter);
  125. $sSelected = ($this->m_currentOrganization == '') ? ' selected' : '';
  126. $this->AddToMenu("<option value=\"\"$sSelected> All Organizations </option>");
  127. if ($oSet->Count() > 0)
  128. while($oOrg = $oSet->Fetch())
  129. {
  130. if ($this->m_currentOrganization == $oOrg->GetKey())
  131. {
  132. $oCurrentOrganization = $oOrg;
  133. $sSelected = " selected";
  134. }
  135. else
  136. {
  137. $sSelected = "";
  138. }
  139. $this->AddToMenu("<option value=\"".$oOrg->GetKey()."\"$sSelected>".$oOrg->Get('name')."</option>\n");
  140. }
  141. $this->AddToMenu("</select>\n");
  142. // Add other dimensions/context information to this form
  143. $oAppContext = new ApplicationContext();
  144. $oAppContext->Reset('org_id'); // Org id is handled above and we want to be able to change it here !
  145. $this->AddToMenu($oAppContext->GetForForm());
  146. $this->AddToMenu("</form>\n");
  147. $this->AddToMenu("</div>\n");
  148. $this->AddToMenu("<ul id=\"browser\" class=\"dir\">\n");
  149. // Display the menu
  150. $oAppContext = new ApplicationContext();
  151. // 1) Application defined menus
  152. $oSearchFilter = $oContext->NewFilter("menuNode");
  153. $oSearchFilter->AddCondition('parent_id', 0, '=');
  154. $oSearchFilter->AddCondition('type', 'application', '=');
  155. // There may be more criteria added later to have a specific menu based on the user's profile
  156. $oSet = new CMDBObjectSet($oSearchFilter, array('rank' => true));
  157. while ($oRootMenuNode = $oSet->Fetch())
  158. {
  159. $oRootMenuNode->DisplayMenu($this, 'application', $oAppContext->GetAsHash());
  160. }
  161. // 2) User defined menus (Bookmarks)
  162. $oSearchFilter = $oContext->NewFilter("menuNode");
  163. $oSearchFilter->AddCondition('parent_id', 0, '=');
  164. $oSearchFilter->AddCondition('type', 'user', '=');
  165. $oSearchFilter->AddCondition('user_id', UserRights::GetUserId(), '=');
  166. // There may be more criteria added later to have a specific menu based on the user's profile
  167. $oSet = new CMDBObjectSet($oSearchFilter, array('rank' => true));
  168. while ($oRootMenuNode = $oSet->Fetch())
  169. {
  170. $oRootMenuNode->DisplayMenu($this, 'user', $oAppContext->GetAsHash());
  171. }
  172. // 3) Administrator menu
  173. if (userRights::IsAdministrator())
  174. {
  175. $oSearchFilter = $oContext->NewFilter("menuNode");
  176. $oSearchFilter->AddCondition('parent_id', 0, '=');
  177. $oSearchFilter->AddCondition('type', 'administrator', '=');
  178. // There may be more criteria added later to have a specific menu based on the user's profile
  179. $oSet = new CMDBObjectSet($oSearchFilter, array('rank' => true));
  180. while ($oRootMenuNode = $oSet->Fetch())
  181. {
  182. $oRootMenuNode->DisplayMenu($this, 'administrator', $oAppContext->GetAsHash());
  183. }
  184. }
  185. $this->AddToMenu("</ul>\n");
  186. }
  187. /**
  188. * Outputs (via some echo) the complete HTML page by assembling all its elements
  189. */
  190. public function output()
  191. {
  192. foreach($this->a_headers as $s_header)
  193. {
  194. header($s_header);
  195. }
  196. $s_captured_output = ob_get_contents();
  197. ob_end_clean();
  198. echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n";
  199. echo "<html>\n";
  200. echo "<head>\n";
  201. echo "<title>{$this->s_title}</title>\n";
  202. echo "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\n";
  203. echo $this->get_base_tag();
  204. // Stylesheets MUST be loaded before any scripts otherwise
  205. // jQuery scripts may face some spurious problems (like failing on a 'reload')
  206. foreach($this->a_linked_stylesheets as $a_stylesheet)
  207. {
  208. if ($a_stylesheet['condition'] != "")
  209. {
  210. echo "<!--[if {$a_stylesheet['condition']}]>\n";
  211. }
  212. echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"{$a_stylesheet['link']}\" />\n";
  213. if ($a_stylesheet['condition'] != "")
  214. {
  215. echo "<![endif]-->\n";
  216. }
  217. }
  218. foreach($this->a_linked_scripts as $s_script)
  219. {
  220. echo "<script type=\"text/javascript\" src=\"$s_script\"></script>\n";
  221. }
  222. if (count($this->m_aReadyScripts)>0)
  223. {
  224. $this->add_script("\$(document).ready(function() {\n".implode("\n", $this->m_aReadyScripts)."\n});");
  225. }
  226. if (count($this->a_scripts)>0)
  227. {
  228. echo "<script type=\"text/javascript\">\n";
  229. foreach($this->a_scripts as $s_script)
  230. {
  231. echo "$s_script\n";
  232. }
  233. echo "</script>\n";
  234. }
  235. if (count($this->a_styles)>0)
  236. {
  237. echo "<style>\n";
  238. foreach($this->a_styles as $s_style)
  239. {
  240. echo "$s_style\n";
  241. }
  242. echo "</style>\n";
  243. }
  244. echo "<link rel=\"search\" type=\"application/opensearchdescription+xml\" title=\"iTop\" href=\"./opensearch.xml.php\" />\n";
  245. echo "</head>\n";
  246. echo "<body>\n";
  247. // Display the header
  248. if (ITOP_REVISION == '$WCREV$')
  249. {
  250. // This is NOT a version built using the buil system, just display the main version
  251. $sVersionString = "iTop Version ".ITOP_VERSION;
  252. }
  253. else
  254. {
  255. // This is a build made from SVN, let display the full information
  256. $sVersionString = "iTop Version ".ITOP_VERSION." revision ".ITOP_REVISION.", built on: ".ITOP_BUILD_DATE;
  257. }
  258. echo "<div id=\"Header\">\n";
  259. echo "<div class=\"iTopLogo\" title=\"$sVersionString\"><span>iTop</span></div>\n";
  260. //echo "<div id=\"GlobalSearch\"><div style=\"border: 1px solid #999; padding:1px; background-color:#fff;\"><img src=\"../images/magnifier.gif\"/><input style=\"border:0\" type=\"text\" size=\"15\" title=\"Global Search\"></input></div></div>\n";
  261. $sText = Utils::ReadParam('text', '');
  262. $sOnClick = "";
  263. if (empty($sText))
  264. {
  265. // if no search text is supplied then
  266. // 1) the search text is filled with "your search"
  267. // 2) clicking on it will erase it
  268. $sText = "Your search";
  269. $sOnClick = " onclick=\"this.value='';this.onclick=null;\"";
  270. }
  271. $sUserName = UserRights::GetUser();
  272. $sIsAdmin = UserRights::IsAdministrator() ? '(Administrator)' : '';
  273. echo "<div id=\"Login\" style=\"position:absolute; top:18px; right:16px; width:500px;\">Logged in as '$sUserName'&nbsp;$sIsAdmin&nbsp;&nbsp;";
  274. echo "<form action=\"../pages/UI.php\" method=\"post\" style=\"display:inline\">\n";
  275. echo "<input type=\"submit\" value=\"Log off\" />\n";
  276. echo "<input type=\"hidden\" name=\"loginop\" value=\"logoff\" />\n";
  277. echo "</form>\n";
  278. echo "<form action=\"../pages/UI.php\" style=\"display:inline\"><div style=\"padding:1px; background-color:#fff;display:inline;\"><img src=\"../images/magnifier.gif\"/><input style=\"border:0\" type=\"text\" size=\"15\" title=\"Global Search\" name=\"text\" value=\"$sText\"$sOnClick></input></div><input type=\"submit\" value=\"Search\" />
  279. <input type=\"hidden\" name=\"operation\" value=\"full_text\" /></form>\n";
  280. echo "</div>\n";
  281. echo "</div>\n";
  282. // Display the menu
  283. echo "<div id=\"MySplitter\">\n";
  284. echo " <div id=\"LeftPane\">\n";
  285. echo $this->m_sMenu;
  286. echo " </div> <!-- LeftPane -->\n";
  287. echo "<div id=\"RightPane\">\n";
  288. // Render the tabs in the page (if any)
  289. foreach($this->m_aTabs as $sTabContainerName => $m_aTabs)
  290. {
  291. $sTabs = '';
  292. if (count($m_aTabs) > 0)
  293. {
  294. $sTabs = "<!-- tabs -->\n<div id=\"tabbedContent\" class=\"light\">\n";
  295. $sTabs .= "<ul>\n";
  296. // Display the unordered list that will be rendered as the tabs
  297. $i = 0;
  298. foreach($m_aTabs as $sTabName => $sTabContent)
  299. {
  300. $sTabs .= "<li><a href=\"#fragment_$i\" class=\"tab\"><span>".htmlentities($sTabName)."</span></a></li>\n";
  301. $i++;
  302. }
  303. $sTabs .= "</ul>\n";
  304. // Now add the content of the tabs themselves
  305. $i = 0;
  306. foreach($m_aTabs as $sTabName => $sTabContent)
  307. {
  308. $sTabs .= "<div id=\"fragment_$i\">".$sTabContent."</div>\n";
  309. $i++;
  310. }
  311. $sTabs .= "</div>\n<!-- end of tabs-->\n";
  312. }
  313. $this->s_content = str_replace("\$Tabs:$sTabContainerName\$", $sTabs, $this->s_content);
  314. }
  315. // Display the page's content
  316. echo $this->s_content;
  317. // Add the captured output
  318. if (trim($s_captured_output) != "")
  319. {
  320. echo "<div class=\"raw_output\">$s_captured_output</div>\n";
  321. }
  322. echo $this->s_deferred_content;
  323. echo "<div class=\"jqmWindow\" id=\"ex2\">Please wait...</div>\n"; // jqModal Window
  324. echo "</div> <!-- RightPane -->\n";
  325. echo "</div> <!-- Splitter -->\n";
  326. echo "<div class=\"jqmWindow\" id=\"ModalDlg\"></div>";
  327. echo "</body>\n";
  328. echo "</html>\n";
  329. }
  330. public function AddTabContainer($sTabContainer)
  331. {
  332. $this->m_aTabs[$sTabContainer] = array();
  333. $this->add("\$Tabs:$sTabContainer\$");
  334. }
  335. public function AddToTab($sTabContainer, $sTabLabel, $sHtml)
  336. {
  337. if (!isset($this->m_aTabs[$sTabContainer][$sTabLabel]))
  338. {
  339. // Set the content of the tab
  340. $this->m_aTabs[$sTabContainer][$sTabLabel] = $sHtml;
  341. }
  342. else
  343. {
  344. // Append to the content of the tab
  345. $this->m_aTabs[$sTabContainer][$sTabLabel] .= $sHtml;
  346. }
  347. }
  348. public function SetCurrentTabContainer($sTabContainer = '')
  349. {
  350. $sPreviousTabContainer = $this->m_sCurrentTabContainer;
  351. $this->m_sCurrentTabContainer = $sTabContainer;
  352. return $sPreviousTabContainer;
  353. }
  354. public function SetCurrentTab($sTabLabel = '')
  355. {
  356. $sPreviousTab = $this->m_sCurrentTab;
  357. $this->m_sCurrentTab = $sTabLabel;
  358. return $sPreviousTab;
  359. }
  360. public function StartCollapsibleSection($sSectionLabel, $bOpen = false)
  361. {
  362. $this->add($this->GetStartCollapsibleSection($sSectionLabel, $bOpen));
  363. }
  364. public function GetStartCollapsibleSection($sSectionLabel, $bOpen = false)
  365. {
  366. $sHtml = '';
  367. static $iSectionId = 0;
  368. $sImgStyle = $bOpen ? ' open' : '';
  369. $sHtml .= "<a id=\"LnkCollapse_$iSectionId\" class=\"CollapsibleLabel{$sImgStyle}\" href=\"#\">$sSectionLabel</a></br>\n";
  370. $sStyle = $bOpen ? '' : 'style="display:none" ';
  371. $sHtml .= "<div id=\"Collapse_$iSectionId\" $sStyle>";
  372. $this->add_ready_script("\$(\"#LnkCollapse_$iSectionId\").click(function() {\$(\"#Collapse_$iSectionId\").slideToggle('normal'); $(\"#LnkCollapse_$iSectionId\").toggleClass('open');});");
  373. //$this->add_ready_script("$('#LnkCollapse_$iSectionId').hide();");
  374. $iSectionId++;
  375. return $sHtml;
  376. }
  377. public function EndCollapsibleSection()
  378. {
  379. $this->add($this->GetEndCollapsibleSection());
  380. }
  381. public function GetEndCollapsibleSection()
  382. {
  383. return "</div>";
  384. }
  385. public function add($sHtml)
  386. {
  387. if (!empty($this->m_sCurrentTabContainer) && !empty($this->m_sCurrentTab))
  388. {
  389. $this->AddToTab($this->m_sCurrentTabContainer, $this->m_sCurrentTab, $sHtml);
  390. }
  391. else
  392. {
  393. parent::add($sHtml);
  394. }
  395. }
  396. /*
  397. public function AddSearchForm($sClassName, $bOpen = false)
  398. {
  399. $iSearchSectionId = 0;
  400. $sStyle = $bOpen ? 'SearchDrawer' : 'SearchDrawer DrawerClosed';
  401. $this->add("<div id=\"Search_$iSearchSectionId\" class=\"$sStyle\">\n");
  402. $this->add("<h1>Search form for ".Metamodel::GetName($sClassName)."</h1>\n");
  403. $this->add_ready_script("\$(\"#LnkSearch_$iSearchSectionId\").click(function() {\$(\"#Search_$iSearchSectionId\").slideToggle('normal'); $(\"#LnkSearch_$iSearchSectionId\").toggleClass('open');});");
  404. $oFilter = new DBObjectSearch($sClassName);
  405. $sFilter = $oFilter->serialize();
  406. $oSet = new CMDBObjectSet($oFilter);
  407. cmdbAbstractObject::DisplaySearchForm($this, $oSet, array('operation' => 'search', 'filter' => $sFilter, 'search_form' => true));
  408. $this->add("</div>\n");
  409. $this->add("<div class=\"HRDrawer\"/></div>\n");
  410. $this->add("<div id=\"LnkSearch_$iSearchSectionId\" class=\"DrawerHandle\">Search</div>\n");
  411. $iSearchSectionId++;
  412. }
  413. */
  414. }
  415. ?>