popup.html

﻿<!DOCTYPE html>
<html ng-app="AngularChromeEx" ng-csp>
    <head>
        <link rel="stylesheet" href="css/popup.css">

        <!--<script src="js/lib/jquery-1.8.2.min.js"></script>-->
        <script src="js/lib/angular.min.js"></script>

        <script src="js/app/app.js"></script>
        <script src="js/app/popup.js"></script>
    </head>
    <body id="popup">
        <header>
            <h1>Picture Parser Chrome Extension</h1>
        </header>

        <div ng-controller="PageController">
            <h2>Page Information:</h2>
            <div>Title: {{title}}</div>
            <div>URL: {{url}}</div>
            <h2>Has Images:</h2>
            <ul class="list">
                <li ng-repeat="pageInfo in pageInfos">
                    <img class="image-preview" src="{{pageInfo.url}}" />
                    <!-- <div>{{pageInfo.url}}</div> -->
                    <div>{{pageInfo.alternate}}</div>
                </li>                       
            </ul>
        </div>
    </body>
</html>