

var content=new $View.getView
({
    id:'#content',fun:function(e)
    {

        $M.find('#fire').listener('click',fire)
        $M.find('#add').listener('click',add)

    }
})

var dom=$M.find('#modal')
$M.find('#content').rely
(
    'html','com-modal-update',(data)=>
    {
        data=data.detail
        switch (data.type) 
        {
            case 'set':
                content.set(data.data)
            break;
            case 'update':
                dom.classList.add('is-active');
            break;

            default:
                console.log('暂不支持此类型：',data.type)
            break;
        }
    }
)

async function fire()
{
    try 
    {
        var data
        if($M.find('#method').value=='file')
        {
            data=new FormData($M.find('#send'));
        }
        else
        {
            data=new $Data.getData('#send');
            data=data.get();
        }

        var mo=$M.find('#method').value;
        var moTag;
        if(mo=='ws')
        {
            mo='post';
            moTag=true;
        }
        var method=$M.find('#method').value
        if(!$Ajax[method])return
        data=await $Ajax[method]
        (
            {
                url:$M.find('#url').value,param:data,ws:moTag
            }
        )	
        if(typeof data == 'object')
        {
            $M.find('#back').innerHTML=JSON.stringify(data,null,4)
            .replace(/\n/g,'<br/>').replace(/\s/g,'&nbsp;')
        }
        else
        {
            $M.find('#back').innerHTML=data
        }		
    } 
    catch (error) 
    {
        if(typeof error == 'string')
        {
            $M.find('#back').innerHTML=error
        }
        else
        {
            $M.find('#back').innerHTML='请求发生错误'
        }
        $M.info('发生了个小错误',error)		
    }
}


function add()
{
    var name=prompt('请输入字段名')
    if(!name)return
    var str=
    `
        <label>${name}:</label>
        <div class="control">
            <div style="display:flex">
                <input autocomplete="on" class="input" name="${name}" pattern=".*" value="" type="text" placeholder="Param">
                <a class="button is-gray" onclick="$M.removeChild(this.parentNode.parentNode.parentNode)">删除</a>
            </div>  
        </div>
    `
    var dom=document.createElement("div");
    dom.setAttribute('class','field')
    dom.innerHTML=str
    $M.find('#send').appendChild(dom)
}





