PHP Classes

Laravel Nova Quick View: Generate the output for Laravel Nova fields

Recommend this page to a friend!
  Info   View files Documentation   Screenshots Screenshots   View files View files (15)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog (1)    
Last Updated Ratings Unique User Downloads Download Rankings
2022-08-31 (3 months ago) RSS 2.0 feedNot yet rated by the usersTotal: 29 This week: 1All time: 10,645 This week: 491Up
Version License PHP version Categories
nova-quick-view 1.0The PHP License5PHP 5, Libraries, Content management
Description Author

This package can generate the output for Laravel Nova fields.

It provides a sub-class of the Laravel Nova field class that can configure specific details about how fields appear in a Laravel Nova implementation.

Currently, it allows configuring the field icon, title, and direction.

Innovation Award
PHP Programming Innovation award winner
September 2022
Winner
Laravel Nova is an administration panel built using Laravel.

Developers can extend it with additional components that provide better features and new panel elements.

This package can simplify the generation of the output of a Laravel Nova panel element.

It can help reduce the code that Laravel Nova panel elements need to write to generate the output that defines how each panel element appears to the users.

Manuel Lemos
Picture of Nyi Nyi Lwin
  Performance   Level  
Name: Nyi Nyi Lwin <contact>
Classes: 10 packages by
Country: Myanmar Myanmar
Age: 30
All time rank: 28804 in Myanmar Myanmar
Week rank: 65 Up1 in Myanmar Myanmar Up
Innovation award
Innovation award
Nominee: 5x

Winner: 2x

Details

Nova Quick View

Latest Stable Version Total Downloads

screenshot 1 screenshot 2 screenshot 3

Installation

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

composer require php-junior/nova-quick-view

Usage

Add the following code :

public function fields(Request $request)
{
    return [
        ...
        NovaQuickView::make('Hello', function () {
            return '<p>Hi, there!</p>';
        })
        ->icon('el-icon-search')
        ->title('I am the title')
        ->direction('rtl') rtl / ltr / ttb / btt
        ...
    ];
}

If you need to render HTML content :

public function fields(Request $request)
{
    return [
        ...
        NovaQuickView::make('Hello', function () {
            return view('partials.hello', [
                'text' => 'Hi, there!'
            ])->render();
        })
        ->icon('el-icon-search')
        ->title('I am the title')
        ->direction('rtl') // rtl / ltr / ttb / btt
        ...
    ];
}

Please check icon list from element. If you want to use fontawesome or others, import CSS file in layout.blade.php

Credits

  • All Contributors

License

The MIT License (MIT). Please see License File for more information.

Screenshots  
  • screenshots/1.png
  • screenshots/2.png
  • screenshots/3.gif
  Files folder image Files  
File Role Description
Files folder image.github (1 file)
Files folder imagedist (1 file, 2 directories)
Files folder imageresources (2 directories)
Files folder imagesrc (2 files)
Accessible without login Plain text file composer.json Data Auxiliary data
Accessible without login Plain text file LICENSE Lic. License text
Accessible without login Plain text file package.json Data Auxiliary data
Accessible without login Plain text file README.md Doc. Documentation
Accessible without login Plain text file webpack.mix.js Data Auxiliary data

  Files folder image Files  /  .github  
File Role Description
  Accessible without login Plain text file FUNDING.yml Data Auxiliary data

  Files folder image Files  /  dist  
File Role Description
Files folder imagecss (1 file)
Files folder imagejs (1 file)
  Accessible without login Plain text file mix-manifest.json Data Auxiliary data

  Files folder image Files  /  dist  /  css  
File Role Description
  Accessible without login Plain text file field.css Data Auxiliary data

  Files folder image Files  /  dist  /  js  
File Role Description
  Accessible without login Plain text file field.js Data Auxiliary data

  Files folder image Files  /  resources  
File Role Description
Files folder imagejs (1 file, 1 directory)
Files folder imagesass (1 file)

  Files folder image Files  /  resources  /  js  
File Role Description
Files folder imagecomponents (1 file, 1 directory)
  Accessible without login Plain text file field.js Data Auxiliary data

  Files folder image Files  /  resources  /  js  /  components  
File Role Description
Files folder image_partials (1 file)
  Accessible without login Plain text file IndexField.vue Data Auxiliary data

  Files folder image Files  /  resources  /  js  /  components  /  _partials  
File Role Description
  Accessible without login Plain text file Button.vue Data Auxiliary data

  Files folder image Files  /  resources  /  sass  
File Role Description
  Accessible without login Plain text file field.scss Data Auxiliary data

  Files folder image Files  /  src  
File Role Description
  Plain text file FieldServiceProvider.php Class Class source
  Plain text file NovaQuickView.php Class Class source

 Version Control Unique User Downloads Download Rankings  
 100%
Total:29
This week:1
All time:10,645
This week:491Up