source: branches/testa-single-bookmark/js/remotex.js

//"php/content.php"
class Remotex {
    constructor( filename ){
        this.filename = filename
        //      this.num = num
        //      this.part = part
    }

    make_url_params( arrayx , num ){
        let params = new URLSearchParams();
        for(let i=0; i<num; i++ ){
            params.append(arrayx[i][0], arrayx[i][1])
        }
        const pa = params.toString()
        return pa
    }

    async get_filelist_from_remote( num, part, func ) {
        let param_array = [['cmd', 'get_filelistx'], ['num', num ], ['part', part ]]
        await this.fetchx( this.filename , param_array, 3, func )
    }

    async update_filelist( num, part, func ) {
        let param_array = [['cmd', 'update_filelistx'], ['num', num ], ['part', part ]]
        await this.fetchx( this.filename , param_array, 3, func )
    }

    async get_content(num, part, path , func) {
        let param_array = [['cmd', 'get_content'], ['num', num ], ['part', part ], ['path', path]]
        await this.fetchx( this.filename , param_array, 4, func )
    }

    async get_output_url(num, func) {
        let param_array = [['cmd', 'get_output_url'], ['num', num ] ]
        await this.fetchx( this.filename , param_array, 2, func )
    }

    async get_output_url_listx( num, func) {
        let param_array = [['cmd', 'get_output_url_listx'] , ['num', num]]
        await this.fetchx( this.filename , param_array, 2, func )
    }

    async update_output_url_listx( num, func) {
        let param_array = [['cmd', 'update_output_url_listx'] , ['num', num]]
        await this.fetchx( this.filename , param_array, 2, func )
    }

    async fetchx( filename, param_array, num, func) {
        let params = this.make_url_params( param_array , num )
        fetch(`${filename}?${params}`)
            .then((response) => { return response.text() })
            .then((text) => { func(text) })
            .catch((error) => console.log("error=" + error));
    }

    upload_to_host(part) {
        if( Globalx[part].key_indicate_file === true ){
            let textarea = $( Globalx[part].textarea_sel )
            this.upload_content(Globalx.num, part, Globalx[part].key, textarea.val())
        }
    }

    async build( cmd, num, part, path, content, func = null ) {
        await this.upload_file( cmd, num, part, path, content, func = null )
    }

    async upload_file(cmd, num, part, path, content, func = null) {
        let form = document.createElement('form')
        let req_cmd = document.createElement('input')
        let req_num = document.createElement('input')
        let req_part = document.createElement('input')
        let req_path = document.createElement('input')
        let req_content = document.createElement('input')

        document.body.appendChild(form)

        req_cmd.type = 'hidden'
        req_cmd.name = 'cmd'
        req_cmd.value = cmd
        
        req_num.type = 'hidden'
        req_num.name = 'num'
        req_num.value = num + ''
        
        req_part.type = 'hidden'
        req_part.name = 'part'
        req_part.value = part
        
        req_path.type = 'hidden'
        req_path.name = 'path'
        req_path.value = path
        
        req_content.type = 'hidden'
        req_content.name = 'mytext'
        req_content.value = content
        
        form.appendChild(req_cmd)
        form.appendChild(req_num)
        form.appendChild(req_part)
        form.appendChild(req_path)
        form.appendChild(req_content)
        
        // FormDataオブジェクトを作成する
        var form_data = new FormData(form);
console.log("remotex.js filename=" + this.filename )
        fetch( this.filename , {
            method: 'POST',
            mode: 'same-origin', /* 'no-cors' 'cors' 'same-origin' */
            body: form_data
        })
            .then((response) => {
                return response.text()
            })
            .then((data) => {console.log( "data=" + data)
                             if( func !== null ){
                                 func(data)
                             }
                            })
            .catch((error) => {console.log("error=" + error)})
    }

    upload_content(num, part, path, content) {
        let form = document.createElement('form');
        let req_content = document.createElement('input');
        let req_path = document.createElement('input');
        let req_cmd = document.createElement('input');
        let req_num = document.createElement('input');
        let req_part = document.createElement('input');

        document.body.appendChild(form);
        req_content.type = 'hidden';
        req_content.name = 'mytext';
        req_content.value = content;
        
        req_path.type = 'hidden';
        req_path.name = 'path';
        req_path.value = path;
        
        req_cmd.type = 'hidden';
        req_cmd.name = 'cmd';
        req_cmd.value = 'upload_content';
        
        req_num.type = 'hidden';
        req_num.name = 'num';
        req_num.value = num + '';
        
        req_part.type = 'hidden';
        req_part.name = 'part';
        req_part.value = part;
        
        form.appendChild(req_content);
        form.appendChild(req_path);
        form.appendChild(req_cmd);
        form.appendChild(req_num);
        form.appendChild(req_part);
        
        // FormDataオブジェクトを作成する
        var form_data = new FormData(form);
console.log("remotex.js filename=" + this.filename )
        fetch( this.filename , {
            method: 'POST',
            mode: 'same-origin', /* 'no-cors' 'cors' 'same-origin' */
            body: form_data
        })
            .then((response) => { return response.text()})
            .then((data) => {console.log( "data=" + data)})
            .catch((error) => {console.log("error=" + error)});
    }

    handleDownload(e) {
        let dl = document.getElementById(`${e.data.part}-down-download`)

        if( Globalx[ e.data.part ].key_indicate_file === true ){
            this.get_content( e.data.num, e.data.part , Globalx[ e.data.part ].key , (content) => {
                let blob = new Blob([ content ], { "type" : "text/plain" });

                if (window.navigator.msSaveBlob) { 
                    window.navigator.msSaveBlob(blob, Globalx[ e.data.part ].item_name); 
                    
                    // msSaveOrOpenBlobの場合はファイルを保存せずに開ける
                    window.navigator.msSaveOrOpenBlob(blob, Globalx[ e.data.part ].item_name); 
                } else {
                    dl.download = Globalx[ e.data.part ].item_name
                    dl.href = window.URL.createObjectURL(blob);
                }
            })
        }
        else{
            e.preventDefault()
            dl.href = ""
            dl.download = ""
        }
    }
}

function handleDownload(e) {
    Globalx.remotex.handleDownload(e)
}