From f9c4bd9b5af8c3285842515b5659ef03f21a66d2 Mon Sep 17 00:00:00 2001
From: Marvin Borner
Date: Tue, 3 Jul 2018 21:45:17 +0200
Subject: Ajax instead of form for avatar post.

---
 resources/views/profile.blade.php | 31 ++++++++-----------------------
 1 file changed, 8 insertions(+), 23 deletions(-)

(limited to 'resources/views/profile.blade.php')

diff --git a/resources/views/profile.blade.php b/resources/views/profile.blade.php
index 3d1eee2..c4a7db0 100644
--- a/resources/views/profile.blade.php
+++ b/resources/views/profile.blade.php
@@ -1,31 +1,17 @@
 @extends('layouts.app') @section('content')
 <div class="container">
-    <div class="row">
-        @if ($message = Session::get('success'))
-
-        <div class="alert alert-success alert-block">
 
+    <div class="row">
+        <div id="avatarUploadSucceededAlert" class="alert alert-success alert-block">
             <button type="button" class="close" data-dismiss="alert">×</button>
-
-            <strong>{{ $message }}</strong>
-
+            <strong id="avatarUploadSucceededMessage"></strong>
         </div>
-
-        @endif @if (count($errors) > 0)
-        <div class="alert alert-danger">
-            <strong>Whoops!</strong> There were some problems with your input.
-            <br>
-            <br>
-            <ul>
-                @foreach ($errors->all() as $error)
-                <li>{{ $error }}</li>
-                @endforeach
-            </ul>
+        <div id="avatarUploadFailedAlert" class="alert alert-danger">
+            <strong>Whoops!</strong> There were some problems with your upload - please try again.
         </div>
-        @endif
     </div>
-    <div class="row justify-content-center">
 
+    <div class="row justify-content-center">
         <div class="profile-header-container">
             <div class="profile-header-img">
                 <img id="image-preview" height="100px" width="100px" class="rounded-circle" src="/avatar/{{ $user->id }}" />
@@ -35,11 +21,10 @@
                 </div>
             </div>
         </div>
-
     </div>
+
     <div class="row justify-content-center">
-        <form action="/avatar" method="post" enctype="multipart/form-data">
-            @csrf
+        <form id="avatarForm">
             <div class="form-group">
                 <input type="file" class="form-control-file" name="avatar" id="avatarFile" aria-describedby="fileHelp">
                 <small id="fileHelp" class="form-text text-muted">Please upload a valid image file. Size of image should not be more than 2MB.</small>
-- 
cgit v1.2.3