@boundlessgeo/storytools
Advanced tools
Comparing version 1.0.0-alpha6 to 1.0.0-alpha7
@@ -30,3 +30,3 @@ angular.module("storytools.edit.templates", []).run(["$templateCache", function($templateCache) {$templateCache.put("boxes/bounds-editor.html","<div><div class=\"box-bounds-map col-lg-4\" style=\"height: 10em;\"></div><button>Use Current Map Bounds</button> <button>Use Combined Bounds of Selected Layers</button></div>"); | ||
$templateCache.put("style/widgets/number-editor.html","<input no-close size=3 type=number min={{min}} max={{max}} step={{step}} value=10 name=\"{{ property }}\" ng-model=stModel[property]>"); | ||
$templateCache.put("style/widgets/stroke-editor.html","<div ng-click=updateProperty(model) ng-form=stroke class=style-editor-item><div class=title>Stroke</div><div class=controls><div title=\"Outline style\" data-dropdown><button type=button class=dropdown-toggle>{{model.strokeStyle}} <span class=caret></span></button><ul class=dropdown-menu role=menu><li ng-repeat=\"style in styleChoices.strokeStyle\" ng-click=\"model.strokeStyle=style\">{{style}}</li></ul></div><number-editor title=\"Outline weight\" ng-hide=hideStrokeWidth st-model=model property=strokeWidth max=64></number-editor><color-editor title=\"Outline color\" st-model=model property=strokeColor></color-editor><number-editor title=\"Outline opacity\" st-model=model property=strokeOpacity max=100></number-editor></div></div>"); | ||
$templateCache.put("style/widgets/symbol-editor.html","<div ng-click=updateProperty(model) ng-form=symbol class=style-editor-item><div class=title>Symbol</div><div class=controls><graphic-editor title=\"Point symbol\" ng-if=showGraphic symbol=model></graphic-editor><number-editor title=\"Symbol size\" ng-if=showGraphic st-model=model property=size max=64></number-editor><color-editor title=\"Fill color\" ng-if=!hideColor st-model=model property=fillColor></color-editor><number-editor title=\"Fill opacity\" st-model=model property=fillOpacity max=100></number-editor><attribute-combo title=\"Rotation attribute\" layer=layer include=double ng-if=showRotation st-model=model property=rotationAttribute></attribute-combo><div title=\"Rotation units\" dropdown ng-if=showRotation><button type=button class=dropdown-toggle>{{model.rotationUnits}} <span class=caret></span></button><ul class=dropdown-menu role=menu><li ng-repeat=\"rotationUnit in styleChoices.rotationUnits\" ng-click=\"model.rotationUnits=rotationUnit\">{{rotationUnit}}</li></ul></div></div></div>");}]); | ||
$templateCache.put("style/widgets/stroke-editor.html","<div ng-click=updateProperty(model) ng-form=stroke class=style-editor-item><div class=title>Stroke</div><div class=controls><div title=\"Outline style\" data-dropdown><button type=button class=dropdown-toggle>{{model.strokeStyle}} <span class=caret></span></button><ul class=dropdown-menu role=menu><li ng-repeat=\"style in styleChoices.strokeStyle\" ng-click=\"model.strokeStyle=style\">{{style}}</li></ul></div><number-editor title=\"Outline weight\" ng-hide=hideStrokeWidth st-model=model property=strokeWidth max=64></number-editor><color-editor title=\"Outline color\" st-model=model property=strokeColor></color-editor><number-editor title=\"Outline opacity\" st-model=model property=strokeOpacity min=1 max=100></number-editor></div></div>"); | ||
$templateCache.put("style/widgets/symbol-editor.html","<div ng-click=updateProperty(model) ng-form=symbol class=style-editor-item><div class=title>Symbol</div><div class=controls><graphic-editor title=\"Point symbol\" ng-if=showGraphic symbol=model></graphic-editor><number-editor title=\"Symbol size\" ng-if=showGraphic st-model=model property=size max=64></number-editor><color-editor title=\"Fill color\" ng-if=!hideColor st-model=model property=fillColor></color-editor><number-editor title=\"Fill opacity\" st-model=model property=fillOpacity min=1 max=100></number-editor><attribute-combo title=\"Rotation attribute\" layer=layer include=double ng-if=showRotation st-model=model property=rotationAttribute></attribute-combo><div title=\"Rotation units\" dropdown ng-if=showRotation><button type=button class=dropdown-toggle>{{model.rotationUnits}} <span class=caret></span></button><ul class=dropdown-menu role=menu><li ng-repeat=\"rotationUnit in styleChoices.rotationUnits\" ng-click=\"model.rotationUnits=rotationUnit\">{{rotationUnit}}</li></ul></div></div></div>");}]); |
@@ -32,3 +32,2 @@ (function() { | ||
scope.$parent.activeStyle[([property || scope.property])] = update; | ||
console.log((property || scope.property) + ' updated'); | ||
}; | ||
@@ -216,2 +215,18 @@ scope.styleChoices = scope.$parent.styleChoices; | ||
el[0].addEventListener('mousewheel', wheel, false ); // For others | ||
el[0].addEventListener('change', function(evt) { | ||
var input = el.find('input'); | ||
var min = Number(input.attr('min')) || 0; | ||
var max = Number(input.attr('max')); | ||
var val = scope.stModel[scope.property]; | ||
if (val < min) { | ||
scope.$apply(function() { | ||
scope.stModel[scope.property] = min; | ||
}); | ||
} else if (val > max) { | ||
scope.$apply(function() { | ||
scope.stModel[scope.property] = max; | ||
}); | ||
} | ||
}); | ||
}); | ||
@@ -316,2 +331,6 @@ editorDirective('colorEditor', 'color-editor.html'); | ||
}; | ||
scope.$watch('symbol.shape', function() { | ||
current(); | ||
}); | ||
} | ||
@@ -318,0 +337,0 @@ }; |
{ | ||
"name": "@boundlessgeo/storytools", | ||
"version": "1.0.0-alpha6", | ||
"version": "1.0.0-alpha7", | ||
"description": "Additional maploom tools", | ||
@@ -5,0 +5,0 @@ "homepage": "", |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
15595745
136
186977
5
22
6