[8-16] 団員一覧ページのテンプレート

hidenorigoto · Dec 28, 2015 · 7f228e1 · 7f228e1
1 parent 5b7bbb8
commit 7f228e1
Show file tree

Hide file tree

Showing 2 changed files with 74 additions and 0 deletions.
diff --git a/app/Resources/views/Member/index.html.twig b/app/Resources/views/Member/index.html.twig
@@ -0,0 +1,37 @@
+{% extends "layout.html.twig" %}
+
+{% block title %}団員情報{{ parent() }}{% endblock %}
+
+{% block body %}
+<section id="home" class="head-main-img">
+    <div class="container">
+        <div class="row text-center pad-row">
+            <div class="col-md-10 col-md-offset-1">
+                <h1><span class="back-light">団員情報</span></h1>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section id="port-sec">
+    <div class="container">
+        <div class="row pad-row" >
+            <div class="col-md-12 col-sm-12" >
+                <ul class="portfolio-items col-3">
+                    {% for member in memberCollection %}
+                        <li class="portfolio-item">
+                            <div class="item-main">
+                                <h5>{{ member.name }}</h5>
+                                <ul class="plan">
+                                    <li>パート：{{ member.part }}</li>
+                                    <li>加入日：{{ member.joinedDate }}</li>
+                                </ul>
+                            </div>
+                        </li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </div>
+    </div>
+</section>
+{% endblock %}
diff --git a/docs/lists/ch08/08-16.txt b/docs/lists/ch08/08-16.txt
@@ -0,0 +1,37 @@
+{% extends "layout.html.twig" %}
+
+{% block title %}団員情報{{ parent() }}{% endblock %}
+
+{% block body %}
+<section id="home" class="head-main-img">
+    <div class="container">
+        <div class="row text-center pad-row">
+            <div class="col-md-10 col-md-offset-1">
+                <h1><span class="back-light">団員情報</span></h1>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section id="port-sec">
+    <div class="container">
+        <div class="row pad-row" >
+            <div class="col-md-12 col-sm-12" >
+                <ul class="portfolio-items col-3">
+                    {% for member in memberCollection %}
+                        <li class="portfolio-item">
+                            <div class="item-main">
+                                <h5>{{ member.name }}</h5>
+                                <ul class="plan">
+                                    <li>パート：{{ member.part }}</li>
+                                    <li>加入日：{{ member.joinedDate }}</li>
+                                </ul>
+                            </div>
+                        </li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </div>
+    </div>
+</section>
+{% endblock %}