[Add-on] Diskspace Monitor Tab Add-on Version 1.00 final for Muximux #52

alienx2 · 2016-02-16T09:20:54Z

I think it will be useful... refresh every 30 mins or 1 hour. like this free space "27GB / 40GB" possible if you prefer style you can use progress bar with CSS style =)

alienx2 · 2016-02-16T13:26:53Z

credits by Darian Brown (http://www.thecave.info/) and modified by me.

version 1.00 final released! =)

Looking for code? Please look below.

mescon · 2016-02-16T17:51:04Z

People who want this are free to add it, so I wont close the issue for the time being - however, this is beyong the scope of Muximux itself so it will most likely not be included in the official repo.

alienx2 · 2016-02-16T18:53:27Z

ok this is like add-on for muximux =)

monsieurpouet · 2016-02-21T18:23:27Z

I've a little issue:

Why I've a scrollbar ? :(

alienx2 · 2016-02-21T18:49:03Z

@monsieurpouet >
same problem here: #49

SOLUTION: find <nav> then replace with <nav style='overflow-y: hidden;'> in muximux.php

Great news! very soon to update code with click to refresh on it =)

monsieurpouet · 2016-02-21T18:56:51Z

It must put ' instead of ".
If not, this don't work.

Like that:

Thanks for your answer :)

alienx2 · 2016-02-21T18:59:16Z

@monsieurpouet oops.. sorry =) i made code without testing.... I'm glad you like this feature.

JudsonHat · 2016-03-02T13:15:05Z

Great news! very soon to update code with click to refresh on it =)

@alienx2 Thanks for your contribution to this project. Did you find a way to refresh the disk space information with a click?

alienx2 · 2016-03-02T13:38:17Z

@judhat2... yes im completed script for click to refresh but im about to release final version with 3 mode: timer, click and regular and i'm making easy to install this feature for everyone. stay tuned! =)

JudsonHat · 2016-03-02T13:39:04Z

Thanks, good to hear!

alienx2 · 2016-03-02T17:52:58Z

Diskspace Monitor Add-on for Muximux Version 1.00 final

copy and paste code to notepad and save it as "diskspace.php" to where muximux installed folder.

How to Install?

(2 Steps only)
Edit index.php with any code editor or notepad and following:

Add this line after "require 'muximux.php';":
require('diskspace.php');
Insert this line to <head> </head>:
<?php echo insertscript('install'); ?>

Added Features:

Mode: Click, Timer, Normal
Text format
Easy to Install for everyone. Just 2 lines only
Easy to config

<?php
##########################################################
##########################################################
//                   Created by AlienX2                  //
##########################################################
##########################################################
####### HOW TO INSTALL ###################################
#   * Add to index.php after "require 'muximux.php';":   #
#       require('diskspace.php');                        #
#                                                        #
#   * Add to index.php in <head> </head>:                #
/*      <?php echo insertscript('install'); ?>          */
#                                                        #
##########################################################
##########################################################
###### SETTINGS ##########################################
#   
#   // 'click' = click to refresh; 
#   // 'time' = refresh per time;
#   // 'none' = nothing, just reload page.
    $mode = 'none'; 
#   
#   // 'percent' = percent of how big used of space;
#   // 'ut' = Used space / Total Space;
#   // 'ft' = Free space / Total Space;
#   // 'free' = Free space of size;
    $textbar_type = 'ft';
#   
#   // Required: $mode='time';
#   // xxxx seconds
#   // e.g. '60' seconds = 1 minute; '300' seconds = 5 mins; '900' seconds = 15mins;
    $time = '5';
#   
#   // drive path in '' . e.g. 'd:/' or '/mnt/DownloadHDD'
    $monitor_path = '/mnt/LinuxHOME'; 
#
##########################################################



if(isset($_GET['diskspace'])) {
    echo progressbar('update');
    //echo 'hello';
    return;
}

if(isset($_GET['percentofspace'])) {
    echo progressbar('dp').'%';
    return;
}

if(isset($_GET['html'])) {
    echo progressbar('html');
    return;
}

function insertscript($type) {
    global $mode;
    global $time;

    if($type=='install') {

        $insertcode = "<script src='//code.jquery.com/jquery-1.12.0.min.js'></script><style type='text/css'>

    .diskspace {
        height:35px;
        float: right !important;
        margin-right: 5px;
        margin-top: 3px;
    }

    .progress {
/*          background: #747B8B;*/
        background:none;
            border: 2px solid #747B8B;
            height: 32px;
            width: 120px;
    }

    .progress .prgbar {
            position: relative;
            height: 32px;
            z-index: 999;
    }

    .prgbar {
        background:#f5f5f5 !important;
    }
    .progress .prgtext {
            color: gray;
            text-align: center;
            font-size: 13px;
            padding: 6px 0 0;
            width: 120px;
            position: absolute;
            z-index: 1000;
            text-shadow: 1px 1px #747B8B;
    }
    .progress .prginfo {
            margin: 3px 0;
    }

    </style>
    ";

    if ($mode == 'time') {
        $insertcode .= "
            <script>
                $(document).ready(function() {
                    $('".'<li class="diskspace" style="cursor:default !important;"></li>'."').insertBefore( 'ul.cd-tabs-navigation nav li:last-child' );

                    $.get('diskspace.php?html', function(data){
                        $('li.diskspace').html(data);
                    });

                    $.get('diskspace.php?percentofspace', function(data){
                        $('.progress .prgbar').width(data);
                    });
                });
            </script>
        <script>
            var refresh = setInterval(
                function (){
                    $.get('diskspace.php?percentofspace', function(data){
                        $('.progress .prgbar').width(data);
                    });

                    $.get('diskspace.php?percentofspace', function(data){
                        $('.progress .prgbar').width(data);
                    });

                    $('div.prgtext').load('diskspace.php?diskspace');

                    }, ".convertmilliseconds($time).");
        </script>
        ";
    } else if ($mode == 'click') {
        $insertcode .= "<script>
        $(document).ready(function() {
            $('".'<li class="diskspace"></li>'."').insertBefore( 'ul.cd-tabs-navigation nav li:last-child' );

            $.get('diskspace.php?html', function(data){
                $('li.diskspace').html(data);
            });

            $.get('diskspace.php?percentofspace', function(data){
                $('.progress .prgbar').width(data);
            });

            $('.diskspace').click(function() {
                $.get('diskspace.php?percentofspace', function(data){
                    $('.progress .prgbar').width(data);
                });

                $('.diskspace div.prgtext').load('diskspace.php?diskspace');
            });
        });
        </script>";
    } else { $insertcode .= "<script>
        $(document).ready(function() {
            $('".'<li class="diskspace" style="cursor:default !important;"></li>'."').insertBefore( 'ul.cd-tabs-navigation nav li:last-child' );

            $.get('diskspace.php?html', function(data){
                $('li.diskspace').html(data);
            });

            $.get('diskspace.php?percentofspace', function(data){
                $('.progress .prgbar').width(data);
            });
        });
        </script>

        "; }


    return $insertcode;


    }
}

function convertmilliseconds ($seconds) {
    return $seconds * 1000;
}

function progressbar($request = '') {

    global $monitor_path;
    global $textbar_type;

    $dfree = disk_free_space($monitor_path);
    $dt = disk_total_space($monitor_path);
    $du = $dt - $dfree;
    $dp = sprintf('%.2f',($du / $dt) * 100);
    $df = HumanSize($dfree);
    $dt = HumanSize($dt);
    $du = HumanSize($du);

    if($textbar_type == 'percent') {
        $data = $dp.' %';
    } else if($textbar_type == 'ut') {
        $data = $du." / ".$dt;
    } else if($textbar_type == 'ft') {
        $data = $df." / ".$dt;
    } else if($textbar_type == 'free') {
        $data = HumanSize($dfree, 2).' left';
    } else {
        $data = 'ERROR: $textbar_type is missing!';
    }

    if($request == 'dp') {
     return $dp;    
    } else if ($request == "update") {
        return $data;

        //return $df .'/'. $dt;
    } else if ($request == "html") {
     return 
        '<div class="progress">
           <div class="prgtext">'.$data.'</div><div class="prgbar"></div><div class="prginfo">
                   </div></div>';
    }

}

function HumanSize($bytes, $digit = 1)
{
    $types = array( 'B', 'KB', 'MB', 'GB', 'TB' );
            for( $i = 0; $bytes >= 1024 && $i < ( count( $types ) -1 ); $bytes /= 1024, $i++ );
                    return( round( $bytes, $digit ) . " " . $types[$i] );
}

?>

alienx2 · 2016-03-02T17:54:25Z

@judhat2 @monsieurpouet i just release code. Grab it =) Don't forget to install fresh muximux.

mescon · 2016-03-03T09:57:37Z

@alienx2 Nice job! FYI, you're inserting an instance of jQuery, when Muximux itself already loads jQuery. This creates a javascript conflict, so perhaps you could make it work with the bundled jquery version?

alienx2 · 2016-03-03T10:30:15Z

@mescon Thanks =) and i tried tested it not working without add jQuery. that's why i added.

alienx2 · 2016-03-05T18:25:14Z

@mescon i found you put jquery in index.php but very bottom instead of put in <head></head>... it didnt work with my code? even also jquery wont work?

mescon · 2016-03-06T17:14:02Z

@alienx2 All javascript is at the bottom for performance reasons. Read more here: https://developer.yahoo.com/performance/rules.html#js_bottom=

alienx2 changed the title ~~[Feature Request] Monitor Disk space on top~~ [Feature Request] Monitor Disk space on tab Feb 16, 2016

mescon added feature request wontfix labels Feb 16, 2016

alienx2 changed the title ~~[Feature Request] Monitor Disk space on tab~~ [Add-on] Monitor Disk space on tab Feb 16, 2016

mescon removed the feature request label Feb 23, 2016

alienx2 changed the title ~~[Add-on] Monitor Disk space on tab~~ [Add-on] Diskspace Monitor Tab Add-on for Muximux Version 1.00 final Mar 2, 2016

alienx2 changed the title ~~[Add-on] Diskspace Monitor Tab Add-on for Muximux Version 1.00 final~~ [Add-on] Diskspace Monitor Tab Add-on Version 1.00 final for Muximux Mar 2, 2016

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Add-on] Diskspace Monitor Tab Add-on Version 1.00 final for Muximux #52

[Add-on] Diskspace Monitor Tab Add-on Version 1.00 final for Muximux #52

alienx2 commented Feb 16, 2016

alienx2 commented Feb 16, 2016

mescon commented Feb 16, 2016

alienx2 commented Feb 16, 2016

monsieurpouet commented Feb 21, 2016

alienx2 commented Feb 21, 2016

monsieurpouet commented Feb 21, 2016

alienx2 commented Feb 21, 2016

JudsonHat commented Mar 2, 2016

alienx2 commented Mar 2, 2016

JudsonHat commented Mar 2, 2016

alienx2 commented Mar 2, 2016

alienx2 commented Mar 2, 2016

mescon commented Mar 3, 2016

alienx2 commented Mar 3, 2016

alienx2 commented Mar 5, 2016

mescon commented Mar 6, 2016

[Add-on] Diskspace Monitor Tab Add-on Version 1.00 final for Muximux #52

[Add-on] Diskspace Monitor Tab Add-on Version 1.00 final for Muximux #52

Comments

alienx2 commented Feb 16, 2016

alienx2 commented Feb 16, 2016

version 1.00 final released! =)

Looking for code? Please look below.

mescon commented Feb 16, 2016

alienx2 commented Feb 16, 2016

monsieurpouet commented Feb 21, 2016

alienx2 commented Feb 21, 2016

monsieurpouet commented Feb 21, 2016

alienx2 commented Feb 21, 2016

JudsonHat commented Mar 2, 2016

alienx2 commented Mar 2, 2016

JudsonHat commented Mar 2, 2016

alienx2 commented Mar 2, 2016

Diskspace Monitor Add-on for Muximux Version 1.00 final

How to Install?

Added Features:

alienx2 commented Mar 2, 2016

mescon commented Mar 3, 2016

alienx2 commented Mar 3, 2016

alienx2 commented Mar 5, 2016

mescon commented Mar 6, 2016