Coding

Frappe Framework Kanban View and Board Implementation with Source Code

This resource provides the complete JavaScript and HTML source code for implementing Kanban boards in the Frappe Framework, which powers apps like ERPNext. It includes the KanbanView class extending ListView for loading and rendering Kanban boards, the Vuex-based kanban_board.bun

5 steps English

Prompt template

Run these steps in order.

01
Review the JavaScript class KanbanView that extends ListView to handle Kanban board loading, initialization, permission checks, and rendering in Frappe.
02
Examine the HTML template files: kanban_column.html, kanban_card.html, and kanban_board.html to understand the Kanban board UI structure and elements.
03
Analyze the kanban_board.bundle.js script which utilizes Vuex to manage Kanban board state including columns, cards, sorting, adding, archiving, and user actions.
04
Identify integration points such as permission checks, server-side calls for updating board state, and dialog UI for creating new Kanban boards.
05
Use this comprehensive codebase and analysis as a reference for building or customizing Kanban board views in Frappe apps like ERPNext.

Prompt library

Use these prompts directly inside ChatGPT.

Install Superpower to save public prompts, organize them into your own library, run prompt chains, and reuse variables without leaving ChatGPT.