path: root/src/js/manage.js

'use strict'

var manage = new function(){
    var that = this;
    var j_index_page;

    that.ready = function(){
        var manage_node = new vus.node('manage');
        var square_node = new vus.node('square'); 
        var problem_node = new vus.node('problem'); 

        var j_tabnav_square;
        var j_tabnav_problem;

        j_index_page = $('#index_page');

        manage_node.url_chg = function(direct,url_upart,url_dpart,param){
            if(direct == 'in'){
                index.set_menu('管理');
                index.clear_tabnav();

                j_tabnav_square = index.add_tabnav('方塊','/toj/manage/square/');
                j_tabnav_problem = index.add_tabnav('題目','/toj/manage/problem/');

                com.call_backend('core/user/','list_auth',function(result){
                    console.log(result);
                });
            }

            return 'cont';
        };
        com.vus_root.child_set(manage_node);

        square_node.url_chg = function(direct,url_upart,url_dpart,param){
            var j_create;
            var j_set;
            var j_list;
            var cate_idmap;
            var id_catemap;
            var create_tagbox_cate;
            var set_tagbox_cate;
            var set_data;

            function _item_set(j_item,id,title,start_time,end_time,cateid,intro,logo,hidden){
                var i;
                var j_cate;
                var j_label;

                j_item.find('td.id').text(id);
                j_item.find('td.title').text(title);

                if(start_time != null){
                    j_item.find('td.time > div.start').text('┌─' + com.get_timestring(start_time));
                }
                if(end_time != null){
                    j_item.find('td.time > div.end').text('└→' + com.get_timestring(end_time));
                }

                j_cate = j_item.find('td.cate');
                j_cate.empty();
                for(i = 0;i < cateid.length;i++){
                    j_label = $('<span class="label"></span>');
                    j_label.text(cate_idmap[cateid[i]]);
                    j_cate.append(j_label); 
                }

                j_item.find('button.set').off('click').on('click',function(e){
                    set_data = {
                        'id':id,
                        'title':title,
                        'start_time':start_time,
                        'end_time':end_time,
                        'cateid':cateid,
                        'intro':intro,
                        'logo':logo,
                        'hidden':hidden
                    };

                    j_set.modal('show');
                });
                j_item.find('button.del').off('click').on('click',function(e){
                    com.call_backend('core/square/','delete_square',function(result){
                        console.log(result);
                        if(com.is_callerr(result)){
                            index.add_alert('alert-error','錯誤','刪除方塊發生錯誤');
                        }else{
                            _update(); 
                        }
                    },id);
                });
            }
            function _item_create(id,title,start_time,end_time,cateid,intro,logo,hidden){
                var j_item = $('<tr class="item"><td class="id"></td><td class="title"><td class="time"><div class="time start"></div><div class="time end"></div</td></td><td class="cate"></td><td class="oper"><div class="btn-group"><button class="btn btn-small set"><i class="icon-cog"></i></button><button class="btn btn-small del"><i class="icon-trash"></i></button></div></td></tr>');
                
                _item_set(j_item,id,title,start_time,end_time,cateid,intro,logo,hidden);

                return j_item;
            }
            function _update(){
                var cate_defer = $.Deferred();
                var sqmod_defer = $.Deferred();

                com.call_backend('core/square/','list_category',function(result){
                    var i;
                    var data = result.data;
                    var catelist;
                    var cateo;

                    if(com.is_callerr(result)){
                        index.add_alert('','警告','管理發生錯誤');
                    }else{
                        cate_idmap = new Object();
                        id_catemap = new Object();
                        catelist = new Array();
                        for(i = data.length - 2;i >= 0;i--){
                            cateo = data[i];
                            cate_idmap[cateo.cateid] = cateo.catename;
                            id_catemap[cateo.catename] = cateo.cateid;
                            catelist.push(cateo.catename);
                        }

                        create_tagbox_cate.set_words(catelist);
                        set_tagbox_cate.set_words(catelist);

                        cate_defer.resolve();
                    }
                }); 
                com.call_backend('core/square/','list_sqmod',function(result){
                    var i;
                    var data = result.data;
                    var j_sqmod;
                    var j_option;

                    if(com.is_callerr(result)){
                        index.add_alert('','警告','管理發生錯誤');
                    }else{
                        j_sqmod = j_create.find('[name="sqmod"]');
                        console.log(j_sqmod.length);
                        j_sqmod.empty();
                        for(i = 0;i < data.length;i++){
                            j_option = $('<option></option>');
                            j_option.attr('value',data[i].sqmodid);
                            j_option.text(data[i].sqmodname);

                            j_sqmod.append(j_option);
                        }

                        sqmod_defer.resolve();
                    }
                }); 
                
                $.when(cate_defer,sqmod_defer).done(function(cate){
                    com.call_backend('core/square/','list_square',function(result){
                        var i;
                        var data = result.data;
                        var items;
                        var j_item;
                        var sqo;

                        if(com.is_callerr(result)){
                            index.add_alert('','警告','管理發生錯誤');
                        }else{
                            items = j_list.find('tr.item');

                            for(i = 0;i < Math.min(items.length,data.length);i++){
                                sqo = data[i];

                                if(sqo.start_time != null){
                                    sqo.start_time = new Date(sqo.start_time);
                                }
                                if(sqo.end_time != null){
                                    sqo.end_time = new Date(sqo.end_time);
                                }
                                
                                _item_set($(items[i]),sqo.sqid,
                                          sqo.title,
                                          sqo.start_time,
                                          sqo.end_time,
                                          sqo.cateid,
                                          sqo.intro,
                                          sqo.logo,
                                          sqo.hidden); 
                            }
                            for(;i < data.length;i++){
                                sqo = data[i];
                                
                                j_item = _item_create(sqo.sqid,
                                                      sqo.title,
                                                      sqo.start_time,
                                                      sqo.end_time,
                                                      sqo.cateid,
                                                      sqo.intro,
                                                      sqo.logo,
                                                      sqo.hidden);
                                j_list.append(j_item);
                            }
                            for(;i < items.length;i++){
                                $(items[i]).remove();
                            }
                        }
                    });    
                });
            }

            if(direct == 'in'){
                com.loadpage('/toj/html/manage_square.html').done(function(){
                    var j_catebox;

                    j_tabnav_square.active();

                    j_create = j_index_page.find('div.create');
                    j_set = j_index_page.find('div.set');
                    j_list = j_index_page.find('table.list > tbody');

                    j_catebox = j_create.find('div.catebox');
                    create_tagbox_cate = j_catebox.tagbox({'words':[],'restrict':true,'duplicate':false});
                    j_catebox.find('input').attr('placeholder','+加入分類');

                    j_create.find('[name="logo"]').on('change',function(e){
                        var url;
                        var j_logo = j_create.find('img.logo');

                        if((url = $(this).val()) == ''){
                            j_logo.hide(); 
                        }else{
                            j_logo.attr('src',url);
                            j_logo.show(); 
                        }
                    });
                    j_create.find('button.submit').on('click',function(e){
                        var i;
                        var title = j_create.find('[name="title"]').val(); 
                        var intro = j_create.find('[name="intro"]').val(); 
                        var logo = j_create.find('[name="logo"]').val(); 
                        var sqmodid = parseInt(j_create.find('[name="sqmod"]').val());
                        var hidden = j_create.find('[name="hidden"]').val(); 
                        var tags = create_tagbox_cate.get_tag();
                        var cateid_list;
                        
                        if(hidden == '0'){
                            hidden = false;
                        }else{
                            hidden = true;
                        }

                        cateid_list = new Array();
                        for(i = 0;i < tags.length;i++){
                            cateid_list.push(id_catemap[tags[i]]);
                        }

                        com.call_backend('core/square/','create_square',function(result){
                            var data = result.data;
                            var err = null; 

                            if(com.is_callerr(result)){
                                if(data == 'Etitle_too_short'){
                                    err = '方塊名稱過短';
                                }else if(data == 'Etitle_too_long'){
                                    err = '方塊名稱過長';
                                }else if(data == 'Eintro_too_short'){
                                    err = '方塊介紹過短';
                                }else if(data == 'Eintro_too_long'){
                                    err = '方塊介紹過長';
                                }else if(data == 'Elogo_too_short'){
                                    err = '方塊圖片網址過短';
                                }else if(data == 'Elogo_too_long'){
                                    err = '方塊圖片網址過長';
                                }else if(data == 'Etoo_many_category'){
                                    err = '方塊分類過多';
                                }
                                
                                if(err != null){
                                    index.add_alert('alert-error','錯誤',err);
                                }else{
                                    index.add_alert('','警告','管理發生錯誤');
                                }
                            }else{
                                index.add_alert('alert-success','成功','方塊已建立');
                                j_create.modal('hide');
                                _update(); 
                            }
                        },title,hidden,sqmodid,intro,logo,cateid_list);

                    });
                    j_create.find('button.cancel').on('click',function(e){
                        j_create.modal('hide');
                    });
                    j_create.on('hide',function(e){
                        j_create.find('input').val(''); 
                        j_create.find('img.logo').attr('src',null);
                        create_tagbox_cate.clear();
                    });

                    j_catebox = j_set.find('div.catebox');
                    set_tagbox_cate = j_catebox.tagbox({'words':[],'restrict':true,'duplicate':false});
                    j_catebox.find('input').attr('placeholder','+加入分類');

                    j_set.find('[name="logo"]').on('change',function(e){
                        var url;
                        var j_logo = j_set.find('img.logo');

                        if((url = $(this).val()) == ''){
                            j_logo.attr('src',com.get_defaultimg(set_data.id));
                        }else{
                            j_logo.attr('src',url);
                        }
                    });
                    j_set.on('show',function(e){
                        var i;
                        var url;

                        j_set.find('[name="title"]').val(set_data.title);
                        j_set.find('[name="intro"]').val(set_data.intro);
                        j_set.find('[name="logo"]').val(set_data.logo);

                        if((url = set_data.logo) == ''){
                            url = com.get_defaultimg(set_data.id);
                        }
                        j_set.find('img.logo').attr('src',url);

                        if(set_data.hidden == false){
                            j_set.find('[name="hidden"]').val(0);
                        }else{
                            j_set.find('[name="hidden"]').val(1);
                        }

                        set_tagbox_cate.clear();
                        for(i = 0;i < set_data.cateid.length;i++){
                            set_tagbox_cate.add_tag(cate_idmap[set_data.cateid[i]]); 
                        }

                        j_set.on('shown',function(e){
                            set_tagbox_cate.refresh();
                        });
                    });
                    j_set.find('button.submit').on('click',function(e){
                        var i;
                        var title = j_set.find('[name="title"]').val(); 
                        var intro = j_set.find('[name="intro"]').val(); 
                        var logo = j_set.find('[name="logo"]').val(); 
                        var hidden = j_set.find('[name="hidden"]').val(); 
                        var tags = set_tagbox_cate.get_tag();
                        var cateid_list;
                        
                        if(hidden == '0'){
                            hidden = false;
                        }else{
                            hidden = true;
                        }

                        cateid_list = new Array();
                        for(i = 0;i < tags.length;i++){
                            cateid_list.push(id_catemap[tags[i]]);
                        }

                        com.call_backend('core/square/','set_square',function(result){
                            var data = result.data;
                            var err = null; 

                            if(com.is_callerr(result)){
                                if(data == 'Etitle_too_short'){
                                    err = '方塊名稱過短';
                                }else if(data == 'Etitle_too_long'){
                                    err = '方塊名稱過長';
                                }else if(data == 'Eintro_too_short'){
                                    err = '方塊介紹過短';
                                }else if(data == 'Eintro_too_long'){
                                    err = '方塊介紹過長';
                                }else if(data == 'Elogo_too_short'){
                                    err = '方塊圖片網址過短';
                                }else if(data == 'Elogo_too_long'){
                                    err = '方塊圖片網址過長';
                                }else if(data == 'Etoo_many_category'){
                                    err = '方塊分類過多';
                                }
                                
                                if(err != null){
                                    index.add_alert('alert-error','錯誤',err);
                                }else{
                                    console.log(data);
                                    index.add_alert('','警告','管理發生錯誤');
                                }
                            }else{
                                index.add_alert('alert-success','成功','方塊已設定');
                                j_set.modal('hide');
                                _update(); 
                            }
                        },set_data.id,title,set_data.start_time,set_data.end_time,hidden,intro,logo,cateid_list);
                    });
                    j_set.find('button.cancel').on('click',function(e){
                        j_set.modal('hide');
                    });
                    j_set.on('hide',function(e){
                        j_set.find('input').val(''); 
                        j_set.find('img.logo').attr('src',null);
                        set_tagbox_cate.clear();
                    });

                    j_index_page.find('div.oper > button.create').on('click',function(e){
                        j_create.modal('show');      
                    });
                    
                    _update();
                });
            }
            
            return 'cont';
        };
        manage_node.child_set(square_node);

        problem_node.url_chg = function(direct,url_upart,url_dpart,param){
            var j_create;
            var j_list;
            var set_data;

            function _item_set(j_item,proid,title,pmodid){
                j_item.find('td.proid').text(proid); 
                j_item.find('td.title').text(title); 

                j_item.find('button.set').on('click',function(e){
                    set_data = {
                        'proid':proid,
                        'title':title,
                        'pmodid':pmodid
                    }; 
                });
                j_item.find('button.del').on('click',function(e){
                     
                });
            }
            function _item_create(proid,title,pmodid){
                var j_item = $('<tr><td class="proid"></td><td class="title"></td><td class="oper"><div class="btn-group"><button class="btn btn-small set"><i class="icon-cog"></i></button><button class="btn btn-small del"><i class="icon-trash"></i></button></div></td></tr>') 

                _item_set(j_item,proid,title,pmodid);

                return j_item;
            }
            function _update(){
            
            }

            if(direct == 'in'){
                j_tabnav_problem.active();

                com.loadpage('/toj/html/manage_problem.html').done(function(){
                    j_create = j_index_page.find('div.create'); 
                    j_list = j_index_page.find('table.list > tbody');

                    j_index_page.find('button.create').on('click',function(e){
                        j_create.modal('show'); 
                    });

                    j_create.on('show',function(e){
                                            
                    });
                    j_create.on('hide',function(e){
                        j_create.find('input').val('');
                    });
                }); 
            }else{
            
            }

            return 'cont';
        };
        manage_node.child_set(problem_node);
    };
};