Adjust demo's to show callback function for icons.

bbrala · bbrala · commit 45bea2947ee7 · 2015-08-30T03:18:10.000-07:00
References: PR#158 Issue #158 Issue #129 Issue #151 Issue #249
diff --git a/demo.html b/demo.html
@@ -65,7 +65,9 @@ <h3 id="code">Example code: Simple Context Menu</h3>
             "paste": {name: "Paste", icon: "paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){
+                return 'icon icon-quit';
+            }}
         }
     });
     
diff --git a/demo/accesskeys.html b/demo/accesskeys.html
@@ -67,7 +67,7 @@ <h3 id="code">Example code: Accesskeys</h3>
             "paste": {name: "Paste", icon: "paste", accesskey: "cool paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
         }
     });
 });
diff --git a/demo/accesskeys_test.html b/demo/accesskeys_test.html
@@ -67,7 +67,7 @@ <h3 id="code">Example code: Accesskeys</h3>
             "paste": {name: "Paste", icon: "paste", accesskey: "cool paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
         }
     });
 });
diff --git a/demo/callback.html b/demo/callback.html
@@ -73,7 +73,7 @@ <h3 id="code">Example code: Command's action (callbacks)</h3>
             "paste": {name: "Paste", icon: "paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
         }
     });
 });
diff --git a/demo/callback_test.html b/demo/callback_test.html
@@ -72,7 +72,7 @@ <h3 id="code">Example code: Command's action (callbacks)</h3>
             "paste": {name: "Paste", icon: "paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
         }
     });
 });
diff --git a/demo/disabled-menu.html b/demo/disabled-menu.html
@@ -66,7 +66,7 @@ <h3 id="code">Example code: Disabled Context Menu</h3>
             "paste": {name: "Paste", icon: "paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
         }
     });
     
diff --git a/demo/dynamic-create.html b/demo/dynamic-create.html
@@ -70,7 +70,7 @@ <h3 id="code">Example code: Dynamic on-demand Menu</h3>
                     "paste": {name: "Paste", icon: "paste"},
                     "delete": {name: "Delete", icon: "delete"},
                     "sep1": "---------",
-                    "quit": {name: "Quit", icon: "quit"}
+                    "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
                 }
             };
         }
diff --git a/demo/dynamic.html b/demo/dynamic.html
@@ -76,7 +76,7 @@ <h3 id="code">Example code: Adding new Context Menu Triggers</h3>
             "paste": {name: "Paste", icon: "paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
         }
     });
 });
diff --git a/demo/menu-title.html b/demo/menu-title.html
@@ -113,7 +113,7 @@ <h3 id="code">Example code: Menu Title</h3>
             "paste": {name: "Paste", icon: "paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
         }
     });
     
@@ -132,7 +132,7 @@ <h3 id="code">Example code: Menu Title</h3>
             "paste": {name: "Paste", icon: "paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
         }
     });
     
@@ -151,7 +151,7 @@ <h3 id="code">Example code: Menu Title</h3>
             "paste": {name: "Paste", icon: "paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
         }
     });
     
diff --git a/demo/on-dom-element.html b/demo/on-dom-element.html
@@ -89,7 +89,7 @@ <h3 id="code">Example code: Context Menu on DOM Element</h3>
             "paste": {name: "Paste", icon: "paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
         }
     });
 });
diff --git a/demo/trigger-custom.html b/demo/trigger-custom.html
@@ -75,7 +75,7 @@ <h3 id="code">Example code: Custom Activated Context Menu</h3>
             "paste": {name: "Paste", icon: "paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
         }
     });
 });
diff --git a/demo/trigger-hover-autohide.html b/demo/trigger-hover-autohide.html
@@ -68,7 +68,7 @@ <h3 id="code">Example code: Hover Activated Context Menu With Autohide</h3>
             "paste": {name: "Paste", icon: "paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
         }
     });
 });
diff --git a/demo/trigger-hover.html b/demo/trigger-hover.html
@@ -67,7 +67,7 @@ <h3 id="code">Example code: Hover Activated Context Menu</h3>
             "paste": {name: "Paste", icon: "paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
         }
     });
 });
diff --git a/demo/trigger-left-click.html b/demo/trigger-left-click.html
@@ -67,7 +67,7 @@ <h3 id="code">Example code: Left-Click Trigger</h3>
             "paste": {name: "Paste", icon: "paste"},
             "delete": {name: "Delete", icon: "delete"},
             "sep1": "---------",
-            "quit": {name: "Quit", icon: "quit"}
+            "quit": {name: "Quit", icon: function(){                 return 'icon icon-quit';             }}
         }
     });
 });

Original file line number	Diff line number	Diff line change
`@@ -67,7 +67,7 @@ <h3 id="code">Example code: Accesskeys</h3>`
`67`	`67`	`"paste": {name: "Paste", icon: "paste", accesskey: "cool paste"},`
`68`	`68`	`"delete": {name: "Delete", icon: "delete"},`
`69`	`69`	`"sep1": "---------",`
`70`		`- "quit": {name: "Quit", icon: "quit"}`
	`70`	`+ "quit": {name: "Quit", icon: function(){ return 'icon icon-quit'; }}`
`71`	`71`	`}`
`72`	`72`	`});`
`73`	`73`	`});`
Original file line number	Diff line number	Diff line change
`@@ -73,7 +73,7 @@ <h3 id="code">Example code: Command's action (callbacks)</h3>`
`73`	`73`	`"paste": {name: "Paste", icon: "paste"},`
`74`	`74`	`"delete": {name: "Delete", icon: "delete"},`
`75`	`75`	`"sep1": "---------",`
`76`		`- "quit": {name: "Quit", icon: "quit"}`
	`76`	`+ "quit": {name: "Quit", icon: function(){ return 'icon icon-quit'; }}`
`77`	`77`	`}`
`78`	`78`	`});`
`79`	`79`	`});`
Original file line number	Diff line number	Diff line change
`@@ -72,7 +72,7 @@ <h3 id="code">Example code: Command's action (callbacks)</h3>`
`72`	`72`	`"paste": {name: "Paste", icon: "paste"},`
`73`	`73`	`"delete": {name: "Delete", icon: "delete"},`
`74`	`74`	`"sep1": "---------",`
`75`		`- "quit": {name: "Quit", icon: "quit"}`
	`75`	`+ "quit": {name: "Quit", icon: function(){ return 'icon icon-quit'; }}`
`76`	`76`	`}`
`77`	`77`	`});`
`78`	`78`	`});`
Original file line number	Diff line number	Diff line change
`@@ -66,7 +66,7 @@ <h3 id="code">Example code: Disabled Context Menu</h3>`
`66`	`66`	`"paste": {name: "Paste", icon: "paste"},`
`67`	`67`	`"delete": {name: "Delete", icon: "delete"},`
`68`	`68`	`"sep1": "---------",`
`69`		`- "quit": {name: "Quit", icon: "quit"}`
	`69`	`+ "quit": {name: "Quit", icon: function(){ return 'icon icon-quit'; }}`
`70`	`70`	`}`
`71`	`71`	`});`
`72`	`72`
Original file line number	Diff line number	Diff line change
`@@ -70,7 +70,7 @@ <h3 id="code">Example code: Dynamic on-demand Menu</h3>`
`70`	`70`	`"paste": {name: "Paste", icon: "paste"},`
`71`	`71`	`"delete": {name: "Delete", icon: "delete"},`
`72`	`72`	`"sep1": "---------",`
`73`		`- "quit": {name: "Quit", icon: "quit"}`
	`73`	`+ "quit": {name: "Quit", icon: function(){ return 'icon icon-quit'; }}`
`74`	`74`	`}`
`75`	`75`	`};`
`76`	`76`	`}`
Original file line number	Diff line number	Diff line change
`@@ -76,7 +76,7 @@ <h3 id="code">Example code: Adding new Context Menu Triggers</h3>`
`76`	`76`	`"paste": {name: "Paste", icon: "paste"},`
`77`	`77`	`"delete": {name: "Delete", icon: "delete"},`
`78`	`78`	`"sep1": "---------",`
`79`		`- "quit": {name: "Quit", icon: "quit"}`
	`79`	`+ "quit": {name: "Quit", icon: function(){ return 'icon icon-quit'; }}`
`80`	`80`	`}`
`81`	`81`	`});`
`82`	`82`	`});`
Original file line number	Diff line number	Diff line change
`@@ -89,7 +89,7 @@ <h3 id="code">Example code: Context Menu on DOM Element</h3>`
`89`	`89`	`"paste": {name: "Paste", icon: "paste"},`
`90`	`90`	`"delete": {name: "Delete", icon: "delete"},`
`91`	`91`	`"sep1": "---------",`
`92`		`- "quit": {name: "Quit", icon: "quit"}`
	`92`	`+ "quit": {name: "Quit", icon: function(){ return 'icon icon-quit'; }}`
`93`	`93`	`}`
`94`	`94`	`});`
`95`	`95`	`});`
Original file line number	Diff line number	Diff line change
`@@ -75,7 +75,7 @@ <h3 id="code">Example code: Custom Activated Context Menu</h3>`
`75`	`75`	`"paste": {name: "Paste", icon: "paste"},`
`76`	`76`	`"delete": {name: "Delete", icon: "delete"},`
`77`	`77`	`"sep1": "---------",`
`78`		`- "quit": {name: "Quit", icon: "quit"}`
	`78`	`+ "quit": {name: "Quit", icon: function(){ return 'icon icon-quit'; }}`
`79`	`79`	`}`
`80`	`80`	`});`
`81`	`81`	`});`
Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@ <h3 id="code">Example code: Hover Activated Context Menu With Autohide</h3>`
`68`	`68`	`"paste": {name: "Paste", icon: "paste"},`
`69`	`69`	`"delete": {name: "Delete", icon: "delete"},`
`70`	`70`	`"sep1": "---------",`
`71`		`- "quit": {name: "Quit", icon: "quit"}`
	`71`	`+ "quit": {name: "Quit", icon: function(){ return 'icon icon-quit'; }}`
`72`	`72`	`}`
`73`	`73`	`});`
`74`	`74`	`});`