added linking of have and want

frozendragon / pokemon-go-trade

Browse code added linking of have and want master
1 parent 4fe09e5 commit 8fb347092d1e86c316a7d9dbf28108cd43ec42ee Simon Lindgren authored on 14 Feb 2021

Patch

Showing 8 changed files

Ignore Space Show notes View internal/web/web.go
package web import ( "encoding/json" "fmt" "github.com/sirupsen/logrus" "github.com/spf13/viper" "io/ioutil" "net/http" "strconv" ) type WebPackage struct { Config viper.Viper Log logrus.Logger } type PokemonsWantResponse struct { ID int `json:"id"` GroupName string `json:"group_name"` Pokemons []Pokemon `json:"pokemons"` } type PokemonsResponse struct { Pokemons []Pokemon `json:"pokemons"` } type Pokemon struct { ID int `json:"id"` Url string `json:"url"` } type DeleteStoredPokemonWantRequest struct { ID int `json:"id"` } var availablePokemonResponse = PokemonsResponse{ Pokemons: []Pokemon{}, } var pokemonsWantResponse = []PokemonsWantResponse{ { ID: 1, GroupName: "want group 1", Pokemons: availablePokemonResponse.Pokemons, }, } func (wp WebPackage) GetAvailablePokemon(w http.ResponseWriter, r http.Request) { availablePokemonResponse := PokemonsResponse{Pokemons: []Pokemon{ { ID: 111, Url: "/image/111-00-shiny.webp", }, { ID:129, Url: "/image/129-00-shiny.webp", }, { ID: 243, Url: "/image/243-00-shiny.webp", }, }} bodyBytes, err := json.Marshal(availablePokemonResponse) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } w.WriteHeader(200) _, _ = w.Write(bodyBytes) } func (wp WebPackage) PostStoredPokemon(w http.ResponseWriter, r http.Request) { bodyBytes, err := ioutil.ReadAll(r.Body) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } var Pokemon []Pokemon err = json.Unmarshal(bodyBytes, &Pokemon) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } if r.URL.Query().Get("type") == "want" { wantGroupIDString := r.URL.Query().Get("want-group-id") wantGroupID, err := strconv.Atoi(wantGroupIDString) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } pokemonsWantResponse[wantGroupID-1].Pokemons = append(pokemonsWantResponse[wantGroupID-1].Pokemons, Pokemon...) } else { availablePokemonResponse.Pokemons = append(availablePokemonResponse.Pokemons, Pokemon...) } w.WriteHeader(200) _, _ = w.Write(bodyBytes) } type LinkedStoredPokemonResponse struct { Links []LinkedStoredPokemonRequest `json:"links"` } type LinkedStoredPokemonRequest struct { GroupID int `json:"group_id"` SelectedID int `json:"selected_id"` } var linkedStoredPokemonResponse = LinkedStoredPokemonResponse{ Links: []LinkedStoredPokemonRequest{}, } func (wp WebPackage) GetLinkedStoredPokemon(w http.ResponseWriter, r http.Request) { bodyBytes, err := json.Marshal(linkedStoredPokemonResponse) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } w.WriteHeader(200) _, _ = w.Write(bodyBytes) } func (wp WebPackage) PostLinkedStoredPokemon(w http.ResponseWriter, r http.Request) { bodyBytes, err := ioutil.ReadAll(r.Body) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } var link LinkedStoredPokemonRequest err = json.Unmarshal(bodyBytes, &link) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } linkedStoredPokemonResponse.Links = append(linkedStoredPokemonResponse.Links, link) bodyBytes, err = json.Marshal(linkedStoredPokemonResponse) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } w.WriteHeader(200) _, _ = w.Write(bodyBytes) } func (wp WebPackage) GetStoredPokemonHave(w http.ResponseWriter, r http.Request) { bodyBytes, err := json.Marshal(availablePokemonResponse) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } w.WriteHeader(200) _, _ = w.Write(bodyBytes) } func (wp WebPackage) GetStoredPokemonWant(w http.ResponseWriter, r http.Request) { bodyBytes, err := json.Marshal(pokemonsWantResponse) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } w.WriteHeader(200) _, _ = w.Write(bodyBytes) } func (wp WebPackage) CreateStoredPokemonWant(w http.ResponseWriter, r http.Request) { pokemonsWantResponse = append(pokemonsWantResponse, PokemonsWantResponse{ ID: len(pokemonsWantResponse), GroupName: fmt.Sprintf("want group %d", len(pokemonsWantResponse)), Pokemons: []Pokemon{}, }) bodyBytes, err := json.Marshal(pokemonsWantResponse) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } w.WriteHeader(200) _, _ = w.Write(bodyBytes) } func (wp WebPackage) DeleteStoredPokemonWant(w http.ResponseWriter, r http.Request) { bodyBytes, err := ioutil.ReadAll(r.Body) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } var deleteStoredPokemonWantRequest DeleteStoredPokemonWantRequest err = json.Unmarshal(bodyBytes, &deleteStoredPokemonWantRequest) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } pokemonsWantResponse = append(pokemonsWantResponse[:deleteStoredPokemonWantRequest.ID-1], pokemonsWantResponse[deleteStoredPokemonWantRequest.ID:]...) bodyBytes, err = json.Marshal(pokemonsWantResponse) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } w.WriteHeader(200) _, _ = w.Write(bodyBytes) } package web import ( "encoding/json" "fmt" "github.com/sirupsen/logrus" "github.com/spf13/viper" "io/ioutil" "net/http" "strconv" ) type WebPackage struct { Config viper.Viper Log logrus.Logger } type PokemonsWantResponse struct { ID int `json:"id"` GroupName string `json:"group_name"` Pokemons []Pokemon `json:"pokemons"` } type PokemonsResponse struct { Pokemons []Pokemon `json:"pokemons"` } type Pokemon struct { Url string `json:"url"` } type DeleteStoredPokemonWantRequest struct { ID int `json:"id"` } var availablePokemonResponse = PokemonsResponse{ Pokemons: []Pokemon{}, } var pokemonsWantResponse = []PokemonsWantResponse{ { ID: 1, GroupName: "want group 1", Pokemons: availablePokemonResponse.Pokemons, }, } func (wp WebPackage) GetAvailablePokemon(w http.ResponseWriter, r http.Request) { availablePokemonResponse := PokemonsResponse{Pokemons: []Pokemon{ { Url: "/image/111-00-shiny.webp", }, { Url: "/image/129-00-shiny.webp", }, { Url: "/image/243-00-shiny.webp", }, }} bodyBytes, err := json.Marshal(availablePokemonResponse) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } w.WriteHeader(200) _, _ = w.Write(bodyBytes) } func (wp WebPackage) PostStoredPokemon(w http.ResponseWriter, r http.Request) { bodyBytes, err := ioutil.ReadAll(r.Body) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } var Pokemon []Pokemon err = json.Unmarshal(bodyBytes, &Pokemon) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } if r.URL.Query().Get("type") == "want" { wantGroupIDString := r.URL.Query().Get("want-group-id") wantGroupID, err := strconv.Atoi(wantGroupIDString) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } pokemonsWantResponse[wantGroupID-1].Pokemons = append(pokemonsWantResponse[wantGroupID-1].Pokemons, Pokemon...) } else { availablePokemonResponse.Pokemons = append(availablePokemonResponse.Pokemons, Pokemon...) } w.WriteHeader(200) _, _ = w.Write(bodyBytes) } func (wp WebPackage) GetStoredPokemonHave(w http.ResponseWriter, r http.Request) { bodyBytes, err := json.Marshal(availablePokemonResponse) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } w.WriteHeader(200) _, _ = w.Write(bodyBytes) } func (wp WebPackage) GetStoredPokemonWant(w http.ResponseWriter, r http.Request) { bodyBytes, err := json.Marshal(pokemonsWantResponse) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } w.WriteHeader(200) _, _ = w.Write(bodyBytes) } func (wp WebPackage) CreateStoredPokemonWant(w http.ResponseWriter, r http.Request) { pokemonsWantResponse = append(pokemonsWantResponse, PokemonsWantResponse{ GroupName: fmt.Sprintf("want group %d", len(pokemonsWantResponse)), Pokemons: []Pokemon{}, }) bodyBytes, err := json.Marshal(pokemonsWantResponse) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } w.WriteHeader(200) _, _ = w.Write(bodyBytes) } func (wp WebPackage) DeleteStoredPokemonWant(w http.ResponseWriter, r http.Request) { bodyBytes, err := ioutil.ReadAll(r.Body) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } var deleteStoredPokemonWantRequest DeleteStoredPokemonWantRequest err = json.Unmarshal(bodyBytes, &deleteStoredPokemonWantRequest) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } pokemonsWantResponse = append(pokemonsWantResponse[:deleteStoredPokemonWantRequest.ID], pokemonsWantResponse[deleteStoredPokemonWantRequest.ID+1:]...) bodyBytes, err = json.Marshal(pokemonsWantResponse) if err != nil { w.WriteHeader(500) _, _ = w.Write([]byte(err.Error())) return } w.WriteHeader(200) _, _ = w.Write(bodyBytes) }

Ignore Space Show notes View

internal/web/web.go

package web

import (
	"encoding/json"
	"fmt"
	"github.com/sirupsen/logrus"
	"github.com/spf13/viper"
	"io/ioutil"
	"net/http"
	"strconv"
)

type WebPackage struct {
	Config         *viper.Viper
	Log            *logrus.Logger
}

type PokemonsWantResponse struct {
	ID int `json:"id"`
	GroupName        string           `json:"group_name"`
	Pokemons []Pokemon `json:"pokemons"`
}

type PokemonsResponse struct {
	Pokemons []Pokemon `json:"pokemons"`
}

type Pokemon struct {
	ID int `json:"id"`
	Url string `json:"url"`
}

type DeleteStoredPokemonWantRequest struct {
	ID int `json:"id"`
}

var availablePokemonResponse = PokemonsResponse{
	Pokemons: []Pokemon{},
}

var pokemonsWantResponse = []PokemonsWantResponse{
	{
		ID: 1,
		GroupName:        "want group 1",
		Pokemons: availablePokemonResponse.Pokemons,
	},
}

func (wp *WebPackage) GetAvailablePokemon(w http.ResponseWriter, r *http.Request) {

availablePokemonResponse := PokemonsResponse{Pokemons: []Pokemon{
		{
			ID: 111,
			Url: "/image/111-00-shiny.webp",
		},
		{
			ID:129,
			Url: "/image/129-00-shiny.webp",
		},
		{
			ID: 243,
			Url: "/image/243-00-shiny.webp",
		},
	}}

bodyBytes, err := json.Marshal(availablePokemonResponse)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

w.WriteHeader(200)
	_, _ = w.Write(bodyBytes)
}

func (wp *WebPackage) PostStoredPokemon(w http.ResponseWriter, r *http.Request) {
	bodyBytes, err := ioutil.ReadAll(r.Body)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

var Pokemon []Pokemon
	err = json.Unmarshal(bodyBytes, &Pokemon)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

if r.URL.Query().Get("type") == "want" {
		wantGroupIDString := r.URL.Query().Get("want-group-id")
		wantGroupID, err := strconv.Atoi(wantGroupIDString)
		if err != nil {
			w.WriteHeader(500)
			_, _ = w.Write([]byte(err.Error()))
			return
		}

pokemonsWantResponse[wantGroupID-1].Pokemons = append(pokemonsWantResponse[wantGroupID-1].Pokemons, Pokemon...)
	} else {
		availablePokemonResponse.Pokemons = append(availablePokemonResponse.Pokemons, Pokemon...)
	}

w.WriteHeader(200)
	_, _ = w.Write(bodyBytes)
}

type LinkedStoredPokemonResponse struct {
	Links []LinkedStoredPokemonRequest `json:"links"`
}

type LinkedStoredPokemonRequest struct {
	GroupID int `json:"group_id"`
	SelectedID int `json:"selected_id"`
}

var linkedStoredPokemonResponse = LinkedStoredPokemonResponse{
	Links: []LinkedStoredPokemonRequest{},
}

func (wp *WebPackage) GetLinkedStoredPokemon(w http.ResponseWriter, r *http.Request) {
	bodyBytes, err := json.Marshal(linkedStoredPokemonResponse)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

w.WriteHeader(200)
	_, _ = w.Write(bodyBytes)
}

func (wp *WebPackage) PostLinkedStoredPokemon(w http.ResponseWriter, r *http.Request) {
	bodyBytes, err := ioutil.ReadAll(r.Body)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

var link LinkedStoredPokemonRequest
	err = json.Unmarshal(bodyBytes, &link)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

linkedStoredPokemonResponse.Links = append(linkedStoredPokemonResponse.Links, link)

bodyBytes, err = json.Marshal(linkedStoredPokemonResponse)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

w.WriteHeader(200)
	_, _ = w.Write(bodyBytes)
}

func (wp *WebPackage) GetStoredPokemonHave(w http.ResponseWriter, r *http.Request) {
	bodyBytes, err := json.Marshal(availablePokemonResponse)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

w.WriteHeader(200)
	_, _ = w.Write(bodyBytes)
}

func (wp *WebPackage) GetStoredPokemonWant(w http.ResponseWriter, r *http.Request) {
	bodyBytes, err := json.Marshal(pokemonsWantResponse)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

w.WriteHeader(200)
	_, _ = w.Write(bodyBytes)
}

func (wp *WebPackage) CreateStoredPokemonWant(w http.ResponseWriter, r *http.Request) {
	pokemonsWantResponse = append(pokemonsWantResponse, PokemonsWantResponse{
		ID: len(pokemonsWantResponse),
		GroupName: fmt.Sprintf("want group %d", len(pokemonsWantResponse)),
		Pokemons: []Pokemon{},
	})

bodyBytes, err := json.Marshal(pokemonsWantResponse)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

w.WriteHeader(200)
	_, _ = w.Write(bodyBytes)
}

func (wp *WebPackage) DeleteStoredPokemonWant(w http.ResponseWriter, r *http.Request) {
	bodyBytes, err := ioutil.ReadAll(r.Body)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

var deleteStoredPokemonWantRequest DeleteStoredPokemonWantRequest
	err = json.Unmarshal(bodyBytes, &deleteStoredPokemonWantRequest)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

pokemonsWantResponse = append(pokemonsWantResponse[:deleteStoredPokemonWantRequest.ID-1], pokemonsWantResponse[deleteStoredPokemonWantRequest.ID:]...)

bodyBytes, err = json.Marshal(pokemonsWantResponse)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

w.WriteHeader(200)
	_, _ = w.Write(bodyBytes)
}

package web

import (
	"encoding/json"
	"fmt"
	"github.com/sirupsen/logrus"
	"github.com/spf13/viper"
	"io/ioutil"
	"net/http"
	"strconv"
)

type WebPackage struct {
	Config         *viper.Viper
	Log            *logrus.Logger
}

type PokemonsWantResponse struct {
	ID int `json:"id"`
	GroupName        string           `json:"group_name"`
	Pokemons []Pokemon `json:"pokemons"`
}

type PokemonsResponse struct {
	Pokemons []Pokemon `json:"pokemons"`
}

type Pokemon struct {
	Url string `json:"url"`
}

type DeleteStoredPokemonWantRequest struct {
	ID int `json:"id"`
}

var availablePokemonResponse = PokemonsResponse{
	Pokemons: []Pokemon{},
}

var pokemonsWantResponse = []PokemonsWantResponse{
	{
		ID: 1,
		GroupName:        "want group 1",
		Pokemons: availablePokemonResponse.Pokemons,
	},
}

func (wp *WebPackage) GetAvailablePokemon(w http.ResponseWriter, r *http.Request) {

availablePokemonResponse := PokemonsResponse{Pokemons: []Pokemon{
		{
			Url: "/image/111-00-shiny.webp",
		},
		{
			Url: "/image/129-00-shiny.webp",
		},
		{
			Url: "/image/243-00-shiny.webp",
		},
	}}

bodyBytes, err := json.Marshal(availablePokemonResponse)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

w.WriteHeader(200)
	_, _ = w.Write(bodyBytes)
}

var Pokemon []Pokemon
	err = json.Unmarshal(bodyBytes, &Pokemon)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

w.WriteHeader(200)
	_, _ = w.Write(bodyBytes)
}

func (wp *WebPackage) CreateStoredPokemonWant(w http.ResponseWriter, r *http.Request) {
	pokemonsWantResponse = append(pokemonsWantResponse, PokemonsWantResponse{
		GroupName: fmt.Sprintf("want group %d", len(pokemonsWantResponse)),
		Pokemons: []Pokemon{},
	})

bodyBytes, err := json.Marshal(pokemonsWantResponse)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

w.WriteHeader(200)
	_, _ = w.Write(bodyBytes)
}

pokemonsWantResponse = append(pokemonsWantResponse[:deleteStoredPokemonWantRequest.ID], pokemonsWantResponse[deleteStoredPokemonWantRequest.ID+1:]...)

bodyBytes, err = json.Marshal(pokemonsWantResponse)
	if err != nil {
		w.WriteHeader(500)
		_, _ = w.Write([]byte(err.Error()))
		return
	}

w.WriteHeader(200)
	_, _ = w.Write(bodyBytes)
}

Ignore Space Show notes View internal/webConfig/webConfig.go
package webConfig import ( "fmt" "git.ssns.se/git/frozendragon/pokemon-go-trade/internal/web" nested "github.com/antonfisher/nested-logrus-formatter" "github.com/go-chi/chi" "github.com/sirupsen/logrus" "github.com/spf13/viper" "io" "net/http" "os" "path/filepath" "strings" ) func CreateServer() { log := SetupLogging() log.Info("Starting application") config, err := setupEnvironment() if err != nil { panic(err) } //database := pg.Connect(&pg.Options{ // Addr: config.GetString(configKey.DatabaseAddr), // User: config.GetString(configKey.DatabaseUser), // Password: config.GetString(configKey.DatabasePassword), // Database: config.GetString(configKey.DatabaseName), //}) //defer database.Close() webPackage := web.WebPackage{ Config: config, Log: log, } r := chi.NewRouter() workDir, _ := os.Getwd() filesDir := filepath.Join(workDir, "static/html/build") filesImagesDir := filepath.Join(workDir, "static/images") r.Route("/", func(r chi.Router) { FileServer(r, "/", http.Dir(filesDir)) }) r.Route("/api", func(r chi.Router) { r.Get("/available-pokemon", webPackage.GetAvailablePokemon) r.Get("/stored-pokemon-have", webPackage.GetStoredPokemonHave) r.Get("/stored-pokemon-want", webPackage.GetStoredPokemonWant) r.Post("/stored-pokemon-want", webPackage.CreateStoredPokemonWant) r.Delete("/stored-pokemon-want", webPackage.DeleteStoredPokemonWant) r.Post("/stored-pokemon", webPackage.PostStoredPokemon) r.Get("/linked-stored-pokemon", webPackage.GetLinkedStoredPokemon) r.Post("/linked-stored-pokemon", webPackage.PostLinkedStoredPokemon) }) FileServer(r, "/image", http.Dir(filesImagesDir)) err = http.ListenAndServe(":8080", r) if err != nil { panic(err) } } func setupEnvironment() (viper.Viper, error) { var config = viper.New() config.SetConfigType("json") file, err := os.Open("config/environment.json") if err != nil { return nil, err } err = config.ReadConfig(file) if err != nil { return nil, err } config.SetConfigType("json") file, err = os.Open(fmt.Sprintf("config/%s.json", config.GetString("environment"))) if err != nil { return nil, err } err = config.ReadConfig(file) if err != nil { return nil, err } return config, nil } func SetupLogging() logrus.Logger { log := logrus.New() log.SetFormatter(&nested.Formatter{ HideKeys: true, FieldsOrder: []string{"component", "category"}, }) file, err := os.OpenFile("log/info.log", os.O_CREATE\|os.O_WRONLY\|os.O_APPEND, 0666) mw := io.MultiWriter(os.Stdout, file) if err == nil { log.SetOutput(mw) } else { log.Info("Failed to log to file, using default stderr") } log.SetLevel(logrus.InfoLevel) return log } func FileServer(r chi.Router, path string, root http.FileSystem) { if strings.ContainsAny(path, "{}") { panic("FileServer does not permit URL parameters.") } fs := http.StripPrefix(path, http.FileServer(root)) if path != "/" && path[len(path)-1] != '/' { r.Get(path, http.RedirectHandler(path+"/", 301).ServeHTTP) path += "/" } path += "" r.Get(path, func(w http.ResponseWriter, r http.Request) { fs.ServeHTTP(w, r) }) } package webConfig import ( "fmt" "git.ssns.se/git/frozendragon/pokemon-go-trade/internal/web" nested "github.com/antonfisher/nested-logrus-formatter" "github.com/go-chi/chi" "github.com/sirupsen/logrus" "github.com/spf13/viper" "io" "net/http" "os" "path/filepath" "strings" ) func CreateServer() { log := SetupLogging() log.Info("Starting application") config, err := setupEnvironment() if err != nil { panic(err) } //database := pg.Connect(&pg.Options{ // Addr: config.GetString(configKey.DatabaseAddr), // User: config.GetString(configKey.DatabaseUser), // Password: config.GetString(configKey.DatabasePassword), // Database: config.GetString(configKey.DatabaseName), //}) //defer database.Close() webPackage := web.WebPackage{ Config: config, Log: log, } r := chi.NewRouter() workDir, _ := os.Getwd() filesDir := filepath.Join(workDir, "static/html/build") filesImagesDir := filepath.Join(workDir, "static/images") r.Route("/", func(r chi.Router) { FileServer(r, "/", http.Dir(filesDir)) }) r.Route("/api", func(r chi.Router) { r.Get("/available-pokemon", webPackage.GetAvailablePokemon) r.Get("/stored-pokemon-have", webPackage.GetStoredPokemonHave) r.Get("/stored-pokemon-want", webPackage.GetStoredPokemonWant) r.Post("/stored-pokemon-want", webPackage.CreateStoredPokemonWant) r.Delete("/stored-pokemon-want", webPackage.DeleteStoredPokemonWant) r.Post("/stored-pokemon", webPackage.PostStoredPokemon) }) FileServer(r, "/image", http.Dir(filesImagesDir)) err = http.ListenAndServe(":8080", r) if err != nil { panic(err) } } func setupEnvironment() (viper.Viper, error) { var config = viper.New() config.SetConfigType("json") file, err := os.Open("config/environment.json") if err != nil { return nil, err } err = config.ReadConfig(file) if err != nil { return nil, err } config.SetConfigType("json") file, err = os.Open(fmt.Sprintf("config/%s.json", config.GetString("environment"))) if err != nil { return nil, err } err = config.ReadConfig(file) if err != nil { return nil, err } return config, nil } func SetupLogging() logrus.Logger { log := logrus.New() log.SetFormatter(&nested.Formatter{ HideKeys: true, FieldsOrder: []string{"component", "category"}, }) file, err := os.OpenFile("log/info.log", os.O_CREATE\|os.O_WRONLY\|os.O_APPEND, 0666) mw := io.MultiWriter(os.Stdout, file) if err == nil { log.SetOutput(mw) } else { log.Info("Failed to log to file, using default stderr") } log.SetLevel(logrus.InfoLevel) return log } func FileServer(r chi.Router, path string, root http.FileSystem) { if strings.ContainsAny(path, "{}") { panic("FileServer does not permit URL parameters.") } fs := http.StripPrefix(path, http.FileServer(root)) if path != "/" && path[len(path)-1] != '/' { r.Get(path, http.RedirectHandler(path+"/", 301).ServeHTTP) path += "/" } path += "" r.Get(path, func(w http.ResponseWriter, r http.Request) { fs.ServeHTTP(w, r) }) }

Ignore Space Show notes View

internal/webConfig/webConfig.go

package webConfig

import (
	"fmt"
	"git.ssns.se/git/frozendragon/pokemon-go-trade/internal/web"
	nested "github.com/antonfisher/nested-logrus-formatter"
	"github.com/go-chi/chi"
	"github.com/sirupsen/logrus"
	"github.com/spf13/viper"
	"io"
	"net/http"
	"os"
	"path/filepath"
	"strings"
)

func CreateServer() {
	log := SetupLogging()
	log.Info("Starting application")

config, err := setupEnvironment()
	if err != nil {
		panic(err)
	}
	//database := pg.Connect(&pg.Options{
	//	Addr:     config.GetString(configKey.DatabaseAddr),
	//	User:     config.GetString(configKey.DatabaseUser),
	//	Password: config.GetString(configKey.DatabasePassword),
	//	Database: config.GetString(configKey.DatabaseName),
	//})
	//defer database.Close()

webPackage := web.WebPackage{
		Config: config,
		Log:    log,
	}

r := chi.NewRouter()
	workDir, _ := os.Getwd()
	filesDir := filepath.Join(workDir, "static/html/build")
	filesImagesDir := filepath.Join(workDir, "static/images")

r.Route("/", func(r chi.Router) {
		FileServer(r, "/", http.Dir(filesDir))
	})
	r.Route("/api", func(r chi.Router) {
		r.Get("/available-pokemon", webPackage.GetAvailablePokemon)
		r.Get("/stored-pokemon-have", webPackage.GetStoredPokemonHave)
		r.Get("/stored-pokemon-want", webPackage.GetStoredPokemonWant)
		r.Post("/stored-pokemon-want", webPackage.CreateStoredPokemonWant)
		r.Delete("/stored-pokemon-want", webPackage.DeleteStoredPokemonWant)
		r.Post("/stored-pokemon", webPackage.PostStoredPokemon)
		r.Get("/linked-stored-pokemon", webPackage.GetLinkedStoredPokemon)
		r.Post("/linked-stored-pokemon", webPackage.PostLinkedStoredPokemon)
	})

FileServer(r, "/image", http.Dir(filesImagesDir))

err = http.ListenAndServe(":8080", r)
	if err != nil {
		panic(err)
	}
}

func setupEnvironment() (*viper.Viper, error) {
	var config = viper.New()
	config.SetConfigType("json")
	file, err := os.Open("config/environment.json")
	if err != nil {
		return nil, err
	}
	err = config.ReadConfig(file)
	if err != nil {
		return nil, err
	}
	config.SetConfigType("json")
	file, err = os.Open(fmt.Sprintf("config/%s.json", config.GetString("environment")))
	if err != nil {
		return nil, err
	}
	err = config.ReadConfig(file)
	if err != nil {
		return nil, err
	}
	return config, nil
}

func SetupLogging() *logrus.Logger {
	log := logrus.New()
	log.SetFormatter(&nested.Formatter{
		HideKeys:    true,
		FieldsOrder: []string{"component", "category"},
	})
	file, err := os.OpenFile("log/info.log", os.O_CREATE|os.O_WRONLY|os.O_APPEND, 0666)
	mw := io.MultiWriter(os.Stdout, file)
	if err == nil {
		log.SetOutput(mw)
	} else {
		log.Info("Failed to log to file, using default stderr")
	}
	log.SetLevel(logrus.InfoLevel)
	return log
}

func FileServer(r chi.Router, path string, root http.FileSystem) {
	if strings.ContainsAny(path, "{}*") {
		panic("FileServer does not permit URL parameters.")
	}

fs := http.StripPrefix(path, http.FileServer(root))

if path != "/" && path[len(path)-1] != '/' {
		r.Get(path, http.RedirectHandler(path+"/", 301).ServeHTTP)
		path += "/"
	}
	path += "*"

r.Get(path, func(w http.ResponseWriter, r *http.Request) {
		fs.ServeHTTP(w, r)
	})
}

package webConfig

func CreateServer() {
	log := SetupLogging()
	log.Info("Starting application")

webPackage := web.WebPackage{
		Config: config,
		Log:    log,
	}

r := chi.NewRouter()
	workDir, _ := os.Getwd()
	filesDir := filepath.Join(workDir, "static/html/build")
	filesImagesDir := filepath.Join(workDir, "static/images")

FileServer(r, "/image", http.Dir(filesImagesDir))

err = http.ListenAndServe(":8080", r)
	if err != nil {
		panic(err)
	}
}

func FileServer(r chi.Router, path string, root http.FileSystem) {
	if strings.ContainsAny(path, "{}*") {
		panic("FileServer does not permit URL parameters.")
	}

fs := http.StripPrefix(path, http.FileServer(root))

if path != "/" && path[len(path)-1] != '/' {
		r.Get(path, http.RedirectHandler(path+"/", 301).ServeHTTP)
		path += "/"
	}
	path += "*"

r.Get(path, func(w http.ResponseWriter, r *http.Request) {
		fs.ServeHTTP(w, r)
	})
}

Ignore Space Show notes View static/html/src/components/connect-modal.js
import React from 'react'; import { makeStyles } from '@material-ui/core/styles'; import Modal from '@material-ui/core/Modal'; import PokemonList from './pokemon-list'; import WantGroup from './want-group'; function getModalStyle() { const top = 50; const left = 50; return { top: `${top}%`, left: `${left}%`, transform: `translate(-${top}%, -${left}%)`, }; } const useStyles = makeStyles(theme => ({ paper: { position: 'absolute', width: '80%', height: '90%', backgroundColor: theme.palette.background.paper, border: '2px solid #000', boxShadow: theme.shadows[5], padding: theme.spacing(2, 4, 3), overflow: 'scroll', }, })); export default function ConnectModal(props) { const classes = useStyles(); // getModalStyle is not a pure function, we roll the style only on the first render const [modalStyle] = React.useState(getModalStyle); const { pokemonWantList, onDeselectPokemon, open, handleLinkWantAndNeed, linked, selectedId, } = props; const body = ( <div style={modalStyle} className={classes.paper}> { pokemonWantList.map(wantGroup => ( <WantGroup handleLinkWantAndNeed={handleLinkWantAndNeed} pokemonList={wantGroup.pokemons} groupId={wantGroup.id} groupName={wantGroup.group_name} linked={linked} selectedId={selectedId} connect /> )) } </div> ); return ( <div> <Modal open={open} onClose={onDeselectPokemon} aria-labelledby="simple-modal-title" aria-describedby="simple-modal-description" > {body} </Modal> </div> ); } import React from 'react'; import { makeStyles } from '@material-ui/core/styles'; import Modal from '@material-ui/core/Modal'; import PokemonList from './pokemon-list'; function getModalStyle() { const top = 50; const left = 50; return { top: `${top}%`, left: `${left}%`, transform: `translate(-${top}%, -${left}%)`, }; } const useStyles = makeStyles(theme => ({ paper: { position: 'absolute', width: 400, backgroundColor: theme.palette.background.paper, border: '2px solid #000', boxShadow: theme.shadows[5], padding: theme.spacing(2, 4, 3), }, })); export default function ConnectModal(props) { const classes = useStyles(); // getModalStyle is not a pure function, we roll the style only on the first render const [modalStyle] = React.useState(getModalStyle); const { pokemonList, onDeselectPokemon, open } = props; const body = ( <div style={modalStyle} className={classes.paper}> <PokemonList pokemonList={pokemonList} /> </div> ); return ( <div> <Modal open={open} onClose={onDeselectPokemon} aria-labelledby="simple-modal-title" aria-describedby="simple-modal-description" > {body} </Modal> </div> ); }

Ignore Space Show notes View

static/html/src/components/connect-modal.js

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Modal from '@material-ui/core/Modal';
import PokemonList from './pokemon-list';
import WantGroup from './want-group';

function getModalStyle() {
  const top = 50;
  const left = 50;

return {
    top: `${top}%`,
    left: `${left}%`,
    transform: `translate(-${top}%, -${left}%)`,
  };
}

const useStyles = makeStyles(theme => ({
  paper: {
    position: 'absolute',
    width: '80%',
    height: '90%',
    backgroundColor: theme.palette.background.paper,
    border: '2px solid #000',
    boxShadow: theme.shadows[5],
    padding: theme.spacing(2, 4, 3),
    overflow: 'scroll',
  },
}));

export default function ConnectModal(props) {
  const classes = useStyles();
  // getModalStyle is not a pure function, we roll the style only on the first render
  const [modalStyle] = React.useState(getModalStyle);

const {
    pokemonWantList, onDeselectPokemon, open, handleLinkWantAndNeed, linked, selectedId,
  } = props;

const body = (
    <div style={modalStyle} className={classes.paper}>
      {
        pokemonWantList.map(wantGroup => (
          <WantGroup
            handleLinkWantAndNeed={handleLinkWantAndNeed}
            pokemonList={wantGroup.pokemons}
            groupId={wantGroup.id}
            groupName={wantGroup.group_name}
            linked={linked}
            selectedId={selectedId}
            connect
          />
        ))
      }
    </div>
  );

return (
    <div>
      <Modal
        open={open}
        onClose={onDeselectPokemon}
        aria-labelledby="simple-modal-title"
        aria-describedby="simple-modal-description"
      >
        {body}
      </Modal>
    </div>
  );
}

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Modal from '@material-ui/core/Modal';
import PokemonList from './pokemon-list';

function getModalStyle() {
  const top = 50;
  const left = 50;

return {
    top: `${top}%`,
    left: `${left}%`,
    transform: `translate(-${top}%, -${left}%)`,
  };
}

const useStyles = makeStyles(theme => ({
  paper: {
    position: 'absolute',
    width: 400,
    backgroundColor: theme.palette.background.paper,
    border: '2px solid #000',
    boxShadow: theme.shadows[5],
    padding: theme.spacing(2, 4, 3),
  },
}));

const { pokemonList, onDeselectPokemon, open } = props;

const body = (
    <div style={modalStyle} className={classes.paper}>
      <PokemonList pokemonList={pokemonList} />
    </div>
  );

Ignore Space Show notes View static/html/src/components/pokemon-list.js
import React from 'react'; import style from './pokemon-list.css'; import Pokemon from './pokemon'; class PokemonList extends React.Component { componentDidMount() { } render() { const that = this; const { pokemonList, onSelectPokemon } = that.props; const pokemonItems = []; pokemonList.forEach((pokemon) => { pokemonItems.push(<Pokemon key={pokemon.id} id={pokemon.id} url={pokemon.url} onSelectPokemon={onSelectPokemon} />); }); return ( <div className="pokemon-list"> {pokemonItems} </div> ); } } export default PokemonList; import React from 'react'; import style from './pokemon-list.css'; import Pokemon from './pokemon'; class PokemonList extends React.Component { componentDidMount() { } render() { const that = this; const { pokemonList, onSelectPokemon } = that.props; const pokemonItems = []; pokemonList.forEach((pokemon) => { pokemonItems.push(<Pokemon key={pokemon.url} url={pokemon.url} onSelectPokemon={onSelectPokemon} />); }); return ( <div className="pokemon-list"> {pokemonItems} </div> ); } } export default PokemonList;

Ignore Space Show notes View

static/html/src/components/pokemon-list.js

Ignore Space Show notes View static/html/src/components/pokemon.js
import React from 'react'; import style from './pokemon.css'; class Pokemon extends React.Component { constructor(props) { super(props); const deselect = () => { this.setState({ selected: false }); }; const handleAddPokemonClick = () => () => { const { onSelectPokemon } = this.props; const { selected, url, id } = this.state; if (onSelectPokemon !== undefined) { this.setState({ selected: !selected }); onSelectPokemon(!selected, url, id, deselect); } }; this.state = { id: props.id, url: props.url, selected: false, handleAddPokemonClick, }; } render() { const { url, selected, handleAddPokemonClick } = this.state; let className = ''; if (selected) { className = 'selected'; } return ( <div> <img className={className} src={url} onClick={handleAddPokemonClick()} /> </div> ); } } export default Pokemon; import React from 'react'; import style from './pokemon.css'; class Pokemon extends React.Component { constructor(props) { super(props); const deselect = () => { this.setState({ selected: false }); }; const handleAddPokemonClick = () => () => { const { onSelectPokemon } = this.props; const { selected, url } = this.state; if (onSelectPokemon !== undefined) { this.setState({ selected: !selected }); onSelectPokemon(!selected, url, deselect); } }; this.state = { url: props.url, selected: false, handleAddPokemonClick, }; } render() { const { url, selected, handleAddPokemonClick } = this.state; let className = ''; if (selected) { className = 'selected'; } return ( <div> <img className={className} src={url} onClick={handleAddPokemonClick()} /> </div> ); } } export default Pokemon;

Ignore Space Show notes View

static/html/src/components/pokemon.js

Ignore Space Show notes View static/html/src/components/want-group.js
import React from 'react'; import PokemonList from './pokemon-list'; class WantGroup extends React.Component { componentDidMount() { } render() { const that = this; const { pokemonList, groupId, handleEditPokemonClick, handleDeletePokemonClick, connect, handleLinkWantAndNeed, linked, groupName, selectedId } = that.props; let checkbox; let buttons; if (connect) { let checked = false; linked.links.forEach((link) => { if (link.group_id === groupId && link.selected_id === selectedId) { checked = true; } }); checkbox = ( <div> <input defaultChecked={checked} type="checkbox" style={{ transform: 'scale(4)', marginTop: '20px' }} onClick={handleLinkWantAndNeed(groupId)} /> </div> ); } else { buttons = ( <div> <button style={{ fontSize: '10em' }} onClick={handleDeletePokemonClick(groupId)}>Delete</button> <button style={{ fontSize: '10em' }} onClick={handleEditPokemonClick(groupId)}>Edit</button> </div> ); } return ( <div> {checkbox} <h1 style={{ whiteSpace: 'nowrap' }}>{groupName}</h1> <PokemonList pokemonList={pokemonList} /> {buttons} </div> ); } } export default WantGroup; import React from 'react'; import PokemonList from './pokemon-list'; class WantGroup extends React.Component { constructor(props) { super(props); this.state = { groupName: props.groupName, }; } componentDidMount() { } render() { const that = this; const { pokemonList, handleEditPokemonClick, handleDeletePokemonClick, groupId } = that.props; return ( <div> <h1>{this.state.groupName}</h1> <PokemonList pokemonList={pokemonList} /> <button style={{ fontSize: '10em' }} onClick={handleDeletePokemonClick(groupId)}>Delete</button> <button style={{ fontSize: '10em' }} onClick={handleEditPokemonClick(groupId)}>Edit</button> </div> ); } } export default WantGroup;

Ignore Space Show notes View

static/html/src/components/want-group.js

import React from 'react';
import PokemonList from './pokemon-list';

class WantGroup extends React.Component {
  componentDidMount() {
  }

render() {
    const that = this;

const {
      pokemonList, groupId, handleEditPokemonClick, handleDeletePokemonClick, connect,
      handleLinkWantAndNeed, linked, groupName, selectedId
    } = that.props;

let checkbox;
    let buttons;
    if (connect) {
      let checked = false;
      linked.links.forEach((link) => {
        if (link.group_id === groupId && link.selected_id === selectedId) {
          checked = true;
        }
      });
      checkbox = (
        <div>
          <input defaultChecked={checked} type="checkbox" style={{ transform: 'scale(4)', marginTop: '20px' }} onClick={handleLinkWantAndNeed(groupId)} />
        </div>
      );
    } else {
      buttons = (
        <div>
          <button style={{ fontSize: '10em' }} onClick={handleDeletePokemonClick(groupId)}>Delete</button>
          <button style={{ fontSize: '10em' }} onClick={handleEditPokemonClick(groupId)}>Edit</button>
        </div>
      );
    }

return (
      <div>
        {checkbox}
        <h1 style={{ whiteSpace: 'nowrap' }}>{groupName}</h1>
        <PokemonList pokemonList={pokemonList} />
        {buttons}
      </div>
    );
  }
}

export default WantGroup;

Ignore Space Show notes View static/html/src/pages/chose.js
import React, { Component } from 'react'; import * as ReactDOM from 'react-dom'; import * as queryString from 'query-string'; import PokemonList from '../components/pokemon-list'; import Menu from '../components/menu'; class App extends Component { constructor(props) { super(props); const params = queryString.parse(location.search); const { type } = params; const wantGroupId = params.want_group_id; this.state = { pokemonList: [], selectedPokemon: new Map(), type, wantGroupId, }; } componentDidMount() { fetch('/api/available-pokemon') .then(response => response.json()) .then((data) => { this.setState({ pokemonList: data.pokemons }); }); } render() { const { pokemonList, selectedPokemon, type, wantGroupId, } = this.state; const handleDoneClick = () => () => { const pokemons = []; selectedPokemon.forEach((pokemon) => { pokemons.push({ id: pokemon.id, url: pokemon.url, }); }); fetch(`api/stored-pokemon?type=${type}&want-group-id=${wantGroupId}`, { method: 'POST', body: JSON.stringify(pokemons), }).then(() => { if (type === 'want') { window.location.href = '/want.html'; } else { window.location.href = '/index.html'; } }); }; const onSelectPokemon = (selected, url, id) => { if (selected) { selectedPokemon.set(id, { id, url }); } else { selectedPokemon.delete(id); } this.setState({ selectedPokemon }); }; return ( <div> <Menu /> <PokemonList pokemonList={pokemonList} onSelectPokemon={onSelectPokemon} /> <button type="button" style={{ fontSize: '10em' }} onClick={handleDoneClick()}>Done</button> </div> ); } } ReactDOM.render(<App />, document.getElementById('main')); import React, { Component } from 'react'; import * as ReactDOM from 'react-dom'; import * as queryString from 'query-string'; import PokemonList from '../components/pokemon-list'; import Menu from '../components/menu'; class App extends Component { constructor(props) { super(props); const params = queryString.parse(location.search); const { type } = params; const wantGroupId = params.want_group_id; this.state = { pokemonList: [], selectedPokemon: [], type, wantGroupId, }; } componentDidMount() { fetch('/api/available-pokemon') .then(response => response.json()) .then((data) => { this.setState({ pokemonList: data.pokemons }); }); } render() { const { pokemonList, selectedPokemon, type, wantGroupId, } = this.state; const handleDoneClick = () => () => { const pokemons = []; selectedPokemon.forEach((url) => { pokemons.push({ url, }); }); fetch(`api/stored-pokemon?type=${type}&want-group-id=${wantGroupId}`, { method: 'POST', body: JSON.stringify(pokemons), }).then(() => { if (type === 'want') { window.location.href = '/want.html'; } else { window.location.href = '/index.html'; } }); }; const onSelectPokemon = (selected, url) => { if (selected) { selectedPokemon.push(url); } else { const index = selectedPokemon.indexOf(url); if (index > -1) { selectedPokemon.splice(index, 1); } } this.setState({ selectedPokemon }); }; return ( <div> <Menu /> <PokemonList pokemonList={pokemonList} onSelectPokemon={onSelectPokemon} /> <button type="button" style={{ fontSize: '10em' }} onClick={handleDoneClick()}>Done</button> </div> ); } } ReactDOM.render(<App />, document.getElementById('main'));

Ignore Space Show notes View

static/html/src/pages/chose.js

import React, { Component } from 'react';
import * as ReactDOM from 'react-dom';
import * as queryString from 'query-string';
import PokemonList from '../components/pokemon-list';
import Menu from '../components/menu';

class App extends Component {
  constructor(props) {
    super(props);

const params = queryString.parse(location.search);

const { type } = params;
    const wantGroupId = params.want_group_id;

this.state = {
      pokemonList: [],
      selectedPokemon: new Map(),
      type,
      wantGroupId,
    };
  }

componentDidMount() {
    fetch('/api/available-pokemon')
      .then(response => response.json())
      .then((data) => {
        this.setState({ pokemonList: data.pokemons });
      });
  }

render() {
    const {
      pokemonList, selectedPokemon, type, wantGroupId,
    } = this.state;

return (
      <div>
        <Menu />
        <PokemonList pokemonList={pokemonList} onSelectPokemon={onSelectPokemon} />
        <button type="button" style={{ fontSize: '10em' }} onClick={handleDoneClick()}>Done</button>
      </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById('main'));

class App extends Component {
  constructor(props) {
    super(props);

const params = queryString.parse(location.search);

const { type } = params;
    const wantGroupId = params.want_group_id;

this.state = {
      pokemonList: [],
      selectedPokemon: [],
      type,
      wantGroupId,
    };
  }

componentDidMount() {
    fetch('/api/available-pokemon')
      .then(response => response.json())
      .then((data) => {
        this.setState({ pokemonList: data.pokemons });
      });
  }

render() {
    const {
      pokemonList, selectedPokemon, type, wantGroupId,
    } = this.state;

ReactDOM.render(<App />, document.getElementById('main'));

Ignore Space Show notes View static/html/src/pages/index.js
import React, { Component } from 'react'; import * as ReactDOM from 'react-dom'; import PokemonList from '../components/pokemon-list'; import ConnectModal from '../components/connect-modal'; import Menu from '../components/menu'; class App extends Component { constructor(props) { super(props); this.state = { pokemonList: [], open: false, pokemonWantList: [], }; } componentDidMount() { fetch('/api/stored-pokemon-have') .then(response => response.json()) .then((data) => { this.setState({ pokemonList: data.pokemons }); }); } render() { const { pokemonList, pokemonWantList, selectedId, linked, } = this.state; let { open } = this.state; const handleAddPokemonClick = () => () => { window.location.href = '/chose.html?type=have'; }; const onSelectPokemon = (selected, url, id, deselect) => { fetch('/api/stored-pokemon-want') .then(response => response.json()) .then((data) => { open = true; fetch('/api/linked-stored-pokemon') .then(response => response.json()) .then((data2) => { this.setState({ open, deselect, pokemonWantList: data, selectedId: id, linked: data2, }); }); }); }; const onDeselectPokemon = () => { const { deselect } = this.state; open = false; deselect(); this.setState({ open, deselect: undefined }); }; const handleLinkWantAndNeed = groupId => () => { fetch('api/linked-stored-pokemon', { method: 'POST', body: JSON.stringify({ group_id: groupId, selected_id: selectedId, }), }).then(() => {}); }; return ( <div> <Menu active={0} /> <PokemonList pokemonList={pokemonList} onSelectPokemon={onSelectPokemon} /> <button style={{ fontSize: '10em' }} type="button" onClick={handleAddPokemonClick()}>Add</button> <ConnectModal pokemonWantList={pokemonWantList} open={open} onDeselectPokemon={onDeselectPokemon} handleLinkWantAndNeed={handleLinkWantAndNeed} linked={linked} selectedId={selectedId} /> </div> ); } } ReactDOM.render(<App />, document.getElementById('main')); import React, { Component } from 'react'; import * as ReactDOM from 'react-dom'; import PokemonList from '../components/pokemon-list'; import ConnectModal from '../components/connect-modal'; import Menu from '../components/menu'; class App extends Component { constructor(props) { super(props); this.state = { pokemonList: [], open: false, }; } componentDidMount() { fetch('/api/stored-pokemon-have') .then(response => response.json()) .then((data) => { this.setState({ pokemonList: data.pokemons }); }); } render() { const { pokemonList } = this.state; let { open } = this.state; const handleAddPokemonClick = () => () => { window.location.href = '/chose.html?type=have'; }; const onSelectPokemon = (selected, url, deselect) => { open = true; this.setState({ open, deselect }); }; const onDeselectPokemon = () => { const { deselect } = this.state; open = false; deselect(); this.setState({ open, deselect: undefined }); }; return ( <div> <Menu active={0} /> <PokemonList pokemonList={pokemonList} onSelectPokemon={onSelectPokemon} /> <button style={{ fontSize: '10em' }} type="button" onClick={handleAddPokemonClick()}>Add</button> <ConnectModal pokemonList={pokemonList} open={open} onDeselectPokemon={onDeselectPokemon} /> </div> ); } } ReactDOM.render(<App />, document.getElementById('main'));

Ignore Space Show notes View

static/html/src/pages/index.js

import React, { Component } from 'react';
import * as ReactDOM from 'react-dom';
import PokemonList from '../components/pokemon-list';
import ConnectModal from '../components/connect-modal';
import Menu from '../components/menu';

class App extends Component {
  constructor(props) {
    super(props);

this.state = {
      pokemonList: [],
      open: false,
      pokemonWantList: [],
    };
  }

componentDidMount() {
    fetch('/api/stored-pokemon-have')
      .then(response => response.json())
      .then((data) => {
        this.setState({ pokemonList: data.pokemons });
      });
  }

render() {
    const {
      pokemonList, pokemonWantList, selectedId, linked,
    } = this.state;
    let { open } = this.state;

const handleAddPokemonClick = () => () => {
      window.location.href = '/chose.html?type=have';
    };

const onDeselectPokemon = () => {
      const { deselect } = this.state;
      open = false;
      deselect();
      this.setState({ open, deselect: undefined });
    };

const handleLinkWantAndNeed = groupId => () => {
      fetch('api/linked-stored-pokemon', {
        method: 'POST',
        body: JSON.stringify({
          group_id: groupId,
          selected_id: selectedId,
        }),
      }).then(() => {});
    };

return (
      <div>
        <Menu active={0} />
        <PokemonList pokemonList={pokemonList} onSelectPokemon={onSelectPokemon} />
        <button style={{ fontSize: '10em' }} type="button" onClick={handleAddPokemonClick()}>Add</button>
        <ConnectModal
          pokemonWantList={pokemonWantList}
          open={open}
          onDeselectPokemon={onDeselectPokemon}
          handleLinkWantAndNeed={handleLinkWantAndNeed}
          linked={linked}
          selectedId={selectedId}
        />
      </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById('main'));

class App extends Component {
  constructor(props) {
    super(props);

this.state = {
      pokemonList: [],
      open: false,
    };
  }

componentDidMount() {
    fetch('/api/stored-pokemon-have')
      .then(response => response.json())
      .then((data) => {
        this.setState({ pokemonList: data.pokemons });
      });
  }

render() {
    const { pokemonList } = this.state;
    let { open } = this.state;

const handleAddPokemonClick = () => () => {
      window.location.href = '/chose.html?type=have';
    };

const onSelectPokemon = (selected, url, deselect) => {
      open = true;
      this.setState({ open, deselect });
    };

const onDeselectPokemon = () => {
      const { deselect } = this.state;
      open = false;
      deselect();
      this.setState({ open, deselect: undefined });
    };

ReactDOM.render(<App />, document.getElementById('main'));

Show line notes below