TC
/
arozos


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823
							<html>
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="../../script/semantic/semantic.min.css">
        <script src="../../script/jquery.min.js"></script>
        <script type='text/javascript' src="../../semantic/semantic.min.js"></script>
        <script src="../../script/ao_module.js"></script>
        <title>Diskmg</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <style>
            body{
                height: 100%;
            }
            .customFitted.item{
                padding-top:5px !important;
                padding-bottom:5px !important;
            }
            #diskListTable{
                max-height:250px !important;
                overflow-y: auto;
            }
            #diskVisualization{
                overflow-y:auto;
            }
            .diskPartTable{
                width:100%;
                border-bottom:1px solid #9c9c9c;
                overflow-x:hidden;
            }
            .sideblock{
                background-color:#f0f0f0;
                height:100px;
                width:100px;
                padding:8px;
                /*
                    border-right:1px solid #9c9c9c;
                */
                
                font-size:90%;
                display:inline-block;
            }
            .partitionRepresentation{
                border:1px solid #e8e8e8;
                display:inline-block;
                height:100px;
                vertical-align: top;
                overflow:hidden;
                /*
                    border-left:1px solid #6e6e6e;
                */
                
                cursor:pointer;
            }
            .partitionTopBar{
                background-color:#4287f5;
                width:100%;
                height:15px;
                margin-bottom:3px;
            }
            .partitionTopBar.unallocate{
                 background-color:#1f1f1f;
            }
            .partitionTopBar.unmounted{
                 background-color:#ab8a29;
            }
            .partitionDescription{
                padding-left:8px;
                padding:3px;
            }
            #rightClickMenu{
                position:absolute;
            }
            .selectable{
                cursor: pointer;
            }
            .selectable:hover{
                background-color:#f0f0f0 !important;
            }
            .focusedPart{
                background-color: #e3f0ff;
            }
            .disabled{
                background-color:#e6e6e6;
                color:#787878 !important;
                cursor:no-drop !important;
            }
            .funcmenu{
                position:fixed;
                top:10%;
                right:20%;
                left:20%;
                bottom:10%;
                overflow-y:auto;
                z-index:100;
                background-color:#f7f7f7;
                padding:12px;
                display:none;
                border: 1px solid #9c9c9c;
            }
            .functMenuDimmer{
                z-index:90;
                position:absolute;
                width:100%;
                height:100%;
                left:0px;
                top:0px;
                background:rgba(48,48,48,0.5);
                display:none;
            }
            .funcmenuBottom{
                position:absolute;
                width:100%;
                bottom:0px;
                left:0px;
                padding:12px;
            }
        </style>
    </head>
    <body>
        <div id="diskListTable" >
            <table class="ui celled striped unstackable table">
                <thead>
                    <tr>
                        <th>
                            Volume
                        </th>
                        <th class="windowsonly" style="display:none;">
                            Name
                        </th>
                        <th class="windowsonly" style="display:none;">
                            Type
                        </th>
                        <th class="linuxonly" style="display:none;">
                            Mount Point
                        </th>
                        <th>
                            File System
                        </th>
                        <th>
                            Capacity
                        </th>
                        <th class="windowsonly" style="display:none;">
                            Free Space
                        </th>
                        <th class="windowsonly" style="display:none;">
                            % Free
                        </th>
                        <th class="linuxonly" style="display:none;">
                            Used Space
                        </th>
                        <th class="linuxonly" style="display:none;">
                            % Used
                        </th>
                    </tr>
                </thead>
                <tbody id="diskInfoTable">
                    <tr>
                        <td class="collapsing">
                            <i class="disk outline icon"></i>/dev/sda1
                        </td>
                        <td class="collapsing">/media/storage1</td>
                        <td class="right aligned collapsing">NTFS</td>
                        <td class="right aligned collapsing">64 GB</td>
                        <td class="right aligned collapsing">12.5 GB</td>
                        <td class="right aligned collapsing">19.7%</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="diskVisualization">
            <div class="diskPartTable">
                <div class="sideblock">
                    <i class="disk outline icon" style="margin-right:0px;font-weight: bold;"></i>
                    <b style="font-weight: bold;">Drive 0</b><br>
                    N/A
                </div><div class="partitionRepresentation" style="width:calc(100% - 150px);">
                    <div class="partitionTopBar"></div>
                    <div class="partitionDescription">
                       Connecting to Virtual Disk Services
                    </div>
                </div>
            </div>
        </div>
    <div id="rightClickMenu" class="ui vertical menu" style="display: none;">
        <div id="formatDisk" class="item selectable" onClick="toggleFormatInterface(this);">
            <i class="disk outline icon"></i> Format Disk
        </div>
        <div id="mtbtn" class="item selectable" onClick="toggleMount(this);">
            <i class="usb icon"></i> Mount
        </div>
    </div>
    <!-- Sections for functional menus-->
    <div id="formatOptions" class="funcmenu">
        <h2 class="ui header">
            <i class="red exclamation circle icon"></i>
            <div class="content">
                Format Disk
                <div class="sub header" style="font-weight:120%;color:red;">Warning! The format process will wipe all data from the selected partition.</div>
            </div>
        </h2>
        <div class="ui red message">
            <p>Format on any drive or partition will wipe all data within that drive or partition. Please make sure you have backup all necessary files and your drive / partition selection is correct.</p>
        </div>
        <div class="ui header">
            <i class="disk outline icon"></i>
            <div id="selectedDiskDisplay" class="content">
                /dev/sda1 (120 GB)
            </div>
        </div>
        <div class="ui form">
            <div class="field">
                <label>Target File System Format</label>
                <div class="ui checkboxes">
                    <div class="ui radio checkbox">
                        <input id="ext4" type="radio" name="format" checked>
                        <label for="ext4">EXT4</label>
                    </div>
                    <div class="ui radio checkbox">
                        <input id="ntfs" type="radio" name="format">
                        <label for="ntfs">NTFS</label>
                    </div>
                    <div class="ui radio checkbox">
                        <input id="vfat" type="radio" name="format">
                        <label for="vfat">VFAT</label>
                    </div>
                </div>
            </div>
        </div>
        <div class="funcmenuBottom" align="right">
            <button class="ui tiny negative button" onClick="formatThisDev();">Format</button>
            <button class="ui tiny button" onClick="hideAllFuncMenu();">Close</button>
        </div>
    </div>
    <div id="mountOptions" class="funcmenu">
        <div class="ui header">
            Disk Mount
            <div class="sub header">Select a mount point for this device</div>
        </div>
        <div id="mtptlist" class="ui segmented list" style="max-height:300px;overflow-y:auto;">
           
            
   
            <div class="mountpt item selectable userdefine" onclick="selectThis(this);">
                <p>User defined mount point</p>
                <div class="ui fluid mini input">
                    <input id="userDefinedMountPoint" type="text" placeholder="/">
                </div>
            </div>
        </div>
        
        <div class="funcmenuBottom" align="right">
            <button class="ui tiny primary button" onClick="mountThisDev();">Mount</button>
            <button class="ui tiny button" onClick="hideAllFuncMenu();">Close</button>
        </div>
    </div>
    
    <!-- dimmers-->
     <div id="loaderUI" class="ui active dimmer" style="display:none;">
        <div class="ui text loader">Waiting for System Response<br>Do Not Close This Tab</div>
    </div>
    <div class="functMenuDimmer" onClick="hideAllFuncMenu();">
        
    </div>
    <script>
        var mode = "linux";
        var viewMode = "human"; //Accept {human / raw}
        var diskInformation; //Tmp variable for holding disk return results
        var displayScaleRatio = 0.1; //Maxium differential ratio, default 0.3, it means the minium disk will show as 70% screen width
        var fwmode = false;
        var formatPendingDevInfo;
        
      
        //Updates Nov 2020, added platform detection
        $.get(ao_root + "system/disk/diskmg/platform", function(data){
            if (data == "windows"){
                mode = "windows";
            }else{
                mode = "linux"
            }
            //Init data loading process
            initView();
            initPartitionTable();
            initMountPointList();
        })
     
        
        //Mount pt selection interface
        $(".mountpt").on('click',function(e){
            $(".selected").removeClass("selected");
            $(this).addClass("selected");
        });
        
        function hideAllFuncMenu(){
            $(".funcmenu").fadeOut('fast');
            $(".functMenuDimmer").fadeOut('fast');
        }

        function initMountPointList(){
            $.get(ao_root + "system/disk/diskmg/mpt", function(data){
                if (data == null){
                    //On Windows
                    return
                }
                data.forEach(mpt => {
                    $("#mtptlist").prepend(`<div class="mountpt selectable item" style="cursor:pointer;" onclick="selectThis(this);" ondblclick="mountThisDev(this)">${mpt}</div>`)
                });
                
            });
        }

        function selectThis(object){
            $(".selected.selectable.item").removeClass('selected');
            $(object).addClass("selected");
        }
        
        function formatThisDev(){
            var targetFormat = $("input[name='format']:checked").attr("id");
            var targetDisk = formatPendingDevInfo;
            console.log("Formating Disk: " + targetDisk + " to " + targetFormat);
            if(targetFormat){
                $("#loaderUI").show();
                if (confirm("THIS OPERATION WILL WIPE ALL DATA ON /dev/" + targetDisk[0] + ". ARE YOU SURE?")){
                    $("#formatOptions").fadeOut('fast');
                    $(".functMenuDimmer").fadeOut('fast');
                    console.log(ao_root + "system/disk/diskmg/format?dev=" + targetDisk[0] + "&format=" + targetFormat);
                    $.ajax({
                        url: ao_root + "system/disk/diskmg/format",
                        data: {"dev": targetDisk[0], "format": targetFormat},
                        method: "POST",
                        success: function(data){
                            if (data.error !== undefined){
                                alert(data.error);
                            }
                            initView();
                            initPartitionTable();
                            $("#loaderUI").hide();
                        }
                    });
                }else{
                    $("#loaderUI").hide();
                }
            }
        }
        
        function toggleFormatInterface(btnObject){
            if ($(btnObject).hasClass("disabled") == true){
                return;
            }
            $("#formatOptions").fadeIn('fast');
            $(".functMenuDimmer").fadeIn('fast');
            hideRightclickMenu();
            var diskInfo = $(".focusedPart").attr("metadata");
            diskInfo = ao_module_utils.attrToObject(diskInfo);
            formatPendingDevInfo = diskInfo;
            $("#selectedDiskDisplay").text(diskInfo[0] + " (" + bytesToSize(parseInt(diskInfo[5])) + ") ");
        }
        
        function mountThisDev(object=null){
            if (object !== null && !$(object).hasClass(".selected.item")){
                $(".selected").removeClass("selected");
                $(object).addClass("selected");
            }
            var selectedMpt = $(".selected.item");
            var mountPoint = $(selectedMpt).text().trim();
            if (selectedMpt.hasClass("userdefine")){
                var mountPoint = $("#userDefinedMountPoint").val();
            }
             $("#loaderUI").show();
             $("#mountOptions").fadeOut('fast');
             $(".functMenuDimmer").fadeOut('fast');
             var diskInfo = $(".focusedPart").attr("metadata");
             diskInfo = ao_module_utils.attrToObject(diskInfo);
             $.get(ao_root + "system/disk/diskmg/mount?dev=" + diskInfo[0] + "&format=" + diskInfo[2] + "&mnt=" + mountPoint,function(data){
                if (data.error != undefined){
                    $("#loaderUI").hide();
                    alert(data.error);
                    return;
                }
                //Reload the UI
                initView();
                initPartitionTable();
                $("#loaderUI").hide();
            });
        }
        
        function toggleMount(btnObject){
            if ($(btnObject).hasClass("disabled") == true){
                return;
            }
            var diskInfo = $(".focusedPart").attr("metadata");
            diskInfo = ao_module_utils.attrToObject(diskInfo);
            if (diskInfo[3] == false){
                //Mount disk
                $("#mountOptions").fadeIn('fast');
                $(".functMenuDimmer").fadeIn('fast');
                
            }else{
                //Unmount disk
                var dev = diskInfo[0];
                var mnt = diskInfo[1];
                var format = diskInfo[2];
                hideRightclickMenu();
                $("#loaderUI").show();
                $.get(ao_root + "system/disk/diskmg/mount?dev=" + dev + "&format=" + format + "&mnt=" + mnt + "&umount=true",function(data){
                    console.log(data);
                    //Reload the UI
                     initView();
                     initPartitionTable();
                     $("#loaderUI").hide();
                });
            }
            hideRightclickMenu();
        }
        
        function hideRightclickMenu(){
            $("#rightClickMenu").hide();
        }

        /*
        function openInFileExplorer(btnObject){
            if ($(btnObject).hasClass('disabled')){
                return;
            }
            var diskInfo = $(".focusedPart").attr("metadata");
            diskInfo = ao_module_utils.attrToObject(diskInfo);
            if (diskInfo[3] == true){
                //This disk is mounted
                var uid = Date.now();
                if (fwmode){
                    ao_module_newfw("SystemAOB/functions/file_system/index.php?controlLv=2&dir=" + diskInfo[1],"Loading", "folder open outline",uid,1080,580,undefined,undefined,true,true);
                }else{
                    window.open("../../functions/file_system/index.php?controlLv=2&dir=" + diskInfo[1]);
                }
            }
            hideRightclickMenu();
        }
        */
        
        function createEventHooks(){
            $(".partitionRepresentation").contextmenu(function(e){
                if (mode == "windows"){
                    //Switch back to normal menu when under window mode
                    return true;
                }
                var px = e.clientX;
                var py = e.clientY;
                var top = py - $("#rightClickMenu").height();
                if (ao_module_virtualDesktop){
                    top -= 50;
                }
                $("#rightClickMenu").css({"left": px + "px", "top":  top + "px"});
                $("#rightClickMenu").show();
                console.log(e.target);
                $(".focusedPart").removeClass("focusedPart");
                var partbody =  $(e.target);
                if ($(e.target).parent().hasClass("partitionRepresentation")){
                    //Clicked on the child instead.
                    $(e.target).parent().addClass("focusedPart");
                    partbody =  $(e.target).parent();
                }else{
                    //Click on the representation body.
                    $(e.target).addClass("focusedPart");
                }
                
                //Create a custom context menu for the operation
                var partInfo = ao_module_utils.attrToObject(partbody.attr("metadata"));
                console.log(partInfo);
                if (partInfo[3] == true){
                    //This disk is mounted. Provide unmount btn
                    if (partInfo[1] == "/" || partInfo[1] == "/boot"){
                        //No, you can't unmount root nor format it
                        $("#mtbtn").addClass("disabled");
                        $("#formatDisk").addClass("disabled");
                    }else{
                        $("#mtbtn").removeClass("disabled");
                        $("#formatDisk").removeClass("disabled");
                    }
                    $("#mtbtn").html('<i class="usb icon"></i> Unmount');
                    if (partInfo[1].substring(0,6) == "/media"){
                         //This can be opened
                         $("#openbtn").removeClass("disabled");
                    }else{
                         $("#openbtn").addClass("disabled");
                    }
                }else{
                    //This disk is not mounted. Provide mount btn
                    $("#mtbtn").html('<i class="usb icon"></i> Mount Drive');
                    $("#openbtn").addClass("disabled");
                    $("#mtbtn").removeClass("disabled");
                    $("#formatDisk").removeClass("disabled");
                }
                //Prevent browser menu from showing
                return false;
            });
        }
        
        function adjustPartitionViewHeight(){
            $("#diskVisualization").css("height",window.innerHeight - $("#diskListTable").height() - 120 + "px");
        }
        
        function initView(){
            if (mode == "windows"){
                $(".windowsonly").show();
                //Runing on top of Window Host
                $.get(ao_root + "system/disk/diskmg/view",function(data){
                    $("#diskInfoTable").html("");
                    if (data.error == undefined){
                       for (var i = 0; i < data.length; i++){
                           var thisDisk = data[i];
                           var driveName = thisDisk[2];
                           if (thisDisk[2] == "" && thisDisk[0] == "C:\\"){
                                driveName = "Primary Drive";
                           }else if (thisDisk[2] == ""){
                                driveName = "Local Disk";
                           }else if (driveName == undefined){
                                driveName = "No Media"
                           }

                           if (thisDisk[3] == undefined){
                               //Unknown File System
                               thisDisk[3] = "N/A"
                           }

                           var cap = bytesToSize(thisDisk[6]);
                           if (thisDisk[6] == undefined){
                                cap =  "N/A";
                           }

                           var free = bytesToSize(thisDisk[5]);
                           if (thisDisk[5] == undefined){
                               free = "N/A";
                           }

                           var perc = Math.round(thisDisk[5] / thisDisk[6] * 100);
                           if (isNaN(perc)){
                               perc = "0";
                           }

                           $("#diskInfoTable").append('<tr>\
                                <td class="collapsing">\
                                    <i class="disk outline icon"></i>' + thisDisk[0] + '\
                                </td>\
                                <td class="">' + driveName + '</td>\
                                <td class="collapsing">' + thisDisk[1] + '</td>\
                                <td class="right aligned collapsing">' + thisDisk[3] + '</td>\
                                <td class="right aligned collapsing">' + cap + '</td>\
                                <td class="right aligned collapsing">' + free + '</td>\
                                <td class="right aligned collapsing">' + perc + '%</td>\
                            </tr>');
                       }
                    }
                });
            }else{
                //Runing on top of Linux Host
                $(".linuxonly").show();
                $.get(ao_root + "system/disk/diskmg/view",function(data){
                    $("#diskInfoTable").html("");
                    if (data.error == undefined){
                        var disks = data[0]["blockdevices"];
                        var partitions = data[1];
                       for (var i = 0; i < disks.length; i++){
                           var thisDisk = disks[i]["children"];
                           if (thisDisk === undefined || thisDisk === null){
                                let thisSize = disks[i]["size"] || 0;
                                let thisPartitionID = disks[i]["name"] || "✖";
                                let mountPoint = disks[i]["mountpoint"] || "[NO PARTITION]";
                                $("#diskInfoTable").append('<tr>\
                                    <td class="collapsing">\
                                        <i class="disk outline icon"></i>' + thisPartitionID + '\
                                    </td>\
                                    <td class="">' +  mountPoint + '</td>\
                                    <td class="right aligned collapsing"></td>\
                                    <td class="right aligned collapsing">' + bytesToSize(thisSize) + '</td>\
                                    <td class="right aligned collapsing">' + bytesToSize(0) + '</td>\
                                    <td class="right aligned collapsing"></td>\
                                </tr>');
                               continue;
                           }
                           for (var j =0; j < thisDisk.length; j++){
                               var thisPartition = thisDisk[j];
                               var mtPoint = thisPartition["mountpoint"];
                               if (mtPoint === null){
                                   mtPoint = "Not Mounted";
                               }
                               //Get the filesystem from another command return results
                               var disksFormats = data[1]["blockdevices"][i]["children"][j];
                               var fstype = disksFormats["fstype"];
                               if (fstype === null){
                                   fstype = "raw";
                               }
                               //console.log(disksFormats);
                               
                               //Read freesapce from the last command return results
                               var freeSpacesRatio = "0%";
                               for (var k =0; k < data[2].length; k++){
                                   if (data[2][k][5] == thisPartition["mountpoint"]){
                                       //This device is mounted at the same path as current partition. It should be this volume
                                       freeSpacesRatio = data[2][k][4];
                                   }
                               }
                               if (freeSpacesRatio === undefined){
                                   freeSpacesRatio = "0%";
                               }
                               var numericalFreeSpace = parseInt(freeSpacesRatio.replace("%","")) * thisPartition["size"] / 100;
                               
                               //Print the results to the interface
                               //console.log(thisPartition);
                               $("#diskInfoTable").append('<tr>\
                                    <td class="collapsing">\
                                        <i class="disk outline icon"></i>' + thisPartition["name"] + '\
                                    </td>\
                                    <td class="">' +  mtPoint + '</td>\
                                    <td class="right aligned collapsing">' + fstype + '</td>\
                                    <td class="right aligned collapsing">' + bytesToSize(thisPartition["size"]) + '</td>\
                                    <td class="right aligned collapsing">' + bytesToSize(numericalFreeSpace) + '</td>\
                                    <td class="right aligned collapsing">' + freeSpacesRatio + '</td>\
                                </tr>');
                           }
                           
                       }
                    }
                });
            }
        }
    
        
        function initPartitionTable(){
             if (mode == "windows"){
                  $.get(ao_root + "system/disk/diskmg/view?partition=true",function(data){
                    var disks = {};
                    for(var i =0; i < data.length; i++){
                        var thisPart = data[i];
                        //var diskID = thisPart[9].replace(":","");
                        var diskID = thisPart[0].replace(/\\+.+\\/,"");
                        if (disks == undefined || disks[diskID] == undefined){
                            disks[diskID] = {"partitionsTotalSize":thisPart[14],"partitionNames":[thisPart[16]],"partitionID":[ thisPart[9]],"partitionVolume":[thisPart[14]],"Type":[thisPart[5]],"Mounted":[thisPart[4]=="True"],"Format":[thisPart[12]]};
                        }else{
                           disks[diskID]["partitionsTotalSize"] = parseInt(disks[diskID]["partitionsTotalSize"]) + parseInt(thisPart[14]);
                           disks[diskID]["partitionVolume"].push(thisPart[14]);
                           disks[diskID]["partitionNames"].push(thisPart[16]);
                           disks[diskID]["partitionID"].push(thisPart[9]);
                           disks[diskID]["Type"].push(thisPart[5]);
                           disks[diskID]["Format"].push(thisPart[12]);
                           disks[diskID]["Mounted"].push(thisPart[4]=="True");
                        }
                    }
                    diskInformation = JSON.parse(JSON.stringify(disks));
                    drawDartitionTable();
                });
                
             }else{
                 //This is a Linux Host
                  $.get(ao_root + "system/disk/diskmg/view?partition=true",function(data){
                      var disks = {};
                      var diskInfo = data[0]["blockdevices"];
                      for (var i =0; i < diskInfo.length; i++){
                          let thisDisk = diskInfo[i];
                          let diskID = thisDisk["name"];
                          if (thisDisk["children"] === undefined || thisDisk["children"] === null){
                              //This disk do not have any child. Assume a large read-only raw partition.
                              let thisSize = thisDisk["size"] || 0;
                              let thisPartitionID = thisDisk["name"] || "✖";
                              disks[diskID] = {
                                  "partitionsTotalSize":thisSize,
                                  "partitionNames":[""],
                                  "partitionID":[thisPartitionID],
                                  "partitionVolume":[thisSize],
                                  "Type":[thisDisk["type"]],
                                  "Mounted":[thisDisk["mountpoint"] !== null],
                                  "Format":["raw"]
                                };
                                continue;
                             
                          }
                          for (var j =0; j < thisDisk["children"].length;j++){
                            var thisPart = thisDisk["children"][j];
                            var disksFormats = data[1]["blockdevices"][i]["children"][j];
                            if (disks == undefined || disks[diskID] == undefined){
                                disks[diskID] = {
                                        "partitionsTotalSize":thisPart["size"],
                                        "partitionNames":[thisPart["mountpoint"]],
                                        "partitionID":[thisPart["name"]],
                                        "partitionVolume":[thisPart["size"]],
                                        "Type":[thisPart["type"]],
                                        "Mounted":[thisPart["mountpoint"] != ""],
                                        "Format":[disksFormats["fstype"]]
                                    };
                            }else{
                               disks[diskID]["partitionsTotalSize"] = parseInt(disks[diskID]["partitionsTotalSize"]) + parseInt(thisPart["size"]);
                               disks[diskID]["partitionVolume"].push(thisPart["size"]);
                               disks[diskID]["partitionNames"].push(thisPart["mountpoint"]);
                               disks[diskID]["partitionID"].push(thisPart["name"]);
                               disks[diskID]["Type"].push(thisPart["type"]);
                               disks[diskID]["Format"].push(disksFormats["fstype"]);
                               console.log(thisPart["name"], thisPart["mountpoint"]);
                               disks[diskID]["Mounted"].push(thisPart["mountpoint"] !== "");
                            }
                          }
                      }
                      diskInformation = JSON.parse(JSON.stringify(disks));
                      drawDartitionTable();
                  });
                 
             }
             
        }
        
        function drawDartitionTable(){
            var disks = JSON.parse(JSON.stringify(diskInformation));
            console.log(diskInformation);
            //Clear the old diskpart table
            $("#diskVisualization").html("");
            //Render the partition table
            var maxWidth = window.innerWidth * 0.96 - 200;
            var maxCapDisk = -1;
            var keys = [];
            for (key in disks){
                keys.push(key);
                var thisDiskSize = disks[key]["partitionsTotalSize"];
                if (thisDiskSize > maxCapDisk){
                    maxCapDisk = parseInt(thisDiskSize);
                }
            }
            
            keys.sort();
            for (var i =0; i < keys.length; i++){
                var diskInfo = disks[keys[i]];
                var diskID = keys[i];
                var mountState = "Mounted";
                var shortenType = diskInfo["Type"][0].split(" ").shift();
                var thisMaxWidth = maxWidth - (1- (diskInfo["partitionsTotalSize"] / maxCapDisk)) * (window.innerWidth * displayScaleRatio);
                if (diskInfo["Mounted"].length == 1 && diskInfo["Mounted"][0] == false){
                    mountState = "Unmounted";
                }else if(diskInfo["Mounted"].length > 1){
                    mountState = "Mixed";
                }
                console.log(diskID,diskInfo["Mounted"]);
                //Append the disk info block
                $("#diskVisualization").append('<div class="diskPartTable">');
                $("#diskVisualization").append('<div class="sideblock">\
                    <i class="disk outline icon" style="margin-right:0px;font-weight: bold;"></i>\
                    <b style="font-weight: bold;">Drive ' + i + '</b><br>\
                    ' + shortenType + '<br>\
                    ' + bytesToSize(diskInfo["partitionsTotalSize"]) + '<br>\
                    ' + mountState + '\
                </div>');
                var partitionIDs = diskInfo["partitionID"];
                for (var k =0; k < partitionIDs.length; k++){
                    var thisWidth = thisMaxWidth * (parseInt(diskInfo["partitionVolume"][k]) / diskInfo["partitionsTotalSize"]);
                    var topbarExtraClass = "";
                    if (diskInfo["partitionVolume"][k] == 0){
                        topbarExtraClass = " unallocate";
                    }else if (diskInfo["partitionNames"][k] == "" && mode == "linux"){
                        topbarExtraClass = " unmounted";
                        diskInfo["partitionNames"][k] = "Not Mounted";
                        if (diskInfo.Format.length == 1 && diskInfo.Format[0] == "raw"){
                            topbarExtraClass = " unallocate"
                            diskInfo["partitionNames"][k] = "Unallocated / Unpartitioned";
                        }
                    }else if (diskInfo["partitionNames"][k] == "" && mode == "windows"){
                        //All viewable disks on Windows must be mounted
                        if (diskInfo["partitionID"][0] == "C:"){
                            diskInfo["partitionNames"][k] = "Primary Disk";
                        }else{
                            diskInfo["partitionNames"][k] = "Local Disk";
                        }
                    }
                    
                    $("#diskVisualization").append('<div class="partitionRepresentation" style="width:' + thisWidth + 'px;" metaData="\
                    ' + ao_module_utils.objectToAttr([diskInfo["partitionID"][k],diskInfo["partitionNames"][k],diskInfo["Format"][k],diskInfo["Mounted"][k],diskInfo["Type"][k],diskInfo["partitionVolume"][k]]) + '">\
                        <div class="partitionTopBar' + topbarExtraClass + '"></div>\
                        <div class="partitionDescription">\
                            ' + diskInfo["partitionNames"][k] +" (" + diskInfo["partitionID"][k] + ')<br>\
                            ' + bytesToSize(parseInt(diskInfo["partitionVolume"][k])) + ' ' + diskInfo["Format"][k] + '<br>\
                        </div>\
                    </div>');
                }
                $("#diskVisualization").append('</div>');
            }
            
            setTimeout(function(){
                adjustPartitionViewHeight();
            },500);
            createEventHooks();
        }
        
        $(window).on("resize",function(){
            adjustPartitionViewHeight();
            drawDartitionTable();
        });
        
        $("#diskVisualization").on('click',function(e){
           var target = e.target;
           //console.log($(target).parents(".partitionRepresentation"));
           if ($(target).parents(".partitionRepresentation").length == 0 && !$(target).hasClass("partitionRepresentation")){
               $("#rightClickMenu").hide();
           }else if (e.button == 0){
               if ($(target).parents(".partitionRepresentation").length > 0 || $(target).hasClass("partitionRepresentation")){
                   $(".focusedPart").removeClass("focusedPart");
                   if ($(target).parent().hasClass("partitionRepresentation")){
                       $(target).parent().addClass("focusedPart");
                   }else{
                       $(target).addClass("focusedPart");
                   }
               }
               $("#rightClickMenu").hide();
           }
        });
        
        function bytesToSize(bytes) {
            if (viewMode == "human"){
                var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
                 if (bytes == 0) return '0 Byte';
                 var i = parseFloat(Math.floor(Math.log(bytes) / Math.log(1024)));
                 return Math.round(bytes / Math.pow(1024, i) * 100) / 100 + ' ' + sizes[i];
            }else if (viewMode == "raw"){
                return bytes + " B";
            }
           
        }
    </script>
    </body>
</html>