shihaam/karudhaas
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Article Save and sweet alert

Browse Source
This commit is contained in:
Mohamed Jinas
2020-08-17 03:05:09 +05:00
parent 31e2e89e9b
commit e4d01339ef
24 changed files with 126620 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
resources/js/app.js vendored
View File

@@ -1,6 +1,7 @@
require('./bootstrap');
import Vue from 'vue';
import TodaysPick from "./components/TodaysPick";
import DiscoverTopics from "./components/DiscoverTopics";
import RecentStories from "./components/RecentStories";

26
resources/views/articles/show.blade.php
View File

@@ -29,13 +29,35 @@
<img src="{{$article->source->logo}}" class="h-10 w-10 rounded-full mr-2 object-cover" />
<div>
<p class="font-semibold text-gray-200 text-md MvTyper">{{$article->source->name}}</p>
<p class="font-semibold text-gray-400 text-xs MvTyper" style="direction: rtl;">{{$article->published_date->locale('dv')->isoFormat('Do MMMM YYYY | dddd | h:mm')}}</p>
<p class="font-semibold text-gray-400 text-xs MvTyper" style="direction: rtl;">
{{$article->published_date->locale('dv')->isoFormat('Do MMMM YYYY | dddd | h:mm')}}</p>
</div>
</div>
</div>
</div>
<div class="px-4 lg:px-0 mt-12 text-gray-700 max-w-screen-md mx-auto text-lg leading-relaxed">
<div class="px-4 lg:px-0 mt-5 text-gray-700 max-w-screen-md mx-auto text-lg leading-relaxed">
<div class="flex justify-end mb-5 border-b">
<form action="{{route('mylist.store', $article->id)}}" method="POST">
@csrf
<button type="submit"
class="flex items-center justify-center mb-2 shadow p-1 rounded hover:shadow-lg cursor-pointer">
<p class="text-gray-700 text-sm MvTyper text-right mr-2">
ރައްކާކުރޭ
</p>
<svg class="h-5 w-5 text-gray-800" fill="currentcolor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<g data-name="Froppy disk">
<path
d="M61.707 10.293l-8-8A1 1 0 0053 2H7a5.006 5.006 0 00-5 5v50a5.006 5.006 0 005 5h50a5.006 5.006 0 005-5V11a1 1 0 00-.293-.707zM48 4v16a1 1 0 01-1 1H17a1 1 0 01-1-1V4zM10 60V35a3 3 0 013-3h38a3 3 0 013 3v25zm50-3a3 3 0 01-3 3h-1V35a5.006 5.006 0 00-5-5H13a5.006 5.006 0 00-5 5v25H7a3 3 0 01-3-3V7a3 3 0 013-3h7v16a3 3 0 003 3h30a3 3 0 003-3V4h2.586L60 11.414z" />
<path
d="M39 19h6a1 1 0 001-1V7a1 1 0 00-1-1h-6a1 1 0 00-1 1v11a1 1 0 001 1zm1-11h4v9h-4zM47 45H17a1 1 0 000 2h30a1 1 0 000-2zM47 39H17a1 1 0 000 2h30a1 1 0 000-2zM47 51H17a1 1 0 000 2h30a1 1 0 000-2z" />
</g>
</svg>
</button>
</form>
</div>
@foreach ($article->body as $block)
<p class="MvTyper text-right" style="direction:rtl;">
{{$block}}

2
resources/views/layouts/app.blade.php
View File

@@ -18,6 +18,7 @@
@include('partials.header')
<main class="mt-12">
@yield('content')
</main>
@@ -26,6 +27,7 @@
</div>
@include('sweetalert::alert')
<script src="/js/app.js"></script>
</body>

71
resources/views/mylist/index.blade.php Normal file
View File

@@ -0,0 +1,71 @@
@extends('layouts.app')
@section('content')
<div class="mb-10">
<div>
<h3
class="text-gray-800 font-bold text-3xl text-right mt-3 mb-2 mr-3 MvAamu"
>
ރައްކާ ކުރެވިފައިާ ލިޔުންތައް
</h3>
</div>
<div class="flex justify-end">
<!-- post cards -->
<div class="w-full lg:w-2/3">
@foreach($articles as $article)
<div>
<a
href="{{route('articles.show', $article->id)}}"
class="block w-full flex mb-10 shadow rounded-lg"
>
<div
class="bg-white rounded px-4 flex flex-col flex-grow justify-between leading-normal"
>
<div>
<div
class="mt-5 text-gray-700 font-semibold text-1xl mb-2 text-right MvTyper hover:underline"
style="direction:rtl;"
>
{{$article->title}}
</div>
<div
class="flex items-center justify-end mt-3 mb-3"
>
<p
class="font-semibold text-gray-700 text-sm capitalize MvTyper py-4"
>
{{$article->source->name}}
</p>
<p class="text-gray-600 text-xs ml-1 MvTyper" style="direction: rtl;">
{{$article->published_date->locale('dv')->isoFormat('Do MMMM YYYY')}}
&mdash;
</p>
</div>
<p
class="text-gray-700 text-base text-right MvTyper"
style="direction:rtl;"
>
{{$article->body[0]}}
</p>
</div>
</div>
<div
class="h-48 w-48 flex-none bg-cover text-center overflow-hidden rounded object-right dark-img"
style="background-image: url({{$article->featured_image}}); "
></div>
</a>
</div>
@endforeach
</div>
</div>
</div>
@endsection

4
resources/views/partials/header.blade.php
View File

@@ -13,9 +13,9 @@
<a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline MvAamu"
href="#">ވާހަކަ</a>
<a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline MvAamu"
href="#">އަހަރެންގެ ލިޔުންތަށް</a>
href="/mylist">ރައްކާކުރެވިފައިވާ</a>
</nav>
</div>
</div>
</div>

14
resources/views/vendor/sweetalert/alert.blade.php vendored Normal file
View File

@@ -0,0 +1,14 @@
@if (config('sweetalert.alwaysLoadJS') === true && config('sweetalert.neverLoadJS') === false )
<script src="{{ $cdn ?? asset('vendor/sweetalert/sweetalert.all.js') }}"></script>
@endif
@if (Session::has('alert.config'))
@if(config('sweetalert.animation.enable'))
<link rel="stylesheet" href="{{ config('sweetalert.animatecss') }}">
@endif
@if (config('sweetalert.alwaysLoadJS') === false && config('sweetalert.neverLoadJS') === false)
<script src="{{ $cdn ?? asset('vendor/sweetalert/sweetalert.all.js') }}"></script>
@endif
<script>
Swal.fire({!! Session::pull('alert.config') !!});
</script>
@endif