result_.js

var key_dict={
    "#all_vote":"總票數",
    "#public_vote":"公眾票數",
    "#admin_vote":"評審票數",
    "m_all_general":"總平均",
    "m_sum_general":"(總平均)",
    "m_public_general":"大眾平均",
    "m_admin_general":"評審平均",
    "m_all_entertain":"總娛樂",
    "m_sum_entertain":"(總娛樂)",
    "m_public_entertain":"大眾娛樂",
    "m_admin_entertain":"評審娛樂",
    "m_all_tech":"總技術",
    "m_sum_tech":"(總技術)",
    "m_public_tech":"大眾技術",
    "m_admin_tech":"評審技術",
    "m_all_creative":"總創意",
    "m_sum_creative":"(總創意)",
    "m_public_creative":"大眾創意",
    "m_admin_creative":"評審創意",
    "m_all_experience":"總體驗",
    "m_all_art":"總美術",
    "m_all_content":"總內容",
    "twf_name":"任務名稱",
    "mission_id":"任務代碼",
    "username":"作者id",
    "vote":"所有評分",
    "foul":"違規"
}

function post(path, params, method) {
    method = method || "post"; // Set method to post by default if not specified.

    // The rest of this code assumes you are not using a library.
    // It can be made less wordy if you use one.
    var form = document.createElement("form");
    form.setAttribute("method", method);
    form.setAttribute("action", path);

    for(var key in params) {
        if(params.hasOwnProperty(key)) {
            var hiddenField = document.createElement("input");
            hiddenField.setAttribute("type", "hidden");
            hiddenField.setAttribute("name", key);
            hiddenField.setAttribute("value", params[key]);

            form.appendChild(hiddenField);
         }
    }

    document.body.appendChild(form);
    form.submit();
} 

function keyfilter(key){
    if(key.includes("mark_")) {
        var t =  scheme.filter(function(s){
            return s.name==key.substr(5);
        });
//        console.log(t);
        return t[0].text;
        }
    if(key in key_dict) return key_dict[key];
    return key;
}

function contentfilter(key,value){
    if(key=="hash"||key=="voter_hash"){
        return value.substr(0,6);
    }
    if(key.includes("time")&&!key.includes("min")){
        if(value<1000) return "N/A";
        return format(value);
    }
    if(key.includes("m_")&&value!=="N/A") {console.log("hi");return Math.round(Number(value) * 100) / 100};
    if(key.includes("foul")) return (String(value)==="0"?"否":"是");
//    if(!key.includes("comment")&&!key.includes("username")&&!key.includes("ac")) return String(value).substr(0,10);
    return value;
}

function format(timestamp) {
//    console.log(timestamp);
    var date = new Date(timestamp * 1000);
    var month = date.getMonth() + 1;
    var dat = date.getDate();
    var hours = date.getHours();
    var minutes = "0" + date.getMinutes();
    var seconds = "0" + date.getSeconds();
    return month + "月" + dat + "日 " + hours + ':' + minutes.substr(-2) + ':' + seconds.substr(-2);
}

function newElement(parent, element, class_list) {
    _x = document.createElement(element);
    if (class_list != "") {
        class_list = class_list.split(" ");
        for (var i = 0; i < class_list.length; i++) {
            _x.classList.add(class_list[i]);
        }
    }

    parent.appendChild(_x);
//    console.log(parent, _x);
    return _x;
}

function newSquareCard(parent, title, text, url) {
    _c = newElement(parent, "div", "demo-card-square mdl-card mdl-shadow--2dp");
    var a = newElement(_c, "div", "mdl-card__title mdl-card--expand");
    a.style.backgroundImage = "url('" + url + "')";
    var h = newElement(a, "h2", "mdl-card__title-text");
    h.innerHTML = title;
    a = newElement(_c, "div", "mdl-card__supporting-text");
    a.innerHTML = text;
    a = newElement(_c, "div", "mdl-card__actions mdl-card--border");
    h = newElement(a, "a", "mdl-button mdl-button--colored mdl-js-ripple-effect mdl-js-button");
    h.innerHTML = "VIEW VOTES";
    return _c;
}

function newTh(parent, element, class_list, text) {
    _e = newElement(parent, element, class_list);
    _e.innerHTML = text;
    _e.sort = 0;
    if (element == "th")
        _e.addEventListener("click", function (e) {
            for (var i = 0; i < $("th").length; i++) {}
            this.sort = 1 - this.sort;
            if (this.sort == 0) {} else {}
        })
    return _e;
}

function newTable(parent,listArray,type){
     //search bar
//    var form = newElement(parent,"form","");
//    form.setAttribute("action","#");
//    var div = newElement(form,"div","mdl-textfield mdl-js-textfield mdl-textfield--floating-label");
//    var input = newElement(div,"input","mdl-textfield__input search");
//    input.type="text";
//    input.id="search"
//    newTh(div,"label","mdl-textfield__label","搜尋").setAttribute("for","search");
    
    var tag=[];
    
     //generate table
    var table = newElement(parent, "table", "mdl-data-table mdl-js-data-table");

    //generate table head
    var thead = newElement(table, "thead", "");
    var tr = newElement(thead, "tr", "");
    target=listArray[0];
    var x = 0;
    for (var k in target){
        if(Number.isInteger(Number(k)))continue;
//        if(x==1&&type=="submits"){
//            newTh(tr, "th", "sort", "平均分").setAttribute("data-sort", "mark_avg");
//        }
//        if(x==3&&type=="votes"){
//            newTh(tr, "th", "sort", "平均分").setAttribute("data-sort", "mark_avg");
//        }
        if(k=="hash")continue
        if (target.hasOwnProperty(k)) {
             newTh(tr, "th", "sort", keyfilter(k)).setAttribute("data-sort", k);
            tag.push(k);
        }
        x++;
    }
    
    var tbody = newElement(table, "tbody", "list");
    for (var i=0; i<listArray.length; i++){
        tr = newElement(tbody, "tr", "");
        target=listArray[i];
        x=0;
        for (var k in target){
            if(k.includes("hash")) continue;
            if(Number.isInteger(Number(k)))continue;
//            if(x==1&&type=="submits"){
//                var filtered = votes.filter(function(vote) { 
//                    return vote.hash == target.hash; 
//                });
////                console.log(filtered);
//                var sum_mark=0;
//                for (var j=0;j<filtered.length;j++){
//                    var avg_mark = 0;
//                    for (var l = 0; l < scheme.length; l++) {
//                        var mark = filtered[j]["mark_" + scheme[l].name];
//                        avg_mark += Number(mark);
//                    }
//                    sum_mark+=avg_mark/scheme.length;
//                }
//                newTh(tr, "td", "mark_avg",String(sum_mark/filtered.length).substr(0,4));
//            }
//            if(x==3&&type=="votes"){
//                var avg_mark = 0;
//                for (var l = 0; l < scheme.length; l++) {
//                    var mark = votes[i]["mark_" + scheme[l].name];
//                    avg_mark += mark/scheme.length;
//                }
//                newTh(tr, "td", "mark_avg",String(avg_mark).substr(0,4));
//                
//            }
            if (target.hasOwnProperty(k)) {
                if(k.includes("comment")){
                    var text = "view";
                    if(target["comment"]=="")text="(空)";
                    var btn = newTh(tr,"td","mdl-button mdl-js-button mdl-js-ripple-effect mdl-shadow--2dp "+k,text);
                    newTh(btn, "p", k, contentfilter(k,target[k])).style.display="none";
                    btn.addEventListener("click",function(){
                        var text = this.childNodes[1].innerHTML;
                        if(text=="")text="(空)";
                        window.alert("評語內容：\n"+text);
                    })
                }
                else if(type=="marks"&&k.includes("twf_name")){
                    var td = newTh(tr, "td", k+" mdl-button mdl-js-button mdl-js-ripple-effect mdl-shadow--2dp",contentfilter(k,target[k]));
                    td.hash = target["hash"];
                    td.addEventListener("click",function(e){
                        post("vote/vote.php",{"hash":this.hash});
                    });
                }
                else if(type=="marks"&&k.includes("username")){
                    var url = +target[k];
                    var td = newTh(tr, "td", k+" mdl-button mdl-js-button mdl-js-ripple-effect mdl-shadow--2dp",contentfilter(k,target[k]));
//                    td.href=url;
                    td.addEventListener("click",function(e){
                        var url="http://tw.gamelet.com/user.do?username="+this.innerHTML;
//                        console.log(this);
                        console.log(url);
//                        post(this.url);
                        var a = document.createElement("a");
                        a.href=url;
                        a.click();
                    });
                }
                else if(type=="marks"&&k.includes("#all_vote")){
                    LoadVotes(tr,k,target);
                }
                else{
                    var td = newTh(tr, "td", k, contentfilter(k,target[k]));
                    
                    
                }
                 
            }
                x++;
        }
    }
    
    if(type=="submits"||type=="votes"){
        tag.push("mark_avg");
    }
    
    var options = {valueNames: tag},
        documentTable = new List(parent, options);
    
    $("[data-sort='m_all_general']")[0]
    
    return table;
}

function LoadVotes(tr,k,submit){
    var btn = newTh(tr,"td","mdl-button mdl-js-button mdl-js-ripple-effect mdl-shadow--2dp "+k,submit[k]);
    btn.hash = submit["hash"];
    btn.addEventListener("click",function(){
        dialog = document.querySelector('dialog');
        if (! dialog.showModal) {
          dialogPolyfill.registerDialog(dialog);
        }
        dialog.showModal();
        
        var myNode = $("#dialog-content")[0]
        while (myNode.firstChild) {
            myNode.removeChild(myNode.firstChild);
        }
        newTh($("#dialog-content")[0],"h2","",submit["twf_name"]);
        $.ajax({url: "get_votes.php?hash="+this.hash, success: function(result){
                       console.log(result);
                       var votes = JSON.parse(result);
                        newTable($("#dialog-content")[0],votes,"votes")
                    }});
       
//        newTh(myNode,"p","",this.hash);
//        newTable(myNode,this.votes,"votes");
        
        dialog.querySelector('.close').addEventListener('click', function() {
          dialog.close();
        });
    })
}