misc

web stuff, misc stuff, stuff stuff, etc.

[rrosarrosa]

position relative to parent using angularjs + $event

Let's make a clickable progress bar.

Build a parent div .meterBackground and a child div within it to hold the current position of the progress bar .meterPosition. This code should give you the horizontal position that was clicked within the parent element .meterBackground.

Template:

<div class="wrapper>   <div class="meterBackground">     <div class="meterPosition"></div   </div> </div>

js:

$scope.now = 0; $scope.clickMe = function(event) { $scope.now = parseInt(event.offsetX/event.target.clientWidth)*100); console.log('clicked on:' + $scope.now + '%'); }

Then you could make another div that overlaps .meterBackground and set it's width according the $scope.now, that would be the current progress bar position.

I'll make a fiddle later maybe :)

[rrosarrosa]

yo+grunt: non-compressed css/js dist

if you're using yeoman+grunt+bower you can get grunt to build a dist without compressing neigher css nor js by adding a task very similar to the build task.

this should be your default 'build' task:

grunt.registerTask('build', [ 'clean:dist', 'useminPrepare', 'concurrent:dist', 'concat', 'copy', 'cdnify', 'ngmin', 'cssmin', 'uglify', 'rev', 'usemin' ]);

add the following task:

/* debug build (not compressed) */ grunt.registerTask('debug', [ 'clean:dist', 'useminPrepare', 'concurrent:dist', 'concat', 'copy', 'cdnify', 'usemin' ]);

i'm using

$ grunt --version grunt-cli v0.1.9 grunt v0.4.1 $ yo -v 1.0.0-rc.1.2