<!--IconValuesStart-->
{
    "music":"audiotrack",
    "video":"ondemand_video",
    "img":"image",
    "default":"insert_drive_file"
}
<!--IconValuesEnd-->
<!DOCTYPE html>
<html lang="<!--constStr@language-->">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
	<title><!--Title--></title>
	<link rel="stylesheet" href="//cdnjs.loli.net/ajax/libs/mdui/0.4.1/css/mdui.css">
	<style>
		body{background-color:#f2f5fa;padding-bottom:60px;background-position:center bottom;background-repeat:no-repeat;background-attachment:fixed}.nexmoe-item{margin:20px -8px 0!important;padding:15px!important;border-radius:5px;background-color:#fff;-webkit-box-shadow:0 .5em 3em rgba(161,177,204,.4);box-shadow:0 .5em 3em rgba(161,177,204,.4);background-color:#fff}.mdui-img-fluid,.mdui-video-fluid{border-radius:5px;border:1px solid #eee}.mdui-list{padding:0}.mdui-list-item{margin:0!important;border-radius:5px;padding:0 10px 0 5px!important;border:1px solid #eee;margin-bottom:10px!important}.mdui-list-item:last-child{margin-bottom:0!important}.mdui-list-item:first-child{border:none}.mdui-toolbar{width:auto;margin-top:60px!important}.mdui-appbar .mdui-toolbar{height:56px;font-size:16px}.mdui-toolbar>*{padding:0 6px;margin:0 2px;opacity:.5}.mdui-toolbar>.mdui-typo-headline{padding:0 16px 0 0}.mdui-toolbar>i{padding:0}.mdui-toolbar>a:hover,a.mdui-typo-headline,a.active{opacity:1}.mdui-container{max-width:980px}.mdui-list>.th{background-color:initial}.mdui-list-item>a{width:100%;line-height:48px}.mdui-toolbar>a{padding:0 16px;line-height:30px;border-radius:30px;border:1px solid #eee}.mdui-toolbar>a:last-child{opacity:1;background-color:#1e89f2;color:#ffff}@media screen and (max-width:980px){.mdui-list-item .mdui-text-right{display:none}.mdui-container{width:100%!important;margin:0}.mdui-toolbar>*{display:none}.mdui-toolbar>a:last-child,.mdui-toolbar>.mdui-typo-headline,.mdui-toolbar>i:first-child{display:block}}
	</style>
	<script src="//cdnjs.loli.net/ajax/libs/mdui/0.4.1/js/mdui.min.js"></script>
</head>
<body class="mdui-theme-primary-blue-grey mdui-theme-accent-blue">
	<div class="mdui-container">
	    <div class="mdui-container-fluid">
            <div class="mdui-toolbar nexmoe-item" id="toolbar">
                <!--Path-->
            </div>
        </div>

<!--ListStart-->        
        <div class="mdui-container-fluid">
<!--EncryptedStart-->
            <div class="mdui-col-md-6 mdui-col-offset-md-3">
              <!--<center><h1 class="mdui-typo-display-2-opacity">这是一个受保护的文件夹,您需要提供访问密码才能查看。</h1></center>-->
              <form action="" method="post">
                  <div class="mdui-textfield mdui-textfield-floating-label">
                    <i class="mdui-icon material-icons">https</i>
                    <label class="mdui-textfield-label"><!--constStr@InputPassword--></label>
                    <input name="password1" class="mdui-textfield-input" type="password"/>
                  </div>
                  <br>
                  <button type="submit" class="mdui-center mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme">
                      <i class="mdui-icon material-icons">fingerprint</i>
                      <!--constStr@Submit-->
                  </button>
              </form>
            </div>
<!--EncryptedEnd-->
<!--GuestUploadStart-->
<!--
            <div class="nexmoe-item" style="padding: 100px!important;">
                <div class="mdui-typo-display-3-opacity" style="text-align:center;">OneImages</div>
                <form action="" method="post" enctype="multipart/form-data">
                    <input class="mdui-center" type="file" style="margin: 50px 0;" name="file" />
                    <div class="mdui-row-xs-3">
                        <div class="mdui-col"></div>
                        <div class="mdui-col">
                            <button class="mdui-btn mdui-btn-block mdui-color-theme-accent mdui-ripple"><!--constStr@Upload--></button>
                        </div>
                    </div>
                </form>
            </div>
-->
<!--GuestUploadEnd-->
<!--HeadmdStart-->
            <div class="mdui-typo mdui-shadow-3" style="padding: 20px;margin: 20px 0">
                <!--<div class="mdui-chip">
                <span class="mdui-chip-icon"><i class="mdui-icon material-icons">face</i></span>
                <span class="mdui-chip-title">HEAD.md</span>
                </div>-->
                <!--HeadmdContent-->
            </div>
<!--HeadmdEnd-->
<!--IsFileStart-->
<!--IsimgFileStart-->
            <div class="nexmoe-item">
                <img class="mdui-img-fluid mdui-center" src="<!--FileDownUrl-->"/>
            </div>
<!--IsimgFileEnd-->
<!--IstxtFileStart-->
            <div class="nexmoe-item">
                <pre id="editor" ><!--TxtContent--></pre>
            </div>
<!--IstxtFileEnd-->
<!--IsmusicFileStart-->
            <div class="nexmoe-item">
                <audio class="mdui-center" src="<!--FileDownUrl-->" controls autoplay style="width: 100%;" ></audio>
            </div>
<!--IsmusicFileEnd-->
<!--IsofficeFileStart-->
            <div class="nexmoe-item">
                <iframe id="office-a" src="https://view.officeapps.live.com/op/view.aspx?src=<!--FileEncodeDownUrl-->" style="width: 100%;height: 800px" frameborder="0"></iframe>
            </div>
<!--IsofficeFileEnd-->
<!--IsvideoFileStart-->
            <link class="dplayer-css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.css">
            <script src="https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js"></script>
            <div class="nexmoe-item">
                <div class="mdui-center" id="dplayer"></div>
            </div>
            <script>
                const dp = new DPlayer({
                    container: document.getElementById('dplayer'),
                    lang:'zh-cn',
                    video: {
                        url: '<!--FileDownUrl-->',
                        type: 'auto'
                    }
                });
            </script>
<!--IsvideoFileEnd-->
<!--IsOtherFileStart-->
            <div class="nexmoe-item"><!--constStr@FileNotSupport--></div>
<!--IsOtherFileEnd-->
            <a href="<!--FileEncodeReplaceUrl-->" class="mdui-fab mdui-fab-fixed mdui-ripple mdui-color-theme-accent"><i class="mdui-icon material-icons">file_download</i></a>
<!--IsFileEnd-->
<!--IsFolderStart-->
    <style>
    .thumb .th{
        display: none;
    }
    .thumb .mdui-text-right{
        display: none;
    }
    .thumb .mdui-list-item a ,.thumb .mdui-list-item {
        width:217px;
        height: 230px;
        float: left;
        margin: 10px 10px !important;
    }
    .thumb .mdui-col-xs-12,.thumb .mdui-col-sm-7{
        width:100% !important;
        height:230px;
    }
    
    .thumb .mdui-list-item .mdui-icon{
        font-size:100px;
        display: block;
        margin-top: 40px;
        color: #7ab5ef;
    }
    .thumb .mdui-list-item span{
        float: left;
        display: block;
        text-align: center;
        width:100%;
        position: absolute;
        top: 180px;
    }
    .more-disk{
        display: inline-block;
    }
    .more-disk div{
        list-style:none;
        position:absolute;display:none;background:#fffaaa;border:0px #f7f7f7 solid;border-radius:5px;margin:-7px 0 0 0;padding:0 7px;color:#205D67;z-index:1;
    }
    .more-disk:hover div{display:block}
    .more-disk div li{line-height:normal;}
    .more-disk div li a[now]{background:#11faaa;}
    </style>
    <div class="nexmoe-item">
    <div class="mdui-row">
        <ul class="mdui-list">
            <li class="mdui-list-item th">
              <div class="mdui-col-xs-12 mdui-col-sm-7"><!--constStr@File--> <i class="mdui-icon material-icons icon-sort" data-sort="name" data-order="downward">expand_more</i></div>
              <div class="mdui-col-sm-3 mdui-text-right"><!--constStr@EditTime--> <i class="mdui-icon material-icons icon-sort" data-sort="date" data-order="downward">expand_more</i></div>
              <div class="mdui-col-sm-2 mdui-text-right"><!--constStr@Size--> <i class="mdui-icon material-icons icon-sort" data-sort="size" data-order="downward">expand_more</i></div>
            </li>
<!--BackArrowStart-->
            <li class="mdui-list-item mdui-ripple">
                <a href="<!--BackArrowUrl-->">
                  <div class="mdui-col-xs-12 mdui-col-sm-7">
                    <i class="mdui-icon material-icons">arrow_upward</i>
                    ..
                  </div>
                  <div class="mdui-col-sm-3 mdui-text-right"></div>
                  <div class="mdui-col-sm-2 mdui-text-right"></div>
                  </a>
            </li>
<!--BackArrowEnd-->

<!--IsFolderStart-->
<!--FolderListStart-->
            <li class="mdui-list-item mdui-ripple">
                <a href="<!--FileEncodeReplaceUrl-->/">
                  <div class="mdui-col-xs-12 mdui-col-sm-7 mdui-text-truncate">
                    <i class="mdui-icon material-icons">folder_open</i>
                    <span><!--FileEncodeReplaceName--></span>
                  </div>
                  <div class="mdui-col-sm-3 mdui-text-right"><!--lastModifiedDateTime--></div>
                  <div class="mdui-col-sm-2 mdui-text-right"><!--size--></div>
                  </a>
            </li>
<!--FolderListEnd-->
<!--FileListStart-->
            <li class="mdui-list-item file mdui-ripple">
                <a href="<!--FileEncodeReplaceUrl-->?preview" target="_blank">
                  <div class="mdui-col-xs-12 mdui-col-sm-7 mdui-text-truncate">
                    <i class="mdui-icon material-icons"><!--IconValue--></i>
                    <span><!--FileEncodeReplaceName--></span>
                  </div>
                  <div class="mdui-col-sm-3 mdui-text-right"><!--lastModifiedDateTime--></div>
                  <div class="mdui-col-sm-2 mdui-text-right"><!--size--></div>
                  </a>
            </li>
<!--FileListEnd-->

        </ul>
    </div>
    </div>
<!--ReadmemdStart-->
    <div class="mdui-typo mdui-shadow-3" style="padding: 20px;margin: 20px 0">
        <!--<div class="mdui-chip">
          <span class="mdui-chip-icon"><i class="mdui-icon material-icons">face</i></span>
          <span class="mdui-chip-title">README.md</span>
        </div>-->
        <!--ReadmemdContent-->
    </div>
<!--ReadmemdEnd-->
    </div>
    <a href="javascript:thumb();" class="mdui-fab mdui-fab-fixed mdui-ripple mdui-color-theme-accent"><i class="mdui-icon material-icons">format_list_bulleted</i></a>
    <!--IsFolderEnd-->
    <!--ListEnd-->
    <script>
        var root = '<!--base_disk_path-->';
    function path_format(path) {
        path = '/' + path + '/';
        while (path.indexOf('//') !== -1) {
            path = path.replace('//', '/')
        }
        return path
    }
    document.querySelectorAll('#toolbar').forEach(function (e) {
        var path = e.innerText;
        if (path.substr(path.length-1)=='/') path = path.substr(0, path.length-1);
        var paths = path.split('/');
        //e.innerHTML = '<a href="<!--base_path-->"><!--Sitename--></a><i class="mdui-icon material-icons mdui-icon-dark" style="margin:0;">chevron_right</i>';
        e.innerHTML = '<a href="<!--base_path-->"><!--Sitename--></a><i class="mdui-icon material-icons mdui-icon-dark" style="margin:0;">chevron_right</i>';
        <!--MultiDiskAreaStart-->
        e.innerHTML += '<div class="more-disk"><span><!--DisktagNow--></span><div><!--MultiDisksStart--><li><a href="<!--MultiDisksUrl-->" <!--MultiDisksNow-->><!--MultiDisksName--></a></li><!--MultiDisksEnd--></div></div><i class="mdui-icon material-icons mdui-icon-dark" style="margin:0;">chevron_right</i>';
        <!--MultiDiskAreaEnd-->
        if (paths <= 2) return;
        for (var i = 1; i < paths.length - 1; i++) {
            var to = path_format(root + paths.slice(0, i + 1).join('/'));
            e.innerHTML += '<a href="' + to + '">' + paths[i] + '</a> <i class="mdui-icon material-icons mdui-icon-dark" style="margin:0;">chevron_right</i>'
        }
        e.innerHTML += paths[paths.length - 1];
        e.innerHTML = e.innerHTML.replace(/\s\/\s$/, '')
    });

    $ = mdui.JQ;
    
    $.fn.extend({
        sortElements: function (comparator, getSortable) {
            getSortable = getSortable || function () { return this; };
    
            var placements = this.map(function () {
                var sortElement = getSortable.call(this),
                    parentNode = sortElement.parentNode,
                    nextSibling = parentNode.insertBefore(
                        document.createTextNode(''),
                        sortElement.nextSibling
                    );
    
                return function () {
                    parentNode.insertBefore(this, nextSibling);
                    parentNode.removeChild(nextSibling);
                };
            });
    
            return [].sort.call(this, comparator).each(function (i) {
                placements[i].call(getSortable.call(this));
            });
        }
    });
    
    function downall() {
         let dl_link_list = Array.from(document.querySelectorAll("li a"))
             .map(x => x.href) // 所有list中的链接
             .filter(x => x.slice(-1) != "/"); // 筛选出非文件夹的文件下载链接
    
         let blob = new Blob([dl_link_list.join("\r\n")], {
             type: 'text/plain'
         }); // 构造Blog对象
         let a = document.createElement('a'); // 伪造一个a对象
         a.href = window.URL.createObjectURL(blob); // 构造href属性为Blob对象生成的链接
         a.download = "folder_download_link.txt"; // 文件名称,你可以根据你的需要构造
         a.click() // 模拟点击
         a.remove();
    }
    
    function thumb(){
        if($('.mdui-fab i').text() == "apps"){
            $('.mdui-fab i').text("format_list_bulleted");
            $('.nexmoe-item').removeClass('thumb');
            $('.nexmoe-item .mdui-icon').show();
            $('.nexmoe-item .mdui-list-item').css("background","");
        }else{
            $('.mdui-fab i').text("apps");
            $('.nexmoe-item').addClass('thumb');
            $('.mdui-col-xs-12 i.mdui-icon').each(function(){
                if($(this).text() == "image" || $(this).text() == "ondemand_video"){
                    var href = $(this).parent().parent().attr('href');
                    var thumb =(href.indexOf('?') == -1)?'?t=220':'&t=220';
                    $(this).hide();
                    $(this).parent().parent().parent().css("background","url("+href+thumb+")  no-repeat center top");
                }
            });
        }
    
    }	
    
    $(function(){
        $('.file a').each(function(){
            $(this).on('click', function () {
                var form = $('<form target=_blank method=post></form>').attr('action', $(this).attr('href')).get(0);
                $(document.body).append(form);
                form.submit();
                $(form).remove();
                return false;
            });
        });
    
        $('.icon-sort').on('click', function () {
            let sort_type = $(this).attr("data-sort"), sort_order = $(this).attr("data-order");
            let sort_order_to = (sort_order === "less") ? "more" : "less";
    
            $('li[data-sort]').sortElements(function (a, b) {
                let data_a = $(a).attr("data-sort-" + sort_type), data_b = $(b).attr("data-sort-" + sort_type);
                let rt = data_a.localeCompare(data_b, undefined, {numeric: true});
                return (sort_order === "more") ? 0-rt : rt;
            });
    
            $(this).attr("data-order", sort_order_to).text("expand_" + sort_order_to);
        });
    
    });
    </script>
    
  
</body>
</html>