Merge branch 'add-support-for-gangs' into 'master'

Add support for gangs

See merge request saburly/gangsta/roraccounting!25

app/controllers/gangs_controller.rb

@@ -0,0 +1,40 @@
+class GangsController < ApplicationController
+  def index
+    json_response Gang.all
+  rescue StandardError
+    error_response :bad_request
+  end
+
+  def create
+    gang = Gang.create(gang_params)
+    if gang.save
+      json_response Gang.all
+    else
+      error_response :bad_request
+    end
+
+  rescue StandardError
+    error_response :bad_request
+  end
+
+  def update
+    if gang_params[:chip_scale].to_i.positive?
+      Gang.update(gang_params)
+      json_response onboarded: true
+    else
+      error_response :bad_request
+    end
+  end
+
+  private
+
+  def gang_params
+    params.require(:gang).permit :name,
+                                 :about,
+                                 :chip_name,
+                                 :chip_code,
+                                 :chip_symbol,
+                                 :chip_scale,
+                                 :chip_prefixed
+  end
+end

app/controllers/homies_controller.rb

@@ -1,6 +1,8 @@
 class HomiesController < ApplicationController
   def index
-    json_response(Homie.all.order(importance: :desc, name: :asc))
+    homies = Homie.where(gang: params[:gang_id]).order(importance: :desc, name: :asc)
+    # json_response(Homie.all.order(importance: :desc, name: :asc))
+    json_response homies
   end
 
   def create
@@ -23,7 +25,8 @@ class HomiesController < ApplicationController
 
   def info
     importance = params[:importance].present? ? params[:importance].to_i : -1
-    json_response(Homie.info(importance))
+    gang = params[:gang_id]
+    json_response(Homie.info(importance, gang))
   end
 
   def settle
@@ -46,7 +49,8 @@ class HomiesController < ApplicationController
     params.require(:homie).permit(
       :name,
       :importance,
-      :about
+      :about,
+      :gang_id
     )
   end
 end

app/controllers/original_gangstas_controller.rb

@@ -1,28 +0,0 @@
-class OriginalGangstasController < ApplicationController
-  def show
-    if OriginalGangsta.count.zero?
-      OriginalGangsta.create.save
-    end
-
-    json_response OriginalGangsta.first
-  end
-
-  def update
-    if original_gangsta_params[:chip_scale].to_i.positive?
-      OriginalGangsta.update(original_gangsta_params)
-      json_response onboarded: true
-    else
-      error_response :bad_request
-    end
-  end
-
-  private
-
-  def original_gangsta_params
-    params.require(:original_gangsta).permit :chip_name,
-                                             :chip_code,
-                                             :chip_symbol,
-                                             :chip_scale,
-                                             :chip_prefixed
-  end
-end

app/models/gang.rb

@@ -0,0 +1,3 @@
+class Gang < ApplicationRecord
+  has_many :homies
+end

app/models/homie.rb

@@ -2,11 +2,15 @@ class Homie < ApplicationRecord
   has_many :money_moves
   has_many :work
 
-  def self.info(importance)
+  belongs_to :gang
+
+  def self.info(importance, gang)
+    # TODO: This can be improved
+
     cash_totals = Homie.all.joins(:money_moves).group(:id).order(:id).sum(:amount)
     work_totals = Homie.all.joins(:work).group(:id).order(:id).sum(:amount)
 
-    Homie.where(["importance > ?", importance]).map do |homie|
+    Homie.where(['importance > ? and gang_id = ?', importance, gang]).map do |homie|
       cash_total = cash_totals.fetch(homie.id, 0)
       work_total = work_totals.fetch(homie.id, 0)
       { homie: homie, amount: cash_total, work: work_total }

app/models/original_gangsta.rb

@@ -1,3 +0,0 @@
-class OriginalGangsta < ApplicationRecord
-
-end

client/src/App.css

@@ -55,3 +55,7 @@
   height: 90%;
   margin-left: 40%;
 }
+
+.bump {
+  margin-left: 2em;
+}

client/src/App.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import './App.css';
-import { Navbar } from 'react-materialize';
+import { Navbar, Dropdown, Icon } from 'react-materialize';
 import MakeMoneyMove from './cash/MakeMoneyMove';
 import Flow from "./homies/Flow";
 import Cash from './cash/Cash';
@@ -10,27 +10,31 @@ import RoutableNavItem from './common/RoutableNavItem';
 import axios from 'axios';
 import {
   CRIB,
+  GANGS,
   MAKE_MONEY_MOVE,
   HOMIE_FLOW,
   HOMIES,
   PUT_IN_WORK
 } from './RouteNames';
 import PutInWork from "./cash/PutInWork";
-import ChipSelection from "./originalGangstaOnboarding/ChipSelection";
+import GangOnboarding from "./gangOnboarding/GangOnboarding";
+import Gangs from './gangs/Gangs';
 import {errorToast} from "./common/errorHelpers";
 
 
 const App = (props) => {
   const [loading, setLoading] = useState(true);
-  const [originalGangsta, setOriginalGangsta] = useState({});
+  const [gangs, setGangs] = useState([]);
+  const [selectedGang, setSelectedGang] = useState({});
 
   useEffect(() => {
     (async() => {
       try {
         setLoading(true);
-        const response = await axios.get(`/api/original_gangstas/0`);
+        const response = await axios.get(`/api/gangs`);
         if (response.status === 200 && response.data){
-          setOriginalGangsta(response.data);
+          setGangs(response.data);
+          setSelectedGang(response.data[0]);
         }else{
           errorToast();
         }
@@ -42,15 +46,16 @@ const App = (props) => {
   }, []);
 
   const routes = ([
-      <Route key='1' exact path={CRIB} component={() => <Cash originalGangsta={originalGangsta} />} />,
+      <Route key='1' exact path={CRIB} component={() => <Cash gang={selectedGang} />} />,
-      <Route key='2' exact path={HOMIES} component={() => <Homies originalGangsta={originalGangsta} />} />,
+      <Route key='2' exact path={GANGS} component={() => <Gangs gangs={gangs} gangsSetter={setGangs} />} />,
-      <Route key='3' path={HOMIE_FLOW} component={() => <Flow originalGangsta={originalGangsta} />} />,
+      <Route key='3' exact path={HOMIES} component={() => <Homies gang={selectedGang} />} />,
-      <Route key='4' path={MAKE_MONEY_MOVE} component={() => <MakeMoneyMove originalGangsta={originalGangsta} />} />,
+      <Route key='4' path={HOMIE_FLOW} component={() => <Flow gang={selectedGang} />} />,
-      <Route key='5' path={PUT_IN_WORK} component={() => <PutInWork originalGangsta={originalGangsta} />} />
+      <Route key='5' path={MAKE_MONEY_MOVE} component={() => <MakeMoneyMove gang={selectedGang} />} />,
+      <Route key='6' path={PUT_IN_WORK} component={() => <PutInWork gang={selectedGang} />} />
     ]
   );
 
-  const onboarded = () => originalGangsta.chip_name && originalGangsta.chip_name.length > 0;
+  const onboarded = () => selectedGang.chip_name && selectedGang.chip_name.length > 0;
 
   const preloaderCircle = (
     <div className="container">
@@ -72,15 +77,42 @@ const App = (props) => {
     </div>
   );
 
+  const navbarLogoWithGang = (
+    <div>
+      <a href='/'>GKS</a>
+
+      <Dropdown
+        id="gang_dropdown"
+        options={{
+          alignment: 'left',
+          autoTrigger: true,
+          closeOnClick: true,
+          constrainWidth: true,
+          coverTrigger: false,
+          hover: false,
+          inDuration: 150,
+          outDuration: 250
+        }}
+        trigger={<a className="bump">{selectedGang && selectedGang.name && selectedGang.name.length > 0 ? `${selectedGang.name} gang` : '[No name gang]'}<Icon right>arrow_drop_down</Icon></a>}
+      >
+        {gangs.map(gang => <a key={`gang-${gang.id}`} onClick={() => setSelectedGang(gang)}>{gang.name}</a>)}
+      </Dropdown>
+    </div>
+  );
+
 
   return (
     <Router>
       <div className="navbar-fixed">
-        <Navbar brand={<a href='/'>GKS</a>} alignLinks="right">
+        <Navbar brand={navbarLogoWithGang} alignLinks="right">
           <RoutableNavItem href={CRIB}>
             Crib
           </RoutableNavItem>
 
+          <RoutableNavItem href={GANGS}>
+            Gangs
+          </RoutableNavItem>
+
           <RoutableNavItem href={HOMIES}>
             Homies
           </RoutableNavItem>
@@ -97,7 +129,7 @@ const App = (props) => {
 
       <div className="autoscrolling">
         { loading && preloaderCircle }
-        { !loading && !onboarded() && <ChipSelection /> }
+        { !loading && !onboarded() && <GangOnboarding gang={selectedGang} /> }
         { !loading && onboarded() && routes }
       </div>
     </Router>

client/src/RouteNames.js

@@ -3,3 +3,4 @@ export const HOMIES = '/homies';
 export const MAKE_MONEY_MOVE = '/make-money-move';
 export const PUT_IN_WORK = '/put-in-work';
 export const HOMIE_FLOW = '/homie/:homie_id/flow';
+export const GANGS = '/gangs';

client/src/cash/Cash.js

@@ -11,12 +11,12 @@ import M from 'materialize-css';
 
 const Cash = (props) => {
   const [homiesCash, setHomiesCash] = useState([]);
-  const originalGangsta = props.originalGangsta;
+  const gang = props.gang;
 
   useEffect( () => { 
     const getCashForHomies = async () => {
       try { 
-        const cash = await axios.get(`/api/homies/info`);
+        const cash = await axios.get(`/api/gangs/${gang.id}/homies/info`);
         setHomiesCash(cash.data);
       } catch (e) {
         console.log("Error fetching", e); 
@@ -27,7 +27,7 @@ const Cash = (props) => {
 
   const settleFlowForHomie = async (id, amountToSettle) => {
     try {
-      const response = await axios.post(`/api/homies/${id}/settle`, { amount: amountToSettle });
+      const response = await axios.post(`/api/gangs/${gang.id}/homies/${id}/settle`, { amount: amountToSettle });
       if (response.status === 200 && response.data) {
         M.toast({ html: 'Settled' });
         setHomiesCash(response.data);
@@ -49,7 +49,7 @@ const Cash = (props) => {
           { formatTime(homieLine.work) }
         </td>
         <td className="cash-cell-right">
-          { formatMoney(homieLine.amount, originalGangsta) }
+          { formatMoney(homieLine.amount, gang) }
         </td>
         <td className="cash-cell-left">
           [

client/src/cash/MakeMoneyMove.js

@@ -5,7 +5,6 @@ import './Cash.css';
 import axios from 'axios';
 
 const MakeMoneyMove = (props) => {
-
     const [selectedFrom, setSelectedFrom] = useState("");
     const [selectedTo, setSelectedTo] = useState("-1");
     const [homiesCash, setHomiesCash] = useState([]);
@@ -13,10 +12,12 @@ const MakeMoneyMove = (props) => {
     const [moveDescription, setMoveDescription] = useState("");
     const [submitInProgress, setSubmitInProgress] = useState(false);
 
+    const gang = props.gang;
+
     useEffect(() => {
         const getCashForHomies = async () => {
             try {
-                const cash = await axios.get(`/api/homies/info`);
+                const cash = await axios.get(`/api/gangs/${gang.id}/homies/info`);
                 setHomiesCash(cash.data);
             } catch (e) {
                 console.log("Error fetching", e);

client/src/cash/PutInWork.js

@@ -12,10 +12,12 @@ const PutInWork = (props) => {
     const [workDescription, setWorkDescription] = useState('');
     const [submitInProgress, setSubmitInProgress] = useState(false);
 
+    const gang = props.gang;
+
     useEffect(() => {
         (async () => {
             try {
-                const response = await axios.get('/api/homies');
+                const response = await axios.get(`/api/gangs/${gang.id}/homies`);
                 if (response.status === 200 && response.data){
                     setHomies(response.data);
                 }

client/src/gangOnboarding/GangOnboarding.js

@@ -1,11 +1,14 @@
 import React, { useState, useEffect } from 'react';
 import axios from "axios";
 import { errorToast } from "../common/errorHelpers";
-import {Button, Select, TextInput} from "react-materialize";
+import {Button, Select} from "react-materialize";
 
-const ChipSelection = (props) => {
+const GangOnboarding = (props) => {
   const [chips, setChips] = useState([]);
   const [selectedChip, setSelectedChip] = useState('1');
+  const [gangName, setGangName] = useState('');
+
+  const gang = props.gang;
 
   useEffect(() => {
     (async() => {
@@ -25,22 +28,23 @@ const ChipSelection = (props) => {
   const chipsToOptions = chips.map( (chip, index) => <option key={index} value={chip.id}>{`${chip.code} • ${chip.name}`}</option>);
 
   const disableSubmit = () => {
-    return !(parseInt(selectedChip) > 0);
+    return parseInt(selectedChip) === 0 || gangName.length === 0 ;
   }
 
   const handleSubmit = async () => {
     const chipData = chips.find(chip => chip.id === parseInt(selectedChip));
     if (chipData){
-      const originalGangsta = {
+      const updatedGang = {
         chip_name: chipData.name,
         chip_code: chipData.code,
         chip_symbol: chipData.symbol,
         chip_prefixed: chipData.prefixed,
-        chip_scale: chipData.scale
+        chip_scale: chipData.scale,
+        name: gangName
       }
 
       try{
-        const response = await axios.put('/api/original_gangstas/0', { 'original_gangsta': originalGangsta });
+        const response = await axios.put(`/api/gangs/${gang.id}`, { 'gang': updatedGang });
         if (response.status === 200 && response.data && response.data.onboarded) {
           window.location.reload();
         }else{
@@ -56,6 +60,12 @@ const ChipSelection = (props) => {
 
   return (
     <div className='container'>
+
+      <div className="input-field col s12">
+        <input id="gang-name" type="text" className="validate" required="required" value={gangName} onChange={(e) => setGangName(e.target.value)} />
+        <label className="required" htmlFor="gang-name">Gang name</label>
+      </div>
+
       <Select value={selectedChip} onChange={(e) => setSelectedChip(e.target.value)} name="selected-chip">
         { chipsToOptions }
       </Select>
@@ -67,4 +77,4 @@ const ChipSelection = (props) => {
   )
 }
 
-export default ChipSelection;
+export default GangOnboarding;

client/src/gangs/Gangs.js

@@ -0,0 +1,59 @@
+import React, { useEffect, useState } from 'react';
+import NewGangForm from "./NewGangForm";
+import axios from "axios";
+import {errorToast} from "../common/errorHelpers";
+import YesNoModal from "../common/YesNoModal";
+import {Button} from "react-materialize";
+import M from "materialize-css";
+
+const Gangs = (props) => {
+  const gangs = props.gangs;
+  const setGangs = props.gangsSetter;
+
+  const deleteGang = async (id) => {
+    try {
+      const response = await axios.delete(`/api/gangs/${id}`);
+      if (response.status === 200 && response.data){
+        setGangs(response.data);
+        M.toast({ html: "See y'a on the other side" });
+      }else{
+        errorToast();
+      }
+    }catch (e) {
+      console.log(e);
+      errorToast();
+    }
+  }
+
+  const gangsData = gangs.map((gang, index) => {
+    return (
+      <li key={index}>
+        <div className="collapsible-header">
+          <div className="flex-row opposite-sides-content">
+            <div className="flex-col">
+              <div>{ gang.name }</div>
+              <div className="grey-text">{ `${gang.about || '[no about]'} • ${gang.chip_name} (${gang.chip_code})`}</div>
+            </div>
+
+            <YesNoModal
+              body={"Maan, y'a sure about this?"}
+              yesAction={() => deleteGang(gang.id)}
+              triggerNode={<Button disabled flat node="button" icon="delete" />} />
+          </div>
+        </div>
+      </li>
+    )
+  });
+
+  return (
+    <div className="container">
+      <NewGangForm newGangsSetter={setGangs} />
+
+      <ul className="collapsible">
+        { gangsData }
+      </ul>
+    </div>
+  )
+}
+
+export default Gangs;

client/src/gangs/NewGangForm.js

@@ -0,0 +1,110 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Collapsible, CollapsibleItem, Select, TextInput } from 'react-materialize';
+import axios from 'axios';
+import { errorToast } from "../common/errorHelpers";
+import M from 'materialize-css';
+
+const NewGangForm = (props) => {
+  const [gangName, setGangName] = useState("");
+  const [aboutGang, setAboutGang] = useState("");
+  const [chips, setChips] = useState([]);
+  const [selectedChip, setSelectedChip] = useState('1');
+  const [busy, setBusy] = useState(false);
+
+  useEffect(() => {
+    (async() => {
+      try {
+        const response = await axios.get(`/api/chips`);
+        if (response.status === 200 && response.data){
+          setChips(response.data);
+        }else{
+          errorToast();
+        }
+      } catch (e) {
+        errorToast();
+      }
+    })();
+  }, []);
+
+  const chipsToOptions = chips.map( (chip, index) => <option key={index} value={chip.id}>{`${chip.code} • ${chip.name}`}</option>);
+
+  const disableAddButton = () => {
+    return gangName.length === 0 || busy;
+  }
+
+  const clearForm = () => {
+    setGangName("");
+    setAboutGang("");
+
+    const collapsible = document.getElementById('new-gang-form-container');
+    const collapsibleInstance = M.Collapsible.getInstance(collapsible);
+
+    collapsibleInstance.close(0);
+  }
+
+  const addNewGang = async () => {
+    const chipData = chips.find(chip => chip.id === parseInt(selectedChip));
+    if (chipData) {
+      setBusy(true);
+      const newGang = {
+        chip_name: chipData.name,
+        chip_code: chipData.code,
+        chip_symbol: chipData.symbol,
+        chip_prefixed: chipData.prefixed,
+        chip_scale: chipData.scale,
+        name: gangName,
+        about: aboutGang
+      }
+
+      try {
+        const response = await axios.post('/api/gangs', {gang: newGang});
+        if (response.status === 200 && response.data) {
+          props.newGangsSetter(response.data);
+          M.toast({html: 'Welcome to the Hood'});
+          clearForm();
+        } else {
+          errorToast();
+        }
+      } catch (e) {
+        console.log(e.message);
+        errorToast();
+      }
+
+      setBusy(false);
+    }else{
+      errorToast();
+    }
+  }
+
+  return (
+    <div>
+      <Collapsible id="new-gang-form-container">
+        <CollapsibleItem header={<strong>{`Introduce new gang to the Hood`}</strong>}>
+          <div className="input-field col s12">
+            <input id="gang-name" type="text" className="validate" required="required" value={gangName} onChange={(e) => setGangName(e.target.value)} />
+            <label className="required" htmlFor="gang-name">Gang name</label>
+            <span className="helper-text" data-error="Yo! Introduce us the new Gang" />
+          </div>
+
+          <TextInput
+            id="about-gang"
+            label="About"
+            value={aboutGang}
+            onChange={(e) => setAboutGang(e.target.value)}
+          />
+
+          <Select value={selectedChip} onChange={(e) => setSelectedChip(e.target.value)} name="selected-chip">
+            { chipsToOptions }
+          </Select>
+
+          <br/>
+
+          <Button disabled={disableAddButton()} onClick={addNewGang}>Add to the hood</Button>
+
+        </CollapsibleItem>
+      </Collapsible>
+    </div>
+  )
+}
+
+export default NewGangForm;

client/src/homies/CashFlow.js

@@ -7,7 +7,7 @@ import {errorToast} from "../common/errorHelpers";
 
 const CashFlow = (props) => {
   const { homie_id } = useParams();
-  const originalGangsta = props.originalGangsta;
+  const gang = props.gang;
 
   const [cashFlow, setCashFlow] = useState([]);
 
@@ -35,7 +35,7 @@ const CashFlow = (props) => {
             <div>{ dateBlock(singleFlowData['created_at']) }</div>
           </div>
 
-          <div className={`flex-center ${singleFlowData.amount > 0 ? 'amount-green' : ''}`}>{ formatMoney(singleFlowData.amount, originalGangsta) }</div>
+          <div className={`flex-center ${singleFlowData.amount > 0 ? 'amount-green' : ''}`}>{ formatMoney(singleFlowData.amount, gang) }</div>
         </div>
       </div>
     </li>
@@ -58,7 +58,7 @@ const CashFlow = (props) => {
             <strong>{`${totalCount} Records`}</strong><span className="grey-text">{` • ${fromDate} - ${toDate}`}</span>
           </div>
           <div className="col s6 right-align">
-            <span className="grey-text">Total cash flow:</span> <strong>{formatMoney(totalFlow, originalGangsta)}</strong>
+            <span className="grey-text">Total cash flow:</span> <strong>{formatMoney(totalFlow, gang)}</strong>
           </div>
         </div>
       </div>

client/src/homies/Flow.js

@@ -7,7 +7,7 @@ import WorkFlow from "./WorkFlow";
 
 const Flow = (props) => {
   const [flowType, setFlowType] = useState('cash');
-  const originalGangsta = props.originalGangsta;
+  const gang = props.gang;
 
   return (
     <div className="container">
@@ -19,7 +19,7 @@ const Flow = (props) => {
         />
       </div>
 
-      { flowType === 'cash' && <CashFlow originalGangsta={originalGangsta} /> }
+      { flowType === 'cash' && <CashFlow gang={gang} /> }
       { flowType === 'work' && <WorkFlow /> }
 
     </div>

client/src/homies/Homies.js

@@ -10,10 +10,12 @@ import YesNoModal from "../common/YesNoModal";
 const Homies = (props) => {
   const [homies, setHomies] = useState([]);
 
+  const gang = props.gang;
+
   useEffect(() => {
     (async() => {
       try {
-        const response = await axios.get(`/api/homies`);
+        const response = await axios.get(`/api/gangs/${gang.id}/homies`);
         if (response.status === 200 && response.data){
           setHomies(response.data);
         }else{
@@ -27,7 +29,7 @@ const Homies = (props) => {
 
   const deleteHomie = async (id) => {
     try {
-      const response = await axios.delete(`/api/homies/${id}`);
+      const response = await axios.delete(`/api/gangs/${gang.id}/homies/${id}`);
       if (response.status === 200 && response.data){
         setHomies(response.data);
         M.toast({ html: "See y'a on the other side Homie" });
@@ -62,7 +64,7 @@ const Homies = (props) => {
 
   return (
     <div className="container">
-      <NewHomieForm newHomiesSetter={setHomies} />
+      <NewHomieForm newHomiesSetter={setHomies} gang={props.gang} />
 
       <ul className="collapsible">
         { homiesData }

client/src/homies/NewHomieForm.js

@@ -10,6 +10,8 @@ const NewHomieForm = (props) => {
   const [homieImportance, setHomieImportance] = useState("");
   const [busy, setBusy] = useState(false);
 
+  const gang = props.gang;
+
   const disableAddButton = () => {
     return homieName.length === 0 ||
       homieImportance === "" ||
@@ -33,15 +35,16 @@ const NewHomieForm = (props) => {
       homie: {
         name: homieName,
         about: aboutHomie,
-        importance: parseInt(homieImportance)
+        importance: parseInt(homieImportance),
+        gang_id: gang.id
       }
     }
 
     try{
-      const response = await axios.post('/api/homies', newHomie);
+      const response = await axios.post(`/api/gangs/${gang.id}/homies`, newHomie);
       if (response.status === 200 && response.data) {
         props.newHomiesSetter(response.data);
-        M.toast({ html: 'Welcome to the hood' });
+        M.toast({ html: 'Welcome to the Gang' });
         clearForm();
       }else{
         errorToast();
@@ -57,7 +60,7 @@ const NewHomieForm = (props) => {
   return (
     <div>
       <Collapsible id="new-homie-form-container">
-        <CollapsibleItem header={<strong>Introduce new homie to the Hood</strong>}>
+        <CollapsibleItem header={<strong>{`Introduce new homie to the ${gang.name} gang`}</strong>}>
           <div className="input-field col s12">
             <input id="homie-name" type="text" className="validate" required="required" value={homieName} onChange={(e) => setHomieName(e.target.value)} />
             <label className="required" htmlFor="homie-name">Homie name</label>
@@ -83,7 +86,7 @@ const NewHomieForm = (props) => {
 
           <br/>
 
-          <Button disabled={disableAddButton()} onClick={addNewHomie}>Add to the hood</Button>
+          <Button disabled={disableAddButton()} onClick={addNewHomie}>Add to the Gang</Button>
 
         </CollapsibleItem>
       </Collapsible>

config/initializers/inflections.rb

@@ -17,5 +17,4 @@
 
 ActiveSupport::Inflector.inflections do |inflect|
   inflect.irregular 'work', 'work'
-  inflect.irregular 'gangsta', 'gangstas'
 end

config/routes.rb

@@ -1,19 +1,20 @@
 Rails.application.routes.draw do
   constraints format: :json do
     scope :api do
-      resources :original_gangstas, only: [:show, :update]
+      resources :gangs, only: [:index, :create, :update] do
+        resources :homies, param: :homie_id do
+          collection do
+            get 'info'
+          end
+          member do
+            post 'settle'
+          end
+        end
+      end
       resources :money_moves
       resources :work
       resources :chips, only: %i[index create destroy]
       resources :chip_values, only: %i[create update destroy]
-      resources :homies, param: :homie_id do
-        collection do
-          get 'info'
-        end
-        member do
-          post 'settle'
-        end
-      end
     end
   end
 

db/migrate/20201007180902_rename_original_gangstas_to_gangs.rb

@@ -0,0 +1,5 @@
+class RenameOriginalGangstasToGangs < ActiveRecord::Migration[5.2]
+  def change
+    rename_table :original_gangstas, :gangs
+  end
+end

db/migrate/20201007182916_add_name_to_gangs.rb

@@ -0,0 +1,6 @@
+class AddNameToGangs < ActiveRecord::Migration[5.2]
+  def change
+    add_column :gangs, :name, :text
+    add_column :gangs, :about, :text
+  end
+end

db/migrate/20201007183139_add_gang_relation_to_homies.rb

@@ -0,0 +1,5 @@
+class AddGangRelationToHomies < ActiveRecord::Migration[5.2]
+  def change
+    add_reference :homies, :gang
+  end
+end

db/migrate/20201007213411_add_initial_gang_and_connect_to_homies.rb

@@ -0,0 +1,16 @@
+class AddInitialGangAndConnectToHomies < ActiveRecord::Migration[5.2]
+  def up
+    if Gang.count.zero?
+      Gang.create(name: 'Default').save
+    elsif Gang.count == 1
+      Gang.update name: 'Default'
+    end
+    gang = Gang.first
+
+    Homie.all.update(gang: gang)
+  end
+
+  def down
+    Homie.all.update(gang: nil)
+  end
+end

db/schema.rb

@@ -10,7 +10,7 @@
 #
 # It's strongly recommended that you check this file into your version control system.
 
-ActiveRecord::Schema.define(version: 2020_10_06_120951) do
+ActiveRecord::Schema.define(version: 2020_10_07_213411) do
 
   # These are extensions that must be enabled in order to support this database
   enable_extension "plpgsql"
@@ -35,12 +35,26 @@ ActiveRecord::Schema.define(version: 2020_10_06_120951) do
     t.index ["name"], name: "index_chips_on_name", unique: true
   end
 
+  create_table "gangs", force: :cascade do |t|
+    t.text "chip_name"
+    t.text "chip_code"
+    t.text "chip_symbol"
+    t.boolean "chip_prefixed"
+    t.integer "chip_scale"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+    t.text "name"
+    t.text "about"
+  end
+
   create_table "homies", force: :cascade do |t|
     t.text "name", null: false
     t.integer "importance", default: 100, null: false
     t.text "about"
     t.datetime "created_at", null: false
     t.datetime "updated_at", null: false
+    t.bigint "gang_id"
+    t.index ["gang_id"], name: "index_homies_on_gang_id"
   end
 
   create_table "money_moves", force: :cascade do |t|
@@ -51,16 +65,6 @@ ActiveRecord::Schema.define(version: 2020_10_06_120951) do
     t.datetime "updated_at", null: false
   end
 
-  create_table "original_gangstas", force: :cascade do |t|
-    t.text "chip_name"
-    t.text "chip_code"
-    t.text "chip_symbol"
-    t.boolean "chip_prefixed"
-    t.integer "chip_scale"
-    t.datetime "created_at", null: false
-    t.datetime "updated_at", null: false
-  end
-
   create_table "work", force: :cascade do |t|
     t.text "description"
     t.integer "amount"