Update (UI)

This commit is contained in:
2023-12-03 10:15:08 +08:00
parent 8236db717b
commit 7844695b18
6 changed files with 33 additions and 69 deletions

View File

@@ -1,34 +1,32 @@
<div class="accordion" id="accordionTechBites">
@foreach ($rss_posts as $key => $post)
<div class="accordion-item">
<h2 class="accordion-header" id="heading{{ $key }}">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapse{{ $key }}" aria-controls="collapse{{ $key }}">
<div>
<h3 class="h6 mb-2 fw fw-semibold font-family-roboto-condensed">
@foreach ($rss_posts as $key => $post)
<div class="card mb-1">
<div class="card-body">
<div class="d-flex justify-content-between">
<div class="">
<h3 class="h6 mb-1 fw fw-semibold font-family-roboto-condensed">
{{ $post->title }}
</h3>
@if ($post->entities_keywords->count() > 0)
<div class="d-flex flex-wrap mb-1">
@if ($post->entities)
{{-- @if ($post->entities) --}}
@foreach ($post->entities_keywords as $keyword)
{{-- @if ($keyword->type == 'entity') --}}
@if ($loop->iteration <= 2)
@if ($keyword->is_main)
<h4
class="mb-1 pb-1 d-inline badge bg-secondary border-secondary text-white border me-1 small fw-bold">
class="mb-0 pb-1 d-inline badge bg-secondary border-secondary text-white border me-1 small fw-bold">
{{ $keyword->value }}
</h4>
@else
<h4
class="mb-1 pb-1 d-inline badge text-bg-light border me-1 small fw-normal">
class="mb-0 pb-1 d-inline badge text-bg-light border me-1 small fw-normal">
{{ $keyword->value }}
</h4>
@endif
@elseif ($loop->iteration == 3)
<h4
class="mb-1 pb-1 d-inline badge text-bg-light border me-1 small fw-normal">
class="mb-0 pb-1 d-inline badge text-bg-light border me-1 small fw-normal">
+{{ count($post->entities_keywords) - 3 }} more
</h4>
@break
@@ -36,14 +34,15 @@ class="mb-1 pb-1 d-inline badge text-bg-light border me-1 small fw-normal">
{{-- @endif --}}
@endforeach
@endif
{{-- @endif --}}
@if ($post->impact_level == 'high')
<h4
class="font-family-roboto-condensed mb-1 pb-1 d-inline badge bg-danger border-danger text-white border me-1 small fw-bold text-uppercase">
class="font-family-roboto-condensed mb-0 pb-1 d-inline badge bg-danger border-danger text-white border me-1 small fw-bold text-uppercase">
🔥 High Impact
</h4>
@endif
</div>
@endif
<div class="small">
@if ($post->category)
@@ -59,52 +58,20 @@ class="font-family-roboto-condensed mb-1 pb-1 d-inline badge bg-danger border-da
@endif
</span>
<i class="bi bi-dot"></i>
@if (!is_empty($post->bites))
<i class="bi bi-dot"></i>
<span class="d-inline text-secondary small">{{ min_read($post->bites) }}</span>
@endif
</div>
</div>
</button>
</h2>
<div id="collapse{{ $key }}" class="accordion-collapse collapse"
aria-labelledby="heading{{ $key }}" data-bs-parent="#accordionTechBites">
<div class="accordion-body small">
@if (!is_empty($post->bites))
<div class="fw-bold">The Bite:</div>
<div class="mb-3">{{ $post->bites }}</div>
@endif
@if (!is_empty($post->impact))
@if (in_array($post->impact_level, ['medium', 'high']))
<div class="card mb-2">
<div class="card-body">
<div class="fw-bold">Social Impact:</div>
<div>{{ $post->impact }}</div>
</div>
</div>
@endif
@endif
@if ($post->entities)
<div class="mb-2 text-wrap">
More about: @foreach ($post->entities_keywords as $keyword)
<a class="word-wrap-break-word ms-2"
href="{{ get_route_search_result($keyword->value_lowercased) }}">#{{ $keyword->value_lowercased }}</a>
@endforeach
</div>
@endif
<div>
Read the full article:
<a target="_blank" rel="nofollow noopener noreferrer" href="{{ $post->post_url }}">
{{ get_domain_from_url($post->post_url) }} </a>
</div>
</div>
</div>
<div class=" text-end d-flex justify-content-end">
<div class="align-self-center">
<a class="btn btn-outline-secondary btn-sm rounded-pill px-3 text-decoration-none" target="_blank" rel="nofollow noopener noreferrer" href="{{ $post->post_url }}">👉 Read </a>
</div>
</div>
</div>
@endforeach
</div>
</div>
@endforeach