Directus Extension Computed Interface

screenshot of Directus Extension Computed Interface
vue
directus

Perform computed value based on other fields

Overview

This product is a Directus extension that allows for the automatic calculation of field values based on other fields within the same item. It supports templating and arithmetic operations, such as concatenation, summation, subtraction, multiplication, modulo, and conversion to slug or currency. The extension can also be used as an alias field. The calculations are performed on the client side and the extension is lightweight, without the need for third-party libraries.

Features

  • Templating and arithmetic operations
  • Field value calculation based on other fields
  • Support for alias fields
  • Lightweight and no third-party libraries

Summary

This product is a Directus extension that enables the calculation of field values based on other fields within the same item. It supports a variety of arithmetic operations and templating options. The extension is lightweight and does not require the use of third-party libraries. Installation involves creating a new field with specific configurations in the Directus settings.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

directus
Directus

A website that uses Directus as an open source headless CMS to manage content. This includes features such as a customizable content model, role-based access control, and API-based content delivery to support a wide range of digital experiences.

Recoil

Recoil is a state management library for React that provides an intuitive and flexible API for managing and sharing state across components. It supports a range of features, including derived state, asynchronous updates, and time-travel debugging, and is designed to work well with the React ecosystem and other state management solutions.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.