PHPackages                             takielias/posui - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Search & Filtering](/categories/search)
4. /
5. takielias/posui

ActiveLibrary[Search & Filtering](/categories/search)

takielias/posui
===============

A simple laravel package For Point of Sale User Interface Template With Search Functionality

2411JavaScript

Since Feb 16Pushed 5y ago1 watchersCompare

[ Source](https://github.com/takielias/posui)[ Packagist](https://packagist.org/packages/takielias/posui)[ RSS](/packages/takielias-posui/feed)WikiDiscussions master Synced 2mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

[![GIt](https://user-images.githubusercontent.com/38932580/62421779-1a73f700-b6c9-11e9-9fdb-26303a3dcdb0.gif)](https://user-images.githubusercontent.com/38932580/62421779-1a73f700-b6c9-11e9-9fdb-26303a3dcdb0.gif)

[![Latest Version on Packagist](https://camo.githubusercontent.com/2682ddb2821cbc7f1266dac96fc92873613034ae0c03a23e1b5e93c4b1675fd9/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f74616b69656c6961732f706f7375692e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/takielias/posui)[![Total Downloads](https://camo.githubusercontent.com/8d721d6c20ca7f9050ab26aa330a137c8e23023fed89790a4766eb4d92ffc1b5/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f74616b69656c6961732f706f7375692e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/takielias/posui)

Posui
=====

[](#posui)

A simple laravel package For Point of Sale User Interface HTML Template. Special Thanks to @AzimUddin248

\#Installation

```
composer require takielias/posui
```

\#Documentation

Execute the Command after successful installation.

```
php artisan vendor:publish --tag=public --force
```

### Add this To your Header

[](#add-this-to-your-header)

```

```

### Add this To your Footer

[](#add-this-to-your-footer)

```

    $(document).ready(function () {
        var searchEngine = new Bloodhound({
            datumTokenizer: Bloodhound.tokenizers.whitespace,
            queryTokenizer: Bloodhound.tokenizers.whitespace,
            remote: {
                url: '{{route('posui.item.search','q=query')}}',
                wildcard: '%QUERY%',
                prepare: function (query, settings) {
                    settings.url = settings.url.replace('query', query);
                    return settings;
                }
            }
        });
        searchEngine.initialize();
        $('#ps').typeahead({
            hint: true,
            highlight: true,
            minLength: 1
        }, {
            name: 'q',
            source: searchEngine,
            limit: 10,
            display: function (data) {
                return data.item_name
            },
            templates: {
                empty: [
                    'Nothing Found.'
                ],
                header: [
                    ''
                ],
                suggestion: function (data) {
                    return "" +
                        "\n" +
                        "        \n" +
                        "        \n" +
                        "           " + data.item_name + "\n" +
                        "           " + data.item_description + "\n" +
                        "        \n" +
                        "        \n" +
                        "          Item Code : " + data.item_code + "\n" +
                        "          Price : " + data.item_price + "\n" +
                        "          Available Quantity : " + data.item_quantity + "\n" +
                        "        \n" +
                        " "
                }
            }
        }).on('typeahead:selected', function (obj, itemData) {
            $.ajax({
                url: "{{route('posui.get.single.item')}}",
                method: "GET",
                data: {"id": itemData.id},
                success: function (data) {
                    if ($("#tr-" + itemData.id).length) {
                        $("#item-quantity-" + itemData.id).val(parseInt($("#item-quantity-" + itemData.id).val()) + 1);
                        $("#item-total-" + itemData.id).val($("#item-quantity-" + itemData.id).val() * $("#item-price-" + itemData.id).val());
                    } else {
                        $("#item_list").append(data);
                    }
                    $('.typeahead').typeahead('val', '');
                    totalCount();
                },
                error: function (error) {
                    alert('Something Wrong')
                }
            });
        });
        function totalCount() {
            var priceElement = $('input[name*="item_price"]');
            var quantityElement = $('input[name*="item_quantity"]');
            var totalElement = $('input[name*="item_total"]');
            var total = 0;
            for (i = 0; i  'posui.item.search',
    'uses' => 'MyController@search'
]);

Route::get('posui-get-single-item', [
    'as' => 'posui.get.single.item',
    'uses' => 'MyController@singleItem'
]);
```

### Add this in your Controller

[](#add-this-in-your-controller)

```
use Takielias\Posui\Posui;
```

### You can Get the view

[](#you-can-get-the-view)

```
    function posuiview()
    {
        $template = Posui::getPosUiView();
        return view('welcome', compact('template'));
    }
```

### Search Item

[](#search-item)

```
    function search(Request $request)
    {
        $rt = [
            'item_id' => 'id',
            'item_code' => 'product_code',
            'item_name' => 'product_name',
            'item_price' => 'product_price',
            'item_image' => 'product_image',
            'item_description' => 'product_description',
            'item_quantity' => 'product_quantity',
        ];
        $data = Posui::searchItem(ItemModel::query(), $rt, $request);
        return response()->json($data);
    }
```

**Here product\_code, product\_name, product\_price etc are representing your Item table column name**

### Select Single Item

[](#select-single-item)

```
    function singleItem(Request $request)
    {
        return Posui::getSingleItem(ItemModel::query(), $request);
    }
```

###  Health Score

19

—

LowBetter than 10% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity12

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity30

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/fad247d1f93a5e71551ddb8719214e25ebbc427726d50359e243b7f4f2aacbfc?d=identicon)[takielias](/maintainers/takielias)

---

Top Contributors

[![takielias](https://avatars.githubusercontent.com/u/38932580?v=4)](https://github.com/takielias "takielias (26 commits)")

---

Tags

html-templatelaravel-packagelaravel-searchpoint-of-salepossearchsuggestionsui

### Embed Badge

![Health badge](/badges/takielias-posui/health.svg)

```
[![Health](https://phpackages.com/badges/takielias-posui/health.svg)](https://phpackages.com/packages/takielias-posui)
```

###  Alternatives

[ruflin/elastica

Elasticsearch Client

2.3k50.4M202](/packages/ruflin-elastica)[opensearch-project/opensearch-php

PHP Client for OpenSearch

15024.3M64](/packages/opensearch-project-opensearch-php)[mailerlite/laravel-elasticsearch

An easy way to use the official PHP ElasticSearch client in your Laravel applications.

934529.3k2](/packages/mailerlite-laravel-elasticsearch)[massive/search-bundle

Massive Search Bundle

721.4M13](/packages/massive-search-bundle)[shyim/opensearch-php-dsl

OpenSearch/Elasticsearch DSL library

175.9M9](/packages/shyim-opensearch-php-dsl)[outl1ne/nova-multiselect-filter

Multiselect filter for Laravel Nova.

45802.7k3](/packages/outl1ne-nova-multiselect-filter)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)