ui/twig/dashboards/default/scripts.html.twig line 240

Open in your IDE?
  1. {{ embed_script(assett('html5shiv::/dist/html5shiv.js'), null, null, 'ie') }}
  2. {{ embed_script(assett('respond::/dest/respond.js'), null, null, 'ie') }}
  4. {{ embed_script(assett('sugar::/release/sugar.min.js'), null, null, 'head') }}
  5. {{ embed_script(assett('headjs::/dist/1.0.0/head.min.js'), null, null, 'head') }}
  6. {{ embed_script(assett('jquery2::/dist/jquery.min.js'), null, null, 'head') }}
  7. {{ embed_script(assett('jquery-migrate::/dist/jquery-migrate.min.js'), null, null, 'head') }}
  8. {{ embed_script(assett('jquery-ui::/jquery-ui.min.js'), null, null, 'head') }}
  9. {{ embed_script(assett('bootstrap::/dist/js/bootstrap.min.js'), null, null, 'head') }}
  10. {{ embed_script(assett('jquery-cookie', 'jquery.cookie.min.js'), null, null, 'bottom') }}
  12. {{ embed_script(assett('breakpoints::/breakpoints.js'), null, null, 'bottom') }}
  13. {{ embed_script(assett('jquery-scrollbar::/jquery.scrollbar.min.js'), null, null, 'bottom') }}
  14. {{ embed_script(assett('jquery-slimscroll::/jquery.slimscroll.min.js'), null, null, 'bottom') }}
  15. {{ embed_script(assett('bootstrap-colorpicker::/dist/js/bootstrap-colorpicker.min.js'), null, null, 'bottom') }}
  16. {{ embed_script(assett('moment::/min/moment.min.js'), null, null, 'bottom') }}
  17. {{ embed_script(assett('bootstrap-slider::/dist/bootstrap-slider.min.js'), null, null, 'bottom') }}
  18. {{ embed_script(assett('chosen::/chosen.jquery.min.js'), null, null, 'bottom') }}
  19. {{ embed_script(assett('jquery-maskedinput::/dist/jquery.maskedinput.min.js'), null, null, 'bottom') }}
  20. {{ embed_script(assett('jquery-tageditor::/jquery.tag-editor.min.js'), null, null, 'bottom') }}
  21. {{ embed_script(assett('mixitup::/build/jquery.mixitup.min.js'), null, null, 'bottom') }}
  22. {{ embed_script(assett('knockout::/dist/knockout.js'), null, null, 'bottom') }}
  23. {{ embed_script(assett('chart-js::/dist/chart.min.js'), null, null, 'bottom') }}
  24. {{ embed_script(assett('palette-js::/palette.js'), null, null, 'bottom') }}
  25. {{ embed_script(assett('jquery-boilerplate::/dist/jquery.boilerplate.min.js'), null, null, 'bottom') }}
  26. {{ embed_script(assett('ace::/src-min-noconflict/ace.js'), null, null, 'bottom') }}
  27. {{ embed_script(assett('js-yaml::/dist/js-yaml.min.js'), null, null, 'bottom') }}
  28. {{ embed_script(assett('jquery-infinitescroll::/dist/infinite-scroll.pkgd.min.js'), null, null, 'bottom') }}
  29. {{ embed_script(assett('ckeditor::/ckeditor.js'), null, null, 'bottom') }}
  30. {{ embed_script(assett('uri-js::/src/URI.min.js'), null, null, 'bottom') }}
  31. {{ embed_script('/bundles/cmscore/plugins/modal.js', null, null, 'bottom') }}
  32. {{ embed_script(assett('match-height::/dist/jquery.matchHeight-min.js'), null, null, 'bottom') }}
  33. {{ embed_script(assett('clipboardjs::/dist/clipboard.js'), null, null, 'bottom') }}
  34. {{ embed_script(assett('anchorme::/dist-browser/anchorme.min.js'), null, null, 'bottom') }}
  35. {{ embed_script('/bundles/cmscore/searches.js', null, null, 'bottom') }}
  36. {{ embed_script('/bundles/cmscore/dashboard/bulk.js', null, null, 'bottom') }}
  38. {# HACK: cropper #}
  39. {{ embed_script(assett('cropper::/dist/cropper.min.js')) }}
  40. {{ embed_style(assett('cropper::/dist/cropper.min.css')) }}
  41. {{ embed_script('/bundles/cmsfile/cropper.js', null, null, 'bottom') }}
  43. {# HACK: toastr #}
  44. {{ embed_script(assett('toastr::/toastr.min.js'), null, null, 'bottom') }}
  45. {{ embed_style(assett('toastr::/toastr.min.css')) }}
  46. {% inline_script %}
  47.     <script>
  48.         (function (window, document, $, undefined) {
  49.             $(function () {
  50.                 toastr.options = {
  51.                     closeButton: false,
  52.                     debug: false,
  53.                     newestOnTop: true,
  54.                     progressBar: false,
  55.                     positionClass: 'toast-top-right',
  56.                     preventDuplicates: false,
  57.                     onclick: null,
  58.                     showDuration: '250',
  59.                     hideDuration: '250',
  60.                     timeOut: '1500',
  61.                     extendedTimeOut: '500',
  62.                     showEasing: 'swing',
  63.                     hideEasing: 'linear',
  64.                     showMethod: 'fadeIn',
  65.                     hideMethod: 'fadeOut'
  66.                 };
  67.             });
  68.         })(window, document, jQuery);
  69.     </script>
  70. {% endinline %}
  72. {# pulled from page editor stuff #}
  73. {% inline_script %}
  74.     <script>
  75.         function htmlEscape(str) {
  76.             return String(str)
  77.                 .replace(/&/g, '&amp;')
  78.                 .replace(/"/g, '&quot;')
  79.                 .replace(/'/g, '&#39;')
  80.                 .replace(/</g, '&lt;')
  81.                 .replace(/>/g, '&gt;');
  82.         }
  83.         $.fn.serializeObject = function() {
  84.             var o = {}, a = this.serializeArray();
  85.             $.each(a, function() {
  86.                 if (o[this.name] !== undefined) {
  87.                     if (!o[this.name].push) {
  88.                         o[this.name] = [o[this.name]];
  89.                     }
  90.                     o[this.name].push(this.value || '');
  91.                 } else {
  92.                     o[this.name] = this.value || '';
  93.                 }
  94.             });
  95.             return o;
  96.         };
  97.     </script>
  98. {% endinline %}
  100. {% inline_script %}
  101.     <script>
  102.         (function (window, document, $, undefined) {
  104.             // hide modal content when hidden
  105.             $('body').on('hidden.bs.modal', '[data-campussuite-modal-autoempty]', function (e) {
  106.                 var $target = $(e.target),
  107.                     $content = $target.find('div.modal-content').first();
  108.                 $content.empty();
  109.             });
  111.             // image loader plugin
  112.             window.csimgloader = function(elem, count) {
  114.                 // init count
  115.                 if (count === undefined) {
  116.                     count = 1;
  117.                 }
  119.                 // should be an img element
  120.                 var $elem = $(elem);
  122.                 // grab the src of the image
  123.                 var src = $elem.attr('src');
  125.                 // set new html for loading purposes
  126.                 var $parent = $elem.parent();
  127.                 $parent.html('<img alt="" src="/bundles/cmscore/loading.gif" />');
  129.                 // set a callback that runs in a few seconds to try and reload the image
  130.                 setTimeout((function(parent, src, count) {
  131.                     return function() {
  132.                         if (count > 12) {
  133.                             return;
  134.                         }
  135.                         count++;
  136.                         var $parent = $(parent);
  137.                         if ($.contains(document.documentElement, $parent[0])) {
  138.                             $parent.html('<img alt="" src="' + src + '" onerror="(function(elem){jQuery(function() {window.csimgloader(elem, ' + count + ');});})(this);" />');
  139.                         }
  140.                     };
  141.                 })($parent[0], src, count), 5000);
  142.             }
  143.         })(window, document, jQuery);
  144.     </script>
  145. {% endinline %}
  147. {% inline_script %}
  148.     <script>
  149.         CKEDITOR.dtd.$removeEmpty['em'] = false;
  150.         CKEDITOR.on('dialogDefinition', function(e) {
  151.             var dialog = e.data;
  152.             var dialogName = dialog.name;
  153.             var dialogDefinition = dialog.definition;
  154.             if (dialogName === 'link') {
  155.                 var infoTab = dialogDefinition.getContents('info');
  156.                 var urlOptions = infoTab.get('urlOptions');
  157.                 urlOptions.children.push({
  158.                     type: 'button',
  159.                     id: 'browseSite',
  160.                     label: 'Browse Files',
  161.                     title: 'Browse Files',
  162.                     onClick: function() {
  163.                         var urlField = this.getDialog().getContentElement('info', 'url'),
  164.                             cs = window.top.CAMPUSSUITE;
  165.                         CampussuiteModals.open({
  166.                             url: '/_dashboard/files/modal',
  167.                             params: {
  168.                                 mode: (typeof CKEDITOR_MODAL_OVERRIDE !== 'undefined') ? CKEDITOR_MODAL_OVERRIDE : 'url',
  169.                                 container: cs.container,
  170.                                 value: urlField.getValue()
  171.                             },
  172.                             callback: function(selection) {
  173.                                 urlField.setValue(selection);
  174.                             },
  175.                             styles: 'modal-dialog--media'
  176.                         });
  177.                     }
  178.                 });
  179.                 urlOptions.children.push({
  180.                     type: 'button',
  181.                     id: 'browseContent',
  182.                     label: 'Browse Content',
  183.                     title: 'Browse Content',
  184.                     onClick: function() {
  185.                         var urlField = this.getDialog().getContentElement('info', 'url'),
  186.                             cs = window.top.CAMPUSSUITE;
  187.                         CampussuiteModals.open({
  188.                             url: '/_dashboard/modules/modal',
  189.                             params: {
  190.                                 containerId: cs.container
  191.                             },
  192.                             callback: function(selection) {
  193.                                 urlField.setValue(selection);
  194.                             },
  195.                             styles: 'modal-dialog--media'
  196.                         });
  197.                     }
  198.                 });
  199.             }
  200.             if (dialogName === 'image') {
  201.                 var tb = dialogDefinition.getContents('info');
  202.                 var thing = tb.elements[0].children[0];
  203.                 thing.children.push({
  204.                     type: 'button',
  205.                     id: 'browseSite',
  206.                     label: 'Browse Files',
  207.                     title: 'Browse Files',
  208.                     onClick: function() {
  209.                         var urlField = this.getDialog().getContentElement('info', 'txtUrl'),
  210.                             cs = window.top.CAMPUSSUITE;
  211.                         CampussuiteModals.open({
  212.                             url: '/_dashboard/files/modal',
  213.                             params: {
  214.                                 mode: (typeof CKEDITOR_MODAL_OVERRIDE !== 'undefined') ? CKEDITOR_MODAL_OVERRIDE : 'url',
  215.                                 container: cs.container,
  216.                                 value: urlField.getValue()
  217.                             },
  218.                             callback: function(selection) {
  219.                                 urlField.setValue(selection);
  220.                             },
  221.                             styles: 'modal-dialog--media'
  222.                         });
  223.                     }
  224.                 });
  225.             }
  226.         });
  227.     </script>
  228. {% endinline %}
  230. {{ embed_script('/bundles/cmscore/AjaxSelect.js', null, null, 'bottom') }}
  232. <script type="text/javascript">
  233.     window.CAMPUSSUITE = {
  234.         environment: '{{ cms.environment }}',
  235.         tenant: {
  236.             id: {{ cms.tenant.id }},
  237.             uid: '{{ cms.tenant.uid.toString() }}',
  238.             slug: '{{ cms.tenant.slug }}'
  239.         },
  240.         container: {{ (cms.department is not empty) ? cms.department.id : 'null' }}
  241.     };
  242. </script>
  244. {% inline_script %}
  245.     <script>
  247.         // Break point entry
  248.         $(function() {
  249.             var $window = $(window),
  250.                 $console = $('#cs-console');
  251.             $window
  252.                 .bind('enterBreakpoint321', function () {
  253.                     if ($console.hasClass('sb-disable-autoload')) {
  254.                         return;
  255.                     }
  256.                     $console
  257.                         .removeClass('cs-console-md')
  258.                         .removeClass('cs-console-lg sb-expand')
  259.                         .addClass('cs-console-sm sb-collapse');
  260.                 })
  261.                 .bind('enterBreakpoint481', function () {
  262.                     if ($console.hasClass('sb-disable-autoload')) {
  263.                         return;
  264.                     }
  265.                     $console
  266.                         .removeClass('cs-console-md')
  267.                         .removeClass('cs-console-lg sb-expand')
  268.                         .addClass('cs-console-sm sb-collapse');
  269.                 })
  270.                 .bind('enterBreakpoint821', function () {
  271.                     if ($console.hasClass('sb-disable-autoload')) {
  272.                         return;
  273.                     }
  274.                     $console
  275.                         .removeClass('cs-console-sm')
  276.                         .removeClass('cs-console-lg sb-expand')
  277.                         .addClass('cs-console-md sb-collapse');
  278.                 })
  279.                 .bind('enterBreakpoint1065', function () {
  280.                     if ($console.hasClass('sb-disable-autoload')) {
  281.                         return;
  282.                     }
  283.                     $console
  284.                         .removeClass('cs-console-sm sb-collapse')
  285.                         .removeClass('cs-console-md sb-collapse')
  286.                         .addClass('cs-console-lg sb-expand');
  287.                 });
  288.             $window.setBreakpoints({
  289.                 distinct: true,
  290.                 breakpoints: [
  291.                     // needing to set breakpoints at one pixel above where they should
  292.                     // this better matches current css media queries
  293.                     // these events need triggered once the viewport extends beyond the designated "real" sizes, hence the extra pixel
  294.                     321,// 320
  295.                     481,// 480
  296.                     821,// 820
  297.                     1065// 1064
  298.                 ]
  299.             });
  300.         });
  302.         // Console Sidebar Toggle
  303.         $(function() {
  304.             var $toggle = $('.cs-console-sb-toggle'),
  305.                 $console = $('#cs-console');
  306.             $toggle.click(function () {
  307.                 if ($console.hasClass('sb-collapse')) {
  308.                     $console
  309.                         .removeClass('sb-collapse')
  310.                         .addClass('sb-expand');
  311.                 } else {
  312.                     $console
  313.                         .removeClass('sb-expand')
  314.                         .addClass('sb-collapse');
  315.                 }
  316.             });
  317.         });
  319.         // Console Sidebar Hover
  320.         $(function() {
  321.             var $sidebar = $('#cs-console-sidebar'),
  322.                 $console = $('#cs-console');
  323.             $sidebar.hover(
  324.                 function () {
  325.                     //if ( ! $console.hasClass('cs-console-sm')) {
  326.                     if ($console.hasClass('cs-console-md')) {
  327.                         $console
  328.                             .addClass('sb-expand')
  329.                             .removeClass('sb-collapse');
  330.                     }
  331.                 },
  332.                 function () {
  333.                     if ($console.hasClass('cs-console-md')) {
  334.                         $console
  335.                             .addClass('sb-collapse')
  336.                             .removeClass('sb-expand');
  337.                     }
  338.                 }
  339.             );
  340.         });
  342.         // Console Sidebar Nav Toggle
  343.         $(function() {
  344.             $('ul.editor__side-nav').on('click', 'a', function(e) {
  345.                 var $link = $(e.currentTarget),
  346.                     $topmenu = $link.closest('ul'),
  347.                     $topitem = $link.closest('li');
  349.                 // remove the active state from all current items
  350.                 // skip the currently selected item to prevent odd behavior
  351.                 $topmenu
  352.                     .find('li')
  353.                     .not($topitem)
  354.                     .removeClass('active');
  356.                 // activate the current items
  357.                 $topitem.addClass('active');
  358.             });
  359.             $('ul.cs-console-sb-menu').on('click', 'a', function(e) {
  360.                 var $link = $(e.currentTarget),
  361.                     $topmenu = $link.closest('ul'),
  362.                     $submenu = null,
  363.                     $topitem = null,
  364.                     $subitem = null;
  366.                 // fix the menus
  367.                 if ($topmenu.hasClass('cs-sub-menu')) {
  368.                     $submenu = $topmenu;
  369.                     $topmenu = $submenu.closest('ul');
  370.                 }
  372.                 // if there is a submenu above, then there are two items to consider
  373.                 if ($submenu !== null) {
  374.                     $subitem = $link.closest('li');
  375.                     $topitem = $subitem.closest('li');
  376.                 } else {
  377.                     $topitem = $link.closest('li');
  378.                 }
  380.                 // now, there might be a submenu related that we need to show
  381.                 // if nothing returns, clear out the variable
  382.                 $submenu = $topitem.children('ul.cs-sub-menu');
  383.                 if ($submenu.length === 0) {
  384.                     $submenu = null;
  385.                 }
  387.                 // remove the active state from all current items
  388.                 // skip the currently selected item to prevent odd behavior
  389.                 $topmenu
  390.                     .find('li')
  391.                     .not($topitem)
  392.                     .not($subitem)
  393.                     .removeClass('active');
  395.                 // slide up all open submenus
  396.                 // skip the currently selected item to prevent odd behavior
  397.                 $topmenu
  398.                     .find('ul.cs-sub-menu')
  399.                     .not($submenu)
  400.                     .slideUp(200);
  402.                 // activate the current items
  403.                 $topitem.addClass('active');
  404.                 if ($subitem !== null) {
  405.                     $subitem.addClass('active');
  406.                 }
  408.                 // if we have a submenu, open it
  409.                 // items with submenus should not have other actions, prevent default then
  410.                 if ($submenu !== null) {
  411.                     $submenu.slideDown(200);
  412.                     e.preventDefault();
  413.                 }
  414.             });
  415.         });
  417.         // Console Sidebar Slimscroll
  418.         $(function() {
  419.             var resizeListener;
  420.             var pause = 500;
  422.             $('.sb-scroll').slimScroll({
  423.                 height: 'auto',
  424.                 size: '10px'
  425.             });
  427.             $(window).resize(function(){
  428.                 clearTimeout(resizeListener);
  429.                 resizeListener = setTimeout(
  430.                     function() {
  431.                         $('.sb-scroll').slimScroll({
  432.                             height: 'auto'
  433.                         });
  434.                     },
  435.                     pause
  436.                 );
  437.             });
  438.         });
  440.     </script>
  441. {% endinline %}
  443. {% inline_script %}
  444.     <script>
  445.         $('[data-topbar="popover-bottom"]').popover({
  446.             html: true,
  447.             placement: 'bottom',
  448.             sanitize: false,
  449.             content: function () {
  450.                 return $(this).siblings('.dropdown-content').html();
  451.             }
  452.         });
  453.         // Close popovers
  454.         $('body').on('click', function (e) {
  455.             $('[data-topbar="popover-bottom"]').each(function () {
  456.                 if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
  457.                     $(this).popover('hide');
  458.                 }
  459.             });
  460.         });
  462.         // tooltips: https://getbootstrap.com/docs/3.3/javascript/#tooltips-examples
  463.         $(function () {
  464.             const elements = $('[data-toggle="tooltip"]');
  466.             for (let i=0; i < elements.length; i++) {
  467.                 const element = $(elements[i]);
  468.                 const isTriggeredByClick = ('click' === element.data('trigger'));
  470.                 element.tooltip({
  471.                     container: 'body',
  472.                     placement: element.data('placement') ?? 'right',
  473.                     trigger: isTriggeredByClick ? 'manual' : 'hover',
  474.                     html: true,
  475.                     template: '<div class="tooltip tooltip-custom" role="tooltip"><div class="tooltip-arrow tooltip-arrow-custom"></div><div class="tooltip-inner tooltip-inner-custom"></div></div>',
  476.                 });
  478.                 if (isTriggeredByClick) {
  479.                     element.on('click', function (event) {
  480.                         event.preventDefault();
  481.                         event.stopPropagation();
  482.                         $(this).tooltip('show');
  483.                     });
  484.                 }
  486.                 element.on('show.bs.tooltip', function () {
  487.                     const displayedTitle = $(this).data('originalTitle');
  488.                     const tooltipElements = $('[data-toggle="tooltip"]');
  490.                     for (let i=0; i < tooltipElements.length; i++) {
  491.                         if (displayedTitle !== $(tooltipElements[i]).data('originalTitle')) {
  492.                             $(tooltipElements[i]).tooltip('hide');
  493.                         }
  494.                     }
  495.                 });
  496.             }
  498.             $('body').on('click', function () {
  499.                 $('[data-toggle="tooltip"]').tooltip('hide');
  500.             });
  501.         });
  502.     </script>
  503. {% endinline %}
  505. {% include '@ui/dashboards/default/scripts/google-analytics.html.twig' %}
  506. {% include '@ui/dashboards/default/scripts/zendesk.html.twig' %}
  507. {% include '@ui/dashboards/default/scripts/churnzero.html.twig' %}