footer.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465
  1. </div>
  2. <script src="/js/jquery.finder.js"></script>
  3. <script type="text/javascript">
  4. lastScrollTop = 0;
  5. $(document).ready(function() {
  6. hover_menu();
  7. $(window).scroll(function(){hover_menu()});
  8. $('.l-sort-toolbar .sort-by').click(function(){
  9. $('.context-menu.sort-order').toggle().css({left: $(this).position().left - 10});
  10. });
  11. // CREATE BUTTON
  12. $('.l-sort__create-btn').hover(function(){
  13. $(".l-sort__create-btn").append("<div id='add-icon'></div>");
  14. $(".l-sort__create-btn").append("<div id='tooltip'>"+$('.l-sort__create-btn').attr('title').replace(' ','&nbsp;')+"</div>");
  15. }, function(){
  16. $("#add-icon").remove();
  17. $("#tooltip").remove();
  18. });
  19. // SEARCH BOX
  20. $('.l-sort-toolbar__search, .l-sort-toolbar__search-box .search-input').hover(function(){
  21. clearTimeout(VE.tmp.search_display_interval);
  22. clearTimeout(VE.tmp.search_hover_interval);
  23. VE.tmp.search_display_interval = setTimeout(function(){$('.search-input').addClass('activated');}, 150);
  24. }, function(){
  25. clearTimeout(VE.tmp.search_display_interval);
  26. clearTimeout(VE.tmp.search_hover_interval);
  27. VE.tmp.search_hover_interval = setTimeout(function(){
  28. if(!VE.tmp.search_activated && !$(".search-input").val().length){
  29. $(".search-input").removeClass('activated');
  30. }
  31. }, 600);
  32. });
  33. $('.search-input').focus(function(){
  34. VE.tmp.search_activated = 1;
  35. clearTimeout(VE.tmp.search_hover_interval);
  36. });
  37. $('.search-input').blur(function(){
  38. VE.tmp.search_activated = 0;
  39. clearTimeout(VE.tmp.search_hover_interval);
  40. VE.tmp.search_hover_interval = setTimeout(function(){
  41. if(!$(".search-input").val().length){
  42. $(".search-input").removeClass('activated');
  43. }
  44. }, 600);
  45. });
  46. // TIMER
  47. if($('.movement.left').length){
  48. VE.helpers.refresh_timer.right = $('.movement.right');
  49. VE.helpers.refresh_timer.left = $('.movement.left');
  50. VE.helpers.refresh_timer.start();
  51. $('.pause').click(function(){
  52. VE.helpers.refresh_timer.stop();
  53. $('.pause').addClass('hidden');
  54. $('.play').removeClass('hidden');
  55. $('.refresh-timer').addClass('paused');
  56. });
  57. $('.play').click(function(){
  58. VE.helpers.refresh_timer.start();
  59. $('.pause').removeClass('hidden');
  60. $('.play').addClass('hidden');
  61. $('.refresh-timer').removeClass('paused');
  62. });
  63. }
  64. // SORTING
  65. $('#vstobjects input, #vstobjects select, #vstobjects textarea').change(function(){VE.tmp.form_changed=1});
  66. $('.sort-order span').click(function(){
  67. $('.context-menu.sort-order').toggle();
  68. if($(this).hasClass('active'))
  69. return;
  70. $('.sort-order span').removeClass('active');
  71. $(this).addClass('active');
  72. VE.tmp.sort_par = $(this).parent('li').attr('entity');
  73. VE.tmp.sort_as_int = $(this).parent('li').attr('sort_as_int');
  74. VE.tmp.sort_direction = $(this).hasClass('up')*1 || -1;
  75. $('.l-sort .sort-by span b').html($(this).parent('li').find('.name').html());
  76. $('.l-sort .sort-by i').removeClass('l-icon-up-arrow l-icon-down-arrow');
  77. $(this).hasClass('up') ? $('.l-sort .sort-by i').addClass('l-icon-up-arrow') : $('.l-sort .sort-by i').addClass('l-icon-down-arrow');
  78. $('.units .l-unit').sort(function (a, b) {
  79. if(VE.tmp.sort_as_int)
  80. return parseInt($(a).attr(VE.tmp.sort_par)) >= parseInt($(b).attr(VE.tmp.sort_par)) ? VE.tmp.sort_direction : VE.tmp.sort_direction * -1;
  81. else
  82. return $(a).attr(VE.tmp.sort_par) <= $(b).attr(VE.tmp.sort_par) ? VE.tmp.sort_direction : VE.tmp.sort_direction * -1;
  83. }).appendTo(".l-center.units");
  84. });
  85. // STARS
  86. $('.l-unit .l-icon-star').click(function(){
  87. var l_unit = $(this).parents('.l-unit');
  88. if(l_unit.hasClass('l-unit--starred')){
  89. // removing star
  90. $.ajax({
  91. method: "POST",
  92. url: "/delete/favorite/index.php",
  93. data: { v_section: l_unit.attr('v_section'), v_unit_id: l_unit.attr('v_unit_id') }
  94. });
  95. l_unit.attr({'sort-star': 0});
  96. l_unit.removeClass('l-unit--starred');
  97. }
  98. else{
  99. $.ajax({
  100. method: "POST",
  101. url: "/add/favorite/index.php",
  102. data: { v_unit_id: l_unit.attr('v_unit_id'), v_section: l_unit.attr('v_section') }
  103. });
  104. l_unit.attr({'sort-star': 1});
  105. l_unit.addClass('l-unit--starred');
  106. }
  107. });
  108. // Shortcuts
  109. shortcut.add("Ctrl+Enter", function(){
  110. $('form#vstobjects').submit();
  111. }, {
  112. 'type': 'keydown',
  113. 'propagate': false,
  114. 'disable_in_input': false,
  115. 'target': document
  116. }
  117. );
  118. shortcut.add("Backspace", function(){
  119. if(VE.tmp.form_changed && $('form#vstobjects .button.cancel')[0]){
  120. VE.helpers.createConfirmationDialog($('.confirmation-text-redirect'), '', $('form#vstobjects input.cancel').attr('onclick').replace("location.href='", "").replace("'",""));
  121. } else if($('form#vstobjects .button.cancel')[0]){
  122. location.href=$('form#vstobjects input.cancel').attr('onclick').replace("location.href='", "").replace("'","");
  123. }
  124. }, {
  125. 'type': 'keydown',
  126. 'propagate': false,
  127. 'disable_in_input': true,
  128. 'target': document
  129. }
  130. );
  131. shortcut.add("f", function(){
  132. $('.search-input').addClass('activated').focus();
  133. }, {
  134. 'type': 'keydown',
  135. 'propagate': false,
  136. 'disable_in_input': true,
  137. 'target': document
  138. }
  139. );
  140. $(window).bind('keypress', function(evt) {
  141. if (evt.charCode == 97) {
  142. evt.preventDefault();
  143. if (!evt.ctrlKey && !evt.shiftKey) {
  144. if ($('.l-sort__create-btn')[0]) {
  145. location.href=$('.l-sort__create-btn').attr('href');
  146. }
  147. }
  148. else {
  149. if ($('.l-unit .ch-toggle:eq(0)').attr('checked')) {
  150. $('.l-unit').removeClass('selected');
  151. $('.l-unit .ch-toggle').attr('checked', false);
  152. }
  153. else {
  154. $('.l-unit').addClass('selected');
  155. $('.l-unit .ch-toggle').attr('checked', true);
  156. }
  157. }
  158. }
  159. });
  160. shortcut.add("n", function(evt){
  161. if (!evt.ctrlKey && !evt.shiftKey) {
  162. if ($('.l-sort__create-btn')[0]) {
  163. location.href=$('.l-sort__create-btn').attr('href');
  164. }
  165. }
  166. }, {
  167. 'type': 'keyup',
  168. 'propagate': false,
  169. 'disable_in_input': true,
  170. 'target': document
  171. }
  172. );
  173. shortcut.add("a+1", function(){
  174. location.href='/add/user/';
  175. }, {
  176. 'type': 'keydown',
  177. 'propagate': false,
  178. 'disable_in_input': true,
  179. 'target': document
  180. }
  181. );
  182. shortcut.add("1", function(){
  183. if(VE.tmp.form_changed){
  184. VE.helpers.createConfirmationDialog($('.confirmation-text-redirect'), '', $('.l-stat .l-stat__col:nth-of-type(1) a').attr('href'));
  185. } else {
  186. location.href=$('.l-stat .l-stat__col:nth-of-type(1) a').attr('href');
  187. }
  188. }, {
  189. 'type': 'keydown',
  190. 'propagate': false,
  191. 'disable_in_input': true,
  192. 'target': document
  193. }
  194. );
  195. shortcut.add("2", function(){
  196. if(VE.tmp.form_changed){
  197. VE.helpers.createConfirmationDialog($('.confirmation-text-redirect'), '', $('.l-stat .l-stat__col:nth-of-type(2) a').attr('href'));
  198. } else {
  199. location.href=$('.l-stat .l-stat__col:nth-of-type(2) a').attr('href');
  200. }
  201. }, {
  202. 'type': 'keydown',
  203. 'propagate': false,
  204. 'disable_in_input': true,
  205. 'target': document
  206. }
  207. );
  208. shortcut.add("3", function(){
  209. if(VE.tmp.form_changed){
  210. VE.helpers.createConfirmationDialog($('.confirmation-text-redirect'), '', $('.l-stat .l-stat__col:nth-of-type(3) a').attr('href'));
  211. } else {
  212. location.href=$('.l-stat .l-stat__col:nth-of-type(3) a').attr('href');
  213. }
  214. }, {
  215. 'type': 'keydown',
  216. 'propagate': false,
  217. 'disable_in_input': true,
  218. 'target': document
  219. }
  220. );
  221. shortcut.add("4", function(){
  222. if(VE.tmp.form_changed){
  223. VE.helpers.createConfirmationDialog($('.confirmation-text-redirect'), '', $('.l-stat .l-stat__col:nth-of-type(4) a').attr('href'));
  224. } else {
  225. location.href=$('.l-stat .l-stat__col:nth-of-type(4) a').attr('href');
  226. }
  227. }, {
  228. 'type': 'keydown',
  229. 'propagate': false,
  230. 'disable_in_input': true,
  231. 'target': document
  232. }
  233. );
  234. shortcut.add("5", function(){
  235. if(VE.tmp.form_changed){
  236. VE.helpers.createConfirmationDialog($('.confirmation-text-redirect'), '', $('.l-stat .l-stat__col:nth-of-type(5) a').attr('href'));
  237. } else {
  238. location.href=$('.l-stat .l-stat__col:nth-of-type(5) a').attr('href');
  239. }
  240. }, {
  241. 'type': 'keydown',
  242. 'propagate': false,
  243. 'disable_in_input': true,
  244. 'target': document
  245. }
  246. );
  247. shortcut.add("6", function(){
  248. if(VE.tmp.form_changed){
  249. VE.helpers.createConfirmationDialog($('.confirmation-text-redirect'), '', $('.l-stat .l-stat__col:nth-of-type(6) a').attr('href'));
  250. } else {
  251. location.href=$('.l-stat .l-stat__col:nth-of-type(6) a').attr('href');
  252. }
  253. }, {
  254. 'type': 'keydown',
  255. 'propagate': false,
  256. 'disable_in_input': true,
  257. 'target': document
  258. }
  259. );
  260. shortcut.add("7", function(){
  261. if(VE.tmp.form_changed){
  262. VE.helpers.createConfirmationDialog($('.confirmation-text-redirect'), '', $('.l-stat .l-stat__col:nth-of-type(7) a').attr('href'));
  263. } else {
  264. location.href=$('.l-stat .l-stat__col:nth-of-type(7) a').attr('href');
  265. }
  266. }, {
  267. 'type': 'keydown',
  268. 'propagate': false,
  269. 'disable_in_input': true,
  270. 'target': document
  271. }
  272. );
  273. shortcut.add("h", function(){
  274. $('.shortcuts').toggle();
  275. }, {
  276. 'type': 'keydown',
  277. 'propagate': false,
  278. 'disable_in_input': true,
  279. 'target': document
  280. }
  281. );
  282. shortcut.add("Esc", function(){
  283. $('.shortcuts').hide();
  284. }, {
  285. 'type': 'keydown',
  286. 'propagate': false,
  287. 'disable_in_input': true,
  288. 'target': document
  289. }
  290. );
  291. shortcut.add("Left", function(){
  292. VE.navigation.move_focus_left();
  293. }, {
  294. 'type': 'keydown',
  295. 'propagate': false,
  296. 'disable_in_input': true,
  297. 'target': document
  298. }
  299. );
  300. shortcut.add("Right", function(){
  301. VE.navigation.move_focus_right();
  302. }, {
  303. 'type': 'keydown',
  304. 'propagate': false,
  305. 'disable_in_input': true,
  306. 'target': document
  307. }
  308. );
  309. shortcut.add("Enter", function(){
  310. if(VE.tmp.form_changed){
  311. VE.helpers.createConfirmationDialog($('.confirmation-text-redirect'), '', $(VE.navigation.state.menu_selector + '.focus a').attr('href'));
  312. } else {
  313. VE.navigation.enter_focused();
  314. }
  315. }, {
  316. 'type': 'keydown',
  317. 'propagate': false,
  318. 'disable_in_input': true,
  319. 'target': document
  320. }
  321. );
  322. $('.shortcuts .close').click(function(){
  323. $('.shortcuts').hide();
  324. });
  325. $('.to-shortcuts').click(function(){
  326. $('.shortcuts').toggle();
  327. });
  328. $('.l-profile__notifications').click(function(){
  329. $('.notification-container').toggle();
  330. $('.l-profile__notifications').toggleClass('active');
  331. left = $('.l-profile__notifications').offset().left - $('.notification-container').outerWidth() + 28;
  332. $('.notification-container').css({left: left+'px'});
  333. });
  334. VE.navigation.init();
  335. VE.core.register();
  336. if (location.href.search(/list/) != -1) {
  337. var shift_select_ref = $('body').finderSelect({
  338. children: '.l-unit',
  339. 'onFinish': function(evt) {
  340. var ref = $(evt.target);
  341. $('.l-content').find('.l-unit .ch-toggle').attr('checked', false);
  342. $('.l-content').find('.l-unit.selected .ch-toggle').attr('checked', true);
  343. if ($('.l-content').find('.l-unit.selected').length == $('.l-content').find('.l-unit').length) {
  344. $('.toggle-all').addClass('clicked-on');
  345. }
  346. },
  347. 'toggleAllHook': function() {
  348. if ($('.l-unit').length == $('.ch-toggle:checked').length) {
  349. $('.l-unit.selected').removeClass('selected');
  350. $('.ch-toggle').attr('checked', false);
  351. $('#toggle-all').attr('checked', false);
  352. }
  353. else {
  354. $('.ch-toggle').attr('checked', true);
  355. $('#toggle-all').attr('checked', true);
  356. }
  357. }
  358. });
  359. $('table').on('mousedown', 'td', function(e) {
  360. if (e.ctrlKey) {
  361. e.preventDefault();
  362. }
  363. });
  364. }
  365. });
  366. </script>
  367. <div title="Confirmation" class="confirmation-text-redirect hidden">
  368. <p class="confirmation"><?=__('LEAVE_PAGE_CONFIRMATION')?></p>
  369. </div>
  370. <div class="shortcuts" style="display:none">
  371. <div class="header">
  372. <div class="title">Shortcuts</div>
  373. <div class="close"></div>
  374. </div>
  375. <ul>
  376. <li><span class="key">n</span><?=__('Add New object')?></li>
  377. <li><span class="key">Ctrl + Enter</span><?=__('Save Form')?></li>
  378. <li><span class="key">Backspace</span><?=__('Cancel saving form')?></li>
  379. <li class="step-top"><span class="key">1</span><?=__('Go to USER list')?></li>
  380. <li><span class="key">2</span><?=__('Go to WEB list')?></li>
  381. <li><span class="key">3</span><?=__('Go to DNS list')?></li>
  382. <li><span class="key">4</span><?=__('Go to MAIL list')?></li>
  383. <li><span class="key">5</span><?=__('Go to DB list')?></li>
  384. <li><span class="key">6</span><?=__('Go to CRON list')?></li>
  385. <li><span class="key">7</span><?=__('Go to BACKUP list')?></li>
  386. </ul>
  387. <ul>
  388. <li><span class="key">f</span><?=__('Focus on search')?></li>
  389. <li class="step-top"><span class="key">h</span><?=__('Display/Close shortcuts')?></li>
  390. <li class="step-top"><span class="key bigger">&larr;</span><?=__('Move backward through top menu')?></li>
  391. <li><span class="key bigger">&rarr;</span><?=__('Move forward through top menu')?></li>
  392. <li><span class="key">Enter</span><?=__('Enter focused element')?></li>
  393. </ul>
  394. </div>
  395. </body>
  396. </html>