engine2 1.0.4 → 1.0.5

data/app/app.css

@@ -61,6 +61,10 @@ tr.tr_hover {
   font-weight:normal;
 }
 
+textarea {
+  white-space: nowrap;
+}
+
 /*.modal-backdrop{
   position:fixed;
   top:0;

data/app/engine2.coffee

@@ -1,34 +1,55 @@
 'use strict'
-require 'angular-route'
 require 'angular-sanitize'
 require 'angular-animate'
 require 'angular-cookies'
 require 'angular-local-storage'
 require 'angular-ui-tree'
+require '@uirouter/angularjs'
 require 'ng-file-upload'
+require 'angular-load'
 
 _.templateSettings.interpolate = /{{([\s\S]+?)}}/g;
 
-angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'mgcrea.ngStrap', 'ngFileUpload', 'ui.tree', 'LocalStorageModule']) # 'draggabilly'
-.config ($httpProvider, $routeProvider, $compileProvider, localStorageServiceProvider, $logProvider) ->
-    loaderOn = -> angular.element(document.querySelectorAll('.loader')).eq(-1).css("visibility", 'visible')
+angular.module('Engine2', ['ngSanitize', 'ngAnimate', 'ngCookies', 'mgcrea.ngStrap', 'ngFileUpload', 'ui.tree', 'LocalStorageModule', 'angularLoad', 'ngWebSocket', 'ui.router']) # 'draggabilly'
+.config ($httpProvider, $compileProvider, localStorageServiceProvider, $logProvider, $qProvider, $locationProvider, $provide) ->
     $httpProvider.interceptors.push 'e2HttpInterceptor'
-    $httpProvider.defaults.transformRequest.push (data, headersGetter) ->
-        loaderOn()
-        data
+    $provide.decorator '$httpBackend', ($delegate) ->
+        (method, url, post, callback, headers, timeout, withCredentials, responseType) ->
+            url = url.replace(/;/g, '%3B') unless method == 'POST'
+            $delegate(method, url, post, callback, headers, timeout, withCredentials, responseType)
     # $httpProvider.defaults.headers.common['Cache-Control'] = 'no-cache'
     # $httpProvider.defaults.cache = false;
-    $httpProvider.defaults.headers.get ||= {} # if !$httpProvider.defaults.headers.get
+    $httpProvider.defaults.headers.get ?= {} # if !$httpProvider.defaults.headers.get
     $httpProvider.defaults.headers.get['If-Modified-Since'] = '0'
     # localStorageServiceProvider.setStorageType('sessionStorage')
     localStorageServiceProvider.setPrefix('E2')
     $compileProvider.debugInfoEnabled(false)
     $logProvider.debugEnabled(true)
     $httpProvider.useApplyAsync(true)
-    # $locationProvider.html5Mode(true);
+    # $qProvider.errorOnUnhandledRejections(false)
+    # $locationProvider.hashPrefix('')
+    # $locationProvider.html5Mode(false)
 
+.factory 'PushJS', -> require 'push.js'
+.factory 'MetaCache', ($cacheFactory) -> $cacheFactory('MetaCache')
 .factory 'e2HttpInterceptor', ($q, $injector, E2Snippets) ->
-    loaderOff = -> angular.element(document.querySelectorAll('.loader')).eq(-1).css("visibility", 'hidden')
+    loaderToggle = (toggle) -> angular.element(document.querySelectorAll('.loader')).eq(-1).css("visibility", toggle)
+    loaderOn = -> loaderToggle('visible')
+    timeout = null
+    loaderOff = ->
+        if timeout
+            clearTimeout timeout
+            timeout = null
+            loaderToggle('hidden')
+
+    request: (request) ->
+        if timeout
+            clearTimeout timeout
+            timeout = null
+        else
+            timeout = setTimeout(loaderOn, 200)
+        request
+
     response: (response) ->
         loaderOff()
         response
@@ -47,21 +68,37 @@ angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'm
         $q.reject(response)
 
 .factory 'E2Snippets', ->
-    icon = (name) -> "<span class='glyphicon glyphicon-#{name}'></span>"
-    aicon = (name) -> "<i class='fa fa-#{name}'></i>"
+    icon = (name) ->
+        if name.slice(0, 3) == 'fa_'
+            "<i class='fa fa-#{name.slice(3)}'></i>"
+        else
+            "<span class='glyphicon glyphicon-#{name}'></span>"
+
     ng_class_names = ['active', 'enabled', 'disabled']
     icon: icon
-    aicon: aicon
     boolean_true_value:     icon('check')
     boolean_false_value:    icon('unchecked')
     make_ng_class: (o) ->
         out = []
         _.each ng_class_names, (e) -> out.push(if e == 'enabled' then "'disabled': !(#{o[e]})" else "'#{e}': #{o[e]}") if o[e]?
-        _.each(o.class, (v, k) -> out.push "#{k}: #{v}") if o.class?
+        _.each(o.class, (v, k) -> out.push "'#{k}': #{v}") if o.class?
         if out.length > 0 then "ng-class=\"{#{out.join(',')}}\"" else ""
 
-.factory 'E2', ($templateCache, $http, E2Snippets, $e2Modal, $q, $injector, e2HttpInterceptor, $route, $dateFormatter, $parse) ->
-    globals: {}
+.factory 'E2', ($templateCache, $http, E2Snippets, $q, $dateFormatter, $parse, PushJS, $state, $e2Modal) ->
+    globals:
+        element: (id) ->
+            element = document.querySelector(id)
+            console.warn "Element #{id} not found" unless element
+            element
+
+        notification: (name, body, icon, timeoutx, on_close) ->
+            PushJS.create name, body: body, icon: icon, timeout: timeoutx, onClick: on_close
+
+        state: -> $state
+        modal: -> $e2Modal
+
+    uuid: (length) ->
+        Math.random().toString(36).substring(length)
 
     compact: (o) ->
         _.each o, (v, k) =>
@@ -80,13 +117,12 @@ angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'm
 
     merge: (dst, src) ->
         for k, v of src
+            throw "Attempted to override function '#{k}'" if _.isFunction(dst[k])
+            insn = k.slice(-1)
             if _.isObject(v) && !_.isArray(v)
-                if k.slice(-1) == '!'
-                    dst[k.slice(0, -1)] = v
-                else
-                    dst[k] = @merge(dst[k] ? {}, v)
+                if insn == '!' then dst[k.slice(0, -1)] = v else dst[k] = @merge(dst[k] ? {}, v)
             else
-                dst[k] = v
+                if insn == '?' then dst[k.slice(0, -1)] ?= v else dst[k] = v
         dst
 
     transpose: (a) ->
@@ -98,7 +134,6 @@ angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'm
     from_id: (id, meta) -> _.zipObject(meta.primary_fields, id) # _.zip(meta.primary_fields, id).reduce(((rec, [k, v]) -> rec[k] = v; rec), {})
 
     icon: E2Snippets.icon
-    aicon: E2Snippets.aicon
 
     fetch_template: (template) ->
         $q.when($templateCache.get(template) || $http.get(template)).then (res) ->
@@ -137,11 +172,21 @@ angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'm
                     processor.arg_fun(action, arg)
                     action.scope().$eval(click)
             else
-                action[fun_name] ?= (arg) ->
-                    processor.arg_fun(action, arg)
-                    args = processor.arg_ret(action)
-                    _.merge(args, $parse(m.arguments)(action.scope())) if m.arguments?
-                    action.invoke_action(m.name, args)
+                if ofun = action[fun_name]
+                    action["#{fun_name}_super"] = (args) ->
+                        _.merge(args, $parse(m.arguments)(action.scope())) if m.arguments?
+                        action.invoke_action(m.name, args)
+
+                    action[fun_name] = (args) ->
+                        processor.arg_fun(action, args)
+                        args = processor.arg_ret(action)
+                        ofun.bind(action)(args)
+                else
+                    action[fun_name] = (arg) ->
+                        processor.arg_fun(action, arg)
+                        args = processor.arg_ret(action)
+                        _.merge(args, $parse(m.arguments)(action.scope())) if m.arguments?
+                        action.invoke_action(m.name, args)
 
             if action.find_action_info(m.name, false)?
                 show = if m.show then " && " + m.show else ""
@@ -206,138 +251,6 @@ angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'm
         parser = @parsers[info.type]
         if parser then parser(value, info) else value
 
-.provider '$e2Modal', ->
-    $get: ($rootScope, $modal, $timeout, $window, $injector) ->
-        class MManager
-            @Z_INDEX: 1050
-            @index: 0
-            constructor: () ->
-            backdrop_z_index: (num, index) -> angular.element(document.querySelectorAll('.modal-backdrop')).eq(num).css('z-index', index)
-            modal_num: (num) -> angular.element(document.querySelectorAll('.modal')).eq(num)
-            backdrop: (bdr) -> bdr ? 'static'
-            show_before: ->
-                @z_index = MManager.Z_INDEX + MManager.index * 2
-                @modal.css('z-index', @z_index + 1)
-            hide_before: ->
-                @z_index = MManager.Z_INDEX + ((MManager.index - 1) * 2)
-            show: ->
-            hide: -> angular.element($window.document.body).addClass('modal-open modal-with-am-fade') if MManager.index > 0
-
-        class DefaultMManager extends MManager
-            show_before: ->
-                super()
-                @backdrop.css('z-index', @z_index) # @backdrop_z_index(-MManager.index - 1, z_index)
-
-        class FirstMManager extends MManager
-            constructor: () ->
-                super()
-                @threshold = 2
-            backdrop: (bdr) -> if MManager.index > @threshold then false else super(bdr)
-            show_before: ->
-                super()
-                if MManager.index > @threshold
-                    @modal_num((MManager.index - 1) - @threshold).css('display', 'none')
-                    @backdrop_z_index(0, @z_index)
-                else
-                    @backdrop.css('z-index', @z_index) # @backdrop_z_index(-MManager.index - 1, z_index)
-
-            hide_before: ->
-                super()
-                if MManager.index > @threshold
-                    @backdrop_z_index(0, @z_index)
-                    @modal_num((MManager.index - 1) - @threshold).css('display', 'block')
-
-        class SingleBackdropMManager extends MManager
-            backdrop: (bdr) -> if MManager.index > 0 then false else super(bdr)
-            show_before: ->
-                super()
-                @backdrop_z_index(0, @z_index)
-            hide_before: ->
-                super()
-                @backdrop_z_index(0, @z_index)
-
-        is_modal: -> MManager.index > 0
-
-        show: (action) ->
-            scope = if action.scope then action.scope().$new(true) else $rootScope.$new()
-            scope.action = action
-            manager = new SingleBackdropMManager()
-
-            scope.$on 'modal.show.before', (e, m) ->
-                e.stopPropagation()
-                manager.modal = m.$element
-                manager.backdrop = m.$backdrop
-                throw "Modal has element" if action.element?()
-                action.element = -> m.$element
-                action.panel_show?()
-                manager.show_before()
-                MManager.index++
-
-            scope.$on 'modal.show', (e, m) ->
-                e.stopPropagation()
-                manager.show()
-                action.panel_shown?()
-
-            scope.$on 'modal.hide.before', (e) ->
-                e.stopPropagation()
-                MManager.index--
-                manager.hide_before()
-                action.panel_hide?()
-
-            scope.$on 'modal.hide', (e) ->
-                e.stopPropagation()
-                manager.hide()
-                action.panel_hidden?()
-                scope.$destroy()
-
-            $injector.get('E2').fetch_panel(action.meta.panel, true).then (template) ->
-                modal = $modal
-                    scope: scope
-                    show: false
-                    template: template
-                    backdrop: manager.backdrop(action.meta.panel.backdrop)
-                    animation: action.meta.panel.animation ? 'am-fade'
-
-                action.modal_hide = -> modal.$scope.$hide()
-                modal.$promise.then ->
-                    modal.show()
-                    modal
-
-        error: (title, msg, html) ->
-            body = if html then msg else "<div class='alert alert-danger'>#{msg}</div>"
-            clazz = if html then "modal-huge" else "modal-large"
-            @show meta: panel: (panel_template: "close_m", template_string: body, title: title, class: clazz, footer: true) # message: msg,
-
-        confirm: (title, msg, action) ->
-            body = "<div class='alert alert-warning'>#{msg}</div>"
-            clazz = "modal-large"
-            @show
-                confirm: action,
-                meta: panel: (panel_template: "confirm_m", template_string: body, title: title, class: clazz, footer: true) # message: msg,
-
-.directive 'e2Modal', ($e2Modal) ->
-    restrict: 'E'
-    # replace: true
-    # transclude: true
-    scope: true
-    compile: (celem, cattr) ->
-        obody = celem[0].children[0]
-        celem.empty() if obody
-        (scope, elem, attrs) ->
-            scope.$on attrs.name, (ev, args) ->
-                return if ev.defaultPrevented
-                ev.preventDefault()
-
-                panel = panel_template: attrs.panelTemplate, title: attrs.title, class: attrs.clazz, footer: true
-                if obody then panel.template_string = obody.outerHTML else panel.template = attrs.template
-                action = meta: (panel: panel), scope: -> scope
-                _.assign(action, args)
-
-                modal = $e2Modal.show(action)
-                hide_off = scope.$on "#{attrs.name}_close", ->
-                    hide_off()
-                    modal.then (m) -> m.$scope.$hide()
-
 .directive 'e2Field', ($timeout, $filter) ->
     require: 'ngModel'
     restrict: 'A'
@@ -360,8 +273,8 @@ angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'm
         if elem[0].type in ['text', 'password']
             elem.on 'keypress', (ev) ->
                 scope.$apply ->
-                    # scope.action.panel_menu_save() if ev.keyCode == 13 # && elem[0].type != 'textarea'
-                    scope.$emit "return_pressed" if ev.keyCode == 13 # && elem[0].type != 'textarea'
+                    scope.action.panel_menu_default_action() if ev.keyCode == 13
+
                 ev.stopPropagation()
 
             if info.filter
@@ -397,11 +310,11 @@ angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'm
     scope: false
     link: (scope, elem, attrs) ->
         name = $parse(attrs.template)(scope)
-        $http.get(name, cache: $templateCache).success (body) ->
+        $http.get(name, cache: $templateCache).then (response) ->
             # elem.html($compile(body)(scope))
             # elem.replaceWith($compile(body)(scope))
             elem.empty()
-            elem.after($compile(body)(scope))
+            elem.after($compile(response.data)(scope))
 
 .directive 'e2TableBody', ($parse, $compile) ->
     table_tmpl = _.template("<thead><tr>{{thead}}</tr></thead><tbody>{{tbody}}</tbody>")
@@ -453,10 +366,10 @@ angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'm
 
 .directive 'e2Dropdown', ($parse, $dropdown, $timeout, E2Snippets) ->
     event_num = 0
-    dropdown_sub_tmpl = _.template("<li class='dropdown-submenu'><a href=''> {{icon}}{{aicon}} {{loc}}</a>{{sub}}</li>")
-    dropdown_tmpl = _.template("<li {{clazz}} {{show}} {{hide}}> <a href='{{href}}' {{click}}> {{icon}}{{aicon}} {{loc}}</a></li>")
+    dropdown_sub_tmpl = _.template("<li class='dropdown-submenu' {{show}} {{hide}}><a href=''> {{icon}} {{loc}}</a>{{sub}}</li>")
+    dropdown_tmpl = _.template("<li {{clazz}} {{show}} {{hide}}> <a {{href}} {{click}}> {{icon}} {{loc}}</a></li>")
 
-    render = (menu, level) ->
+    render = (menu, href) ->
         out = menu.map (m) ->
             switch
                 when m.divider
@@ -464,18 +377,18 @@ angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'm
                 when m.menu
                     dropdown_sub_tmpl
                         icon: m.menu.icon && E2Snippets.icon(m.menu.icon) || ''
-                        aicon: m.menu.aicon && E2Snippets.aicon(m.menu.aicon) || ''
                         loc: m.menu.loc
+                        show: m.menu.show && "ng-show=\"#{m.menu.show}\"" || ''
+                        hide: m.menu.hide && "ng-hide=\"#{m.menu.hide}\"" || ''
                         sub: render(m.menu.entries)
                 else
                     dropdown_tmpl
                         clazz: E2Snippets.make_ng_class(m)
                         show: m.show && "ng-show=\"#{m.show}\"" || ''
                         hide: m.hide && "ng-hide=\"#{m.hide}\"" || ''
-                        href: m.href || ''
+                        href: m.href && "#{href}=\"#{m.href}\"" || ''
                         click: m.click && "ng-click=\"#{m.click}\"" || ''
                         icon: m.icon && E2Snippets.icon(m.icon) || ''
-                        aicon: m.aicon && E2Snippets.aicon(m.aicon) || ''
                         loc: m.loc
         "<ul class='dropdown-menu'>#{out.join('')}</ul>"
 
@@ -489,7 +402,8 @@ angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'm
             # event.preventDefault()
             # event.stopPropagation()
             menu = $parse(attrs.e2Dropdown)(scope)
-            dropdown = $dropdown(elem, (scope: scope, template: render(menu, 0), animation: attrs.animation || 'am-flip-x', prefixEvent: "#{event_num}.tooltip")) # , delay: 1
+            href = attrs.hrefAttr ? 'href'
+            dropdown = $dropdown(elem, (scope: scope, template: render(menu, href), animation: attrs.animation || 'am-flip-x', prefixEvent: "#{event_num}.tooltip")) # , delay: 1
             dropdown.$promise.then ->
                 event_hide = scope.$on "#{event_num}.tooltip.hide", (e) ->
                     e.stopPropagation()
@@ -505,8 +419,8 @@ angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'm
         elem.on "mousedown", hook
 
 .directive 'e2ButtonSet', ($parse, $compile, E2Snippets) ->
-    button_set_tmpl = _.template("<div class='btn btn-default' {{clazz}} {{click}} {{show}} {{hide}} {{title}}> {{icon}}{{aicon}} {{loc}}</div>")
-    button_set_arr_tmpl = _.template("<div class='btn btn-default' e2-dropdown='{{dropdown}}' data-animation='{{animation}}'>{{icon}}{{aicon}}<span class='caret'></span></div>")
+    button_set_tmpl = _.template("<div class='btn btn-default' {{clazz}} {{click}} {{show}} {{hide}} {{title}}> {{icon}} {{loc}}</div>")
+    button_set_arr_tmpl = _.template("<div class='btn btn-default' e2-dropdown='{{dropdown}}' data-animation='{{animation}}'>{{icon}}<span class='caret'></span></div>")
     scope: true # because $index
     link: (scope, elem, attrs) ->
         menu = $parse(attrs.e2ButtonSet)(scope)
@@ -523,7 +437,6 @@ angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'm
                         dropdown: "#{attrs.e2ButtonSet}.entries[#{i}].menu.entries"
                         animation: animation
                         icon: m.menu.icon && "#{E2Snippets.icon(m.menu.icon)}&nbsp;" || ''
-                        aicon: m.menu.aicon && "#{E2Snippets.aicon(m.menu.aicon)}&nbsp;" || ''
                 else if m.divider
                 else
                     out += button_set_tmpl
@@ -532,7 +445,6 @@ angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'm
                         show: m.show && "ng-show=\"#{m.show}\"" || ''
                         hide: m.hide && "ng-hide=\"#{m.hide}\"" || ''
                         icon: m.icon && E2Snippets.icon(m.icon) || ''
-                        aicon: m.aicon && E2Snippets.aicon(m.aicon) || ''
                         loc: !(m.button_loc == false) && m.loc || ''
                         title: (m.button_loc == false) && "title=\"#{m.loc}\"" || ''
 
@@ -541,12 +453,12 @@ angular.module('Engine2', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ngCookies', 'm
                     dropdown: "#{attrs.e2ButtonSet}.entries.slice(#{brk})"
                     animation: animation
                     icon: ''
-                    aicon: ''
 
             out = "<div class='btn-group #{group_class}'>#{out}</div>"
             out = $compile(angular.element(out))(scope)
             if attrs.index && !scope.$index?
                 scope.$index = attrs.index | 0
+                scope.$entry = scope.action.entries[scope.$index]
             # scope.data = attrs.data
             elem.after(out) # elem.append(out) # elem.replaceWith(out)
 

data/app/modal.coffee

@@ -0,0 +1,133 @@
+'use strict'
+angular.module('Engine2')
+.provider '$e2Modal', ->
+    $get: ($rootScope, $modal, $timeout, $window, $injector) ->
+        class MManager
+            @Z_INDEX: 1050
+            @index: 0
+            constructor: () ->
+            backdrop_z_index: (num, index) -> angular.element(document.querySelectorAll('.modal-backdrop')).eq(num).css('z-index', index)
+            modal_num: (num) -> angular.element(document.querySelectorAll('.modal')).eq(num)
+            backdrop: (bdr) -> bdr ? 'static'
+            show_before: ->
+                @z_index = MManager.Z_INDEX + MManager.index * 2
+                @modal.css('z-index', @z_index + 1)
+            hide_before: ->
+                @z_index = MManager.Z_INDEX + ((MManager.index - 1) * 2)
+            show: ->
+            hide: -> angular.element($window.document.body).addClass('modal-open modal-with-am-fade') if MManager.index > 0
+
+        class DefaultMManager extends MManager
+            show_before: ->
+                super()
+                @backdrop.css('z-index', @z_index) # @backdrop_z_index(-MManager.index - 1, z_index)
+
+        class FirstMManager extends MManager
+            constructor: () ->
+                super()
+                @threshold = 2
+            backdrop: (bdr) -> if MManager.index > @threshold then false else super(bdr)
+            show_before: ->
+                super()
+                if MManager.index > @threshold
+                    @modal_num((MManager.index - 1) - @threshold).css('display', 'none')
+                    @backdrop_z_index(0, @z_index)
+                else
+                    @backdrop.css('z-index', @z_index) # @backdrop_z_index(-MManager.index - 1, z_index)
+
+            hide_before: ->
+                super()
+                if MManager.index > @threshold
+                    @backdrop_z_index(0, @z_index)
+                    @modal_num((MManager.index - 1) - @threshold).css('display', 'block')
+
+        class SingleBackdropMManager extends MManager
+            backdrop: (bdr) -> if MManager.index > 0 then false else super(bdr)
+            show_before: ->
+                super()
+                @backdrop_z_index(0, @z_index)
+            hide_before: ->
+                super()
+                @backdrop_z_index(0, @z_index)
+
+        is_modal: -> MManager.index > 0
+
+        show: (action) ->
+            scope = if action.scope then action.scope().$new(true) else $rootScope.$new()
+            scope.action = action
+            manager = new SingleBackdropMManager()
+
+            scope.$on 'modal.show.before', (e, m) ->
+                e.stopPropagation()
+                manager.modal = m.$element
+                manager.backdrop = m.$backdrop
+                throw "Modal has element" if action.element?()
+                action.element = -> m.$element
+                action.panel_show?()
+                manager.show_before()
+                MManager.index++
+
+            scope.$on 'modal.show', (e, m) ->
+                e.stopPropagation()
+                manager.show()
+                action.panel_shown?()
+
+            scope.$on 'modal.hide.before', (e) ->
+                e.stopPropagation()
+                MManager.index--
+                manager.hide_before()
+                action.panel_hide?()
+
+            scope.$on 'modal.hide', (e) ->
+                e.stopPropagation()
+                manager.hide()
+                action.panel_hidden?()
+                scope.$destroy()
+
+            $injector.get('E2').fetch_panel(action.meta.panel, true).then (template) ->
+                modal = $modal
+                    scope: scope
+                    show: false
+                    template: template
+                    backdrop: manager.backdrop(action.meta.panel.backdrop)
+                    animation: action.meta.panel.animation ? 'am-fade'
+
+                action.modal_hide = -> modal.$scope.$hide()
+                modal.$promise.then ->
+                    modal.show()
+                    modal
+
+        error: (title, msg, html) ->
+            body = if html then msg else "<div class='alert alert-danger'>#{msg}</div>"
+            clazz = if html then "modal-huge" else "modal-large"
+            @show meta: panel: (panel_template: "close_m", template_string: body, title: title, class: clazz, footer: true) # message: msg,
+
+        confirm: (title, msg, action) ->
+            body = "<div class='alert alert-warning'>#{msg}</div>"
+            clazz = "modal-large"
+            @show
+                confirm: action,
+                meta: panel: (panel_template: "confirm_m", template_string: body, title: title, class: clazz, footer: true) # message: msg,
+
+.directive 'e2Modal', ($e2Modal) ->
+    restrict: 'E'
+    # replace: true
+    # transclude: true
+    scope: true
+    compile: (celem, cattr) ->
+        obody = celem[0].children[0]
+        celem.empty() if obody
+        (scope, elem, attrs) ->
+            scope.$on attrs.name, (ev, args) ->
+                return if ev.defaultPrevented
+                ev.preventDefault()
+
+                panel = panel_template: attrs.panelTemplate, title: attrs.title, class: attrs.clazz, footer: true
+                if obody then panel.template_string = obody.outerHTML else panel.template = attrs.template
+                action = meta: (panel: panel), scope: -> scope
+                _.assign(action, args)
+
+                modal = $e2Modal.show(action)
+                hide_off = scope.$on "#{attrs.name}_close", ->
+                    hide_off()
+                    modal.then (m) -> m.$scope.$hide()