itopwebpage.class.inc.php 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866
  1. <?php
  2. // Copyright (C) 2010 Combodo SARL
  3. //
  4. // This program is free software; you can redistribute it and/or modify
  5. // it under the terms of the GNU General Public License as published by
  6. // the Free Software Foundation; version 3 of the License.
  7. //
  8. // This program is distributed in the hope that it will be useful,
  9. // but WITHOUT ANY WARRANTY; without even the implied warranty of
  10. // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  11. // GNU General Public License for more details.
  12. //
  13. // You should have received a copy of the GNU General Public License
  14. // along with this program; if not, write to the Free Software
  15. // Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
  16. /**
  17. * Class iTopWebPage
  18. *
  19. * @author Erwan Taloc <erwan.taloc@combodo.com>
  20. * @author Romain Quetiez <romain.quetiez@combodo.com>
  21. * @author Denis Flaven <denis.flaven@combodo.com>
  22. * @license http://www.opensource.org/licenses/gpl-3.0.html LGPL
  23. */
  24. require_once(APPROOT."/application/nicewebpage.class.inc.php");
  25. require_once(APPROOT."/application/applicationcontext.class.inc.php");
  26. require_once(APPROOT."/application/user.preferences.class.inc.php");
  27. /**
  28. * Web page with some associated CSS and scripts (jquery) for a fancier display
  29. */
  30. class iTopWebPage extends NiceWebPage
  31. {
  32. private $m_sMenu;
  33. // private $m_currentOrganization;
  34. private $m_aTabs;
  35. private $m_sCurrentTabContainer;
  36. private $m_sCurrentTab;
  37. public function __construct($sTitle)
  38. {
  39. parent::__construct($sTitle);
  40. $this->m_sCurrentTabContainer = '';
  41. $this->m_sCurrentTab = '';
  42. $this->m_aTabs = array();
  43. $this->m_sMenu = "";
  44. $oAppContext = new ApplicationContext();
  45. $sExtraParams = $oAppContext->GetForLink();
  46. // $this->m_currentOrganization = $currentOrganization;
  47. $this->add_header("Content-type: text/html; charset=utf-8");
  48. $this->add_header("Cache-control: no-cache");
  49. $this->add_linked_stylesheet("../css/jquery.treeview.css");
  50. $this->add_linked_stylesheet("../css/jquery.autocomplete.css");
  51. // $this->add_linked_stylesheet("../css/date.picker.css");
  52. $this->add_linked_script('../js/jquery.layout.min.js');
  53. $this->add_linked_script('../js/jquery.ba-bbq.min.js');
  54. // $this->add_linked_script("../js/jquery.dimensions.js");
  55. $this->add_linked_script("../js/jquery.tablehover.js");
  56. $this->add_linked_script("../js/jquery.treeview.js");
  57. $this->add_linked_script("../js/jquery.autocomplete.js");
  58. $this->add_linked_script("../js/jquery.bgiframe.js");
  59. $this->add_linked_script("../js/jquery.positionBy.js");
  60. $this->add_linked_script("../js/jquery.popupmenu.js");
  61. $this->add_linked_script("../js/date.js");
  62. // $this->add_linked_script("../js/jquery.date.picker.js");
  63. $this->add_linked_script("../js/jquery.tablesorter.min.js");
  64. $this->add_linked_script("../js/jquery.blockUI.js");
  65. $this->add_linked_script("../js/utils.js");
  66. $this->add_linked_script("../js/swfobject.js");
  67. $this->add_ready_script(
  68. <<<EOF
  69. try
  70. {
  71. var myLayout; // a var is required because this page utilizes: myLayout.allowOverflow() method
  72. $(document).ready(function () {
  73. // Layout
  74. paneSize = GetUserPreference('menu_size', 300)
  75. myLayout = $('body').layout({
  76. west : {
  77. minSize: 200, size: paneSize, spacing_open: 16, spacing_close: 16, slideTrigger_open: "mouseover", hideTogglerOnSlide: true,
  78. onclose_end: function(name, elt, state, options, layout)
  79. {
  80. if (state.isSliding == false)
  81. {
  82. SetUserPreference('menu_pane', 'closed', true);
  83. }
  84. },
  85. onresize_end: function(name, elt, state, options, layout)
  86. {
  87. if (state.isSliding == false)
  88. {
  89. SetUserPreference('menu_size', state.size, true);
  90. }
  91. },
  92. onopen_end: function(name, elt, state, options, layout)
  93. {
  94. if (state.isSliding == false)
  95. {
  96. SetUserPreference('menu_pane', 'open', true);
  97. }
  98. }
  99. },
  100. center: {
  101. onresize_end: function(name, elt, state, options, layout)
  102. {
  103. $('.v-resizable').each( function() {
  104. var fixedWidth = $(this).parent().innerWidth() - 6;
  105. $(this).width(fixedWidth);
  106. // Make sure it cannot be resized horizontally
  107. $(this).resizable('options', { minWidth: fixedWidth, maxWidth: fixedWidth });
  108. // Now adjust all the child 'items'
  109. var innerWidth = $(this).innerWidth() - 10;
  110. $(this).find('.item').width(innerWidth);
  111. });
  112. }
  113. }
  114. });
  115. myLayout.addPinBtn( "#tPinMenu", "west" );
  116. //myLayout.open( "west" );
  117. $('.ui-layout-resizer-west').html('<img src="../images/splitter-top-corner.png"/>');
  118. if (GetUserPreference('menu_pane', 'open') == 'closed')
  119. {
  120. myLayout.close('west');
  121. }
  122. // Accordion Menu
  123. $("#accordion").accordion({ header: "h3", navigation: true, autoHeight: false, collapsible: false, icons: false }); // collapsible will be enabled once the item will be selected
  124. });
  125. //add new widget called TruncatedList to properly display truncated lists when they are sorted
  126. $.tablesorter.addWidget({
  127. // give the widget a id
  128. id: "truncatedList",
  129. // format is called when the on init and when a sorting has finished
  130. format: function(table)
  131. {
  132. // Check if there is a "truncated" line
  133. this.truncatedList = false;
  134. if ($("tr td.truncated",table).length > 0)
  135. {
  136. this.truncatedList = true;
  137. }
  138. if (this.truncatedList)
  139. {
  140. $("tr td",table).removeClass('truncated');
  141. $("tr:last td",table).addClass('truncated');
  142. }
  143. }
  144. });
  145. $.tablesorter.addWidget({
  146. // give the widget a id
  147. id: "myZebra",
  148. // format is called when the on init and when a sorting has finished
  149. format: function(table)
  150. {
  151. // Replace the 'red even' lines by 'red_even' since most browser do not support 2 classes selector in CSS, etc..
  152. $("tbody tr:even",table).addClass('even');
  153. $("tbody tr.red:even",table).removeClass('red').removeClass('even').addClass('red_even');
  154. $("tbody tr.orange:even",table).removeClass('orange').removeClass('even').addClass('orange_even');
  155. $("tbody tr.green:even",table).removeClass('green').removeClass('even').addClass('green_even');
  156. // In case we sort again the table, we need to remove the added 'even' classes on odd rows
  157. $("tbody tr:odd",table).removeClass('even');
  158. $("tbody tr.red_even:odd",table).removeClass('even').removeClass('red_even').addClass('red');
  159. $("tbody tr.orange_even:odd",table).removeClass('even').removeClass('orange_even').addClass('orange');
  160. $("tbody tr.green_even:odd",table).removeClass('even').removeClass('green_even').addClass('green');
  161. }
  162. });
  163. $('.resizable').resizable(); // Make resizable everything that claims to be resizable !
  164. // Adjust initial size
  165. $('.v-resizable').each( function()
  166. {
  167. var parent_id = $(this).parent().id;
  168. // Restore the saved height
  169. var iHeight = GetUserPreference(parent_id+'_'+this.id+'_height', undefined);
  170. if (iHeight != undefined)
  171. {
  172. $(this).height(parseInt(iHeight, 10)); // Parse in base 10 !);
  173. }
  174. // Adjust the child 'item''s height and width to fit
  175. var container = $(this);
  176. var fixedWidth = container.parent().innerWidth() - 6;
  177. // Set the width to fit the parent
  178. $(this).width(fixedWidth);
  179. var headerHeight = $(this).find('.drag_handle').height();
  180. // Now adjust the width and height of the child 'item'
  181. container.find('.item').height(container.innerHeight() - headerHeight - 12).width(fixedWidth - 10);
  182. }
  183. );
  184. // Make resizable, vertically only everything that claims to be v-resizable !
  185. $('.v-resizable').resizable( { handles: 's', minHeight: $(this).find('.drag_handle').height(), minWidth: $(this).parent().innerWidth() - 6, maxWidth: $(this).parent().innerWidth() - 6, stop: function()
  186. {
  187. // Adjust the content
  188. var container = $(this);
  189. var headerHeight = $(this).find('.drag_handle').height();
  190. container.find('.item').height(container.innerHeight() - headerHeight - 12);//.width(container.innerWidth());
  191. var parent_id = $(this).parent().id;
  192. SetUserPreference(parent_id+'_'+this.id+'_height', $(this).height(), true); // true => persistent
  193. }
  194. } );
  195. // Tabs, using JQuery BBQ to store the history
  196. // The "tab widgets" to handle.
  197. var tabs = $('div[id^=tabbedContent]');
  198. // This selector will be reused when selecting actual tab widget A elements.
  199. var tab_a_selector = 'ul.ui-tabs-nav a';
  200. // Enable tabs on all tab widgets. The `event` property must be overridden so
  201. // that the tabs aren't changed on click, and any custom event name can be
  202. // specified. Note that if you define a callback for the 'select' event, it
  203. // will be executed for the selected tab whenever the hash changes.
  204. tabs.tabs({ event: 'change' });
  205. // Define our own click handler for the tabs, overriding the default.
  206. tabs.find( tab_a_selector ).click(function()
  207. {
  208. var state = {};
  209. // Get the id of this tab widget.
  210. var id = $(this).closest( 'div[id^=tabbedContent]' ).attr( 'id' );
  211. // Get the index of this tab.
  212. var idx = $(this).parent().prevAll().length;
  213. // Set the state!
  214. state[ id ] = idx;
  215. $.bbq.pushState( state );
  216. });
  217. // Bind an event to window.onhashchange that, when the history state changes,
  218. // iterates over all tab widgets, changing the current tab as necessary.
  219. $(window).bind( 'hashchange', function(e)
  220. {
  221. // Iterate over all tab widgets.
  222. tabs.each(function()
  223. {
  224. // Get the index for this tab widget from the hash, based on the
  225. // appropriate id property. In jQuery 1.4, you should use e.getState()
  226. // instead of $.bbq.getState(). The second, 'true' argument coerces the
  227. // string value to a number.
  228. var idx = $.bbq.getState( this.id, true ) || 0;
  229. // Select the appropriate tab for this tab widget by triggering the custom
  230. // event specified in the .tabs() init above (you could keep track of what
  231. // tab each widget is on using .data, and only select a tab if it has
  232. // changed).
  233. $(this).find( tab_a_selector ).eq( idx ).triggerHandler( 'change' );
  234. });
  235. // Iterate over all truncated lists to find whether they are expanded or not
  236. $('a.truncated').each(function()
  237. {
  238. var state = $.bbq.getState( this.id, true ) || 'close';
  239. if (state == 'open')
  240. {
  241. $(this).trigger('open');
  242. }
  243. else
  244. {
  245. $(this).trigger('close');
  246. }
  247. });
  248. });
  249. // End of Tabs handling
  250. $("table.listResults").tableHover(); // hover tables
  251. // Check each 'listResults' table for a checkbox in the first column and make the first column sortable only if it does not contain a checkbox in the header
  252. $(".listResults").each( function()
  253. {
  254. var table = $(this);
  255. var id = $(this).parent();
  256. var checkbox = (table.find('th:first :checkbox').length > 0);
  257. if (checkbox)
  258. {
  259. // There is a checkbox in the first column, don't make it sortable
  260. table.tablesorter( { headers: { 0: {sorter: false}}, widgets: ['myZebra', 'truncatedList']} ); // sortable and zebra tables
  261. }
  262. else
  263. {
  264. // There is NO checkbox in the first column, all columns are considered sortable
  265. table.tablesorter( { widgets: ['myZebra', 'truncatedList']} ); // sortable and zebra tables
  266. }
  267. });
  268. $(".date-pick").datepicker({
  269. showOn: 'button',
  270. buttonImage: '../images/calendar.png',
  271. buttonImageOnly: true,
  272. dateFormat: 'yy-mm-dd',
  273. constrainInput: false,
  274. changeMonth: true,
  275. changeYear: true
  276. });
  277. // Restore the persisted sortable order, for all sortable lists... if any
  278. $('.sortable').each(function()
  279. {
  280. var sTemp = GetUserPreference(this.id+'_order', undefined);
  281. if (sTemp != undefined)
  282. {
  283. var aSerialized = sTemp.split(',');
  284. var sortable = $(this);
  285. $.each(aSerialized, function(i,v) {
  286. var item = $('#menu_'+v);
  287. if (item.length > 0) // Check that the menu exists
  288. {
  289. sortable.append(item);
  290. }
  291. });
  292. }
  293. });
  294. // Make sortable, everything that claims to be sortable
  295. $('.sortable').sortable( {axis: 'y', cursor: 'move', handle: '.drag_handle', stop: function()
  296. {
  297. if ($(this).hasClass('persistent'))
  298. {
  299. // remember the sort order for next time the page is loaded...
  300. sSerialized = $(this).sortable('serialize', {key: 'menu'});
  301. var sTemp = sSerialized.replace(/menu=/g, '');
  302. SetUserPreference(this.id+'_order', sTemp.replace(/&/g, ','), true); // true => persistent !
  303. }
  304. }
  305. });
  306. docWidth = $(document).width();
  307. $('#ModalDlg').dialog({ autoOpen: false, modal: true, width: 0.8*docWidth }); // JQuery UI dialogs
  308. ShowDebug();
  309. $('#logOffBtn>ul').popupmenu();
  310. // $.history.init(history_callback);
  311. // $("a[rel='history']").click(function()
  312. // {
  313. // $.history.load(this.href.replace(/^.*#/, ''));
  314. // return false;
  315. // });
  316. }
  317. catch(err)
  318. {
  319. // Do something with the error !
  320. alert(err);
  321. }
  322. //$('.display_block').draggable(); // make the blocks draggable
  323. EOF
  324. );
  325. $sUserPrefs = appUserPreferences::GetAsJSON();
  326. $this->add_script(
  327. <<<EOF
  328. // // for JQuery history
  329. // function history_callback(hash)
  330. // {
  331. // // do stuff that loads page content based on hash variable
  332. // var aMatches = /^tab_(.*)$/.exec(hash);
  333. // if (aMatches != null)
  334. // {
  335. // var tab = $('#'+hash);
  336. // tab.parents('div[id^=tabbedContent]:first').tabs('select', aMatches[1]);
  337. // }
  338. // }
  339. function formatItem(row) {
  340. return row[0];
  341. }
  342. function goBack()
  343. {
  344. window.history.back();
  345. }
  346. function BackToDetails(sClass, id)
  347. {
  348. window.location.href = './UI.php?operation=details&class='+sClass+'&id='+id;
  349. }
  350. function BackToList(sClass)
  351. {
  352. window.location.href = './UI.php?operation=search_oql&oql_class='+sClass+'&oql_clause=WHERE id=0';
  353. }
  354. function ShowDebug()
  355. {
  356. if ($('#rawOutput > div').html() != '')
  357. {
  358. $('#rawOutput').dialog( {autoOpen: true, modal:false});
  359. }
  360. }
  361. var oUserPreferences = $sUserPrefs;
  362. EOF
  363. );
  364. }
  365. public function AddToMenu($sHtml)
  366. {
  367. $this->m_sMenu .= $sHtml;
  368. }
  369. public function GetSiloSelectionForm()
  370. {
  371. // List of visible Organizations
  372. $iCount = 0;
  373. if (MetaModel::IsValidClass('Organization'))
  374. {
  375. $oSearchFilter = new DBObjectSearch('Organization');
  376. $oSet = new CMDBObjectSet($oSearchFilter);
  377. $iCount = $oSet->Count();
  378. }
  379. switch($iCount)
  380. {
  381. case 0:
  382. // No such dimension/silo => nothing to select
  383. $sHtml = '<div id="SiloSelection"><!-- nothing to select --></div>';
  384. break;
  385. case 1:
  386. // Only one possible choice... no selection, but display the value
  387. $oOrg = $oSet->Fetch();
  388. $sHtml = '<div id="SiloSelection">'.$oOrg->GetName().'</div>';
  389. $sHtml .= '';
  390. break;
  391. default:
  392. $oAppContext = new ApplicationContext();
  393. $iCurrentOrganization = $oAppContext->GetCurrentValue('org_id');
  394. $sHtml = '<div id="SiloSelection">';
  395. $sHtml .= '<form style="display:inline" action="'.$_SERVER['PHP_SELF'].'"><select class="org_combo" name="c[org_id]" title="Pick an organization" onChange="this.form.submit();">';
  396. $sSelected = ($iCurrentOrganization == '') ? ' selected' : '';
  397. $sHtml .= '<option value=""'.$sSelected.'>'.Dict::S('UI:AllOrganizations').'</option>';
  398. while($oOrg = $oSet->Fetch())
  399. {
  400. if ($iCurrentOrganization == $oOrg->GetKey())
  401. {
  402. // $oCurrentOrganization = $oOrg;
  403. $sSelected = " selected";
  404. }
  405. else
  406. {
  407. $sSelected = "";
  408. }
  409. $sHtml .= '<option title="'.$oOrg->GetName().'" value="'.$oOrg->GetKey().'"'.$sSelected.'>'.$oOrg->GetName().'</option>';
  410. }
  411. $sHtml .= '</select>';
  412. // Add other dimensions/context information to this form
  413. // $oAppContext = new ApplicationContext();
  414. $oAppContext->Reset('org_id'); // org_id is handled above and we want to be able to change it here !
  415. $sHtml .= $oAppContext->GetForForm();
  416. $sHtml .= '</form>';
  417. $sHtml .= '</div>';
  418. }
  419. return $sHtml;
  420. }
  421. public function DisplayMenu()
  422. {
  423. // Display the menu
  424. $oAppContext = new ApplicationContext();
  425. $iAccordionIndex = 0;
  426. ApplicationMenu::DisplayMenu($this, $oAppContext->GetAsHash());
  427. }
  428. /**
  429. * Outputs (via some echo) the complete HTML page by assembling all its elements
  430. */
  431. public function output()
  432. {
  433. $this->DisplayMenu(); // Compute the menu
  434. // Put here the 'ready scripts' that must be executed after all others
  435. $this->add_ready_script(
  436. <<<EOF
  437. // Since the event is only triggered when the hash changes, we need to trigger
  438. // the event now, to handle the hash the page may have loaded with.
  439. $(window).trigger( 'hashchange' );
  440. EOF
  441. );
  442. foreach($this->a_headers as $s_header)
  443. {
  444. header($s_header);
  445. }
  446. $s_captured_output = ob_get_contents();
  447. ob_end_clean();
  448. echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n";
  449. echo "<html>\n";
  450. echo "<head>\n";
  451. // Make sure that Internet Explorer renders the page using its latest/highest/greatest standards !
  452. echo "<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n";
  453. echo "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\n";
  454. echo "<title>{$this->s_title}</title>\n";
  455. echo $this->get_base_tag();
  456. // Stylesheets MUST be loaded before any scripts otherwise
  457. // jQuery scripts may face some spurious problems (like failing on a 'reload')
  458. foreach($this->a_linked_stylesheets as $a_stylesheet)
  459. {
  460. if ($a_stylesheet['condition'] != "")
  461. {
  462. echo "<!--[if {$a_stylesheet['condition']}]>\n";
  463. }
  464. echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"{$a_stylesheet['link']}\" />\n";
  465. if ($a_stylesheet['condition'] != "")
  466. {
  467. echo "<![endif]-->\n";
  468. }
  469. }
  470. foreach($this->a_linked_scripts as $s_script)
  471. {
  472. echo "<script type=\"text/javascript\" src=\"$s_script\"></script>\n";
  473. }
  474. if (count($this->m_aReadyScripts)>0)
  475. {
  476. $this->add_script("\$(document).ready(function() {\n".implode("\n", $this->m_aReadyScripts)."\n});");
  477. }
  478. if (count($this->a_scripts)>0)
  479. {
  480. echo "<script type=\"text/javascript\">\n";
  481. foreach($this->a_scripts as $s_script)
  482. {
  483. echo "$s_script\n";
  484. }
  485. echo "</script>\n";
  486. }
  487. if (count($this->a_styles)>0)
  488. {
  489. echo "<style>\n";
  490. foreach($this->a_styles as $s_style)
  491. {
  492. echo "$s_style\n";
  493. }
  494. echo "</style>\n";
  495. }
  496. echo "<link rel=\"search\" type=\"application/opensearchdescription+xml\" title=\"iTop\" href=\"./opensearch.xml.php\" />\n";
  497. echo "</head>\n";
  498. echo "<body>\n";
  499. // Render the revision number
  500. if (ITOP_REVISION == '$WCREV$')
  501. {
  502. // This is NOT a version built using the buil system, just display the main version
  503. $sVersionString = Dict::Format('UI:iTopVersion:Short', ITOP_VERSION);
  504. }
  505. else
  506. {
  507. // This is a build made from SVN, let display the full information
  508. $sVersionString = Dict::Format('UI:iTopVersion:Long', ITOP_VERSION, ITOP_REVISION, ITOP_BUILD_DATE);
  509. }
  510. // Render the text of the global search form
  511. $sText = Utils::ReadParam('text', '');
  512. $sOnClick = "";
  513. if (empty($sText))
  514. {
  515. // if no search text is supplied then
  516. // 1) the search text is filled with "your search"
  517. // 2) clicking on it will erase it
  518. $sText = Dict::S("UI:YourSearch");
  519. $sOnClick = " onclick=\"this.value='';this.onclick=null;\"";
  520. }
  521. $sForm = $this->GetSiloSelectionForm();
  522. // Render the tabs in the page (if any)
  523. foreach($this->m_aTabs as $sTabContainerName => $m_aTabs)
  524. {
  525. $sTabs = '';
  526. $container_index = 0;
  527. if (count($m_aTabs) > 0)
  528. {
  529. $sTabs = "<!-- tabs -->\n<div id=\"tabbedContent_{$container_index}\" class=\"light\">\n";
  530. $sTabs .= "<ul>\n";
  531. // Display the unordered list that will be rendered as the tabs
  532. $i = 0;
  533. foreach($m_aTabs as $sTabName => $sTabContent)
  534. {
  535. $sTabs .= "<li><a href=\"#tab_$i\" class=\"tab\"><span>".htmlentities($sTabName, ENT_QUOTES, 'UTF-8')."</span></a></li>\n";
  536. $i++;
  537. }
  538. $sTabs .= "</ul>\n";
  539. // Now add the content of the tabs themselves
  540. $i = 0;
  541. foreach($m_aTabs as $sTabName => $sTabContent)
  542. {
  543. $sTabs .= "<div id=\"tab_$i\">".$sTabContent."</div>\n";
  544. $i++;
  545. }
  546. $sTabs .= "</div>\n<!-- end of tabs-->\n";
  547. }
  548. $this->s_content = str_replace("\$Tabs:$sTabContainerName\$", $sTabs, $this->s_content);
  549. $container_index++;
  550. }
  551. $sUserName = UserRights::GetUser();
  552. $sIsAdmin = UserRights::IsAdministrator() ? '(Administrator)' : '';
  553. if (UserRights::IsAdministrator())
  554. {
  555. $sLogonMessage = Dict::Format('UI:LoggedAsMessage+Admin', $sUserName);
  556. }
  557. else
  558. {
  559. $sLogonMessage = Dict::Format('UI:LoggedAsMessage', $sUserName);
  560. }
  561. $sLogOffMenu = "<span id=\"logOffBtn\"><ul><li><img src=\"../images/onOffBtn.png\"><ul>";
  562. $sLogOffMenu .= "<li><span>$sLogonMessage</span></li>\n";
  563. if (utils::CanLogOff() && UserRights::CanLogOff())
  564. {
  565. //$sLogOffMenu .= "<li><a href=\"../pages/UI.php?loginop=logoff\">".Dict::S('UI:LogOffMenu')."</a></li>\n";
  566. $sLogOffMenu .= "<li><a href=\"../pages/logoff.php\">".Dict::S('UI:LogOffMenu')."</a></li>\n";
  567. }
  568. if (UserRights::CanChangePassword())
  569. {
  570. $sLogOffMenu .= "<li><a href=\"../pages/UI.php?loginop=change_pwd\">".Dict::S('UI:ChangePwdMenu')."</a></li>\n";
  571. }
  572. $sLogOffMenu .= "</ul>\n</li>\n</ul></span>\n";
  573. if (MetaModel::DBIsReadOnly())
  574. {
  575. $sApplicationMode = Dict::S('UI:ApplicationReadOnly');
  576. }
  577. else
  578. {
  579. $sApplicationMode = '';
  580. }
  581. //$sLogOffMenu = "<span id=\"logOffBtn\" style=\"height:55px;padding:0;margin:0;\"><img src=\"../images/onOffBtn.png\"></span>";
  582. echo '<div id="left-pane" class="ui-layout-west">';
  583. echo '<!-- Beginning of the left pane -->';
  584. echo ' <div id="header-logo">';
  585. echo ' <div id="top-left"></div><div id="logo"><a href="http://www.combodo.com/itop"><img src="../images/itop-logo.png" title="'.$sVersionString.'" style="border:0; margin-top:16px; margin-right:40px;"/></a></div>';
  586. echo ' </div>';
  587. echo ' <div class="header-menu">';
  588. echo ' <div class="icon ui-state-default ui-corner-all"><span id="tPinMenu" class="ui-icon ui-icon-pin-w">pin</span></div>';
  589. echo ' <div style="text-align:center;">'.$sForm.'</div>';
  590. echo ' </div>';
  591. echo ' <div id="menu" class="ui-layout-content">';
  592. echo ' <div id="inner_menu">';
  593. echo ' <div id="accordion">';
  594. echo $this->m_sMenu;
  595. echo ' <!-- Beginning of the accordion menu -->';
  596. echo ' <!-- End of the accordion menu-->';
  597. echo ' </div>';
  598. echo ' </div> <!-- /inner menu -->';
  599. echo ' </div> <!-- /menu -->';
  600. echo ' <div class="footer"><a href="http://www.combodo.com" title="www.combodo.com" target="_blank"><img src="../images/logo-combodo.png"/></a></div>';
  601. echo '<!-- End of the left pane -->';
  602. echo '</div>';
  603. echo '<div class="ui-layout-center">';
  604. echo ' <div id="top-bar" style="width:100%">';
  605. echo ' <div id="global-search"><form action="../pages/UI.php"><table><tr><td></td><td id="g-search-input"><input type="text" name="text" value="'.$sText.'"'.$sOnClick.'/></td>';
  606. echo '<td><input type="image" src="../images/searchBtn.png"/></a></td><td>'.$sApplicationMode.'</td>';
  607. echo '<td><a style="background:transparent;" href="http://www.combodo.com/itop-help" target="_blank"><img style="border:0;padding-left:20px;padding-right:10px;" title="'.Dict::S('UI:Help').'" src="../images/help.png"/></td>';
  608. echo '<td style="padding-right:20px;padding-left:10px;">'.$sLogOffMenu.'</td><td><input type="hidden" name="operation" value="full_text"/></td></tr></table></form></div>';
  609. //echo '<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="hidden" name="operation" value="full_text"/></td></tr></table></form></div>';
  610. echo ' </div>';
  611. echo ' <div class="ui-layout-content">';
  612. echo ' <!-- Beginning of page content -->';
  613. echo $this->s_content;
  614. echo ' <!-- End of page content -->';
  615. echo ' </div>';
  616. echo '</div>';
  617. /*
  618. echo "<div class=\"iTopLogo\" title=\"$sVersionString\"><span>iTop</span></div>\n";
  619. //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";
  620. $sText = Utils::ReadParam('text', '');
  621. $sOnClick = "";
  622. if (empty($sText))
  623. {
  624. // if no search text is supplied then
  625. // 1) the search text is filled with "your search"
  626. // 2) clicking on it will erase it
  627. $sText = Dict::S("UI:YourSearch");
  628. $sOnClick = " onclick=\"this.value='';this.onclick=null;\"";
  629. }
  630. $sUserName = UserRights::GetUser();
  631. $sIsAdmin = UserRights::IsAdministrator() ? '(Administrator)' : '';
  632. if (UserRights::IsAdministrator())
  633. {
  634. $sLogonMessage = Dict::Format('UI:LoggedAsMessage+Admin', $sUserName);
  635. }
  636. else
  637. {
  638. $sLogonMessage = Dict::Format('UI:LoggedAsMessage', $sUserName);
  639. }
  640. $sLogOffBtn = Dict::S('UI:Button:Logoff');
  641. $sSearchBtn = Dict::S('UI:Button:GlobalSearch');
  642. echo "<div id=\"Login\" style=\"position:absolute; top:18px; right:16px; width:600px;\">{$sLogonMessage}&nbsp;&nbsp;";
  643. echo "<form action=\"../pages/UI.php\" method=\"post\" style=\"display:inline\">\n";
  644. echo "<input type=\"submit\" value=\"$sLogOffBtn\" />\n";
  645. echo "<input type=\"hidden\" name=\"loginop\" value=\"logoff\" />\n";
  646. echo "</form>\n";
  647. 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=\"$sSearchBtn\" />
  648. <input type=\"hidden\" name=\"operation\" value=\"full_text\" /></form>\n";
  649. echo "</div>\n";
  650. echo "</div>\n";
  651. // Display the menu
  652. echo "<div id=\"MySplitter\">\n";
  653. echo " <div id=\"LeftPane\">\n";
  654. echo $this->m_sMenu;
  655. echo " </div> <!-- LeftPane -->\n";
  656. echo "<div id=\"RightPane\">\n";
  657. // Display the page's content
  658. echo $this->s_content;
  659. */
  660. // Add the captured output
  661. if (trim($s_captured_output) != "")
  662. {
  663. echo "<div id=\"rawOutput\" title=\"Debug Output\"><div style=\"height:500px; overflow-y:auto;\">$s_captured_output</div></div>\n";
  664. }
  665. echo $this->s_deferred_content;
  666. echo "<div style=\"display:none\" title=\"ex2\" id=\"ex2\">Please wait...</div>\n"; // jqModal Window
  667. echo "<div style=\"display:none\" title=\"dialog\" id=\"ModalDlg\"></div>";
  668. echo "<div style=\"display:none\" id=\"ajax_content\"></div>";
  669. echo "</body>\n";
  670. echo "</html>\n";
  671. }
  672. public function AddTabContainer($sTabContainer)
  673. {
  674. $this->m_aTabs[$sTabContainer] = array();
  675. $this->add("\$Tabs:$sTabContainer\$");
  676. }
  677. public function AddToTab($sTabContainer, $sTabLabel, $sHtml)
  678. {
  679. if (!isset($this->m_aTabs[$sTabContainer][$sTabLabel]))
  680. {
  681. // Set the content of the tab
  682. $this->m_aTabs[$sTabContainer][$sTabLabel] = $sHtml;
  683. }
  684. else
  685. {
  686. // Append to the content of the tab
  687. $this->m_aTabs[$sTabContainer][$sTabLabel] .= $sHtml;
  688. }
  689. }
  690. public function SetCurrentTabContainer($sTabContainer = '')
  691. {
  692. $sPreviousTabContainer = $this->m_sCurrentTabContainer;
  693. $this->m_sCurrentTabContainer = $sTabContainer;
  694. return $sPreviousTabContainer;
  695. }
  696. public function SetCurrentTab($sTabLabel = '')
  697. {
  698. $sPreviousTab = $this->m_sCurrentTab;
  699. $this->m_sCurrentTab = $sTabLabel;
  700. return $sPreviousTab;
  701. }
  702. /**
  703. * Make the given tab the active one, as if it were clicked
  704. * DOES NOT WORK: apparently in the *old* version of jquery
  705. * that we are using this is not supported... TO DO upgrade
  706. * the whole jquery bundle...
  707. */
  708. public function SelectTab($sTabContainer, $sTabLabel)
  709. {
  710. $container_index = 0;
  711. $tab_index = 0;
  712. foreach($this->m_aTabs as $sCurrentTabContainerName => $aTabs)
  713. {
  714. if ($sTabContainer == $sCurrentTabContainerName)
  715. {
  716. foreach($aTabs as $sCurrentTabLabel => $void)
  717. {
  718. if ($sCurrentTabLabel == $sTabLabel)
  719. {
  720. break;
  721. }
  722. $tab_index++;
  723. }
  724. break;
  725. }
  726. $container_index++;
  727. }
  728. $sSelector = '#tabbedContent_'.$container_index.' > ul';
  729. $this->add_ready_script("$('$sSelector').tabs('select', $tab_index);");
  730. }
  731. public function StartCollapsibleSection($sSectionLabel, $bOpen = false)
  732. {
  733. $this->add($this->GetStartCollapsibleSection($sSectionLabel, $bOpen));
  734. }
  735. public function GetStartCollapsibleSection($sSectionLabel, $bOpen = false)
  736. {
  737. $sHtml = '';
  738. static $iSectionId = 0;
  739. $sImgStyle = $bOpen ? ' open' : '';
  740. $sHtml .= "<a id=\"LnkCollapse_$iSectionId\" class=\"CollapsibleLabel{$sImgStyle}\" href=\"#\">$sSectionLabel</a></br>\n";
  741. $sStyle = $bOpen ? '' : 'style="display:none" ';
  742. $sHtml .= "<div id=\"Collapse_$iSectionId\" $sStyle>";
  743. $this->add_ready_script("\$(\"#LnkCollapse_$iSectionId\").click(function() {\$(\"#Collapse_$iSectionId\").slideToggle('normal'); $(\"#LnkCollapse_$iSectionId\").toggleClass('open');});");
  744. //$this->add_ready_script("$('#LnkCollapse_$iSectionId').hide();");
  745. $iSectionId++;
  746. return $sHtml;
  747. }
  748. public function EndCollapsibleSection()
  749. {
  750. $this->add($this->GetEndCollapsibleSection());
  751. }
  752. public function GetEndCollapsibleSection()
  753. {
  754. return "</div>";
  755. }
  756. public function add($sHtml)
  757. {
  758. if (!empty($this->m_sCurrentTabContainer) && !empty($this->m_sCurrentTab))
  759. {
  760. $this->AddToTab($this->m_sCurrentTabContainer, $this->m_sCurrentTab, $sHtml);
  761. }
  762. else
  763. {
  764. parent::add($sHtml);
  765. }
  766. }
  767. /*
  768. public function AddSearchForm($sClassName, $bOpen = false)
  769. {
  770. $iSearchSectionId = 0;
  771. $sStyle = $bOpen ? 'SearchDrawer' : 'SearchDrawer DrawerClosed';
  772. $this->add("<div id=\"Search_$iSearchSectionId\" class=\"$sStyle\">\n");
  773. $this->add("<h1>Search form for ".Metamodel::GetName($sClassName)."</h1>\n");
  774. $this->add_ready_script("\$(\"#LnkSearch_$iSearchSectionId\").click(function() {\$(\"#Search_$iSearchSectionId\").slideToggle('normal'); $(\"#LnkSearch_$iSearchSectionId\").toggleClass('open');});");
  775. $oFilter = new DBObjectSearch($sClassName);
  776. $sFilter = $oFilter->serialize();
  777. $oSet = new CMDBObjectSet($oFilter);
  778. cmdbAbstractObject::DisplaySearchForm($this, $oSet, array('operation' => 'search', 'filter' => $sFilter, 'search_form' => true));
  779. $this->add("</div>\n");
  780. $this->add("<div class=\"HRDrawer\"/></div>\n");
  781. $this->add("<div id=\"LnkSearch_$iSearchSectionId\" class=\"DrawerHandle\">Search</div>\n");
  782. $iSearchSectionId++;
  783. }
  784. */
  785. }
  786. ?>