/resources/views/single.blade.php
PHP | 241 lines | 148 code | 47 blank | 46 comment | 1 complexity | f02acd8a2e4d1c7a7c5c0b99483b0d5d MD5 | raw file
- @extends('layouts.default')
- @section('content')
-
- <?php use Carbon\Carbon; ?>
- <div class="row">
- <div class="col-md-8 main">
- <div class="row">
- <div class="col-md-12">
- <!-- Start Cart content -->
-
- <article class="br2 ba b--black-10 mv8 w-100 w-50-m mw0 center post_{{$post->id}}">
- <div style="padding:1.5rem;">
- <!-- Action Menu -->
- @if($post->isOwner)
- @include('sections.post_actions')
- @endif
- <!-- Action Menu End -->
- <div class="dtc v-mid">
- <img src="{{asset($post->user->avatar)}}" alt="" class="img-circle" width="60" height="60"/>
- </div>
- <div class="dtc v-mid pl3">
- <p class="lh-copy">
- <a target="_blank" href="{{route('other.profile', $post->user_id)}}">{{$post->user->fullname}}</a> <!-- <span class="light-text">in</span> <a href="#">FuckHard18</a> -->
- <br><span class="light-text"><a target="_blank" href="{{route('single', $post->id)}}">{{Carbon::parse($post->created_at)->diffForHumans()}}</a></span>
- <br><span class="light-text">{{$post->allCategories}}</span>
-
- </p>
- </div>
- </div>
- <div style="padding-left:1.5rem;padding-right:1.5rem;">
- <?php
- $urlPattern = "/(?:http|https)?(?:\:\/\/)?(?:www.)?(([A-Za-z0-9-]+\.)*[A-Za-z0-9-]+\.[A-Za-z]+)(?:\/.*)?/im";
- ?>
- <p>{!!preg_replace($urlPattern, "<a target=\"_blank\" href=\"$0\">$0</a>", $post->text)!!}</p>
-
- @if($post->image)
- <img src="{{asset($post->image->url)}}" style="width:100%;" class="img-responsive"><br>
- @endif
- </div>
- <br>
- @if($post->scrape)
- @include('sections.scrape')
- @endif
- @if(!$post->isOwner)
- <div style="padding:1.5rem;">
-
- @if(!$post->isQueued)
- <a class="btn btn-default my-btn queue-button" data-post-id="{{$post->id}}" href="#" style="">For Later</a>
- @endif
- @if(!$post->isSaved)
- <a class="btn btn-default my-btn save-button" data-toggle="modal" data-target="#myModal" data-post-id="{{$post->id}}" href="#" style="">Save</a>
- @endif
-
- </div>
- @endif
-
- @include('sections.like_comment_button_section')
-
- @include('sections.comment')
- </article>
-
- <!-- End Card Content -->
- </div>
- </div>
- </div>
- <div class="col-md-4">
- <div class="row">
- <div class="col-md-12">
- <div class="right">
- @include('includes.rightSideBar')
- </div>
- </div>
- </div>
- </div>
- </div>
-
-
-
- <!-- Modal -->
- @include('sections.modals')
-
- @stop
- @section('script')
- <script type="text/javascript">
- $(document).ready(function(){
- var baseURL = "{{asset("/")}}";
- var saveButtonReference = null;
- $('#photo-file-btn').click(function(){
- $('#photo').trigger('click');
- console.log('CLick');
- return false;
- });
- $('#photo').change(function(){
- var fileName = $(this).val();
- $('.image-preview').html('File Selected');
- });
- $('#post-btn').click(function(){
- $('#post-form').trigger('submit');
- return false;
- });
- $('.save-button').click(function(){
- var postId = $(this).data('post-id');
- $('.save-changes-btn').data('post-id', postId);
- saveButtonReference = $(this);
- });
- $('.save-changes-btn').click(function(){
- var postId = $(this).data('post-id');
- var categories = new Array();//$("input[name='category_id[]']:checked").serializeArray();
- // console.log(postId);
- // console.log($('.category-input').val());
- $("input[name='category_id[]']:checked").each(function(i) {
- categories.push($(this).val());
- });
- if(categories.length > 3){
- var message = "You can select at most 3 Categories";
- var success = '<div class="alert alert-danger alert-dismissable fade in"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>'+message+'</div>'
- $('#error').html(success);
- return;
- }
- var requestUrl = baseURL+"savedpost/store";
- // categories = JSON.stringify(categories);
- // console.log(categories);
- // return;
- // return;
- // Ajax Call
- $.ajax({
- url: requestUrl,
- data :{
- post_id : postId,
- category_id : categories
- },
- method : 'POST',
- dataType : 'json',
- success: function(response){
-
- // var message = response.data.message;
- // var success = '<div class="alert alert-success alert-dismissable fade in"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>'+message+'</div>'
- // this.span.html('');
- // console.log(response);
- // return;
-
- saveButtonReference.hide(500);
- $('#myModal').modal('toggle');
- $("input[name='category_id[]']").attr('checked', false);
- $('#error').html('');
-
- },
- error: function(errorResponse){
-
- // var message = "";
- var messages = jQuery.parseJSON(errorResponse.responseText);
- console.log(messages);
- // if(messages.error.http_status == 400){
- // $.each(messages.error.message, function(i, item) {
- // message += item+"<br>";
- // })
- // }
- // else
- // {
- // message = messages.error.message;
- // }
-
- // var error = '<div class="alert alert-danger alert-dismissable fade in"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>'+message+'</div>';
- // this.span.html('');
- // this.span.append(error);
- }
- });
- // Ajax Call End
- return false;
- });
- $('.queue-button').click(function(){
- var postId = $(this).data('post-id');
-
- var requestUrl = baseURL+"queue/store/"+postId;
-
- // Ajax Call
- $.ajax({
- url: requestUrl,
- data :{
- },
- method : 'POST',
- dataType : 'json',
- queueButton : $(this),
- success: function(response){
-
- // var message = response.data.message;
- // var success = '<div class="alert alert-success alert-dismissable fade in"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>'+message+'</div>'
- // this.span.html('');
- console.log('success');
- this.queueButton.hide(500);
-
- },
- error: function(errorResponse){
-
- // var message = "";
- // var messages = jQuery.parseJSON(errorResponse.responseText);
- // console.log(messages);
- // if(messages.error.http_status == 400){
- // $.each(messages.error.message, function(i, item) {
- // message += item+"<br>";
- // })
- // }
- // else
- // {
- // message = messages.error.message;
- // }
-
- // var error = '<div class="alert alert-danger alert-dismissable fade in"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>'+message+'</div>';
- // this.span.html('');
- // this.span.append(error);
- }
- });
-
- // Ajax Call End
- return false;
- });
- });
-
- </script>
- @stop