Skip to content

Commit

Permalink
Merge pull request #40 from shortintern2020-A-labyrinth/chat_func
Browse files Browse the repository at this point in the history 
chat.html とemologlist.htmlを動くようにしているはずです
  • Loading branch information
@Masahito-I
Masahito-I authored Aug 27, 2020
2 parents 92b261c + 222fecf commit a818529
Show file tree
Hide file tree
Showing 3 changed files with 37 additions and 30 deletions.
8 changes: 4 additions & 4 deletions src/main/resources/templates/chat.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,12 +30,12 @@
<p class="emolog-date" th:text="${date}">8/18</p>
</li>
<li class="emolog-show">
<!--自分のエモログの表示-->
<!--相手のエモログの表示-->
<!--<p class="emoji">&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;</p> -->
<p class="emoji" th:text="${FriendEmolog}"></p>
<p class="emoji" th:text="${FriendEmolog ['contents']}"></p>
<p>朝 <img th:src="@{images/arrow.png}" alt="emolog_arrow"> 夜</p>
<!--相手のエモログの表示-->
<p class="emoji" th:text="${MyEmolog}"></p>
<!--自分のエモログの表示-->
<p class="emoji" th:text="${MyEmolog ['contents']}"></p>
</li>
</ul>

Expand Down
58 changes: 33 additions & 25 deletions src/main/resources/templates/emologlist.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,31 +27,39 @@

<!-- 本当はjava でデータを取ってきてすべて表示　例を書く-->
<ul>
<li><a href="chat">
<p class="emolog-date">8月18日<p>
<!--相手のエモログの表示-->
<p class="emoji">&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;</p>
<img src="images/arrow.png" alt="emolog_arrow">
</a>
</li>
<li>
<p class="emolog-date">8月17日<p>
<!--相手のエモログの表示-->
<p class="emoji">&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;</p>
<img src="images/arrow.png" alt="emolog_arrow">
</li>
<li>
<p class="emolog-date">8月16日<p>
<!--相手のエモログの表示-->
<p class="emoji">&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;</p>
<img src="images/arrow.png" alt="emolog_arrow">
</li>
<li>
<p class="emolog-date">8月15日<p>
<!--相手のエモログの表示-->
<p class="emoji">&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;</p>
<img src="images/arrow.png" alt="emolog_arrow">
</li>
<ul class="friend_ul" th:each="emolog:${emologs}">
<li><a th:href="'../../chat/'+${emolog.id}">
<!--<p class="emolog-date" th:text="|${#dates.month(${emolog.created_at})} 月 ${#dates.day(${emolog.created_at})} 日|">8月18日<p>
相手のエモログの表示-->
<p class="emoji" th:text="${emolog.contents}" >&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;</p>
<img th:src="@{/images/arrow.png}" alt="emolog_arrow">
</a>
</li>
<!--静的サンプル表示部分-->
<!-- <li><a href="chat">-->
<!-- <p class="emolog-date">8月18日<p>-->
<!-- <p class="emoji">&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;</p>-->
<!-- <img src="images/arrow.png" alt="emolog_arrow">-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <p class="emolog-date">8月17日<p>-->
<!-- &lt;!&ndash;相手のエモログの表示&ndash;&gt;-->
<!-- <p class="emoji">&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;</p>-->
<!-- <img src="images/arrow.png" alt="emolog_arrow">-->
<!-- </li>-->
<!-- <li>-->
<!-- <p class="emolog-date">8月16日<p>-->
<!-- &lt;!&ndash;相手のエモログの表示&ndash;&gt;-->
<!-- <p class="emoji">&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;</p>-->
<!-- <img src="images/arrow.png" alt="emolog_arrow">-->
<!-- </li>-->
<!-- <li>-->
<!-- <p class="emolog-date">8月15日<p>-->
<!-- &lt;!&ndash;相手のエモログの表示&ndash;&gt;-->
<!-- <p class="emoji">&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;&#x1f349;</p>-->
<!-- <img src="images/arrow.png" alt="emolog_arrow">-->
<!-- </li>-->
</ul>
</div>
<!-- ナビゲーションバーを表示-->
Expand Down
1 change: 0 additions & 1 deletion src/main/resources/templates/friendlist.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,6 @@
<!-- 友達の一覧を表示-->
<div class="emolog-list">

<!-- 本当はjava でデータを取ってきてすべて表示　例を書く-->
<ul>
<li>
<a href="emologlist.html">
Expand Down

0 comments on commit a818529

Please sign in to comment.