hasansezertasan / starlette-admin-fields

Extra fields to use with Starlette Admin

starlette-admin-fields

Extra fields to use with Starlette Admin

---

Table of Contents

• starlette-admin-fields
  • Features
    • Fields
  • Installation
  • Usage
  • Motivation
  • Author
  • License

Features

• Quick integration with Starlette Admin
• Zero dependencies
• Fully typed

Fields

Field	Name
Bootstrap Show Password	BootstrapShowPasswordField
CKEditor4	CKEditor4Field
CKEditor5	CKEditor5Field
SimpleMDE	SimpleMDEField

Installation

Latest Release

pip install starlette-admin-fields

Development Version

pip install git+https://github.com/hasansezertasan/starlette-admin-fields.git

Usage

I didn't write the documentation yet but it's pretty straightforward. You can check the example directory for usage.

Motivation

I implemented these fields for my own projects and decided to share them.

Author

• Hasan Sezer Tasan, It's me 👋

License

starlette-admin-fields is distributed under the terms of the MIT license.

starlette-admin-fields's Issues

Proposal: Alternative WYSIWYG Editor - `CKEditor5Field`

Related to jowilf/starlette-admin#381

ckeditor/ckeditor5: Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing.

• ✅ CDN Support
• ✅ JavaScript Initialization
• ❌ Data Attribute Initialization

Proposal: An advanced date field based on `daterangepicker` lib - `DateRangePickerField`

A date input with range-picking capabilities.

Why do you need this field? What does it solve? Please describe.
To be able to pick date in a range.

Describe the solution you'd like
dangrossman/daterangepicker: JavaScript Date Range, Date and Time Picker Component

Additional context

• ✅ CDN Support
• ✅ JavaScript Initialization
• ❌ Data Attribute Initialization

Enhancement: How to test fields?

We are depending on many fields now and the number of fields implemented is going to increase in time but we still don't have a proper way to test them.

One idea can be driver-based testing with Selenium or Playwright.

And one question is this: these are simple fields that work on the client side. Do we need to test them?

Proposal: Markdown Editor - `SimpleMDEField`

Related to jowilf/starlette-admin#379

sparksuite/simplemde-markdown-editor: A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.

• ✅ CDN Support
• ✅ JavaScript Initialization
• ❌ Data Attribute Initialization

Proposal: An advanced password field with Show/Hide feature based on `bootstrap-show-password` lib - `BootstrapShowPasswordField`

A password is input with the "Show/Hide" toggle button.

wenzhixin/bootstrap-show-password: Show/hide password plugin for twitter bootstrap.

• ✅ CDN Support
• ✅ JavaScript Initialization
• ✅ Data Attribute Initialization

Proposal: Inline tables - `TableField`

I don't know any technologies to use with it. It's just an idea.

There is a project that implements what I propose but in Flask Admin: cllen/flask-admin-tablefield

Proposal: Alternative WYSIWYG Editor - `JoditEditorField`

Related to jowilf/starlette-admin#439

Jodit Editor: Open Source WYSIWYG editor written in pure TypeScript

• ✅ CDN Support
• ✅ JavaScript Initialization
• ❌ Data Attribute Initialization

Proposal: Alternative WYSIWYG Editor - `FroalaEditor4Field`

Related to jowilf/starlette-admin#439

froala/wysiwyg-editor: The next generation Javascript WYSIWYG HTML Editor.

• 🔳 CDN Support
• 🔳 JavaScript Initialization
• 🔳 Data Attribute Initialization

Proposal: Alternative WYSIWYG Editor - `CKEditor4Field`

Related to jowilf/starlette-admin#381

ckeditor/ckeditor4: The best enterprise-grade WYSIWYG editor. Fully customizable with countless features and plugins.

• ✅ CDN Support
• ✅ JavaScript Initialization
• ❌ Data Attribute Initialization

Proposal: An input field for crontab syntax - `CronEditorField`, `CrontabField`, or `CronExpressionField`

Related to jowilf/starlette-admin#439

Why do you need this field? What does it solve? Please describe.
To be able to edit input fields in crontab format.

Describe the solution you'd like
JossyDevers/cron-expression-input: Cron UI: Input component to generate cron expressions easily and intuitively

Additional context

• ✅ CDN Support
• ✅ JavaScript Initialization
• ✅ Tag Initialization
• ❌ Data Attribute Initialization