Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added possibility to replace only the link text by the provided html … #61

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Added possibility to replace only the link text by the provided html … #61

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9a13ff5
Added possibility to replace only the link text by the provided html …
dietergeerts May 2, 2016
3de5ab9
Changed curly braces to JavaScript styling as requested.
dietergeerts May 3, 2016
45b44e8
Fixed position for scrolling pages (pun intended).
dietergeerts May 24, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -123,7 +123,9 @@ var customHtml = '<div style="cursor: pointer; background-color: pink">' +
'<i class="glyphicon glyphicon-ok-sign"></i> Testing Custom </div>';

var customItem = {
html: customHtml,
html: customHtml,
compileHtml: true, // Defaults false, for compiling translations.
replaceTextByHtml: true, // Defaults false, for using the html in the link instead of completely replace it.
enabled: function() {return true},
click: function ($itemScope, $event, value) {
alert("custom html");
Expand Down
23 changes: 12 additions & 11 deletions contextMenu.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ angular.module('ui.bootstrap.contextMenu', [])
}

})
.directive('contextMenu', ["$parse", "$q", "CustomService", "$sce", function ($parse, $q, custom, $sce) {
.directive('contextMenu', ["$parse", "$q", "CustomService", "$sce", "$compile", function ($parse, $q, custom, $sce, $compile) {

var contextMenus = [];
var $currentContextMenu = null;
Expand All @@ -32,13 +32,14 @@ angular.module('ui.bootstrap.contextMenu', [])

var $a = $('<a>');
$a.css("padding-right", "8px");
$a.attr({ tabindex: '-1', href: '#' });
$a.attr({tabindex: '-1', href: '#'});

if (typeof item[0] === 'string') {
text = item[0];
}
else if (typeof item[0] === "function") {
} else if (typeof item[0] === "function") {
text = item[0].call($scope, $scope, event, model);
} else if (typeof item.html !== "undefined" && item.replaceTextByHtml) {
text = item.compileHtml ? $compile(angular.element(item.html))($scope) : item.html;
} else if (typeof item.text !== "undefined") {
text = item.text;
}
Expand Down Expand Up @@ -71,12 +72,12 @@ angular.module('ui.bootstrap.contextMenu', [])
// if first item is a string, then text should be the string.

var text = defaultItemText;
if (typeof item[0] === 'function' || typeof item[0] === 'string' || typeof item.text !== "undefined") {
if (typeof item[0] === 'function' || typeof item[0] === 'string' || typeof item.text !== "undefined"
|| (typeof item.html !== "undefined" && item.replaceTextByHtml)) {
text = processTextItem($scope, item, text, event, model, $promises, nestedMenu, $);
}
else if (typeof item.html !== "undefined") {
} else if (typeof item.html !== "undefined") {
// leave styling open to dev
text = item.html
text = item.compileHtml ? $compile(angular.element(item.html))($scope) : item.html;
}

$li.append(text);
Expand Down Expand Up @@ -135,7 +136,7 @@ angular.module('ui.bootstrap.contextMenu', [])

$ul.css({
display: 'block',
position: 'absolute',
position: 'fixed',
left: leftCoordinate + 'px',
top: topCoordinate + 'px'
});
Expand Down Expand Up @@ -220,7 +221,7 @@ angular.module('ui.bootstrap.contextMenu', [])
$ul.attr({ 'role': 'menu' });
$ul.css({
display: 'block',
position: 'absolute',
position: 'fixed',
left: event.pageX + 'px',
top: event.pageY + 'px',
"z-index": 10000
Expand Down Expand Up @@ -249,7 +250,7 @@ angular.module('ui.bootstrap.contextMenu', [])
$contextMenu.css({
width: '100%',
height: height + 'px',
position: 'absolute',
position: 'fixed',
top: 0,
left: 0,
zIndex: 9999
Expand Down