Fixing addProductForm and item-users responsive views

This commit is contained in:
Bruno F. Fontes 2018-09-17 15:22:49 -03:00
parent 3b03b400c8
commit 7a4db2c9b7
Signed by: brunofontes
GPG Key ID: EE3447CE80048495
2 changed files with 24 additions and 21 deletions

View File

@ -3,35 +3,39 @@
@if (!$loop->first) @if (!$loop->first)
<hr> <hr>
@endif @endif
{{ $user->name }} ({{ $user->email}}) <div class="container-fluid">
<div class="form-inline float-right"> <div class="form-group row mr-1">
<form method="POST" action="/user" class="form-inline"> <div class="col-xs-12 col-sm-10 col-lg-11 mb-2">
<div class="form-group"> {{ $user->name }} ({{ $user->email}})
{{ csrf_field() }} </div>
@method('DELETE') <div class="col-xs-12 col-sm-2 col-lg-1">
<input type="hidden" class="form-control" name="user_id" id="user_id" value="{{$user->id}}"> <form method="POST" action="/user">
<input type="hidden" name="item_id" id="item_id" value="{{ $item['id'] }}"> {{ csrf_field() }}
<button type="submit" class="btn btn-sm btn-danger">Delete</button> @method('DELETE')
<input type="hidden" name="item_id" id="item_id" value="{{ $item['id'] }}">
<input type="hidden" class="form-control" name="user_id" id="user_id" value="{{$user->id}}">
<button type="submit" class="btn btn-sm btn-danger">Delete</button>
</div>
</div> </div>
</form>
</div> </div>
</form>
@empty @empty
<p>There are no items yet. Include one with the form above.</p> <p>There are no items yet. Include one with the form above.</p>
@endforelse @endforelse
<!-- ADD USERS --> <!-- ADD USERS -->
<div class="mt-5 mb-5"> <hr class="mt-5">
<hr> <p><strong>Add user</strong></p>
<p><strong>Add user</strong></p> <form method="POST" action="/user">
<form method="POST" action="/user" class="form-inline"> <div class="container-fluid">
<div class="form-group"> <div class="form-group row mt-2">
{{ csrf_field() }} {{ csrf_field() }}
<div class="col"><label for="name">E-mail: </label></div> <div class="col-sm-2 col-lg-1"><label for="name">E-mail: </label></div>
<div class="col-6"><input type="email" class="form-control" name="email" id="email" placeholder="name@domain.com" required></div> <div class="col-xs-12 col-sm mb-3"><input type="email" class="form-control" name="email" id="email" placeholder="name@domain.com" required></div>
<input type="hidden" name="item_id" id="item_id" value="{{ $item['id'] }}" required> <input type="hidden" name="item_id" id="item_id" value="{{ $item['id'] }}" required>
<div class="col ml-3"><button type="submit" class="btn btn-primary">Insert</button></div> <div class="col-sm-2 col-lg-1 mr-4"><button type="submit" class="btn btn-primary">Insert</button></div>
</div> </div>
</form>
</div> </div>
</form>
@include ('layouts.errors') @include ('layouts.errors')

View File

@ -7,12 +7,11 @@
</div> </div>
<div class="form-group row mt-2"> <div class="form-group row mt-2">
<div class="col-sm-2 col-lg-1"><label for="product">URL:</label></div> <div class="col-sm-2 col-lg-1"><label for="product">URL:</label></div>
<div class="col-xs-12 col-sm"><input type="text" class="form-control" name="url" id="url" placeholder="http://bookwebsite.com"></div> <div class="col-xs-12 col-sm"><input type="text" class="form-control" name="url" id="url" placeholder="(Optional) http://bookwebsite.com"></div>
</div> </div>
<div class="form-group row mt-2"> <div class="form-group row mt-2">
<div class="col-xs-0 col-sm-1 col-md-1 col-lg-1 col-xg-1"></div> <div class="col-xs-0 col-sm-1 col-md-1 col-lg-1 col-xg-1"></div>
<div class="col col-xs-12"><button type="submit" class="btn btn-primary">Insert</button></div> <div class="col col-xs-12"><button type="submit" class="btn btn-primary">Insert</button></div>
</div> </div>
</div> </div>
@include ('layouts.errors') @include ('layouts.errors')