Coding

Frappe Framework Kanban View and Board Implementation with Source Code

This resource provides a comprehensive overview and source code of the Kanban view implementation in the Frappe framework, including the core JavaScript class KanbanView that extends ListView, HTML templates defining the Kanban board UI, and a Vuex-based script managing Kanban bo

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.