Coding

Frappe Framework Kanban View and Board Implementation with Source Code

This prompt provides the complete source code for implementing a Kanban board within the Frappe Framework, including the KanbanView class, HTML templates for Kanban columns, cards, and board layout, and the Vuex store-based KanbanBoard logic for handling columns, cards, ordering,

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, permissions, and rendering in Frappe.
02
Examine the HTML template files: kanban_column.html, kanban_card.html, and kanban_board.html for the Kanban board UI structure and elements.
03
Understand the kanban_board.bundle.js script which uses Vuex to manage Kanban board state including columns, cards, sorting, adding, archiving, and user actions.
04
Note integration points like permission checks, server calls for updating the board state, and dialog UI for creating new Kanban boards.
05
Use this codebase as a reference for building or customizing Kanban board views within Frappe apps such as 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.