angular-sortable/index.html at master · schartier/angular-sortable · 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
<!doctype html>
<html>
    <head>
        <title>Angular-sortable</title>
        <meta charset="utf-8">
        <link type="text/css" rel="stylesheet" href="./angular-sortable.css"/>
    </head>
    <body ng-app="angularSortableDemo">
        <div>
            <div ng-controller="SortableCtrl">
                <div ng-sortable="items" ng-sortable-items=".sortable-row" ng-sortable-direction="vertical">
                    <div class="sortable-row"
                         ng-repeat="item in items"
                         ng-style="{backgroundColor: item.color}">
                        {{item.name}}, {{item.profession}}
                        <div ng-include="'included-file.html'"></div>
                    </div>
                </div>
                <span ng-repeat="item in items" ng-style="{color: item.color}">
                    {{item.name}},
                </span>
            </div>
        </div>

        <div class="footer">
            <a href="https://github.com/schartier/angular-sortable">https://github.com/schartier</a>
        </div>

        <script src="./bower_components/jquery/dist/jquery.js"></script>
        <script src="./bower_components/angular/angular.js"></script>
        <script src="./app.js"></script>
        <script src="./angular-sortable.js"></script>
        <a href="https://github.com/schartier/angular-sortable"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png"></a>
    </body>
</html>