Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/hifi11.in/public_html/sp/admin/assets/js/pages

Free Space:

10.31 TB

🔧 Quick Actions

✏️ Editing: ecommerce-index.init.js

/**
 * Theme: Approx - Bootstrap 5 Responsive Admin Dashboard
 * Author: Mannatthemes
 * Ecommerce Dashboard Js
 */

// line-1

var options1 = {
  series: [{
  data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54]
}],
  chart: {
  type: 'line',
  width: 120,
  height: 35,
  sparkline: {
    enabled: true
  },
  dropShadow: {
    enabled: true,
    top: 4,
    left: 0,
    bottom: 0,
    right: 0,
    blur: 2,
    color: "rgba(132, 145, 183, 0.3)",
    opacity: 0.35,
  },
},
colors: [ "#95a0c5"],
stroke: {
  show: true,
  curve: 'smooth',
  width: [3],
  lineCap: 'round',
},
tooltip: {
  fixed: {
    enabled: false
  },
  x: {
    show: false
  },
  y: {
    title: {
      formatter: function (seriesName) {
        return ''
      }
    }
  },
  marker: {
    show: false
  }
}
};

var chart1 = new ApexCharts(document.querySelector("#line-1"), options1);
chart1.render();

// line-2

var options2 = {
  series: [{
  data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54]
}],
  chart: {
  type: 'line',
  width: 120,
  height: 35,
  sparkline: {
    enabled: true
  },
  dropShadow: {
    enabled: true,
    top: 4,
    left: 0,
    bottom: 0,
    right: 0,
    blur: 2,
    color: "rgba(132, 145, 183, 0.3)",
    opacity: 0.35,
  },
},
colors: [ "#95a0c5"],
stroke: {
  show: true,
  curve: 'smooth',
  width: [3],
  lineCap: 'round',
},
tooltip: {
  fixed: {
    enabled: false
  },
  x: {
    show: false
  },
  y: {
    title: {
      formatter: function (seriesName) {
        return ''
      }
    }
  },
  marker: {
    show: false
  }
}
};

var chart2 = new ApexCharts(document.querySelector("#line-2"), options2);
chart2.render();

// Monthly income widget

var chart = new ApexCharts(
  document.querySelector("#monthly_income"),
  options
);

chart.render();

// categories widget

var options = {
  series: [
  {
    name: "Items",
    data: [1380, 1100, 990, 880, 740, 548, 330, 200],
  },
],
  chart: {
  type: 'bar',
  height: 275,
  toolbar:{
    show:false
  },
},
plotOptions: {
  bar: {
    borderRadius: 6,
    horizontal: true,
    distributed: true,
    barHeight: '85%',
    isFunnel: true,
    isFunnel3d: false,   
  },
},

dataLabels: {
  enabled: true,
  formatter: function (val, opt) {
    return opt.w.globals.labels[opt.dataPointIndex] 
  },
  dropShadow: {
    enabled: false,
  },
  style: {
    colors: ["#22c55e"],
    fontWeight: 400,
    fontSize: '13px',
  },
},
xaxis: {
  categories: [
    'Mobile',
    'Men Fishion',
    'Women Fishion',
    'Beauty',
    'Health',
    'Sports',
    'Kids',
    'Music',
  ],
},
colors: [
  'rgba(34, 197, 94, 0.45)',
  'rgba(34, 197, 94, 0.4)',
  'rgba(34, 197, 94, 0.35)',
  'rgba(34, 197, 94, 0.3)',
  'rgba(34, 197, 94, 0.25)',
  'rgba(34, 197, 94, 0.2)',
  'rgba(34, 197, 94, 0.15)',
  'rgba(34, 197, 94, 0.1)',
],
legend: {
  show: false,
},
};

var chart = new ApexCharts(document.querySelector("#categories"), options);
chart.render();

//customers-widget

var options = {
  chart: {
      height: 280,
      type: 'donut',
  }, 
  plotOptions: {
    pie: {
      donut: {
        size: '80%'
      }
    }
  },
  dataLabels: {
    enabled: false,
  },

stroke: {
    show: true,
    width: 2,
    colors: ['transparent']
  },
 
  series: [50, 25, 25,],
  legend: {
    show: true,
    position: 'bottom',
    horizontalAlign: 'center',
    verticalAlign: 'middle',
    floating: false,
    fontSize: '13px',
    fontFamily: "Be Vietnam Pro, sans-serif",
    offsetX: 0,
    offsetY: 0,
  },
  labels: [ "Currenet","New", "Retargeted" ],
  colors: ["#22c55e", "#08b0e7", "#ffc728"],
 
  responsive: [{
      breakpoint: 600,
      options: {
        plotOptions: {
            donut: {
              customScale: 0.2
            }
          },        
          chart: {
              height: 240
          },
          legend: {
              show: false
          },
      }
  }],
  tooltip: {
    y: {
        formatter: function (val) {
            return   val + " %"
        }
    }
  }
  
}

var chart = new ApexCharts(
  document.querySelector("#customers"),
  options
);

chart.render();

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: ecommerce-index.init.js

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation