k3-networkk3-network
24

Directus Interface Qrcode

screenshot of Directus Interface Qrcode
directus

A simple Directus 9 Interface Extension. Allows to scan and generate QR-Codes.

Github

Overview

The Directus Interface QR Code project is a simple extension for Directus 9 that allows users to display QR Codes directly within the Directus UI. It takes a string input and renders a QR Code below the text field. This extension provides an easy way for users to generate and view QR Codes for their data within the Directus platform.

Features

  • QR Code Display: The extension enables the display of QR Codes directly within the Directus UI for a given string input.
  • Easy Integration: Users can easily integrate this extension into their Directus 9 installation by following the provided installation steps.
  • Compatibility: Built with Vue.js, the extension is compatible with the Directus platform and can be used seamlessly.

Compile it yourself

  1. Clone the repository.
  2. Install NPM packages.
  3. Compile the Extension.
  4. Copy the compiled directus-interface-qrcode\dist\index.js file into your Directus Installation: Your-Directus-Installation\extensions\interfaces\directus-interface-qrcode\index.js.
  5. Restart Directus.

Install the precompiled Extension

  1. Download the precompiled Extension binaries.
  2. Extract the ZIP file into your Your-Directus-Installation\extensions\interfaces\ directory.
  3. Restart Directus.

Summary

The Directus Interface QR Code project is a simple and useful extension for Directus 9 that enables users to display QR Codes within the Directus UI. It is built with Vue.js and can be easily integrated into Directus installations. Users have the option to compile the extension themselves or install the precompiled binaries. This extension enhances the functionality of Directus and allows users to conveniently generate and view QR Codes for their data.

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.