added methods for modpack creation

Author: mroote

ui/App/components/Mods/ModPacks.jsx

@@ -3,6 +3,37 @@ import React from 'react';
 class ModPacks extends React.Component {
     constructor(props) {
         super(props)
+        this.createModPack = this.createModPack.bind(this);
+        this.removeModPack = this.removeModPack.bind(this);
+    }
+
+    createModPack(e, modpack) {
+        e.preventDefault();
+        self = this;
+
+        let modpacks = {};
+        modpacks["mods"] = [];
+        modpacks["title"] = this.refs.modpackName.value;
+
+        for (var m in this.refs) {
+            if (this.refs[m].checked) {
+                modpacks["mods"].push(this.refs[m].id)
+            }
+        }
+        $.ajax({
+            url: "/api/mods/packs/add",
+            dataType: "json",
+            type: "POST",
+            data: JSON.stringify(modpacks),
+            success: (resp) => {
+                if (resp.success === true) {
+                    swal("Added modpack", "Modpack: " + modpacks["title"] + " added successfully", "success")
+                    self.props.loadModPackList();
+                } else {
+                    swal("Error", "Could not create modpack " + modpacks["title"], "error")
+                }
+            }
+        })
     }
 
     removeModPack(modpack, e) {
@@ -39,6 +70,34 @@ class ModPacks extends React.Component {
                 </div>
 
                 <div className="box-body">
+                    <div className="box box-success collapsed-box">
+                        <button type="button" className="btn btn-box-tool" data-widget="collapse">
+                            <div className="box-header with-border">
+                            <i className="fa fa-plus fa-fw"></i><h4 className="box-title">Create Mod Pack</h4>
+                            </div>
+                        </button>
+                        <div className="box-body" style={{display: "none"}}>
+                            <form onSubmit={this.createModPack}>
+                                <label for="modPack">Mod Pack Name</label>
+                                <div id="modpack" className="input-group">
+                                    <input ref="modpackName" name="modpack" id="modpack" type="text" className="form-control" placeholder="Enter Mod Pack Name..." />
+                                </div>
+                                {this.props.installedMods.map( (mod, i) => {
+                                    return(
+                                    <div className="checkbox" key={i}>
+                                        <label for={mod}>
+                                            <input id={mod} ref={"mod-"+mod} type="checkbox" />
+                                            {mod}
+                                        </label>
+                                    </div>
+                                    )
+                                } )}
+                                <div className="col-md-4">
+                                    <button className="btn btn-block btn-success" type="submit"><i className="fa fa-save fa-fw"></i>Create Mod Pack</button>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
                     <table className="table table-striped">
                         <thead>
                             <tr>
@@ -49,7 +108,6 @@ class ModPacks extends React.Component {
                         </thead>
                         <tbody>
                         {this.props.modPacks.map( (mod, i) => {
-                            console.log(mod)
                             let dlURL = "/api/mods/packs/dl/" + mod
                             return(
                                 <tr key={i}>
@@ -75,6 +133,7 @@ class ModPacks extends React.Component {
 }
 
 ModPacks.propTypes = {
+    installedMods: React.PropTypes.array.isRequired,
     modPacks: React.PropTypes.array.isRequired, 
     loadModPackList: React.PropTypes.func.isRequired,
 }

ui/App/components/ServerCtl/ServerCtl.jsx

@@ -52,10 +52,13 @@ class ServerCtl extends React.Component {
             dataType: "json",
             data: JSON.stringify(serverSettings),
             success: (resp) => {
-                console.log(resp);
                 this.props.facServStatus();
                 this.props.getStatus();
-                alert(resp.data)
+                if (resp.success === true) {
+                    swal("Factorio Server Started", resp.data)
+                } else {
+                    swal("Error", "Error starting Factorio Server", "error")
+                }
             }
         })
         this.setState({
@@ -79,7 +82,7 @@ class ServerCtl extends React.Component {
                 this.props.facServStatus();
                 this.props.getStatus();
                 console.log(resp)
-                alert(resp.data)
+                swal(resp.data)
             }
         });
         e.preventDefault();