CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-05-14 13:18:15 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add icons to operation flash messages

Browse Source
This commit is contained in:
Bryan Housel
2017-02-16 10:20:37 -05:00
parent 3fc36b66a9
commit 1db4ea86f7
2 changed files with 59 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/behavior/operation.js
+40 -4
View File
@@ -1,6 +1,6 @@
import * as d3 from 'd3';
import { d3keybinding } from '../lib/d3.keybinding.js';
import { uiFlash } from '../ui/index';
import { uiFlash } from '../ui';
/* Creates a keybinding behavior for an operation */
@@ -8,17 +8,53 @@ export function behaviorOperation(context) {
var which, keybinding;
function drawIcon(selection) {
var button = selection
.append('svg')
.attr('class', 'operation-icon')
.append('g')
.attr('class', 'radial-menu-item radial-menu-item-' + which.id)
.attr('transform', 'translate(18,18)')
.classed('disabled', which.disabled());
button
.append('circle')
.attr('r', 15);
button
.append('use')
.attr('transform', 'translate(-10,-10)')
.attr('width', '20')
.attr('height', '20')
.attr('xlink:href', '#operation-' + which.id);
return selection;
}
var behavior = function () {
if (which && which.available() && !context.inIntro()) {
keybinding = d3keybinding('behavior.key.' + which.id);
keybinding.on(which.keys, function() {
d3.event.preventDefault();
var disabled = which.disabled();
if (disabled) {
uiFlash(2500, 500).text(which.tooltip);
uiFlash(2500, 500)
.html('')
.call(drawIcon)
.append('div')
.attr('class', 'operation-tip')
.text(which.tooltip);
} else {
var annotation = which.annotation() || which.title;
uiFlash(1500, 250).text(annotation);
uiFlash(1500, 250)
.html('')
.call(drawIcon)
.append('div')
.attr('class', 'operation-tip')
.text(which.annotation() || which.title);
which();
}
});