• FRAMEWORK

Modules

Overview

Modules Overview

FO Framework provides a modular structure, allowing projects to include only the features they require. This page lists available modules, their CDN links, dependencies, and usage notes.

Modules are located under Content/js/ and Content/css/ and are also available via CDN: 

https://fof.ford.com.tr/content/js/[module-name].js
    https://fof.ford.com.tr/content/js/[module-name].css

General Modules

Module Description CDN Link Dependencies
fo-module-doc.js Documentation and code highlighting (based on Prism.js) https://fof.ford.com.tr/content/js/fo-module-doc.min.js Prism.js
fo-module-editor.js Rich text editor integration (Quill-based) https://fof.ford.com.tr/content/js/fo-module-editor.js Quill
fo-module-export.js Excel/CSV export utilities https://fof.ford.com.tr/content/js/fo-module-export.js XLSX.js
fo-module-jquery.js jQuery core (3.7.1) https://fof.ford.com.tr/content/js/fo-module-jquery.js -
fo-modules-factory.css Factory-specific UI components and visuals https://fof.ford.com.tr/content/js/fo-modules-factory.css -

Factory Specific Modules

These modules are tailored for production environments and include factory-related components. The fo-modules-factory.css stylesheet must also be included when using these modules.

Factory Component Description Dependencies
Andon Real-time production line status and alerts fo-modules-factory.css
Conveyors Conveyor line tracking and workflow management fo-modules-factory.css
Tire House Tire inventory and warehouse management fo-modules-factory.css

Plugin Dependencies

The following plugins are used within FO Framework modules. Ensure these dependencies are included before using corresponding modules.

Plugin License Used By
Prism.js MIT fo-module-doc.js
Quill MIT fo-module-editor.js
XLSX.js MIT fo-module-export.js
jQuery MIT All modules (core)
- Ford Otosan Andon (Factory)

Best Practices & Versioning

  • CDN links point to latest by default. For stability, prefer versioned URLs (e.g., /v1.0.0/).
  • Ensure core dependencies (e.g., jQuery) are loaded before dependent modules.
  • Load only required modules to minimize payload and improve performance.
  • Use fo-modules-factory.css only in factory-related implementations.

Contact

For new module requests or questions, please contact the framework team: framework@ford.com.tr

Avoid writing custom CSS or JS outside of the framework. If a needed component or module is missing, request it through the framework team.