mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2024-11-11 05:32:39 +01:00
0f66625cdf
* attempting to bind vue to blade partials * typo for vue * working on client contact page * refactor shipping-billing addresses back to client model * clean up
108 lines
4.1 KiB
PHP
108 lines
4.1 KiB
PHP
@extends('layouts.master', ['header' => $header])
|
|
|
|
@section('body')
|
|
<main class="main" id="client_edit">
|
|
<!-- Breadcrumb-->
|
|
{{ Breadcrumbs::render('clients.edit', $client) }}
|
|
|
|
<form>
|
|
<div class="container-fluid">
|
|
<div class="row form-group">
|
|
<div class="col-md-12">
|
|
<span class="float-right">
|
|
<div class="btn-group ml-2">
|
|
<button class="btn btn-lg btn-success" type="button"><i class="fa fa-save"></i> {{ trans('texts.save') }}</button>
|
|
<button class="btn btn-lg btn-success dropdown-toggle dropdown-toggle-split" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="sr-only">Toggle Dropdown</span>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="#"><i class="fa fa-plus-circle"></i> {{ trans('texts.add_contact') }}</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="#">{{ trans('texts.archive_client') }}</a>
|
|
<a class="dropdown-item" href="#">{{ trans('texts.delete_client') }}</a>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- Client Details and Address Column -->
|
|
<div class="col-md-6">
|
|
|
|
@include('client.partial.client_details', $client)
|
|
|
|
@include('client.partial.client_location')
|
|
|
|
</div>
|
|
<!-- End Client Details and Address Column -->
|
|
|
|
<!-- Contact Details Column -->
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-header bg-primary2">{{ trans('texts.contact_information') }}
|
|
<span class="float-right">
|
|
<button type="button" class="btn btn-primary btn-sm"><i class="fa fa-plus-circle"></i> {{ trans('texts.add_contact') }}</button>
|
|
</span>
|
|
</div>
|
|
|
|
<template v-for="contact in client.contacts">
|
|
@include('client.partial.contact_details')
|
|
</template>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- End Contact Details Column -->
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<script>
|
|
new Vue({
|
|
el : '#client_edit',
|
|
data: function () {
|
|
return {
|
|
'client': [],
|
|
'errors': [],
|
|
}
|
|
},
|
|
mounted() {
|
|
console.log('Component mounted.')
|
|
//this.getItinerary()
|
|
this.client = {!! $client !!}
|
|
},
|
|
beforeMount: function () {
|
|
console.log('before mount')
|
|
},
|
|
created:function() {
|
|
console.dir('created')
|
|
},
|
|
updated:function() {
|
|
console.dir('updated');
|
|
},
|
|
methods:{
|
|
copy(type) {
|
|
console.dir('inside ');
|
|
if(type.includes('copy_billing')){
|
|
this.client.shipping_address1 = this.client.address1;
|
|
this.client.shipping_address2 = this.client.address2;
|
|
this.client.shipping_city = this.client.city;
|
|
this.client.shipping_state = this.client.state;
|
|
this.client.shipping_postal_code = this.client.postal_code;
|
|
this.client.shipping_country_id = this.client.country_id;
|
|
}else {
|
|
this.client.address1 = this.client.shipping_address1;
|
|
this.client.address2 = this.client.shipping_address2;
|
|
this.client.city = this.client.shipping_city;
|
|
this.client.state = this.client.shipping_state;
|
|
this.client.postal_code = this.client.shipping_postal_code;
|
|
this.client.country_id = this.client.shipping_country_id;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</main>
|
|
|
|
@endsection |