Initial import from local backup (Documents-Playground/pakerpale)

public/assets/bt/integrate/angular/app.js

@@ -0,0 +1,104 @@
+//http://wenzhixin.net.cn/p/bootstrap-table/docs/getting-started.html
+angular.module('app', ['bsTable'])
+.controller('MainController', function ($scope, $http) {
+    $scope.workspaces = [];
+    $scope.workspaces.push({ name: 'Workspace 1' });
+    $scope.workspaces.push({ name: 'Workspace 2' });
+    $scope.workspaces.push({ name: 'Workspace 3' });
+
+    function makeRandomRows (colData) {
+        var rows = [];
+        for (var i = 0; i < 500; i++) {
+            rows.push($.extend({
+                index: i,
+                id: 'row ' + i,
+                name: 'GOOG' + i,
+                flagImage: Math.random() < 0.4
+                    ? 'img/blueFlag16.png'
+                    : Math.random() < 0.75
+                        ? 'img/yellowFlag16.png'
+                        : 'img/greenFlag16.png'
+            }, colData));
+        }
+        return rows;
+    }
+    $scope.workspaces.forEach(function (wk,index) {
+        var colData = {workspace: wk.name};
+        wk.rows = makeRandomRows(colData);
+
+        wk.bsTableControl = {
+            options: {
+                data: wk.rows,
+                rowStyle: function (row, index) {
+                    return { classes: 'none' };
+                },
+                cache: false,
+                height: 400,
+                striped: true,
+                pagination: true,
+                pageSize: 10,
+                pageList: [5, 10, 25, 50, 100, 200],
+                search: true,
+                showColumns: true,
+                showRefresh: false,
+                minimumCountColumns: 2,
+                clickToSelect: false,
+                showToggle: true,
+                maintainSelected: true,
+                columns: [{
+                    field: 'state',
+                    checkbox: true
+                }, {
+                    field: 'index',
+                    title: '#',
+                    align: 'right',
+                    valign: 'bottom',
+                    sortable: true
+                }, {
+                    field: 'id',
+                    title: 'Item ID',
+                    align: 'center',
+                    valign: 'bottom',
+                    sortable: true
+                }, {
+                    field: 'name',
+                    title: 'Item Name',
+                    align: 'center',
+                    valign: 'middle',
+                    sortable: true
+                }, {
+                    field: 'workspace',
+                    title: 'Workspace',
+                    align: 'left',
+                    valign: 'top',
+                    sortable: true
+                }, {
+                    field: 'flag',
+                    title: 'Flag',
+                    align: 'center',
+                    valign: 'middle',
+                    clickToSelect: false,
+                    formatter: flagFormatter,
+                    // events: flagEvents
+                }]
+            }
+        };
+        function flagFormatter(value, row, index) {
+            return '<img src="' + row.flagImage + '"/>'
+        }
+
+    });
+
+
+    $scope.changeCurrentWorkspace = function (wk) {
+        $scope.currentWorkspace = wk;
+    };
+
+
+    //Select the workspace in document ready event
+    $(document).ready(function () {
+        $scope.changeCurrentWorkspace($scope.workspaces[0]);
+        $scope.$apply();
+    });
+
+});

public/assets/bt/integrate/angular/index.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+
+<html lang="en" ng-app="app">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Angular Demo</title>
+
+
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="../../assets/bootstrap-table/src/bootstrap-table.css">
+
+    <script src="../../assets/jquery.min.js"></script>
+    <script src="../../assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
+    <!-- Latest compiled and minified JavaScript -->
+    <script src="../../assets/bootstrap-table/src/bootstrap-table.js"></script>
+    <script src="../../assets/bootstrap-table/dist/extensions/angular/bootstrap-table-angular.js"></script>
+
+
+    <script src="app.js"></script>
+</head>
+<body class="container-fluid" ng-controller="MainController">
+    <br />
+    <!-- Workspaces nav -->
+    <ul class="nav nav-tabs">
+        <li role="presentation" ng-repeat="wk in workspaces" ng-class="{active: currentWorkspace==wk}" ng-click="changeCurrentWorkspace(wk)"><a href="#">{{wk.name}}</a></li>
+    </ul>
+
+    <!-- Workspaces containers -->
+    <div class="workspaceContainer" ng-repeat="wk in workspaces" ng-show="currentWorkspace==wk">
+        <table bs-table-control="wk.bsTableControl"></table>
+    </div>
+
+
+</body>
+</html>