Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-07-09 03:14:30 -04:00
Code Issues Packages Projects Releases Wiki Activity

Redesign of the payment page

Browse Source
This commit is contained in:
Hillel Coren 2014-05-13 17:05:26 +03:00
parent 683dacdc37
commit 7d6587a5ff
3 changed files with 149 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
app/views/master.blade.php
View File

@ -51,8 +51,25 @@
<body> <body>
@if (isset($_ENV['TAG_MANAGER_KEY']) && $_ENV['TAG_MANAGER_KEY'])
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id={{ $_ENV['TAG_MANAGER_KEY'] }}"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','{{ $_ENV['TAG_MANAGER_KEY'] }}');</script>
<!-- End Google Tag Manager -->
<script>
function trackUrl(url) {
url = '/track' + url.replace('http:/', '');
dataLayer.push({'event':url, 'eventLabel':this.src});
}
</script>
@elseif (isset($_ENV['ANALYTICS_KEY']) && $_ENV['ANALYTICS_KEY'])
<script> <script>
@if (isset($_ENV['ANALYTICS_KEY']) && $_ENV['ANALYTICS_KEY'])
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
@ -64,11 +81,15 @@
function trackUrl(url) { function trackUrl(url) {
url = '/track' + url.replace('http:/', ''); url = '/track' + url.replace('http:/', '');
ga('send', 'pageview', url); ga('send', 'pageview', url);
//ga('send', 'event', 'photo', 'hover', this.src);
} }
@else
function trackUrl(url) {}
@endif
</script> </script>
@else
<script>
function trackUrl(url) {}
</script>
@endif
@yield('body') @yield('body')

107
app/views/payments/payment.blade.php
View File

@ -5,11 +5,11 @@
<style type="text/css"> <style type="text/css">
div > label.control-label div > label.control-label
{ {
font-weight: normal !important; font-weight: bold !important;
}d }
</style> </style>
{{ Former::open('payment/' . $invitationKey)->rules(array( {{ Former::vertical_open('payment/' . $invitationKey)->rules(array(
'first_name' => 'required', 'first_name' => 'required',
'last_name' => 'required', 'last_name' => 'required',
'card_number' => 'required', 'card_number' => 'required',
@ -24,21 +24,75 @@
'phone' => 'required', 'phone' => 'required',
'email' => 'required' 'email' => 'required'
)) }} )) }}
{{ Former::populate($client) }} {{ Former::populate($client) }}
{{ Former::populateField('first_name', $contact->first_name) }} {{ Former::populateField('first_name', $contact->first_name) }}
{{ Former::populateField('last_name', $contact->last_name) }} {{ Former::populateField('last_name', $contact->last_name) }}
<p>&nbsp;<p/>
<div class="row">
<div class="col-md-6 col-md-offset-2">
{{ Former::legend('secure_payment') }}
{{ Former::text('first_name') }}
{{ Former::text('last_name') }}
<p>&nbsp;<p/> <p>&nbsp;<p/>
<div class="row">
<div class="col-md-6" style="padding-top:16px">
<div class="row">
<div class="col-md-6">
{{ Former::text('first_name') }}
</div>
<div class="col-md-6">
{{ Former::text('last_name') }}
</div>
</div>
<div class="row">
<div class="col-md-12">
{{ Former::text('address1')->label('Street') }}
</div>
</div>
<div class="row">
<div class="col-md-3">
{{ Former::text('address2')->label('Apt/Suite') }}
</div>
<div class="col-md-3">
{{ Former::text('city') }}
</div>
<div class="col-md-3">
{{ Former::text('state')->label('State/Province') }}
</div>
<div class="col-md-3">
{{ Former::text('postal_code') }}
</div>
</div>
@if(strtolower($gateway->name) == 'beanstream')
<div class="row">
<div class="col-md-4">
{{ Former::text('phone') }}
</div>
<div class="col-md-4">
{{ Former::text('email') }}
</div>
<div class="col-md-4">
{{ Former::select('country')->addOption('','')->label('Country')
->fromQuery($countries, 'name', 'iso_3166_2') }}
</div>
</div>
@endif
</div>
<div class="col-md-5 col-md-offset-1" style="background-color:#DDD;padding-top:16px">
<div class="row">
<div class="col-md-12">
{{ Former::text('card_number') }} {{ Former::text('card_number') }}
</div>
</div>
<div class="row">
<div class="col-md-6">
{{ Former::select('expiration_month')->addOption('','') {{ Former::select('expiration_month')->addOption('','')
->addOption('01 - January', '1') ->addOption('01 - January', '1')
->addOption('02 - February', '2') ->addOption('02 - February', '2')
@ -53,6 +107,8 @@
->addOption('11 - November', '11') ->addOption('11 - November', '11')
->addOption('12 - December', '12') ->addOption('12 - December', '12')
}} }}
</div>
<div class="col-md-6">
{{ Former::select('expiration_year')->addOption('','') {{ Former::select('expiration_year')->addOption('','')
->addOption('2014', '2014') ->addOption('2014', '2014')
->addOption('2015', '2015') ->addOption('2015', '2015')
@ -62,29 +118,34 @@
->addOption('2019', '2019') ->addOption('2019', '2019')
->addOption('2020', '2020') ->addOption('2020', '2020')
}} }}
</div>
</div>
<div class="row">
<div class="col-md-6">
{{ Former::text('cvv') }} {{ Former::text('cvv') }}
</div>
</div>
</div>
<p>&nbsp;<p/> <p>&nbsp;<p/>
<p>&nbsp;<p/>
{{ Former::text('address1')->label('Street') }}
{{ Former::text('address2')->label('Apt/Suite') }}
{{ Former::text('city') }}
{{ Former::text('state')->label('State/Province') }}
{{ Former::text('postal_code') }}
@if(strtolower($gateway->name) == 'beanstream') <div class="row">
{{ Former::select('country')->addOption('','')->label('Country') <div class="col-md-12">
->fromQuery($countries, 'name', 'iso_3166_2') }}
{{ Former::text('phone') }}
{{ Former::text('email') }}
@endif
{{ Former::actions( Button::primary_submit_lg(trans('texts.pay_now') . ' - ' . Utils::formatMoney($invoice->amount, $client->currency_id) )) }} {{ Button::block_primary_submit_lg(strtoupper(trans('texts.pay_now')) . ' - ' . Utils::formatMoney($invoice->amount, $client->currency_id) ) }}
</div> </div>
</div> </div>
</div>
{{ Former::close() }} {{ Former::close() }}

3
app/views/public/about_us.blade.php
View File

@ -15,7 +15,8 @@
<div class="row"> <div class="row">
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<h2>What is Invoice Ninja?</h2> <h2>What is Invoice Ninja?</h2>
<p>Invoice Ninja is a free, open-source solution for invoicing and billing <p>Invoice Ninja is a free, <a href="https://github.com/hillelcoren/invoice-ninja"
target="_blank">open-source</a> solution for invoicing and billing
customers. With Invoice Ninja, you can easily build and send beautiful invoices customers. With Invoice Ninja, you can easily build and send beautiful invoices
from any device that has access to the web. Your clients can print your invoices, from any device that has access to the web. Your clients can print your invoices,
download them as pdf files, and even pay you online from within the system. </p> download them as pdf files, and even pay you online from within the system. </p>