“Invoicetime” Documentation by “psilvalabs” v1.0

“Invoicetime - Getting Paid On Time”

Created: 5/02/2015
By: psilvalabs
Email: support@psilva.pt

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Table of Contents

  1. Requirements
  2. Installation
  3. HTML Structure
  4. CSS Files and Structure
  5. JavaScript
  6. Sources and Credits
  7. Integrate Paypal Payments
  8. Stripe
  9. Configure Mail Settings
  10. Configure Mail Templates
  11. Support

Requirements - top

Manually Installation - top

  1. Login to your PHPMYADMIN or prefered Database Administration Software
  2. Create a empty table or use existing one.
  3. After upload/run the .sql file on folder "db", using your prefered Database Administration.
  4. Edit the config file to database on your script, just open the file ".env" on root of your application (Please be sure that you can see hidden files on your S.O)
  5. Search inside file for DB_USERNAME, and change it the value to your database user.
  6. Search inside file for DB_PASSWORD, and change it the value to your database pass.
  7. Search inside file for DB_DATABASE, and change it the value to your database table created/existing name.
  8. After you can run the url of installation folder.
  9. Important: You need to change the folder "public/images/upload" privileges to "777". Folder options: chmod "777".

HTML Structure - top

This theme is a fluid layout. The main structure are located on "resources/views/index.php". This is the main layout for all pages log in.

After main layout is loaded other parts will be loaded by a menu or automatically, and these parts are located on "public/templates/". These parts are loaded by AngularJS which dont need to reload every time the user needs to change the menu.

Header (file: resources/views/index.php)


Logo / Navigation (file: resources/views/index.php)


Footer (file: resources/views/index.php)

CSS Files and Structure - top

I'm using four CSS files in this theme and are located on folder "public/css". Files like Bootstrap are loaded and its a library contains some general styling, such as anchor tag colors, font-sizes, etc. By using a bootstrap CSS file, we can work round this.

Other css are from some plugins and some parts of functionality, please don't delete and if you want to modify go ahead.

JavaScript - top

This theme imports a lot of Javascripts libraries on header and footer (file: resources/views/index.php).
All javascript codes required jQuery and AngularJS imported, because all using jQuery and AngularJS commands.


Sources and Credits - top

I've used the following images, icons or other files as listed.

Integrate Paypal Payments - top

  1. Access to Paypal Developer Sandbox: https://developer.paypal.com/developer/accounts/
  2. Login
  3. After log in go to menu "My Apps"
  4. Create a appname
  5. After created click on appname link created
  6. You'll see the Client ID and Secret - Copy this
  7. Now go to your application folder config
  8. Open file "paypal_payment"
  9. Paste in "ClientId" the code "Client ID" and "ClientSecret" the "Secret" code.

For now you are testing the payments, when you live the application and needs to accept real payment please change in "paypal_payment.php" the "EndPoint" to "https://api.paypal.com"


Stripe Integration - top

Facebook Connect

First you need to create a "api id", "app secret" on facebook developpers website https://developers.facebook.com/ to your website connect with Facebook. Follow the steps to create. The only permissions the Invoicetime need is accesso to "email" and "user_location".

After you create you need to set the config file on folder Invoicetime-script. Edit the file on (Invoicetime-script/application/config/facebook.php), and set the values of api_id and app_secret to the facebook developper return values. The value of redirect_url you can set to your website domain.

Configure Mail Settings - top

To configure mail settings you need to open file ".env" and configure MAIL_DRIVER ...

Configure Mail Templates - top

To change the HTML of the email sent by app, you need to edit the files located on folder "resources/views/emails/".

Support - top

Once again, thank you so much for purchasing this script. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, if you have any questions please contact us by e-mail: support@psilva.pt


Go To Table of Contents