Display smart field as progress bar using rich text editor
Please be sure of your agent type and version and pick the right documentation accordingly.
This is the documentation of the forest-express-sequelize
and forest-express-mongoose
Node.js agents that will soon reach end-of-support.
forest-express-sequelize
v9 and forest-express-mongoose
v9 are replaced by @forestadmin/agent
v1.
Please check your agent type and version and read on or switch to the right documentation.
Display smart field as progress bar using rich text editor
const Liana = require('forest-express-sequelize');
const models = require('../models/');
const express = require('express');
const router = express.Router();
Liana.collection('orders', {
fields: [
{
field: 'progressBar',
type: 'String',
get: (order) => {
//set your value and max value
var progressValue = yourProgressValue;
var maxValue = yourMaxValue;
var percentage = (progressValue / maxValue) * 100;
return `<div style='position:relative;'><span style='text-align:left; width:100%;'>0</span><span style='text-align:right; width:100%; position:absolute;'>${maxValue}</span><meter min='0' low='40' high='80' max='${maxValue}' value='${progressValue}' style='width:100%'></meter><br><span style='width:10%; position:absolute; left:calc(${percentage}% - 5%); text-align:center;'>${progressValue}</span></div>`;
},
},
],
});
PreviousAdd validation to a smart field editionNextUpdate point geometry field using a smart field and algolia api
Last updated
Was this helpful?