%PDF-
%PDF-
Mini Shell
Mini Shell
$(function() {
// init invoices
altair_invoices.init();
});
// variables
var $invoice_card = $('#invoice'),
$invoice_preview = $('#invoice_preview'),
$invoice_form = $('#invoice_form'),
$invoices_list_main = $('#invoices_list'),
invoice_list_class = '.invoices_list', // main/sidebar list
$invoice_add_btn = $('#invoice_add');
altair_invoices = {
init: function() {
// copy list to sidebar
altair_invoices.copy_list_sidebar();
// add new invoice
altair_invoices.add_new();
// open invoice
altair_invoices.open_invoice();
// print invoice btn
altair_invoices.print_invoice();
},
add_new: function() {
if($invoice_add_btn) {
var insert_form = function() {
var $invoice_form_template = $('#invoice_form_template'),
card_height = $invoice_card.height(),
content_height = $invoice_card.find('.md-card-content').innerHeight(),
invoice_form_template_content = $invoice_form_template.html();
// remove "uk-active" class form invoices list
$(invoice_list_class).find('.md-list-item-active').removeClass('md-list-item-active');
// set height for card-single
$invoice_card.height(card_height);
$invoice_form
.hide()
// add form to card
.html(invoice_form_template_content)
// set height for card content
.find('.md-card-content').innerHeight(content_height);
// append services to invoice form
var append_service = function() {
var $invoice_form_template_services = $('#invoice_form_template_services'),
$invoice_services = $invoice_form.find('#form_invoice_services');
var template = $invoice_form_template_services.html(),
template_compiled = Handlebars.compile(template);
var service_id = (!$invoice_services.children().length) ? 1 : parseInt($invoice_services.children('.uk-grid:last').attr('data-service-number')) + 1,
context = {
"invoice_service_id": service_id
},
theCompiledHtml = template_compiled(context);
$invoice_services.append(theCompiledHtml);
// invoice md inputs
altair_md.inputs();
// invoice textarea autosize
altair_forms.textarea_autosize();
// reinitialize uikit margin
altair_uikit.reinitialize_grid_margin();
};
// append first service to invoice form on init
append_service();
$('#invoice_form_append_service_btn').on('click', function (e) {
e.preventDefault();
// append service to invoice form
append_service();
});
// invoice due-date radio boxes
altair_md.checkbox_radio();
};
// show invoice form on animation complete
var show_form = function() {
$invoice_card.css({
'height': ''
});
$invoice_form.show();
$invoice_preview.html('');
setTimeout(function() {
// reinitialize uikit margin
altair_uikit.reinitialize_grid_margin();
},560); //2 x animation duration
};
// show invoice form on fab click event
$invoice_add_btn.on('click', function (e) {
e.preventDefault();
altair_md.card_show_hide($invoice_card,insert_form,show_form,undefined);
})
}
},
open_invoice: function() {
var show_invoice = function(element) {
var $this = element,
$invoice_template = $('#invoice_template');
var template = $invoice_template.html(),
template_compiled = Handlebars.compile(template);
var invoice_id = parseInt($this.attr('data-invoice-id')),
context = {
invoice: {
id: invoice_id,
invoice_number: Math.floor((Math.random() * 200) + 1) + '/2015',
invoice_date: moment().format('DD.MM.YYYY'),
invoice_due_date: moment().add(14,'days').format('DD.MM.YYYY'),
invoice_from_company: 'Bailey-Lynch',
invoice_from_address_1: '2808 Robson St',
invoice_from_address_2: 'Vancouver, BC V6B 3K9',
invoice_to_company: 'Price Ltd',
invoice_to_address_1: '2894 Bond Street',
invoice_to_address_2: 'Providence, RI 02908',
invoice_total_value: '$3,751.50',
invoice_vat_value: '$862.85',
invoice_services: [
{
service_name: "Website design & development",
service_description: "Lorem ipsum dolor sit amet, consectetur adipisicing elit.",
service_rate: "$25.00",
service_hours: "32",
service_vat: "23%",
service_total: "$984.00"
},
{
service_name: "Search engine optimization",
service_description: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab blanditiis cupiditate delectus deserunt.",
service_rate: "$50.00",
service_hours: "20",
service_vat: "23%",
service_total: "$1,230.00"
},
{
service_name: "Consulting service",
service_description: "Lorem ipsum dolor sit amet, consectetur.",
service_rate: "$100.00",
service_hours: "12.5",
service_vat: "23%",
service_total: "$1,537.50"
}
],
invoice_payment_info: 'BANK XYZ<br/>IBAN 123 123 123 123',
invoice_payment_due: '14',
header: (invoice_id == 3 || invoice_id == 7),
footer: (invoice_id == 3 || invoice_id == 7)
}
},
theCompiledHtml = template_compiled(context);
$invoice_preview.html(theCompiledHtml);
$invoice_form.html('');
$window.resize();
setTimeout(function() {
// reinitialize uikit margin
altair_uikit.reinitialize_grid_margin();
},290);
// ajax function to get invoices
/*var invoice_id = parseInt($this.attr('data-invoice-id'));
$.ajax({
type: 'post',
url: './data/get_invoice.php',
data: { invoice_id: invoice_id },
dataType: 'json',
success: function(response) {
var theCompiledHtml = template_compiled(response);
$invoice_preview.html(theCompiledHtml);
$invoice_form.html('');
$window.resize();
setTimeout(function() {
// reinitialize uikit margin
altair_uikit.reinitialize_grid_margin();
},290);
}
})*/
};
$(invoice_list_class)
.on('click','a', function(e) {
e.preventDefault();
e.stopPropagation();
// toggle card and show invoice
altair_md.card_show_hide($invoice_card,undefined,show_invoice,$(this));
// set active class
$(this).closest('li').siblings('li').removeClass('md-list-item-active').end().addClass('md-list-item-active');
});
if($(invoice_list_class).find('a').length) {
// open first invoice
$(invoice_list_class).find('a').eq(0).click();
} else {
// open form
$invoice_add_btn.trigger('click');
}
},
print_invoice: function() {
$body.on('click','#invoice_print',function(e) {
e.preventDefault();
UIkit.modal.confirm('Do you want to print this invoice?', function () {
// hide sidebar
altair_main_sidebar.hide_sidebar();
// wait for dialog to fully hide
setTimeout(function () {
window.print();
}, 300)
}, {
labels: {
'Ok': 'print'
}
});
})
},
copy_list_sidebar: function() {
// hide secondary sidebar toggle btn for large screens
$sidebar_secondary_toggle.addClass('uk-hidden-large');
var invoices_list_sidebar = $invoices_list_main.clone();
invoices_list_sidebar.attr('id','invoices_list_sidebar');
$sidebar_secondary
.find('.sidebar_secondary_wrapper').html(invoices_list_sidebar)
.end();
}
};
Zerion Mini Shell 1.0