Fullstack komponents to write Forms, Queries and Menus in Laravel

Related tags

Laravel kompo
Overview

Kompo-logo

GitHub last commit Downloads Version License

kompo.io   •   Documentation   •   Demos   •   Twitter

kompo/kompo

kompo/kompo is a library of Fullstack Komponents to help you write forms, queries and menus in a matter of seconds.

It is built on top of Laravel and Vue.js.

For the most up-to-date information, demos and complete detailed documentation on how to use this package: kompo.io

REQUIREMENTS

Laravel 5.6+ (including Laravel 6 and 7). Optionally, Node.js & npm & Vue.js 2.0+.

DOCUMENTATION

Documentation

COMPONENTS API

API

DEMOS

Examples

Comments
  • Toggle field with toggleid not working and browse() also not working

    Toggle field with toggleid not working and browse() also not working

    HI @kompo

    I using Toggle field like below to show/hide a panel

    Toggle::form('Enable Filter')->toggleId('filter-panel'),
                Panel::form(
                    Columns::form(
                        Input::form('Filter by Keyword')->name('keyword')->filter(),
                        Input::form('Filter by Freq')->name('freq')->filter('>='),
                        Input::form('Filter by Slug')->name('slug')->filter(),
                    ),
                    Button::form("Clear Filter")->refresh()->browse(),
                )->id('filter-panel')
    

    But it not work, in html on client display:none not remove when toggle on

    <div id="filter-panel" class="vlPanel vlFormPanel" style="display: none;">
    

    method browse() also not working, refresh() help clear input (filters) but not reload Cards of current Query

    Thanks in advance,

    opened by xnohat 7
  • Cannot filter() on MultiSelect field ?

    Cannot filter() on MultiSelect field ?

    Hi @kompo ,

    I building filter fields on a Kompo Query but face a problem (i don't know it's bug or not) : Cannot filter() on MultiSelect field

    For example, I using query UsersRolesPermissionsQuery (copy from here https://kompo.io/library/permissions) When I using Select for filter , it working properly, Query has been updated follow filter Select value Select::form('Filter by Permissions')->name('roles.permissions')->optionsFrom('id','name')->filter(), But when I tried MultiSelect::form('Filter by Permissions')->name('roles.permissions')->optionsFrom('id','name')->filter(), and select multiple values . Query not update. I inspect request and find out that Select will send variable like permissions: value , but multiselect will send permissions[0]: value .

    Thanks in advance,

    opened by xnohat 6
  • addLabel in selectupdatable not showing well

    addLabel in selectupdatable not showing well

    After update kompo, i got this problem: image This is the code for the first selectupdatable with the problem

    _SelectUpdatable('Company')->options([
                  '1' => _Columns(
                          _Html('Company 1 Inc.')->col('col-10'),
                          _Html('TaxId1')->col('col-2')
                        ),
                  '2' => _Columns(
                          _Html('Company 2 Inc.')->col('col-10'),
                          _Html('TaxId2')->col('col-2')
                        )
                ])->default('1')
                  ->addLabel('New company')->col('col-8'),
    
    opened by jechaviz 4
  • Don't know how to apply Kompo to Laravel

    Don't know how to apply Kompo to Laravel

    Hi there,

    I followed steps on https://kompo.io/docs but still can not show the demo form. I can not add any components to my projects as well. I search on google, youtube and discord but no one can guide me how to apply kompo. Can you make a short tutorial for us to follow and apply your kompo. In a view file, I code like this after running "composer require kompo/kompo":

    Hello Hello icon('icon-location'); ?> optionsFrom('id', 'name'), MultiImage::form('Images'), SubmitButton::form('Try me out!') ]; } } ?>

    Hello here

    Hope that anyone can help me

    opened by leminhhieu98py 4
  • 💡 Add a ->role('role')->can[Action]() to each component

    💡 Add a ->role('role')->can[Action]() to each component

    Just imagine like this: myComponent()->role('admin')->canRead()->canEdit()->canUpdate()->canDelete()-->canBrowse() or easier myComponent()->role('admin')->can('CRUDB'), where any letter is a initial of the action permited. default behavior: myComponent()->role('any')->can('CRUDB')

    opened by jechaviz 3
  • 💡 Could you opensource Kompo.io?

    💡 Could you opensource Kompo.io?

    The documentation online is good, but you did things that look like it needs to review models, route calls, and other things. If we can see what you do in Kompo.io many questions I have could be answered just by seeing the code.

    Thank you so much again.

    opened by jechaviz 3
  • How we can add plugin to kompo-ckeditor ?

    How we can add plugin to kompo-ckeditor ?

    Hi @kompo ,

    I need some more buttons function in CKEditor Toolbar like Find/Replace. How can I add plugin to kompo-ckeditor ? or clone and create my own version of kompo-editor ?

    Thanks,

    opened by xnohat 3
  • How to apply 4 base styles

    How to apply 4 base styles

    Hi there,

    I could import many components of kompo now, but I don't know how to choose base styles like Bootstrap or Floating or Material Design. Is there anyone to help me pls ?

    opened by leminhhieu98py 2
  • Does we have a sample app build with Kompo ?

    Does we have a sample app build with Kompo ?

    I read docs carefully but still cannot define correctly an app to showing demo form.

    Steps I have tried

    1. Create demo Form php artisan kompo:form KompoDemoForm --demo
    2. define route Route::get('/test', 'App\Http\Komposers\KompoDemoForm@komponents')->name('testform'); But what I got when access /test route is a raw JSON , not a form In docs Kompo define Komposer as special Controller so I can use Komposer instead Controller in MVC flow

    Thanks in advance,

    opened by xnohat 2
  • Modal do not close on success event

    Modal do not close on success event

    Form.vue emits this.$emit('success',response, submitKomponent), but it never reach EditLinkModalContent.vue so modal window never closes itself. I tired to add sample button with click event to Form.vue and it works correctly. Can't locate the source of a problem myself. I hope you can hint me on what I'm doing wrong here.

    RegularForm.php

    class RegularForm extends Form
    {
    	public function handle()
    	{
    		return true;
    	}
    
    	public function komponents()
    	{
    		return [
                         _EditButton('Modal Form')->getKomposer(ModalForm::class)->inModal(),
                    ];
            }
    }
    

    ModalForm.php

    class ModalForm extends Form
    {
        public function handle()
        {
            return true;
        }
    
        public function komponents()
        {
            return [
                _SubmitButton("Test")
            ];
        }
    }
    
    opened by yhortuk 2
  • ❓ Question: Is there a way to push the front end to a chrome extension?

    ❓ Question: Is there a way to push the front end to a chrome extension?

    I have the need to create a chrome extension with some backend. Is there a way to send the generated view to a chrome extension, that mainly works with js? If so, could I have some sample?

    Thanks.

    opened by jechaviz 1
  • [Feature Request] Add repeatable fields

    [Feature Request] Add repeatable fields

    Hi @kompo,

    It's possible to have a component to build repeatable fields? Something like https://github.com/whitecube/nova-flexible-content.

    Thanks in advanced.

    opened by cdt-team 1
  • 💡 Add a multistep wizard component

    💡 Add a multistep wizard component

    It could be horizontal, vertical, sequential, and no sequential as options. Look here to get the idea. Wizards

    Tailwind horizantal sample: https://tailwindcomponents.com/component/steps-bar

    Some Vertical sample (like timeline) https://play.tailwindcss.com/2lnvm6wbTs https://johnnn.tech/q/how-to-create-alternating-vertical-timeline-with-tailwind-css/

    Thank you in advance

    opened by jechaviz 1
  • [Feature Request] can you priority Komponent Chart ?

    [Feature Request] can you priority Komponent Chart ?

    Hi @kompo,

    Can you more priority in built komponent chart ? kompo are very useful in rapid development php application, but the lack of most important component chart reduce significant development time of us.

    Thanks in advanced,

    opened by xnohat 1
Releases(v3.0.25)
Owner
Bass El Hachem
Current focus: creating the perfect rapid application development framework/UI library -> https://kompo.io
Bass El Hachem
Navigator is a package to create headless navigation menus for use in Laravel applications

Navigator Navigator is a package to create headless navigation menus for use in Laravel applications: // In a Service Provider Nav::define(fn ($user)

Sam Rowden 36 Oct 30, 2022
Build structured navigation menus in Filament.

Build structured navigation menus in Filament. This plugin for Filament provides a Navigation resource that allows to build structural navigation menu

Ryan Chandler 61 Dec 30, 2022
Build XML based USSD menus.

Instead of having tonnes of nested, complex PHP files, this package give you the ability to construct your menus in XML and execute them as though they were plain PHP files.

Brian Matovu 6 Oct 6, 2022
Build structured navigation menus in Filament.

Build structured navigation menus in Filament. This plugin for Filament provides a Navigation resource that allows to build structural navigation menu

HappyToDev 0 Jun 29, 2022
Log executed Laravel SQL queries and their line number and more

A lightweight laravel package for logging executed SQL queries, line number and more

Md.Harun-Ur-Rashid 31 Dec 21, 2022
A convenient helper for using the laravel-seo package with Filament Admin and Forms

Combine the power of Laravel SEO and Filament PHP. This package is a convenient helper for using the laravel-seo package with Filament Admin and Forms

Ralph J. Smit 39 Dec 21, 2022
Laravel Query Helper was developed for laravel 7.2+ to help you optimize sql queries

Laravel Query Helper Laravel Query Helper was developed for laravel 7.2+ to help you optimize sql queries, this package will contain all advanced SQL

Syrian Open Source 15 Nov 20, 2022
The missing laravel helper that allows you to inspect your eloquent queries with it's bind parameters

Laravel Query Inspector The missing laravel helper that allows you to ispect your eloquent queries with it's bind parameters Motivations Let's say you

Mouad ZIANI 59 Sep 25, 2022
Twitter Bootstrap forms for Laravel 5

Twitter Bootstrap Forms for Laravel 5 Simple way to create forms View demo demo repository Custom form controls and shorthand methods for form rows (b

Dmitry Groza 15 Oct 31, 2019
BootstrapForm, forms for Laravel 5

BootstrapForm, forms for Laravel 5 This is a package for simply creating Bootstrap 3 styled form groups in Laravel 5. It extends the normal form build

Dwight Watson 217 Oct 24, 2022
rapyd: crud widgets for laravel. datatable, grids, forms, in a simple package

rapyd-laravel This is a pool of presentation and editing widgets (Grids and Forms) for laravel. Nothing to "generate", just some classes to let you de

Felice Ostuni 875 Dec 29, 2022
a Laravel package help you to execute more effective databases queries.

Laravel Query Helper Laravel Query Helper was developed for laravel 7.2+ to help you optimizing sql queries, this package will contain all advanced sq

karam mustafa 9 Jul 26, 2022
Simple Laravel 5 package to dump all running queries on the page.

Abandoned: Use this package instead Laravel QueryDumper Introduction Simple Laravel 5 package to dump all running queries on the page. If it's SELECT

Sarfraz Ahmed 24 May 14, 2020
Keeping Your Laravel Forms Awake.

Caffeine for Laravel Supporting This Package This is an MIT-licensed open source project with its ongoing development made possible by the support of

GeneaLabs, LLC 839 Dec 22, 2022
Trait for Laravel testing to count/assert about database queries

counts_database_queries Trait for Laravel testing to count/assert about database queries Installing composer require ohffs/counts-database-queries-tra

null 1 Feb 23, 2022
Need some filters? This package is based on the Repository Design Pattern to let you create specific queries easily.

DevMakerLab/Laravel-Filters Need some filters? This package is based on the Repository Design Pattern to let you create specific queries easily. Insta

DevMakerLab 19 Feb 20, 2022
Provides the missing range field for the Filament forms.

The missing range field for the Filament forms. Installation You can install the package via composer: composer require yepsua/filament-range-field Pu

null 11 Sep 10, 2022
A demo of how to use filament/forms to build a user-facing Form Builder which stores fields in JSON.

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Dan Harrin 41 Dec 24, 2022
Filament Plugin to help implement Cloudflare turnstile into your forms.

Filament Turnstile Filament Turnstile, is a plugin to help you implement the Cloudflare turnstile. This plugin uses Laravel Turnstile Behind the scene

Coderflex 5 Jun 12, 2023