Namespace server side render

This commit is contained in:
2021-01-11 19:24:44 +05:00
parent 9a3173c23a
commit 0d78b68804
2 changed files with 55 additions and 5 deletions

View File

@@ -16,8 +16,12 @@ class NameSpaceController extends Controller
{
if (!array_key_exists($namespace, config('karudhaas.topic_filters'))) return redirect('/namespaces');
$options = config("karudhaas.topic_filters." . $namespace);
return view('namespaces.show', [
'namespace' => config("karudhaas.topic_filters.".$namespace)
'options' => $options,
'articles' => Article::with('source')->whereHas('topics', function ($q) use ($options) {
$q->whereIn('slug', $options["keys"]);
})->latest('published_date')->paginate(8)
]);
}
}

View File

@@ -1,5 +1,51 @@
<x-layout>
<topic-filter topics="{{implode(',',$namespace['keys']) }}" label="{{$namespace['dv_name']}}" :per_page="12"
color="border-{{$namespace['color']}}-500">
</topic-filter>
<div class="mb-10">
<div class="flex flex-col items-center">
<h3 class="text-gray-800 text-3xl text-center mt-5 mb-2 mr-3 MvAamu" style="font-weight: 100;">
{{$options['dv_name']}}</h3>
<div class="border-b-2 w-32" class="border-{{$options['color']}}-500"></div>
</div>
<div class="container mx-auto">
<div class="flex md:-mx-4 flex-row-reverse flex-wrap mb-7 md:px-0">
@foreach ($articles as $article)
<div class="w-1/2 md:w-1/4 px-4 py-4 flex-grow">
<a href="/article/{{$article->source->slug}}/{{$article->guid}}">
<div class="w-full h-auto overflow-hidden relative rounded">
<img src="{{$article->featured_image}}" />
</div>
</a>
<div class="w-full h-auto text-right overflow-hidden mt-3">
<a href="/article/{{$article->source->slug}}/{{$article->guid}}"
class="text-md leading-9 font-semibold text-right text-gray-700 py-3 MvTyper hover:underline"
style="direction:rtl;">{{$article->title}}</a>
<div class="flex items-center justify-end mt-3 mb-3">
<a href="/source/{{$article->source->slug}}">
<div class="flex justify-end items-center">
<div>
<p class="font-semibold text-gray-600 text-sm capitalize MvTyper">
{{$article->source->name}}</p>
</div>
<img src="{{$article->source->logo}}"
class="h-10 w-10 rounded-full ml-1 object-cover" />
</div>
</a>
</div>
<p class="ml-1 text-gray-600 text-right MvTyper" style="direction:rtl; font-size:13px;">
{{$article->published_date->locale('dv')->isoFormat('Do MMMM YYYY')}}
</p>
</div>
</div>
@endforeach
</div>
</div>
</div>
</x-layout>