prettier format all webapp code

bioinformatics-ua · May 21, 2020 · d8b5403 · d8b5403
1 parent 1888b6d
commit d8b5403
Show file tree

Hide file tree

Showing 14 changed files with 126 additions and 116 deletions.
diff --git a/dicoogle/src/main/resources/webapp/js/components/management/aetitleForm.jsx b/dicoogle/src/main/resources/webapp/js/components/management/aetitleForm.jsx
@@ -66,7 +66,7 @@ export default class AETitleForm extends React.Component {
           <div
             className="loader-inner ball-pulse"
             style={{ visibility: this.props.onhold ? "visible" : "hidden" }}
-          ></div>
+          />
         </div>
       </div>
     );

diff --git a/dicoogle/src/main/resources/webapp/js/components/management/aetitleView.js b/dicoogle/src/main/resources/webapp/js/components/management/aetitleView.js
@@ -5,94 +5,93 @@ import AETitleStore from "../../stores/aetitleStore";
 import $ from "jquery";
 
 const AETitleView = React.createClass({
-    getInitialState() {
-        return {
-            aetitleText: "",
-            dirtyValue: false,  // aetitle value has unsaved changes
-            status: "loading"
-        };
-    },
+  getInitialState() {
+    return {
+      aetitleText: "",
+      dirtyValue: false, // aetitle value has unsaved changes
+      status: "loading"
+    };
+  },
 
-    componentWillMount() {
-        this.unsubscribe = AETitleStore.listen(this._onChange);
-    },
+  componentWillMount() {
+    this.unsubscribe = AETitleStore.listen(this._onChange);
+  },
 
-    componentWillUnmount() {
-        this.unsubscribe();
-    },
+  componentWillUnmount() {
+    this.unsubscribe();
+  },
 
-    componentDidMount() {
-        AETitleActions.getAETitle();
-    },
+  componentDidMount() {
+    AETitleActions.getAETitle();
+  },
 
-    _onChange(data) {
-        let toastMessage = data.success ? "Saved." : data.message;
+  _onChange(data) {
+    let toastMessage = data.success ? "Saved." : data.message;
 
-        if (this.state.status === "done") {
-            $(".toast")
-                .stop()
-                .text(toastMessage)
-                .fadeIn(400)
-                .delay(3000)
-                .fadeOut(400); // fade out after 3 seconds
-        }
-
-        if (!data.success) {
-            this.setState({
-                dirtyValue: true
-            });
-        } else {
-            this.setState({
-                aetitleText: data.message,
-                status: "done"
-            });
-        }
-    },
+    if (this.state.status === "done") {
+      $(".toast")
+        .stop()
+        .text(toastMessage)
+        .fadeIn(400)
+        .delay(3000)
+        .fadeOut(400); // fade out after 3 seconds
+    }
 
-    render() {
-        if (this.state.status === "loading") {
-            return (
-                <div className="loader-inner ball-pulse">
-                    <div />
-                    <div />
-                    <div />
-                </div>
-            );
-        }
+    if (!data.success) {
+      this.setState({
+        dirtyValue: true
+      });
+    } else {
+      this.setState({
+        aetitleText: data.message,
+        status: "done"
+      });
+    }
+  },
 
-        return (
-            <div className="panel panel-primary topMargin">
-                <div className="panel-heading">
-                    <h3 className="panel-title">AETitle</h3>
-                </div>
-                <div className="panel-body">
-                    <AETitleForm
-                        aetitleText={this.state.aetitleText}
-                        onChangeAETitle={this.handleAETitleChange}
-                        onSubmitAETitle={this.handleSubmitAETitle}
-                        dirtyValue={this.state.dirtyValue}
-                    />
-                </div>
-                <div className="toast">Saved</div>
-            </div>
+  render() {
+    if (this.state.status === "loading") {
+      return (
+        <div className="loader-inner ball-pulse">
+          <div />
+          <div />
+          <div />
+        </div>
+      );
+    }
 
-        );
-    },
+    return (
+      <div className="panel panel-primary topMargin">
+        <div className="panel-heading">
+          <h3 className="panel-title">AETitle</h3>
+        </div>
+        <div className="panel-body">
+          <AETitleForm
+            aetitleText={this.state.aetitleText}
+            onChangeAETitle={this.handleAETitleChange}
+            onSubmitAETitle={this.handleSubmitAETitle}
+            dirtyValue={this.state.dirtyValue}
+          />
+        </div>
+        <div className="toast">Saved</div>
+      </div>
+    );
+  },
 
-    handleAETitleChange(aetitle) {
-        this.setState({
-            aetitleText: aetitle,
-            dirtyValue: true
-        });
-    },
+  handleAETitleChange(aetitle) {
+    this.setState({
+      aetitleText: aetitle,
+      dirtyValue: true
+    });
+  },
 
-    handleSubmitAETitle() {
-        this.setState({
-            dirtyValue: false
-        });
+  handleSubmitAETitle() {
+    this.setState({
+      dirtyValue: false
+    });
 
-        AETitleActions.setAETitle(this.state.aetitleText);
-    }
+    AETitleActions.setAETitle(this.state.aetitleText);
+  }
 });
 
 export { AETitleView };
diff --git a/dicoogle/src/main/resources/webapp/js/components/management/loggerView.js b/dicoogle/src/main/resources/webapp/js/components/management/loggerView.js
@@ -41,7 +41,7 @@ const LoggerView = React.createClass({
     return (
       <div className="panel panel-primary topMargin">
         <div className="panel-heading">
-            <h3 className="panel-title">Server Log</h3>
+          <h3 className="panel-title">Server Log</h3>
         </div>
         <div id="consolediv" className="panel-body scrolldiv">
           {this.state.data}

diff --git a/dicoogle/src/main/resources/webapp/js/components/management/pluginsView.js b/dicoogle/src/main/resources/webapp/js/components/management/pluginsView.js
@@ -17,12 +17,12 @@ const PluginsView = React.createClass({
     this.unsubscribe = PluginStore.listen(this._onPluginsChange);
   },
 
-  componentDidMount: function () {
+  componentDidMount: function() {
     const pluginTypes = ["query", "index", "storage", "servlet"];
     pluginTypes.map(type => PluginActions.get(type));
   },
 
-  componentWillUnmount: function () {
+  componentWillUnmount: function() {
     this.unsubscribe();
   },
 
@@ -62,7 +62,7 @@ const PluginsView = React.createClass({
     }
 
     // decrease loading plugins by one unit. When all the plugins are loaded, the status will be "done"
-    this.setState(function (previousState, currentProps) {
+    this.setState(function(previousState, currentProps) {
       let currentlyLoading = previousState.currentlyLoading - 1;
       let status = previousState.status;
 

diff --git a/dicoogle/src/main/resources/webapp/js/components/management/storageView.js b/dicoogle/src/main/resources/webapp/js/components/management/storageView.js
@@ -195,7 +195,7 @@ const StorageView = React.createClass({
     return (
       <div className="panel panel-primary topMargin">
         <div className="panel-heading">
-            <h3 className="panel-title">Storage Servers</h3>
+          <h3 className="panel-title">Storage Servers</h3>
         </div>
         <div className="panel-body">
           <select

diff --git a/dicoogle/src/main/resources/webapp/js/components/search/advancedSearch.js b/dicoogle/src/main/resources/webapp/js/components/search/advancedSearch.js
@@ -220,7 +220,12 @@ const AdvancedSearch = React.createClass({
               </div>
               <div className="globalmargin row">
                 <div className="subject_text space_up">Date</div>
-                <input type="text" id="datepicker" className="form-control form-control-date" placeholder={"YYYYMMDD"} />
+                <input
+                  type="text"
+                  id="datepicker"
+                  className="form-control form-control-date"
+                  placeholder={"YYYYMMDD"}
+                />
               </div>
             </div>
           </div>

diff --git a/dicoogle/src/main/resources/webapp/js/components/search/result/imageView.js b/dicoogle/src/main/resources/webapp/js/components/search/result/imageView.js
@@ -447,7 +447,9 @@ var PopOverView = React.createClass({
           </BootstrapTable>
         </div>
         <div className="modal-footer">
-          <Button bsClass="btn btn_dicoogle" onClick={this.props.onHide}>Close</Button>
+          <Button bsClass="btn btn_dicoogle" onClick={this.props.onHide}>
+            Close
+          </Button>
         </div>
       </Modal>
     );
@@ -479,7 +481,9 @@ var PopOverImageViewer = React.createClass({
           </ImageLoader>
         </div>
         <div className="modal-footer">
-          <Button bsClass="btn btn_dicoogle" onClick={this.props.onHide}>Close</Button>
+          <Button bsClass="btn btn_dicoogle" onClick={this.props.onHide}>
+            Close
+          </Button>
         </div>
       </Modal>
     );

diff --git a/dicoogle/src/main/resources/webapp/js/stores/aetitleStore.js b/dicoogle/src/main/resources/webapp/js/stores/aetitleStore.js
@@ -7,11 +7,11 @@ const Dicoogle = dicoogleClient(Endpoints.base);
 
 const AETitleStore = Reflux.createStore({
   listenables: AETitleActions,
-  init: function () {
+  init: function() {
     this._contents = {};
   },
 
-  onGetAETitle: function () {
+  onGetAETitle: function() {
     const self = this;
 
     Dicoogle.getAETitle((err, data) => {
@@ -33,18 +33,18 @@ const AETitleStore = Reflux.createStore({
     });
   },
 
-  onSetAETitle: function (name) {
+  onSetAETitle: function(name) {
     const self = this;
 
-    if (! /^[ A-Za-z0-9_.+-]*$/.test(name)) {
+    if (!/^[ A-Za-z0-9_.+-]*$/.test(name)) {
       self.trigger({
         success: false,
         message: "Invalid AETitle provided"
       });
       return;
     }
 
-    Dicoogle.setAETitle(name, (err) => {
+    Dicoogle.setAETitle(name, err => {
       if (err) {
         console.error("Service failure", err);
 

diff --git a/dicoogle/src/main/resources/webapp/js/stores/pluginStore.js b/dicoogle/src/main/resources/webapp/js/stores/pluginStore.js
@@ -7,11 +7,11 @@ const Dicoogle = dicoogleClient(Endpoints.base);
 
 const PluginStore = Reflux.createStore({
   listenables: PluginActions,
-  init: function () {
+  init: function() {
     this._contents = {};
   },
 
-  onGet: function (type) {
+  onGet: function(type) {
     Dicoogle.request("GET", ["plugins", type]).end((error, data) => {
       if (!error) {
         //console.log(data.body);
@@ -30,23 +30,25 @@ const PluginStore = Reflux.createStore({
     });
   },
 
-  onSetAction: function (type, name, action) {
-    Dicoogle.request("POST", ["plugins", type, name, action]).end((error, data) => {
-      if (!error) {
-        this._contents[type].find(plugin => plugin.name === name).enabled =
-          action === "enable";
-        this.trigger({
-          data: this._contents[type],
-          success: true
-        });
-      } else {
-        this.trigger({
-          success: false,
-          status: error.status,
-          error: "Could not " + action + " the plugin."
-        });
+  onSetAction: function(type, name, action) {
+    Dicoogle.request("POST", ["plugins", type, name, action]).end(
+      (error, data) => {
+        if (!error) {
+          this._contents[type].find(plugin => plugin.name === name).enabled =
+            action === "enable";
+          this.trigger({
+            data: this._contents[type],
+            success: true
+          });
+        } else {
+          this.trigger({
+            success: false,
+            status: error.status,
+            error: "Could not " + action + " the plugin."
+          });
+        }
       }
-    });
+    );
   }
 });
 

diff --git a/dicoogle/src/main/resources/webapp/sass/core/_global.scss b/dicoogle/src/main/resources/webapp/sass/core/_global.scss
@@ -140,5 +140,5 @@ input {
 }
 
 .form-control-date {
-    width: auto;
+  width: auto;
 }
diff --git a/dicoogle/src/main/resources/webapp/sass/modules/_topbar.scss b/dicoogle/src/main/resources/webapp/sass/modules/_topbar.scss
@@ -36,5 +36,5 @@
 }
 
 .logo-image {
-    max-height: 60%;
-}
+  max-height: 60%;
+}
diff --git a/dicoogle/src/main/resources/webapp/webpack.common.js b/dicoogle/src/main/resources/webapp/webpack.common.js
@@ -24,8 +24,8 @@ module.exports = {
     }),
     new webpack.ProvidePlugin({
       // required for Bootstrap to work
-      jQuery: 'jquery',
-    }),
+      jQuery: "jquery"
+    })
   ],
   module: {
     rules: [

diff --git a/dicoogle/src/main/resources/webapp/webpack.dev.js b/dicoogle/src/main/resources/webapp/webpack.dev.js
@@ -3,7 +3,7 @@
 const merge = require("webpack-merge");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
 
-process.env.NODE_ENV = 'development';
+process.env.NODE_ENV = "development";
 const common = require("./webpack.common");
 module.exports = merge(common, {
   mode: "development",

diff --git a/dicoogle/src/main/resources/webapp/webpack.prod.js b/dicoogle/src/main/resources/webapp/webpack.prod.js
@@ -3,7 +3,7 @@
 const merge = require("webpack-merge");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
 
-process.env.NODE_ENV = 'production';
+process.env.NODE_ENV = "production";
 const common = require("./webpack.common");
 module.exports = merge(common, {
   mode: "production",