Sindbad~EG File Manager

1663004365
f8315c3adc752d8f22beb719506f547449cec32f
a:1:{s:63:"count_Monitor_Manufacturer_43b0c16b-af82-418e-aac1-f32b39705c0d";s:8675:"      <style>
         #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b {
            background-color: #f9fbfb;
            color: #7fa9a9
         }

         .theme-dark #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b {
            background-color: #253737;
            color: #7fa9a9;
         }

         #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-label {
            fill: #7fa9a9;
            color: #7fa9a9;
         }

         .theme-dark #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-label {
            fill: #7fa9a9;
            color: #7fa9a9;
         }

         .dashboard #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b {
  /*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2022 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
}
.dashboard #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-series-a .ct-point, .dashboard #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-series-a .ct-line, .dashboard #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-series-a .ct-bar, .dashboard #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-series-a .ct-slice-donut {
  stroke: #7fa9a9;
}
.dashboard #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-series-a .ct-bar + .ct-barlabel {
  fill: setcolor(#7fa9a9);
}
.dashboard #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-series-a .ct-circle {
  fill: #7fa9a9;
}
.dashboard #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-series-a .ct-circle + .ct-label {
  fill: #7fa9a9;
}
.dashboard #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-series-a .ct-slice-pie, .dashboard #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-series-a .ct-area, .dashboard #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-series-a .ct-slice-donut-solid {
  fill: #7fa9a9;
  stroke: setcolor(#7fa9a9);
}
.dashboard #chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-series-0:before {
  background-color: #7fa9a9;
  border-color: #7fa9a9;
}

      </style>
      <div class="card g-chart pie donut filter-dates filter-dates_mod filter-location filter-manufacturer filter-group_tech filter-user_tech"
           id="chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b">
         <div class="chart ct-chart"></div>
         <span class="main-label">Monitors by Manufacturers</span>
         <i class="main-icon ti ti-edit"></i>
      </div><script type="text/javascript">
//<![CDATA[

      $(function () {
         var chart = new Chartist.Pie('#chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .chart', {
            labels: ["oditox"],
            series: [{"meta":"oditox","value":1,"url":"\/it\/front\/monitor.php?reset&criteria%5B0%5D%5Bfield%5D=23&criteria%5B0%5D%5Bsearchtype%5D=equals&criteria%5B0%5D%5Bvalue%5D=5&reset=reset"}],
         }, {
            width: 'calc(100% - 5px)',
            height: 'calc(100% - 5px)',
            chartPadding: 4,
            donut: true,
            
            donutSolid: true,
            showLabel: true,
            labelInterpolationFnc: function(value) {
               return '1';
            },
         
            
            donutWidth: '50%',
            plugins: [
               Chartist.plugins.tooltip({
                  appendToBody: true,
                  class: 'dashboard-tooltip'
               })
            ]
         });


         chart.on('draw', function(data) {
            // animate
            if (data.type === 'slice') {
               // set url redirecting on slice
               var url = _.get(data, 'series.url') || "";
               if (url.length > 0) {
                  data.element.attr({
                     'data-clickable': true
                  });
                  data.element._node.onclick = function() {
                     if (!Dashboard.edit_mode) {
                        window.location = url;
                     }
                  }
               }

               // Get the total path length in order to use for dash array animation
               var pathLength = data.element._node.getTotalLength();

               // Set a dasharray that matches the path length as prerequisite to animate dashoffset
               data.element.attr({
                  'stroke-dasharray': pathLength + 'px ' + pathLength + 'px'
               });

               // Create animation definition while also assigning an ID to the animation for later sync usage
               var animationDefinition = {
                  'stroke-dashoffset': {
                     id: 'anim' + data.index,
                     dur: 1000,
                     from: -pathLength + 'px',
                     to:  '0px',
                     easing: Chartist.Svg.Easing.easeOutQuint,
                     // We need to use `fill: 'freeze'` otherwise our animation will fall back to initial (not visible)
                     fill: 'freeze'
                  }
               };

               // We need to set an initial value before the animation starts as we are not in guided mode which would do that for us
               data.element.attr({
                  'stroke-dashoffset': -pathLength + 'px'
               });

               // We can't use guided mode as the animations need to rely on setting begin manually
               // See http://gionkunz.github.io/chartist-js/api-documentation.html#chartistsvg-function-animate
               data.element.animate(animationDefinition, false);
            }

            // donut center label
            if (data.type === 'label') {
               if (data.index === 0) {
                  var width = data.element.root().width() / 2;
                  var height = data.element.root().height() / 2;
                  var fontsize = ((height / 1) / (1.3 * "1".length));
                  data.element.attr({
                     dx: width,
                     dy: height - (4 / 2),
                     'style': 'font-size: '+fontsize,
                  });

                  // apend real total
                  var text = new Chartist.Svg('title');
                  text.text("1");
                  data.element.append(text);
               } else {
                  data.element.remove();
               }
            }

            // fade others bars on one mouseouver
            chart.on('created', function(bar) {
               $('#chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-series')
                  .mouseover(function() {
                     $(this).parent().children().addClass('disable-animation');
                     $(this).addClass('mouseover');
                     $(this).siblings()
                        .addClass('notmouseover');

                     $('#chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-label')
                        .addClass('fade');
                  })
                  .mouseout(function() {
                     $(this).removeClass('mouseover');
                     $(this).siblings()
                        .removeClass('notmouseover');

                     $('#chart-dashboard_card_assets_ec4ee8024648e1e724006395496524a6d1b4d54b .ct-label')
                        .removeClass('fade');
                  });
            });
         });
      });

//]]>
</script>";}