Glyphicons for Angular.js

1-file.html

<!-- Using Glyphicons as -->
<gfastforward/>
<span glyph="fast-forward"/>
<glyph icon="fast-forward"/>

2-build.gradle

task updateGlyphicons << {
    final file       = file ( 'app/assets/js/glyphicons.coffee' )
    final moduleName = 'application'
    final gClasses   = 'http://glyphicons.getbootstrap.com/'.toURL().text.readLines().
                       collect { it.find( ~/<span class="glyphicon glyphicon-(.+?)"><\/span>/ ){ it[ 1 ] }}.
                       grep().
                       unique()

    assert gClasses, 'No classes found'
    final maxClassLength = gClasses*.size().max()

    delete( file )

    file.write( """
# Glyphicons attribute and element wrappers
# http://glyphicons.getbootstrap.com/
# Usage: <gfastforward/>, <span glyph="fast-forward"/>, <glyph icon="fast-forward"/>

${moduleName}.directive( 'glyph', -> {
  restrict : 'A'
  link     : ( scope, element, attrs ) -> attrs.\$observe( 'glyph', ( value ) -> \$( element[ 0 ] ).addClass( "glyphicon glyphicon-#{value}" ))
})

${moduleName}.directive( 'glyph', -> {
  restrict : 'E'
  link     : ( scope, element, attrs ) -> attrs.\$observe( 'icon', ( value ) -> \$( element[ 0 ] ).addClass( "glyphicon glyphicon-#{value}" ))
  replace  : true,
  template : '<i/>'
})
""" )

    gClasses.sort().each {
        final elementName = "'g${ it.replace( '-', '' )}',".padRight( maxClassLength + 1 )
        file.append """\n${moduleName}.directive( $elementName -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-$it"></i>' })"""
    }

    println "[$file.canonicalPath] updated, [${gClasses.size()}] classes"
}

3-glyphicons.coffee

# Glyphicons attribute and element wrappers
# http://glyphicons.getbootstrap.com/
# Usage: <gfastforward/>, <span glyph="fast-forward"/>, <glyph icon="fast-forward"/>

application.directive( 'glyph', -> {
  restrict : 'A'
  link     : ( scope, element, attrs ) -> attrs.$observe( 'glyph', ( value ) -> $( element[ 0 ] ).addClass( "glyphicon glyphicon-#{value}" ))
})

application.directive( 'glyph', -> {
  restrict : 'E'
  link     : ( scope, element, attrs ) -> attrs.$observe( 'icon', ( value ) -> $( element[ 0 ] ).addClass( "glyphicon glyphicon-#{value}" ))
  replace  : true,
  template : '<i/>'
})

application.directive( 'gadjust',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-adjust"></i>' })
application.directive( 'galigncenter',         -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-align-center"></i>' })
application.directive( 'galignjustify',        -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-align-justify"></i>' })
application.directive( 'galignleft',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-align-left"></i>' })
application.directive( 'galignright',          -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-align-right"></i>' })
application.directive( 'garrowdown',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-arrow-down"></i>' })
application.directive( 'garrowleft',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-arrow-left"></i>' })
application.directive( 'garrowright',          -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-arrow-right"></i>' })
application.directive( 'garrowup',             -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-arrow-up"></i>' })
application.directive( 'gasterisk',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-asterisk"></i>' })
application.directive( 'gbackward',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-backward"></i>' })
application.directive( 'gbancircle',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-ban-circle"></i>' })
application.directive( 'gbarcode',             -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-barcode"></i>' })
application.directive( 'gbell',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-bell"></i>' })
application.directive( 'gbold',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-bold"></i>' })
application.directive( 'gbook',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-book"></i>' })
application.directive( 'gbookmark',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-bookmark"></i>' })
application.directive( 'gbriefcase',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-briefcase"></i>' })
application.directive( 'gbullhorn',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-bullhorn"></i>' })
application.directive( 'gcalendar',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-calendar"></i>' })
application.directive( 'gcamera',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-camera"></i>' })
application.directive( 'gcertificate',         -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-certificate"></i>' })
application.directive( 'gcheck',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-check"></i>' })
application.directive( 'gchevrondown',         -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-chevron-down"></i>' })
application.directive( 'gchevronleft',         -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-chevron-left"></i>' })
application.directive( 'gchevronright',        -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-chevron-right"></i>' })
application.directive( 'gchevronup',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-chevron-up"></i>' })
application.directive( 'gcirclearrowdown',     -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-circle-arrow-down"></i>' })
application.directive( 'gcirclearrowleft',     -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-circle-arrow-left"></i>' })
application.directive( 'gcirclearrowright',    -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-circle-arrow-right"></i>' })
application.directive( 'gcirclearrowup',       -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-circle-arrow-up"></i>' })
application.directive( 'gcog',                 -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-cog"></i>' })
application.directive( 'gcollapse',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-collapse"></i>' })
application.directive( 'gcollapsetop',         -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-collapse-top"></i>' })
application.directive( 'gcomment',             -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-comment"></i>' })
application.directive( 'gdashboard',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-dashboard"></i>' })
application.directive( 'gdownload',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-download"></i>' })
application.directive( 'gdownloadalt',         -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-download-alt"></i>' })
application.directive( 'gedit',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-edit"></i>' })
application.directive( 'geject',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-eject"></i>' })
application.directive( 'genvelope',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-envelope"></i>' })
application.directive( 'geuro',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-euro"></i>' })
application.directive( 'gexclamationsign',     -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-exclamation-sign"></i>' })
application.directive( 'gexpand',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-expand"></i>' })
application.directive( 'geyeclose',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-eye-close"></i>' })
application.directive( 'geyeopen',             -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-eye-open"></i>' })
application.directive( 'gfacetimevideo',       -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-facetime-video"></i>' })
application.directive( 'gfastbackward',        -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-fast-backward"></i>' })
application.directive( 'gfastforward',         -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-fast-forward"></i>' })
application.directive( 'gfile',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-file"></i>' })
application.directive( 'gfilm',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-film"></i>' })
application.directive( 'gfilter',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-filter"></i>' })
application.directive( 'gfire',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-fire"></i>' })
application.directive( 'gflag',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-flag"></i>' })
application.directive( 'gfolderclose',         -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-folder-close"></i>' })
application.directive( 'gfolderopen',          -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-folder-open"></i>' })
application.directive( 'gfont',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-font"></i>' })
application.directive( 'gforward',             -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-forward"></i>' })
application.directive( 'gfullscreen',          -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-fullscreen"></i>' })
application.directive( 'ggbp',                 -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-gbp"></i>' })
application.directive( 'ggift',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-gift"></i>' })
application.directive( 'gglass',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-glass"></i>' })
application.directive( 'gglobe',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-globe"></i>' })
application.directive( 'ghanddown',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-hand-down"></i>' })
application.directive( 'ghandleft',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-hand-left"></i>' })
application.directive( 'ghandright',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-hand-right"></i>' })
application.directive( 'ghandup',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-hand-up"></i>' })
application.directive( 'ghdd',                 -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-hdd"></i>' })
application.directive( 'gheadphones',          -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-headphones"></i>' })
application.directive( 'gheart',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-heart"></i>' })
application.directive( 'gheartempty',          -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-heart-empty"></i>' })
application.directive( 'ghome',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-home"></i>' })
application.directive( 'ginbox',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-inbox"></i>' })
application.directive( 'gindentleft',          -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-indent-left"></i>' })
application.directive( 'gindentright',         -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-indent-right"></i>' })
application.directive( 'ginfosign',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-info-sign"></i>' })
application.directive( 'gitalic',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-italic"></i>' })
application.directive( 'gleaf',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-leaf"></i>' })
application.directive( 'glink',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-link"></i>' })
application.directive( 'glist',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-list"></i>' })
application.directive( 'glistalt',             -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-list-alt"></i>' })
application.directive( 'glock',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-lock"></i>' })
application.directive( 'gmagnet',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-magnet"></i>' })
application.directive( 'gmapmarker',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-map-marker"></i>' })
application.directive( 'gminus',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-minus"></i>' })
application.directive( 'gminussign',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-minus-sign"></i>' })
application.directive( 'gmove',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-move"></i>' })
application.directive( 'gmusic',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-music"></i>' })
application.directive( 'goff',                 -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-off"></i>' })
application.directive( 'gok',                  -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-ok"></i>' })
application.directive( 'gokcircle',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-ok-circle"></i>' })
application.directive( 'goksign',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-ok-sign"></i>' })
application.directive( 'gpaperclip',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-paperclip"></i>' })
application.directive( 'gpause',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-pause"></i>' })
application.directive( 'gpencil',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-pencil"></i>' })
application.directive( 'gphone',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-phone"></i>' })
application.directive( 'gpicture',             -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-picture"></i>' })
application.directive( 'gplane',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-plane"></i>' })
application.directive( 'gplay',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-play"></i>' })
application.directive( 'gplaycircle',          -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-play-circle"></i>' })
application.directive( 'gplus',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-plus"></i>' })
application.directive( 'gplussign',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-plus-sign"></i>' })
application.directive( 'gprint',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-print"></i>' })
application.directive( 'gpushpin',             -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-pushpin"></i>' })
application.directive( 'gqrcode',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-qrcode"></i>' })
application.directive( 'gquestionsign',        -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-question-sign"></i>' })
application.directive( 'grandom',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-random"></i>' })
application.directive( 'grefresh',             -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-refresh"></i>' })
application.directive( 'gremove',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-remove"></i>' })
application.directive( 'gremovecircle',        -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-remove-circle"></i>' })
application.directive( 'gremovesign',          -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-remove-sign"></i>' })
application.directive( 'grepeat',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-repeat"></i>' })
application.directive( 'gresizefull',          -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-resize-full"></i>' })
application.directive( 'gresizehorizontal',    -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-resize-horizontal"></i>' })
application.directive( 'gresizesmall',         -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-resize-small"></i>' })
application.directive( 'gresizevertical',      -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-resize-vertical"></i>' })
application.directive( 'gretweet',             -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-retweet"></i>' })
application.directive( 'groad',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-road"></i>' })
application.directive( 'gscreenshot',          -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-screenshot"></i>' })
application.directive( 'gsearch',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-search"></i>' })
application.directive( 'gshare',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-share"></i>' })
application.directive( 'gsharealt',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-share-alt"></i>' })
application.directive( 'gshoppingcart',        -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-shopping-cart"></i>' })
application.directive( 'gsignal',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-signal"></i>' })
application.directive( 'gsort',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-sort"></i>' })
application.directive( 'gsortbyalphabet',      -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-sort-by-alphabet"></i>' })
application.directive( 'gsortbyalphabetalt',   -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-sort-by-alphabet-alt"></i>' })
application.directive( 'gsortbyattributes',    -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-sort-by-attributes"></i>' })
application.directive( 'gsortbyattributesalt', -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-sort-by-attributes-alt"></i>' })
application.directive( 'gsortbyorder',         -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-sort-by-order"></i>' })
application.directive( 'gsortbyorderalt',      -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-sort-by-order-alt"></i>' })
application.directive( 'gstar',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-star"></i>' })
application.directive( 'gstarempty',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-star-empty"></i>' })
application.directive( 'gstepbackward',        -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-step-backward"></i>' })
application.directive( 'gstepforward',         -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-step-forward"></i>' })
application.directive( 'gstop',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-stop"></i>' })
application.directive( 'gtag',                 -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-tag"></i>' })
application.directive( 'gtags',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-tags"></i>' })
application.directive( 'gtasks',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-tasks"></i>' })
application.directive( 'gtextheight',          -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-text-height"></i>' })
application.directive( 'gtextwidth',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-text-width"></i>' })
application.directive( 'gth',                  -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-th"></i>' })
application.directive( 'gthlarge',             -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-th-large"></i>' })
application.directive( 'gthlist',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-th-list"></i>' })
application.directive( 'gthumbsdown',          -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-thumbs-down"></i>' })
application.directive( 'gthumbsup',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-thumbs-up"></i>' })
application.directive( 'gtime',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-time"></i>' })
application.directive( 'gtint',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-tint"></i>' })
application.directive( 'gtrash',               -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-trash"></i>' })
application.directive( 'gunchecked',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-unchecked"></i>' })
application.directive( 'gupload',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-upload"></i>' })
application.directive( 'gusd',                 -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-usd"></i>' })
application.directive( 'guser',                -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-user"></i>' })
application.directive( 'gvolumedown',          -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-volume-down"></i>' })
application.directive( 'gvolumeoff',           -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-volume-off"></i>' })
application.directive( 'gvolumeup',            -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-volume-up"></i>' })
application.directive( 'gwarningsign',         -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-warning-sign"></i>' })
application.directive( 'gwrench',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-wrench"></i>' })
application.directive( 'gzoomin',              -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-zoom-in"></i>' })
application.directive( 'gzoomout',             -> { restrict: 'E', replace: true, template:'<i class="glyphicon glyphicon-zoom-out"></i>' })