directus-interface-qrcode

About The Project

This is a simple Directus 9 Interface Extension, which allows to display QR-Codes directly inside of the Directus UI. It takes a String input and renders a QR-Code underneath the text field.

To display the QR-Code in the Collection Overview check out directus-display-qrcode.

Built With

• Vue
• qrcode.vue

Getting Started

There are 2 ways to get up and running. Either you compile the Extension yourself, or you download the precompiled Extension:

Compile it yourself

1. Clone the repo

 git clone https://github.com/K3-Network/directus-interface-qrcode.git

2. Install NPM packages

   npm install
   

3. Compile the Extension

   npx directus-extension build
   

4. Copy the directus-interface-qrcode\dist\index.js into your Directus Installation: Your-Directus-Installation\extensions\interfaces\directus-interface-qrcode\index.js

5. Restart Directus

Install the precompiled Extension

1. Download the Binaries

2. Extract the ZIP into Your-Directus-Installation\extensions\interfaces\

3. Restart Directus

Roadmap

See the open issues for a list of proposed features (and known issues).

License

Distributed under the ISC License. See LICENSE for more information.

Contact

Nicolas Mierbach - K3.Network

Project Link: https://github.com/K3-Network/directus-interface-qrcode