TC
/
arozos


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
							<html>
    <head>
        <title>Select Default Opening WebApp</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
        <link rel="stylesheet" href="../../script/tocas/tocas.css">
        <link rel="stylesheet" href="../../script/ao.css">
        <script type="text/javascript" src="../../script/tocas/tocas.js"></script>
        <script type="text/javascript" src="../../script/jquery.min.js"></script>
        <script type="text/javascript" src="../../script/ao_module.js"></script>
        <script>
             window.mobilecheck = function() {
                var check = false;
                (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
                return check;
            };
        </script>
        <style>
            body{
                background-color: #fcfcfc;
            }
            .moduleSelector{
                border: 1px solid #cccccc;
                height:330px;
                overflow-y:auto;
            }
            .item{
                padding:12px;
                cursor: pointer;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .item.hidden{
                display:none;
            }
            .item.selected{
                background-color: #d4e4ff;
            }
            .item:hover{
                background-color:#f2f2f2;
            }
            .item img{
                vertical-align: middle;
                height:26px;
                margin-right:12px;
            }
            .bottomControls{
                position:absolute;
                bottom:0px;
                left:0px;
                width:100%;
                padding:12px;
            }
            html, body{
                height:100%;
            }
        </style>
    </head>
    <body>
        <div class="ts container" style="padding-top:12px;">
            <p>Select a default WebApp to open <span id="fext"></span> files.</p>
            <div id="moduleList" class="moduleSelector">
                
            </div>
            <button id="showallbtn" class="ts fluid tiny button" onclick="showAllModules();">Show All</button>
        </div>
        <div class="bottomControls" align="right">
            <button class="ts small button" onclick="cancel();">Cancel</button>
            <button id="confirmBtn" class="ts small primary disabled button" onclick="confirmSelection()">Confirm</button>
        </div>
        <script>
            var targetFiles = "";
            var targetExt = "";
            var showAll = false;
            var moduleInfo = [];

            //Initiate ao_module events
            ao_module_setFixedWindowSize();

            //Get the filedata that is going to open with
            var loadedFiles = ao_module_loadInputFiles();
            targetFiles = loadedFiles;
            if (targetFiles.length > 1){
                //Only handle the first file in list
                targetFiles = targetFiles[0];
            }

            //Get ext from filename
            targetExt = "." + targetFiles.filename.split(".").pop();
            $("#fext").text(targetExt); 
            //Get a list of modules and filter out the needed ones
            $.get("/system/modules/list",function(data){
                //Append the module list into the selctor
                for (var i =0; i < data.length; i++){
                    var thisModule = data[i];
                    //console.log(thisModule);
                    var moduleName = thisModule.Name;
                    var moduleGroup = thisModule.Group;
                    var supportedExt = thisModule.SupportedExt;
                    var moduleIcon = thisModule.IconPath;
                    var groupClass = "";
                    if (moduleIcon == ""){
                        moduleIcon = "../../img/system/favicon.png";
                    }else{
                        moduleIcon = "../../" + moduleIcon;
                    }

                    if (supportedExt == null || !supportedExt.includes(targetExt)){
                        groupClass = "hidden";
                    }
                    $("#moduleList").append(`<div class="item ${groupClass}" module="${moduleName}" group="${moduleGroup}" onclick="selectThis(this);" ondblclick="selectThisAndConfirm(this);">
                        <img src="${moduleIcon}">
                        ${moduleName}
                    </div>`);
                }
                moduleInfo = JSON.parse(JSON.stringify(data));
            });

            function showAllModules(){
                if (showAll){
                    //Hide systems
                    showAll = false;
                    $("#moduleList").find(".item.hidden").slideUp('fast');
                    $("#showallbtn").text("Show All");
                }else{
                    //Show all
                    $("#moduleList").find(".item.hidden").slideDown('fast');
                    showAll = true;
                    $("#showallbtn").text("Show Suitable WebApps Only");
                }
            }

            function selectThis(object){
                $(".item.selected").removeClass("selected");
                $(object).addClass("selected");
                updateConfirmBtnState();
            }

            function getSelectedObjectLaunchInfo(moduleName){
                for (var i =0; i < moduleInfo.length; i++){
                    if (moduleInfo[i]["Name"] == moduleName){
                        return moduleInfo[i];
                    }
                }
            }

            function updateConfirmBtnState(){
                if ($(".item.selected").length > 0){
                    $("#confirmBtn").removeClass("disabled");
                }else{
                    $("#confirmBtn").addClass("disabled");
                }
            }

            function cancel(){
                ao_module_close();
            }

            function selectThisAndConfirm(object){
                $(".item.selected").removeClass("selected");
                $(object).addClass("selected");
                confirmSelection();
            }  

            function confirmSelection(){
                var targetModuleName = $(".item.selected").attr("module");
                var launchInfo = getSelectedObjectLaunchInfo(targetModuleName);
                console.log(launchInfo);
                let openFilelist = [{
                    filename: targetFiles.filename,
                    filepath: targetFiles.filepath
                }];
                $.ajax({
                    url: "../../system/modules/getDefault",
                    data: {opr: "set", ext: targetExt, module: targetModuleName},
                    success: function(data){
                        if (data.error !== undefined){
                            console.log(data.error);
                        }else{
                            //Launch the module with floatWindow api
                            if (!ao_module_hasParentCallback()){
                                if (ao_module_virtualDesktop){
                                    parent.openFileWithModule(launchInfo, openFilelist);
                                    ao_module_close();
                                }else{
                                    window.location.href = "../../" + targetModuleName + "#" + encodeURIComponent(JSON.stringify(openFilelist));
                                }
                            }else{
                                ao_module_parentCallback("");
                                ao_module_close();
                            }
                        }
                    }
                });
            }
        </script>
    </body>
</html>