Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Joachim Haagen Skeie
file 74 lines (64 sloc) 3.202 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <title>Ember.js Example Application</title>
    <link rel="stylesheet" href="css/master.css" type="text/css" charset="utf-8">
    <meta name="author" content="Joachim Haagen Skeie">
    <script src="scripts/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="scripts/handlebars-1.0.0.rc.3.js" type="text/javascript" charset="utf-8"></script>
    <script src="scripts/ember.prod.20130324.js" type="text/javascript" charset="utf-8"></script>
    <script src="scripts/ember-data-20130216.js" type="text/javascript" charset="utf-8"></script>
    <script src="app/app.js" type="text/javascript" charset="utf-8"></script>
    <script src="app/controllers/photos_controller.js" type="text/javascript" charset="utf-8"></script>
    <script src="app/controllers/photo_controls_controller.js" type="text/javascript" charset="utf-8"></script>
    <script src="app/controllers/selected_photo_controller.js" type="text/javascript" charset="utf-8"></script>
    <script src="app/models/photo_model.js" type="text/javascript" charset="utf-8"></script>
    <script src="app/views/photo_thumbnail_view.js" type="text/javascript" charset="utf-8"></script>
    <script src="app/router.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/x-handlebars">
        <div id="mainArea">
            {{outlet}}
        </div>
    </script>

    <script type="text/x-handlebars" id="photos/selectedPhoto">
        <div id="selectedPhoto">
            <h1>{{imageTitle}}</h1>

            <div class="selectedPhotoItem">
                <img id="selectedImage" {{bindAttr src="imageUrl"}}/>
            </div>
        </div>
    </script>


    <script type="text/x-handlebars" id="photoControls">
        <div class="controlButtons">
            <button {{action playSlideshow}}>Play</button>
            <button {{action stopSlideshow}}>Stop</button>
            <button {{action prevPhoto}}>Prev</button>
            <button {{action nextPhoto}}>Next</button>
        </div>
    </script>

    <script type="text/x-handlebars" id="photos">
        <div>Disclamer: The photographs used for this example application is under Copyright to Joachim Haagen Skeie.
            You are allowed to use the photographs while going through this example application. The source code itself
            is released under the MIT licence.
        </div>
        {{outlet}}
        {{render photoControls}}

        <div class="thumbnailViewList">
            {{#each photo in controller}}
            <div class="thumbnailItem">
                {{#linkTo photos.selectedPhoto photo}}
                    {{view EME.PhotoThumbnailView
                        srcBinding="photo.imageUrl"
                        contentBinding="photo"}}
                    {{/linkTo}}
            </div>
            {{/each}}
        </div>
    </script>
</head>
<body bgcolor="#555154">

</body>
</html>
Something went wrong with that request. Please try again.