README

EasePHP Twitter Bootstrap4 Widgets

Object oriented PHP Framework for easy&fast writing small/middle sized apps.

Bricks Included

MainPageMenu - Large icon navigation menu
Toggle - Bootstrap switch/toggle component
PasswordInputShowHide - Password input with visibility toggle
FaIcon - Font Awesome icon wrapper
BrowsingHistory - User browsing history component
LangSelect - Language selector dropdown
LangLinks - Language selector navigation links

MainPageMenu

Well framed large icons

$mpmenu = new \Ease\ui\MainPageMenu();
$mpmenu->addMenuItem('logo.png', 'Caption', 'https://url/');

TwitterBootstrap Toggle

Ease support for http://bootstrapswitch.com/

new Ease\ui\Toggle('swname', true, 1,['onText' => 'YES', 'offText' => 'NO']);

Password Input with eye

PasswordInputShowHide();

Font Awesome Icon

FaIcon();

Browsing History

new BrowsingHistory();

Language Selector Dropdown (LangSelect)

Bootstrap 4 dropdown-based language selector that integrates with Ease\Locale for internationalization.

// Basic usage
$langSelector = new \Ease\TWB4\Widgets\LangSelect();

// With custom URL parameter name (default is 'locale')
$langSelector = new \Ease\TWB4\Widgets\LangSelect('lang');

// With additional properties
$langSelector = new \Ease\TWB4\Widgets\LangSelect('locale', ['class' => 'dropdown my-custom-class']);

Features:

Automatically detects available languages from Ease\Locale
Shows current language with a globe icon
Preserves existing URL parameters when switching languages
Fully styled with Bootstrap 4 dropdown component
Active language is highlighted in the dropdown menu

Language Navigation Links (LangLinks)

Bootstrap 4 navigation-style language selector that displays languages as pills or tabs.

// Basic usage (nav pills style)
$langLinks = new \Ease\TWB4\Widgets\LangLinks();

// As navigation tabs
$langLinks = new \Ease\TWB4\Widgets\LangLinks(['class' => 'nav nav-tabs']);

// Inline style
$langLinks = new \Ease\TWB4\Widgets\LangLinks(['class' => 'nav nav-pills d-inline-flex']);

// Vertical layout
$langLinks = new \Ease\TWB4\Widgets\LangLinks(['class' => 'nav flex-column']);

Features:

Displays all available languages as navigation links
Supports different Bootstrap 4 nav styles (pills, tabs, etc.)
Current language is marked as active
Can be used inline or as block element
Preserves URL parameters when switching languages

Installation

Composer:

composer require vitexsoftware/ease-twbootstrap4-widgets

Older versions and its requirements https://packagist.org/packages/vitexsoftware/

For Debian, Ubuntu & friends please use repo:

sudo apt install lsb-release wget
echo "deb http://repo.vitexsoftware.cz $(lsb_release -sc) main" | sudo tee /etc/apt/sources.list.d/vitexsoftware.list
sudo wget -O /etc/apt/trusted.gpg.d/vitexsoftware.gpg http://repo.vitexsoftware.cz/keyring.gpg
sudo apt update
sudo apt install php-vitexsoftware-ease-bootstrap4-widgets

In this case please add this to your app composer.json:

"require": {
    "ease-bricks": "*"
},
"repositories": [
    {
        "type": "path",
        "url": "/usr/share/php/EaseCore",
        "options": {
            "symlink": true
        }
    },
    {
        "type": "path",
        "url": "/usr/share/php/EaseTWB4",
        "options": {
            "symlink": true
        }
    },
    {
        "type": "path",
        "url": "/usr/share/php/EaseTWB4Widgets",
        "options": {
            "symlink": true
        }
    }
]

Links

Homepage: https://www.vitexsoftware.cz/ease.php

GitHub: https://github.com/VitexSoftware/php-ease-bootstrap4-widgets

PhpDocumentor: https://www.vitexsoftware.cz/php-ease-bootstrap4-widgets/

vitexsoftware / ease-twbootstrap4-widgets

Maintainers

Details