Changeset 6081 for SRUAggregator/trunk/src/main/resources/assets/js/components.js

Timestamp:

03/05/15 18:24:55 (9 years ago)

Author:

emanuel.dima@uni-tuebingen.de

Message:

22. alpha 26: zoom in result, other UI changes

File:

• SRUAggregator/trunk/src/main/resources/assets/js/components.js (modified) (2 diffs)

SRUAggregator/trunk/src/main/resources/assets/js/components.js

@@ -70 +70 @@
 
 
+window.MyReact.ModalMixin = {
+        componentDidMount: function() {
+                $(this.getDOMNode()).modal({background: true, keyboard: true, show: false});
+        },
+        componentWillUnmount: function() {
+                $(this.getDOMNode()).off('hidden');
+        },
+        handleClick: function(e) {
+                e.stopPropagation();
+        },
+        renderModal: function(title, content) {
+                return (
+                        React.createElement("div", {onClick: this.handleClick, className: "modal fade", role: "dialog", 'aria-hidden': "true"}, 
+                                React.createElement("div", {className: "modal-dialog"}, 
+                                        React.createElement("div", {className: "modal-content"}, 
+                                                React.createElement("div", {className: "modal-header"}, 
+                                                        React.createElement("button", {type: "button", className: "close", 'data-dismiss': "modal"}, 
+                                                                React.createElement("span", {'aria-hidden': "true"}, "×"), 
+                                                                React.createElement("span", {className: "sr-only"}, "Close")
+                                                        ), 
+                                                        React.createElement("h2", {className: "modal-title"}, title)
+                                                ), 
+                                                React.createElement("div", {className: "modal-body"}, 
+                                                        content
+                                                ), 
+                                                React.createElement("div", {className: "modal-footer"}, 
+                                                        React.createElement("button", {type: "button", className: "btn btn-default", 'data-dismiss': "modal"}, "Close")
+                                                )
+                                        )
+                                )
+                        )
+                );
+        }
+};
+
+
 window.MyReact.Modal = React.createClass({displayName: 'Modal',
         propTypes: {
-                title: PT.string.isRequired,
+                title: PT.object.isRequired,
         },
         componentDidMount: function() {
@@ -203 +239 @@
         render: function() {
                 var chevron = "glyphicon glyphicon-chevron-" + (this.state.open ? "down":"right");
-                var chevronStyle = {fontSize:12};
-                var right = {float:"right"};
                 return  React.createElement("div", {className: "bs-callout bs-callout-info"}, 
                                         React.createElement("div", {className: "panel"}, 
                                                 React.createElement("div", {className: "panel-heading unselectable row", onClick: this.toggleState}, 
                                                         React.createElement("div", {className: "panel-title unselectable col-sm-11"}, 
-                                                                React.createElement("span", {className: chevron, style: chevronStyle}), "Â ", 
+                                                                React.createElement("span", {className: chevron, style: {fontSize:12}}), "Â ", 
                                                                 this.props.title
                                                         ), 
-                                                        React.createElement("div", {style: right}, 
+                                                        React.createElement("div", {className: "float-right"}, 
                                                                 this.props.info
                                                         )