WebUI 0 travis-ci Packagist phpunit

Abstract PHP interface for building common HTML components with microdata

WebUI

WebUI aims to provide a PHP interface to build HTML components with microdata.

Synopsis

$el = new Element('span');
$el->append('>');
$el->addClass('separator');

$breadcrumbs = new Breadcrumbs;

$breadcrumbs->setSeparatorElement($el);

$breadcrumbs->appendLink('Home', '/', 'The Home Page');
$breadcrumbs->appendLink('Product', '/', 'All Products');
$html = $breadcrumbs->render();

And we will get:

<div class="breadcrumbs">
  <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a title="The Home Page" itemprop="url" href="/">
      <span itemprop="title">Home</span>
    </a>
  </span>
  <span class="separator">&#62;</span>
  <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a title="All Products" itemprop="url" href="/">
      <span itemprop="title">Product</span>
    </a>
  </span>
</div>

Components

ReactComponent

Rendering ReactComponent initializer from PHP settings:

$component = new ReactComponent('CRUDListApp', array( 'prop1' => 'setting' ));
$out = $component->render();

The code above renders the html below:

<div class="react-component react-app" id="CRUDListApp56faad9210df6"></div>
<script>
document.addEventListener('load', function(evt) {
var app56faad9210e79 = React.createElement(CRUDListApp,{
    "prop1": "setting"
});
React.render(app56faad9210e79, document.getElementById('CRUDListApp56faad9210df6'));
});
</script>

Related Repositories

webui-aria2

webui-aria2

The aim for this project is to create the worlds best and hottest interface to interact with aria2. Very simple to use, just download and open index.html in any web browser. ...

webui-popover

webui-popover

A lightWeight popover plugin with jquery ,enchance the popover plugin of bootstrap with some awesome new features ...

git-webui

git-webui

A standalone local web based user interface for git repositories ...

AngularJS-FlowChart

AngularJS-FlowChart

An example/template WebUI control for visualizing and editing flow charts ...

docker-transmission-openvpn

docker-transmission-openvpn

Docker container which runs Transmission torrent client with WebUI while connecting to OpenVPN ...


Top Contributors

c9s azole

Releases

-   1.4.0 zip tar
-   1.3.0 zip tar
-   1.2.0 zip tar
-   1.1.0 zip tar