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: toast-ui.init.js

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

// Bar charts

var options = {
    chart: {
        width: barChartWidth,
        height: 380,
        title: {
            text: 'Monthly Revenue',
            offsetY: -10,
            align: 'right',
        },        
    },
    yAxis: {
        title: 'Month'
    },
    xAxis: {
        title: 'AApprox',
        min: 0,
        max: 9000,
        suffix: '$'
    },
     series: {
         showLabel: false
     }, 
};
var theme = {
    chart: {
        background: {
            color: '#fff',
            opacity: 0
        },
    },
    title: {
        color: '#8791af',
        fontSize: 14,
        fontWeight: 500,
    },
    xAxis: {
        title: {
            color: '#8791af'
        },
        label: {
            color: '#8791af'
        },
        tickColor: '#8791af'
    },
    yAxis: {
        title: {
            color: '#8791af'
        },
        label: {
            color: '#8791af'
        },
        tickColor: '#8791af'
    },
    plot: {
        lineColor: 'rgba(166, 176, 207, 0.1)'
    },
    series: {
        colors: [
            '#22c55e', '#fac146'
        ],
    },
    legend: {
        label: {
            color: '#8791af'
        }
    },
    
};

tui.chart.registerTheme('myTheme', theme);
options.theme = 'myTheme';

var barChart = tui.chart.barChart(container, data, options);

window.addEventListener('resize',function(){
    barChartWidth = document.getElementById("bar-charts").offsetWidth ;
    barChart.resize({
        width: barChartWidth,
        height: 350
    });
});

// column charts

// For apply theme

tui.chart.registerTheme('myTheme', theme);
options.theme = 'myTheme';

var columnChart = tui.chart.columnChart(container, data, options);

window.addEventListener('resize',function(){
    columnChartWidth = document.getElementById("column-charts").offsetWidth ;
    columnChart.resize({
        width: columnChartWidth,
        height: 350
    });
});

// Line charts

tui.chart.registerTheme('myTheme', theme);
options.theme = 'myTheme';

var lineChart = tui.chart.lineChart(container, data, options);

window.addEventListener('resize',function(){
    lineChartWidth = document.getElementById("line-charts").offsetWidth ;
    lineChart.resize({
        width: lineChartWidth,
        height: 350
    });
});

// Area charts

// For apply theme

tui.chart.registerTheme('myTheme', theme);
options.theme = 'myTheme';

var areaChart = tui.chart.areaChart(container, data, options);

window.addEventListener('resize',function(){
    areaChartWidth = document.getElementById("area-charts").offsetWidth ;
    areaChart.resize({
        width: areaChartWidth,
        height: 350
    });
});

// Radial charts

var radialChartWidth = document.getElementById("radial-charts").offsetWidth;
var container = document.getElementById('radial-charts');
var data = {
    categories: ["Jan", "Feb", "Mar", "April", "May", "Jun"],
    series: [
        {
            name: 'Budget',
            data: [5000, 3000, 5000, 7000, 6000, 4000]
        },
        {
            name: 'Income',
            data: [8000, 8000, 7000, 2000, 5000, 3000]

},
        {
            name: 'Expenses',
            data: [4000, 4000, 6000, 3000, 4000, 5000]
        },
        {
            name: 'Debt',
            data: [6000, 3000, 3000, 1000, 2000, 4000]
        }
    ]
};
var options = {
    chart: {
        width: radialChartWidth,
        height: 380,
        title: {
            text: 'Annual Incomes',
            offsetY: -10,
            align: 'right',
        },  
    },
    series: {
        showDot: false,
        showArea: false
    },
    plot: {
        type: 'circle'
    },
    legend: {
        align: 'bottom'
    }
};
var theme = {
    chart: {
        background: {
            color: '#fff',
            opacity: 0
        },
    },
    title: {
        color: '#8791af',
        fontSize: 14,
        fontWeight: 500,
    },
    xAxis: {
        title: {
            color: '#8791af'
        },
        label: {
            color: '#8791af'
        },
        tickColor: '#8791af'
    },
    yAxis: {
        title: {
            color: '#8791af'
        },
        label: {
            color: '#8791af'
        },
        tickColor: '#8791af'
    },
    plot: {
        lineColor: 'rgba(166, 176, 207, 0.1)'
    },
    legend: {
        label: {
            color: '#8791af'
        }
    },
    series: {
        colors: [
            '#22c55e', '#1ccab8', '#fac146', '#ecedf1'
        ]
    }
};

// For apply theme

tui.chart.registerTheme('myTheme', theme);
options.theme = 'myTheme';

var radialChart = tui.chart.radialChart(container, data, options);

window.addEventListener('resize',function(){
    radialChartWidth = document.getElementById("radial-charts").offsetWidth ;
    radialChart.resize({
        width: radialChartWidth,
        height: 350
    });
});

// Bubble chart

// For apply theme

tui.chart.registerTheme('myTheme', theme);
options.theme = 'myTheme';

var bubbleChart = tui.chart.bubbleChart(container, data, options);

window.addEventListener('resize',function(){
    bubbleChartWidth = document.getElementById("bubble-charts").offsetWidth ;
    bubbleChart.resize({
        width: bubbleChartWidth,
        height: 350
    });
});

// Scatter chart

// For apply theme

tui.chart.registerTheme('myTheme', theme);
options.theme = 'myTheme';

var scatterChart = tui.chart.scatterChart(container, data, options);

window.addEventListener('resize',function(){
    scatterChartWidth = document.getElementById("scatter-charts").offsetWidth ;
    scatterChart.resize({
        width: scatterChartWidth,
        height: 350
    });
});

// Pie charts

plot: {
        lineColor: 'rgba(166, 176, 207, 0.1)'
    },
    legend: {
        label: {
            color: '#8791af'
        }
    },
    series: {
        colors: [
            '#22c55e', '#1ccab8', '#fac146', '#ef4586', '#f1b44c'
        ]
    }
};

// For apply theme

tui.chart.registerTheme('myTheme', theme);
options.theme = 'myTheme';

var pieChart = tui.chart.pieChart(container, data, options);

window.addEventListener('resize',function(){
    pieChartWidth = document.getElementById("pie-charts").offsetWidth ;
    pieChart.resize({
        width: pieChartWidth,
        height: 350
    });
});

// Donut pie chart

return value;
        }
    },
    series: {
        radiusRange: ['40%', '100%'],
        showLabel: true
    },
    tooltip: {
        suffix: '%'
    },
    legend: {
        align: 'bottom'
    }
};
var theme = {
    chart: {
        background: {
            color: '#fff',
            opacity: 0
        },
    },
    title: {
        color: '#8791af',
        fontSize: 14,
        fontWeight: 500,
    },

plot: {
        lineColor: 'rgba(166, 176, 207, 0.1)'
    },
    legend: {
        label: {
            color: '#8791af'
        }
    },
    series: {
        series: {
            colors: [
                '#22c55e', '#1ccab8', '#fac146', '#ef4586', '#f1b44c'
            ]
        },
        label: {
            color: '#fff',
            fontFamily: 'sans-serif'
        }
    }
};

// For apply theme

tui.chart.registerTheme('myTheme', theme);
options.theme = 'myTheme';

var donutChart = tui.chart.pieChart(container, data, options);

window.addEventListener('resize',function(){
    donutpieChartWidth = document.getElementById("donut-charts").offsetWidth ;
    donutChart.resize({
        width: donutpieChartWidth,
        height: 350
    });
});

// Heatmap chart

// For apply theme

tui.chart.registerTheme('myTheme', theme);
options.theme = 'myTheme';

var heatmapChart = tui.chart.heatmapChart(container, data, options);

window.addEventListener('resize',function(){
    heatmapChartChartWidth = document.getElementById("heatmap-charts").offsetWidth ;
    heatmapChart.resize({
        width: heatmapChartChartWidth,
        height: 350
    });
});

// Treemap chart

var treemapchartsWidth = document.getElementById("treemap-charts").offsetWidth;
var container = document.getElementById('treemap-charts');

var data = {
    series: [
        {
            label: 'Documents',
            children: [
                {
                    label: 'docs',
                    children: [
                        {
                            label: 'pages',
                            value: 1.3
                        },
                        {
                            label: 'keynote',
                            value: 2.5
                        },
                        {
                            label: 'numbers',
                            value: 1.2
                        }
                    ]
                },
                {
                    label: 'photos',
                    value: 5.5
                },
                {
                    label: 'videos',
                    value: 20.7
                }
            ]
        }, {
            label: 'Downloads',
            children: [
                {
                    label: 'recents',
                    value: 5.3
                }, {
                    label: '2015',
                    value: 10.1
                }, {
                    label: '2014',
                    value: 8.2
                }
            ]
        }, {
            label: 'Application',
            value: 16.4
        }, {
            label: 'Desktop',
            value: 4.5
        }
    ]
};
var options = {
    chart: {
        width: treemapchartsWidth,
        height: 380,
        title: {
            text: 'Used disk space',
            offsetY: -10,
            align: 'right',
        }, 
    },
    series: {
        showLabel: true,
        zoomable: false,
        useLeafLabel: true
    },
    
    tooltip: {
        suffix: 'GB'
    }
};
var theme = {
    chart: {
        background: {
            color: '#fff',
            opacity: 0
        },
    },
    title: {
        color: '#8791af',
        fontSize: 14,
        fontWeight: 500,
    },

plot: {
        lineColor: 'rgba(166, 176, 207, 0.1)'
    },
    legend: {
        label: {
            color: '#8791af'
        }
    },
    series: {
        colors: [
            '#22c55e', '#1ccab8', '#fac146', '#ef4586', 
        ],
        borderColor: 'rgba(255, 255, 255, 0.4)',
        borderWidth: 4
    }
};

// For apply theme

tui.chart.registerTheme('myTheme', theme);
options.theme = 'myTheme';

var treemapChart = tui.chart.treemapChart(container, data, options);

window.addEventListener('resize',function(){
    treemapChartChartWidth = document.getElementById("treemap-charts").offsetWidth ;
    treemapChart.resize({
        width: treemapChartChartWidth,
        height: 350
    });
});

// Map charts

legend: {
        label: {
            color: '#8791af'
        }
    },
    series: {
        startColor: '#556ee6',
        endColor: '#34c38f',
        overColor: '#75b5aa',
        borderColor: '#F4511E'
    }
};

// For apply theme

tui.chart.registerTheme('myTheme', theme);
options.theme = 'myTheme';

var mapChart = tui.chart.mapChart(container, data, options);

window.addEventListener('resize',function(){
    mapChartChartWidth = document.getElementById("map-charts").offsetWidth ;
    mapChart.resize({
        width: mapChartChartWidth,
        height: 350
    });
});

// Boxplot charts

// For apply theme

tui.chart.registerTheme('myTheme', theme);
options.theme = 'myTheme';

var boxplotChart = tui.chart.boxplotChart(container, data, options);

window.addEventListener('resize',function(){
    boxplotChartChartWidth = document.getElementById("boxplot-charts").offsetWidth ;
    boxplotChart.resize({
        width: boxplotChartChartWidth,
        height: 350
    });
});

// Bullet charts

var bulletchartsWidth = document.getElementById("bullet-charts").offsetWidth;
var container = document.getElementById('bullet-charts');

// For apply theme

tui.chart.registerTheme('myTheme', theme);
options.theme = 'myTheme';

var bulletChart = tui.chart.bulletChart(container, data, options);

window.addEventListener('resize',function(){
    bulletChartWidth = document.getElementById("bullet-charts").offsetWidth ;
    bulletChart.resize({
        width: bulletChartWidth,
        height: 350
    });
});

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: toast-ui.init.js

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation