Difference between revisions of "The CCIL User Interface Layer"

From CCIL
Jump to: navigation, search
m (→‎4. Web)
m (→‎HTMLs)
Line 15: Line 15:
 
More in the [[ccil-ui-js]] dedicated page.
 
More in the [[ccil-ui-js]] dedicated page.
  
−
=== HTMLs ===
+
== HTMLs ==
  
 
Located in the ''/ccil/html'' [http://tracker.datacraftmagic.com/browse/CCIL-63 [CCIL-63] folder.
 
Located in the ''/ccil/html'' [http://tracker.datacraftmagic.com/browse/CCIL-63 [CCIL-63] folder.
 +
 +
Basically, the structure is formed by 4 HTML files and one configuration.
 +
 +
== interface.json ==
 +
 +
In the web root there is a file, called ''interface.json''. A sample below:
 +
 +
<code>
 +
{
 +
"title" : "CCIL Web UI",
 +
"message" : {
 +
"enabled" : "yes",
 +
"text": "<strong>Important!</strong>&nbsp; More information about the front-end <a href = &quot;http://ccil.sourceforge.net&quot; class = &quot;lert-link&quot;> is available here</a>."
 +
},
 +
"menu" : {
 +
"enabled"  : "yes",
 +
"link": "",
 +
"items" : [
 +
{"name":"Welcome", "link":"content.html"},
 +
{"name":"More...", "link":"content.html"}
 +
]
 +
},
 +
"content" : {
 +
"enabled"  : "yes",
 +
"link" : "http://ccil.sourceforge.net/documentation"
 +
}
 +
}
 +
</code>
 +
 +
==== title ====
 +
 +
The title for the site. It will be displayed in the [TBA] strip of the browser.
 +
 +
==== messge ====
 +
 +
TBA
 +
 +
==== enabled ====
 +
 +
TBA
 +
 +
==== link ====
 +
 +
TBA
 +
 +
==== items ====
 +
 +
===== name =====
 +
 +
===== link =====
 +
 +
==== content ====
 +
 +
===== enabled =====
 +
 +
===== link =====
  
 
== Components ==
 
== Components ==

Revision as of 17:54, 4 June 2016

Thee CCIL User Interface Layer is composed of several simple frameworks. Blended together, they produce integrated, modular web interface which is well suited for dynamic binding just like the CCIL framework itself.

Principles

The main concept behind the UI Layer is that the different aspects of the environment are realized as independent Maven Web projects, which are finally blended-in by the ccil-ui-web project. The latter should be referenced by the client projects, and the different functionalities simple disabled from the main configuration file.

It is built around the Maven's overlay system.

All shared artifacts are located in the /ccil folder. The different components add their stuff to its sub-folders.

JavaScripts

All of them are located in the /ccil/js folder. The ccil.js is the main script file. It introduces the CCIL object, which holds all useful functions and variables.

More in the ccil-ui-js dedicated page.

HTMLs

Located in the /ccil/html [CCIL-63 folder.

Basically, the structure is formed by 4 HTML files and one configuration.

interface.json

In the web root there is a file, called interface.json. A sample below:

{ "title" : "CCIL Web UI", "message" : { "enabled" : "yes", "text": "Important!  More information about the front-end <a href = "http://ccil.sourceforge.net%22 class = "lert-link"> is available here</a>." }, "menu" : { "enabled"  : "yes", "link": "", "items" : [ {"name":"Welcome", "link":"content.html"}, {"name":"More...", "link":"content.html"} ] }, "content" : { "enabled"  : "yes", "link" : "http://ccil.sourceforge.net/documentation" } }

title

The title for the site. It will be displayed in the [TBA] strip of the browser.

messge

TBA

enabled

TBA

link

TBA

items

name
link

content

enabled
link

Components

More information about the component is available here.

2. JavaScript

More information about the component is available here.

3. Wallpapers

More information about the component is available here.

4. Web

This is the final project, which blends it all together. More information about the component is available here.

Retrieved from "http://ccil.sourceforge.net/documentation/index.php?title=The_CCIL_User_Interface_Layer&oldid=24"