Merge pull request #14 from codeableorg/feature-create-sport-field

Feature create sport field

Author: Lian Nivin

.env

@@ -0,0 +1,2 @@
+REACT_APP_VERSION=$npm_package_version
+REACT_APP_API_URL=http://localhost:4000/api

api/app/controllers/sport_fields_controller.rb

@@ -0,0 +1,17 @@
+class SportFieldsController < ApplicationController
+
+  def create
+    sport_field = SportField.new(sport_field_params)
+    if sport_field.save
+      render json: sport_field, status: :created
+    else
+      render json: { errors: sport_field.errors}, status: :unprocessable_entity
+    end
+  end
+
+  private
+  def sport_field_params
+    params.permit(:name, :description, :price_day, :price_night, :image)
+  end
+
+end

api/app/models/sport_field.rb

@@ -0,0 +1,5 @@
+class SportField < ApplicationRecord
+  has_one_attached :image
+
+  validates :name, :description, :price_day, :price_night, presence: true
+end

api/app/serializers/sport_field_serializer.rb

@@ -0,0 +1,9 @@
+class SportFieldSerializer < ActiveModel::Serializer
+  include Rails.application.routes.url_helpers
+
+  attributes :id, :name, :description, :image, :price_day, :price_night
+
+  def image
+    url_for(object.image) if self.object.image.attached?
+  end
+end

api/db/migrate/20190711223219_create_sport_fields.rb

@@ -0,0 +1,13 @@
+class CreateSportFields < ActiveRecord::Migration[5.2]
+  def change
+    create_table :sport_fields do |t|
+      t.string :name
+      t.string :description
+      t.integer :price_day
+      t.integer :price_night
+      t.references :club, foreign_key: true
+
+      t.timestamps
+    end
+  end
+end

api/db/schema.rb

@@ -65,6 +65,17 @@
     t.datetime "updated_at", null: false
     t.index ["token"], name: "index_users_on_token"
   end
+  
+  create_table "sport_fields", force: :cascade do |t|
+    t.string "name"
+    t.string "description"
+    t.integer "price_day"
+    t.integer "price_night"
+    t.bigint "club_id"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+    t.index ["club_id"], name: "index_sport_fields_on_club_id"
+  end
 
   add_foreign_key "active_storage_attachments", "active_storage_blobs", column: "blob_id"
   add_foreign_key "sport_fields", "clubs"

api/spec/controllers/sport_fields_controller_spec.rb

@@ -0,0 +1,29 @@
+require 'rails_helper'
+
+describe SportFieldsController do
+
+  before do
+    @sport_field_params = {
+      name: 'Sport green',
+      description: 'Some desciptiom',
+      price_day: 70,
+      price_night: 120,
+    }
+  end
+
+  describe 'POST create' do
+    it 'returns http status created' do
+      post :create, params: @sport_field_params
+      expect(response.status).to eq(201)
+      expect(response).to have_http_status(:created)
+    end
+
+    it 'returns the sport_field created' do
+      post :create, params: @sport_field_params
+      expected_sport_field = JSON.parse(response.body)
+      expect(expected_sport_field).to have_key("id")
+      expect(expected_sport_field["name"]).to eq("Sport green")
+    end
+  end
+
+end

client/src/index.js

@@ -12,6 +12,7 @@ import Login from "./views/login";
 import Signup from "./views/signup";
 import OwnerHome from "./views/owner-home";
 import CreateClub from "./views/create-club";
+import CreateSportField from "./views/create-sport-field";
 import Navbar from "./components/navbar";
 import { register } from "./service-worker";
 
@@ -45,6 +46,7 @@ function App() {
           <Signup path="/signup" />
           <OwnerHome path="/owner" />
           <CreateClub path="/create-club" />
+          <CreateSportField path="/create-sport-field" />
         </Router>
       </main>
     </>

client/src/services/sport-field.js

@@ -0,0 +1,19 @@
+import { apiUrl } from "../utils";
+
+async function postSportField(sportField) {
+  const response = await fetch(`${apiUrl}/sport_fields`, {
+    method: "POST",
+    credentials: "include",
+    body: sportField,
+    contentType: "application/json"
+  });
+
+  if (!response.ok) {
+    const errors = await response.json();
+    throw new Error(errors);
+  }
+
+  return response.json();
+}
+
+export { postSportField };

client/src/views/__snapshots__/create-sport-field.test.js.snap

@@ -0,0 +1,127 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CreateSportField View 1`] = `
+<DocumentFragment>
+  <div
+    class="css-2dm21w-CreateSportField"
+  >
+    <form>
+      <div
+        class="css-fzhjnh-CreateSportField"
+      >
+        <label
+          class="css-1vx6px3-Label"
+          for="name"
+        >
+          Name
+        </label>
+        <input
+          aria-label="enter name"
+          autocomplete="off"
+          class="css-s3z14w-Input"
+          id="name"
+          name="name"
+          placeholder="Sports field's name"
+          required=""
+          type="text"
+          value=""
+        />
+      </div>
+      <div
+        class="css-fzhjnh-CreateSportField"
+      >
+        <label
+          class="css-1vx6px3-Label"
+          for="description"
+        >
+          Description
+        </label>
+        <input
+          aria-label="enter description"
+          class="css-s3z14w-Input"
+          id="description"
+          name="description"
+          placeholder="Sports field's description"
+          required=""
+          type="text"
+          value=""
+        />
+      </div>
+      <div
+        class="css-fzhjnh-CreateSportField"
+      >
+        <label
+          class="css-1vx6px3-Label"
+          for="image"
+        >
+          Image(s)
+        </label>
+        <input
+          aria-label="choose image"
+          class="css-s3z14w-Input"
+          id="image"
+          name="image"
+          required=""
+          type="file"
+        />
+      </div>
+      <div
+        class="css-fzhjnh-CreateSportField"
+      >
+        <label
+          class="css-1vx6px3-Label"
+        >
+          Prices
+        </label>
+        <div
+          class="css-111oolb-CreateSportField"
+        >
+          <label
+            class="css-ypeytr-CreateSportField"
+            for="price_day"
+          >
+            Day: 
+          </label>
+          <input
+            aria-label="enter price-day"
+            class="css-uqawe0-CreateSportField"
+            id="price_day"
+            name="price_day"
+            required=""
+            type="number"
+            value=""
+          />
+        </div>
+        <div
+          class="css-111oolb-CreateSportField"
+        >
+          <label
+            class="css-ypeytr-CreateSportField"
+            for="price_night"
+          >
+            Night:
+          </label>
+          <input
+            aria-label="enter price-night"
+            class="css-uqawe0-CreateSportField"
+            id="price_night"
+            name="price_night"
+            required=""
+            type="number"
+            value=""
+          />
+        </div>
+      </div>
+      <div
+        class="css-fzhjnh-CreateSportField"
+      >
+        <button
+          class="css-lrasnk-Button"
+        >
+          Create
+        </button>
+      </div>
+    </form>
+  </div>
+</DocumentFragment>
+`;