<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Jaggery - Delicious Javascript</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->
    <link href="../css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
        body {
            padding-top: 60px;
        }
    </style>
    <link href="../css/prettify.css" rel="stylesheet">
    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../images/favicon.ico">
    <link rel="apple-touch-icon" href="../images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72"
          href="../images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114"
          href="../images/apple-touch-icon-114x114.png">
</head>

<body>

<%
include('/includes/topnavi.jag');
%>

<div class="container-fluid" style="width: 960px; margin: auto;">
<div class="row">
    <div class="span16">
        <div class="page-header">
            <h1>
                Documentation
                <small>API documentation for Jaggery.js</small>
            </h1>
        </div>
    </div>
</div>

<div class="row">
<div class="span4">
    <div class="well">
        <%
        include('/includes/navi.jag');
        %>

    </div>

</div>
<div class="span12">
<div class="content" id="email" name="email">
<h3>application</h3>
        <pre class="prettyprint linenums">
&lt%
    //reading a property from application context
    application.get('foo');

    //Putting a property to the application context
    application.put('bar', {'name':'jaggery'})

    //Removing a property from application context
    application.remove('bar');
%&gt
</pre>

<% hasMembers = false; %>
<div id="pageLinks">
    <a class="navilink" href="#overview">Overview</a>
    <%if(hasMembers) {%>
    <a class="navilink" href="#members">Members</a>
    <%}%>
    <%if(hasOps) {%>
    <a class="navilink" href="#operations">Operations</a>
    <%}%>
</div>
<section id="overview">

    <h4>Overview</h4>
    <p class="description">
        Object that holds properties which are global to the entire application</p>
</section>
<section id="operations">

    <h4>Operations</h4>
    <table class="clsStd operations-table">

        <tbody>

        <tr>

            <th>Operation</th>
            <th>Returns</th>
            <th>Description</th>

        </tr>
        <tr>

            <td><code>get('propName')</code></td>
            <td>Object</td>
            <td>
                <pre class="prettyprint">application.get('foo')</pre>
                Returns the value (object) associated with the property

            </td>

        </tr>
        <tr>

            <td><code>put('propName', value)</code></td>
            <td>None</td>
            <td>
                <pre class="prettyprint">application.put('foo', {'name':'jaggery'})</pre>
                Adding a value to the application context

            </td>

        </tr>
        <tr>

            <td><code>remove('propName')</code></td>
            <td>None</td>
            <td>
                <pre class="prettyprint">application.remove('foo')</pre>
                Removes a property from application context

            </td>

        </tr>
        </tbody>
    </table>
</section>

</div>
<br>
<br>
</div>

</div>
<%
include('/includes/footer.jag');
%>

</div>

<!-- /container -->
<%
include('/includes/scripts.jag')
%>
<script>

    $(document).ready(function(){
        $('#app').toggleClass('active')
        $('#docs').addClass('active')
    })
</script>
</body>
</html>
