selling cards functionality

backend/app/Http/Controllers/MarketplaceController.php

@@ -16,7 +16,7 @@ class MarketplaceController extends Controller
 {
     public function __construct()
     {
-        $this->middleware('jwt.auth', ['except' => ['getAllCards', 'getCardDetail', 'getAllListings', 'estimateValue']]);
+        $this->middleware('jwt.auth', ['except' => ['getAllCards', 'getCardDetail', 'getAllListings', 'estimateValue', 'getValue']]);
     }
 
     /**
@@ -82,6 +82,28 @@ public function putTransaction($card_id)
         return $this->getCardDetail($card_id);
     }
 
+    public function sellCards()
+    {
+        //add selling car to listing
+        $user = auth()->user();
+        $data = json_decode(Request::getContent(), true);
+        foreach ($data as $cardId) {
+            $card = Card::find($cardId);
+
+            $listing = new Listing();
+            $listing->card_id = $cardId;
+            $listing->user_id = $user->id;
+            $listing->price = $this->estimateValue($cardId);
+            $listing->save();
+
+            //remove selling card from user's cards
+            $card->user_id = null;
+            $card->save();
+        }
+
+        return response()->build(self::RESPONSE_MESSAGE_SUCCESS, $data);
+    }
+
     public function getCardTransactions($card_id)
     {
         return response()->build(self::RESPONSE_MESSAGE_SUCCESS, Card::find($card_id)->transactions);
@@ -104,6 +126,13 @@ public function estimateValue($card_id)
             $value = EthereumConverter::convertETHPriceToFloat(rand(250000000, 1250000000) * pow(10, 4));
         }
 
+        return $value;
+    }
+
+    public function getValue($card_id)
+    {
+        $value = $this->estimateValue($card_id);
+
         return response()->build(self::RESPONSE_MESSAGE_SUCCESS, $value);
     }
 }

backend/routes/api.php

@@ -27,13 +27,15 @@
 
 Route::get('/battles', 'BattlegroundController@getAllBattles');
 
+Route::put('/sell', 'MarketplaceController@sellCards');
+
 Route::get('/cards', 'MarketplaceController@getAllCards');
 Route::get('/cards/{id}', 'MarketplaceController@getCardDetail');
 Route::put('/cards/{id}', 'MarketplaceController@updateCard');
 Route::get('/listings', 'MarketplaceController@getAllListings');
 Route::put('/cards/{id}/transaction', 'MarketplaceController@putTransaction');
 Route::get('/cards/{id}/transactions', 'MarketplaceController@getCardTransactions');
-Route::get('/card/{id}/value', 'MarketplaceController@estimateValue');
+Route::get('/card/{id}/value', 'MarketplaceController@getValue');
 
 Route::get('/stats/counts', 'StatsController@getCounts');
 Route::get('/stats/transactionReport', 'StatsController@getTransactionReport');

frontend/src/actions/cards.js

@@ -121,6 +121,7 @@ export function toggleCardSelection(cardId) {
     cardId
   };
 }
+
 export const REQUEST_CARD_TRANSACTIONS = 'REQUEST_CARD_TRANSACTIONS';
 export const RECEIVE_CARD_TRANSACTIONS = 'RECEIVE_CARD_TRANSACTIONS';
 

frontend/src/actions/listings.js

@@ -1,4 +1,5 @@
 import apiFetch from './index';
+import { toast } from 'react-toastify';
 
 export const REQUEST_ALL_LISTINGS = 'REQUEST_ALL_LISTINGS';
 export const RECEIVE_ALL_LISTINGS = 'RECEIVE_ALL_LISTINGS';
@@ -26,3 +27,20 @@ function receiveAllListings(listings) {
     listings
   };
 }
+
+export function sellCards(cardIds) {
+  console.log('cardss');
+  console.log(cardIds);
+  return dispatch => {
+    return apiFetch('sell', {
+      method: 'PUT',
+      body: JSON.stringify(cardIds)
+    })
+      .then(response => response.json())
+      .then(json => {
+        if (json.success) {
+          toast.success('Cards successfully added to listings!');
+        } else toast.error('Failure adding cards to listing');
+      });
+  };
+}

frontend/src/components/CardValue.js

@@ -12,7 +12,7 @@ class CardValue extends Component {
   render() {
     return (
       <span>
-        Recomended Price:{' '}
+        Card Id {this.props.cardId} Price:{' '}
         {!this.props.card.card_value_loading ? (
           <EtherPrice price={this.props.card.card_value} />
         ) : null}

frontend/src/components/SellCards.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import { sellCards } from '../actions/listings';
+import PropTypes from 'prop-types';
+import { Button } from 'reactstrap';
+import CardValue from './CardValue';
+class SellCards extends React.Component {
+  render() {
+    let { cardIds } = this.props;
+    let isValidSize = cardIds.length >= 1;
+    return (
+      <div>
+        <div class="row">
+          {cardIds.map(cardId => {
+            return (
+              <div class="col-md-2">
+                <CardValue cardId={cardId} />
+              </div>
+            );
+          })}
+        </div>
+        <br />
+        <Button
+          disabled={!isValidSize}
+          onClick={() => this.props.sellCards(cardIds)}
+        >
+          Sell cards
+        </Button>
+      </div>
+    );
+  }
+}
+
+SellCards.propTypes = {
+  carddIds: PropTypes.array.isRequired
+};
+
+function mapStateToProps(state) {
+  let { card, user } = state;
+  return {
+    card,
+    user
+  };
+}
+
+const mapDispatchToProps = dispatch => {
+  return bindActionCreators(
+    {
+      sellCards
+    },
+    dispatch
+  );
+};
+export default connect(mapStateToProps, mapDispatchToProps)(SellCards);

frontend/src/pages/CardDetail.js

@@ -54,29 +54,31 @@ class CardDetail extends Component {
               <div>
                 {doesCurrentUserOwnCard ? (
                   <div>
-                    You own this card!
-                    <br />
-                    Hide card from public lists and your profile?
-                    <input
-                      name="isHidden"
-                      type="checkbox"
-                      checked={cardDetail.hidden}
-                      onChange={e => {
-                        this.props.editCardDetail(
-                          this.state.cardId,
-                          'hidden',
-                          e.target.checked
-                        );
-                      }}
-                    />
-                    <br />
-                    <Button
-                      onClick={() => {
-                        this.props.saveCardDetail(this.state.cardId);
-                      }}
-                    >
-                      Save Card Preferences
-                    </Button>
+                    <div>
+                      You own this card!
+                      <br />
+                      Hide card from public lists and your profile?
+                      <input
+                        name="isHidden"
+                        type="checkbox"
+                        checked={cardDetail.hidden}
+                        onChange={e => {
+                          this.props.editCardDetail(
+                            this.state.cardId,
+                            'hidden',
+                            e.target.checked
+                          );
+                        }}
+                      />
+                      <br />
+                      <Button
+                        onClick={() => {
+                          this.props.saveCardDetail(this.state.cardId);
+                        }}
+                      >
+                        Save Card Preferences
+                      </Button>
+                    </div>
                   </div>
                 ) : (
                   <div>

frontend/src/pages/UserDetail.js

@@ -14,6 +14,7 @@ import CardFilterSort, {
   FILTER_SORT_PRESET_FULL
 } from '../components/CardFilterSort';
 import BattleGroupCreator from '../components/BattleGroupCreator';
+import SellCards from '../components/SellCards';
 import UserDetailFollowing from '../components/UserDetailFollowing';
 import CopyToClipboardButton from '../components/CopyToClipboardButton';
 class UserDetail extends Component {
@@ -71,8 +72,15 @@ class UserDetail extends Component {
           </div>
         ) : (
           <div>
-            <h4>make a battle group!</h4>
-            <BattleGroupCreator cardIds={card.selectedCardIDs} />
+            <div>
+              <h4>make a battle group!</h4>
+              <BattleGroupCreator cardIds={card.selectedCardIDs} />
+            </div>
+            <br />
+            <div>
+              <h4>Sell your cards in the marketPlace!</h4>
+              <SellCards cardIds={card.selectedCardIDs} />
+            </div>
           </div>
         )}
         <hr />