Difference between revisions of "Ccil-ui-wallpapers"
From CCIL
m (→HTML) |
m (→HTML) |
||
Line 46: | Line 46: | ||
<pre> | <pre> | ||
$(document).ready(function() { | $(document).ready(function() { | ||
− | + | CCIL.ui.wallpaper.setRandom(); | |
− | + | console.log("document.ready"); | |
− | + | // var docId = getParam("id"); | |
− | + | // hook pills | |
− | + | CCIL.onload = function() { | |
− | + | // do something | |
− | + | }; | |
− | + | ||
− | + | CCIL.init(); | |
+ | CCIL.ui.init('interface.json'); | ||
− | + | }); // document.ready | |
</pre> | </pre> |
Latest revision as of 09:52, 2 July 2016
The CCIL UI artifacts are located in the /ccil/logo in the final distribution WAR file.
Maven
In order include it, you need a reference to the Maven project:
<dependency> <groupId>net.ccil</groupId> <artifactId>ccil-ui-wallpapers</artifactId> <version>3.2.4-SNAPSHOT</version> <scope>runtime</scope> <type>war</type> </dependency>
Then, in the plugins section:
<plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-war-plugin</artifactId> <configuration> <overlays> <overlay> <groupId>net.ccil</groupId> <artifactId>ccil-ui-wallpapers</artifactId> <type>war</type> <targetPath>/</targetPath> </overlay> </overlays> </configuration> </plugin>
HTML
Include the script:
<script type='text/javascript' src='ccil/js/ccil-wallpaper.js'></script>
In the HTML, use the CCIL.ui.wallpaper.setRandom(); function.
$(document).ready(function() { CCIL.ui.wallpaper.setRandom(); console.log("document.ready"); // var docId = getParam("id"); // hook pills CCIL.onload = function() { // do something }; CCIL.init(); CCIL.ui.init('interface.json'); }); // document.ready