diff options
| author | Marvin Borner | 2018-07-03 21:45:17 +0200 |
|---|---|---|
| committer | Marvin Borner | 2018-07-03 21:45:17 +0200 |
| commit | f9c4bd9b5af8c3285842515b5659ef03f21a66d2 (patch) | |
| tree | cf634bbcb2dfcdc453939c6fcef3d1f8fca68d52 /resources/views/profile.blade.php | |
| parent | bcffb8d7c6671fe0ddef7800d61e1deca93fabdd (diff) | |
Ajax instead of form for avatar post.
Diffstat (limited to 'resources/views/profile.blade.php')
| -rw-r--r-- | resources/views/profile.blade.php | 31 |
1 files changed, 8 insertions, 23 deletions
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> |