http://git-wip-us.apache.org/repos/asf/incubator-eagle/blob/afb89794/eagle-webservice/src/main/webapp/_app/public/js/app.time.js ---------------------------------------------------------------------- diff --git a/eagle-webservice/src/main/webapp/_app/public/js/app.time.js b/eagle-webservice/src/main/webapp/_app/public/js/app.time.js new file mode 100644 index 0000000..f5f41c1 --- /dev/null +++ b/eagle-webservice/src/main/webapp/_app/public/js/app.time.js @@ -0,0 +1,70 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +// Time Zone +(function() { + "use strict"; + + app.time = { + UTC_OFFSET: 0, + now: function() { + return app.time.offset(); + }, + offset: function(time) { + // Parse string number + if(typeof time === "string" && !isNaN(+time)) { + time = +time; + } + + var _mom = new moment(time); + _mom.utcOffset(app.time.UTC_OFFSET); + return _mom; + }, + /* + * Return the moment object which use server time zone and keep the time. + */ + srvZone: function(time) { + var _timezone = time._isAMomentObject ? time.utcOffset() : new moment().utcOffset(); + var _mom = app.time.offset(time); + _mom.subtract(app.time.UTC_OFFSET, "m").add(_timezone, "m"); + return _mom; + }, + + refreshInterval: 1000 * 10 + }; + + // Moment update + moment.fn.toISO = function() { + return this.format("YYYY-MM-DDTHH:mm:ss.000Z"); + }; + + // Force convert date + var _toDate = moment.fn.toDate; + moment.fn.toDate = function(ignoreTimeZone) { + if(!ignoreTimeZone) return _toDate.bind(this)(); + return new Date( + this.year(), + this.month(), + this.date(), + this.hour(), + this.minute(), + this.second(), + this.millisecond() + ); + }; +})(); \ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-eagle/blob/afb89794/eagle-webservice/src/main/webapp/_app/public/js/app.ui.js ---------------------------------------------------------------------- diff --git a/eagle-webservice/src/main/webapp/_app/public/js/app.ui.js b/eagle-webservice/src/main/webapp/_app/public/js/app.ui.js new file mode 100644 index 0000000..ca494d3 --- /dev/null +++ b/eagle-webservice/src/main/webapp/_app/public/js/app.ui.js @@ -0,0 +1,76 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +(function() { + // ================== AdminLTE Update ================== + var _boxSelect = $.AdminLTE.options.boxWidgetOptions.boxWidgetSelectors; + + // Box collapse + $(document).on("click", _boxSelect.collapse, function(e) { + if(common.getValueByPath($._data(this), "events.click")) return; + + e.preventDefault(); + $.AdminLTE.boxWidget.collapse($(this)); + }); + + // Box remove + $(document).on("click", _boxSelect.remove, function(e) { + if(common.getValueByPath($._data(this), "events.click")) return; + + e.preventDefault(); + $.AdminLTE.boxWidget.remove($(this)); + }); + + // =================== jQuery Update =================== + // Slide Toggle + var _slideToggle = $.fn.slideToggle; + $.fn.slideToggle = function(showOrHide) { + if(arguments.length === 1 && typeof showOrHide === "boolean") { + if(showOrHide) { + this.slideDown(); + } else { + this.slideUp(); + } + } else { + _slideToggle.apply(this, arguments); + } + }; + + // Fade Toggle + var _fadeToggle = $.fn.fadeToggle; + $.fn.fadeToggle = function(showOrHide) { + if(arguments.length === 1 && typeof showOrHide === "boolean") { + if(showOrHide) { + this.fadeIn(); + } else { + this.fadeOut(); + } + } else { + _fadeToggle.apply(this, arguments); + } + }; + + // Modal + var _modal = $.fn.modal; + $.fn.modal = function() { + setTimeout(function() { + $(this).find("input[type='text'], textarea").filter(':not([readonly]):enabled:visible:first').focus(); + }.bind(this), 500); + _modal.apply(this, arguments); + return this; + }; +})(); \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-eagle/blob/afb89794/eagle-webservice/src/main/webapp/_app/public/js/common.js ---------------------------------------------------------------------- diff --git a/eagle-webservice/src/main/webapp/_app/public/js/common.js b/eagle-webservice/src/main/webapp/_app/public/js/common.js new file mode 100644 index 0000000..4c5e82f --- /dev/null +++ b/eagle-webservice/src/main/webapp/_app/public/js/common.js @@ -0,0 +1,304 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +var common = {}; + +common.template = function (str, list) { + $.each(list, function(key, value) { + var _regex = new RegExp("\\$\\{" + key + "\\}", "g"); + str = str.replace(_regex, value); + }); + return str; +}; + +common.getValueByPath = function (unit, path, defaultValue) { + if(unit === null || unit === undefined) throw "Unit or path can't be empty!"; + if(path === "" || path === null || path === undefined) return unit; + + path = path.replace(/\[(\d+)\]/g, ".$1").replace(/^\./, "").split(/\./); + $.each(path, function(i, path) { + unit = unit[path]; + if(unit === null || unit === undefined) { + unit = null; + return false; + } + }); + if(unit === null && defaultValue !== undefined) { + unit = defaultValue; + } + return unit; +}; + +common.setValueByPath = function(unit, path, value) { + if(!unit || typeof path !== "string" || path === "") throw "Unit or path can't be empty!"; + + var _inArray = false; + var _end = 0; + var _start = 0; + var _unit = unit; + + function _nextPath(array) { + var _key = path.slice(_start, _end); + if(_inArray) { + _key = _key.slice(0, -1); + } + if(!_unit[_key]) { + if(array) { + _unit[_key] = []; + } else { + _unit[_key] = {}; + } + } + _unit = _unit[_key]; + } + + for(; _end < path.length ; _end += 1) { + if(path[_end] === ".") { + _nextPath(false); + _start = _end + 1; + _inArray = false; + } else if(path[_end] === "[") { + _nextPath(true); + _start = _end + 1; + _inArray = true; + } + } + + _unit[path.slice(_start, _inArray ? -1 : _end)] = value; + + return unit; +}; + +common.parseJSON = function (str, defaultVal) { + try { + str = (str + "").trim(); + if(Number(str).toString() === str) throw "Number format"; + return JSON.parse(str); + } catch(err) { + if(defaultVal === undefined) { + console.warn("Can't parse JSON: " + str); + } + } + return defaultVal === undefined ? null : defaultVal; +}; + +common.stringify = function(json) { + return JSON.stringify(json, function(key, value) { + if(/^(_|\$)/.test(key)) return undefined; + return value; + }); +}; + +common.isEmpty = function(val) { + if($.isArray(val)) { + return val.length === 0; + } else { + return val === null || val === undefined; + } +}; + +common.extend = function(target, origin) { + $.each(origin, function(key, value) { + if(/^(_|\$)/.test(key)) return; + + target[key] = value; + }); + return target; +}; + +// ====================== Format ====================== +common.format = {}; + +/* + * Format date to string. Support number, string, Date instance. Will auto convert time zone offset(Moment instance will keep time zone). + */ +common.format.date = function(val, type) { + if(val === undefined || val === null) return ""; + + if(typeof val === "number" || typeof val === "string" || val instanceof Date) { + val = app.time.offset(val); + } + switch(type) { + case 'date': + return val.format("YYYY-MM-DD"); + case 'time': + return val.format("HH:mm:ss"); + case 'datetime': + return val.format("YYYY-MM-DD HH:mm:ss"); + case 'mixed': + return val.format("YYYY-MM-DD HH:mm"); + default: + return val.format("YYYY-MM-DD HH:mm:ss") + (val.utcOffset() === 0 ? '[UTC]' : ''); + } +}; + +// ===================== Property ===================== +common.properties = {}; + +common.properties.parse = function (str, defaultValue) { + var regex = /\s*([\w\.]+)\s*=\s*(.*?)\s*([\r\n]+|$)/g; + var match, props = {}; + var hasValue = false; + while((match = regex.exec(str)) !== null) { + props[match[1]] = match[2]; + hasValue = true; + } + props = hasValue ? props : defaultValue; + props.getValueByPath = function (path) { + if(props[path] !== undefined) return props[path]; + var subProps = {}; + var prefixPath = path + "."; + $.each(props, function (key, value) { + if(typeof value === "string" && key.indexOf(prefixPath) === 0) { + subProps[key.replace(prefixPath, "")] = value; + } + }); + return subProps; + }; + + return props; +}; + +common.properties.check = function (str) { + var pass = true; + var regex = /^\s*[\w\.]+\s*=(.*)$/; + $.each((str || "").trim().split(/[\r\n\s]+/g), function (i, line) { + if(!regex.test(line)) { + pass = false; + return false; + } + }); + return pass; +}; + +// ====================== Array ======================= +common.array = {}; + +common.array.sum = function(list, path) { + var _sum = 0; + if(list) { + $.each(list, function(i, unit) { + var _val = common.getValueByPath(unit, path); + if(typeof _val === "number") { + _sum += _val; + } + }); + } + return _sum; +}; + +common.array.max = function(list, path) { + var _max = null; + if(list) { + $.each(list, function(i, unit) { + var _val = common.getValueByPath(unit, path); + if(typeof _val === "number" && (_max === null || _max < _val)) { + _max = _val; + } + }); + } + return _max; +}; + +common.array.bottom = function(list, path, count) { + var _list = list.slice(); + + _list.sort(function(a, b) { + var _a = common.getValueByPath(a, path, null); + var _b = common.getValueByPath(b, path, null); + + if(_a === _b) return 0; + if(_a < _b || _a === null) { + return -1; + } else { + return 1; + } + }); + return !count ? _list : _list.slice(0, count); +}; +common.array.top = function(list, path, count) { + var _list = common.array.bottom(list, path); + _list.reverse(); + return !count ? _list : _list.slice(0, count); +}; + +common.array.find = function(val, list, path, findAll, caseSensitive) { + path = path || ""; + val = caseSensitive === false ? (val || "").toUpperCase() : val; + + var _list = $.grep(list, function(unit) { + if(caseSensitive === false) { + return val === (common.getValueByPath(unit, path) || "").toUpperCase(); + } else { + return val === common.getValueByPath(unit, path); + } + }); + return findAll ? _list : (_list.length === 0 ? null : _list[0]); +}; + +common.array.filter = function(val, list, path) { + return common.array.find(val, list, path, true); +}; + +common.array.count = function(list, val, path) { + if(arguments.length === 1) { + return list.length; + } else { + return common.array.find(val, list, path, true).length; + } +}; + +common.array.remove = function(val, list) { + for(var i = 0 ; i < list.length ; i += 1) { + if(list[i] === val) { + list.splice(i, 1); + i -= 1; + } + } +}; + +common.array.insert = function(val, list, index) { + list.splice(index, 0, val); +}; + +common.array.moveOffset = function(item, list, offset) { + var _index = $.inArray(item, list); + var _tgtPos = _index + offset; + if(_tgtPos < 0 || _tgtPos >= list.length) return; + + common.array.remove(item, list); + common.array.insert(item, list, _index + offset); +}; + +// ======================= Map ======================== +common.map = {}; + +common.map.toArray = function(map) { + return $.map(map, function(unit) { + return unit; + }); +}; + +// ======================= Math ======================= +common.math = {}; + +common.math.distance = function(x1,y1,x2,y2) { + var a = x1 - x2; + var b = y1 - y2; + return Math.sqrt(a * a + b * b); +}; http://git-wip-us.apache.org/repos/asf/incubator-eagle/blob/afb89794/eagle-webservice/src/main/webapp/_app/public/js/components/charts/line3d.js ---------------------------------------------------------------------- diff --git a/eagle-webservice/src/main/webapp/_app/public/js/components/charts/line3d.js b/eagle-webservice/src/main/webapp/_app/public/js/components/charts/line3d.js new file mode 100644 index 0000000..c2bf23b --- /dev/null +++ b/eagle-webservice/src/main/webapp/_app/public/js/components/charts/line3d.js @@ -0,0 +1,348 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +eagleComponents.directive('line3dChart', function($compile) { + 'use strict'; + + return { + restrict : 'AE', + scope : { + title : "@", + data : "=", + + height : "=?height" + }, + controller : function(line3dCharts, $scope, $element, $attrs) { + $scope.height = $scope.height || 200; + + var _chart = line3dCharts($scope); + + var _chartBody = $element.find(".chart-body"); + _chartBody.height($scope.height); + + _chart.gen($element.find(".chart-body"), $attrs.data, { + height : $scope.height, + }); + }, + template : '<div class="chart">' + '<div class="chart-header">' + '<h3>{{title}}</h3>' + '</div>' + '<div class="chart-body">' + '</div>' + '</div>', + replace : true + }; +}); + +eagleComponents.service('line3dCharts', function() { + 'use strict'; + + var charts = function($scope) { + return { + gen : function(ele, series, config) { + // ======================= Initialization ======================= + ele = $(ele); + + series = series || []; + config = config || {}; + + var _bounds = [{min:-10, max: 10},{min:-10, max: 10},{min:-10, max: 10}]; + var _scale = 1; + + // ======================= Set Up D3 View ======================= + var width = ele.innerWidth(), height = config.height; + + var color = ["#7cb5ec", "#f7a35c", "#90ee7e", "#7798BF", "#aaeeee"]; + + var svg = d3.select(ele[0]).append("svg").attr("width", width).attr("height", height); + + // ========================== Function ========================== + var yaw=0.5,pitch=0.5,drag; + var transformPrecalc = []; + + var offsetPoint = function(point) { + var _point = [ + +point[0] - (_bounds[0].max + _bounds[0].min) / 2, + -point[1] + (_bounds[1].max + _bounds[1].min) / 2, + -point[2] + (_bounds[2].max + _bounds[2].min) / 2 + ]; + return [_point[0] * _scale, _point[1] * _scale, _point[2] * _scale]; + }; + + var transfromPointX = function(point) { + point = offsetPoint(point); + return transformPrecalc[0] * point[0] + transformPrecalc[1] * point[1] + transformPrecalc[2] * point[2] + width / 2; + }; + var transfromPointY = function(point) { + point = offsetPoint(point); + return transformPrecalc[3] * point[0] + transformPrecalc[4] * point[1] + transformPrecalc[5] * point[2] + height / 2; + }; + var transfromPointZ = function(point) { + point = offsetPoint(point); + return transformPrecalc[6] * point[0] + transformPrecalc[7] * point[1] + transformPrecalc[8] * point[2]; + }; + var transformPoint2D = function(point) { + var _point = [point[0], point[1], point[2]]; + return transfromPointX(_point).toFixed(10) + "," + transfromPointY(_point).toFixed(10); + }; + + var setTurtable = function(yaw, pitch, update) { + var cosA = Math.cos(pitch); + var sinA = Math.sin(pitch); + var cosB = Math.cos(yaw); + var sinB = Math.sin(yaw); + transformPrecalc[0] = cosB; + transformPrecalc[1] = 0; + transformPrecalc[2] = sinB; + transformPrecalc[3] = sinA * sinB; + transformPrecalc[4] = cosA; + transformPrecalc[5] = -sinA * cosB; + transformPrecalc[6] = -sinB * cosA; + transformPrecalc[7] = sinA; + transformPrecalc[8] = cosA * cosB; + + if(update) _update(); + }; + setTurtable(0.4,0.4); + + // =========================== Redraw =========================== + var _coordinateList = []; + var _axisText = []; + var coordinate = svg.selectAll(".axis"); + var axisText = svg.selectAll(".axis-text"); + var lineList = svg.selectAll(".line"); + + function _redraw(series) { + var _desX, _desY, _desZ, _step; + + // Bounds + if(series) { + _bounds = [{},{},{}]; + $.each(series, function(j, series) { + // Points + $.each(series.data, function(k, point) { + for(var i = 0 ; i < 3 ; i += 1) { + // Minimum + if(_bounds[i].min === undefined || point[i] < _bounds[i].min) { + _bounds[i].min = point[i]; + } + // Maximum + if(_bounds[i].max === undefined || _bounds[i].max < point[i]) { + _bounds[i].max = point[i]; + } + } + }); + }); + } + + _desX = _bounds[0].max - _bounds[0].min; + _desY = _bounds[1].max - _bounds[1].min; + _desZ = _bounds[2].max - _bounds[2].min; + + // Step + (function() { + var _stepX = _desX / 10; + var _stepY = _desY / 10; + var _stepZ = _desZ / 10; + + _step = Math.min(_stepX, _stepY, _stepZ); + _step = Math.max(_step, 0.5); + _step = 0.5; + })(); + + // Scale + (function() { + var _scaleX = width / _desX; + var _scaleY = height / _desY / 2; + var _scaleZ = width / _desZ; + _scale = Math.min(_scaleX, _scaleY, _scaleZ) / 2; + })(); + + // Coordinate + // > Basic + _coordinateList = [ + {color: "rgba(0,0,0,0.1)", data: [[0,0,-100],[0,0,100]]}, + {color: "rgba(0,0,0,0.1)", data: [[0,-100,0],[0,100,0]]}, + {color: "rgba(0,0,0,0.1)", data: [[-100,0,0],[100,0,0]]}, + + {color: "rgba(0,0,255,0.3)", data: [[_bounds[0].min,_bounds[1].min,_bounds[2].min],[_bounds[0].max,_bounds[1].min,_bounds[2].min]]}, + {color: "rgba(0,0,255,0.3)", data: [[_bounds[0].min,_bounds[1].min,_bounds[2].min],[_bounds[0].min,_bounds[1].min,_bounds[2].max]]}, + + {color: "rgba(0,0,255,0.3)", data: [[_bounds[0].min,_bounds[1].min,_bounds[2].max],[_bounds[0].max,_bounds[1].min,_bounds[2].max]]}, + {color: "rgba(0,0,255,0.3)", data: [[_bounds[0].max,_bounds[1].min,_bounds[2].min],[_bounds[0].max,_bounds[1].min,_bounds[2].max]]}, + + {color: "rgba(0,0,255,0.3)", data: [[_bounds[0].min,_bounds[1].max,_bounds[2].min],[_bounds[0].max,_bounds[1].max,_bounds[2].min]]}, + {color: "rgba(0,0,255,0.3)", data: [[_bounds[0].min,_bounds[1].max,_bounds[2].min],[_bounds[0].min,_bounds[1].max,_bounds[2].max]]}, + + {color: "rgba(0,0,255,0.3)", data: [[_bounds[0].min,_bounds[1].min,_bounds[2].min],[_bounds[0].min,_bounds[1].max,_bounds[2].min]]}, + {color: "rgba(0,0,255,0.3)", data: [[_bounds[0].max,_bounds[1].min,_bounds[2].min],[_bounds[0].max,_bounds[1].max,_bounds[2].min]]}, + {color: "rgba(0,0,255,0.3)", data: [[_bounds[0].min,_bounds[1].min,_bounds[2].max],[_bounds[0].min,_bounds[1].max,_bounds[2].max]]}, + ]; + + _axisText = []; + function _axisPoint(point, dimension, number) { + // Coordinate + if(dimension === 1) { + _coordinateList.push({ + color: "rgba(0,0,0,0.2)", + data:[[_step/5,point[1],0],[0,point[1],0],[0,point[1],_step/5]] + }); + } else { + _coordinateList.push({ + color: "rgba(0,0,0,0.2)", + data:[[point[0],-_step/8,point[2]], [point[0],_step/8,point[2]]] + }); + } + + // Axis Text + if(number.toFixed(0) == number + "") { + point.text = number; + point.dimension = dimension; + _axisText.push(point); + } + } + function _axisPoints(dimension, bound) { + var i, _unit; + for(i = _step ; i < bound.max + _step ; i += _step) { + _unit = [0,0,0]; + _unit[dimension] = i; + _axisPoint(_unit, dimension, i); + } + for(i = -_step ; i > bound.min - _step ; i -= _step) { + _unit = [0,0,0]; + _unit[dimension] = i; + _axisPoint(_unit, dimension, i); + } + } + // > Steps + _axisPoint([0,0,0],1,0); + _axisPoints(0, _bounds[0]); + _axisPoints(1, _bounds[1]); + _axisPoints(2, _bounds[2]); + + // > Draw + coordinate = coordinate.data(_coordinateList); + coordinate.enter() + .append("path") + .attr("fill", "none") + .attr("stroke", function(d) {return d.color;}); + coordinate.exit().remove(); + + // Axis Text + axisText = axisText.data(_axisText); + axisText.enter() + .append("text") + .classed("noSelect", true) + .attr("fill", "rgba(0,0,0,0.5)") + .attr("text-anchor", function(d) {return d.dimension === 1 ? "start" : "middle";}) + .text(function(d) {return d.text;}); + axisText.transition() + .attr("text-anchor", function(d) {return d.dimension === 1 ? "end" : "middle";}) + .text(function(d) {return d.text;}); + axisText.exit().remove(); + + // Lines + lineList = lineList.data(series || []); + lineList.enter() + .append("path") + .attr("fill", "none") + .attr("stroke", function(d) {return d.color;}); + lineList.exit().remove(); + + _update(); + } + + function _update() { + coordinate + .attr("d", function(d) { + var path = ""; + $.each(d.data, function(i, point) { + path += (i === 0 ? "M" : "L") + transformPoint2D(point); + }); + return path; + }); + + axisText + .attr("x", function(d) {return transfromPointX(d) + (d.dimension === 1 ? -3 : 0);}) + .attr("y", function(d) {return transfromPointY(d) + (d.dimension === 1 ? 0 : -5);}); + + lineList + .attr("d", function(d, index) { + var path = ""; + $.each(d.data, function(i, point) { + path += (i === 0 ? "M" : "L") + transformPoint2D(point); + }); + return path; + }); + } + + + svg.on("mousedown", function() { + drag = [d3.mouse(this), yaw, pitch]; + }).on("mouseup", function() { + drag = false; + }).on("mousemove", function() { + if (drag) { + var mouse = d3.mouse(this); + yaw = drag[1] - (mouse[0] - drag[0][0]) / 50; + pitch = drag[2] + (mouse[1] - drag[0][1]) / 50; + pitch = Math.max(-Math.PI / 2, Math.min(Math.PI / 2, pitch)); + setTurtable(yaw, pitch, true); + } + }); + + // =========================== Render =========================== + _redraw(); + + function _render() { + // ======== Parse Data ======== + var _series = typeof series === "string" ? $scope.data : series; + if(!_series) return; + + // Clone + _series = $.map(_series, function(series) { + return { + name: series.name, + color: series.color, + data: series.data + }; + }); + + // Colors + $.each(_series, function(i, series) { + series.color = series.color || color[i % color.length]; + }); + + // Render + _redraw(_series); + } + + // ======================= Dynamic Detect ======================= + if(typeof series === "string") { + $scope.$parent.$watch(series, function() { + _render(); + }, true); + } else { + _render(); + } + + + // ========================== Clean Up ========================== + $scope.$on('$destroy', function() { + svg.remove(); + }); + }, + }; + }; + return charts; +}); \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-eagle/blob/afb89794/eagle-webservice/src/main/webapp/_app/public/js/components/file.js ---------------------------------------------------------------------- diff --git a/eagle-webservice/src/main/webapp/_app/public/js/components/file.js b/eagle-webservice/src/main/webapp/_app/public/js/components/file.js new file mode 100644 index 0000000..a8d78db --- /dev/null +++ b/eagle-webservice/src/main/webapp/_app/public/js/components/file.js @@ -0,0 +1,50 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +eagleComponents.directive('file', function($compile) { + 'use strict'; + + return { + restrict : 'A', + scope: { + filepath: "=?filepath", + }, + controller: function($scope, $element, $attrs) { + // Watch change(Only support clean the data) + if($attrs.filepath) { + $scope.$parent.$watch($attrs.filepath, function(value) { + if(!value) $element.val(value); + }); + } + + // Bind changed value + $element.on("change", function() { + var _path = $(this).val(); + if($attrs.filepath) { + common.setValueByPath($scope.$parent, $attrs.filepath, _path); + $scope.$parent.$apply(); + } + }); + + $scope.$on('$destroy',function(){ + $element.off("change"); + }); + }, + replace: false + }; +}); http://git-wip-us.apache.org/repos/asf/incubator-eagle/blob/afb89794/eagle-webservice/src/main/webapp/_app/public/js/components/main.js ---------------------------------------------------------------------- diff --git a/eagle-webservice/src/main/webapp/_app/public/js/components/main.js b/eagle-webservice/src/main/webapp/_app/public/js/components/main.js new file mode 100644 index 0000000..a0d9f9f --- /dev/null +++ b/eagle-webservice/src/main/webapp/_app/public/js/components/main.js @@ -0,0 +1,19 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +var eagleComponents = angular.module('eagle.components', []); http://git-wip-us.apache.org/repos/asf/incubator-eagle/blob/afb89794/eagle-webservice/src/main/webapp/_app/public/js/components/nvd3.js ---------------------------------------------------------------------- diff --git a/eagle-webservice/src/main/webapp/_app/public/js/components/nvd3.js b/eagle-webservice/src/main/webapp/_app/public/js/components/nvd3.js new file mode 100644 index 0000000..8687c78 --- /dev/null +++ b/eagle-webservice/src/main/webapp/_app/public/js/components/nvd3.js @@ -0,0 +1,418 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +eagleComponents.service('nvd3', function() { + var nvd3 = { + charts: [], + colors: [ + "#7CB5EC", "#F7A35C", "#90EE7E", "#7798BF", "#AAEEEE" + ] + }; + + // ============================================ + // = Format Convert = + // ============================================ + + /*** + * Format: [series:{key:name, value: [{x, y}]}] + */ + + nvd3.convert = {}; + nvd3.convert.eagle = function(seriesList) { + return $.map(seriesList, function(series) { + var seriesObj = $.isArray(series) ? {values: series} : series; + if(!seriesObj.key) seriesObj.key = "value"; + return seriesObj; + }); + }; + + nvd3.convert.druid = function(seriesList) { + var _seriesList = []; + + $.each(seriesList, function(i, series) { + if(!series.length) return; + + // Fetch keys + var _measure = series[0]; + var _keys = $.map(_measure.event, function(value, key) { + return key !== "metric" ? key : null; + }); + + // Parse series + _seriesList.push.apply(_seriesList, $.map(_keys, function(key) { + return { + key: key, + values: $.map(series, function(unit) { + return { + x: new moment(unit.timestamp).valueOf(), + y: unit.event[key] + }; + }) + }; + })); + }); + + return _seriesList; + }; + + // ============================================ + // = UI = + // ============================================ + // Resize with refresh + function chartResize() { + $.each(nvd3.charts, function(i, chart) { + if(chart) chart.nvd3Update(); + }); + } + $(window).on("resize.components.nvd3", chartResize); + $("body").on("collapsed.pushMenu expanded.pushMenu", function() { + setTimeout(chartResize, 300); + }); + + return nvd3; +}); + +/** + * config: + * chart: Defined chart type: line, column, area + * xTitle: Defined x axis title. + * yTitle: Defined y axis title. + * xType: Defined x axis label type: number, decimal, time + * yType: Defined y axis label type + * yMin: Defined minimum of y axis + * yMax: Defined maximum of y axis + * displayType: Defined the chart display type. Each chart has own type. + */ +eagleComponents.directive('nvd3', function(nvd3) { + 'use strict'; + + return { + restrict: 'AE', + scope: { + nvd3: "=", + title: "@?title", // title + chart: "@?chart", // Same as config.chart + config: "=?config", + watching: "@?watching", // Default watching data(nvd3) only. true will also watching chart & config. false do not watching. + + holder: "=?holder" // Container for holder to call the chart function + }, + controller: function($scope, $element, $attrs, $timeout) { + var _config, _chartType; + var _chart; + var _chartCntr; + var _holder, _holder_updateTimes; + + // Destroy + function destroy() { + var _index = $.inArray(_chart, nvd3.charts); + if(!_chartCntr) return _index; + + // Clean events + d3.select(_chartCntr) + .on("touchmove",null) + .on("mousemove",null, true) + .on("mouseout" ,null,true) + .on("dblclick" ,null) + .on("click", null); + + // Clean elements + d3.select(_chartCntr).selectAll("*").remove(); + $element.find(".nvtooltip").remove(); + $(_chartCntr).remove(); + + // Clean chart in nvd3 pool + nvd3.charts[_index] = null; + _chart = null; + + return _index; + } + + // Setup chart environment. Will clean old chart and build new chart if recall. + function initChart() { + // Clean up if already have chart + var _preIndex = destroy(); + + // Initialize + _config = $.extend({}, $scope.config); + _chartType = $scope.chart || _config.chart; + _chartCntr = $(document.createElementNS("http://www.w3.org/2000/svg";, "svg")) + .css("min-height", 50) + .attr("_rnd", Math.random()) + .appendTo($element)[0]; + + // Size + if(_config.height) { + $(_chartCntr).css("height", _config.height); + } + + switch(_chartType) { + case "line": + _chart = nv.models.lineChart() + .useInteractiveGuideline(true) + .showLegend(true) + .showYAxis(true) + .showXAxis(true) + .options({ + duration: 350 + }); + break; + case "column": + _chart = nv.models.multiBarChart() + .groupSpacing(0.1) + .options({ + duration: 350 + }); + break; + case "area": + _chart = nv.models.stackedAreaChart() + .useInteractiveGuideline(true) + .showLegend(true) + .showYAxis(true) + .showXAxis(true) + .options({ + duration: 350 + }); + break; + case "pie": + _chart = nv.models.dimensionalPieChart() + .x(function(d) { return d.key; }) + .y(function(d) { return d.values[d.values.length - 1].y; }); + break; + default : + throw "Type not defined: " + _chartType; + } + + // nvd3 display Type + // TODO: support type define + + // Define title + if(_chartType !== 'pie') { + if(_config.xTitle) _chart.xAxis.axisLabel(_config.xTitle); + if(_config.yTitle) _chart.yAxis.axisLabel(_config.yTitle); + } + + // Define label type + var _tickMultiFormat = d3.time.format.multi([ + ["%-I:%M%p", function(d) { return d.getMinutes(); }], + ["%-I%p", function(d) { return d.getHours(); }], + ["%b %-d", function(d) { return d.getDate() != 1; }], + ["%b %-d", function(d) { return d.getMonth(); }], + ["%Y", function() { return true; }] + ]); + + function _defineLabelType(axis, type) { + if(!_chart) return; + + var _axis = _chart[axis + "Axis"]; + if(!_axis) return; + + switch(type) { + case "decimal": + case "decimals": + _axis.tickFormat(d3.format('.02f')); + break; + case "text": + if(axis === "x") { + _chart.rotateLabels(10); + _chart.reduceXTicks(false).staggerLabels(true); + } + _axis.tickFormat(function(d) { + return d; + }); + break; + case "time": + if(_chartType !== 'column') { + _chart[axis + "Scale"](d3.time.scale()); + (function () { + var measureSeries = null; + $.each($scope.nvd3 || [], function(i, series) { + var _len = (series.values || []).length; + if(_len === 0) return; + if(measureSeries === null || measureSeries.values.length < _len) measureSeries = series; + }); + + var width = $element.width() - 35;// Use default nvd3 margin. Hard code. + if(!measureSeries || width <= 0) return; + var count = Math.floor(width / 80); + var countDes = Math.floor(measureSeries.values.length / count); + var tickValues = []; + for(var loc = 0 ; loc < measureSeries.values.length ; loc += countDes) { + tickValues.push(measureSeries.values[loc].x); + } + _chart[axis + "Axis"].tickValues(tickValues); + })(); + } + _axis.tickFormat(function(d) { + return _tickMultiFormat(app.time.offset(d).toDate(true)); + }); + break; + case "number": + /* falls through */ + default: + _axis.tickFormat(d3.format(',r')); + } + } + + if(_chartType !== 'pie') { + _defineLabelType("x", _config.xType || "number"); + _defineLabelType("y", _config.yType || "decimal"); + } + + // Global chart list update + if(_preIndex === -1) { + nvd3.charts.push(_chart); + } else { + nvd3.charts[_preIndex] = _chart; + } + + // Use customize update function to update the view + _chart.nvd3Update = function() { + if(_config.xType === "time") _defineLabelType("x", _config.xType); + _chart.update(); + }; + + updateData(); + } + + // Update chart data + function updateData() { + var _min = null, _max = null; + + // Copy series to prevent Angular loop watching + var _data = $.map($scope.nvd3 || [], function(series, i) { + var _series = $.extend(true, {}, series); + _series.color = _series.color || nvd3.colors[i % nvd3.colors.length]; + return _series; + }); + + // Chart Y value + if(($scope.chart || _config.chart) !== "pie") { + $.each(_data, function(i, series) { + $.each(series.values, function(j, unit) { + if(_min === null || unit.y < _min) _min = unit.y; + if(_max === null || unit.y > _max) _max = unit.y; + }); + }); + + if(_min === 0 && _max === 0) { + _chart.forceY([0, 10]); + } else if(_config.yMin !== undefined || _config.yMax !== undefined) { + _chart.forceY([_config.yMin, _config.yMax]); + } else { + _chart.forceY([]); + } + } + + // Update data + d3.select(_chartCntr) //Select the <svg> element you want to render the chart in. + .datum(_data) //Populate the <svg> element with chart data... + .call(_chart); //Finally, render the chart! + + setTimeout(_chart.nvd3Update, 10); + } + + // ================================================================ + // = Watching = + // ================================================================ + // Ignore initial checking + $timeout(function() { + if ($scope.watching !== "false") { + $scope.$watch(function() { + if(!$scope.nvd3) return []; + + var _hashList = $.map($scope.nvd3, function(series) { + if(!series.values) return 0; + var unit = { + x: 0, + y: 0 + }; + + $.each(series.values, function(j, item) { + unit.x += item.x; + unit.y += item.y; + }); + + return unit; + }); + + return _hashList; + }, function() { + updateData(); + }, true); + + // All watching mode + if ($scope.watching === "true") { + $scope.$watch("[chart, config]", function(newValue, oldValue) { + if(angular.equals(newValue, oldValue)) return; + initChart(); + }, true); + } + } + }); + + // Holder inject + _holder_updateTimes = 0; + _holder = { + element: $element, + refresh: function() { + setTimeout(function() { + updateData(); + }, 0); + }, + refreshAll: function() { + setTimeout(function() { + initChart(); + }, 0); + } + }; + + Object.defineProperty(_holder, 'chart', { + get: function() {return _chart;} + }); + + $scope.$watch("holder", function() { + // Holder times update + setTimeout(function() { + _holder_updateTimes = 0; + }, 0); + _holder_updateTimes += 1; + if(_holder_updateTimes > 100) throw "Holder conflict"; + + $scope.holder = _holder; + }); + + // ================================================================ + // = Start Up = + // ================================================================ + initChart(); + + // ================================================================ + // = Clean Up = + // ================================================================ + $scope.$on('$destroy', function() { + destroy(); + }); + }, + template : + '<div>' + + '<h3 title="{{title || config.title}}">{{title || config.title}}</h3>' + + '</div>', + replace: true + }; +}); \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-eagle/blob/afb89794/eagle-webservice/src/main/webapp/_app/public/js/components/sortTable.js ---------------------------------------------------------------------- diff --git a/eagle-webservice/src/main/webapp/_app/public/js/components/sortTable.js b/eagle-webservice/src/main/webapp/_app/public/js/components/sortTable.js new file mode 100644 index 0000000..bdcbca4 --- /dev/null +++ b/eagle-webservice/src/main/webapp/_app/public/js/components/sortTable.js @@ -0,0 +1,113 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +eagleComponents.directive('sorttable', function($compile) { + 'use strict'; + + return { + restrict : 'AE', + scope: { + source: '=', + search: '=?search', + searchfunc: "=?searchfunc", + + orderKey: "@?sort", + + maxSize: "=?maxSize", + }, + controller: function($scope, $element, $attrs) { + // Initialization + $scope.app = app; + $scope.common = common; + $scope._parent = $scope.$parent; + + $scope.pageNumber = $scope.pageNumber || 1; + $scope.pageSize = $scope.pageSize || 10; + + $scope.maxSize = $scope.maxSize || 10; + + // Search box + if($scope.search !== false) { + var $search = $( + '<div style="overflow:hidden;">' + + '<div class="row">' + + '<div class="col-xs-4">' + + '<div class="search-box">' + + '<input type="search" class="form-control input-sm" placeholder="Search" ng-model="search" />' + + '<span class="fa fa-search"></span>' + + '</div>' + + '</div>' + + '</div>' + + '</div>' + ).prependTo($element); + $compile($search)($scope); + } + + // List head + $scope.doSort = function(path) { + if($scope.orderKey === path) { + $scope.orderKey = "-" + path; + } else { + $scope.orderKey = path; + } + }; + $scope.checkSortClass = function(key) { + if($scope.orderKey === key) { + return "fa fa-sort-asc"; + } else if($scope.orderKey === "-" + key) { + return "fa fa-sort-desc"; + } + return "fa fa-sort"; + }; + + var $listHead = $element.find("thead > tr"); + $listHead.find("> th").each(function() { + var $th = $(this); + $th.addClass("noSelect"); + + var _sortpath = $th.attr("sortpath"); + if(_sortpath) { + $th.attr("ng-click", "doSort('" + _sortpath + "')"); + $th.prepend('<span ng-class="checkSortClass(\'' + _sortpath + '\')"></span>'); + } + }); + $compile($listHead)($scope); + + // List body + var $listBody = $element.find("tbody > tr"); + $listBody.attr("ng-repeat", 'item in (filteredList = (source | filter: ' + ($scope.searchfunc ? 'searchfunc' : 'search') + ' | orderBy: orderKey)).slice((pageNumber - 1) * pageSize, pageNumber * pageSize)'); + $compile($listBody)($scope); + + // Navigation + var $navigation = $( + '<div style="overflow:hidden;">' + + '<div class="row">' + + '<div class="col-xs-5">' + + 'show {{(pageNumber - 1) * pageSize + 1}} to {{pageNumber * pageSize}} of {{filteredList.length}} items' + + '</div>' + + '<div class="col-xs-7 text-right">' + + '<uib-pagination total-items="filteredList.length" ng-model="pageNumber" boundary-links="true" items-per-page="pageSize" num-pages="numPages" max-size="maxSize"></uib-pagination>' + + '</div>' + + '</div>' + + '</div>' + ).appendTo($element); + $compile($navigation)($scope); + }, + replace: false + }; +}); http://git-wip-us.apache.org/repos/asf/incubator-eagle/blob/afb89794/eagle-webservice/src/main/webapp/_app/public/js/components/sortable.js ---------------------------------------------------------------------- diff --git a/eagle-webservice/src/main/webapp/_app/public/js/components/sortable.js b/eagle-webservice/src/main/webapp/_app/public/js/components/sortable.js new file mode 100644 index 0000000..c98c732 --- /dev/null +++ b/eagle-webservice/src/main/webapp/_app/public/js/components/sortable.js @@ -0,0 +1,166 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +eagleComponents.directive('uieSortable', function($rootScope) { + 'use strict'; + + var COLLECTION_MATCH = /^\s*([\s\S]+?)\s+in\s+([\s\S]+?)(?:\s+as\s+([\s\S]+?))?(?:\s+track\s+by\s+([\s\S]+?))?\s*$/; + + var _move = false; + var _selectElement; + var _overElement; + var _mockElement; + var _offsetX, _offsetY; + var _mouseDownPageX, _mouseDownPageY; + + function doMock(element, event) { + var _offset = element.offset(); + if(_mockElement) _mockElement.remove(); + + // Create mock element + _mockElement = element.clone(false).appendTo("body"); + _mockElement.addClass("sortable-mock-element"); + _mockElement.css({ + display: "block", + position: "absolute", + "pointer-events": "none", + "z-index": 10001, + padding: element.css("padding"), + margin: element.css("margin") + }); + _mockElement.width(element.width()); + _mockElement.height(element.height()); + + _mockElement.offset(_offset); + _offsetX = event.pageX - _offset.left; + _offsetY = event.pageY - _offset.top; + } + + $(window).on("mousemove", function(event) { + if(!_move) return; + event.preventDefault(); + + _mockElement.offset({ + left: event.pageX - _offsetX, + top: event.pageY - _offsetY + }); + }); + + $(window).on("mouseup", function() { + if(!_move) { + _overElement = null; + _selectElement = null; + _mockElement = null; + return; + } + _move = false; + + if(_overElement) { + _overElement.removeClass("sortable-enter"); + + if(_overElement[0] !== _selectElement[0]) { + // Process switch + var _oriHolder = _selectElement.holder; + var _tgtHolder = _overElement.holder; + var _oriSortableScope = _oriHolder.scope; + var _tgtSortableScope = _tgtHolder.scope; + var _oriScope = angular.element(_selectElement).scope(); + var _tgtScope = angular.element(_overElement).scope(); + + var _oriRepeat = _selectElement.closest("[ng-repeat]").attr("ng-repeat"); + var _tgtRepeat = _overElement.closest("[ng-repeat]").attr("ng-repeat"); + var _oriMatch = _oriRepeat.match(COLLECTION_MATCH)[2]; + var _tgtMatch = _tgtRepeat.match(COLLECTION_MATCH)[2]; + var _oriCollection = _oriScope.$parent.$eval(_oriMatch); + var _tgtCollection = _tgtScope.$parent.$eval(_tgtMatch); + var _oriIndex = $.inArray(_oriCollection[_oriScope.$index], _oriSortableScope.ngModel); + var _tgtIndex = $.inArray(_tgtCollection[_tgtScope.$index], _tgtSortableScope.ngModel); + + var _oriUnit = _oriSortableScope.ngModel[_oriIndex]; + var _tgtUnit = _tgtSortableScope.ngModel[_tgtIndex]; + _oriSortableScope.ngModel[_oriIndex] = _tgtUnit; + _tgtSortableScope.ngModel[_tgtIndex] = _oriUnit; + + // Trigger event + _oriHolder.change(_oriUnit, _tgtUnit); + if (_oriHolder !== _tgtHolder) _tgtHolder.change(_oriUnit, _tgtUnit); + + $rootScope.$apply(); + } + } + + if(_mockElement) _mockElement.remove(); + + _overElement = null; + _selectElement = null; + _mockElement = null; + }); + + return { + require: 'ngModel', + restrict : 'AE', + scope: { + ngModel: "=", + sortableEnabled: "=?sortableEnabled", + sortableUpdateFunc: "=?sortableUpdateFunc" + }, + link: function($scope, $element, $attrs, $ctrl) { + var _holder = { + scope: $scope, + change: function(source, target) { + if($scope.sortableUpdateFunc) $scope.sortableUpdateFunc(source, target); + } + }; + + $element.on("mousedown", ">", function(event) { + if($scope.sortableEnabled === false) return; + + _selectElement = $(this); + _selectElement.holder = _holder; + + _mouseDownPageX = event.pageX; + _mouseDownPageY = event.pageY; + + event.preventDefault(); + }); + + $element.on("mousemove", ">", function(event) { + if(_selectElement && !_move && common.math.distance(_mouseDownPageX, _mouseDownPageY, event.pageX, event.pageY) > 10) { + _move = true; + _overElement = _selectElement; + _overElement.addClass("sortable-enter"); + + doMock(_selectElement, event); + } + }); + + $element.on("mouseenter", ">", function() { + if(!_move) return; + _overElement = $(this); + _overElement.holder = _holder; + _overElement.addClass("sortable-enter"); + }); + $element.on("mouseleave", ">", function() { + if(!_move) return; + $(this).removeClass("sortable-enter"); + _overElement = null; + }); + }, + replace: false + }; +}); \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-eagle/blob/afb89794/eagle-webservice/src/main/webapp/_app/public/js/components/tabs.js ---------------------------------------------------------------------- diff --git a/eagle-webservice/src/main/webapp/_app/public/js/components/tabs.js b/eagle-webservice/src/main/webapp/_app/public/js/components/tabs.js new file mode 100644 index 0000000..21c4a4a --- /dev/null +++ b/eagle-webservice/src/main/webapp/_app/public/js/components/tabs.js @@ -0,0 +1,247 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +eagleComponents.directive('tabs', function() { + 'use strict'; + + return { + restrict: 'AE', + transclude: { + 'header': '?header', + 'pane': 'pane', + 'footer': '?footer' + }, + scope : { + title: "@?title", + icon: "@", + selected: "@?selected", + holder: "=?holder", + sortableModel: "=?sortableModel", + + menuList: "=?menu" + }, + + controller: function($scope, $element, $attrs, $timeout) { + var transDuration = $.fn.tab.Constructor.TRANSITION_DURATION; + var transTimer = null; + var _holder, _holder_updateTimes; + + var $header, $footer; + + $scope.paneList = []; + $scope.selectedPane = null; + $scope.inPane = null; + $scope.activePane = null; + + // ================== Function ================== + $scope.getPaneList = function() { + return !$scope.title ? $scope.paneList : $scope.paneList.slice().reverse(); + }; + + $scope.setSelect = function(pane) { + if(typeof pane === "string") { + pane = common.array.find(pane, $scope.paneList, "title"); + } else if(typeof pane === "number") { + pane = (pane + $scope.paneList.length) % $scope.paneList.length; + pane = $scope.paneList[pane]; + } + + $scope.activePane = $scope.selectedPane || pane; + $scope.selectedPane = pane; + $scope.inPane = null; + + if(transTimer) $timeout.cancel(transTimer); + transTimer = $timeout(function() { + $scope.activePane = $scope.selectedPane; + $scope.inPane = $scope.selectedPane; + }, transDuration); + }; + + $scope.getMenuList = function() { + if($scope.selectedPane && $scope.selectedPane.menuList) { + return $scope.selectedPane.menuList; + } + return $scope.menuList; + }; + + $scope.tabSwitchUpdate = function (src, tgt) { + var _srcIndex = $.inArray(src.data, $scope.sortableModel); + var _tgtIndex = $.inArray(tgt.data, $scope.sortableModel); + + if(_srcIndex !== -1 && _tgtIndex !== -1) { + $scope.sortableModel[_srcIndex] = tgt.data; + $scope.sortableModel[_tgtIndex] = src.data; + } + }; + + // =================== Linker =================== + function _linkerProperties(pane) { + Object.defineProperties(pane, { + selected: { + get: function () { + return $scope.selectedPane === this; + } + }, + active: { + get: function () { + return $scope.activePane === this; + } + }, + in: { + get: function () { + return $scope.inPane === this; + } + } + }); + } + + this.addPane = function(pane) { + $scope.paneList.push(pane); + + // Register properties + _linkerProperties(pane); + + // Update select pane + if(pane.title === $scope.selected || !$scope.selectedPane) { + $scope.setSelect(pane); + } + }; + + this.deletePane = function(pane) { + common.array.remove(pane, $scope.paneList); + + if($scope.selectedPane === pane) { + $scope.selectedPane = $scope.activePane = $scope.inPane = $scope.paneList[0]; + } + }; + + // ===================== UI ===================== + $header = $element.find("> .nav-tabs-custom > .box-body"); + $footer = $element.find("> .nav-tabs-custom > .box-footer"); + + $scope.hasHeader = function() { + return !!$header.children().length; + }; + $scope.hasFooter = function() { + return !!$footer.children().length; + }; + + // ================= Interface ================== + _holder_updateTimes = 0; + _holder = { + scope: $scope, + element: $element, + setSelect: $scope.setSelect + }; + + Object.defineProperty(_holder, 'selectedPane', { + get: function() {return $scope.selectedPane;} + }); + + $scope.$watch("holder", function(newValue, oldValue) { + // Holder times update + setTimeout(function() { + _holder_updateTimes = 0; + }, 0); + _holder_updateTimes += 1; + if(_holder_updateTimes > 100) throw "Holder conflict"; + + $scope.holder = _holder; + }); + }, + + template : + '<div class="nav-tabs-custom">' + + // Menu + '<div class="box-tools pull-right" ng-if="getMenuList() && getMenuList().length">' + + '<div ng-repeat="menu in getMenuList() track by $index" class="inline">' + + // Button + '<button class="btn btn-box-tool" ng-click="menu.func($event)" ng-if="!menu.list"' + + ' uib-tooltip="{{menu.title}}" tooltip-enable="menu.title" tooltip-append-to-body="true">' + + '<span class="fa fa-{{menu.icon}}"></span>' + + '</button>' + + + // Dropdown Group + '<div class="btn-group" ng-if="menu.list">' + + '<button class="btn btn-box-tool dropdown-toggle" data-toggle="dropdown"' + + ' uib-tooltip="{{menu.title}}" tooltip-enable="menu.title" tooltip-append-to-body="true">' + + '<span class="fa fa-{{menu.icon}}"></span>' + + '</button>' + + '<ul class="dropdown-menu left" role="menu">' + + '<li ng-repeat="item in menu.list track by $index" ng-class="{danger: item.danger, disabled: item.disabled}">' + + '<a ng-click="!item.disabled && item.func($event)" ng-class="{strong: item.strong}">' + + '<span class="fa fa-{{item.icon}}"></span> {{item.title}}' + + '</a>' + + '</li>' + + '</ul>' + + '</div>' + + '</div>' + + '</div>' + + + '<ul uie-sortable sortable-enabled="!!sortableModel" sortable-update-func="tabSwitchUpdate" ng-model="paneList" class="nav nav-tabs" ng-class="{\'pull-right\': title}">' + + // Tabs + '<li ng-repeat="pane in getPaneList() track by $index" ng-class="{active: selectedPane === pane}">' + + '<a ng-click="setSelect(pane);">{{pane.title}}</a>' + + '</li>' + + + // Title + '<li class="pull-left header" ng-if="title">' + + '<i class="fa fa-{{icon}}" ng-if="icon"></i> {{title}}' + + '</li>' + + + '</ul>' + + '<div class="box-body" ng-transclude="header" ng-show="paneList.length && hasHeader()"></div>' + + '<div class="tab-content" ng-transclude="pane"></div>' + + '<div class="box-footer" ng-transclude="footer" ng-show="paneList.length && hasFooter()"></div>' + + '</div>' + }; +}).directive('pane', function() { + 'use strict'; + + return { + require : '^tabs', + restrict : 'AE', + transclude : true, + scope : { + title : '@', + data: '=?data', + menuList: "=?menu" + }, + link : function(scope, element, attrs, tabsController) { + tabsController.addPane(scope); + scope.$on('$destroy', function() { + tabsController.deletePane(scope); + }); + }, + template : '<div class="tab-pane fade" ng-class="{active: active, in: in}" ng-transclude></div>', + replace : true + }; +}).directive('footer', function() { + 'use strict'; + + return { + require : '^tabs', + restrict : 'AE', + transclude : true, + scope : {}, + controller: function($scope, $element) { + }, + template : '<div ng-transclude></div>', + replace : true + }; +}); \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-eagle/blob/afb89794/eagle-webservice/src/main/webapp/_app/public/js/ctrl/authController.js ---------------------------------------------------------------------- diff --git a/eagle-webservice/src/main/webapp/_app/public/js/ctrl/authController.js b/eagle-webservice/src/main/webapp/_app/public/js/ctrl/authController.js new file mode 100644 index 0000000..dbdb704 --- /dev/null +++ b/eagle-webservice/src/main/webapp/_app/public/js/ctrl/authController.js @@ -0,0 +1,91 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +(function() { + 'use strict'; + + var eagleControllers = angular.module('eagleControllers'); + // ============================================================= + // = User Profile List = + // ============================================================= + eagleControllers.controller('authLoginCtrl', function (PageConfig, Site, Authorization, Application, $scope) { + PageConfig.hideSidebar = true; + PageConfig.hideApplication = true; + PageConfig.hideSite = true; + PageConfig.hideUser = true; + + $scope.username = ""; + $scope.password = ""; + $scope.lock = false; + $scope.loginSuccess = false; + + if(localStorage) { + $scope.rememberUser = localStorage.getItem("rememberUser") !== "false"; + + if($scope.rememberUser) { + $scope.username = localStorage.getItem("username"); + $scope.password = localStorage.getItem("password"); + } + } + + // UI + setTimeout(function () { + $("#username").focus(); + }); + + // Login + $scope.login = function (event, forceSubmit) { + if ($scope.lock) return; + + if (event.which === 13 || forceSubmit) { + $scope.lock = true; + + Authorization.login($scope.username, $scope.password).then(function (success) { + if (success) { + // Check user remember + localStorage.setItem("rememberUser", $scope.rememberUser); + if($scope.rememberUser) { + localStorage.setItem("username", $scope.username); + localStorage.setItem("password", $scope.password); + } else { + localStorage.removeItem("username"); + localStorage.removeItem("password"); + } + + // Initial environment + $scope.loginSuccess = true; + console.log("[Login] Login success! Reload data..."); + Authorization.reload().then(function() {}, function() {console.warn("Site error!");}); + Application.reload().then(function() {}, function() {console.warn("Site error!");}); + Site.reload().then(function() {}, function() {console.warn("Site error!");}); + Authorization.path(true); + } else { + $.dialog({ + title: "OPS", + content: "User name or password not correct." + }).on("hidden.bs.modal", function () { + $("#username").focus(); + }); + } + }).finally(function () { + $scope.lock = false; + }); + } + }; + }); +})(); \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-eagle/blob/afb89794/eagle-webservice/src/main/webapp/_app/public/js/ctrl/configurationController.js ---------------------------------------------------------------------- diff --git a/eagle-webservice/src/main/webapp/_app/public/js/ctrl/configurationController.js b/eagle-webservice/src/main/webapp/_app/public/js/ctrl/configurationController.js new file mode 100644 index 0000000..e59198d --- /dev/null +++ b/eagle-webservice/src/main/webapp/_app/public/js/ctrl/configurationController.js @@ -0,0 +1,377 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +(function() { + 'use strict'; + + var eagleControllers = angular.module('eagleControllers'); + + // ============================================================= + // = Function = + // ============================================================= + function watchEdit($scope, key) { + $scope.changed = false; + setTimeout(function() { + var _func = $scope.$watch(key, function(newValue, oldValue) { + if(angular.equals(newValue, oldValue)) return; + $scope.changed = true; + _func(); + }, true); + }, 100); + } + + // ============================================================= + // = Configuration = + // ============================================================= + // ========================== Feature ========================== + eagleControllers.controller('configFeatureCtrl', function ($scope, PageConfig, Application, Entities, UI) { + PageConfig.hideApplication = true; + PageConfig.hideSite = true; + $scope._pageLock = false; + + PageConfig + .addNavPath("Home", "/") + .addNavPath("Feature Config"); + + // ================== Feature ================== + // Current feature + $scope.feature = Application.featureList[0]; + $scope.setFeature = function (feature) { + $scope.feature = feature; + }; + + // Feature list + $scope.features = {}; + $.each(Application.featureList, function(i, feature) { + $scope.features[feature.tags.feature] = $.extend({}, feature, true); + }); + + // Create feature + $scope.newFeature = function() { + UI.createConfirm("Feature", {}, [ + {name: "Feature Name", field: "name"} + ], function(entity) { + if(entity.name && $.map($scope.features, function(feature, name) { + return name.toUpperCase() === entity.name.toUpperCase() ? true : null; + }).length) { + return "Feature name conflict!"; + } + }).then(null, null, function(holder) { + Entities.updateEntity( + "FeatureDescService", + {tags: {feature: holder.entity.name}}, + {timestamp: false} + )._promise.then(function() { + holder.closeFunc(); + location.reload(); + }); + }); + }; + + // Delete feature + $scope.deleteFeature = function(feature) { + UI.deleteConfirm(feature.tags.feature).then(null, null, function(holder) { + Entities.delete("FeatureDescService", {feature: feature.tags.feature})._promise.then(function() { + holder.closeFunc(); + location.reload(); + }); + }); + }; + + // Save feature + $scope.saveAll = function() { + $scope._pageLock = true; + var _list = $.map($scope.features, function(feature) { + return feature; + }); + Entities.updateEntity("FeatureDescService", _list, {timestamp: false})._promise.success(function() { + location.reload(); + }).finally(function() { + $scope._pageLock = false; + }); + }; + + // Watch config update + watchEdit($scope, "features"); + }); + + // ======================== Application ======================== + eagleControllers.controller('configApplicationCtrl', function ($scope, $timeout, PageConfig, Application, Entities, Feature, UI) { + PageConfig.hideApplication = true; + PageConfig.hideSite = true; + $scope._pageLock = false; + + PageConfig + .addNavPath("Home", "/") + .addNavPath("Application Config"); + + // ================ Application ================ + // Current application + $scope.application = Application.list[0]; + $scope.setApplication = function (application) { + $scope.application = application; + }; + + // Application list + $scope.applications = {}; + $.each(Application.list, function(i, application) { + var _application = $scope.applications[application.tags.application] = $.extend({}, application, {features: application.features.slice()}, true); + _application.optionalFeatures = $.map(Application.featureList, function(feature) { + var featurePlugin = Feature.get(feature.tags.feature); + if(featurePlugin.config.global) return null; + if(!common.array.find(feature.tags.feature, _application.features)) { + return feature.tags.feature; + } + }); + }); + + // Create application + $scope.newApplication = function() { + UI.createConfirm("Application", {}, [ + {name: "Application Name", field: "name"} + ], function(entity) { + if(entity.name && $.map($scope.applications, function(application, name) { + return name.toUpperCase() === entity.name.toUpperCase() ? true : null; + }).length) { + return "Application name conflict!"; + } + }).then(null, null, function(holder) { + Entities.updateEntity( + "ApplicationDescService", + {tags: {application: holder.entity.name}}, + {timestamp: false} + )._promise.then(function() { + holder.closeFunc(); + location.reload(); + }); + }); + }; + + // Delete application + $scope.deleteApplication = function(application) { + UI.deleteConfirm(application.tags.application).then(null, null, function(holder) { + Entities.delete("ApplicationDescService", {application: application.tags.application})._promise.then(function() { + holder.closeFunc(); + location.reload(); + }); + }); + }; + + // ================= Function ================== + // Configuration check + $scope.configCheck = function(config) { + if(config && !common.parseJSON(config, false)) { + return "Invalid JSON format"; + } + }; + + // Feature + $scope._feature = ""; + function highlightFeature(feature) { + $scope._feature = feature; + + $timeout(function() { + $scope._feature = ""; + }, 100); + } + + $scope.addFeature = function(feature, application) { + application.features.push(feature); + common.array.remove(feature, application.optionalFeatures); + highlightFeature(feature); + $scope.changed = true; + }; + + $scope.removeFeature = function(feature, application) { + application.optionalFeatures.push(feature); + common.array.remove(feature, application.features); + $scope.changed = true; + }; + + $scope.moveFeature = function(feature, list, offset) { + common.array.moveOffset(feature, list, offset); + highlightFeature(feature); + $scope.changed = true; + }; + + // Save feature + $scope.saveAll = function() { + $scope._pageLock = true; + + var _list = $.map($scope.applications, function(application) { + return application; + }); + Entities.updateEntity("ApplicationDescService", _list, {timestamp: false})._promise.success(function() { + location.reload(); + }).finally(function() { + $scope._pageLock = false; + }); + }; + + // Watch config update + watchEdit($scope, "applications"); + }); + + // ============================ Site =========================== + eagleControllers.controller('configSiteCtrl', function ($scope, $timeout, PageConfig, Site, Application, Entities, UI) { + PageConfig.hideApplication = true; + PageConfig.hideSite = true; + $scope._pageLock = false; + + PageConfig + .addNavPath("Home", "/") + .addNavPath("Site Config"); + + // =================== Site ==================== + // Current site + $scope.site = Site.list[0]; + $scope.setSite = function (site) { + $scope.site = site; + }; + + + // Site list + $scope.sites = {}; + $.each(Site.list, function(i, site) { + var _site = $scope.sites[site.tags.site] = $.extend({}, site, true); + var _applications = []; + var _optionalApplications = []; + + Object.defineProperties(_site, { + applications: { + get: function() {return _applications;} + }, + optionalApplications: { + get: function() {return _optionalApplications;} + } + }); + + $.each(Application.list, function(i, application) { + var _application = site.applicationList.set[application.tags.application]; + if(_application && _application.enabled) { + _site.applications.push(_application); + } else { + if(_application) { + _site.optionalApplications.push(_application); + } else { + _site.optionalApplications.push({ + prefix: "eagleSiteApplication", + config: "", + enabled: false, + tags: { + application: application.tags.application, + site: site.tags.site + } + }); + } + } + }); + }); + + // Create site + $scope.newSite = function() { + UI.createConfirm("Site", {}, [ + {name: "Site Name", field: "name"} + ], function(entity) { + if(entity.name && $.map($scope.sites, function(site, name) { + return name.toUpperCase() === entity.name.toUpperCase() ? true : null; + }).length) { + return "Site name conflict!"; + } + }).then(null, null, function(holder) { + Entities.updateEntity( + "SiteDescService", + {enabled: true, tags: {site: holder.entity.name}}, + {timestamp: false} + )._promise.then(function() { + holder.closeFunc(); + location.reload(); + }); + }); + }; + + // Delete site + $scope.deleteSite = function(site) { + UI.deleteConfirm(site.tags.site).then(null, null, function(holder) { + Entities.delete("SiteDescService", {site: site.tags.site})._promise.then(function() { + holder.closeFunc(); + location.reload(); + }); + }); + }; + + // ================= Function ================== + $scope._application = ""; + function highlightApplication(application) { + $scope._application = application; + + $timeout(function() { + $scope._application = ""; + }, 100); + } + + $scope.addApplication = function(application, site) { + site.applications.push(application); + common.array.remove(application, site.optionalApplications); + application.enabled = true; + highlightApplication(application); + $scope.changed = true; + }; + + $scope.removeApplication = function(application, site) { + site.optionalApplications.push(application); + common.array.remove(application, site.applications); + application.enabled = false; + $scope.changed = true; + }; + + $scope.setApplication = function(application) { + var _oriConfig = application.config; + UI.updateConfirm("Application", {config: _oriConfig}, [ + {name: "Configuration", field: "config", type: "blob"} + ], function(entity) { + if(entity.config !== "" && !common.properties.check(entity.config)) { + return "Invalid Properties format"; + } + }).then(null, null, function(holder) { + application.config = holder.entity.config; + holder.closeFunc(); + if(_oriConfig !== application.config) $scope.changed = true; + }); + }; + + // Save feature + $scope.saveAll = function() { + $scope._pageLock = true; + + var _list = $.map($scope.sites, function(site) { + var _clone = $.extend({applications: site.applications.concat(site.optionalApplications)}, site); + return _clone; + }); + + Entities.updateEntity("SiteDescService", _list, {timestamp: false, hook: true})._promise.success(function() { + location.reload(); + }).finally(function() { + $scope._pageLock = false; + }); + }; + + // Watch config update + watchEdit($scope, "sites"); + }); +})(); \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-eagle/blob/afb89794/eagle-webservice/src/main/webapp/_app/public/js/ctrl/main.js ---------------------------------------------------------------------- diff --git a/eagle-webservice/src/main/webapp/_app/public/js/ctrl/main.js b/eagle-webservice/src/main/webapp/_app/public/js/ctrl/main.js new file mode 100644 index 0000000..5064a1d --- /dev/null +++ b/eagle-webservice/src/main/webapp/_app/public/js/ctrl/main.js @@ -0,0 +1,42 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +(function() { + 'use strict'; + + var eagleControllers = angular.module('eagleControllers', ['ui.bootstrap', 'eagle.components', 'eagle.service']); + + // =========================================================== + // = Controller = + // =========================================================== + eagleControllers.controller('landingCtrl', function($scope, $wrapState, Site, Application, PageConfig, FeaturePageConfig, Feature) { + var _app = Application.current(); + + PageConfig.pageTitle = _app ? _app.displayName : 'OPS'; + PageConfig.pageSubTitle = Site.current().tags.site; + + $scope.Application = Application; + + var _navItemList = FeaturePageConfig.pageList; + if(_navItemList.length) { + console.log("[Landing] Auto redirect.", FeaturePageConfig); + var _match = _navItemList[0].url.match(/#\/([^\/]+)\/([^\/]+)/); + Feature.go(_match[1], _match[2]); + } + }); +})(); http://git-wip-us.apache.org/repos/asf/incubator-eagle/blob/afb89794/eagle-webservice/src/main/webapp/_app/public/js/srv/applicationSrv.js ---------------------------------------------------------------------- diff --git a/eagle-webservice/src/main/webapp/_app/public/js/srv/applicationSrv.js b/eagle-webservice/src/main/webapp/_app/public/js/srv/applicationSrv.js new file mode 100644 index 0000000..187adb4 --- /dev/null +++ b/eagle-webservice/src/main/webapp/_app/public/js/srv/applicationSrv.js @@ -0,0 +1,170 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +(function() { + 'use strict'; + + var serviceModule = angular.module('eagle.service'); + var eagleApp = angular.module('eagleApp'); + + serviceModule.service('Application', function($q, $location, $wrapState, Entities) { + var Application = {}; + var _current; + var _featureCache = {};// After loading feature will be in cache. Which will not load twice. + var _deferred; + + Application.list = []; + Application.list.set = {}; + Application.featureList = []; + Application.featureList.set = {}; + + // Set current application + Application.current = function(app, reload) { + if(arguments.length && _current !== app) { + var _prev = _current; + _current = app; + + if(sessionStorage && _current) { + sessionStorage.setItem("application", _current.tags.application); + } + + if(_prev && reload !== false) { + console.log("[Application] Switch. Redirect to landing page."); + $wrapState.go('landing', true); + } + } + return _current; + }; + Application.find = function(appName) { + return common.array.find(appName, Application.list, "tags.application"); + }; + + Application.reload = function() { + _deferred = $q.defer(); + + if(Application.list && Application.list._promise) Application.list._promise.abort(); + if(Application.featureList && Application.featureList._promise) Application.featureList._promise.abort(); + + Application.list = Entities.queryEntities("ApplicationDescService", ''); + Application.list.set = {}; + Application.featureList = Entities.queryEntities("FeatureDescService", ''); + Application.featureList.set = {}; + + Application.featureList._promise.then(function() { + var _promiseList; + // Load feature script + _promiseList = $.map(Application.featureList, function(feature) { + var _ajax_deferred, _script; + if(_featureCache[feature.tags.feature]) return; + + _featureCache[feature.tags.feature] = true; + _ajax_deferred = $q.defer(); + _script = document.createElement('script'); + _script.type = 'text/javascript'; + _script.src = "public/feature/" + feature.tags.feature + "/controller.js?_=" + eagleApp._TRS(); + document.head.appendChild(_script); + _script.onload = function() { + feature._loaded = true; + _ajax_deferred.resolve(); + }; + _script.onerror = function() { + feature._loaded = false; + _featureCache[feature.tags.feature] = false; + _ajax_deferred.reject(); + }; + return _ajax_deferred.promise; + }); + + // Merge application & feature + Application.list._promise.then(function() { + // Fill feature set + $.each(Application.featureList, function(i, feature) { + Application.featureList.set[feature.tags.feature] = feature; + }); + + // Fill application set + $.each(Application.list, function(i, application) { + Application.list.set[application.tags.application] = application; + application.features = application.features || []; + var _configObj = common.parseJSON(application.config, {}); + var _appFeatureList = $.map(application.features, function(featureName) { + var _feature = Application.featureList.set[featureName]; + if(!_feature) { + console.warn("[Application] Feature not mapping:", application.tags.application, "-", featureName); + } else { + return _feature; + } + }); + + // Find feature + _appFeatureList.find = function(featureName) { + return common.array.find(featureName, _appFeatureList, "tags.feature"); + }; + + Object.defineProperties(application, { + featureList: { + get: function () { + return _appFeatureList; + } + }, + // Get format group name. Will mark as 'Others' if no group defined + group: { + get: function () { + return this.groupName || "Others"; + } + }, + configObj: { + get: function() { + return _configObj; + } + }, + displayName: { + get: function() { + return this.alias || this.tags.application; + } + } + }); + }); + + // Set current application + if(!Application.current() && sessionStorage && Application.find(sessionStorage.getItem("application"))) { + Application.current(Application.find(sessionStorage.getItem("application"))); + } + }); + + // Process all promise + $q.all(_promiseList.concat(Application.list._promise)).finally(function() { + _deferred.resolve(Application); + }); + }, function() { + _deferred.reject(Application); + }); + + return _deferred.promise; + }; + + Application._promise = function() { + if(!_deferred) { + Application.reload(); + } + return _deferred.promise; + }; + + return Application; + }); +})(); \ No newline at end of file
