Difference between revisions of "Ccil-ui-wallpapers"

From CCIL
Jump to: navigation, search
m (HTML)
m (HTML)
 
Line 46: Line 46:
 
<pre>
 
<pre>
 
$(document).ready(function() {
 
$(document).ready(function() {
CCIL.ui.wallpaper.setRandom();
+
CCIL.ui.wallpaper.setRandom();
console.log("document.ready");
+
console.log("document.ready");
// var docId = getParam("id");
+
// var docId = getParam("id");
  
// hook pills
+
// hook pills
CCIL.onload = function() {
+
CCIL.onload = function() {
// do something
+
// do something
};
+
};
CCIL.init();
+
CCIL.ui.init('interface.json');
+
        CCIL.init();
 +
CCIL.ui.init('interface.json');
  
}); // document.ready
+
}); // 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