added offline documentation

8 files changed, 365 insertions, 0 deletions

diff --git a/doc/js/controllers/demo-callbacks.js b/doc/js/controllers/demo-callbacks.js
new file mode 100644
index 0000000..40099b3
--- /dev/null
+++ b/doc/js/controllers/demo-callbacks.js
@@ -0,0 +1,72 @@
+myApp.controller( 'demoCallbacks' , [ '$scope' , function ($scope) {               
+
+    $scope.modernBrowsers = [
+        { 
+            icon: '<img src="https://cdn1.iconfinder.com/data/icons/fatcow/32/opera.png" />',                         
+            name: 'Opera',              
+            maker: 'Opera Software',        
+            ticked: true    
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32/internet_explorer.png" />',             
+            name: 'Internet Explorer',  
+            maker: 'Microsoft',
+            ticked: false   
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/humano2/32x32/apps/firefox-icon.png" />',         
+            name: 'Firefox',            
+            maker: 'Mozilla Foundation',    
+            ticked: true    
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32x32/safari_browser.png" />',             
+            name: 'Safari',             
+            maker: 'Apple',                 
+            ticked: false   
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/google_jfk_icons_by_carlosjj/32/chrome.png" />',  
+            name: 'Chrome',             
+            maker: 'Google',                
+            ticked: true    
+        }    
+    ];
+
+    $scope.fOpen = function() {
+        console.log( 'On-open' );
+    }
+
+    $scope.fClose = function() {
+        console.log( 'On-close' );
+    }    
+
+    $scope.fClick = function( data ) {           
+        console.log( 'On-item-click' );        
+        console.log( 'On-item-click - data:' );        
+        console.log( data );
+    }    
+
+    $scope.fSelectAll = function() {
+        console.log( 'On-select-all' );
+    }
+
+    $scope.fSelectNone = function() {
+        console.log( 'On-select-none' );
+    }
+
+    $scope.fReset = function() {
+        console.log( 'On-reset' );
+    }        
+
+    $scope.fClear = function() {
+        console.log( 'On-clear' );
+    }
+
+    $scope.fFilterChange = function( data ) {
+        console.log( 'On-filter-change' );
+        console.log( 'On-filter-change - keyword: ' + data.keyword );
+        console.log( 'On-filter-change - result: ' );
+        console.log( data.result );
+    }
+}]);
diff --git a/doc/js/controllers/demo-disabling-enabling.js b/doc/js/controllers/demo-disabling-enabling.js
new file mode 100644
index 0000000..40ff9c8
--- /dev/null
+++ b/doc/js/controllers/demo-disabling-enabling.js
@@ -0,0 +1,41 @@
+myApp.controller( 'demoDisablingEnabling' , [ '$scope' , function ($scope) {               
+
+    // Modern browsers
+    $scope.modernBrowsers = [
+        { 
+            icon: '<img src="https://cdn1.iconfinder.com/data/icons/fatcow/32/opera.png" />',                         
+            name: 'Opera',              
+            maker: 'Opera Software',        
+            ticked: true,
+            disabled: false
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32/internet_explorer.png" />',             
+            name: 'Internet Explorer',  
+            maker: 'Microsoft',
+            ticked: false,
+            disabled: false
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/humano2/32x32/apps/firefox-icon.png" />',         
+            name: 'Firefox',            
+            maker: 'Mozilla Foundation',    
+            ticked: true,
+            disabled: false
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32x32/safari_browser.png" />',             
+            name: 'Safari',             
+            maker: 'Apple',                 
+            ticked: false,
+            disabled: false
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/google_jfk_icons_by_carlosjj/32/chrome.png" />',  
+            name: 'Chrome',             
+            maker: 'Google',                
+            ticked: true,
+            disabled: false
+        }    
+    ];
+}]);
diff --git a/doc/js/controllers/demo-dynamic-update.js b/doc/js/controllers/demo-dynamic-update.js
new file mode 100644
index 0000000..449cb12
--- /dev/null
+++ b/doc/js/controllers/demo-dynamic-update.js
@@ -0,0 +1,69 @@
+myApp.controller( 'demoDynamicUpdate' , [ '$scope' , function ($scope) {               
+
+    // This will be our input model
+    $scope.dynamicData = [];
+
+    // Just a function to switch the model
+    $scope.switchSource = function( data ) {
+        $scope.dynamicData = angular.copy( $scope[ data ] );
+    }    
+
+    // Modern browsers
+    $scope.modernBrowsers = [
+        { 
+            icon: '<img src="https://cdn1.iconfinder.com/data/icons/fatcow/32/opera.png" />',                         
+            name: 'Opera',              
+            maker: 'Opera Software',        
+            ticked: true    
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32/internet_explorer.png" />',             
+            name: 'Internet Explorer',  
+            maker: 'Microsoft',
+            ticked: false   
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/humano2/32x32/apps/firefox-icon.png" />',         
+            name: 'Firefox',            
+            maker: 'Mozilla Foundation',    
+            ticked: true    
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32x32/safari_browser.png" />',             
+            name: 'Safari',             
+            maker: 'Apple',                 
+            ticked: false   
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/google_jfk_icons_by_carlosjj/32/chrome.png" />',  
+            name: 'Chrome',             
+            maker: 'Google',                
+            ticked: true    
+        }    
+    ];
+
+    // Old browsers
+    $scope.oldBrowsers = [
+        { 
+            icon: '<img  src="http://www.ucdmc.ucdavis.edu/apps/error/nojavascript/images/netscape_icon.jpg" />',      
+            name: 'Netscape Navigator', 
+            maker: 'Netscape Corporation',  
+            ticked: true    
+        },
+        { 
+            icon: '<img  src="http://upload.wikimedia.org/wikipedia/en/thumb/f/f4/Amaya_logo_65x50.png/48px-Amaya_logo_65x50.png" />',             
+            name: 'Amaya',  
+            maker: 'Inria & W3C',             
+            ticked: true   
+        },
+        {
+            icon: '<img  src="http://upload.wikimedia.org/wikipedia/commons/8/8c/WorldWideWeb_Icon.png" />',
+            name: 'WorldWideWeb Nexus',
+            maker: 'Tim Berners-Lee',
+            ticked: false
+        }
+    ];
+
+    // Initially we'll use the modern browsers
+    $scope.switchSource( 'modernBrowsers' );
+}]);
diff --git a/doc/js/controllers/demo-grouping.js b/doc/js/controllers/demo-grouping.js
new file mode 100644
index 0000000..d0deb18
--- /dev/null
+++ b/doc/js/controllers/demo-grouping.js
@@ -0,0 +1,75 @@
+myApp.controller( 'demoGrouping' , [ '$scope' , function ($scope) {               
+
+    // Modern web browsers with groups
+    $scope.webBrowsersGrouped = [
+        {
+            name: '<strong>All Browsers</strong>',
+            msGroup: true
+        },
+        {
+            name: '<strong>Modern Web Browsers</strong>',
+            msGroup: true
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32/opera.png" />',                         
+            name: 'Opera',              
+            maker: 'Opera Software',        
+            ticked: true
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32/internet_explorer.png" />',             
+            name: 'Internet Explorer',  
+            maker: 'Microsoft',
+            ticked: false   
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/humano2/32x32/apps/firefox-icon.png" />',         
+            name: 'Firefox',            
+            maker: 'Mozilla Foundation',    
+            ticked: true    
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32x32/safari_browser.png" />',             
+            name: 'Safari',             
+            maker: 'Apple',                 
+            ticked: false   
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/google_jfk_icons_by_carlosjj/32/chrome.png" />',  
+            name: 'Chrome',             
+            maker: 'Google',                
+            ticked: true   
+        },
+        {
+            msGroup: false
+        },
+        {
+            name: '<strong>Classic Web Browsers</strong>',
+            msGroup: true
+        },
+        { 
+            icon: '<img  src="http://www.ucdmc.ucdavis.edu/apps/error/nojavascript/images/netscape_icon.jpg" />',      
+            name: 'Netscape Navigator', 
+            maker: 'Netscape Corporation',  
+            ticked: true    
+        },
+        { 
+            icon: '<img  src="http://upload.wikimedia.org/wikipedia/en/thumb/f/f4/Amaya_logo_65x50.png/48px-Amaya_logo_65x50.png" />',             
+            name: 'Amaya',  
+            maker: 'Inria & W3C',             
+            ticked: true   
+        },
+        {
+            icon: '<img  src="http://upload.wikimedia.org/wikipedia/commons/8/8c/WorldWideWeb_Icon.png" />',
+            name: 'WorldWideWeb Nexus',
+            maker: 'Tim Berners-Lee',
+            ticked: false
+        },
+        {
+            msGroup: false
+        },
+        {
+            msGroup: false
+        }
+    ];    
+}]);
diff --git a/doc/js/controllers/demo-horizontal-layout.js b/doc/js/controllers/demo-horizontal-layout.js
new file mode 100644
index 0000000..da29e0c
--- /dev/null
+++ b/doc/js/controllers/demo-horizontal-layout.js
@@ -0,0 +1,35 @@
+myApp.controller( 'demoHorizontalLayout' , [ '$scope' , function ($scope) {               
+
+    $scope.modernBrowsers = [
+        { 
+            icon: '<img src="https://cdn1.iconfinder.com/data/icons/fatcow/32/opera.png" />',                         
+            name: 'Opera',              
+            maker: 'Opera Software',        
+            ticked: true    
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32/internet_explorer.png" />',             
+            name: 'Internet Explorer',  
+            maker: 'Microsoft',
+            ticked: false   
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/humano2/32x32/apps/firefox-icon.png" />',         
+            name: 'Firefox',            
+            maker: 'Mozilla Foundation',    
+            ticked: true    
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32x32/safari_browser.png" />',             
+            name: 'Safari',             
+            maker: 'Apple',                 
+            ticked: false   
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/google_jfk_icons_by_carlosjj/32/chrome.png" />',  
+            name: 'Chrome',             
+            maker: 'Google',                
+            ticked: true    
+        }    
+    ];
+}]);
diff --git a/doc/js/controllers/demo-minimum.js b/doc/js/controllers/demo-minimum.js
new file mode 100644
index 0000000..51a173e
--- /dev/null
+++ b/doc/js/controllers/demo-minimum.js
@@ -0,0 +1,35 @@
+myApp.controller( 'demoMinimum' , [ '$scope' , function ($scope) {               
+
+    $scope.modernBrowsers = [
+        { 
+            icon: '<img src="https://cdn1.iconfinder.com/data/icons/fatcow/32/opera.png" />',                         
+            name: 'Opera',              
+            maker: 'Opera Software',        
+            ticked: true    
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32/internet_explorer.png" />',             
+            name: 'Internet Explorer',  
+            maker: 'Microsoft',
+            ticked: false   
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/humano2/32x32/apps/firefox-icon.png" />',         
+            name: 'Firefox',            
+            maker: 'Mozilla Foundation',    
+            ticked: true    
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32x32/safari_browser.png" />',             
+            name: 'Safari',             
+            maker: 'Apple',                 
+            ticked: false   
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/google_jfk_icons_by_carlosjj/32/chrome.png" />',  
+            name: 'Chrome',             
+            maker: 'Google',                
+            ticked: true    
+        }    
+    ];
+}]);
diff --git a/doc/js/controllers/demo-single-selection-mode.js b/doc/js/controllers/demo-single-selection-mode.js
new file mode 100644
index 0000000..09720b1
--- /dev/null
+++ b/doc/js/controllers/demo-single-selection-mode.js
@@ -0,0 +1,35 @@
+myApp.controller( 'demoSingleSelectionMode' , [ '$scope' , function ($scope) {               
+
+    $scope.modernBrowsers = [
+        { 
+            icon: '<img src="https://cdn1.iconfinder.com/data/icons/fatcow/32/opera.png" />',                         
+            name: 'Opera',              
+            maker: 'Opera Software',        
+            ticked: false    
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32/internet_explorer.png" />',             
+            name: 'Internet Explorer',  
+            maker: 'Microsoft',
+            ticked: false   
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/humano2/32x32/apps/firefox-icon.png" />',         
+            name: 'Firefox',            
+            maker: 'Mozilla Foundation',    
+            ticked: true    
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/fatcow/32x32/safari_browser.png" />',             
+            name: 'Safari',             
+            maker: 'Apple',                 
+            ticked: false   
+        },
+        { 
+            icon: '<img  src="https://cdn1.iconfinder.com/data/icons/google_jfk_icons_by_carlosjj/32/chrome.png" />',  
+            name: 'Chrome',             
+            maker: 'Google',                
+            ticked: false    
+        }    
+    ];
+}]);
diff --git a/doc/js/controllers/main.js b/doc/js/controllers/main.js
new file mode 100644
index 0000000..368091e
--- /dev/null
+++ b/doc/js/controllers/main.js
@@ -0,0 +1,3 @@
+myApp.controller( 'main' , [ '$scope' , function ($scope) {               
+    console.log( 'hola!' );
+}]);