yoanmarchal/v-invoice

WIP

v-invoice

WIP

Badges

Introduction

Install v-invoice:

# Npm
npm i --save yoanmarchal/v-invoice
npm i --save vue2-filters
# Yarn
yarn add yoanmarchal/v-invoice vue2-filters

Then use the component in an Vuejs project:

Using the component

<template>
  <div id="app">
    <Devis :devis='devis' />
  </div>
</template>

<script>
import Devis from 'v-invoice'
export default {
  name: 'app',
  components: {
    Devis
  },
  data () {
    return {
      devis: {
        from:{
          "title": "Menard EI",
          "road": "766 Bonnet de Solférino",
          "postalcode": "59828",
          "city": "West Emilieton",
          "siret": "51280090500014",
          "logo": "data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20baseProfile%3D%22full%22%20width%3D%22undefined%22%20height%3D%22undefined%22%3E%20%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22grey%22%2F%3E%20%20%3Ctext%20x%3D%220%22%20y%3D%2220%22%20font-size%3D%2220%22%20text-anchor%3D%22start%22%20fill%3D%22white%22%3Eundefinedxundefined%3C%2Ftext%3E%20%3C%2Fsvg%3E"
        },
        to:{
          "id": 0,
          "first_name": "Valentin",
          "last_name": "Dubois",
          "title": "Menard EI",
          "road": "766 Bonnet de Solférino",
          "postalcode": "59828",
          "city": "West Emilieton",
          "cellPhone": "0193952050",
          "officePhone": "+33 191765562",
          "website": "http://léo.info",
          "email": "Arthur.Jacquet9@gmail.com",
        },
        id: 1,
        date: "2017-10-01T15:17:30.865Z",
        products:[
          {
            "id": 1,
            "title": "Unbranded Granite Bacon",
            "ref": "#1",
            "price": "132.00",
            "quantity":3,
          },
          {
            "id": 5,
            "title": "Unbranded Wooden Table",
            "ref": "#5",
            "price": "19.00",
            "quantity": 5,
          }
        ],
        alreadypaid: 50,
        paymentmode:"chèque"
      }
    }
  }
}
</script>

<style lang="scss">
  @import "~v-invoice/dist/Invoice.css";
</style>

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

License