blob: acf186e14e976395289a9e55d64f2ef3cab601f5 [file] [log] [blame]
<!DOCTYPE html>
<!--
| Generated by Apache Maven Doxia
| Rendered using Apache Maven Fluido Skin 1.3.1
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="Olivier Lamy" />
<meta name="Date-Revision-yyyymmdd" content="20150226" />
<meta http-equiv="Content-Language" content="en" />
<title>Archiva -
Generics Javascript</title>
<link rel="stylesheet" href="../css/apache-maven-fluido-1.3.1.min.css" />
<link rel="stylesheet" href="../css/site.css" />
<link rel="stylesheet" href="../css/print.css" media="print" />
<script type="text/javascript" src="../js/apache-maven-fluido-1.3.1.min.js"></script>
<script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script>
<script type="text/javascript">var pageTracker = _gat._getTracker("UA-140879-5");
pageTracker._initData();
pageTracker._trackPageview();</script>
</head>
<body class="topBarEnabled">
<div id="topbar" class="navbar navbar-fixed-top ">
<div class="navbar-inner">
<div class="container"><div class="nav-collapse">
<ul class="nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Introduction <b class="caret"></b></a>
<ul class="dropdown-menu">
<li> <a href="../index.html" title="About">About</a>
</li>
<li> <a href="../download.html" title="Downloads">Downloads</a>
</li>
<li> <a href="../versions.html" title="Versions">Versions</a>
</li>
<li> <a href="../mail-lists.html" title="Mailing Lists">Mailing Lists</a>
</li>
<li> <a href="../security.html" title="Security">Security</a>
</li>
<li class="dropdown-submenu">
<a href="../" title="Documentation">Documentation</a>
<ul class="dropdown-menu">
<li> <a href="../docs/2.1.1/" title="Release 2.1.1">Release 2.1.1</a>
</li>
<li> <a href="../docs/1.3.9/" title="Preview 1.3.9">Preview 1.3.9</a>
</li>
<li> <a href="../docs/2.2.0-SNAPSHOT/" title="Dev 2.2.0-SNAPSHOT">Dev 2.2.0-SNAPSHOT</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Development <b class="caret"></b></a>
<ul class="dropdown-menu">
<li> <a href="../developers/building.html" title="Build Apache Archiva">Build Apache Archiva</a>
</li>
<li> <a href="../get-involved.html" title="Get involved">Get involved</a>
</li>
<li> <a href="../developers/how-we-do-things.html" title="How we do things">How we do things</a>
</li>
<li> <a href="../redback" title="Redback">Redback</a>
</li>
<li> <a href="../redback/components" title="Redback Components">Redback Components</a>
</li>
<li class="dropdown-submenu">
<a href="../jsui/index.html" title="Javascript application Architecture">Javascript application Architecture</a>
<ul class="dropdown-menu">
<li> <a href="../jsui/rest.html" title="Rest service">Rest service</a>
</li>
<li> <a href="../jsui/template-loading.html" title="JS Template loading">JS Template loading</a>
</li>
<li> <a href="../jsui/i18n.html" title="i18n">i18n</a>
</li>
<li> <a href="../jsui/knockout-binding.html" title="Knockout Binding">Knockout Binding</a>
</li>
<li> <a href="../jsui/generics-js.html" title="Generic Javascipts">Generic Javascipts</a>
</li>
</ul>
</li>
<li> <a href="../developers/releasing.html" title="Releasing">Releasing</a>
</li>
<li> <a href="../developers/publishing-site.html" title="Site Publish">Site Publish</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">ASF <b class="caret"></b></a>
<ul class="dropdown-menu">
<li> <a href="http://www.apache.org/foundation/how-it-works.html" title="How Apache Works">How Apache Works</a>
</li>
<li> <a href="http://www.apache.org/foundation/" title="Foundation">Foundation</a>
</li>
<li> <a href="http://www.apache.org/foundation/sponsorship.html" title="Sponsoring Apache">Sponsoring Apache</a>
</li>
<li> <a href="http://www.apache.org/foundation/thanks.html" title="Thanks">Thanks</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Project Documentation <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="dropdown-submenu">
<a href="../project-info.html" title="Project Information">Project Information</a>
<ul class="dropdown-menu">
<li> <a href="../integration.html" title="Continuous Integration">Continuous Integration</a>
</li>
<li> <a href="../mail-lists.html" title="Mailing Lists">Mailing Lists</a>
</li>
<li> <a href="../issue-tracking.html" title="Issue Tracking">Issue Tracking</a>
</li>
<li> <a href="../license.html" title="Project License">Project License</a>
</li>
<li> <a href="../team-list.html" title="Project Team">Project Team</a>
</li>
<li> <a href="../source-repository.html" title="Source Repository">Source Repository</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<form id="search-form" action="http://www.google.com/search" method="get" class="navbar-search pull-right" >
<input value="http://archiva.apache.org/" name="sitesearch" type="hidden"/>
<input class="search-query" name="q" id="query" type="text" />
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=search-form"></script>
</div>
</div>
</div>
</div>
<div class="container">
<div id="banner">
<div class="pull-left">
<a href="../index.html" id="bannerLeft">
<img src="../images/archiva.png" alt="Apache Archiva"/>
</a>
</div>
<div class="pull-right"> <a href="http://www.apache.org/" id="bannerRight">
<img src="http://www.apache.org/images/asf_logo_wide.png" alt="Apache Software Foundation"/>
</a>
</div>
<div class="clear"><hr/></div>
</div>
<div id="breadcrumbs">
<ul class="breadcrumb">
<li class="">
<a href="http://www.apache.org/" class="externalLink" title="Apache">
Apache</a>
<span class="divider">/</span>
</li>
<li class="">
<a href="../" title="Archiva">
Archiva</a>
<span class="divider">/</span>
</li>
<li class="active ">
Generics Javascript</li>
<li id="publishDate" class="pull-right">Last Published: 26 Feb 2015</li>
</ul>
</div>
<div id="bodyColumn" >
<!-- ~ Licensed to the Apache Software Foundation (ASF) under one
~ or more contributor license agreements. See the NOTICE file
~ distributed with this work for additional information
~ regarding copyright ownership. The ASF licenses this file
~ to you under the Apache License, Version 2.0 (the
~ "License"); you may not use this file except in compliance
~ with the License. You may obtain a copy of the License at
~
~ http://www.apache.org/licenses/LICENSE-2.0
~
~ Unless required by applicable law or agreed to in writing,
~ software distributed under the License is distributed on an
~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
~ KIND, either express or implied. See the License for the
~ specific language governing permissions and limitations
~ under the License. -->
<script src="../js/jquery.fancybox.pack.2.1.5.js" type="text/javascript"></script>
<script src="../js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
<link rel="stylesheet" href="../css/jquery.fancybox.2.1.5.css" type="text/css" media="screen" />
<script type="text/javascript" src="../js/fancy-box-activation.js"></script>
<ul>
<li><a href="#Generics_Javascript">Generics Javascript</a>
<ul>
<li><a href="#User_messages">User messages</a></li>
<li><a href="#Success_message">Success message</a></li>
<li><a href="#Error_message">Error message</a></li>
<li><a href="#Modal_Confirm_dialog">Modal Confirm dialog</a></li></ul></li></ul>
<div class="section">
<h2>Generics Javascript<a name="Generics_Javascript"></a></h2>
<p>Some common/generic javascript methods are available.</p>
<div class="section">
<h3>User messages<a name="User_messages"></a></h3>
<p>A div &quot;user-messages&quot; is reserved for user messages.</p>
</div>
<div class="section">
<h3>Success message<a name="Success_message"></a></h3>
<p>
Javascript function:
</p>
<div class="source">
<pre>
displaySuccessMessage($.i18n.prop('managedrepository.added'));
// the second parameter is optionnal by default #user-messages id is used
displaySuccessMessage=function(text,idToAppend){
</pre></div>
<a href="../images/success-message.png" class="single_image" title="Success Message">
<img src="../images/success-message.png" width="150" height="93" style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" alt="" /><br />
Success Message
</a>
</div>
<div class="section">
<h3>Error message<a name="Error_message"></a></h3>
<p>
Javascript function:
</p>
<div class="source">
<pre>
displayErrorMessage($.i18n.prop('managedrepository.added'));
// the second parameter is optionnal by default #user-messages id is used
displayErrorMessage=function(text,idToAppend){
</pre></div>
<a href="../images/error-message.png" class="single_image" title="Error Message">
<img src="../images/error-message.png" width="150" height="93" style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" alt="" /><br />
Error Message
</a>
</div>
<div class="section">
<h3>Modal Confirm dialog<a name="Modal_Confirm_dialog"></a></h3>
<p>
Javascript function:
</p>
<div class="source">
<pre>
/**
* open a confirm dialog based on bootstrap modal
* @param okFn callback function to call on ok confirm
* @param okMessage message in the ok button
* @param cancelMessage message in the cancel button
* @param title title of the modal box
* @param bodyText html content of the modal box
*/
openDialogConfirm=function(okFn, okMessage, cancelMessage, title,bodyText){
</pre></div>
<a href="../images/modal-confirm-dialog.png" class="single_image" title="Modal Confirm dialog">
<img src="../images/modal-confirm-dialog.png" width="150" height="93" style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" alt="" /><br />
Modal Confirm dialog
</a>
</div>
</div>
</div>
</div>
<hr/>
<footer>
<div class="container">
<div class="row">
<p >Copyright &copy; 2006&#x2013;2015
<a href="http://archiva.apache.org/">The Apache Software Foundation</a>.
All rights reserved.
</p>
</div>
<div class="row pull-left">Apache Archiva, Archiva, Apache, the Apache feather logo, and the Apache Archiva project logos are trademarks of The Apache Software Foundation.</div>
<div class="row pull-left">
<a href="http://archiva.apache.org/privacy-policy.html">Privacy Policy</a>
</div>
<p id="poweredBy" class="pull-right">
<a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy">
<img class="builtBy" alt="Built by Maven" src="../images/logos/maven-feather.png" />
</a>
</p>
<div id="ohloh" class="pull-right">
<script type="text/javascript" src="http://www.ohloh.net/p/6670/widgets/project_basic_stats.js"></script>
</div>
</div>
</footer>
</body>
</html>