Code Monkey home page Code Monkey logo

nova-qrcode-field's Introduction

Nova QR Code

A Laravel Nova field to generate QR Code.

Logo & background

Installation

You can install the Nova field in to a Laravel app that uses Nova via composer :

composer require devtical/nova-qrcode-field

Usage

use Devtical\Qrcode\Qrcode;

Basic

Qrcode::make('QR Code', 'field')

Setting sizes

Qrcode::make('QR Code', 'field')
    ->indexSize(100)
    ->detailSize(500)

Size

With logo

Qrcode::make('QR Code', 'field')
    ->logo('http://source.to/logo.png')

Logo

With background

Qrcode::make('QR Code', 'field')
    ->background('http://source.to/background.png')

Background

With logo & background

Qrcode::make('QR Code', 'field')
    ->logo('http://source.to/logo.png')
    ->background('http://source.to/background.png')

Logo & background

Related

Credits

License

The MIT License (MIT).

nova-qrcode-field's People

Contributors

bsormagec avatar daniellavoie90 avatar kristories avatar mark-nicepants avatar metrixinfo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

nova-qrcode-field's Issues

Set custom size in px

Hi. qrcode generated with 50x50 px size. It's so small!
I want set custom size, for example 200x200 px

Why not to create a new release?

Hey, what a great package! THANKS!

Why aren't you making a new release with the update made to the source (the one I noticed is the hiding of the field on forms).

Thanks again,
Amos

Logo is pixelated

Hi, in my case, the logo is pixelated, it's a way not to adjust the logo to a fixed size.
Thank You!

Actual behavior
Image 2024-01-05 at 4 30 46 PM

Desired behavior
Image 2024-01-05 at 4 31 20 PM

component renders blank in Nova v4.5.4 (Silver Surfer)

Hi,

Might be missing something on install... I migrated today to Nova v4.5.4 (Silver Surfer), and freshly installed QrField. The column shows up in the resource list, but is rendered blank. I already tried yarn mix.

webpack.mix.js is not compatible with new Nova 4 structure

Nova Verison

4.4.2

Error

runtime-core.esm-bundler.js:226 TypeError: Cannot read properties of undefined (reading '_c')
at Proxy.render (qrcode:1:39163)

Assumption

According to the upgrade guide the following changes must be applied on the webpack.mix.js file.

// Before...
mix.js('resources/js/field.js', 'js') 

// After...
require('./nova.mix')

mix.js('resources/js/field.js', 'js').vue({ version: 3 })
  .nova('vendor/package')

Preprocess field contents before rendering QR?

I have a field that contains an identifier string, but not a whole URL. I'd like to be able to generate the full URL on the fly from the field, so if my field contains abc123, I'd like to be able to build it into a URL like https://example.com/qr/abc123. Is there some way to dynamically alter the field value before it gets rendered, via a closure or something?

[feature] Possibility to add padding around the image

I had a lot of trouble scanning QR-codes when looking at Nova in dark mode. It appears that the contrast between the QR corners and the dark blue nova background is prohibiting certain scanners. To avoid this it would be nice to have a padding parameter that gives the rendered image a bit of white padding.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.