ryan2clw

import React from 'react';
import styled from 'styled-components';
import { Flex } from 'rebass';

const FlexHeight = styled(Flex)`
  height: ${(props) => props.height};
  min-width: 0;
  height: 42px;
  margin: 1px !important;
  padding: 4px;

ryan2clw

import React from 'react';
import { Flex } from 'rebass';
import styled from 'styled-components';
import Square from './Square';
import { ICard, IRow } from '../store/cards';

// Create a Title component that'll render an <h1> tag with some styles
const BingoHeader = styled.div`
	width: 132%;
	margin-left: -15%;

ryan2clw

.ticket-number {
  margin: 1px;
  color: black;
  background: #defffd;
} 
.called {
  transition: all .5s ease-in-out;
  background: #076461;
  color:white;
}

ryan2clw

# keep Card and Row models from before
class Ball(models.Model):
    """
    The ball in a ball-blower. Represents a random number 1-75.
    """
    num_value = models.CharField(max_length=3)
    updated_at = models.DateTimeField(auto_now=True)

class MatchSmiley(models.Model):
    """ Derived from card data, each column is a number on a specific card"""

ryan2clw

""" 
We have 4 models that interact with each other to form the game play.  
The card and row tables will form the data for the bingo cards. 
The match_smiley table is populated from the card/row tables, where each column is a certain number on the card, 
so the row would be the group of numbers that make a smiley-face.  
We'll decrement the 'left' property of match_smiley as balls are called that match.
"""
from django.db import models

# keep Card and Row models from before

ryan2clw

# Generated by Django 2.2.4 on 2019-08-19 15:30

from django.db import migrations

def seed_database(apps, _):
    """ Seed the ball numbers into the database """
    balls = apps.get_model('play', 'Ball')
    balls.objects.all().delete()
    for i in range(1, 76):
        data = {

ryan2clw

""" urls for playing bingo """
from django.urls import path
from play.views import CardList, BallList, reset_balls

urlpatterns = [
    path('cards/', CardList.as_view(), name='cards'),
    path('balls/', BallList.as_view(), name='balls'),
    path('reset_balls/', reset_balls, name='reset_balls')
]

ryan2clw

import * as React from 'react'
import styled from 'styled-components';
import { connect } from 'react-redux';
// tslint:disable-next-line: no-submodule-imports
import 'bootstrap/dist/css/bootstrap.css';
import { Flex } from 'rebass';
import { Container, Row } from 'reactstrap';
import { IApplicationState, IConnectedReduxProps } from '../store/configureStore';
import { danger, clear } from '../store/messages';

ryan2clw

{
    "defaultSeverity": "error",
    "extends": [
        "tslint-react"
    ],
    "jsRules": {
    },
    "rules": {
        "member-access": false,
        "ordered-imports": false,

ryan2clw

(Keep the rest of BallSerializer)

    def to_representation(self, instance):
        """ Get rid of excess data, makes it easier to consume on the client """
        ret = super().to_representation(instance)
        ret.pop('updated_at')
        ret.pop('is_played')
        return ret