card display

SophieDeBenedetto · SophieDeBenedetto · commit 605e7ac0e41e · 2019-07-14T09:50:15.000-04:00
diff --git a/lib/pointing_party_web/templates/card/index.html.eex b/lib/pointing_party_web/templates/card/index.html.eex
@@ -1 +1,26 @@
-<%= @card.title %>
+
+<div class="card text-left">
+  <div class="card-header">
+    <h2><%= @card.title %></h2>
+  </div>
+  <div class="card-body">
+    <p class="card-text"><%= @card.description %></p>
+    <div class="form-group text-left">
+      <div class="form-row align-items-center">
+        <div class="col-2">
+          <label for="storyPoints">Story Points</label>
+          <select class="form-control" id="storyPoints">
+            <option>0</option>
+            <option>1</option>
+            <option>3</option>
+            <option>5</option>
+          </select>
+        </div>
+      </div>
+  </div>
+    <a href="#" class="btn btn-primary">Calculate Points</a>
+  </div>
+  <div class="card-footer text-muted">
+    <%= @card.inserted_at %>
+  </div>
+</div>
diff --git a/lib/pointing_party_web/templates/layout/app.html.eex b/lib/pointing_party_web/templates/layout/app.html.eex
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <title>PointingParty</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
     <link rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
   </head>
   <body>
