Merge pull request #92 from knoxfighter/bugfix/new-modportal-api

Bugfix/new modportal api

Author: mroote

ui/App/components/Mods/Mod.jsx

@@ -33,7 +33,8 @@ class Mod extends React.Component {
             },
             dataType: "JSON",
             success: (data) => {
-                let newestRelease = JSON.parse(data.data).releases[0];
+                let newData = JSON.parse(data.data);
+                let newestRelease = newData.releases[newData.releases.length - 1];
                 if(newestRelease.version != this.props.mod.version) {
                     if(this.props.updateCountAdd)
                         this.props.updateCountAdd();

ui/App/components/Mods/search/ModSearch.jsx

@@ -4,7 +4,8 @@ import ModFoundOverview from './ModFoundOverview.jsx';
 class ModSearch extends React.Component {
     render() {
         if(this.props.loggedIn) {
-            return (
+            //TODO switch back to currently commented out code, when the mod-portal-api is back with all features!!
+            /*return (
                 <div className="box-body">
                     <form onSubmit={this.props.submitSearchMod}>
                         <div className="input-group col-lg-5">
@@ -19,6 +20,18 @@ class ModSearch extends React.Component {
                         {...this.props}
                     />
                 </div>
+            )*/
+            return (
+                <div className="box-body">
+                    <form onSubmit={this.props.loadDownloadList}>
+                        <div className="input-group col-lg-5">
+                            <input type="text" className="form-control" placeholder="Download mod by ID" name="modId" />
+                            <span className="input-group-btn">
+                                <input className="btn btn-default" type="submit" value="Go!"/>
+                            </span>
+                        </div>
+                    </form>
+                </div>
             )
         } else {
             return (
@@ -44,7 +57,8 @@ class ModSearch extends React.Component {
 ModSearch.propTypes = {
     submitSearchMod: React.PropTypes.func.isRequired,
     loggedIn: React.PropTypes.bool.isRequired,
-    submitFactorioLogin: React.PropTypes.func.isRequired
+    submitFactorioLogin: React.PropTypes.func.isRequired,
+    loadDownloadList: React.PropTypes.func.isRequired
 }
 
 export default ModSearch;

ui/App/components/ModsContent.jsx

@@ -156,12 +156,15 @@ class ModsContent extends React.Component {
         });
     }
 
+    //TODO remove modIdInput, when the factorio-mod-portal-api is fixed
+    // all outcommented needs to be reimplemented, when it will work again
     loadDownloadList(e) {
         e.preventDefault();
-        let $button = $(e.target);
-        let $loader = $("<div class='loader'></div>");
-        $button.prepend($loader);
-        let modId = $button.data("modId");
+        // let $button = $(e.target);
+        // let $loader = $("<div class='loader'></div>");
+        // $button.prepend($loader);
+        let modId = $(e.target).find("input[name=modId]").val();
+        // let modId = $button.data("modId");
 
         $.ajax({
             method: "POST",
@@ -171,11 +174,12 @@ class ModsContent extends React.Component {
             },
             dataType: "json",
             success: (data) => {
-                $loader.remove();
+                // $loader.remove();
 
                 let correctData = JSON.parse(data.data);
 
                 let checkboxes = []
+                correctData.releases.reverse();
                 correctData.releases.forEach((release, index) => {
                     let date = new Date(release.released_at);
 
@@ -244,7 +248,7 @@ class ModsContent extends React.Component {
             },
             error: (xhr, status, err) => {
                 console.log('api/mods/details', status, err.toString());
-                $loader.remove();
+                // $loader.remove();
             }
         })
     }
@@ -438,7 +442,7 @@ class ModsContent extends React.Component {
 
                     if(data.success) {
                         this.mutex.lock(() => {
-                            swal("Delete of mod " + modName + " successful", "", "success");
+                            swal("Update of mod " + modName + " successful", "", "success");
                             let installedMods = this.state.installedMods;
 
                             installedMods.forEach((v, k) => {