mango-panel

Admin panel for easy use of mango-orm. This example uses actix-web . Other frameworks can be used by this analogy.

Requirements

• actix-cors - https://crates.io/crates/actix-cors
• actix-files - https://crates.io/crates/actix-files
• actix-http - https://crates.io/crates/actix-http
• actix-multipart - https://crates.io/crates/actix-multipart
• actix-rt - https://crates.io/crates/actix-rt
• actix-session - https://crates.io/crates/actix-session
• actix-web - https://crates.io/crates/actix-web
• base64 - https://crates.io/crates/base64
• chrono - https://crates.io/crates/chrono
• env_logger - https://crates.io/crates/env_logger
• futures - https://crates.io/crates/futures
• humansize - https://crates.io/crates/humansize
• mango-orm - https://crates.io/crates/mango-orm
• metamorphose - https://crates.io/crates/metamorphose
• regex - https://crates.io/crates/regex
• sanitize-filename - https://crates.io/crates/sanitize-filename
• serde_json - https://crates.io/crates/serde_json
• str_slug - https://crates.io/crates/str_slug
• uuid - https://crates.io/crates/uuid
• serde - https://crates.io/crates/serde
• tera - https://crates.io/crates/tera
• mongodb - https://crates.io/crates/mongodb
• ...
• Vue.js - https://vuejs.org/
• Vuetify.js - https://vuetifyjs.com/

Hint

For examples of Model fields, use tests.

Quick start

1. Install mongodb (if not installed)

### Ubuntu, Mint:
$ sudo apt install mongodb
## OR
### Ubuntu 20.04, Mint 20.x:
$ sudo apt update
$ sudo apt install dirmngr gnupg apt-transport-https ca-certificates
$ wget -qO - https://www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
$ sudo add-apt-repository 'deb [arch=amd64] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/4.4 multiverse'
$ sudo apt update
$ sudo apt install mongodb-org
$ sudo systemctl enable --now mongod
$ mongo --eval 'db.runCommand({ connectionStatus: 1 })'    # For check
$ reboot
### Configuration file:
sudo nano /etc/mongod.conf
### Systemd:
$ sudo service mongod status
$ sudo service mongod start
$ sudo service mongod stop
$ sudo service mongod restart
$ sudo service mongod enable
$ sudo service mongod disable
### Uninstall:
$ sudo service mongod stop
$ sudo service mongod disable
$ sudo apt purge mongodb-org*
$ sudo rm -r /var/log/mongodb
$ sudo rm -r /var/lib/mongodb
$ sudo rm -f /etc/mongod.conf
$ sudo rm -f /etc/apt/sources.list.d/mongodb-org-4.4.list    # for 4.4

2. Download and unzip the project archive

3. Go to the project directory and run the following commands:

$ cargo build
$ cargo run
Open in a web browser http://127.0.0.1:8088/admin

Login page

On the first visit to the panel, the first user with administrator rights will be created.

• Default login: admin
• Default password: 12345678

Welcome page

List of documents

Document form

Example of using a dynamic widget

Dynamic Widgets - This is a simplified alternative to ForeignKey and ManyToMan. Dynamic widgets are used to create document-style categories.

Image upload field

File upload field

Color selection field

Date and time field

In the database, the date and time are stored in UTC format. In the admin panel, the date and time are displayed as local.

Field textarea type and CKEditor 5

Usag CKEditor 5 with textArea widget

Editor settings: mango-panel/admin-panel/src/store/modules/ckeditor.js

//  Example of a field in the Model.
#[serde(default)]
#[field_attrs(
    widget = "textArea",
    label = "Text Editor",
    maxlength = 6000,
    css_classes = "ckeditor"
)]
pub text_editor: Option<String>,