ende 0.3.5 → 0.3.6

data/lib/assets/javascripts/widgets/viewer/plugins/scopable.js.coffee

@@ -1,39 +1,111 @@
 'use strict';
 
+window.domo = []
+
 # TODO define componentjs required packages, as requirejs packages
 observable   = require('indefinido-observable').mixin
 
-define ->
-  (widget) ->
+define ['stampit/stampit'], (stampit) ->
 
-    widget = observable widget
+  scopingable = stampit
+    start: ->
+      deferred = @widget.sandbox.data.deferred()
 
-    # TODO transfer data from old scope to new one
-    # widget.subscribe 'scope', ->
+      # Update the scope after resolution
+      deferred.done ->
+        for scope_name, data of @widget.scopings
+          @widget.forward_scope_data scope_name, data
 
-    enhance_presenter = (presenter) ->
-      widget = @
-      presenter.presentation         ||= {binders: {}}
-      presenter.presentation.binders ||= {}
+        # TODO think of a better method name than repopulate
+        @widget.repopulate()
+
+      @deferred = deferred
+
+    reset: ->
+      @start()
+
+    # TODO move bindings logic to here
+    enqueue: (scope_name, value) ->
+      @widget.scopings[scope_name] = value
+  ,
+    deferred: null
+    scopings: null
+  , ->
+
+    @widget.scopings ||= {}
 
-      {presentation: {binders}} = presenter
+    # Resolve scopings after scoping has ended
+    @resolve = _.debounce =>
+      @deferred.resolveWith @, [@scopings]
+      @reset()
 
+    @
+
+
+
+  scopable = stampit
+    forward_scope_data: (scope_name, data) ->
+      switch @scope['$' + scope_name].constructor
+        when Array
+          data = [data] unless $.type(data) == 'array'
+          @scope[scope_name] data...
+        else
+          @scope[scope_name] data
+
+    enhancable_presenter: (presenter) ->
+      widget    = @
+      scoping   = scopingable widget: @
+      scoping.start()
+
+      # Update presenter interface to support binders customization
+      presenter.presentation         ||= {binders: {}}
+      presenter.presentation.binders ||= {}
+      {presentation: {binders}}        = presenter
 
+      # Create custom bindings for this scope, for storing scope
+      # changes per widget instance
       binders['scope-*'] =
         bind: ->
           @scope_name = @args[0].replace /-/g, '_'
+          @widget = widget
         routine: (element, value) ->
-          widget.scope_to widget.scope[@scope_name] value
+          scoping.enqueue @scope_name, value
+          scoping.resolve()
 
       binders.scope =
-
+        bind: ->
+          @widget = widget
         routine: (element, value) ->
           keypath = @keypath.substring 1 if @keypath[0] == '_'
           name = "by_#{@key}_#{keypath || @keypath}"
-          widget.scope_to widget.scope[name] value
 
-    enhance_presenter.call widget, widget.presenter
-    widget.subscribe 'presenter', enhance_presenter
+          scoping.enqueue name, value
+          scoping.resolve()
+
+
+    ,
+      scopings: null
+    , ->
+
+      observable @widget
+
+      # TODO compose this factory with the widget factory instead of
+      # creating a new instance and merging methods
+      stampit.mixIn @widget, scopable.fixed.methods
+
+      # TODO transfer data from old scope to new one
+      # widget.subscribe 'scope', ->
+
+      # TODO @widget.scopings = scopings = []
+      @widget.scopings = []
+      @enhancable_presenter.call @widget, @widget.presenter
+      @widget.subscribe 'presenter', @widget.enhancable_presenter
+
+      @widget
+
+
+  (widget) -> scopable widget: widget
+
 
 
 

data/lib/ende/version.rb

@@ -1,3 +1,3 @@
 module Ende
-  VERSION = "0.3.5"
+  VERSION = "0.3.6"
 end

data/vendor/assets/components/build.css

@@ -0,0 +1,111 @@
+.overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 1;
+  width: 100%;
+  height: 100%;
+  background: rgba(0,0,0,.75);
+  -webkit-transition: opacity 300ms;
+  -moz-transition: opacity 300ms;
+  transition: opacity 300ms;
+  z-index: 500;
+}
+
+.overlay.hide {
+  pointer-events: none;
+  opacity: 0;
+}
+
+#dialog {
+  position: fixed;
+  left: 50%;
+  top: 150px;
+  max-width: 600px;
+  min-width: 250px;
+  border: 1px solid #eee;
+  background: white;
+  z-index: 1000;
+}
+
+#dialog .content {
+  padding: 15px 20px;
+}
+
+#dialog h1 {
+  margin: 0 0 5px 0;
+  font-size: 16px;
+  font-weight: normal;
+}
+
+#dialog p {
+  margin: 0;
+  padding: 0;
+  font-size: .9em;
+}
+
+/* close */
+
+#dialog .close {
+  position: absolute;
+  top: 3px;
+  right: 10px;
+  text-decoration: none;
+  color: #888;
+  font-size: 16px;
+  font-weight: bold;
+  display: none;
+}
+
+#dialog .close em {
+  display: none;
+}
+
+#dialog.closable .close {
+  display: block;
+}
+
+#dialog .close:hover {
+  color: black;
+}
+
+#dialog .close:active {
+  margin-top: 1px;
+}
+
+/* slide */
+
+#dialog.slide {
+  -webkit-transition: opacity 300ms, top 300ms;
+  -moz-transition: opacity 300ms, top 300ms;
+}
+
+#dialog.slide.hide {
+  opacity: 0;
+  top: -500px;
+}
+
+/* fade */
+
+#dialog.fade {
+  -webkit-transition: opacity 300ms;
+  -moz-transition: opacity 300ms;
+}
+
+#dialog.fade.hide {
+  opacity: 0;
+}
+
+/* scale */
+
+#dialog.scale {
+  -webkit-transition: -webkit-transform 300ms;
+  -moz-transition: -moz-transform 300ms;
+  -webkit-transform: scale(1);
+  -moz-transform: scale(1);
+}
+
+#dialog.scale.hide {
+  -webkit-transform: scale(0);
+  -moz-transform: scale(0);
+}