Git Product home page Git Product logo

canary-crm's People

Contributors

sinetheta avatar

Watchers

 avatar  avatar

canary-crm's Issues

Client Overview Page

After client 'auths' via email/password combo, they'll be taken to their base-page.

This page will have a welcome text area that will be customized per client (basic HTML area).

It will also have a listing of all their projects, with the following information:

Job ID
Date (sortable)
Job Name (sortable)
Status - Pending/Ordered/Shipped/Issue (sortable)
Invoice (a link to their invoice on the separate billing system)
Details (a link to the details of that specific project)


2-client_overview_page

Create Account Auths

2 types of accounts

Admin: Capable of viewing/editing all pages and elements

Client: Capable of viewing their specific area only. No editing capability at this point for client accounts. There will be some elements within a client page that they are NOT permitted to view or see the existence of (such as print-ready PDF file links)

Client Order-Info Page

After clicking the link for more details on a specific order, the client will be taken to this page.

It will show details of their order, links to their UPS tracking code, a link to their invoice, and lightbox images for their proofs.


3-client_order_info_page

Admin Client-List Page

This page will show all the clients. Search isn't necessary, but sorting is.

Client Name (sortable. Clicking this will take you to the "edit client" page)
Last Updated (sortable. Shows the most recent date of a client ordering a product)
Number of orders (sortable. Shows how many total orders a client has)
Add Project (clicking this will take you to the "order add/edit" page)


4-admin_client-list_page

Admin add/edit client

This page is used for adding and editing clients. Information as presented in attached image. This information will be presented on the clients base-page as part of their personalization.


5-admin_add-edit_client_page

Admin Add/Edit Order

This is the page the admin sees when adding/editing an order.

Tracking and Invoice: Those are simply areas for a URL to be placed. When the client views their "order page", that spot will simply say "Tracking" or "Invoice" and be a clickable button that takes them to that URL.

The proofs will be drop-down boxes with several options (front, back, front-mask, back-mask, etc). The "Upload File" will upload the PROOF.JPG which the client can view. The "Upload Print File" will be used to upload PRINT-READY.PDF files that are ONLY VIEWABLE by admins. The print-ready PDF's are for ensuring order-files are kept securely and not confused with old versions.


6-admin_add-edit_order_page

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.