5-5 templates/show_one.tpl

<div class="container">
    <h2 class="text-center"><a href="{$action}"><i class="fa fa-reply"></i> {$content.title}</a></h2>
    <!-- 描述：大量文字 -->
    <div class="row mb-3">
        <label for="directions" class="col-sm-3 text-end">描述</label>
        <div class="col-sm-9">
           {$content.directions|nl2br}
        </div>
    </div>
    <!-- 日期 -->
    <div class="row mb-3">
        <label for="end" class="col-sm-3 text-end">到期日</label>
        <div class="col-sm-9">
          {$content.end}
        </div>
    </div>
    <!-- 優先順序：下拉選單 b5-form-input-select-->
    <div class="row mb-3">
        <label for="priority" class="col-sm-3 text-end">優先順序</label>
        <div class="col-sm-6">
            {$content.priority}
        </div>
    </div>
    <!-- 指派對象：複選框 b5-form-check-inline-->
    <div class="row mb-3">
        <label for="assign" class="col-sm-3 text-end">指派對象</label>
        <div class="col-sm-9">
            {$content.assign}
          </div>
        </div>
    </div>
    <!-- 是否完成：單選框 b5-form-radio-->
    <div class="row mb-3">
        <label for="done" class="col-sm-3 text-end">是否完成</label>
        <div class="col-sm-9">
            {if $content.done}
                <span class="badge bg-success text-center"><i class="fas fa-check"></i></span>
            {else}
                <span class="badge bg-danger text-center"><i class="fas fa-times-circle"></i></span>
            {/if}
        </div>
    </div>
    <div class="row mb-3">
        <label class="col-sm-3 text-end">
            建立時間
        </label>
        <div class="col-sm-9">
            {$content.create_time}
        </div>
    </div>

    <div class="row mb-3">
        <label class="col-sm-3 text-end">
            最後更新時間
        </label>
        <div class="col-sm-9">
            {$content.update_time}
        </div>
    </div>
    <div class="text-end">
        <a href="{$action}?op=post_form&sn={$content.sn}" class="btn btn-warning">編輯</a>
        <a href="{$action}?op=delete&sn={$content.sn}" class="btn btn-danger">刪除</a>
        <a href="{$action}" class="btn btn-success">回首頁</a>
    </div>
</div>