angular-jquery-wrapper/index.html at master · norami/angular-jquery-wrapper · GitHub

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
75
76
77
78
79
<!doctype html>
<html lang="ja">
<head>
    <meta charset="utf-8" />
    <title>Angular jQuery Wrapper Demo</title>
    <link rel="stylesheet" href="bower_components/jquery-ui/themes/smoothness/jquery-ui.css" />
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-theme.css"/>
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="bower_components/jquery-ui/jquery-ui.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="src/core.js"></script>
    <script src="src/jquery-ui.js"></script>
    <script>
        var app = angular.module("App", ['jqueryWrapper']);
        app.controller("FormController", function($scope){
        })
    </script>

    <style>
        body {
            padding-top: 50px;
        }
        .starter-template {
            padding: 40px 15px;
        }
        .row{
            margin: 0.2em
        }
        .ui-menu { width: 150px; }
    </style>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="./">Angular-jQuery-Wrapper</a>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
            </ul>
        </div><!--/.nav-collapse -->
    </div>
</div>

<div class="container">

    <div class="starter-template">
        <h1>Angular-jQuery-Wrapper Demo</h1>
        <p class="lead"></p>
        <article ng-app="App" >
            <section ng-controller="FormController" class="row">
                <div class="col-sm-8">
                    <div id="number" class="row">
                        <h3>jQuery UI</h3>
                        <p><a href="demo/jquery-ui.html">jQuery UI</a></p>
                        <p><a href="demo/multiDatesPicker.html">multiDatesPicker</a></p>
                </div>
    </div>
    <div class="col-sm-2">
    </div>
    <div class="col-sm-2">
    </div>
    </section>

    </article>
</div>

</div><!-- /.container -->


</body>
</html>