Attachment 681643 Details for Bug 900354 – index.html

index.html

index.html (text/html), 17.27 KB, created by sgilda on 2012-05-02 17:32:49 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: sgilda

Created: 2012-05-02 17:32:49 UTC

Size: 17.27 KB

patch

obsolete

>
><!DOCTYPE html>
><html>
><head>
>    <title>AeroGear QuickStart</title>
>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
>
>    
>    <link rel="Shortcut Icon" href="img/aerogear_icon_16x.png">
>    <link rel="apple-touch-icon" href="img/aerogear_avatar_48px.png"/>
>
>    
>    <meta name="viewport" content="width=device-width, initial-scale=1">
>
>    
>    
>    <script type="text/javascript" src="js/libs/modernizr-2.0.6.js"></script>
>    <script type="text/javascript" src="js/libs/yepnope.1.0.2-min.js"></script>
>    <script type="text/javascript" src="js/libs/underscore-min.js"></script>
>
>    
>    
>    
>    
>    <script type="text/javascript" src="js/app.min.js"></script>
>
>    <script type="text/javascript">
>        yepnope([{
>            //Load CDN hosted jQuery or fall back to local file.
>            /*--------Note-----------
>            This approach should only be used if you trust the source of where the resource (JavaScript) is located.
>            In this case, use of the jquery CDN is much faster if your user's browser already has this file cached.
>            If they don't have it cached, try to load it from the CDN as this will be faster if the user is
>            located closer to a CDN than you currently hosted server.
>            */
>            load: "http://code.jquery.com/jquery-1.6.4.min.js",
>            complete: function() {
>                if ( !window.jQuery ) {
>                    //In production, you would want to fall back to a minified file.
>                    //We fall back to the full version because Eclipse reports false errors in some minified JavaScript files.
>                    yepnope.load( "js/libs/jquery-1.6.4.js" );
>                }
>            }
>        },{
>            //device detection and asynchronous script loading
>            /*--------Note-----------
>            Here we're using the yepnope framework which gives us the ability to load scripts dynamically, based on
>            Modernizr's results.
>            With Modernizr, we use media queries and touch detection to see if we are on a mobile, touch based device
>            or if we're at anything less than 480px.. this gives us a mobile ui on desktop browsers when resized to <480px
>            width for testing.
>            */
>            test: Modernizr.touch || Modernizr.mq( "only all and (max-width: 480px)" ),
>            yep: {
>                //assign labeled callbacks for later execution after script loads.
>                //we are on mobile device so load appropriate CSS
>                "jqmcss": "css/jquery.mobile-1.0.min.css",
>                // For minification, uncomment this line
>                "mcss": "css/m.screen.min.css"
>                // For minification, comment out this line
>                //"mcss": "css/m.screen.css"
>            },
>            nope: {
>                //we are on desktop
>                // For minification, uncomment this line
>                "scss": "css/screen.min.css"
>                // For minification, comment out this line
>            	//"scss": "css/screen.css"
>            },
>            callback: {
>                //use the labeled callbacks from above, and load jQuery Mobile
>                "jqmcss": function( url, result, key ) {
>                    yepnope({
>                        load: "http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js",
>                        complete: function() {
>                            if ( !$.mobile ) {
>                                yepnope( "js/libs/jquery.mobile-1.0.min.js" );
>                            }
>                        }
>                    });
>                },
>                "scss": function( url, result, key ) {
>                    $( document ).ready( function() {
>                        //here we are moving content around based on the browser/device.
>                        //Move aside outside of the section tag for desktop only
>                        $( "#info-aside" ).insertAfter( $( "section" ) );
>                    });
>                }
>            },
>            complete: function() {
>                $( document ).ready( function() {
>                    //setup the app after all scripts have loaded
>
>                    $( "#container" ).show();
>                    //Fetches the initial member data and populates the table using jquery templates
>                    getMemberTemplate();
>
>                    //Register an event listener on the sumbit action
>                    $('#reg').submit(function(event) {
>                        event.preventDefault();
>
>                        var formValues = $(this).serialize();
>                        registerMember(formValues);
>                    });
>
>                    //Register the cancel listener
>                    $('#cancel').click(function(event) {
>                        //clear input fields
>                        $('#reg')[0].reset();
>
>                        //clear existing msgs
>                        $('span.invalid').remove();
>                        $('span.success').remove();
>                    });
>
>                    //scrolling support for devices that don't support overflow:auto
>                    touchScrollX('#members');
>                });
>            }
>        }]);
>    </script>
></head>
><body>
>    <div id="container" style="display:none">
>        <div class="logo">
>            <img src="img/aerogear_logo_150px.png"/>
>        </div>
>        <div class="dualbrand">
>            <img src="img/dualbrand_logo.png"/>
>        </div>
>        <br style="clear:both"/>
>        <section>
>            <h1>Welcome to JBoss &amp; AeroGear!</h1>
>            <article id="intro-art" data-role="page">
>                
>                <div data-role="header" data-theme="a" class="header">
>                    <img class="header_logo" src="img/icon_medium.png"/>
>                    <h3>AeroGear Quickstart</h3>
>                    <a href="#info-aside" data-role="button" data-icon="info" class="ui-btn-right" data-iconpos="notext" data-rel="dialog"></a>
>                </div>
>                
>
>                <div data-role="content">
>                    <img src="img/aerogear_icon_64px.png" class="mobileicon"/>
>                    <p>You have successfully deployed a Java EE 6 web application.</p>
>                    <h3>Your application can run on:</h3>
>                    <img src="img/dualbrand_as7eap.png" class="max-width-100"/>
>
>                    <ul id="features">
>                        <li class="feature">Pure HTML client</li>
>                        <li class="feature">JAX-RS GET &amp; POST end points</li>
>                        <li class="feature">HTML5 based page structure</li>
>                        <li class="feature">HTML5 form element &amp; validation</li>
>                        <li class="feature">CSS3 selectors used for styling</li>
>                        <li class="feature">JAX-RS validation handling</li>
>                        <li class="feature">jQuery Mobile integration</li>
>                        <li class="feature">jQuery used to assist</li>
>                        <li class="feature">QUnit test suite to validate JavaScript</li>
>                    </ul>
>                </div>
>
>                
>                <div class="footer" data-role="footer" data-position="fixed">
>                    <div class="footer_left">
>                        <a href="#intro-art" data-role="button" data-icon="home">Home</a>
>                    </div>
>                    <div class="footer_right">
>                        <span class="footer_txt">Member:</span>
>                        <a href="#register-art" data-role="button" data-icon="plus">Add</a>
>                        <a href="#member-art" data-role="button" data-icon="grid">List</a>
>                    </div>
>                </div>
>                
>            </article>
>
>            
>            <article id="register-art" data-role="page">
>                
>                <div data-role="header" data-theme="a" class="header">
>                    <img class="header_logo" src="img/icon_medium.png"/>
>                    <h3>AeroGear Quickstart</h3>
>                    <a href="#info-aside" data-role="button" data-icon="info" class="ui-btn-right" data-iconpos="notext" data-rel="dialog"></a>
>                </div>
>                
>                <h2>Member Registration</h2>
>
>                <div data-role="content">
>                    <p class="desktop-only">Enforces client side validation with HTML5 based constraints that match the annotation-based constraints defined on the model class. Also uses new HTML5 attributes such as placeholder, and autofocus.</p>
>
>                    
>                    <form name="reg" id="reg" data-ajax="false">
>                        <fieldset>
>                            <legend>Register a user:</legend>
>                            <div>
>                                <label for="name">Name:</label>
>                                <input type="text" name="name" id="name" placeholder="Your Name" required autofocus/>
>                            </div>
>                            <div>
>                                <label for="email">Email:</label>
>                                <input type="email" name="email" id="email" placeholder="Your Email" required/>
>                            </div>
>                            <div>
>                                <label for="phoneNumber">Phone #:</label>
>                                <input type="tel" name="phoneNumber" id="phoneNumber" pattern="[0-9]{10,12}" placeholder="Your Phone #" required/>
>                            </div>
>                            <div id="formMsgs"></div>
>                            <div data-role="controlgroup" data-type="horizontal">
>                                <input type="submit" name="register" id="register" value="Register"/>
>                                <input type="button" name="cancel" id="cancel" value="Cancel"/>
>                            </div>
>                        </fieldset>
>                    </form>
>                </div>
>
>                
>                <div class="footer" data-role="footer" data-position="fixed">
>                    <div class="footer_left">
>                        <a href="#intro-art" data-role="button" data-icon="home">Home</a>
>                    </div>
>                    <div class="footer_right">
>                        <span class="footer_txt">Member:</span>
>                        <a href="#register-art" data-role="button" data-icon="plus">Add</a>
>                        <a href="#member-art" data-role="button" data-icon="grid">List</a>
>                    </div>
>                </div>
>                
>            </article>
>
>            
>            <article id="member-art" data-role="page">
>                
>                <div data-role="header" data-theme="a" class="header">
>                    <img class="header_logo" src="img/icon_medium.png"/>
>                    <h3>AeroGear Quickstart</h3>
>                    <a href="#info-aside" data-role="button" data-icon="info" class="ui-btn-right" data-iconpos="notext" data-rel="dialog"></a>
>                </div>
>                
>                <h2>Current Members</h2>
>
>                <div data-role="content">
>                    <p class="desktop-only">This table is populated and constructed using restful GET calls to the server, and uses CSS3 based selectors for styling. When the page is requested jQuery is used to send the JAX-RS request for the current list of members. The table is them populated dynamically using JavaScript. See app.js for more details.</p>
>
>                    <table class="simpletablestyle" id="mem_tbl" class="rt cf">
>                        <thead class="cf">
>                            <tr>
>                                <th scope="col">Id</th>
>                                <th scope="col">Name</th>
>                                <th scope="col">Email</th>
>                                <th scope="col">Phone #</th>
>                                <th scope="col">REST URLs</th>
>                            </tr>
>                        </thead>
>                        <tfoot>
>                            <tr>
>                                <td colspan="5">
>                                    
>                                    REST URL for all members: 
>                                    <a href="rest/members" target="_blank">XML</a>,
>                                    <a href="rest/members/json" target="_blank">JSON</a>
>                                </td>
>                            </tr>
>                        </tfoot>
>                        <tbody id="members"></tbody>
>                    </table>
>                </div>
>
>                
>                <div class="footer" data-role="footer" data-position="fixed">
>                    <div class="footer_left">
>                        <a href="#intro-art" data-role="button" data-icon="home">Home</a>
>                    </div>
>                    <div class="footer_right">
>                        <span class="footer_txt">Member:</span>
>                        <a href="#register-art" data-role="button" data-icon="plus">Add</a>
>                        <a href="#member-art" data-role="button" data-icon="grid">List</a>
>                    </div>
>                </div>
>                
>            </article>
>
>            
>            <aside id="info-aside" data-role="page">
>                
>                <div data-role="header" data-theme="a" class="header">
>                    <h3>Find out more</h3>
>                </div>
>                
>                <h3>Find out more</h3>
>
>                <div data-role="content">
>                    <p>Learn more about JBoss.</p>
>                    <ul>
>                        <li><a href="https://docs.jboss.org/author/display/AS7/Getting+Started+Developing+Applications+Guide">JBoss AS 7 Getting Started Developing Applications Guide</a></li>
>                        <li><a href="http://jboss.org/jbossas">JBoss AS 7 project site</a></li>
>                    </ul>
>                    <p>Learn about <strong>AeroGear</strong> and HTML5/Mobile development on JBoss.</p>
>                    <ul>
>                        <li><a href="http://jboss.org/aerogear">AeroGear Project site</a></li>
>                        <li><a href="https://community.jboss.org/wiki/WhatArePlainOldHTML5POH5Applications">More on <strong>POH5</strong></a></li>
>                        <li><a href="https://community.jboss.org/wiki/GetStartedWithHTML5MobileWebDevelopmentWithJBoss">Get this application</a></li>
>                        <li><a href="https://community.jboss.org/wiki/HTML5MobileQuickstartArchetypeDeepDive">Application deepdive</a></li>
>                        <li><a href="https://community.jboss.org/community/aerogear">AeroGear user forums</a></li>
>                        <li><a href="https://github.com/organizations/aerogear">Github</a></li>
>                    </ul>
>                    <p>Learn about the Java EE 6 platform and the component model it provides.</p>
>                    <ul>
>                        <li><a href="http://download.oracle.com/javaee/6/tutorial/doc">Java EE 6 tutorial</a></li>
>                        <li><a href="http://docs.jboss.org/cdi/spec/1.0/html">JSR-299: CDI specification</a></li>
>                        <li><a href="https://sites.google.com/site/cdipojo/get-started">CDI Source</a></li>
>                    </ul>
>                    <p>If you have an add-on, please <a href="http://jboss.org">let us know</a> and consider <a href="http://jboss.org">contributing</a> it back to the community!</p>
>                </div>
>            </aside>
>        </section>
>
>        
>        <footer>
>            
>            <p>This project was generated from a Maven archetype from JBoss.<br/></p>
>        </footer>
>    </div>
></body>
></html>

<!--

    JBoss, Home of Professional Open Source
    Copyright 2012, Red Hat, Inc., and individual contributors
    by the @authors tag. See the copyright.txt in the distribution for a
    full listing of individual contributors.

    Licensed 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.

-->
<!DOCTYPE html>
<html>
<head>
    <title>AeroGear QuickStart</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <!-- Set the tab, home page, shortcut icons -->
    <link rel="Shortcut Icon" href="img/aerogear_icon_16x.png">
    <link rel="apple-touch-icon" href="img/aerogear_avatar_48px.png"/>

    <!-- Set viewport scaling and zoom features -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Include the full development version of Modernizr. In production, you should use a -->
    <!-- minimized custom build to reduce file size -->
    <script type="text/javascript" src="js/libs/modernizr-2.0.6.js"></script>
    <script type="text/javascript" src="js/libs/yepnope.1.0.2-min.js"></script>
    <script type="text/javascript" src="js/libs/underscore-min.js"></script>

    <!-- Minification - See Readme for details -->
    <!-- For minification, comment out this file -->
    <!-- <script type="text/javascript" src="js/app.js"></script> -->
    <!-- For minification, uncomment this file -->
    <script type="text/javascript" src="js/app.min.js"></script>

    <script type="text/javascript">
        yepnope([{
            //Load CDN hosted jQuery or fall back to local file.
            /*--------Note-----------
            This approach should only be used if you trust the source of where the resource (JavaScript) is located.
            In this case, use of the jquery CDN is much faster if your user's browser already has this file cached.
            If they don't have it cached, try to load it from the CDN as this will be faster if the user is
            located closer to a CDN than you currently hosted server.
            */
            load: "http://code.jquery.com/jquery-1.6.4.min.js",
            complete: function() {
                if ( !window.jQuery ) {
                    //In production, you would want to fall back to a minified file.
                    //We fall back to the full version because Eclipse reports false errors in some minified JavaScript files.
                    yepnope.load( "js/libs/jquery-1.6.4.js" );
                }
            }
        },{
            //device detection and asynchronous script loading
            /*--------Note-----------
            Here we're using the yepnope framework which gives us the ability to load scripts dynamically, based on
            Modernizr's results.
            With Modernizr, we use media queries and touch detection to see if we are on a mobile, touch based device
            or if we're at anything less than 480px.. this gives us a mobile ui on desktop browsers when resized to <480px
            width for testing.
            */
            test: Modernizr.touch || Modernizr.mq( "only all and (max-width: 480px)" ),
            yep: {
                //assign labeled callbacks for later execution after script loads.
                //we are on mobile device so load appropriate CSS
                "jqmcss": "css/jquery.mobile-1.0.min.css",
                // For minification, uncomment this line
                "mcss": "css/m.screen.min.css"
                // For minification, comment out this line
                //"mcss": "css/m.screen.css"
            },
            nope: {
                //we are on desktop
                // For minification, uncomment this line
                "scss": "css/screen.min.css"
                // For minification, comment out this line
            	//"scss": "css/screen.css"
            },
            callback: {
                //use the labeled callbacks from above, and load jQuery Mobile
                "jqmcss": function( url, result, key ) {
                    yepnope({
                        load: "http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js",
                        complete: function() {
                            if ( !$.mobile ) {
                                yepnope( "js/libs/jquery.mobile-1.0.min.js" );
                            }
                        }
                    });
                },
                "scss": function( url, result, key ) {
                    $( document ).ready( function() {
                        //here we are moving content around based on the browser/device.
                        //Move aside outside of the section tag for desktop only
                        $( "#info-aside" ).insertAfter( $( "section" ) );
                    });
                }
            },
            complete: function() {
                $( document ).ready( function() {
                    //setup the app after all scripts have loaded

                    $( "#container" ).show();
                    //Fetches the initial member data and populates the table using jquery templates
                    getMemberTemplate();

                    //Register an event listener on the sumbit action
                    $('#reg').submit(function(event) {
                        event.preventDefault();

                        var formValues = $(this).serialize();
                        registerMember(formValues);
                    });

                    //Register the cancel listener
                    $('#cancel').click(function(event) {
                        //clear input fields
                        $('#reg')[0].reset();

                        //clear existing msgs
                        $('span.invalid').remove();
                        $('span.success').remove();
                    });

                    //scrolling support for devices that don't support overflow:auto
                    touchScrollX('#members');
                });
            }
        }]);
    </script>
</head>
<body>
    <div id="container" style="display:none">
        <div class="logo">
            <img src="img/aerogear_logo_150px.png"/>
        </div>
        <div class="dualbrand">
            <img src="img/dualbrand_logo.png"/>
        </div>
        <br style="clear:both"/>
        <section>
            <h1>Welcome to JBoss &amp; AeroGear!</h1>
            <article id="intro-art" data-role="page">
                <!-- Header -->
                <div data-role="header" data-theme="a" class="header">
                    <img class="header_logo" src="img/icon_medium.png"/>
                    <h3>AeroGear Quickstart</h3>
                    <a href="#info-aside" data-role="button" data-icon="info" class="ui-btn-right" data-iconpos="notext" data-rel="dialog"></a>
                </div>
                <!-- /Header -->

                <div data-role="content">
                    <img src="img/aerogear_icon_64px.png" class="mobileicon"/>
                    <p>You have successfully deployed a Java EE 6 web application.</p>
                    <h3>Your application can run on:</h3>
                    <img src="img/dualbrand_as7eap.png" class="max-width-100"/>

                    <ul id="features">
                        <li class="feature">Pure HTML client</li>
                        <li class="feature">JAX-RS GET &amp; POST end points</li>
                        <li class="feature">HTML5 based page structure</li>
                        <li class="feature">HTML5 form element &amp; validation</li>
                        <li class="feature">CSS3 selectors used for styling</li>
                        <li class="feature">JAX-RS validation handling</li>
                        <li class="feature">jQuery Mobile integration</li>
                        <li class="feature">jQuery used to assist</li>
                        <li class="feature">QUnit test suite to validate JavaScript</li>
                    </ul>
                </div>

                <!-- Footer -->
                <div class="footer" data-role="footer" data-position="fixed">
                    <div class="footer_left">
                        <a href="#intro-art" data-role="button" data-icon="home">Home</a>
                    </div>
                    <div class="footer_right">
                        <span class="footer_txt">Member:</span>
                        <a href="#register-art" data-role="button" data-icon="plus">Add</a>
                        <a href="#member-art" data-role="button" data-icon="grid">List</a>
                    </div>
                </div>
                <!-- /Footer -->
            </article>

            <!-- New HTML5 article tag -->
            <article id="register-art" data-role="page">
                <!-- Header -->
                <div data-role="header" data-theme="a" class="header">
                    <img class="header_logo" src="img/icon_medium.png"/>
                    <h3>AeroGear Quickstart</h3>
                    <a href="#info-aside" data-role="button" data-icon="info" class="ui-btn-right" data-iconpos="notext" data-rel="dialog"></a>
                </div>
                <!-- /Header -->
                <h2>Member Registration</h2>

                <div data-role="content">
                    <p class="desktop-only">Enforces client side validation with HTML5 based constraints that match the annotation-based constraints defined on the model class. Also uses new HTML5 attributes such as placeholder, and autofocus.</p>

                    <!-- For now mapping bean validation constraints from server side model is a manual task -->
                    <form name="reg" id="reg" data-ajax="false">
                        <fieldset>
                            <legend>Register a user:</legend>
                            <div>
                                <label for="name">Name:</label>
                                <input type="text" name="name" id="name" placeholder="Your Name" required autofocus/>
                            </div>
                            <div>
                                <label for="email">Email:</label>
                                <input type="email" name="email" id="email" placeholder="Your Email" required/>
                            </div>
                            <div>
                                <label for="phoneNumber">Phone #:</label>
                                <input type="tel" name="phoneNumber" id="phoneNumber" pattern="[0-9]{10,12}" placeholder="Your Phone #" required/>
                            </div>
                            <div id="formMsgs"></div>
                            <div data-role="controlgroup" data-type="horizontal">
                                <input type="submit" name="register" id="register" value="Register"/>
                                <input type="button" name="cancel" id="cancel" value="Cancel"/>
                            </div>
                        </fieldset>
                    </form>
                </div>

                <!-- Footer -->
                <div class="footer" data-role="footer" data-position="fixed">
                    <div class="footer_left">
                        <a href="#intro-art" data-role="button" data-icon="home">Home</a>
                    </div>
                    <div class="footer_right">
                        <span class="footer_txt">Member:</span>
                        <a href="#register-art" data-role="button" data-icon="plus">Add</a>
                        <a href="#member-art" data-role="button" data-icon="grid">List</a>
                    </div>
                </div>
                <!-- /Footer -->
            </article>

            <!-- New HTML5 article tag -->
            <article id="member-art" data-role="page">
                <!-- Header -->
                <div data-role="header" data-theme="a" class="header">
                    <img class="header_logo" src="img/icon_medium.png"/>
                    <h3>AeroGear Quickstart</h3>
                    <a href="#info-aside" data-role="button" data-icon="info" class="ui-btn-right" data-iconpos="notext" data-rel="dialog"></a>
                </div>
                <!-- /Header -->
                <h2>Current Members</h2>

                <div data-role="content">
                    <p class="desktop-only">This table is populated and constructed using restful GET calls to the server, and uses CSS3 based selectors for styling. When the page is requested jQuery is used to send the JAX-RS request for the current list of members. The table is them populated dynamically using JavaScript. See app.js for more details.</p>

                    <table class="simpletablestyle" id="mem_tbl" class="rt cf">
                        <thead class="cf">
                            <tr>
                                <th scope="col">Id</th>
                                <th scope="col">Name</th>
                                <th scope="col">Email</th>
                                <th scope="col">Phone #</th>
                                <th scope="col">REST URLs</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <td colspan="5">
                                    <!-- Sets the JAX-RS URLs to retrieve all members either as XML or JSON data.-->
                                    REST URL for all members: 
                                    <a href="rest/members" target="_blank">XML</a>,
                                    <a href="rest/members/json" target="_blank">JSON</a>
                                </td>
                            </tr>
                        </tfoot>
                        <tbody id="members"></tbody>
                    </table>
                </div>

                <!-- Footer -->
                <div class="footer" data-role="footer" data-position="fixed">
                    <div class="footer_left">
                        <a href="#intro-art" data-role="button" data-icon="home">Home</a>
                    </div>
                    <div class="footer_right">
                        <span class="footer_txt">Member:</span>
                        <a href="#register-art" data-role="button" data-icon="plus">Add</a>
                        <a href="#member-art" data-role="button" data-icon="grid">List</a>
                    </div>
                </div>
                <!-- /Footer -->
            </article>

            <!-- New HTML5 aside tag -->
            <aside id="info-aside" data-role="page">
                <!-- Header -->
                <div data-role="header" data-theme="a" class="header">
                    <h3>Find out more</h3>
                </div>
                <!-- /Header -->
                <h3>Find out more</h3>

                <div data-role="content">
                    <p>Learn more about JBoss.</p>
                    <ul>
                        <li><a href="https://docs.jboss.org/author/display/AS7/Getting+Started+Developing+Applications+Guide">JBoss AS 7 Getting Started Developing Applications Guide</a></li>
                        <li><a href="http://jboss.org/jbossas">JBoss AS 7 project site</a></li>
                    </ul>
                    <p>Learn about <strong>AeroGear</strong> and HTML5/Mobile development on JBoss.</p>
                    <ul>
                        <li><a href="http://jboss.org/aerogear">AeroGear Project site</a></li>
                        <li><a href="https://community.jboss.org/wiki/WhatArePlainOldHTML5POH5Applications">More on <strong>POH5</strong></a></li>
                        <li><a href="https://community.jboss.org/wiki/GetStartedWithHTML5MobileWebDevelopmentWithJBoss">Get this application</a></li>
                        <li><a href="https://community.jboss.org/wiki/HTML5MobileQuickstartArchetypeDeepDive">Application deepdive</a></li>
                        <li><a href="https://community.jboss.org/community/aerogear">AeroGear user forums</a></li>
                        <li><a href="https://github.com/organizations/aerogear">Github</a></li>
                    </ul>
                    <p>Learn about the Java EE 6 platform and the component model it provides.</p>
                    <ul>
                        <li><a href="http://download.oracle.com/javaee/6/tutorial/doc">Java EE 6 tutorial</a></li>
                        <li><a href="http://docs.jboss.org/cdi/spec/1.0/html">JSR-299: CDI specification</a></li>
                        <li><a href="https://sites.google.com/site/cdipojo/get-started">CDI Source</a></li>
                    </ul>
                    <p>If you have an add-on, please <a href="http://jboss.org">let us know</a> and consider <a href="http://jboss.org">contributing</a> it back to the community!</p>
                </div>
            </aside>
        </section>

        <!-- New HTML5 footer tag -->
        <footer>
            <!--<img src="img/logo.png" alt="HTML5"/>-->
            <p>This project was generated from a Maven archetype from JBoss.<br/></p>
        </footer>
    </div>
</body>
</html>

Actions: View

Attachments on bug 900354: 681643 | 681644 | 681645