comment-thread

// src/components/apps/cloud/ticket-detail/app-ticket-detail/comment-thread/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: https://finstral.com/apps/cloud/ticket-detail/app-ticket-detail/comment-thread
type: object
additionalProperties: false
properties:
  comments:
    $ref: https://finstral.com/apps/cloud/ticket-detail#CommentsSchema

// src/components/apps/cloud/ticket-detail/app-ticket-detail/comment-thread/mocks.yaml

comments:
  - create_date_time: '2024-11-05T15:30:00Z'
    is_author: true
    message_detail: |
      Author: Samuel L.

      This is the initial setup for our project. Let's keep the momentum going!
  - create_date_time: '2024-11-05T16:00:00Z'
    is_author: false
    message_detail: |
      Author: Jane Smith

      I've added a few comments on the document regarding the project scope.
  - create_date_time: '2024-11-05T16:20:00Z'
    is_author: true
    message_detail: >
      Author: Samuel L.


      Good feedback, Jane. I'll make sure to address those points in the next
      version.
  - create_date_time: '2024-11-05T16:28:00Z'
    is_author: true
    message_detail: >
      Author: Samuel L.


      Good feedback, Jane. I'll make sure to address those points in the next
      version. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
      nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
      diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
      Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
      sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
      diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
      erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
      rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
      dolor sit amet.
  - create_date_time: '2024-11-05T17:00:00Z'
    is_author: false
    message_detail: |
      Author: Lisa Chang

      Could we also include a section on potential risks and mitigations?
  - create_date_time: '2024-11-05T17:30:00Z'
    is_author: true
    message_detail: |
      Author: Samuel L.

      I'll draft a risk analysis section and share it by tomorrow.
  - create_date_time: '2024-11-05T18:00:00Z'
    is_author: false
    message_detail: |
      Author: Emily N.

      Thanks, Tom! I'll review it once it's available.

// src/components/apps/cloud/ticket-detail/app-ticket-detail/comment-thread/comment-thread.twig

<div class="TicketDetail-commentThread" {% if comments is empty %} hidden {% endif %}>
	<ul class="CommentThread" id="ticket-detail-comment-thread">
		{% for comment in comments %}
			<li class="CommentThread-entry {% if comment.is_author %} CommentThread-entry--author {% endif %}">
				<article class="CommentThread-comment">
					<div class="CommentThread-commentMessage"><pre>{{ comment.message_detail }}</pre></div>
					<time datetime="{{ comment.create_date_time }}" class="u-typo-TextS CommentThread-commentDate">
						{{ comment.create_date_time }}
					</time>
				</article>
			</li>
		{% endfor %}
	</ul>
</div>

<template id="ticket-detail-comment-tmpl">
	<li class="CommentThread-entry CommentThread-entry--author">
		<article class="CommentThread-comment">
			<div class="CommentThread-commentMessage"><pre></pre></div>
			<time datetime="" class="u-typo-TextS CommentThread-commentDate"></time>
		</article>
	</li>
</template>