+
+
+
+
+
+
+ 
+ 18001210218
+
+
+
+
+
+
+ 
+
+
+
+ Dashboard
+ Ninja +
+ + Ninja +
+ 18001210218
+
+
+
+ 18001210218
+
+
+
+
+
+
+
+
+
+
+
+ Dashboard
+ Ninja +
+ + Ninja +
+ 18001210218
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ Apps Handpicked by Ksolves
+
+ 
+ 
+ 
+
+
+
+ + Dashboard Ninja + with AI +
+
+ Create amazing reports with the powerful & smart Odoo
+ Dashboard Ninja app with a
+ refreshed, modern user interface for effortless navigation
+ and enhanced user
+ experience. Enjoy the simplified workflow that makes
+ everything easy, from
+ generating dashboards to collaborating with your team
+ members.
+
+ 
+ Watch a Demo
+
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+ 
+
+
+
+
+ + Latest Release 1.1.7 +
++ 7th April, 2025 +
+
+
+ + What’s New in Dashboard Ninja +
+
+
+
+
+
+ 
+
+
+
+
+ + New Theme +
+
+ 
+
+
+
+
+ + Extract Chart Insights with AI +
+
+ 
+
+
+
+
+ + Bookmark Dashboard +
+
+ 
+
+
+
+
+ + Internal Chat +
+
+ 
+
+
+
+
+ + Dashboard Overview +
+
+ 
+
+
+ + Chart Visualization +
+
+
+
+
+
+
+
+ Tailored Dashboards for Every Industry Nee
+
+
+ Empower your business with Odoo Best Dashboard
+
+ tools—customized, insightful, and ready to scale.
+
+
+
+
+
+
+
+
+ 
+
+
+
+ Retail & E-commerce
+
+ -
+
- + Track sales with Sales Dashboard and revenue trends. + +
- Monitor stock using Inventory Dashboard. +
- Analyze customer data via Analytic Dashboard. +
- + Create Multiple Dashboards for stores and channels. + +
+
+
+
+
+
+
+
+ 
+
+
+
+ Manufacturing
+
+ -
+
- Measure production KPIs in an Advance Dashboard. +
- Manage stock with Accounting Stock Dashboard. +
- Analyze defects via Chart Graphs Table View. +
- + Use a Customized Robust Dashboard for supply chain + tracking. + +
+
+
+
+
+
+
+
+ 
+
+
+
+ Healthcare
+
+ -
+
- + Visualize appointments using a Beautiful Dashboard. + +
- + Monitor medical inventory with Inventory Dashboard. + +
- Track billing via Invoice Dashboard. +
- Manage staff through a Modern Dashboard. +
+
+
+
+
+
+
+
+ 
+
+
+
+ Finance & Banking
+
+ -
+
- View financials in an Account Dashboard. +
- Track invoices through an Invoice Dashboard. +
- Monitor ROI with Odoo Best Dashboard. +
- Build Pre-Configured Dashboards for audits. +
+
+
+
+
+
+
+
+ 
+
+
+
+ Education & EdTech
+
+ -
+
- Review student data with an Analytic Dashboard. +
- Track attendance in a Predefined Dashboard. +
- Analyze leads via CRM Dashboard. +
- + Use a Beautiful Powerful Dashboard for faculty KPIs. + +
+
+
+
+
+
+
+
+ 
+
+
+
+ Real Estate
+
+ -
+
- Analyze leads using Odoo Dashboard. +
- Track visits in a Best Ninja Dashboard. +
- Use Beautiful Dashboards for sales insights. +
- Create a Dashboard Studio for agents. +
+
+
+
+
+
+
+
+ 
+
+
+
+ Logistics & Transportation
+
+ -
+
- Track delivery with a Dynamic Dashboard. +
- Monitor routes via Chart Graphs Table View. +
- View fuel data in a Robust Dashboard. +
- Combine KPIs using Multiple Dashboards. +
+
+
+
+
+
+
+
+ 
+
+
+
+ Hospitality & Travel
+
+ -
+
- Track bookings using CRM Dashboard. +
- Analyze revenue via a Sales Dashboard. +
- Monitor campaigns in a Revamp Dashboard. +
- Build a Customized Dashboard per property. +
+
+
+
+
+
+
+
+ 
+
+
+
+ IT & SaaS
+
+ -
+
- Track sprints in an Advance Dashboard. +
- Monitor users via Analytic Dashboard. +
- View support KPIs with Odoo Studio. +
- Build an All-In-One Dynamic Dashboard. +
+
+
+
+
+
+
+
+ 
+
+
+
+ NGOs & Non-Profits
+
+ -
+
- View donations in a Predefined Dashboard. +
- + Track volunteers through a Customized Robust Dashboard. + +
- Analyze campaigns using a Pie Chart Dashboard. +
- + Share results with a Beautiful Powerful Dashboard. + +
+
+
+
+
+
+
+
+ 
+
+
+
+ Media & Entertainment
+
+ -
+
- + Manage content pipelines with a Dynamic Dashboard. + +
- Track ad revenue using Sales Dashboard. +
- Monitor user engagement with Analytic Dashboards. +
- + Build Customized Dashboards for streaming, publishing, + or events. + +
+
+
+
+
+
+
+ 
+
+
+
+ Legal & Compliance
+
+ -
+
- Track case progress with a Modern Dashboard. +
- Monitor billable hours via Invoice Dashboard. +
- + Manage documentation through a Predefined Dashboard. + +
- + Ensure regulatory compliance using a Customized Robust + Dashboard. + +
+
+
+
+
+
+
+
+ Ksolves - Your
+
+
+ Ksolves - Your
one-stop
+ solution
+
+ + We are available 24/7 for your service. Contact us today! +
+ +
+ Mail Us
+
+
+
+ 
+
+
+
+
+
+
+ + Dashboard Ninja + Charts +
++ Supports 17 impressive Odoo dashboard item types for easy + business data interpretation. (Tiles, Line Chart, List View, + Bar Chart, Horizontal Bar Chart, Area Chart, To-do Item, + Polar Area Chart, Pie Chart, Doughnut Charts, Flower Chart, + Funnel Chart, Radial Chart, Radar Chart, Scatter Chart, + Bullet Chart & Map view) +
+ +
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
-
+
+
+ Tiles
+
+
+
+ -
+
+
+ Line Chart
+
+
+
+ -
+
+
+ List View
+
+
+
+ -
+
+
+ Bar Chart
+
+
+
+ -
+
+
+ Horizontal Bar Chart
+
+
+
+ -
+
+
+ To-do Item
+
+
+
+ -
+
+
.png)
+ Polar Area Chart
+
+
+
+ -
+
+
+ Pie Chart
+
+
+
+ -
+
+
+ Doughnut Chart
+
+
+
+ -
+
+
+ Flower Chart
+
+
+
+ -
+
+
+ Funnel Chart
+
+
+
+ -
+
+
+ Radial Chart
+
+
+
+ -
+
+
+ Bullet Chart
+
+
+
+ -
+
+
+ Scatter Chart
+
+
+
+ -
+
+
+ Radar Chart
+
+
+
+ -
+
+
+ Map View
+
+
+
+ -
+
+
+ Area Chart
+
+
+
+
+
+
+
+
+
+
+
+ Tiles
+
+
+ 
+
+
+ + Display key performance indicators (KIPs) in small + square-shaped visualizations for a quick glance +
+
+
+
+
+
+
+ Line Chart
+
+
+ 
+
+
+ + Visualize data trends, changes, or relationships + over time by connecting data points with straight + lines. +
+
+
+
+
+
+
+ List View
+
+
+ 
+
+
+ + Present detailed data in a tabular format with + rows and columns for easy sorting and comparison. +
+
+
+
+
+
+
+ Bar Chart
+
+
+ 
+
+
+ + Visualize categorical data with rectangular + vertical bars with the height proportionate to the + value they represent. +
+
+
+
+
+
+
+ Horizontal Bar Chart
+
+
+ 
+
+
+ + Represent categorical data with rectangular + horizontal bars, representing the difference + between data categories. +
+
+
+
+
+
+
+ To-do Item
+
+
+ 
+
+
+ + Organize all tasks or actions that need to be + completed in the form of a checklist, ensuring + easy tracking of progress. +
+
+
+
+
+
+
+ Polar Area Chart
+
+
+ 
+
+
+ + Represent cyclical data using radial lines + separating segments, with each segment’s area + representing its value. +
+
+
+
+
+
+
+ Pie Chart
+
+
+ 
+
+
+ + Display your data in a circular graph, with each + slice of a circle representing a fraction or + proportionate part of the whole. +
+
+
+
+
+
+
+ Doughnut Chart
+
+
+ 
+
+
+ + Similar to a pie chart with a central hole, + providing a clean and modern look. +
+
+
+
+
+
+
+ Flower Chart
+
+
+ 
+
+
+ + Visualize multivariate data wherein data points + are displayed as petals radiating from a central + point, with each petal’s size or color + representing its value. +
+
+
+
+
+
+
+ Funnel Chart
+
+
+ 
+
+
+ + Visualize data as it moves through different + stages of a process with decreasing segments. + Ideal to visualize conversion rates or sales + pipelines. +
+
+
+
+
+
+
+ Radial Chart
+
+
+ 
+
+
+ + Represent multivariate data along concentric + circles, where each circle represents a different + variable or category. +
+
+
+
+
+
+
+ Bullet Chart
+
+
+ 
+
+
+ + A variation of a bar chart with a reference line + and markers to visualize performance against the + target or benchmark. +
+
+
+
+
+
+
+ Scatter Chart
+
+
+ 
+
+
+ + Visualize the relationship between two continuous + variables of a data set, plotted across the X-Y + axis. +
+
+
+
+
+
+
+ Radar Chart
+
+
+ 
+
+
+ + Display multivariate data stacked at an axis with + the same central point, resembling a spider’s web. +
+
+
+
+
+
+
+ Map View
+
+
+ 
+
+
+ + Visualize spatial data by plotting it on a + geographical map for location-based analysis. +
+
+
+
+
+
+ Area Chart
+
+
+ 
+
+
+ + Display cumulative data by filling the area + beneath the line chart, illustrating the changes + over time or the magnitude of data. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Tiles
+
+
+
+
+
+ + Display key performance indicators (KIPs) in + small square-shaped visualizations for a quick + glance. +
+
+
+
+
+
+
+
+ Line Chart
+
+
+
+
+
+ + Visualize data trends, changes, or relationships + over time by connecting data points with + straight lines. +
+
+
+
+
+
+
+
+ List View
+
+
+
+
+
+ + Present detailed data in a tabular format with + rows and columns for easy sorting and + comparison. +
+
+
+
+
+
+
+
+ Bar Chart
+
+
+
+
+
+ + Visualize categorical data with rectangular + vertical bars with the height proportionate to + the value they represent. +
+
+
+
+
+
+
+
+ Horizontal Bar Chart
+
+
+
+
+
+ + Represent categorical data with rectangular + horizontal bars, representing the difference + between data categories. +
+
+
+
+
+
+
+ To-do Item
+
+
+
+
+
+ + Organize all tasks or actions that need to be + completed in the form of a checklist, ensuring + easy tracking of progress. +
+
+
+
+
+
+
+ Polar Area Chart
+
+
+
+
+
+ + Represent cyclical data using radial lines + separating segments, with each segment’s area + representing its value. +
+
+
+
+
+
+
+ Pie Chart
+
+
+
+
+
+ + Display your data in a circular graph, with each + slice of a circle representing a fraction or + proportionate part of the whole. +
+
+
+
+
+
+
+ Doughnut Chart
+
+
+
+
+
+ + Similar to a pie chart with a central hole, + providing a clean and modern look. +
+
+
+
+
+
+
+ Flower Chart
+
+
+
+
+
+ + Visualize multivariate data wherein data points + are displayed as petals radiating from a central + point, with each petal’s size or color + representing its value. +
+
+
+
+
+
+
+ Funnel Chart
+
+
+
+
+
+ + Visualize data as it moves through different + stages of a process with decreasing segments. + Ideal to visualize conversion rates or sales + pipelines. +
+
+
+
+
+
+
+ Radial Chart
+
+
+
+
+
+ + Represent multivariate data along concentric + circles, where each circle represents a + different variable or category. +
+
+
+
+
+
+
+ Bullet Chart
+
+
+
+
+
+ + A variation of a bar chart with a reference line + and markers to visualize performance against the + target or benchmark. +
+
+
+
+
+
+
+ Scatter Chart
+
+
+
+
+
+ + Visualize the relationship between two + continuous variables of a data set, plotted + across the X-Y axis. +
+
+
+
+
+
+
+ Radar Chart
+
+
+
+
+
+ + Display multivariate data stacked at an axis + with the same central point, resembling a + spider’s web. +
+
+
+
+
+
+
+ Map View
+
+
+
+
+
+ + Visualize spatial data by plotting it on a + geographical map for location-based analysis. +
+
+
+
+
+
+ Area Chart
+
+
+
+
+
+ + Display cumulative data by filling the area + beneath the line chart, illustrating the changes + over time or the magnitude of data. +
+
+
+ + What makes Odoo + Dashboard Ninja Unique +
+
+
+
+ + The ultimate time and money saving Odoo tool for your + Business. +
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Unleash the Power of AI in
+
+
+
+ Unleash the Power of AI in
+
+ Your
+ Odoo Dashboard
+
+ + Generate smart, interactive charts with a single click. +
+ +
+
+
+ 
+
+
+
+
+ All
+ Features
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ + Revamp Your + Odoo Apps Dashboard + Like Never Before +
++ Upgrade to a modern, intuitive, and scalable interface. +
+ +
+
+
+ 
+
+
+
+
+
+
+
+
+ + Free 90 Days Support +
++ Ksolves will provide FREE 90 days support for any doubt, + queries, and bug fixing (excluding data recovery) or any + type of issues related to this module. This is applicable + from the date of purchase. +
+
+ Note: Extensively
+ Tested on Odoo Vanilla with Ubuntu OS
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+ + Why + Ksolves +
++ You know us as the makers of the Odoo "Dashboard Ninja" . . +
++ You know us as the makers of the Odoo "Dashboard Ninja" . . +
+
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Client Success +
++ Invest your trust like our elite clientele did! +
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+ 
+
+
+
+ + Products That Blends + Together +
++ Related Products You May Be Interested In! +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ | + + | + +
+ 
+ |
+
+
+
+ 
+
+ Perfect Combo
+
+ |
+
+ 
+ 
+ 
+
+
+
+
+
+
+
+ Go Beyond Ordinary with
+
+
+
+ Go Beyond Ordinary with
+
+ Ksolves Odoo Solutions
+
+ + Peerless, powerful, and personalized apps to streamline + every workflow. +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ + Ksolves Suggested Apps +
+
+ Take a look at our other Odoo apps designed to
+
+ make your life easier with a smooth workflow. Don’t
+
+ miss the chance to uplift your Odoo ERP experience
+
+ with our apps!
+
+
+
+
+ 
+
+
+
+
+ Dashboard Ninja
+
+
+ Dashboard Ninja
+ Advance
+
+
+ 
+
+
+ + Dashboard Ninja Advance breaks all the limitations of + productivity by simplifying complex data into attractive + charts... +
+ Learn More +
+
+
+
+
+
+
+
+
+
+
+ List View
+
+
+ List View
+ Manager
+
+
+ 
+
+
+ + An app which manages the List Views on the fly and + endeavor a quick and effortless way to view/manage the + desired data, where you’ve multifarious options to... +
+ Learn More +
+
+
+
+
+
+
+
+
+
+
+ Odoo
+
+
+ Odoo
+ Wocommerce
+ Connector
+
+
+ 
+
+
+ + Connect multiple WooCommerce stores to the Odoo ERP and + reach more customers with our high-end WooCommerce + Connector. +
+ Learn More +
+
+
+
+
+
+
+
+
+
+
+ Arc Backend
+
+
+ Arc Backend
+ Theme
+
+
+ 
+
+
+ + Bring productivity and enthusiasm into your work by + applying the Odoo Arc Backend Theme. +
+ Learn More +
+
+
+
+
+
+
+
+
+
+
+ Odoo Gantt
+
+
+ Odoo Gantt
+ View Base
+
+
+ 
+
+
+ + Gantt View Base is the fundamental framework that creates + the groundwork for using Gantt View. It works as a + prerequisite for using... +
+ Learn More +
+
+
+
+
+
+
+
+
+
+
+ Report
+
+
+ Report
+ Mate
+
+
+ 
+
+
+ + ReportMate extracts all the needed information for all the + fields of any Odoo Model and displays complex data in a + single view... +
+ Learn More +
+
+
+
+
+
+
+
+
+
+
+ Dynamic
+
+
+ Dynamic
+ Financial
+ Report
+
+
+ 
+
+
+ + With a comprehensive list of financial reports, Dynamic + Financial Report has carved out its niche among the elite + bookkeeping... +
+ Learn More +
+
+
+
+
+
+
+
+
+
+
+ Odoo Shopify
+
+
+ Odoo Shopify
+ Connector
+
+
+ 
+
+
+ + Keep hurdles away from the way of your business with a + highly effective eCommerce management solution... +
+ Learn More +
+
+
+
+
+
+
+
+
+
+
+ Access Manager
+
+
+ Access Manager
+ Ninja
+
+
+ 
+
+
+ + Streamline your workflow and save valuable time and effort + by implementing Instant Access, a cutting-edge management + application... +
+ Learn More +
+
+
+
+
+
+
+
+
+
+ Odoo Gmail
+
+
+ Odoo Gmail
+ Connector
+
+
+ 
+
+
+ + Sync all your Google mails in your Odoo account without + any hassle by using the Ksolves Gmail Connector! This + integration allows you to manage emails... +
+ Learn More +
+
+
+
+
+
+ + Ksolves Odoo Services +
++ Upscale your business with expert services from an Odoo Gold + Partner. +
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ Website Application
+ Development
+
+
+
+
+ 
+
+
+ + Module Development +
+
+
+
+
+ 
+
+
+ + Theme Development +
+
+
+
+
+ 
+
+
+ + Implementation +
+
+
+
+
+ 
+
+
+ + Customization +
+
+
+
+
+ 
+
+
+ + Integration +
+
+
+
+
+ 
+
+
+ + Migration +
+
+
+
+
+ 
+
+
+
+ Support &
+ Maintenance
+
+
+
+ 
+
+
+ + Consulting +
+
+
+
+
+ + What our + Clients say +
++ Our clients love us! Hear from those who have made + data-driven decisions with Dashboard Ninja. +
+
+
+
+
+
+
+
+
+ + Satisfy with support +
++ Exceptional application and outstanding customer care + indeed. My experience with them was truly remarkable, + and I highly recommend their services to anyone + looking for top-tier solutions. +
+
+
+
+ kashif aziz
+
+
+ 
+
+
+
+
+
+
+ + Very helpful and patient +
++ They were very easy to schedule time with and when I + got on the call, they answered all my questions. They + also understood beyond my questions and showed me some + features that would help me. +
+
+
+
+ Ryan Felps
+
+
+
+
+
+
+
+
+ 
+
+ + Connect with us for + free demo today! +
++ Ksolves is 24/7 open to discuss your thoughts and queries! +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Dashboard Ninja + Features +
++ Explore intuitive features that empower you to turn your + Odoo data into actionable insights. Track key performance + indicators and make informed, data-driven decisions. +
+
+
+
+
+
+ + Generate Items with AI +
+
+ Generate multiple items for your Odoo Dashboard with AI.
+ Gain the flexibility to
+
+ choose from a range of charts and graphs and save them
+ with ease.
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ + Bookmark Dashboard +
++ Bookmark your key dashboards and easily access them for + faster data analysis. Effortlessly remove dashboards + from the bookmark when you are done with them. +
+
+
+
+
+
+
+ 
+
+
+
+ + Responsive Fluid & Flexible Layout +
++ Conveniently view your data over different devices such + as Mobile, Desktop, or Tablet for easy access. It offers + an optimized browsing experience to track business + performance on the go. +
+
+
+
+
+
+
+ 
+
+
+
+ + Extract Chart Insights With AI +
++ Interpret complex charts with single-click AI-generated + explanations! Identify hidden patterns & trends and + make informed data-backed business decisions. +
+
+
+
+
+
+ 
+
+
+
+ + Advanced Date Filter +
++ Present data in a timely manner over a selected period + in the date filter option. Select from 20 predefined + date filters (Last 7 days, Last 30 days, Last 90 days, + & more) or choose a custom date. +
+
+
+
+
+
+
+
+ + Internal Chat +
++ Collaborate with your team members with the chat feature + on every item of a dashboard. A dedicated channel is + created for conversations on each item, and all channels + are organized in a unified inbox. +
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ + Switch Layout +
++ Switch from one graph style to another with just a + single click, retaining the same data. Effortlessly + analyze your data with the desired data visualization + chart! +
+
+
+
+
+ + Generate keyword-focused Odoo Dashboard Items with AI +
++ Now just provide the keyword, and AI will create the + dashboard items for you within seconds. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ + Create charts From Excel & Csv Files +
++ Easily upload Excel or CSV files, and let the system + automatically synchronize the data. It will then process + the data and create charts. +
+
+
+
+
+
+ 
+
+
+
+ + Download Odoo Dashboard Items (Excel, CSV, PDF, PNG) +
++ Exported data items can be used for offline + presentations, seminars, or emails. +
+
+
+
+
+
+
+
+ Real-Time Streaming
+
+
+
+ Real-Time Streaming
+
Dashboard
+
+ + Upgrades the data in real-time to give a 360 view of the + business performance. This feature will update the data + if any changes occur from the backend in real-time or + after a specific interval of time. +
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ + Drill Down / Drill Up Data +
++ Modify the degree of details presented in a dashboard + entity. Drill-down to access detailed data or drill-up + to get a broader view of information. +
+
+
+
+
+
+ + Generate Complete Odoo Dashboard with AI +
+
+ Save your time and effort! Generate a complete Odoo
+ Dashboard
+ a specific model within a few clicks with AI efficiency.
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ Export & Import Dashboards or
+
+
+
+ Export & Import Dashboards or
+
+ Specific Odoo Dashboard Items
+
+
+ Export an entire Odoo Dashboard or Specific Odoo Dashboard
+ Item to a same system or
+ different Odoo instances for saving time and effort while
+ migrating from one system to another.
+
+
+
+ 
+
+
+
+
+
+
+
+ + Paid Predefined Dashboards +
+
+ 5 Predefined Odoo dashboards are provided for different
+ verticals of a
+ company(Sales, CRM, Account, Inventory, & POS).
+ Customize them as per your need.
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ + Data Filtration - Group By, Limit & Sort By +
++ Group By, Sort By, Limit, filter condition to get + desired data for any dashboard item as per your + requirement. +
+
+
+
+
+
+
+ 
+
+
+
+ + Authentic %MYCOMPANY Filter +
++ Get company-oriented details by filtering the logged-in + user data using this dynamic filter. +
+
+
+
+
+
+
+ 
+
+
+
+ + Unique User ID (%UID) +
++ Filter logged-in user data using %UID in domain filter + to see the results related to the logged-in user. +
+
+
+
+
+
+ 
+
+
+
+ + Dashboard Item 2 List View Styles +
++ Use the list-view item to view multi-value data sets in + a grouped or ungrouped manner. Example: To see the total + sales, average sales, total quotations of the top 10 + sales persons. +
+
+
+
+
+
+ + Design Your Own Dashboard Layout +
+
+ Design your dashboard layouts by resizing, dragging,
+ repositioning the dashboard
+
+ items, and renaming the dashboard heading for arranging
+ all items as per your need.
+
+
+
+ 
+
+
+
+
+
+
+
+ + Multi - Color Themes +
++ Beautiful, interactive, and outstanding multi-colored + themes can be added to your dashboard. +
+
+
+
+ 
+
+
+
+
+
+
+
+ + Dashboard Personalization/Configuration +
+
+ Configure the dashboard name, menu, group access, choose
+ the sequence,
+ and more while creating interactive presentable dashboards
+ for your business.
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ + Access Control +
++ Control who can access the Odoo dashboard with a single + click for robust security. +
+
+
+
+ 
+
+
+
+
+
+
+
+ + Instant Edit Mode +
+
+ A user can edit the basic information of any dashboard
+ items instantly with
+ Quick Edit Mode without going to the detailed edit screen.
+
+
+
+ 
+
+
+
+
+
+
+ + RTL Support +
+
+ Odoo Dashboard Ninja gives you the freedom to work in
+ Right-to-Left
+ language-oriented interface for increasing productivity.
+
+
+
+ 
+
+
+
+
+
+
+
+
+ + Frequently Asked Questions +
+
+ Sometimes you need a quick answer to your
+ question. You can get it right away here.
+
+
+
+
+
+
+ -
+
-
+
+
+ General
+
+
+ -
+
+
+ Artificial Intelligence
+
+
+
-
+
+
+ Charts
+
+
+
-
+
+
+ Data Sources
+
+
+
-
+
+
+ Filters & Group By
+
+
+
-
+
+
+ Access Rights
+
+
+
+
+
+
+
+
+
+ + General +
+
+
+
+
+
+
+
+
+ To access AI features in Dashboard Ninja, go to
+ General Settings under the "AI API Key" section.
+ Enter your valid email ID and click "Get API Key".
+ Once verified, the key will be sent to your
+ registered email.
+
+
+ Fully compatible with all AI-powered features in
+ your Odoo Dashboard, including CRM Dashboard,
+ Sales Dashboard, Inventory Dashboard, and
+ Account Dashboard.
+
+
+
+
+
+
+ Dashboard Ninja with AI is an advanced Odoo
+ dashboard application developed by Ksolves,
+ empowering users to create dynamic, visually
+ appealing dashboards that consolidate business
+ data and key performance indicators. This tool
+ integrates artificial intelligence to automate
+ insights, enhance data accuracy, and optimize
+ business decision-making.
+
+
+
+
+
+
+ Dashboard Ninja helps businesses by providing a
+ single platform to visualize key metrics, track
+ performance in real-time, and generate actionable
+ insights. With AI-driven automation, businesses
+ can quickly identify trends, predict outcomes, and
+ improve operational efficiency, leading to better
+ decision-making and improved ROI.
+
+
+
+
+
+
+ No, Dashboard Ninja with AI is designed for users
+ of all technical levels. Its intuitive interface
+ allows you to create and customize dashboards
+ without any coding knowledge.
+
+
+
+
+
+
+ Yes, you can! Use the bookmark feature to save
+ your dashboards, making them accessible with just
+ a click from your bookmarks list.
+
+
+
+
+
+
+ Yes! Each dashboard item includes an internal chat
+ feature, allowing you to collaborate and discuss
+ insights directly where the data is displayed,
+ helping teams stay aligned in real-time.
+
+
+
+
+
+
+ Absolutely! Dashboard Ninja is mobile-responsive,
+ allowing you to access and interact with your
+ dashboards on any device.
+
+
+
+
+
+
+ Yes! Dashboard Ninja works seamlessly with both
+ Odoo Enterprise and Odoo Community editions.
+ Perfect for building Modern Dashboards like
+ Accounting Stock Dashboard, Invoice Dashboard, and
+ more.
+
+
+
+
+
+
+ Absolutely! For any custom feature or UI
+ enhancement in your Advance Dashboard, simply:
+ Email us at sales@ksolves.com Or raise a support
+ ticket via the Odoo App Store. Build your dream
+ Dashboard Studio with our expert team.
+
+
+
+
+ Yes, we offer 90 days of free support
+ post-purchase for any queries, issue resolution,
+ or basic customization. Keep your All In One
+ Dynamic Dashboard running smoothly with dedicated
+ assistance.
+
+
+
+
+ + Artificial Intelligence +
+
+
+
+
+
+
+
+
+
+
+
+ AI in Dashboard Ninja automates data analysis
+ and report generation, enabling faster and more
+ accurate insights. It helps users uncover hidden
+ patterns, predict future outcomes, and
+ personalize dashboards to meet specific business
+ requirements.
+
+
+
+
+
+
+
+ Yes, Dashboard Ninja with AI can automatically
+ assemble detailed dashboards by analyzing your
+ data scheme, saving time and effort in manual
+ configuration.
+
+
+
+
+
+
+
+ By offering data-driven insights, predictive
+ analytics, and real-time monitoring, AI empowers
+ businesses to make strategic decisions based on
+ accurate, up-to-date information.
+
+
+
+
+
+
+
+ You have to add your valid email id in General
+ Settings under "AI API Key" Section and click on
+ "Get API Key". You will receive the Key over
+ mail once your credentials are verified.
+
+
+
+
+
+
+
+ No, we never send your business data to external
+ AI systems. Only the table structure is securely
+ sent to the Ksolves AI Server. Your data stays
+ protected, ensuring a secure, reliable, and
+ AI-enhanced Dashboard experience. Ideal for
+ companies seeking a Customized Robust Dashboard
+ without compromising on security.
+
+
+
+
+
+
+ Yes, all AI-powered features are included with
+ your purchase. There are no additional charges.
+ Make the most of your Beautiful Powerful
+ Dashboards using AI-driven insights.
+
+
+
+ How does the AI feature in Odoo Dashboard Ninja
+ simplify the creation of dashboard items?
+ 
+
+
+
+
+
+
+
+
+
+ Odoo Dashboard Ninja leverages AI to streamline
+ the dashboard creation process. Users can input
+ keywords or select specific data models, and the
+ AI automatically generates tailored dashboard
+ items based on the provided information.
+
+
+
+ How does Odoo Dashboard Ninja use AI to provide
+ detailed explanations for my chart data?
+
+
+
+
+
+
+
+
+
+
+ Odoo Dashboard Ninja utilizes advanced AI
+ algorithms to analyze your unlabeled chart data
+ and generate detailed, context-rich
+ explanations. By selecting a chart, users
+ receive automated summaries that highlight key
+ trends, insights, and anomalies, making it
+ easier to interpret data without needing
+ extensive analytical skills.
+
+
+
+
+ No, this is not standard behavior. If your
+ layout changes on its own, it may be due to
+ customizations, record rules, group access
+ changes, or third-party themes/addons.
+
+ Please contact us at support@ksolves.com for + expert support. We’ll diagnose and restore your + Odoo Best Dashboard functionality. +
+ + Please contact us at support@ksolves.com for + expert support. We’ll diagnose and restore your + Odoo Best Dashboard functionality. +
+
+
+ + Charts +
+
+
+
+
+
+
+
+
+
+
+
+ Dashboard Ninja offers 18 visualization options,
+ including bar charts, pie charts, line graphs,
+ and more, allowing you to design interactive and
+ visually appealing dashboards, tiles, line
+ charts, list views, bar charts, horizontal
+ charts, to-do items, polar area charts, pie
+ charts, and doughnut charts.
+
+
+
+
+
+
+
+ Yes, Dashboard Ninja with AI includes dynamic
+ and animated reporting options to enhance the
+ presentation of your data and make it more
+ engaging.
+
+
+
+
+
+
+
+ Yes, you can! Hover over the item and click the
+ copy icon, or use the edit icon to access the
+ Actions dropdown, where you can move or
+ duplicate it. Effortlessly manage Chart Graphs
+ Table View across Multiple Dashboards.
+
+
+
+
+
+
+
+ Absolutely. You can customize chart appearance;
+ we provide 4 color themes and a color palette to
+ fit your user interface. We also provide
+ multiple layouts and icons for tiles to
+ highlight specific data points for better visual
+ storytelling.
+
+
+
+
+
+
+
+ Switching graph styles in Odoo Dashboard Ninja
+ is straightforward! First, access the dashboard
+ item you want to modify. Click on it to reveal
+ the layout options or settings icon. From there,
+ you’ll see a list of available graph styles—such
+ as bar charts, line graphs, or pie charts.
+ Simply click on your preferred style, and the
+ item will update instantly. This allows you to
+ customize your data visualization quickly and
+ efficiently without any hassle!
+
+
+
+
+
+
+ Click the Edit Layout icon on the top left
+ corner. Hover over any tile or chart and use the
+ resize icon at the bottom-right to expand it.
+ Great for emphasizing key KPIs on your Dashboard
+ or Best Ninja Dashboard.
+
+
+
+ How does the AI feature in Odoo Dashboard Ninja
+ simplify the creation of dashboard items?
+
+
+
+
+
+
+
+
+
+
+ Odoo Dashboard Ninja leverages AI to streamline
+ the dashboard creation process. Users can input
+ keywords or select specific data models, and the
+ AI automatically generates tailored dashboard
+ items based on the provided information.
+
+
+
+ How does Odoo Dashboard Ninja use AI to provide
+ detailed explanations for my chart data?
+
+
+
+
+
+
+
+
+ Odoo Dashboard Ninja utilizes advanced AI
+ algorithms to analyze your unlabeled chart data
+ and generate detailed, context-rich
+ explanations. By selecting a chart, users
+ receive automated summaries that highlight key
+ trends, insights, and anomalies, making it
+ easier to interpret data without needing
+ extensive analytical skills.
+
+
+
+
+ + Data Sources +
+
+
+
+
+
+
+
+
+
+
+
+ Dashboard Ninja supports data from within the
+ Odoo database, as well as from Excel and CSV
+ files.
+
+
+
+
+
+
+
+ Yes, Dashboard Ninja provides real-time
+ streaming dashboards that allow you to monitor
+ live data feeds and get immediate insights into
+ current business activities.
+
+
+
+
+ Yes, we have provided a feature to move and
+ duplicate any item from the platform. It offers
+ multi-company support, making it easy to
+ visualize data from different companies,
+ ensuring accurate and relevant reporting.
+
+
+
+
+ + Filters & Group By +
+
+
+
+
+
+
+
+
+
+
+
+ Dashboard Ninja offers advanced date filters,
+ predefined filters, and custom filter options to
+ help you organize and refine your data displays
+ based on your business needs.
+
+
+
+
+
+
+
+ Yes, you can group data by categories such as
+ time periods, customer segments, or product
+ types, providing deeper insights into business
+ performance.
+
+
+
+
+ Yes, with the advanced date filter, you can
+ generate precise reports by sorting data within
+ customized timeframes, such as by day, week,
+ quarter, or year.
+
+
+
+ + Access Rights +
+
+
+
+
+
+
+
+
+
+
+
+
+ Dashboard Ninja provides granular access control
+ features, allowing you to manage user
+ permissions for viewing or editing dashboards.
+ There are three access levels in Dashboard
+ Ninja: first is admin access with full dashboard
+ access; the second allows users to access all
+ charts but not configuration level access; and
+ the third grants access to only specific charts
+ in a dashboard.
+
+
+
+
+
+
+
+
+ Yes, with the unique User-ID (%UID) feature, you
+ can create personalized dashboard experiences
+ tailored to individual users’ preferences,
+ ensuring they see only the data relevant to
+ their roles.
+
+
+
+
+
+
+ Yes, you can export and import dashboards to
+ share across teams or instances. This feature
+ simplifies collaboration and allows for easy
+ backup of critical dashboards.
+
+
+
+
+
+
+ -
+
- + Yes. After you create a dashboard, an action + is generated with the name: Menu Name + + “Action”. + +
- + For example, if you create a Project + Dashboard, go to User Preferences → Home + Action and select “Project Dashboard + Action”. + +
- + Easily assign Predefined Dashboards as the + default landing view for users. + +
+
+
+
+
+
+ + Dashboard Ninja Releases +
+
+ Every update brings new capabilities. Keep track of the latest
+ features and
+ enhancements designed to visualize and analyze your data like
+ a pro.
+
+
+
+
+
+
+
+
+
+
+
+
+ Fixes
+
+
+
+
+
+
+ 
+
+
+
+
+ + Latest Release 1.1.7 + (7th April, 2025) +
+-
+
- + Fixed bugs regarding the Sub Group By & Sort By + Field and kpi. + +
- Fixed bugs regarding the Data Calculation Type. +
+
+
+
+
+
+
+
+
+
+ Fixes
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.1.6 + (3rd April, 2025) +
+-
+
- + Fixes: Fixed bugs regarding the list views and kpi. + +
+
+
+
+
+
+
+
+
+
+ Improvements
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.1.5 + (04th March, 2025) +
+-
+
- + Improved chart interaction: Clicking on a chart with a + sub-group applied now displays only the relevant + sub-group data. + +
+
+
+
+
+
+
+
+
+
+ New Feature
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.1.4 + (14th February, 2025) +
+-
+
- New Chart Filter Feature. +
+
+
+
+
+
+
+
+
+
+ Improvements
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.1.3 + (10th February, 2025) +
+-
+
- + Code restructured based on owl components and code + break fixes. + +
+
+
+
+
+
+
+
+
+
+
+ Improvements
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.1.2 + (03rd February, 2025) +
+-
+
- + Fixed the issue when creating charts with Excel and + CSV. + +
+
+
+
+
+
+
+
+
+
+ Improvements
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.1.1 + (30th January, 2025) +
+-
+
- Bug Fix in Sorting of list charts. +
+
+
+
+
+
+
+
+
+
+ Improvements
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.1.0 + (23rd January, 2025) +
+-
+
- Filters optimisation and bug fixes. +
+
+
+
+
+
+
+
+
+
+ Improvements
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.0.9 + (14th January, 2025) +
+-
+
- Removed the warnings from logs. +
+
+
+
+
+
+
+
+
+
+ Fix
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.0.8 + (6th January, 2025) +
+-
+
- + Improved the Dashboard Ninja compatibility with ARC + theme + +
+
+
+
+
+
+
+
+
+
+
+ Improvements
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.0.7 + (31st December, 2024) +
+-
+
- + Improved the Dashboard Ninja compatibility with ARC + theme + +
+
+
+
+
+
+
+
+
+
+
+ Improvements
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.0.6 + (26th December, 2024) +
+-
+
- Updated the AI server url +
+
+
+
+
+
+
+
+
+
+
+ Fix
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.0.5 + (17th December, 2024) +
+-
+
- + Fixed the code break when changing the dashboard data. + +
+
+
+
+
+
+
+
+
+
+ Improvements
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.0.4 + (14th December, 2024) +
+-
+
- Client action removed. +
+
+
+
+
+
+
+
+
+
+ Improvements
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.0.3 + (12th December, 2024) +
+-
+
- New theme navbar removed. +
+
+
+
+
+
+
+
+
+
+
+ Fix
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.0.2 + (09th December, 2024) +
+-
+
- + Resolved the x-axis label formatting issue in the bar + chart when grouping by a datetime field with subgroup. + +
+
+
+
+
+
+
+
+
+
+
+ Improvements
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.0.1 + (03rd December, 2024) +
+-
+
- Bug Fixes and Improvements in UI. +
+
+
+
+
+
+
+
+
+
+ New Version
+
+
+
+
+
+
+
+
+
+
+
+ + Release 1.0.0 + (21st October, 2024) +
+-
+
- + Latest Version 18 Release of Dashboard Ninja With AI. + +
+
+
+
+
+ 
+
+
+
+
+
+
+ Try Dashboard Ninja
+
+
+
+
+ Try Dashboard Ninja
+ with AI today
+
+
+
+ '}),Ge=a({},Ve.DefaultType,{content:"(string|element|function)"}),$e={HIDE:"hide.bs.popover",HIDDEN:"hidden.bs.popover",SHOW:"show.bs.popover",SHOWN:"shown.bs.popover",INSERTED:"inserted.bs.popover",CLICK:"click.bs.popover",FOCUSIN:"focusin.bs.popover",FOCUSOUT:"focusout.bs.popover",MOUSEENTER:"mouseenter.bs.popover",MOUSELEAVE:"mouseleave.bs.popover"},Je=function(t){var e,n;function o(){return t.apply(this,arguments)||this}n=t,(e=o).prototype=Object.create(n.prototype),e.prototype.constructor=e,s(e,n);var a=o.prototype;return a.isWithContent=function(){return this.getTitle()||this._getContent()},a.addAttachmentClass=function(t){i.default(this.getTipElement()).addClass("bs-popover-"+t)},a.getTipElement=function(){return this.tip=this.tip||i.default(this.config.template)[0],this.tip},a.setContent=function(){var t=i.default(this.getTipElement());this.setElementContent(t.find(".popover-header"),this.getTitle());var e=this._getContent();"function"==typeof e&&(e=e.call(this.element)),this.setElementContent(t.find(".popover-body"),e),t.removeClass("fade show")},a._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},a._cleanTipClass=function(){var t=i.default(this.getTipElement()),e=t.attr("class").match(Ke);null!==e&&e.length>0&&t.removeClass(e.join(""))},o._jQueryInterface=function(t){return this.each((function(){var e=i.default(this).data(Ye),n="object"==typeof t?t:null;if((e||!/dispose|hide/.test(t))&&(e||(e=new o(this,n),i.default(this).data(Ye,e)),"string"==typeof t)){if("undefined"==typeof e[t])throw new TypeError('No method named "'+t+'"');e[t]()}}))},r(o,null,[{key:"VERSION",get:function(){return"4.6.1"}},{key:"Default",get:function(){return Xe}},{key:"NAME",get:function(){return"popover"}},{key:"DATA_KEY",get:function(){return Ye}},{key:"Event",get:function(){return $e}},{key:"EVENT_KEY",get:function(){return".bs.popover"}},{key:"DefaultType",get:function(){return Ge}}]),o}(Ve);i.default.fn.popover=Je._jQueryInterface,i.default.fn.popover.Constructor=Je,i.default.fn.popover.noConflict=function(){return i.default.fn.popover=ze,Je._jQueryInterface};var Ze="scrollspy",tn="bs.scrollspy",en=i.default.fn[Ze],nn="active",on="position",rn=".nav, .list-group",an={offset:10,method:"auto",target:""},sn={offset:"number",method:"string",target:"(string|element)"},ln=function(){function t(t,e){var n=this;this._element=t,this._scrollElement="BODY"===t.tagName?window:t,this._config=this._getConfig(e),this._selector=this._config.target+" .nav-link,"+this._config.target+" .list-group-item,"+this._config.target+" .dropdown-item",this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,i.default(this._scrollElement).on("scroll.bs.scrollspy",(function(t){return n._process(t)})),this.refresh(),this._process()}var e=t.prototype;return e.refresh=function(){var t=this,e=this._scrollElement===this._scrollElement.window?"offset":on,n="auto"===this._config.method?e:this._config.method,o=n===on?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),[].slice.call(document.querySelectorAll(this._selector)).map((function(t){var e,r=u.getSelectorFromElement(t);if(r&&(e=document.querySelector(r)),e){var a=e.getBoundingClientRect();if(a.width||a.height)return[i.default(e)[n]().top+o,r]}return null})).filter((function(t){return t})).sort((function(t,e){return t[0]-e[0]})).forEach((function(e){t._offsets.push(e[0]),t._targets.push(e[1])}))},e.dispose=function(){i.default.removeData(this._element,tn),i.default(this._scrollElement).off(".bs.scrollspy"),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},e._getConfig=function(t){if("string"!=typeof(t=a({},an,"object"==typeof t&&t?t:{})).target&&u.isElement(t.target)){var e=i.default(t.target).attr("id");e||(e=u.getUID(Ze),i.default(t.target).attr("id",e)),t.target="#"+e}return u.typeCheckConfig(Ze,t,sn),t},e._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},e._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},e._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},e._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=n){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t
${s}
\r\n * @param {string} [options.unit=mm] Measurement unit (base unit) to be used when coordinates are specified.
\r\n * Possible values are \"pt\" (points), \"mm\", \"cm\", \"in\", \"px\", \"pc\", \"em\" or \"ex\". Note that in order to get the correct scaling for \"px\"\r\n * units, you need to enable the hotfix \"px_scaling\" by setting options.hotfixes = [\"px_scaling\"].\r\n * @param {string/Array} [options.format=a4] The format of the first page. Can be:
- a0 - a10
- b0 - b10
- c0 - c10
- dl
- letter
- government-letter
- legal
- junior-legal
- ledger
- tabloid
- credit-card
\r\n * Default is \"a4\". If you want to use your own format just pass instead of one of the above predefined formats the size as an number-array, e.g. [595.28, 841.89]\r\n * @param {boolean} [options.putOnlyUsedFonts=false] Only put fonts into the PDF, which were used.\r\n * @param {boolean} [options.compress=false] Compress the generated PDF.\r\n * @param {number} [options.precision=16] Precision of the element-positions.\r\n * @param {number} [options.userUnit=1.0] Not to be confused with the base unit. Please inform yourself before you use it.\r\n * @param {string[]} [options.hotfixes] An array of strings to enable hotfixes such as correct pixel scaling.\r\n * @param {Object} [options.encryption]\r\n * @param {string} [options.encryption.userPassword] Password for the user bound by the given permissions list.\r\n * @param {string} [options.encryption.ownerPassword] Both userPassword and ownerPassword should be set for proper authentication.\r\n * @param {string[]} [options.encryption.userPermissions] Array of permissions \"print\", \"modify\", \"copy\", \"annot-forms\", accessible by the user.\r\n * @param {number|\"smart\"} [options.floatPrecision=16]\r\n * @returns {jsPDF} jsPDF-instance\r\n * @description\r\n * ```\r\n * {\r\n * orientation: 'p',\r\n * unit: 'mm',\r\n * format: 'a4',\r\n * putOnlyUsedFonts:true,\r\n * floatPrecision: 16 // or \"smart\", default is 16\r\n * }\r\n * ```\r\n *\r\n * @constructor\r\n */\r\nfunction jsPDF(options) {\r\n var orientation = typeof arguments[0] === \"string\" ? arguments[0] : \"p\";\r\n var unit = arguments[1];\r\n var format = arguments[2];\r\n var compressPdf = arguments[3];\r\n var filters = [];\r\n var userUnit = 1.0;\r\n var precision;\r\n var floatPrecision = 16;\r\n var defaultPathOperation = \"S\";\r\n var encryptionOptions = null;\r\n\r\n options = options || {};\r\n\r\n if (typeof options === \"object\") {\r\n orientation = options.orientation;\r\n unit = options.unit || unit;\r\n format = options.format || format;\r\n compressPdf = options.compress || options.compressPdf || compressPdf;\r\n encryptionOptions = options.encryption || null;\r\n if (encryptionOptions !== null) {\r\n encryptionOptions.userPassword = encryptionOptions.userPassword || \"\";\r\n encryptionOptions.ownerPassword = encryptionOptions.ownerPassword || \"\";\r\n encryptionOptions.userPermissions =\r\n encryptionOptions.userPermissions || [];\r\n }\r\n userUnit =\r\n typeof options.userUnit === \"number\" ? Math.abs(options.userUnit) : 1.0;\r\n if (typeof options.precision !== \"undefined\") {\r\n precision = options.precision;\r\n }\r\n if (typeof options.floatPrecision !== \"undefined\") {\r\n floatPrecision = options.floatPrecision;\r\n }\r\n defaultPathOperation = options.defaultPathOperation || \"S\";\r\n }\r\n\r\n filters =\r\n options.filters || (compressPdf === true ? [\"FlateEncode\"] : filters);\r\n\r\n unit = unit || \"mm\";\r\n orientation = (\"\" + (orientation || \"P\")).toLowerCase();\r\n var putOnlyUsedFonts = options.putOnlyUsedFonts || false;\r\n var usedFonts = {};\r\n\r\n var API = {\r\n internal: {},\r\n __private__: {}\r\n };\r\n\r\n API.__private__.PubSub = PubSub;\r\n\r\n var pdfVersion = \"1.3\";\r\n var getPdfVersion = (API.__private__.getPdfVersion = function() {\r\n return pdfVersion;\r\n });\r\n\r\n API.__private__.setPdfVersion = function(value) {\r\n pdfVersion = value;\r\n };\r\n\r\n // Size in pt of various paper formats\r\n var pageFormats = {\r\n a0: [2383.94, 3370.39],\r\n a1: [1683.78, 2383.94],\r\n a2: [1190.55, 1683.78],\r\n a3: [841.89, 1190.55],\r\n a4: [595.28, 841.89],\r\n a5: [419.53, 595.28],\r\n a6: [297.64, 419.53],\r\n a7: [209.76, 297.64],\r\n a8: [147.4, 209.76],\r\n a9: [104.88, 147.4],\r\n a10: [73.7, 104.88],\r\n b0: [2834.65, 4008.19],\r\n b1: [2004.09, 2834.65],\r\n b2: [1417.32, 2004.09],\r\n b3: [1000.63, 1417.32],\r\n b4: [708.66, 1000.63],\r\n b5: [498.9, 708.66],\r\n b6: [354.33, 498.9],\r\n b7: [249.45, 354.33],\r\n b8: [175.75, 249.45],\r\n b9: [124.72, 175.75],\r\n b10: [87.87, 124.72],\r\n c0: [2599.37, 3676.54],\r\n c1: [1836.85, 2599.37],\r\n c2: [1298.27, 1836.85],\r\n c3: [918.43, 1298.27],\r\n c4: [649.13, 918.43],\r\n c5: [459.21, 649.13],\r\n c6: [323.15, 459.21],\r\n c7: [229.61, 323.15],\r\n c8: [161.57, 229.61],\r\n c9: [113.39, 161.57],\r\n c10: [79.37, 113.39],\r\n dl: [311.81, 623.62],\r\n letter: [612, 792],\r\n \"government-letter\": [576, 756],\r\n legal: [612, 1008],\r\n \"junior-legal\": [576, 360],\r\n ledger: [1224, 792],\r\n tabloid: [792, 1224],\r\n \"credit-card\": [153, 243]\r\n };\r\n\r\n API.__private__.getPageFormats = function() {\r\n return pageFormats;\r\n };\r\n\r\n var getPageFormat = (API.__private__.getPageFormat = function(value) {\r\n return pageFormats[value];\r\n });\r\n\r\n format = format || \"a4\";\r\n\r\n var ApiMode = {\r\n COMPAT: \"compat\",\r\n ADVANCED: \"advanced\"\r\n };\r\n var apiMode = ApiMode.COMPAT;\r\n\r\n function advancedAPI() {\r\n // prepend global change of basis matrix\r\n // (Now, instead of converting every coordinate to the pdf coordinate system, we apply a matrix\r\n // that does this job for us (however, texts, images and similar objects must be drawn bottom up))\r\n this.saveGraphicsState();\r\n out(\r\n new Matrix(\r\n scaleFactor,\r\n 0,\r\n 0,\r\n -scaleFactor,\r\n 0,\r\n getPageHeight() * scaleFactor\r\n ).toString() + \" cm\"\r\n );\r\n this.setFontSize(this.getFontSize() / scaleFactor);\r\n\r\n // The default in MrRio's implementation is \"S\" (stroke), whereas the default in the yWorks implementation\r\n // was \"n\" (none). Although this has nothing to do with transforms, we should use the API switch here.\r\n defaultPathOperation = \"n\";\r\n\r\n apiMode = ApiMode.ADVANCED;\r\n }\r\n\r\n function compatAPI() {\r\n this.restoreGraphicsState();\r\n defaultPathOperation = \"S\";\r\n apiMode = ApiMode.COMPAT;\r\n }\r\n\r\n /**\r\n * @function combineFontStyleAndFontWeight\r\n * @param {string} fontStyle Fontstyle or variant. Example: \"italic\".\r\n * @param {number | string} fontWeight Weight of the Font. Example: \"normal\" | 400\r\n * @returns {string}\r\n * @private\r\n */\r\n var combineFontStyleAndFontWeight = (API.__private__.combineFontStyleAndFontWeight = function(\r\n fontStyle,\r\n fontWeight\r\n ) {\r\n if (\r\n (fontStyle == \"bold\" && fontWeight == \"normal\") ||\r\n (fontStyle == \"bold\" && fontWeight == 400) ||\r\n (fontStyle == \"normal\" && fontWeight == \"italic\") ||\r\n (fontStyle == \"bold\" && fontWeight == \"italic\")\r\n ) {\r\n throw new Error(\"Invalid Combination of fontweight and fontstyle\");\r\n }\r\n if (fontWeight) {\r\n fontStyle =\r\n fontWeight == 400 || fontWeight === \"normal\"\r\n ? fontStyle === \"italic\"\r\n ? \"italic\"\r\n : \"normal\"\r\n : (fontWeight == 700 || fontWeight === \"bold\") &&\r\n fontStyle === \"normal\"\r\n ? \"bold\"\r\n : (fontWeight == 700 ? \"bold\" : fontWeight) + \"\" + fontStyle;\r\n }\r\n return fontStyle;\r\n });\r\n\r\n /**\r\n * @callback ApiSwitchBody\r\n * @param {jsPDF} pdf\r\n */\r\n\r\n /**\r\n * For compatibility reasons jsPDF offers two API modes which differ in the way they convert between the the usual\r\n * screen coordinates and the PDF coordinate system.\r\n * - \"compat\": Offers full compatibility across all plugins but does not allow arbitrary transforms\r\n * - \"advanced\": Allows arbitrary transforms and more advanced features like pattern fills. Some plugins might\r\n * not support this mode, though.\r\n * Initial mode is \"compat\".\r\n *\r\n * You can either provide a callback to the body argument, which means that jsPDF will automatically switch back to\r\n * the original API mode afterwards; or you can omit the callback and switch back manually using {@link compatAPI}.\r\n *\r\n * Note, that the calls to {@link saveGraphicsState} and {@link restoreGraphicsState} need to be balanced within the\r\n * callback or between calls of this method and its counterpart {@link compatAPI}. Calls to {@link beginFormObject}\r\n * or {@link beginTilingPattern} need to be closed by their counterparts before switching back to \"compat\" API mode.\r\n *\r\n * @param {ApiSwitchBody=} body When provided, this callback will be called after the API mode has been switched.\r\n * The API mode will be switched back automatically afterwards.\r\n * @returns {jsPDF}\r\n * @memberof jsPDF#\r\n * @name advancedAPI\r\n */\r\n API.advancedAPI = function(body) {\r\n var doSwitch = apiMode === ApiMode.COMPAT;\r\n\r\n if (doSwitch) {\r\n advancedAPI.call(this);\r\n }\r\n\r\n if (typeof body !== \"function\") {\r\n return this;\r\n }\r\n\r\n body(this);\r\n\r\n if (doSwitch) {\r\n compatAPI.call(this);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n /**\r\n * Switches to \"compat\" API mode. See {@link advancedAPI} for more details.\r\n *\r\n * @param {ApiSwitchBody=} body When provided, this callback will be called after the API mode has been switched.\r\n * The API mode will be switched back automatically afterwards.\r\n * @return {jsPDF}\r\n * @memberof jsPDF#\r\n * @name compatApi\r\n */\r\n API.compatAPI = function(body) {\r\n var doSwitch = apiMode === ApiMode.ADVANCED;\r\n\r\n if (doSwitch) {\r\n compatAPI.call(this);\r\n }\r\n\r\n if (typeof body !== \"function\") {\r\n return this;\r\n }\r\n\r\n body(this);\r\n\r\n if (doSwitch) {\r\n advancedAPI.call(this);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n /**\r\n * @return {boolean} True iff the current API mode is \"advanced\". See {@link advancedAPI}.\r\n * @memberof jsPDF#\r\n * @name isAdvancedAPI\r\n */\r\n API.isAdvancedAPI = function() {\r\n return apiMode === ApiMode.ADVANCED;\r\n };\r\n\r\n var advancedApiModeTrap = function(methodName) {\r\n if (apiMode !== ApiMode.ADVANCED) {\r\n throw new Error(\r\n methodName +\r\n \" is only available in 'advanced' API mode. \" +\r\n \"You need to call advancedAPI() first.\"\r\n );\r\n }\r\n };\r\n\r\n var roundToPrecision = (API.roundToPrecision = API.__private__.roundToPrecision = function(\r\n number,\r\n parmPrecision\r\n ) {\r\n var tmpPrecision = precision || parmPrecision;\r\n if (isNaN(number) || isNaN(tmpPrecision)) {\r\n throw new Error(\"Invalid argument passed to jsPDF.roundToPrecision\");\r\n }\r\n return number.toFixed(tmpPrecision).replace(/0+$/, \"\");\r\n });\r\n\r\n // high precision float\r\n var hpf;\r\n if (typeof floatPrecision === \"number\") {\r\n hpf = API.hpf = API.__private__.hpf = function(number) {\r\n if (isNaN(number)) {\r\n throw new Error(\"Invalid argument passed to jsPDF.hpf\");\r\n }\r\n return roundToPrecision(number, floatPrecision);\r\n };\r\n } else if (floatPrecision === \"smart\") {\r\n hpf = API.hpf = API.__private__.hpf = function(number) {\r\n if (isNaN(number)) {\r\n throw new Error(\"Invalid argument passed to jsPDF.hpf\");\r\n }\r\n if (number > -1 && number < 1) {\r\n return roundToPrecision(number, 16);\r\n } else {\r\n return roundToPrecision(number, 5);\r\n }\r\n };\r\n } else {\r\n hpf = API.hpf = API.__private__.hpf = function(number) {\r\n if (isNaN(number)) {\r\n throw new Error(\"Invalid argument passed to jsPDF.hpf\");\r\n }\r\n return roundToPrecision(number, 16);\r\n };\r\n }\r\n var f2 = (API.f2 = API.__private__.f2 = function(number) {\r\n if (isNaN(number)) {\r\n throw new Error(\"Invalid argument passed to jsPDF.f2\");\r\n }\r\n return roundToPrecision(number, 2);\r\n });\r\n\r\n var f3 = (API.__private__.f3 = function(number) {\r\n if (isNaN(number)) {\r\n throw new Error(\"Invalid argument passed to jsPDF.f3\");\r\n }\r\n return roundToPrecision(number, 3);\r\n });\r\n\r\n var scale = (API.scale = API.__private__.scale = function(number) {\r\n if (isNaN(number)) {\r\n throw new Error(\"Invalid argument passed to jsPDF.scale\");\r\n }\r\n if (apiMode === ApiMode.COMPAT) {\r\n return number * scaleFactor;\r\n } else if (apiMode === ApiMode.ADVANCED) {\r\n return number;\r\n }\r\n });\r\n\r\n var transformY = function(y) {\r\n if (apiMode === ApiMode.COMPAT) {\r\n return getPageHeight() - y;\r\n } else if (apiMode === ApiMode.ADVANCED) {\r\n return y;\r\n }\r\n };\r\n\r\n var transformScaleY = function(y) {\r\n return scale(transformY(y));\r\n };\r\n\r\n /**\r\n * @name setPrecision\r\n * @memberof jsPDF#\r\n * @function\r\n * @instance\r\n * @param {string} precision\r\n * @returns {jsPDF}\r\n */\r\n API.__private__.setPrecision = API.setPrecision = function(value) {\r\n if (typeof parseInt(value, 10) === \"number\") {\r\n precision = parseInt(value, 10);\r\n }\r\n };\r\n\r\n var fileId = \"00000000000000000000000000000000\";\r\n\r\n var getFileId = (API.__private__.getFileId = function() {\r\n return fileId;\r\n });\r\n\r\n var setFileId = (API.__private__.setFileId = function(value) {\r\n if (typeof value !== \"undefined\" && /^[a-fA-F0-9]{32}$/.test(value)) {\r\n fileId = value.toUpperCase();\r\n } else {\r\n fileId = fileId\r\n .split(\"\")\r\n .map(function() {\r\n return \"ABCDEF0123456789\".charAt(Math.floor(Math.random() * 16));\r\n })\r\n .join(\"\");\r\n }\r\n\r\n if (encryptionOptions !== null) {\r\n encryption = new PDFSecurity(\r\n encryptionOptions.userPermissions,\r\n encryptionOptions.userPassword,\r\n encryptionOptions.ownerPassword,\r\n fileId\r\n );\r\n }\r\n return fileId;\r\n });\r\n\r\n /**\r\n * @name setFileId\r\n * @memberof jsPDF#\r\n * @function\r\n * @instance\r\n * @param {string} value GUID.\r\n * @returns {jsPDF}\r\n */\r\n API.setFileId = function(value) {\r\n setFileId(value);\r\n return this;\r\n };\r\n\r\n /**\r\n * @name getFileId\r\n * @memberof jsPDF#\r\n * @function\r\n * @instance\r\n *\r\n * @returns {string} GUID.\r\n */\r\n API.getFileId = function() {\r\n return getFileId();\r\n };\r\n\r\n var creationDate;\r\n\r\n var convertDateToPDFDate = (API.__private__.convertDateToPDFDate = function(\r\n parmDate\r\n ) {\r\n var result = \"\";\r\n var tzoffset = parmDate.getTimezoneOffset(),\r\n tzsign = tzoffset < 0 ? \"+\" : \"-\",\r\n tzhour = Math.floor(Math.abs(tzoffset / 60)),\r\n tzmin = Math.abs(tzoffset % 60),\r\n timeZoneString = [tzsign, padd2(tzhour), \"'\", padd2(tzmin), \"'\"].join(\"\");\r\n\r\n result = [\r\n \"D:\",\r\n parmDate.getFullYear(),\r\n padd2(parmDate.getMonth() + 1),\r\n padd2(parmDate.getDate()),\r\n padd2(parmDate.getHours()),\r\n padd2(parmDate.getMinutes()),\r\n padd2(parmDate.getSeconds()),\r\n timeZoneString\r\n ].join(\"\");\r\n return result;\r\n });\r\n\r\n var convertPDFDateToDate = (API.__private__.convertPDFDateToDate = function(\r\n parmPDFDate\r\n ) {\r\n var year = parseInt(parmPDFDate.substr(2, 4), 10);\r\n var month = parseInt(parmPDFDate.substr(6, 2), 10) - 1;\r\n var date = parseInt(parmPDFDate.substr(8, 2), 10);\r\n var hour = parseInt(parmPDFDate.substr(10, 2), 10);\r\n var minutes = parseInt(parmPDFDate.substr(12, 2), 10);\r\n var seconds = parseInt(parmPDFDate.substr(14, 2), 10);\r\n // var timeZoneHour = parseInt(parmPDFDate.substr(16, 2), 10);\r\n // var timeZoneMinutes = parseInt(parmPDFDate.substr(20, 2), 10);\r\n\r\n var resultingDate = new Date(year, month, date, hour, minutes, seconds, 0);\r\n return resultingDate;\r\n });\r\n\r\n var setCreationDate = (API.__private__.setCreationDate = function(date) {\r\n var tmpCreationDateString;\r\n var regexPDFCreationDate = /^D:(20[0-2][0-9]|203[0-7]|19[7-9][0-9])(0[0-9]|1[0-2])([0-2][0-9]|3[0-1])(0[0-9]|1[0-9]|2[0-3])(0[0-9]|[1-5][0-9])(0[0-9]|[1-5][0-9])(\\+0[0-9]|\\+1[0-4]|-0[0-9]|-1[0-1])'(0[0-9]|[1-5][0-9])'?$/;\r\n if (typeof date === \"undefined\") {\r\n date = new Date();\r\n }\r\n\r\n if (date instanceof Date) {\r\n tmpCreationDateString = convertDateToPDFDate(date);\r\n } else if (regexPDFCreationDate.test(date)) {\r\n tmpCreationDateString = date;\r\n } else {\r\n throw new Error(\"Invalid argument passed to jsPDF.setCreationDate\");\r\n }\r\n creationDate = tmpCreationDateString;\r\n return creationDate;\r\n });\r\n\r\n var getCreationDate = (API.__private__.getCreationDate = function(type) {\r\n var result = creationDate;\r\n if (type === \"jsDate\") {\r\n result = convertPDFDateToDate(creationDate);\r\n }\r\n return result;\r\n });\r\n\r\n /**\r\n * @name setCreationDate\r\n * @memberof jsPDF#\r\n * @function\r\n * @instance\r\n * @param {Object} date\r\n * @returns {jsPDF}\r\n */\r\n API.setCreationDate = function(date) {\r\n setCreationDate(date);\r\n return this;\r\n };\r\n\r\n /**\r\n * @name getCreationDate\r\n * @memberof jsPDF#\r\n * @function\r\n * @instance\r\n * @param {Object} type\r\n * @returns {Object}\r\n */\r\n API.getCreationDate = function(type) {\r\n return getCreationDate(type);\r\n };\r\n\r\n var padd2 = (API.__private__.padd2 = function(number) {\r\n return (\"0\" + parseInt(number)).slice(-2);\r\n });\r\n\r\n var padd2Hex = (API.__private__.padd2Hex = function(hexString) {\r\n hexString = hexString.toString();\r\n return (\"00\" + hexString).substr(hexString.length);\r\n });\r\n\r\n var objectNumber = 0; // 'n' Current object number\r\n var offsets = []; // List of offsets. Activated and reset by buildDocument(). Pupulated by various calls buildDocument makes.\r\n var content = [];\r\n var contentLength = 0;\r\n var additionalObjects = [];\r\n\r\n var pages = [];\r\n var currentPage;\r\n var hasCustomDestination = false;\r\n var outputDestination = content;\r\n\r\n var resetDocument = function() {\r\n //reset fields relevant for objectNumber generation and xref.\r\n objectNumber = 0;\r\n contentLength = 0;\r\n content = [];\r\n offsets = [];\r\n additionalObjects = [];\r\n\r\n rootDictionaryObjId = newObjectDeferred();\r\n resourceDictionaryObjId = newObjectDeferred();\r\n };\r\n\r\n API.__private__.setCustomOutputDestination = function(destination) {\r\n hasCustomDestination = true;\r\n outputDestination = destination;\r\n };\r\n var setOutputDestination = function(destination) {\r\n if (!hasCustomDestination) {\r\n outputDestination = destination;\r\n }\r\n };\r\n\r\n API.__private__.resetCustomOutputDestination = function() {\r\n hasCustomDestination = false;\r\n outputDestination = content;\r\n };\r\n\r\n var out = (API.__private__.out = function(string) {\r\n string = string.toString();\r\n contentLength += string.length + 1;\r\n outputDestination.push(string);\r\n\r\n return outputDestination;\r\n });\r\n\r\n var write = (API.__private__.write = function(value) {\r\n return out(\r\n arguments.length === 1\r\n ? value.toString()\r\n : Array.prototype.join.call(arguments, \" \")\r\n );\r\n });\r\n\r\n var getArrayBuffer = (API.__private__.getArrayBuffer = function(data) {\r\n var len = data.length,\r\n ab = new ArrayBuffer(len),\r\n u8 = new Uint8Array(ab);\r\n\r\n while (len--) u8[len] = data.charCodeAt(len);\r\n return ab;\r\n });\r\n\r\n var standardFonts = [\r\n [\"Helvetica\", \"helvetica\", \"normal\", \"WinAnsiEncoding\"],\r\n [\"Helvetica-Bold\", \"helvetica\", \"bold\", \"WinAnsiEncoding\"],\r\n [\"Helvetica-Oblique\", \"helvetica\", \"italic\", \"WinAnsiEncoding\"],\r\n [\"Helvetica-BoldOblique\", \"helvetica\", \"bolditalic\", \"WinAnsiEncoding\"],\r\n [\"Courier\", \"courier\", \"normal\", \"WinAnsiEncoding\"],\r\n [\"Courier-Bold\", \"courier\", \"bold\", \"WinAnsiEncoding\"],\r\n [\"Courier-Oblique\", \"courier\", \"italic\", \"WinAnsiEncoding\"],\r\n [\"Courier-BoldOblique\", \"courier\", \"bolditalic\", \"WinAnsiEncoding\"],\r\n [\"Times-Roman\", \"times\", \"normal\", \"WinAnsiEncoding\"],\r\n [\"Times-Bold\", \"times\", \"bold\", \"WinAnsiEncoding\"],\r\n [\"Times-Italic\", \"times\", \"italic\", \"WinAnsiEncoding\"],\r\n [\"Times-BoldItalic\", \"times\", \"bolditalic\", \"WinAnsiEncoding\"],\r\n [\"ZapfDingbats\", \"zapfdingbats\", \"normal\", null],\r\n [\"Symbol\", \"symbol\", \"normal\", null]\r\n ];\r\n\r\n API.__private__.getStandardFonts = function() {\r\n return standardFonts;\r\n };\r\n\r\n var activeFontSize = options.fontSize || 16;\r\n\r\n /**\r\n * Sets font size for upcoming text elements.\r\n *\r\n * @param {number} size Font size in points.\r\n * @function\r\n * @instance\r\n * @returns {jsPDF}\r\n * @memberof jsPDF#\r\n * @name setFontSize\r\n */\r\n API.__private__.setFontSize = API.setFontSize = function(size) {\r\n if (apiMode === ApiMode.ADVANCED) {\r\n activeFontSize = size / scaleFactor;\r\n } else {\r\n activeFontSize = size;\r\n }\r\n return this;\r\n };\r\n\r\n /**\r\n * Gets the fontsize for upcoming text elements.\r\n *\r\n * @function\r\n * @instance\r\n * @returns {number}\r\n * @memberof jsPDF#\r\n * @name getFontSize\r\n */\r\n var getFontSize = (API.__private__.getFontSize = API.getFontSize = function() {\r\n if (apiMode === ApiMode.COMPAT) {\r\n return activeFontSize;\r\n } else {\r\n return activeFontSize * scaleFactor;\r\n }\r\n });\r\n\r\n var R2L = options.R2L || false;\r\n\r\n /**\r\n * Set value of R2L functionality.\r\n *\r\n * @param {boolean} value\r\n * @function\r\n * @instance\r\n * @returns {jsPDF} jsPDF-instance\r\n * @memberof jsPDF#\r\n * @name setR2L\r\n */\r\n API.__private__.setR2L = API.setR2L = function(value) {\r\n R2L = value;\r\n return this;\r\n };\r\n\r\n /**\r\n * Get value of R2L functionality.\r\n *\r\n * @function\r\n * @instance\r\n * @returns {boolean} jsPDF-instance\r\n * @memberof jsPDF#\r\n * @name getR2L\r\n */\r\n API.__private__.getR2L = API.getR2L = function() {\r\n return R2L;\r\n };\r\n\r\n var zoomMode; // default: 1;\r\n\r\n var setZoomMode = (API.__private__.setZoomMode = function(zoom) {\r\n var validZoomModes = [\r\n undefined,\r\n null,\r\n \"fullwidth\",\r\n \"fullheight\",\r\n \"fullpage\",\r\n \"original\"\r\n ];\r\n\r\n if (/^(?:\\d+\\.\\d*|\\d*\\.\\d+|\\d+)%$/.test(zoom)) {\r\n zoomMode = zoom;\r\n } else if (!isNaN(zoom)) {\r\n zoomMode = parseInt(zoom, 10);\r\n } else if (validZoomModes.indexOf(zoom) !== -1) {\r\n zoomMode = zoom;\r\n } else {\r\n throw new Error(\r\n 'zoom must be Integer (e.g. 2), a percentage Value (e.g. 300%) or fullwidth, fullheight, fullpage, original. \"' +\r\n zoom +\r\n '\" is not recognized.'\r\n );\r\n }\r\n });\r\n\r\n API.__private__.getZoomMode = function() {\r\n return zoomMode;\r\n };\r\n\r\n var pageMode; // default: 'UseOutlines';\r\n var setPageMode = (API.__private__.setPageMode = function(pmode) {\r\n var validPageModes = [\r\n undefined,\r\n null,\r\n \"UseNone\",\r\n \"UseOutlines\",\r\n \"UseThumbs\",\r\n \"FullScreen\"\r\n ];\r\n\r\n if (validPageModes.indexOf(pmode) == -1) {\r\n throw new Error(\r\n 'Page mode must be one of UseNone, UseOutlines, UseThumbs, or FullScreen. \"' +\r\n pmode +\r\n '\" is not recognized.'\r\n );\r\n }\r\n pageMode = pmode;\r\n });\r\n\r\n API.__private__.getPageMode = function() {\r\n return pageMode;\r\n };\r\n\r\n var layoutMode; // default: 'continuous';\r\n var setLayoutMode = (API.__private__.setLayoutMode = function(layout) {\r\n var validLayoutModes = [\r\n undefined,\r\n null,\r\n \"continuous\",\r\n \"single\",\r\n \"twoleft\",\r\n \"tworight\",\r\n \"two\"\r\n ];\r\n\r\n if (validLayoutModes.indexOf(layout) == -1) {\r\n throw new Error(\r\n 'Layout mode must be one of continuous, single, twoleft, tworight. \"' +\r\n layout +\r\n '\" is not recognized.'\r\n );\r\n }\r\n layoutMode = layout;\r\n });\r\n\r\n API.__private__.getLayoutMode = function() {\r\n return layoutMode;\r\n };\r\n\r\n /**\r\n * Set the display mode options of the page like zoom and layout.\r\n *\r\n * @name setDisplayMode\r\n * @memberof jsPDF#\r\n * @function\r\n * @instance\r\n * @param {integer|String} zoom You can pass an integer or percentage as\r\n * a string. 2 will scale the document up 2x, '200%' will scale up by the\r\n * same amount. You can also set it to 'fullwidth', 'fullheight',\r\n * 'fullpage', or 'original'.\r\n *\r\n * Only certain PDF readers support this, such as Adobe Acrobat.\r\n *\r\n * @param {string} layout Layout mode can be: 'continuous' - this is the\r\n * default continuous scroll. 'single' - the single page mode only shows one\r\n * page at a time. 'twoleft' - two column left mode, first page starts on\r\n * the left, and 'tworight' - pages are laid out in two columns, with the\r\n * first page on the right. This would be used for books.\r\n * @param {string} pmode 'UseOutlines' - it shows the\r\n * outline of the document on the left. 'UseThumbs' - shows thumbnails along\r\n * the left. 'FullScreen' - prompts the user to enter fullscreen mode.\r\n *\r\n * @returns {jsPDF}\r\n */\r\n API.__private__.setDisplayMode = API.setDisplayMode = function(\r\n zoom,\r\n layout,\r\n pmode\r\n ) {\r\n setZoomMode(zoom);\r\n setLayoutMode(layout);\r\n setPageMode(pmode);\r\n return this;\r\n };\r\n\r\n var documentProperties = {\r\n title: \"\",\r\n subject: \"\",\r\n author: \"\",\r\n keywords: \"\",\r\n creator: \"\"\r\n };\r\n\r\n API.__private__.getDocumentProperty = function(key) {\r\n if (Object.keys(documentProperties).indexOf(key) === -1) {\r\n throw new Error(\"Invalid argument passed to jsPDF.getDocumentProperty\");\r\n }\r\n return documentProperties[key];\r\n };\r\n\r\n API.__private__.getDocumentProperties = function() {\r\n return documentProperties;\r\n };\r\n\r\n /**\r\n * Adds a properties to the PDF document.\r\n *\r\n * @param {Object} A property_name-to-property_value object structure.\r\n * @function\r\n * @instance\r\n * @returns {jsPDF}\r\n * @memberof jsPDF#\r\n * @name setDocumentProperties\r\n */\r\n API.__private__.setDocumentProperties = API.setProperties = API.setDocumentProperties = function(\r\n properties\r\n ) {\r\n // copying only those properties we can render.\r\n for (var property in documentProperties) {\r\n if (documentProperties.hasOwnProperty(property) && properties[property]) {\r\n documentProperties[property] = properties[property];\r\n }\r\n }\r\n return this;\r\n };\r\n\r\n API.__private__.setDocumentProperty = function(key, value) {\r\n if (Object.keys(documentProperties).indexOf(key) === -1) {\r\n throw new Error(\"Invalid arguments passed to jsPDF.setDocumentProperty\");\r\n }\r\n return (documentProperties[key] = value);\r\n };\r\n\r\n var fonts = {}; // collection of font objects, where key is fontKey - a dynamically created label for a given font.\r\n var fontmap = {}; // mapping structure fontName > fontStyle > font key - performance layer. See addFont()\r\n var activeFontKey; // will be string representing the KEY of the font as combination of fontName + fontStyle\r\n var fontStateStack = []; //\r\n var patterns = {}; // collection of pattern objects\r\n var patternMap = {}; // see fonts\r\n var gStates = {}; // collection of graphic state objects\r\n var gStatesMap = {}; // see fonts\r\n var activeGState = null;\r\n var scaleFactor; // Scale factor\r\n var page = 0;\r\n var pagesContext = [];\r\n var events = new PubSub(API);\r\n var hotfixes = options.hotfixes || [];\r\n\r\n var renderTargets = {};\r\n var renderTargetMap = {};\r\n var renderTargetStack = [];\r\n var pageX;\r\n var pageY;\r\n var pageMatrix; // only used for FormObjects\r\n\r\n /**\r\n * A matrix object for 2D homogenous transformations:
\r\n * | a b 0 |
\r\n * | c d 0 |
\r\n * | e f 1 |
\r\n * pdf multiplies matrices righthand: v' = v x m1 x m2 x ...\r\n *\r\n * @class\r\n * @name Matrix\r\n * @param {number} sx\r\n * @param {number} shy\r\n * @param {number} shx\r\n * @param {number} sy\r\n * @param {number} tx\r\n * @param {number} ty\r\n * @constructor\r\n */\r\n var Matrix = function(sx, shy, shx, sy, tx, ty) {\r\n if (!(this instanceof Matrix)) {\r\n return new Matrix(sx, shy, shx, sy, tx, ty);\r\n }\r\n\r\n if (isNaN(sx)) sx = 1;\r\n if (isNaN(shy)) shy = 0;\r\n if (isNaN(shx)) shx = 0;\r\n if (isNaN(sy)) sy = 1;\r\n if (isNaN(tx)) tx = 0;\r\n if (isNaN(ty)) ty = 0;\r\n\r\n this._matrix = [sx, shy, shx, sy, tx, ty];\r\n };\r\n\r\n /**\r\n * @name sx\r\n * @memberof Matrix#\r\n */\r\n Object.defineProperty(Matrix.prototype, \"sx\", {\r\n get: function() {\r\n return this._matrix[0];\r\n },\r\n set: function(value) {\r\n this._matrix[0] = value;\r\n }\r\n });\r\n\r\n /**\r\n * @name shy\r\n * @memberof Matrix#\r\n */\r\n Object.defineProperty(Matrix.prototype, \"shy\", {\r\n get: function() {\r\n return this._matrix[1];\r\n },\r\n set: function(value) {\r\n this._matrix[1] = value;\r\n }\r\n });\r\n\r\n /**\r\n * @name shx\r\n * @memberof Matrix#\r\n */\r\n Object.defineProperty(Matrix.prototype, \"shx\", {\r\n get: function() {\r\n return this._matrix[2];\r\n },\r\n set: function(value) {\r\n this._matrix[2] = value;\r\n }\r\n });\r\n\r\n /**\r\n * @name sy\r\n * @memberof Matrix#\r\n */\r\n Object.defineProperty(Matrix.prototype, \"sy\", {\r\n get: function() {\r\n return this._matrix[3];\r\n },\r\n set: function(value) {\r\n this._matrix[3] = value;\r\n }\r\n });\r\n\r\n /**\r\n * @name tx\r\n * @memberof Matrix#\r\n */\r\n Object.defineProperty(Matrix.prototype, \"tx\", {\r\n get: function() {\r\n return this._matrix[4];\r\n },\r\n set: function(value) {\r\n this._matrix[4] = value;\r\n }\r\n });\r\n\r\n /**\r\n * @name ty\r\n * @memberof Matrix#\r\n */\r\n Object.defineProperty(Matrix.prototype, \"ty\", {\r\n get: function() {\r\n return this._matrix[5];\r\n },\r\n set: function(value) {\r\n this._matrix[5] = value;\r\n }\r\n });\r\n\r\n Object.defineProperty(Matrix.prototype, \"a\", {\r\n get: function() {\r\n return this._matrix[0];\r\n },\r\n set: function(value) {\r\n this._matrix[0] = value;\r\n }\r\n });\r\n\r\n Object.defineProperty(Matrix.prototype, \"b\", {\r\n get: function() {\r\n return this._matrix[1];\r\n },\r\n set: function(value) {\r\n this._matrix[1] = value;\r\n }\r\n });\r\n\r\n Object.defineProperty(Matrix.prototype, \"c\", {\r\n get: function() {\r\n return this._matrix[2];\r\n },\r\n set: function(value) {\r\n this._matrix[2] = value;\r\n }\r\n });\r\n\r\n Object.defineProperty(Matrix.prototype, \"d\", {\r\n get: function() {\r\n return this._matrix[3];\r\n },\r\n set: function(value) {\r\n this._matrix[3] = value;\r\n }\r\n });\r\n\r\n Object.defineProperty(Matrix.prototype, \"e\", {\r\n get: function() {\r\n return this._matrix[4];\r\n },\r\n set: function(value) {\r\n this._matrix[4] = value;\r\n }\r\n });\r\n\r\n Object.defineProperty(Matrix.prototype, \"f\", {\r\n get: function() {\r\n return this._matrix[5];\r\n },\r\n set: function(value) {\r\n this._matrix[5] = value;\r\n }\r\n });\r\n\r\n /**\r\n * @name rotation\r\n * @memberof Matrix#\r\n */\r\n Object.defineProperty(Matrix.prototype, \"rotation\", {\r\n get: function() {\r\n return Math.atan2(this.shx, this.sx);\r\n }\r\n });\r\n\r\n /**\r\n * @name scaleX\r\n * @memberof Matrix#\r\n */\r\n Object.defineProperty(Matrix.prototype, \"scaleX\", {\r\n get: function() {\r\n return this.decompose().scale.sx;\r\n }\r\n });\r\n\r\n /**\r\n * @name scaleY\r\n * @memberof Matrix#\r\n */\r\n Object.defineProperty(Matrix.prototype, \"scaleY\", {\r\n get: function() {\r\n return this.decompose().scale.sy;\r\n }\r\n });\r\n\r\n /**\r\n * @name isIdentity\r\n * @memberof Matrix#\r\n */\r\n Object.defineProperty(Matrix.prototype, \"isIdentity\", {\r\n get: function() {\r\n if (this.sx !== 1) {\r\n return false;\r\n }\r\n if (this.shy !== 0) {\r\n return false;\r\n }\r\n if (this.shx !== 0) {\r\n return false;\r\n }\r\n if (this.sy !== 1) {\r\n return false;\r\n }\r\n if (this.tx !== 0) {\r\n return false;\r\n }\r\n if (this.ty !== 0) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n });\r\n\r\n /**\r\n * Join the Matrix Values to a String\r\n *\r\n * @function join\r\n * @param {string} separator Specifies a string to separate each pair of adjacent elements of the array. The separator is converted to a string if necessary. If omitted, the array elements are separated with a comma (\",\"). If separator is an empty string, all elements are joined without any characters in between them.\r\n * @returns {string} A string with all array elements joined.\r\n * @memberof Matrix#\r\n */\r\n Matrix.prototype.join = function(separator) {\r\n return [this.sx, this.shy, this.shx, this.sy, this.tx, this.ty]\r\n .map(hpf)\r\n .join(separator);\r\n };\r\n\r\n /**\r\n * Multiply the matrix with given Matrix\r\n *\r\n * @function multiply\r\n * @param matrix\r\n * @returns {Matrix}\r\n * @memberof Matrix#\r\n */\r\n Matrix.prototype.multiply = function(matrix) {\r\n var sx = matrix.sx * this.sx + matrix.shy * this.shx;\r\n var shy = matrix.sx * this.shy + matrix.shy * this.sy;\r\n var shx = matrix.shx * this.sx + matrix.sy * this.shx;\r\n var sy = matrix.shx * this.shy + matrix.sy * this.sy;\r\n var tx = matrix.tx * this.sx + matrix.ty * this.shx + this.tx;\r\n var ty = matrix.tx * this.shy + matrix.ty * this.sy + this.ty;\r\n\r\n return new Matrix(sx, shy, shx, sy, tx, ty);\r\n };\r\n\r\n /**\r\n * @function decompose\r\n * @memberof Matrix#\r\n */\r\n Matrix.prototype.decompose = function() {\r\n var a = this.sx;\r\n var b = this.shy;\r\n var c = this.shx;\r\n var d = this.sy;\r\n var e = this.tx;\r\n var f = this.ty;\r\n\r\n var scaleX = Math.sqrt(a * a + b * b);\r\n a /= scaleX;\r\n b /= scaleX;\r\n\r\n var shear = a * c + b * d;\r\n c -= a * shear;\r\n d -= b * shear;\r\n\r\n var scaleY = Math.sqrt(c * c + d * d);\r\n c /= scaleY;\r\n d /= scaleY;\r\n shear /= scaleY;\r\n\r\n if (a * d < b * c) {\r\n a = -a;\r\n b = -b;\r\n shear = -shear;\r\n scaleX = -scaleX;\r\n }\r\n\r\n return {\r\n scale: new Matrix(scaleX, 0, 0, scaleY, 0, 0),\r\n translate: new Matrix(1, 0, 0, 1, e, f),\r\n rotate: new Matrix(a, b, -b, a, 0, 0),\r\n skew: new Matrix(1, 0, shear, 1, 0, 0)\r\n };\r\n };\r\n\r\n /**\r\n * @function toString\r\n * @memberof Matrix#\r\n */\r\n Matrix.prototype.toString = function(parmPrecision) {\r\n return this.join(\" \");\r\n };\r\n\r\n /**\r\n * @function inversed\r\n * @memberof Matrix#\r\n */\r\n Matrix.prototype.inversed = function() {\r\n var a = this.sx,\r\n b = this.shy,\r\n c = this.shx,\r\n d = this.sy,\r\n e = this.tx,\r\n f = this.ty;\r\n\r\n var quot = 1 / (a * d - b * c);\r\n\r\n var aInv = d * quot;\r\n var bInv = -b * quot;\r\n var cInv = -c * quot;\r\n var dInv = a * quot;\r\n var eInv = -aInv * e - cInv * f;\r\n var fInv = -bInv * e - dInv * f;\r\n\r\n return new Matrix(aInv, bInv, cInv, dInv, eInv, fInv);\r\n };\r\n\r\n /**\r\n * @function applyToPoint\r\n * @memberof Matrix#\r\n */\r\n Matrix.prototype.applyToPoint = function(pt) {\r\n var x = pt.x * this.sx + pt.y * this.shx + this.tx;\r\n var y = pt.x * this.shy + pt.y * this.sy + this.ty;\r\n return new Point(x, y);\r\n };\r\n\r\n /**\r\n * @function applyToRectangle\r\n * @memberof Matrix#\r\n */\r\n Matrix.prototype.applyToRectangle = function(rect) {\r\n var pt1 = this.applyToPoint(rect);\r\n var pt2 = this.applyToPoint(new Point(rect.x + rect.w, rect.y + rect.h));\r\n return new Rectangle(pt1.x, pt1.y, pt2.x - pt1.x, pt2.y - pt1.y);\r\n };\r\n\r\n /**\r\n * Clone the Matrix\r\n *\r\n * @function clone\r\n * @memberof Matrix#\r\n * @name clone\r\n * @instance\r\n */\r\n Matrix.prototype.clone = function() {\r\n var sx = this.sx;\r\n var shy = this.shy;\r\n var shx = this.shx;\r\n var sy = this.sy;\r\n var tx = this.tx;\r\n var ty = this.ty;\r\n\r\n return new Matrix(sx, shy, shx, sy, tx, ty);\r\n };\r\n\r\n API.Matrix = Matrix;\r\n\r\n /**\r\n * Multiplies two matrices. (see {@link Matrix})\r\n * @param {Matrix} m1\r\n * @param {Matrix} m2\r\n * @memberof jsPDF#\r\n * @name matrixMult\r\n */\r\n var matrixMult = (API.matrixMult = function(m1, m2) {\r\n return m2.multiply(m1);\r\n });\r\n\r\n /**\r\n * The identity matrix (equivalent to new Matrix(1, 0, 0, 1, 0, 0)).\r\n * @type {Matrix}\r\n * @memberof! jsPDF#\r\n * @name identityMatrix\r\n */\r\n var identityMatrix = new Matrix(1, 0, 0, 1, 0, 0);\r\n API.unitMatrix = API.identityMatrix = identityMatrix;\r\n\r\n /**\r\n * Adds a new pattern for later use.\r\n * @param {String} key The key by it can be referenced later. The keys must be unique!\r\n * @param {API.Pattern} pattern The pattern\r\n */\r\n var addPattern = function(key, pattern) {\r\n // only add it if it is not already present (the keys provided by the user must be unique!)\r\n if (patternMap[key]) return;\r\n\r\n var prefix = pattern instanceof ShadingPattern ? \"Sh\" : \"P\";\r\n var patternKey = prefix + (Object.keys(patterns).length + 1).toString(10);\r\n pattern.id = patternKey;\r\n\r\n patternMap[key] = patternKey;\r\n patterns[patternKey] = pattern;\r\n\r\n events.publish(\"addPattern\", pattern);\r\n };\r\n\r\n /**\r\n * A pattern describing a shading pattern.\r\n *\r\n * Only available in \"advanced\" API mode.\r\n *\r\n * @param {String} type One of \"axial\" or \"radial\"\r\n * @param {Array