Use the Game Configuration view to display the server settings for a quick first-pass.

Author: bostelk

ui/App/components/ConfigContent.jsx

@@ -6,13 +6,16 @@ class ConfigContent extends React.Component {
     constructor(props) {
         super(props);
         this.getConfig = this.getConfig.bind(this);
+        this.getServerSettings = this.getServerSettings.bind(this);
         this.state = {
-            config: {}
+            config: {},
+            serverSettings: {}
         }
     }
 
     componentDidMount() {
         this.getConfig();
+        this.getServerSettings();
     }
 
     getConfig() {
@@ -30,6 +33,21 @@ class ConfigContent extends React.Component {
         });
     }
 
+    getServerSettings() {
+        $.ajax({
+            url: "/api/settings",
+            dataType: "json",
+            success: (resp) => {
+                if (resp.success === true) {
+                    this.setState({serverSettings: resp.data})
+                }
+            },
+            error: (xhr, status, err) => {
+                console.log('/api/settings/get', status, err.toString());
+            }
+        });
+    }
+
     render() {
         return(
             <div className="content-wrapper">
@@ -80,6 +98,31 @@ class ConfigContent extends React.Component {
                         </div>
                     </div>
                 </section>
+
+                <section className="content">
+                    <div className="box">
+                        <div className="box-header">
+                            <h3 className="box-title">Server Settings</h3>
+                        </div>
+
+                        <div className="box-body">
+                        <div className="row">
+                            <div className="col-md-4">
+                            {Object.keys(this.state.serverSettings).map(function(key) {
+                                var value = this.state.serverSettings[key]
+                                return(
+                                    <div className="settings-section" key={key}>
+                                    <h3>{key}</h3>
+                                    <p>{value}</p>
+                                    </div>
+                                )
+                            }, this)}
+                            </div>
+                        </div>
+                        </div>
+                    </div>
+                </section>
+
             </div>
         )
     }