nutella_framework 0.7.3 → 0.8.0

data/framework_components/monitoring-interface/js/react/src/ui-messages.js

@@ -1,103 +0,0 @@
-var UIMessages = React.createClass({
-    getInitialState: function () {
-        return {
-            messages: [],
-            from: undefined,
-            to: undefined,
-            type: undefined
-        };
-    },
-    componentDidMount: function () {
-        var self = this;
-        notificationCenter.subscribe(Notifications.data.MESSAGE_DATA_CHANGE, function() {
-
-            var messages = [];
-
-            if(messageModel.data != undefined)
-                messages = messageModel.data.messages;
-
-            self.setState({messages: messages,
-                    from:  messageModel.from,
-                    to: messageModel.to,
-                    type: messageModel.type
-                });
-        });
-
-        messageModel.downloadMessages();
-
-        /*
-        messageModel.fetchData("data/message.json");
-
-        setTimeout(function() {
-            messageModel.fetchData("data/message.json");
-        }, 10000)
-        */
-    },
-    render: function () {
-        var self = this;
-
-        var messages = this.state.messages.map(function(message, index) {
-
-            var date = new Date(message.date);
-
-            return (
-                <div className="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
-                    <div className="panel panel-default">
-                        <a data-toggle="collapse" data-parent="#accordion" href={"#collapse"+index} aria-expanded="true" aria-controls={"collapse"+index}>
-                            <div className="panel-heading" role="tab" id="headingOne">
-                                <h4 className="panel-title">
-                                {date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFullYear()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds()+"."+date.getMilliseconds()+
-                                " - "+message.type}
-                                </h4>
-                            </div>
-                        </a>
-                        <div id={"collapse"+index} className="panel-collapse collapse" role="tabpanel" aria-labelledby={"heading"+index}>
-                            <div className="panel-body">
-                                <pre>
-                                    <code className="JSON">
-                                        {JSON.stringify(message.payload, null, 4)}
-                                    </code>
-                                </pre>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            );
-        });
-
-        return(
-            <div className="modal-dialog modal-messages">
-                <div className="modal-content">
-                    <div className="modal-header">
-                        <button type="button" className="close" data-dismiss="modal" aria-label="Close">
-                            <span aria-hidden="true">&times;</span>
-                        </button>
-                        <h4 className="modal-title" id="modalLabel">Message display for channel <span className="label label-default">{messageModel.channel}</span></h4>
-                        <svg style={{height: "40px", width: "100%"}} viewBox="0 0 1000 40">
-                            <text x="50" y="20" textAnchor="middle" fill="black">{this.state.to}</text>
-                            <text x="950" y="20" textAnchor="middle" fill="black">{this.state.from}</text>
-                            <line x1="0" y1="35" x2="990" y2="35" style={{stroke: "#425266", strokeWidth: "5"}} />
-                            {self.state.type == messageModel.constant.type.publish ?
-                            <polygon points="990,40 990,30 1000,35" style={{fill:"#425266",stroke:"#425266",strokeWidth:1}} />
-                            :
-                            <polygon points="990,40 990,30 1000,30 1000,40" style={{fill:"#425266",stroke:"#425266",strokeWidth:1}} />}
-                        </svg>
-                    </div>
-                    <div className="modal-body">
-                    {messages}
-                    </div>
-                    <div className="modal-footer">
-                        <button type="button" className="btn btn-default" data-dismiss="modal">Close</button>
-                    </div>
-                </div>
-            </div>
-        );
-
-    },
-    componentDidUpdate: function() {
-        $('pre code').each(function(i, block) {
-            hljs.highlightBlock(block);
-        });
-    }
-});
-

data/framework_components/monitoring-interface/js/view-controller/application-view-controller.js

@@ -1,259 +0,0 @@
-var ApplicationViewController = function(name, view) {
-    var self = ViewController(view);
-
-    // Protected variables
-    self._instanceViewControllers = {};
-    self._expansionAnimationFinished = undefined;
-    self._reductionAnimationFinished = undefined;
-    self._notification = undefined;
-    self._legend = undefined;
-
-    // Public variables
-    self.name = undefined;
-    self.coordinates = undefined;
-
-    // Render function of the component
-    var render = self.render;
-
-    self.render = function() {
-        var data = applicationModel.getApplicationData(self.name);
-
-        // Check if the notification must be displayed or not
-        if(self.expanded || self.notification() == 0) {
-            self._notification.show = false;
-        }
-        else {
-            self._notification.show = true;
-        }
-
-        if(self.expanded) {
-            self._legend.show = true;
-        }
-        else {
-            self._legend.show = false;
-        }
-
-        render();
-
-        self.renderInstances();
-    };
-
-
-
-    self.mouseOverEffect = function (backGroundRect, color) {
-        backGroundRect.fill(color);
-    };
-
-    self.mouseOutEffect = function (backGroundRect, color) {
-        backGroundRect.fill(color);
-    };
-
-    self.closeButtonClicked = function() {
-        self.clicked();
-    };
-
-    self.subscribeButtonClicked = function() {
-        $('#mailDisplay').modal({ show: true});
-        alertsModel.application = self.name;
-        alertsModel.instance = undefined;
-        alertsModel.component = undefined;
-        alertsModel.fetchData();
-    };
-
-    self.reduce = function() {
-        if(self.expanded == true) {
-            applicationModel.viewControllerApplicationSelected = undefined;
-            notificationCenter.dispatch(Notifications.ui.APPLICATION_CLICKED);
-            windowViewController.resetCenter();
-            notificationCenter.dispatch(Notifications.ui.APPLICATION_REDUCTION_STARTED);
-
-            // Notify the end of the animation
-            setTimeout(function(){
-                notificationCenter.dispatch(Notifications.ui.APPLICATION_REDUCTION_FINISHED);
-            }, Animations.application.APPLICATION_REDUCTION.delay + Animations.application.APPLICATION_REDUCTION.duration);
-        }
-    };
-
-    self.clicked = function() {
-
-        if(self.expanded == false) {
-            // Deselect the instance
-            applicationModel.viewControllerInstanceSelected = undefined;
-
-            applicationModel.viewControllerApplicationSelected = self;
-            notificationCenter.dispatch(Notifications.ui.APPLICATION_CLICKED);
-            windowViewController.center(self.coordinates.x, self.coordinates.y);
-            notificationCenter.dispatch(Notifications.ui.APPLICATION_EXPANSION_STARTED);
-
-            // Notify the end of the animation
-            setTimeout(function(){
-                notificationCenter.dispatch(Notifications.ui.APPLICATION_EXPANSION_FINISHED);
-            }, Animations.application.APPLICATION_EXPANSION.delay + Animations.application.APPLICATION_EXPANSION.duration);
-
-        }
-        else {
-            applicationModel.viewControllerApplicationSelected = undefined;
-            notificationCenter.dispatch(Notifications.ui.APPLICATION_CLICKED);
-            windowViewController.resetCenter();
-            notificationCenter.dispatch(Notifications.ui.APPLICATION_REDUCTION_STARTED);
-
-            // Notify the end of the animation
-            setTimeout(function(){
-                notificationCenter.dispatch(Notifications.ui.APPLICATION_REDUCTION_FINISHED);
-            }, Animations.application.APPLICATION_REDUCTION.delay + Animations.application.APPLICATION_REDUCTION.duration);
-        }
-
-        self.render();
-    };
-
-    // Data relative to the current selected instance
-    self.__defineGetter__("instanceComponentData", function() {
-        if(applicationModel.viewControllerInstanceSelected == undefined ||
-            applicationModel.viewControllerApplicationSelected == undefined)
-            return undefined;
-
-        var instanceData = applicationModel.getInstanceData(
-            applicationModel.viewControllerApplicationSelected.name,
-            applicationModel.viewControllerInstanceSelected.name);
-
-        return instanceData.components;
-        // TODO: fix here
-
-
-        if(instanceData != undefined)
-            return instanceData.components;
-        else
-            return undefined;
-    });
-
-    self.__defineGetter__("expanded", function() {
-        return self == applicationModel.viewControllerApplicationSelected;
-    });
-
-    self.__defineGetter__("status", function() {
-        return applicationModel.getApplicationData(self.name).problems == undefined || applicationModel.getApplicationData(self.name).problems == 0;
-    });
-
-    self.notification = function(name) {
-        var data = applicationModel.getApplicationData(self.name);
-
-        if(name == undefined) {
-            if(data.problems == undefined) {
-                return 0;
-            }
-            return data.problems;
-        }
-
-        var instance = data.instances.filter(function(instance) {
-            return instance.name == name;
-        });
-
-        if(instance.length == 0) {
-            return 0;
-        }
-
-        if(instance[0].problems == undefined) {
-            return 0;
-        }
-
-        return instance[0].problems;
-    };
-
-    self.renderInstances = function() {
-        var instances = applicationModel.getApplicationData(self.name).instances;
-        if(instances != undefined) {
-
-            // Create new instance tabs
-            self._view.selectAll(".instance_tabs")
-                .data(instances)
-                .enter()
-                .tabTable()
-                .append("g")
-                .class("instance_tab")
-                .each(function(data, index) {
-                    this.instanceViewController = InstanceViewController(self, data.name, index, d3.select(this).newView());
-                    self._instanceViewControllers[data.name] = this.instanceViewController;
-
-                    // Set the first instance as selected
-                    if(applicationModel.viewControllerInstanceSelected == undefined && self.expanded) {
-                        applicationModel.viewControllerInstanceSelected = this.instanceViewController;
-                    }
-                });
-
-            // Update instance tabs
-            self._view.selectAll(".instance_tab")
-                .data(instances)
-                .each(function(data) {
-                    var instanceViewController = this.instanceViewController;
-                    instanceViewController.name = data.name;
-
-                    // Render the application
-                    instanceViewController.render();
-                });
-
-            // Delete instance tabs
-            self._view.selectAll(".instance_tab")
-                .data(instances)
-                .exit()
-                .each(function(data) {
-                    var instanceViewController = this.instanceViewController;
-                    instanceViewController.deinit();
-                    delete self._instanceViewControllers[data.name];
-                })
-                .remove();
-        }
-    };
-
-
-    // Constructor
-    self.init = function() {
-
-        self.coordinates = {x: 0, y: 0};
-
-        self.name = name;
-
-        // Add graphic components
-        self.addUIApplication();    // Graphical visualization of the application
-        self.addUIConnectionView(); // Connection view component
-        self._notification = self.addUINotification();   // Application notification
-        self._notification.x = 50;
-        self._notification.y = -50;
-        self._legend = self.addUILegend(); // Graph legend
-
-        notificationCenter.subscribe(Notifications.ui.APPLICATION_CLICKED, function() {
-            self.render();
-        });
-
-        notificationCenter.subscribe(Notifications.ui.APPLICATION_EXPANSION_FINISHED, function() {
-            self._expansionAnimationFinished = true;
-        });
-
-        notificationCenter.subscribe(Notifications.ui.APPL, function() {
-            self._expansionAnimationFinished = true;
-        });
-
-
-        var oldCoordinates = undefined;
-
-        notificationCenter.subscribe(Notifications.ui.APPLICATION_EXPANSION_STARTED, function() {
-            oldCoordinates = self.coordinates;
-            self.coordinates = {x: (self.coordinates.x - windowViewController.width/2) * 15,
-                y: (self.coordinates.y - windowViewController.height/2) * 15
-            };
-            if(self.expanded == false) {
-                self._view.transition().duration(400).translate(self.coordinates.x, self.coordinates.y);
-            }
-        });
-
-        notificationCenter.subscribe(Notifications.ui.INSTANCE_CLICKED, function() {
-            self.render();
-        });
-    }();
-
-    // Destructor
-    self.deinit = function() {
-        applicationModel.viewControllerInstanceSelected = undefined;
-    };
-    return self;
-
-};

data/framework_components/monitoring-interface/js/view-controller/instance-view-controller.js

@@ -1,112 +0,0 @@
-var InstanceViewController = function(parentApplicationViewController, name, index, layer) {
-    var self = ViewController(layer);
-
-    // Public variables
-    self.name = undefined;
-    self.applicationName = undefined;
-    self.parentApplicationViewController = undefined;
-    self.tab = undefined;
-    self._notification = undefined;
-
-    var render = self.render;
-    self.render = function() {
-
-        // Position the graphical objects
-        self.tab.x = - windowViewController.width / 2 +
-            UITab.style.width / 2 +
-            UIApplication.style.margin;
-
-        self.tab.y = - windowViewController.height / 2 +
-            UITab.style.height / 2 +
-            UITab.style.height * index +
-            UIApplication.style.margin +
-            UIApplication.style.headerRectHeightExpanded;
-
-        if(parentApplicationViewController == applicationModel.viewControllerApplicationSelected) {
-            self.tab.show = true;
-        }
-        else {
-            self.tab.show = false;
-        }
-
-        self._notification.x = - windowViewController.width / 2 +
-            UITab.style.width +
-            UIApplication.style.margin -
-            UINotification.style.margin.x;
-
-
-        self._notification.y = - windowViewController.height / 2 +
-            UITab.style.height * index +
-            UIApplication.style.margin +
-            UIApplication.style.headerRectHeightExpanded +
-            UINotification.style.margin.y;
-
-        // Display notification only if errors are present
-        if(applicationModel.viewControllerApplicationSelected == self.parentApplicationViewController &&
-            self.notification() > 0) {
-            self._notification.show = true;
-        }
-        else {
-            self._notification.show = false;
-        }
-
-        render();
-    };
-
-    self.clicked = function() {
-        if(!self.selected) {
-            applicationModel.viewControllerInstanceSelected = self;
-            notificationCenter.dispatch(Notifications.ui.INSTANCE_CLICKED);
-        }
-    };
-
-    self.subscribeButtonClicked = function() {
-        alertsModel.application = applicationModel.viewControllerApplicationSelected.name;
-        alertsModel.instance = self.name;
-        alertsModel.component = undefined;
-        $('#mailDisplay').modal({ show: true});
-        alertsModel.fetchData();
-    };
-
-    // Getters
-    self.__defineGetter__("selected", function() {
-        if(applicationModel.viewControllerInstanceSelected == undefined)
-            return false;
-
-        return self.name == applicationModel.viewControllerInstanceSelected.name &&
-            self.applicationName == applicationModel.viewControllerInstanceSelected.applicationName;
-    });
-
-    self.getTabsNumber = function() {
-          return _.size(self.parentApplicationViewController._instanceViewControllers);
-    };
-
-    self.notification = function() {
-        return self.parentApplicationViewController.notification(name);
-    };
-
-    // Constructor
-    self.init = function() {
-        self.name = name;
-        self.parentApplicationViewController = parentApplicationViewController;
-        self.applicationName = self.parentApplicationViewController.name;
-        //self.selected = false;
-
-        self.tab = self.addUITab(self.name)
-
-        // Calculate the position of the notification and add it
-        self._notification = self.addUINotification();
-
-        notificationCenter.subscribe(Notifications.ui.INSTANCE_CLICKED, self.render);
-        notificationCenter.subscribe(Notifications.ui.APPLICATION_EXPANSION_FINISHED, self.render);
-    }();
-
-    // Destructor
-    self.deinit = function() {
-        notificationCenter.unsubscribe(Notifications.ui.INSTANCE_CLICKED, self.render);
-        notificationCenter.unsubscribe(Notifications.ui.APPLICATION_EXPANSION_FINISHED, self.render);
-    };
-
-    return self;
-
-};