FlightPlan Developer Guide

Welcome to the FlightPlan framework documentation. Learn how to build powerful, lightweight web applications.

⚙ Setting Up

• Setting up - Creating your own development solution
• Adding More Apps - Adding additional apps from GitHub into your developmenmt solution

📖 Core Documentation

• Getting Started - Your first FlightPlan app
• Architecture Overview - Core concepts and structure
• Creating Pages - Build your app's UI
• Component Library - Reusable UI components
• CSS & Styling - Style architecture, utilities, best practices
• GET vs POST - Choosing the right HTTP method
• HandleAction - File downloads and non-HTML responses
• SSL Certificate Setup - HTTPS configuration for dev and production

📐 DOM Element Reference

• Text & Inline Elements - Headings, paragraphs, links, code, spans
• Lists - Ul, Ol, Li
• Tables - Table family and SimpleTable
• Forms & Inputs - Form, Input, Button, DropDownList, DatePicker, ComboBox, etc.
• Layout & Containers - Div, Header, Footer, Nav
• Panel - Fluent API for flex-based layouts
• Images - Img element, sizing, alignment, lazy loading, image buttons
• Video & Streaming - Video element, /media/ serving, HTTP range streaming, preload
• Page Widgets - KpiCard, AlertDialog, PleaseWaitOverlay

🗄️ Database Integration

• Raw String Literals - C# 11 raw string literals for authoring SQL
• Building Dynamic SQL - Conditional WHERE clauses and IN lists composed with raw string literals

🏢 OpsO Suite

Build authenticated business applications for Operations Oversight.

• Creating an OpsO App - Step-by-step new app setup
• Security & Authentication - Roles, permissions, login flow
• Master Page & Navigation - Header, footer, menus
• Impersonation - Support and testing tools
• Filtered Dashboard - Build filtered dashboard pages using the pattern established in SCM

📊 Charting & Maps

• Charting - Wraps Plotly.js in C# components that integrate with FlightPlan's DOM tree
• US Map - Data-driven SVG US map: per-app colors, hover, click-to-navigate, multi-select

📚 Reference

• Icon & Symbol Reference - Copy-paste Unicode symbols and emoji

🎯 Quick Links

• Server Home
• Session Info - Debug request details