add/table.js - Code Metrics - Inspection of "bullshits reverted" - webdivane/table - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — master ( d62fdb...68d35d )

by Plamen

created 2019-03-14 08:27 UTC

add/table.js F

↳ Parent: Project

Complexity

Total Complexity	112
Complexity/F	2.87

Size

Lines of Code	391
Function Count	39

Duplication

Duplicated Lines	0
Ratio	0 %

Importance

Changes	73
Bugs	5	Features	3

Metric	Value
cc	0
eloc	282
c	73
b	5
f	3
nc	1
dl	0
loc	391
rs	2
wmc	112
mnd	4
bc	95
fnc	39
bpm	2.4358
cpm	2.8717
noi	4

23 Functions

Rating	Name	Size	Complexity
A	TableHelper.BuildRequest.Filter	43	3
A	TableHelper.BuildRequest.Run	5	1
A	TableHelper.BuildRequest.Sort	24	5
A	TableHelper.ColumnHover	20	3
A	TableHelper.IePrior	12	4
A	TableSingleton.constructor	52	1
A	TableHelper.GoPage.GetNo	15	4
A	TableHelper.Init.Run	8	2
A	TableHelper.Draw.Section	50	4
A	table.js ➔ initInstance	39	1
A	TableHelper.LoadData.SetVisability	14	3
A	TableHelper.Sort	19	5
A	TableHelper.RequestToUrl	17	5
A	TableHelper.LoadData.Run	19	3
A	TableHelper.GoPage.Run	8	1
A	TableHelper.Filter.GetTableId	7	3
A	TableHelper.ProcessPaginationLinks	9	3
A	TableHelper.Draw.Run	11	3
A	TableHelper.GetParent	6	3
A	TableHelper.Filter.Run	14	5
A	TableHelper.Export	10	2
A	TableHelper.Init.SetColumnsHoverEffect	9	3
A	TableSingleton.getInstance	6	2

How to fix Complexity

var TableHelper = {
    BuildRequest: {
        Sort: function (rq, strDesc){
            function sortBySpan(span, i){
                var order = span.innerHTML;
                if(order.length === 1){
                    rq.colNo = i;
                    rq.colOrd = order === strDesc ? "desc" : "asc";
                }
                return rq.colNo === i;
            }

            var thTags = document.getElementById(rq.tableId)
                    .getElementsByTagName("thead")[0]
                    .getElementsByTagName("th");
            var length = thTags.length;
            for(var i = 0; i < length; i++){
                var link = thTags[i].getElementsByTagName("a")[0];
                if(link){
                    var span = link.getElementsByTagName("span")[0];
                    if(span && sortBySpan(span, i)){
                        break;
                    }
                }
            }
        },
        Filter: function (rq){
            function getFilterFieldsByTableID(tableID){
                var fields = {filterBy: null, filter: null};
                var filterDiv = getFilterDivByTableIDOrNull(tableID);
                if(filterDiv !== null){
                    setFilterBy(fields, filterDiv);
                    setFilterValue(fields, filterDiv);
                }
                return fields;
            }
            function getFilterDivByTableIDOrNull(tableID){
                var res = null;
                if(document.getElementById(tableID).parentNode.getElementsByTagName("div").length > 0){
                    for(var i = 0; i < document.getElementById(tableID).parentNode.getElementsByTagName("div").length; i++){
                        if(document.getElementById(tableID).parentNode.getElementsByTagName("div")[i].getAttribute("class") === "filter"){
                            return document.getElementById(tableID).parentNode.getElementsByTagName("div")[i];
                        }
                    }

                }
                return res;
            }
            function setFilterBy(fields, filterDiv){
                var slctObj = filterDiv.getElementsByTagName("select")[0];
                if(slctObj && slctObj.options[slctObj.selectedIndex].value !== "all"){
                    fields.filterBy = slctObj.options[slctObj.selectedIndex].value;
                }
            }
            function setFilterValue(fields, filterDiv){
                var textObj = filterDiv.getElementsByTagName("input")[0];
                if(textObj && textObj.value && textObj.value.length !== 0){
                    fields.filter = encodeURIComponent(textObj.value.trim());
                }
            }

            var r = getFilterFieldsByTableID(rq.tableId);
            if(r.filter !== null){
                rq.filter = r.filter;
            }
            if(r.filterBy !== null){
                rq.filterBy = r.filterBy;
            }
        },
        Run: (function(rq, crntTableId, strDesc){
            rq.tableId = crntTableId;
            TableHelper.BuildRequest.Sort(rq, strDesc);
            TableHelper.BuildRequest.Filter(rq);
        })
    },
    ColumnHover: function(tableContainer, index){
        var rows = document.getElementById(tableContainer).rows;
        var upto = rows.length - 1;
        if(typeof index === "undefined"){
            ColumnHoverRelease(rows, upto);
        } else {
            for(var i = 0; i < upto; i++){
                rows[i].cells[index].setAttribute("lang", "col-hover");
            }
        }
        function ColumnHoverRelease(rows, upto){
            for(var i = 0; i < upto; i++){
                for(var j = 0; j < rows[i].cells.length; j++){
                    if(rows[i].cells[j].lang){
                        rows[i].cells[j].removeAttribute("lang");
                    }
                }
            }
        };
    },
    Draw: {
        Section: function(tableContainer, dt, tSection){
            var section = tSection === "tfoot" ? "tfoot" : "tbody";
            var tSec = document.getElementById(tableContainer)
                        .getElementsByTagName(section)[0];
            Clear(tSec, TableHelper.IePrior(9));
            for(var i = 0; i < dt.length; i++){
                var row = dt[i];
                var tRow = document.createElement("tr");
                Row(row, tRow);
                tSec.appendChild(tRow);
                if(section === "tfoot"){
                    TableHelper.ProcessPaginationLinks(tSec);
                }
            }
            function Clear(tSection, iePrior9){
                if(iePrior9){
                    if(tSection.firstChild){
                        while(tSection.firstChild){
                            tSection.removeChild(tSection.firstChild);
                        }
                    }
                }else{
                    tSection.innerHTML = "";
                }
            }
            function Row(row, tRow){
                for(var cell in row){
var someObject;
for (var key in someObject) {
    if ( ! someObject.hasOwnProperty(key)) {
        continue; // Skip keys from the prototype.
    }

    doSomethingWith(key);
}
                    var tCell = document.createElement("td");
                    if(typeof row[cell] === "string" || 
                       typeof row[cell] === "number"
                    ){
                        tCell.innerHTML = row[cell];
                    }else if(typeof row[cell] === "object"){
                        RowCellFromObject(row, cell, tCell);
                    }
                    tRow.appendChild(tCell);
                }
            }
            function RowCellFromObject(row, cell, tCell){
                for(var attr in row[cell]){
var someObject;
for (var key in someObject) {
    if ( ! someObject.hasOwnProperty(key)) {
        continue; // Skip keys from the prototype.
    }

    doSomethingWith(key);
}
                    if(typeof row[cell][attr] === "string"){
                        tCell.innerHTML = row[cell][attr];
                    }else if(typeof row[cell][attr] === "object"){
                        for(var v in row[cell][attr]){
var someObject;
for (var key in someObject) {
    if ( ! someObject.hasOwnProperty(key)) {
        continue; // Skip keys from the prototype.
    }

    doSomethingWith(key);
}
                            tCell.setAttribute(v, row[cell][attr][v]);
                        }
                    }
                }
            }
        },
        Run: function(tableContainer, d, instance){
            this.Section(tableContainer, d.body);
            this.Section(tableContainer, d.footer, "tfoot");
            if(instance.rq !== null){
                var hover = document.getElementById(instance.rq.tableId)
                            .getElementsByTagName("th")[instance.rq.colNo].lang;
                if(hover){
                    instance.ColumnHover(tableContainer, instance.rq.colNo);
                }
            }
        }
    },
    Export: function(lnk, eType, strDesc){
        var request = {};
        var crntTableId = TableHelper.GetParent(lnk, "table").getAttribute("id");
        TableHelper.BuildRequest.Run(request, crntTableId, strDesc);
        request.exportType = ["CSV", "Excel"].indexOf(eType) >= 0 ?
                                        eType : 
                                        "csv";
        window.open(TableHelper.RequestToUrl(request));
        return false;
    },
    Filter: {
        Run: function(field, instance, rq, strDesc){
            var crntTableId = TableHelper.Filter.GetTableId(field);
            if(crntTableId !== null){
                var request = {};
                var exRq = rq;
                TableHelper.BuildRequest.Run(request, crntTableId, strDesc);
                if(exRq === null ||
                    request.filter !== exRq.filter ||
                    request.filterBy !== exRq.filterBy
                ){
                    TableHelper.LoadData.Run(crntTableId, request, instance);
                }
            }
        },
        GetTableId: function(field){
            if(field.tagName.toLowerCase() !== "select"){
                return field.getAttribute("data-table-id");
            }
            var f = field.parentNode.parentNode.getElementsByTagName("input")[0];
            return '' === f.value ? null : f.getAttribute("data-table-id");
        }
    },
    Init: {
        Run: function(tableId){
            var tContainer = document.getElementById(tableId);
            if(!TableHelper.IePrior(9)){
                TableHelper.Init.SetColumnsHoverEffect(tContainer, tableId);
            }
            var tfoot = tContainer.getElementsByTagName("tfoot")[0];
            TableHelper.ProcessPaginationLinks(tfoot);
        },
        SetColumnsHoverEffect: function (tContainer, tableId){
            var tHcells = tContainer.rows[0].cells;
            for(var i = 0; i < tHcells.length; i++){
                if(tHcells[i].firstChild.tagName === "A"){
                    tHcells[i].firstChild.setAttribute("onmouseover", "table.ColumnHover('" + tableId + "'," + i + ");");
                    tHcells[i].firstChild.setAttribute("onmouseout", "table.ColumnHover('" + tableId + "');");
                }
            }
        }
    },
    GoPage: {
        Run: function(lnk, instance, strDesc){
            var request = {};
            var crntTableId = TableHelper.GetParent(lnk, "table").getAttribute("id");
            TableHelper.BuildRequest.Run(request, crntTableId, strDesc);
            request.pageNo = TableHelper.GoPage.GetNo(lnk, crntTableId);
            TableHelper.LoadData.Run(crntTableId, request, instance);
            return false;  
        },
        GetNo: function(lnk, tableId){
            //check & serve pagination jump links
            var jumpDir = lnk.innerHTML.trim().substr(0, 1);
            if(jumpDir === "+" || jumpDir === "-"){
                var current = document.getElementById(tableId)
                                .querySelector("tfoot .paging .a").innerHTML;
                var jump = lnk.innerHTML.replace("K", "000").replace("M", "000000000");
                var jumpPage = (parseInt(current) + parseInt(jump));
                lnk.parentNode.setAttribute("data-page", jumpPage);
                lnk.style.transform = "none";
            }
            return lnk.parentNode.hasAttribute("data-page") ?
                    lnk.parentNode.getAttribute("data-page") :
                    lnk.innerHTML;
        }
    },
    LoadData: {
        tail: null,
        Run: function(tableContainer, rq, instance){
            var tail = TableHelper.LoadData.tail;
            if(tail!==null){ tail.abort();}
            TableHelper.LoadData.SetVisability(tableContainer, false);
            var xmlhttp = window.XMLHttpRequest ? 
                            new XMLHttpRequest() : //IE7+, Firefox, Chrome, Opera, Safari
                            new window.ActiveXObject("Microsoft.XMLHTTP");//IE6, IE5
            xmlhttp.onreadystatechange = function(){
                if(xmlhttp.readyState === 4 && xmlhttp.status === 200){
                    var d = JSON.parse(xmlhttp.responseText);
                    TableHelper.Draw.Run(tableContainer, d, instance);
                    TableHelper.LoadData.SetVisability(tableContainer, true);
                    instance.LoadEndCalback(tableContainer);
                }
            };
            xmlhttp.open("GET", TableHelper.RequestToUrl(rq), true);
            xmlhttp.send();
            TableHelper.LoadData.tail = xmlhttp; //put at tail to can abort later previous request
        },
        SetVisability: function(tableContainer, flag){
            var tbl = document.getElementById(tableContainer);
            if(flag === true){
                tbl.style.filter = "none";
                tbl.style.opacity = "1";
                tbl.style.cursor = "auto";
            }else if(flag === false){
                tbl.style.filter = "blur(1px)";
                tbl.style.opacity = "0.8";
                tbl.style.cursor = "wait";
            }else{
                console.error("table error in the flag value");
            }
        }
    },
    Sort: function(colNo, lnk, instance, strDesc, strAsc){
        var request = {};
        var crntTableId = TableHelper.GetParent(lnk, "table").getAttribute("id");
        TableHelper.BuildRequest.Run(request, crntTableId, strDesc);
        if(Math.round(colNo) === request.colNo){
            request.colOrd = (request.colOrd === "asc" ? "desc" : "asc");
        }else{
            request.colNo = Math.round(colNo);
            request.colOrd = "asc";
        }
        TableHelper.LoadData.Run(crntTableId, request, instance);
        /* Clear and add new sort arrow */
        var headSpans = TableHelper.GetParent(lnk, "thead").getElementsByTagName("span");
        var length = headSpans.length;
        for(var i = 0; i < length; i++){
            headSpans[i].innerHTML = "";
        }
        lnk.getElementsByTagName("span")[0].innerHTML = (request.colOrd === "desc" ? strDesc : strAsc);
    },

    IePrior: function(v){
        var rv = false;
        if(window.navigator.appName === 'Microsoft Internet Explorer'){
            var ua = window.navigator.userAgent;
            var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
            if(re.exec(ua) !== null){
                rv = parseFloat(RegExp.$1);
            }
            rv = rv < v ? true : false;
        }
        return rv;
    },
    GetParent: function(obj, objType){
        while(obj && obj.tagName !== objType.toUpperCase()){
            obj = obj.parentNode;
        }
        return obj;
    },
    ProcessPaginationLinks: function(tfoot){
        var pLinks = tfoot.querySelectorAll(".paging a");
        if(pLinks.length > 0){
            for(var j = 0; j < pLinks.length; j++){
                pLinks[j].setAttribute("href", "javascript:void(0);");
                pLinks[j].setAttribute("onclick", "return table.GoPage(this);");
            }
        }
    },
    RequestToUrl: function(rq){
        var url = location.pathname + ".json" + location.search;
        if(typeof rq === "object"){
            var getUrlVarName = {
                colNo: "col", colOrd: "ord", filter: "filter",
                filterBy: "filter-by", pageNo: "pg", exportType: "export",
                tableId: "table-id"
            };
            var flagFirst = location.search.length < 1 ? true : false;
            for(var r in rq){
var someObject;
for (var key in someObject) {
    if ( ! someObject.hasOwnProperty(key)) {
        continue; // Skip keys from the prototype.
    }

    doSomethingWith(key);
}
                var clue = flagFirst === true ? "?" : "&";
                url += clue + getUrlVarName[r] + "=" + rq[r];
                flagFirst = false;
            }
        }
        return url;
    }
};

//https://addyosmani.com/resources/essentialjsdesignpatterns/book/#singletonpatternjavascript
var TableSingleton = (function(){
    // Instance stores a reference to the Singleton
    var instance;
    function initInstance(){
        // Singleton
        // Private methods and variables
        var BuildRequest = TableHelper.BuildRequest.Run;
        var Init = TableHelper.Init.Run;
        function Export(lnk, eType){
            return TableHelper.Export(lnk, eType, this.strDesc);   
        }
        function Filter(field){
            TableHelper.Filter.Run(field, instance, this.rq, this.strDesc);
        }
        function GoPage(lnk){
            TableHelper.GoPage.Run(lnk, instance, this.strDesc);
        }
        var LoadData = TableHelper.LoadData.Run;
        function ReloadData(tableId){
            var request = {};
            BuildRequest(request, tableId, this.strDesc);
            LoadData(tableId, request, instance);
        }
        function Sort(colNo, lnk){
            TableHelper.Sort(colNo, lnk, instance, this.strDesc, this.strAsc);
        }

        return {
            rq: null,
            strAsc: String.fromCharCode(9650), //&#9650;
            strDesc: String.fromCharCode(9660),//&#9660;
            
            ColumnHover: TableHelper.ColumnHover, //function(tableContainer, index)
            Export: Export,
            Filter: Filter,
            GoPage: GoPage,
            init: Init,
            LoadEndCalback: function(){},/*Allows override: function(tableId){if(tableId){...}}*/
            ReloadData: ReloadData,
            Sort: Sort
        };
    }
    return {
        //Get the Singleton instance if one exists, or create one if it doesn't
        getInstance: function(){
            if(!instance){
                instance = initInstance();
            }
            return instance;
        }
    };
})();
var table = TableSingleton.getInstance();


1			var TableHelper = {
2			BuildRequest: {
3			Sort: function (rq, strDesc){
4			function sortBySpan(span, i){
5			var order = span.innerHTML;
6			if(order.length === 1){
7			rq.colNo = i;
8			rq.colOrd = order === strDesc ? "desc" : "asc";
9			}
10			return rq.colNo === i;
11			}
12
13			var thTags = document.getElementById(rq.tableId)
14			.getElementsByTagName("thead")[0]
15			.getElementsByTagName("th");
16			var length = thTags.length;
17			for(var i = 0; i < length; i++){
18			var link = thTags[i].getElementsByTagName("a")[0];
19			if(link){
20			var span = link.getElementsByTagName("span")[0];
21			if(span && sortBySpan(span, i)){
22			break;
23			}
24			}
25			}
26			},
27			Filter: function (rq){
28			function getFilterFieldsByTableID(tableID){
29			var fields = {filterBy: null, filter: null};
30			var filterDiv = getFilterDivByTableIDOrNull(tableID);
31			if(filterDiv !== null){
32			setFilterBy(fields, filterDiv);
33			setFilterValue(fields, filterDiv);
34			}
35			return fields;
36			}
37			function getFilterDivByTableIDOrNull(tableID){
38			var res = null;
39			if(document.getElementById(tableID).parentNode.getElementsByTagName("div").length > 0){
40			for(var i = 0; i < document.getElementById(tableID).parentNode.getElementsByTagName("div").length; i++){
41			if(document.getElementById(tableID).parentNode.getElementsByTagName("div")[i].getAttribute("class") === "filter"){
42			return document.getElementById(tableID).parentNode.getElementsByTagName("div")[i];
43			}
44			}
45
46			}
47			return res;
48			}
49			function setFilterBy(fields, filterDiv){
50			var slctObj = filterDiv.getElementsByTagName("select")[0];
51			if(slctObj && slctObj.options[slctObj.selectedIndex].value !== "all"){
52			fields.filterBy = slctObj.options[slctObj.selectedIndex].value;
53			}
54			}
55			function setFilterValue(fields, filterDiv){
56			var textObj = filterDiv.getElementsByTagName("input")[0];
57			if(textObj && textObj.value && textObj.value.length !== 0){
58			fields.filter = encodeURIComponent(textObj.value.trim());
59			}
60			}
61
62			var r = getFilterFieldsByTableID(rq.tableId);
63			if(r.filter !== null){
64			rq.filter = r.filter;
65			}
66			if(r.filterBy !== null){
67			rq.filterBy = r.filterBy;
68			}
69			},
70			Run: (function(rq, crntTableId, strDesc){
71			rq.tableId = crntTableId;
72			TableHelper.BuildRequest.Sort(rq, strDesc);
73			TableHelper.BuildRequest.Filter(rq);
74			})
75			},
76			ColumnHover: function(tableContainer, index){
77			var rows = document.getElementById(tableContainer).rows;
78			var upto = rows.length - 1;
79			if(typeof index === "undefined"){
80			ColumnHoverRelease(rows, upto);
81			} else {
82			for(var i = 0; i < upto; i++){
83			rows[i].cells[index].setAttribute("lang", "col-hover");
84			}
85			}
86			function ColumnHoverRelease(rows, upto){
87			for(var i = 0; i < upto; i++){
88			for(var j = 0; j < rows[i].cells.length; j++){
89			if(rows[i].cells[j].lang){
90			rows[i].cells[j].removeAttribute("lang");
91			}
92			}
93			}
94			};
95			},
96			Draw: {
97			Section: function(tableContainer, dt, tSection){
98			var section = tSection === "tfoot" ? "tfoot" : "tbody";
99			var tSec = document.getElementById(tableContainer)
100			.getElementsByTagName(section)[0];
101			Clear(tSec, TableHelper.IePrior(9));
102			for(var i = 0; i < dt.length; i++){
103			var row = dt[i];
104			var tRow = document.createElement("tr");
105			Row(row, tRow);
106			tSec.appendChild(tRow);
107			if(section === "tfoot"){
108			TableHelper.ProcessPaginationLinks(tSec);
109			}
110			}
111			function Clear(tSection, iePrior9){
112			if(iePrior9){
113			if(tSection.firstChild){
114			while(tSection.firstChild){
115			tSection.removeChild(tSection.firstChild);
116			}
117			}
118			}else{
119			tSection.innerHTML = "";
120			}
121			}
122			function Row(row, tRow){
123			for(var cell in row){
			1 ignored issue – show Complexity introduced 2019-03-04 18:06 UTC by Report Bug Copy Issue Report A for in loop automatically includes the property of any prototype object, consider checking the key using `hasOwnProperty`. When iterating over the keys of an object, this includes not only the keys of the object, but also keys contained in the prototype of that object. It is generally a best practice to check for these keys specifically: var someObject; for (var key in someObject) { if ( ! someObject.hasOwnProperty(key)) { continue; // Skip keys from the prototype. } doSomethingWith(key); } Loading history...
124			var tCell = document.createElement("td");
125			if(typeof row[cell] === "string" \|\|
126			typeof row[cell] === "number"
127			){
128			tCell.innerHTML = row[cell];
129			}else if(typeof row[cell] === "object"){
130			RowCellFromObject(row, cell, tCell);
131			}
132			tRow.appendChild(tCell);
133			}
134			}
135			function RowCellFromObject(row, cell, tCell){
136			for(var attr in row[cell]){
			1 ignored issue – show Complexity introduced 2019-03-04 18:06 UTC by Report Bug Copy Issue Report A for in loop automatically includes the property of any prototype object, consider checking the key using `hasOwnProperty`. When iterating over the keys of an object, this includes not only the keys of the object, but also keys contained in the prototype of that object. It is generally a best practice to check for these keys specifically: var someObject; for (var key in someObject) { if ( ! someObject.hasOwnProperty(key)) { continue; // Skip keys from the prototype. } doSomethingWith(key); } Loading history...
137			if(typeof row[cell][attr] === "string"){
138			tCell.innerHTML = row[cell][attr];
139			}else if(typeof row[cell][attr] === "object"){
140			for(var v in row[cell][attr]){
			1 ignored issue – show Complexity introduced 2019-03-04 18:06 UTC by Report Bug Copy Issue Report A for in loop automatically includes the property of any prototype object, consider checking the key using `hasOwnProperty`. When iterating over the keys of an object, this includes not only the keys of the object, but also keys contained in the prototype of that object. It is generally a best practice to check for these keys specifically: var someObject; for (var key in someObject) { if ( ! someObject.hasOwnProperty(key)) { continue; // Skip keys from the prototype. } doSomethingWith(key); } Loading history...
141			tCell.setAttribute(v, row[cell][attr][v]);
142			}
143			}
144			}
145			}
146			},
147			Run: function(tableContainer, d, instance){
148			this.Section(tableContainer, d.body);
149			this.Section(tableContainer, d.footer, "tfoot");
150			if(instance.rq !== null){
151			var hover = document.getElementById(instance.rq.tableId)
152			.getElementsByTagName("th")[instance.rq.colNo].lang;
153			if(hover){
154			instance.ColumnHover(tableContainer, instance.rq.colNo);
155			}
156			}
157			}
158			},
159			Export: function(lnk, eType, strDesc){
160			var request = {};
161			var crntTableId = TableHelper.GetParent(lnk, "table").getAttribute("id");
162			TableHelper.BuildRequest.Run(request, crntTableId, strDesc);
163			request.exportType = ["CSV", "Excel"].indexOf(eType) >= 0 ?
164			eType :
165			"csv";
166			window.open(TableHelper.RequestToUrl(request));
167			return false;
168			},
169			Filter: {
170			Run: function(field, instance, rq, strDesc){
171			var crntTableId = TableHelper.Filter.GetTableId(field);
172			if(crntTableId !== null){
173			var request = {};
174			var exRq = rq;
175			TableHelper.BuildRequest.Run(request, crntTableId, strDesc);
176			if(exRq === null \|\|
177			request.filter !== exRq.filter \|\|
178			request.filterBy !== exRq.filterBy
179			){
180			TableHelper.LoadData.Run(crntTableId, request, instance);
181			}
182			}
183			},
184			GetTableId: function(field){
185			if(field.tagName.toLowerCase() !== "select"){
186			return field.getAttribute("data-table-id");
187			}
188			var f = field.parentNode.parentNode.getElementsByTagName("input")[0];
189			return '' === f.value ? null : f.getAttribute("data-table-id");
190			}
191			},
192			Init: {
193			Run: function(tableId){
194			var tContainer = document.getElementById(tableId);
195			if(!TableHelper.IePrior(9)){
196			TableHelper.Init.SetColumnsHoverEffect(tContainer, tableId);
197			}
198			var tfoot = tContainer.getElementsByTagName("tfoot")[0];
199			TableHelper.ProcessPaginationLinks(tfoot);
200			},
201			SetColumnsHoverEffect: function (tContainer, tableId){
202			var tHcells = tContainer.rows[0].cells;
203			for(var i = 0; i < tHcells.length; i++){
204			if(tHcells[i].firstChild.tagName === "A"){
205			tHcells[i].firstChild.setAttribute("onmouseover", "table.ColumnHover('" + tableId + "'," + i + ");");
206			tHcells[i].firstChild.setAttribute("onmouseout", "table.ColumnHover('" + tableId + "');");
207			}
208			}
209			}
210			},
211			GoPage: {
212			Run: function(lnk, instance, strDesc){
213			var request = {};
214			var crntTableId = TableHelper.GetParent(lnk, "table").getAttribute("id");
215			TableHelper.BuildRequest.Run(request, crntTableId, strDesc);
216			request.pageNo = TableHelper.GoPage.GetNo(lnk, crntTableId);
217			TableHelper.LoadData.Run(crntTableId, request, instance);
218			return false;
219			},
220			GetNo: function(lnk, tableId){
221			//check & serve pagination jump links
222			var jumpDir = lnk.innerHTML.trim().substr(0, 1);
223			if(jumpDir === "+" \|\| jumpDir === "-"){
224			var current = document.getElementById(tableId)
225			.querySelector("tfoot .paging .a").innerHTML;
226			var jump = lnk.innerHTML.replace("K", "000").replace("M", "000000000");
227			var jumpPage = (parseInt(current) + parseInt(jump));
228			lnk.parentNode.setAttribute("data-page", jumpPage);
229			lnk.style.transform = "none";
230			}
231			return lnk.parentNode.hasAttribute("data-page") ?
232			lnk.parentNode.getAttribute("data-page") :
233			lnk.innerHTML;
234			}
235			},
236			LoadData: {
237			tail: null,
238			Run: function(tableContainer, rq, instance){
239			var tail = TableHelper.LoadData.tail;
240			if(tail!==null){ tail.abort();}
241			TableHelper.LoadData.SetVisability(tableContainer, false);
242			var xmlhttp = window.XMLHttpRequest ?
243			new XMLHttpRequest() : //IE7+, Firefox, Chrome, Opera, Safari
244			new window.ActiveXObject("Microsoft.XMLHTTP");//IE6, IE5
245			xmlhttp.onreadystatechange = function(){
246			if(xmlhttp.readyState === 4 && xmlhttp.status === 200){
247			var d = JSON.parse(xmlhttp.responseText);
248			TableHelper.Draw.Run(tableContainer, d, instance);
249			TableHelper.LoadData.SetVisability(tableContainer, true);
250			instance.LoadEndCalback(tableContainer);
251			}
252			};
253			xmlhttp.open("GET", TableHelper.RequestToUrl(rq), true);
254			xmlhttp.send();
255			TableHelper.LoadData.tail = xmlhttp; //put at tail to can abort later previous request
256			},
257			SetVisability: function(tableContainer, flag){
258			var tbl = document.getElementById(tableContainer);
259			if(flag === true){
260			tbl.style.filter = "none";
261			tbl.style.opacity = "1";
262			tbl.style.cursor = "auto";
263			}else if(flag === false){
264			tbl.style.filter = "blur(1px)";
265			tbl.style.opacity = "0.8";
266			tbl.style.cursor = "wait";
267			}else{
268			console.error("table error in the flag value");
269			}
270			}
271			},
272			Sort: function(colNo, lnk, instance, strDesc, strAsc){
273			var request = {};
274			var crntTableId = TableHelper.GetParent(lnk, "table").getAttribute("id");
275			TableHelper.BuildRequest.Run(request, crntTableId, strDesc);
276			if(Math.round(colNo) === request.colNo){
277			request.colOrd = (request.colOrd === "asc" ? "desc" : "asc");
278			}else{
279			request.colNo = Math.round(colNo);
280			request.colOrd = "asc";
281			}
282			TableHelper.LoadData.Run(crntTableId, request, instance);
283			/* Clear and add new sort arrow */
284			var headSpans = TableHelper.GetParent(lnk, "thead").getElementsByTagName("span");
285			var length = headSpans.length;
286			for(var i = 0; i < length; i++){
287			headSpans[i].innerHTML = "";
288			}
289			lnk.getElementsByTagName("span")[0].innerHTML = (request.colOrd === "desc" ? strDesc : strAsc);
290			},
291
292			IePrior: function(v){
293			var rv = false;
294			if(window.navigator.appName === 'Microsoft Internet Explorer'){
295			var ua = window.navigator.userAgent;
296			var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
297			if(re.exec(ua) !== null){
298			rv = parseFloat(RegExp.$1);
299			}
300			rv = rv < v ? true : false;
301			}
302			return rv;
303			},
304			GetParent: function(obj, objType){
305			while(obj && obj.tagName !== objType.toUpperCase()){
306			obj = obj.parentNode;
307			}
308			return obj;
309			},
310			ProcessPaginationLinks: function(tfoot){
311			var pLinks = tfoot.querySelectorAll(".paging a");
312			if(pLinks.length > 0){
313			for(var j = 0; j < pLinks.length; j++){
314			pLinks[j].setAttribute("href", "javascript:void(0);");
315			pLinks[j].setAttribute("onclick", "return table.GoPage(this);");
316			}
317			}
318			},
319			RequestToUrl: function(rq){
320			var url = location.pathname + ".json" + location.search;
321			if(typeof rq === "object"){
322			var getUrlVarName = {
323			colNo: "col", colOrd: "ord", filter: "filter",
324			filterBy: "filter-by", pageNo: "pg", exportType: "export",
325			tableId: "table-id"
326			};
327			var flagFirst = location.search.length < 1 ? true : false;
328			for(var r in rq){
			1 ignored issue – show Complexity introduced 2019-03-01 08:47 UTC by Report Bug Copy Issue Report A for in loop automatically includes the property of any prototype object, consider checking the key using `hasOwnProperty`. When iterating over the keys of an object, this includes not only the keys of the object, but also keys contained in the prototype of that object. It is generally a best practice to check for these keys specifically: var someObject; for (var key in someObject) { if ( ! someObject.hasOwnProperty(key)) { continue; // Skip keys from the prototype. } doSomethingWith(key); } Loading history...
329			var clue = flagFirst === true ? "?" : "&";
330			url += clue + getUrlVarName[r] + "=" + rq[r];
331			flagFirst = false;
332			}
333			}
334			return url;
335			}
336			};
337
338			//https://addyosmani.com/resources/essentialjsdesignpatterns/book/#singletonpatternjavascript
339			var TableSingleton = (function(){
340			// Instance stores a reference to the Singleton
341			var instance;
342			function initInstance(){
343			// Singleton
344			// Private methods and variables
345			var BuildRequest = TableHelper.BuildRequest.Run;
346			var Init = TableHelper.Init.Run;
347			function Export(lnk, eType){
348			return TableHelper.Export(lnk, eType, this.strDesc);
349			}
350			function Filter(field){
351			TableHelper.Filter.Run(field, instance, this.rq, this.strDesc);
352			}
353			function GoPage(lnk){
354			TableHelper.GoPage.Run(lnk, instance, this.strDesc);
355			}
356			var LoadData = TableHelper.LoadData.Run;
357			function ReloadData(tableId){
358			var request = {};
359			BuildRequest(request, tableId, this.strDesc);
360			LoadData(tableId, request, instance);
361			}
362			function Sort(colNo, lnk){
363			TableHelper.Sort(colNo, lnk, instance, this.strDesc, this.strAsc);
364			}
365
366			return {
367			rq: null,
368			strAsc: String.fromCharCode(9650), //▲
369			strDesc: String.fromCharCode(9660),//▼
370
371			ColumnHover: TableHelper.ColumnHover, //function(tableContainer, index)
372			Export: Export,
373			Filter: Filter,
374			GoPage: GoPage,
375			init: Init,
376			LoadEndCalback: function(){},/Allows override: function(tableId){if(tableId){...}}/
377			ReloadData: ReloadData,
378			Sort: Sort
379			};
380			}
381			return {
382			//Get the Singleton instance if one exists, or create one if it doesn't
383			getInstance: function(){
384			if(!instance){
385			instance = initInstance();
386			}
387			return instance;
388			}
389			};
390			})();
391			var table = TableSingleton.getInstance();
392

webdivane / table

Push — master ( d62fdb...68d35d )

add/table.js F

Complexity

Size

Duplication

Importance

23 Functions

How to fix Complexity

Complexity

Duplication Side-by-Side

Filter issues like