Download the PHP package netherjs/nui without Composer
On this page you can find all versions of the php package netherjs/nui. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Informations about the package nui
NUI (Nether UI)
The JS UI framework by people who hate JavaScript, for people who hate JavaScript.
I am really surprised at how much I was able to do with so little code. Why do JS frameworks need to be giant and overly complicated? Of course, I cheated, this depends on jQuery, but, still, compared to like jQuery UI...
Installing Like The Common Rabble
Get this source anyway you want - git clone, download the zip, whatever. Copy the
contents of the dist
directory to where you want to serve the files from.
Installing with Composer
If you are using a PHP project with Composer you can deploy this with OneScript.
Pretend our project is /opt/website
with the public webroot as
/opt/website/www
and we want to deploy NUI to /opt/website/www/share/nui
-
this in turn making /share/nui/nui.js
accessible for the webpage...
$ composer require netherjs/nui
$ php vendor/bin/nether-onescript vendor/netherjs/nui --deploy=www/share/nui
Any time you update NUI just rerun the OneScript command and it will build and re-deploy the updates to your public web.
Overview
NUI.Overlay
Creates a translucent overlay on top of the page to stop access to what is below.
NUI.Dialog
Creates a dialog widget, which you can shove in the overlay.
NUI.Button
Creates a button widget, which you can shove in the dialog.
Sample
Full Size: http://i.imgur.com/hYN2O5J.png
<html>
<head>
<title>nui test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="/nui/dist/nui.css" />
<script type="text/javascript" src="/nui/dist/nui.js.php"></script>
<link rel="stylesheet" type="text/css" href="" />
</head>
<body>
<div id="MyInputForm" class="NUI-Hidden">
<p>We could have jQuery built this form live, have it in a saved factory,
built a class emulating NUI classes, or just have had it embedded like right
now.</p>
<div class="NUI-Center">Enter Stuff: <input id="MyInputField" type="text" /></div>
</div>
<script type="text/javascript">
var ModalOverlay = new NUI.Overlay({
Content: new NUI.Dialog({
Title:'Hello Human',
Content:jQuery('#MyInputForm').show(),
Buttons: [
new NUI.Button({ Label:'Accept', Class:'NUI-Dialog-Accept' }),
new NUI.Button({ Label:'Cancel', Class:'NUI-Dialog-Cancel' })
],
OnCancel: function(){
ModalOverlay.Destroy();
return;
},
OnAccept: function(){
LocalSaveData(function(){ ModalOverlay.Destroy(); })
return;
}
})
});
function LocalSaveData(callback) {
var input = jQuery('#MyInputField').val();
/*//
jQuery.post(
'/your/api/whatever',
{ Field:input },
function(result) {
if(result && !result.Error)
callback();
}
);
//*/
alert(input);
callback();
return;
}
</script>
</body>
</html>