Django Webアプリケーション

日記をWeb上で作成保存できるサービスを

Djangoを使って作成することに挑戦しています

今度は上手くいきました

diary_detail.html

{% extends 'base.html' %}
{% load static %}

{%block title %}日記詳細 | Private Diary{% endblock %}

{% block active_diary_list %}active{% endblock %}

{% block contents %}
<div class="container">
  <div class="my-div-style w-100">
    <div class="row">    
      <div class="col-3">
        <strong>タイトル</strong>
      </div>
      <div class="col-9">
        {{ object.title }}
      </div>
    </div>
    <hr>
    
    <div class="row">
      <div class="col-3">
        <strong>本文</strong>
      </div>
      <div class="col-9">
        {{ object.content | linebreaksbr }}
      </div>
    </div>
    
    <hr>
    
    <div class="row">
      <div class="col-3">
        <strong>写真</strong>
      </div>
      <div class="col-3">
        {% if object.photo1 %}
          <img src="{{ object.phot1.url }}" width="200" height="200"/>
        {% endif %}
      </div>
      <div class="col-3">
        {% if object.photo2 %}
          <img src="{{ object.photo2.url }}" width="200" height="200"/>
        {% endif %}
      </div>
      <div class="col-3">
        {% if object.photo3 %}
          <img src="{{ object.photo3.url }}" width="200" height="200"/>
        {% endif %}
      </div>
    </div>
    <hr>
    
    <div class="row">
      <div class="col-3">
        <strong>作成日時</strong>
      </div>
      <div class="col-9">
        {{ object.created_at }}
      </div>
    </div>
    <hr>
    
    <div class="row">
      <div class="col-3">
        <strong>更新日時</strong>
      </div>
      <div class="col-9">
        {{ object.updated_at }}
      </div>
    </div>
    <a class="btn btn-success mt-5 mb-3" href="{% url 'diary:diary_update' object.pk %}">編集</a>
    <a class="btn btn-danger mt-5 ml-2 mb-3" href="{% url 'diary:diary_delete' object.pk %}">削除</a>
  </div>
</div>
{% endblock %}