nutella_framework 0.7.3 → 0.8.0

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

@@ -1,178 +0,0 @@
-var UIMailInput = React.createClass ({
-    getInitialState: function() {
-        return {
-            email: "",
-            validMail: undefined
-        }
-    },
-    handleChange: function(event) {
-        this.setState({email: event.target.value,
-            validMail: validateEmail(event.target.value) ? true : undefined});
-    },
-    handleSubmit: function() {
-
-        if(validateEmail(this.state.email) == false) {
-            this.setState({validMail: false});
-            return;
-        }
-
-        var message = {
-            application: this.props.application,
-            mail: this.state.email
-        };
-
-        if(this.props.instance != undefined) {
-            message.instance = this.props.instance;
-        }
-
-        if(this.props.component != undefined) {
-            message.component = this.props.component;
-        }
-
-        nutella.net.publish("monitoring/alert/add", message);
-        alertsModel.fetchData();
-        console.log(message);
-    },
-    render: function() {
-        var error = "has-success";
-        var btn = "btn-success";
-        if(this.state.validMail == false) {
-            error = "has-error";
-            btn = "btn-danger";
-        }
-        if(this.state.validMail == undefined) {
-            error = "has-warning";
-            btn = "btn-warning";
-        }
-
-        return(
-            <div className={"input-group input-group-lg "+error}>
-                <span className="input-group-addon" id="sizing-addon1">@</span>
-                <input type="text" id="subscribeEmail" className="form-control" placeholder="e-mail" aria-describedby="sizing-addon1" value={this.state.email} onChange={this.handleChange}/>
-                <span className="input-group-btn">
-                    <button className={"btn "+btn} type="button" id="subscribeButton" onClick={this.handleSubmit}>Subscribe</button>
-                </span>
-            </div>
-        )
-    }
-});
-
-var UIAlerts = React.createClass ({
-    getInitialState: function() {
-        return {
-            application: undefined,
-            instance: undefined,
-            component: undefined,
-            emails: []
-
-        }
-    },
-
-    componentDidMount: function() {
-        var self = this;
-
-        notificationCenter.subscribe(Notifications.alerts.ALERT_CHANGE, function() {
-            self.setState({
-                application: alertsModel.application,
-                instance: alertsModel.instance,
-                component: alertsModel.component
-            });
-        });
-
-        notificationCenter.subscribe(Notifications.alerts.EMAILS_CHANGE, function() {
-            self.setState({
-                emails: alertsModel.emails
-            });
-        });
-    },
-    handleDelete: function(mail) {
-        var message = {
-            application: this.state.application,
-            mail: mail
-        };
-
-        if(this.state.instance != undefined) {
-            message.instance = this.state.instance;
-        }
-
-        if(this.state.component != undefined) {
-            message.component = this.state.component;
-        }
-
-        nutella.net.publish("monitoring/alert/remove", message);
-        alertsModel.fetchData();
-    },
-    render: function() {
-        var self = this;
-
-                    //<div className="floatLeft"><h4>{email}</h4></div>
-                    //<div className="floatLeft"><h4><b>X</b></h4></div>
-        var emails = this.state.emails.map(function(email, index) {
-            return (
-                <tr key={index}>
-                    <td>
-                        Administrator
-                    </td>
-                    <td>
-                        {email}
-                    </td>
-                    <td>
-                        <button type="button" className="close" aria-label="Close" onClick={_.partial(self.handleDelete, email)}><span aria-hidden="true">&times;</span></button>
-                    </td>
-                </tr>
-
-            )
-        });
-
-        subscription = [];
-
-        if(this.state.application != undefined) {
-            subscription.push(<span>application: <span className="label label-default">{this.state.application}</span></span>);
-        }
-
-        if(this.state.instance != undefined) {
-            subscription.push(<span> instance: <span className="label label-default">{this.state.instance}</span></span>);
-        }
-
-        if(this.state.component != undefined) {
-            subscription.push(<span> component: <span className="label label-default">{this.state.component}</span></span>);
-        }
-
-        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 text-center" id="myMailLabel">Subscription to {subscription}</h4>
-                    </div>
-                    <div className="modal-body">
-                        <UIMailInput application={self.state.application} instance={self.state.instance} component={self.state.component}/>
-                        <div className = "panel panel-default">
-                            <table className="table table-striped">
-                                <thead>
-                                <tr>
-                                    <th>Role</th>
-                                    <th>Email</th>
-                                    <th></th>
-                                </tr>
-                                </thead>
-                                <tbody>
-                                    {emails}
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
-
-                    <div className="modal-footer">
-                        <button type="button" className="btn btn-default" data-dismiss="modal">Close</button>
-                    </div>
-                </div>
-            </div>
-        );
-    }
-});
-
-function validateEmail(email) {
-    var re = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
-    return re.test(email);
-}

data/framework_components/monitoring-interface/js/react/src/ui-message-send.js

@@ -1,389 +0,0 @@
-var UIJSONAttribute = React.createClass ({
-    getInitialState: function() {
-        return({
-            type: "string",
-            value: "",
-            key: "",
-            application: undefined,
-            instance: undefined,
-            component: undefined
-        })
-    },
-    handleTypeChange: function(type) {
-        this.setState({type: type});
-        this.updateJson = true;
-    },
-    handleKeyChange: function(event) {
-        /*
-        switch(this.state.type) {
-            case "string":
-                this.setState({key: event.target.value});
-                break;
-        }
-        */
-        this.setState({key: event.target.value});
-        this.props.updateJSON();
-    },
-    handleValueChange: function() {
-        switch(this.state.type) {
-            case "string":
-            case "number":
-                this.setState({value: event.target.value});
-                break;
-        }
-        this.props.updateJSON();
-    },
-    getJson: function() {
-        if(this.props.keyEnabled) {
-            var json = {};
-            switch (this.state.type) {
-                case "string":
-                    json[this.refs.key.getDOMNode().value] = this.refs.value.getDOMNode().value;
-                    break;
-                case "number":
-                    json[this.refs.key.getDOMNode().value] = parseFloat(this.refs.value.getDOMNode().value);
-                    break;
-                case "array":
-                    // TODO: check refs
-                    json[this.refs.key.getDOMNode().value] = this.refs.array.getJson();
-                    break;
-                case "object":
-                    json[this.refs.key.getDOMNode().value] = this.refs.object.getJson();
-                    break;
-            }
-            return json;
-        }
-        else {
-            switch (this.state.type) {
-                case "string":
-                    return this.refs.value.getDOMNode().value;
-                    break;
-                case "number":
-                    return parseFloat(this.refs.value.getDOMNode().value);
-                    break;
-                case "array":
-                    // TODO: check refs
-                    return this.refs.array.getJson();
-                    break;
-                case "object":
-                    return this.refs.object.getJson();
-                    break;
-            }
-        }
-    },
-    render: function() {
-
-        var self = this;
-
-        var inputBox = "";
-        switch(this.state.type) {
-            case "string":
-            case "number":
-                inputBox =  <div>
-                                <button type="button"
-                                        className="close"
-                                        aria-label="Close"
-                                        onClick={_.partial(self.props.deleteAttribute, self.state.key)}>
-                                    <span aria-hidden="true">&times;</span>
-                                </button>
-                                <div className="col-lg-4 col-md-4 col-sm-4" style={{padding: "10px"}}>
-                                    <input
-                                        onChange={this.handleValueChange}
-                                        type="text" className="form-control"
-                                        placeholder="String"
-                                        aria-describedby="basic-addon2"
-                                        value={this.state.value}
-                                        ref="value"/>
-                                </div>
-                            </div>;
-                break;
-            case "array":
-                inputBox =  <div>
-                    <button type="button"
-                            className="close"
-                            aria-label="Close"
-                            onClick={_.partial(self.props.deleteAttribute, self.state.key)}>
-                        <span aria-hidden="true">&times;</span>
-                    </button>
-                    <div className="col-lg-12 col-md-12 col-sm-12" style={{padding: "10px"}}>
-                        <UIJSONArray updateJSON={this.props.updateJSON} ref="array"/>
-                    </div>
-                </div>;
-                break;
-            case "object":
-                inputBox =  <div>
-                                <button type="button"
-                                        className="close"
-                                        aria-label="Close"
-                                        onClick={_.partial(self.props.deleteAttribute, self.state.key)}>
-                                    <span aria-hidden="true">&times;</span>
-                                </button>
-                                <div className="col-lg-12 col-md-12 col-sm-12" style={{padding: "10px"}}>
-                                    <UIJSONObject updateJSON={this.props.updateJSON} ref="object"/>
-                                </div>
-                            </div>;
-                break;
-        }
-
-        return (
-            <div>
-                <div className="col-lg-6 col-md-6 col-sm-6 " style={{padding: "10px"}}>
-                    <div className="input-group">
-                        { this.props.keyEnabled ?
-                            <input
-                                onChange={this.handleKeyChange}
-                                type="text" className="form-control"
-                                placeholder="Key"
-                                aria-describedby="basic-addon2"
-                                value={this.state.key}
-                                ref="key"/>
-                            :
-                            ""
-                        }
-                        <div className="input-group-btn">
-                            <button className="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">{self.state.type}
-                                <span className="caret"></span></button>
-                            <ul className="dropdown-menu" role="menu" aria-labelledby="menu1">
-                                <li role="presentation"><a role="menuitem" tabindex="-1" onClick={function() { self.handleTypeChange("string")}}>String</a></li>
-                                <li role="presentation"><a role="menuitem" tabindex="-1" onClick={function() { self.handleTypeChange("number")}}>Number</a></li>
-                                <li role="presentation"><a role="menuitem" tabindex="-1" onClick={function() { self.handleTypeChange("array")}}>Array</a></li>
-                                <li role="presentation"><a role="menuitem" tabindex="-1" onClick={function() { self.handleTypeChange("object")}}>Object</a></li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-                {inputBox}
-            </div>
-        );
-    },
-    updateJson: false,
-    componentDidUpdate: function() {
-        if(this.updateJson) {
-            this.props.updateJSON();
-            this.updateJson = false;
-        }
-    }
-});
-
-var UIJSONArray = React.createClass ({
-    getInitialState: function () {
-        return ({
-            elements: 1
-        })
-    },
-    deleteElement: function(key) {
-        this.setState({
-            elements: this.state.elements - 1
-        });
-        this.updateJson = true;
-    },
-    addElement: function() {
-        this.setState({elements: this.state.elements + 1});
-    },
-    getJson: function() {
-        var array = [];
-
-        // Construct the json with the children
-        for(var i = 0; i < this.state.elements; i++) {
-            var element = this.refs['array-element-' + i].getJson();
-            array.push(element);
-        }
-
-        this.setState({oldJson: array});
-        return array;
-
-    },
-    render: function() {
-        var attributes = [];
-
-        for(var i = 0; i < this.state.elements; i++) {
-            attributes.push(
-                <UIJSONAttribute
-                    updateJSON={this.props.updateJSON}
-                    ref={"array-element-" + i}
-                    keyEnabled = {false}
-                    deleteAttribute = {this.deleteElement}/>
-            );
-        }
-
-        return(
-            <div className="panel panel-default">
-                <div className="panel-body">
-                    {attributes}
-                    <div className="col-lg-12 col-md-12 col-sm-12">
-                        <button onClick={this.addElement} type="button" className="btn btn-default">
-                            <span className="glyphicon glyphicon-plus" aria-hidden="true"></span> Add
-                        </button>
-                    </div>
-                </div>
-            </div>
-        );
-    },
-    updateJson: false,
-    componentDidUpdate: function() {
-        if(this.updateJson) {
-            this.props.updateJSON();
-            this.updateJson = false;
-        }
-    }
-});
-
-var UIJSONObject = React.createClass ({
-    getInitialState: function() {
-        return({
-            attributes: 1
-        })
-    },
-    getJson: function() {
-        //alert("Get json UIJSONObject");
-        var json = {};
-
-        // Construct the json with the children
-        for(var i = 0; i < this.state.attributes; i++) {
-            var attribute = this.refs['object-attribute-' + i].getJson();
-            json = _.extend(json, attribute);
-        }
-
-        this.setState({oldJson: json});
-        return json;
-
-    },
-    deleteAttribute: function(key) {
-        this.setState({
-            attributes: this.state.attributes - 1
-        });
-        this.updateJson = true;
-    },
-    addAttribute: function() {
-        this.setState({attributes: this.state.attributes + 1});
-    },
-    render: function() {
-        var attributes = [];
-
-        for(var i = 0; i < this.state.attributes; i++) {
-            attributes.push(
-                <UIJSONAttribute
-                    updateJSON={this.props.updateJSON}
-                    ref={"object-attribute-" + i}
-                    keyEnabled = {true}
-                    deleteAttribute = {this.deleteAttribute}/>
-            );
-        }
-
-        return(
-            <div className="panel panel-default">
-                <div className="panel-body">
-                    {attributes}
-                    <div className="col-lg-12 col-md-12 col-sm-12">
-                        <button onClick={this.addAttribute} type="button" className="btn btn-default">
-                            <span className="glyphicon glyphicon-plus" aria-hidden="true"></span> Add
-                        </button>
-                    </div>
-                </div>
-            </div>
-        );
-    },
-    updateJson: false,
-    componentDidUpdate: function() {
-        if(this.updateJson) {
-            this.props.updateJSON();
-            this.updateJson = false;
-        }
-    }
-});
-
-var UIJSONRender = React.createClass ({
-    render: function() {
-        return(
-            <pre>
-                <code className="JSON">
-                    {JSON.stringify(this.props.json, null, 4)}
-                </code>
-            </pre>
-        );
-    },
-    /*
-    componentDidUpdate: function() {
-        $('pre code').each(function(i, block) {
-            hljs.highlightBlock(block);
-        });
-    }
-    */
-});
-
-var UIMessageSend = React.createClass ({
-    getInitialState: function() {
-        return {
-            application: undefined,
-            instance: undefined,
-            component: undefined,
-            json: {}
-        }
-    },
-
-    componentDidMount: function() {
-        var self = this;
-
-        notificationCenter.subscribe(Notifications.alerts.ALERT_CHANGE, function() {
-            self.setState({
-                application: alertsModel.application,
-                instance: alertsModel.instance,
-                component: alertsModel.component
-            });
-        });
-    },
-    updateJSON: function() {
-        //alert("Update JSON");
-        this.setState({json: this.refs.jsonObject.getJson()})
-    },
-    sendMessage: function() {
-        alert("Send message");
-        var payload = this.refs.jsonObject.getJson();
-        console.log(payload);
-        var channel = messageModel.channel;
-        nutellaFramework.f.net.publish_to_run(this.state.application, this.state.instance, channel, payload)
-    },
-    render: function() {
-        var self = this;
-
-        subscription = [];
-
-        if(this.state.application != undefined) {
-            subscription.push(<span>application: <span className="label label-default">{this.state.application}</span></span>);
-        }
-
-        if(this.state.instance != undefined) {
-            subscription.push(<span> instance: <span className="label label-default">{this.state.instance}</span></span>);
-        }
-
-        if(this.state.component != undefined) {
-            subscription.push(<span> component: <span className="label label-default">{this.state.component}</span></span>);
-        }
-
-        subscription.push(<span> on channel: <span className="label label-default">{messageModel.channel}</span></span>);
-
-        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 text-center" id="myMailLabel">Send message to {subscription}</h4>
-                    </div>
-                    <div className="modal-body">
-                        <div className="col-lg-4 col-md-4 col-sm-4">
-                            <UIJSONRender json={this.state.json}/>
-                        </div>
-                        <div className="col-lg-8 col-md-8 col-sm-8">
-                            <UIJSONObject updateJSON={this.updateJSON} ref="jsonObject"/>
-                        </div>
-                    </div>
-                    <div className="modal-footer">
-                        <button type="button" className="btn btn-default" onClick={this.sendMessage}>Send</button>
-                        <button type="button" className="btn btn-default" data-dismiss="modal">Close</button>
-                    </div>
-                </div>
-            </div>
-        );
-    }
-});
-