{"id":5512,"date":"2022-02-28T15:38:03","date_gmt":"2022-02-28T15:38:03","guid":{"rendered":"https:\/\/www.lodgix.com\/blog\/?p=5512"},"modified":"2022-02-28T16:26:56","modified_gmt":"2022-02-28T16:26:56","slug":"new-invoice-interfaces-are-rolling-out","status":"publish","type":"post","link":"https:\/\/www.lodgix.com\/blog\/new-invoice-interfaces-are-rolling-out\/","title":{"rendered":"New Invoice Interfaces are Rolling Out"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5512\" class=\"elementor elementor-5512\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0bd94f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0bd94f9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ee42e1d\" data-id=\"ee42e1d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7e2dea1 elementor-widget elementor-widget-text-editor\" data-id=\"7e2dea1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Not sure why I let four months pass since my last post?\u00a0 Many of our recent updates have been sort of boring, but essential framework conversion.\u00a0 \u00a0Every report, and indeed every invoice on Lodgix is being converted to Vue.js, and that takes time and quite a bit of effort.\u00a0\u00a0<\/p><p>The end result however is a HUGE improvement on mobile.\u00a0 \u00a0Every interface that relaunches immediately becomes so much more visible and navigable on a mobile phone.\u00a0 It also allows us to get into some of the oldest code and update \/ refactor it, resulting in faster interfaces during even the busiest of times.<\/p><p>Invoicing however has never undergone an interface update, not since 2010 &#8211; almost 12 years ago.\u00a0 \u00a0That interface is just too sensitive to change very often. As it is, it took us almost six months of coding and testing to get us to this point today.<\/p><p>Roughly 50 accounts per week are being switched over to the new interfaces.<\/p><p>Let&#8217;s take a look at the before image:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfd8bf8 elementor-widget elementor-widget-image\" data-id=\"bfd8bf8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"822\" height=\"464\" src=\"https:\/\/www.lodgix.com\/blog\/wp-content\/uploads\/2022\/02\/inv-before.png\" class=\"attachment-large size-large wp-image-5519\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81c4678 elementor-widget elementor-widget-text-editor\" data-id=\"81c4678\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>and after:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5592961 elementor-widget elementor-widget-image\" data-id=\"5592961\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"706\" src=\"https:\/\/www.lodgix.com\/blog\/wp-content\/uploads\/2022\/02\/inv-after.png\" class=\"attachment-large size-large wp-image-5518\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb6ee8b elementor-widget elementor-widget-text-editor\" data-id=\"fb6ee8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now lets review the before and after on mobile:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86a8de6 elementor-widget elementor-widget-image\" data-id=\"86a8de6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"461\" height=\"1024\" src=\"https:\/\/www.lodgix.com\/blog\/wp-content\/uploads\/2022\/02\/Screenshot_20220228-105326.png\" class=\"attachment-large size-large wp-image-5521\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0a7adf elementor-widget elementor-widget-text-editor\" data-id=\"a0a7adf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>after on mobile:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cd3970 elementor-widget elementor-widget-image\" data-id=\"0cd3970\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"461\" height=\"1024\" src=\"https:\/\/www.lodgix.com\/blog\/wp-content\/uploads\/2022\/02\/Screenshot_20220228-105226.png\" class=\"attachment-large size-large wp-image-5520\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af2cea5 elementor-widget elementor-widget-text-editor\" data-id=\"af2cea5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The mobile interfaces are now zoomed in by default, and feature touch navigation to easily scroll through tables, etc..<\/p><p>The screenshots above are of the create a reservation or create a quote interfaces, the screenshot below is an actual screenshot of the new invoice UI.\u00a0 \u00a0It&#8217;s more clean, easier to navigate, while still retaining the same overall layout from before.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d46e14 elementor-widget elementor-widget-image\" data-id=\"5d46e14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"691\" src=\"https:\/\/www.lodgix.com\/blog\/wp-content\/uploads\/2022\/02\/2022-02-28_11-22-55.png\" class=\"attachment-large size-large wp-image-5522\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Not sure why I let four months pass since my last post?\u00a0 Many of our recent updates have been sort of boring, but essential framework conversion.\u00a0 \u00a0Every report, and indeed every invoice on Lodgix is being converted to Vue.js, and that takes time and quite a bit of effort.\u00a0\u00a0 The end result however is a [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5512","post","type-post","status-publish","format-standard","hentry","category-vacation-rental-software-new-features"],"_links":{"self":[{"href":"https:\/\/www.lodgix.com\/blog\/wp-json\/wp\/v2\/posts\/5512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lodgix.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lodgix.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lodgix.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lodgix.com\/blog\/wp-json\/wp\/v2\/comments?post=5512"}],"version-history":[{"count":16,"href":"https:\/\/www.lodgix.com\/blog\/wp-json\/wp\/v2\/posts\/5512\/revisions"}],"predecessor-version":[{"id":5535,"href":"https:\/\/www.lodgix.com\/blog\/wp-json\/wp\/v2\/posts\/5512\/revisions\/5535"}],"wp:attachment":[{"href":"https:\/\/www.lodgix.com\/blog\/wp-json\/wp\/v2\/media?parent=5512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lodgix.com\/blog\/wp-json\/wp\/v2\/categories?post=5512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lodgix.com\/blog\/wp-json\/wp\/v2\/tags?post=5512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}