Set up games folder and migration for slugs

Author: bijanbwb

assets/elm/src/Games/Platformer.elm

@@ -0,0 +1,8 @@
+module Games.Platformer exposing (main)
+
+import Html exposing (..)
+
+
+main : Html msg
+main =
+    text "Platformer Game"

assets/js/app.js

@@ -17,8 +17,14 @@ import "phoenix_html"
 // import socket from "./socket"
 
 // Elm
-import { Elm } from "../elm/src/Main.elm"
+import { Elm } from "../elm/src/Main.elm";
 
-Elm.Main.init({
-  node: document.getElementById("elm-container")
-})
+const elmContainer = document.querySelector("#elm-container");
+const platformer = document.querySelector("#platformer");
+
+if (elmContainer) {
+  Elm.Main.init({ node: elmContainer });
+}
+if (platformer) {
+  Elm.Games.Platformer.init({ node: platformer });
+}

assets/webpack.config.js

@@ -38,7 +38,11 @@ module.exports = (env, options) => ({
         use: {
           loader: 'elm-webpack-loader',
           options: {
-            cwd: path.resolve(__dirname, 'elm')
+            cwd: path.resolve(__dirname, 'elm'),
+            files: [
+              path.resolve(__dirname, "elm/src/Main.elm"),
+              path.resolve(__dirname, "elm/src/Games/Platformer.elm")
+            ]
           }
         }
       }

lib/platform/products/game.ex

@@ -10,6 +10,7 @@ defmodule Platform.Products.Game do
 
     field :description, :string
     field :featured, :boolean, default: false
+    field :slug, :string, unique: true
     field :thumbnail, :string
     field :title, :string
 
@@ -19,7 +20,8 @@ defmodule Platform.Products.Game do
   @doc false
   def changeset(game, attrs) do
     game
-    |> cast(attrs, [:description, :featured, :thumbnail, :title])
-    |> validate_required([:description, :featured, :thumbnail, :title])
+    |> cast(attrs, [:description, :featured, :slug, :thumbnail, :title])
+    |> validate_required([:description, :featured, :slug, :thumbnail, :title])
+    |> unique_constraint(:slug)
   end
 end

lib/platform_web/controllers/game_controller.ex

@@ -25,6 +25,11 @@ defmodule PlatformWeb.GameController do
     render(conn, "show.json", game: game)
   end
 
+  def play(conn, %{"id" => id}) do
+    game = Products.get_game!(id)
+    render(conn, "show.html", game: game)
+  end
+
   def update(conn, %{"id" => id, "game" => game_params}) do
     game = Products.get_game!(id)
 

lib/platform_web/router.ex

@@ -18,6 +18,7 @@ defmodule PlatformWeb.Router do
     pipe_through :browser
 
     get "/", PageController, :index
+    get "/games/:id", GameController, :play
     resources "/players", PlayerController
     resources "/sessions", PlayerSessionController, only: [:new, :create, :delete]
   end

lib/platform_web/templates/game/show.html.eex

@@ -0,0 +1 @@
+<div id="<%= @game.title |> String.downcase() %>"></div>

priv/repo/migrations/20181213131353_add_slug_to_games.exs

@@ -0,0 +1,11 @@
+defmodule Platform.Repo.Migrations.AddSlugToGames do
+  use Ecto.Migration
+
+  def change do
+    alter table(:games) do
+      add :slug, :string
+    end
+
+    create unique_index(:games, [:slug])
+  end
+end