ende 0.1.4 → 0.1.5

data/lib/assets/javascripts/widgets/viewer/main.js.coffee

@@ -1,139 +1,208 @@
-define ['./states/index', './presenter'], (templates, presenter) ->
+'use strict';
 
-  observable = require('observable').mixin
+define ['./states/index', './presenters/default', '/assets/jquery/inview.js'], (templates, presenter) ->
 
-  presentation = null
-  sandbox = null
+  observable = require('indefinido-observable').mixin
 
-  handlers =
-    item:
-      clicked: (event, models) ->
-        models.item.selected = true
+  boo =
+    cache: {}
+    initialize: (container) ->
+      container.children('.item')
+        .each(@identify)
+        .on('inview', @viewed)
 
-    list:
-      stabilized: (selected) =>
-        viewer        = presentation.viewer
-        viewer.items  = []
-        presented_ids = []
+    identify: (index, element) ->
+      element  = $ element
+      identity = _.uniqueId()
+      element.data('boo', identity)
+      boo.cache[identity] = element
 
-        # TODO generalise this filtering option
-        presented = for item in selected
-          item.models.all (records) =>
-            for record in records
-              viewer.items.push record if presented_ids.indexOf(record._id) == -1
+    shame: (element) ->
+      element  = $ element
+      identity = element.data 'boo'
+      child    = element.children()
 
-            presented_ids = _.union presented_ids, _.pluck(records, '_id')
+      # We must store the current element state, we do so by storing a
+      # custom tailored object in our object cache
+      ghost =
+        child: child
+        shamed: true
 
-        $.when(presented...).then -> presented_ids = []
+      boo.cache[identity] = ghost
 
-  # If some extension provides you can use the type defined in there
-  # to extend your widget. Defaults to Base constructor.
-  #
-  # type: 'Base'
 
-  # Default values for the options passed to this widget
-  #
-  # Note: the options are passed thorught the html element data
-  # attributes for this widget: <div data-aura-widget="viewer" data-aura-amount="3"></div>
-  #
-  # options: {}
+      element.css
+        width: element.width()
+        height: element.height()
 
+      child.detach()
 
-  # Widget initialization method, will be called upon loading, options
-  # are already filled with defaults
-  initialize: (options) ->
-    model        = @sandbox.models[options.model]
-    presentation = null
+    pride: (element) ->
+      element  = $ element
+      identity = element.data 'boo'
+      ghost    = boo.cache[identity]
 
-    # Extend presentation
-    presenter._ = _ = @sandbox.util._
-    presenter.handlers = handlers
-    presenter.drawing = @sandbox.modacad.drawing
+      if ghost and ghost.shamed
+        ghost.shamed = false
+        # In order to remove staticaly set width and height we pass
+        # empty strings to css jquery method
+        element.css(width: '', height: '').append ghost.child
 
-    @sandbox.logger.log "initialized!"
 
+    viewed: (event, in_view, horizontal, vertical) ->
+      boo[if in_view then 'pride' else 'shame'] event.target
+
+  version: '0.1.0'
+
+  # TODO better separation of concerns
+  # TODO Current remote page that is beign displayed
+  options:
+    resource: 'default'
+  #   page:
+  #     current: 1
+  #     per    : 5
+
+  type: 'Base'
+
+  presenter: presenter
+
+  select: (item) ->
+    @selected_item?.selected = false
+    @selected_item           = item
+    item.selected            = true
+
+    # We extend presentation.selected just to assign all values of the item model
+    # TODO call presenter to do this job
+    @sandbox.util.extend @presentation.selected, item.model
+    @sandbox.emit "viewer.#{@identifier}.selected", item.model
+
+  scope_to: (scope, child_scope) ->
+    throw new TypeError "Invalid scope sent to viewer@#{@identifier} sent: #{scope.resource}, expected: #{@scope.resource}" if scope.resource != @scope.resource
+    @scope = scope
+
+    # TODO better hierachical event distribution
+    for { _widget: widget } in @sandbox._children
+      widget.scope_to? child_scope
+
+  populate: (handlers) ->
     # Initialize dependencies
     list   = ''
-    if options.listModel
-      list = "<div data-aura-widget=\"list\" data-model=\"#{options.listModel}\"></div>"
+    if @options.listModel
+      list = "<div data-aura-widget=\"list\" data-model=\"#{@options.listModel}\"></div>"
       @sandbox.on 'list.stabilized'  , handlers.list.stabilized
+      @sandbox.on 'list.selection.incremented' , handlers.list.changed
+      @sandbox.on 'list.selection.decremented' , handlers.list.changed
+
+    @scope.all (records) =>
+      @load.stop()
+
+      @presentation = @presenter records
+
+      @html list + templates[@options.resource]
+      boo.initialize @$el.find '.results .items'
+
+      sandbox = @sandbox
+
+      # TODO move binders to application
+      @bind @presentation,
+         binders:
+           unfolding: (element) ->
+             drawing = sandbox.modacad.drawing $(element), @model[@keypath]
+             setTimeout ->
+               drawing.redisplay
+                 doll:
+                   front: 'hide'
+                   back : 'hide'
+                 unfolding:
+                   back : 'hide'
+
+               drawing.style (i, node) ->
+                 value = node.getAttribute 'style'
+                 value = value.replace /fill:(.*?);/, 'fill: black;'
+                 value = value.replace /stroke:(.*?);/, 'stroke: white;'
+                 node.setAttribute 'style', value
+             , 100
+
+      @handles 'click', 'back', '.back'
+
+  initialize: (options) ->
+    # TODO rename all options model to options.resource
+    options.model     ||= options.resource
+    options.listModel ||= options.listResource
+
+    # TODO import core extensions in another place
+    @scope = model = @sandbox.models[options.model]
+    cssify         = @sandbox.util.inflector.cssify
+    loader         = @sandbox.ui.loader
+    @sandbox.on "viewer.#{@identifier}.scope", @scope_to, @
+
+    # Extend presentation
+    # TODO execute only one time
+    presenter.drawing = @sandbox.modacad.drawing
+
+    # TODO Initialize pagination settings
+    # @page  = options.page
+
+    # Fetch custom templates
+    # TODO better custom templates structure and custom presenter
+    # TODO better segregation of concerns on this code
+    require [
+      "text!./widgets/viewer/templates/default/#{options.resource}.html"
+      "./widgets/viewer/presenters/#{options.resource}"
+      ], (custom_default_template, custom_presenter) =>
+
+      # TODO Better way to preserve widgets handlers
+      handlers     =
+        item:
+          clicked: (event, models) =>
+            @select models.item
+
+        list:
+          changed: (change, selection) =>
+            # TODO store spinner instance, instead of creating a new one every time
+            @load = loader @$el.find '.results .items' unless @load?
+
+          stabilized: (selected) =>
+            if @load
+              @load.stop()
+              @load = null
+
+            viewer        = @presentation.viewer
+            viewer.items  = []
+            presented_ids = []
 
+            # TODO generalise this filtering option
+            presented = for item in selected
+              if @scope?.scope.data.by_type_id
+                querier = item.models.by_type_id.apply item.models, @scope.scope.data.by_type_id
+              else
+                querier = item.models
+
+              querier.all (records) =>
+                for record in records
+                  viewer.items.push record if presented_ids.indexOf(record._id) == -1
+
+                presented_ids = _.union presented_ids, _.pluck(records, '_id')
+
+            $.when(presented...).then =>
+              boo.initialize @$el.find '.results .items'
+              presented_ids = []
+
+      presenter.handlers = handlers
+
+      custom_default_template and templates[options.model] = custom_default_template
+      @presenter = @sandbox.util.extend custom_presenter, presenter if custom_presenter
+
+      # Will also initialize sandbox!
+      @$el.addClass "viewer widget #{cssify(options.resource)}"
+      @$results = @$el.find '.results .items'
+
+      # Fetch default data
+      @load = loader @results
+      # TODO better scoping support by viewer
+
+      @populate handlers
+
+    @sandbox.logger.log "initialized!"
 
-    # Will also initialize sandbox!
-    @$el.addClass 'viewer widget'
-    @html list + templates.default
-
-    # Fetch default data
-    model.all (records) =>
-      presentation = presenter records
-      @bind presentation
-
-
-
-    true
-
-    # You can now update the presentation to update the widget
-    # presentation.title = 'Hello World!'
-
-    # Remember to access functionality and to provide your
-    # events throught the sandbox!
-    #
-    # Built-in properties of sandbox
-    #
-    #  emit '{entity.name}.{event.name}.{entity.id}', handler_parameters...
-    #  off name, listener
-    #  on name, listener, context
-    #  stopListening()                                   # Remove all event handlers for this widget
-    #
-    #  start ['calendar', 'payments']                    # widgets_list
-    #  stop()                                            # Stop this widget and destroy its sandbox
-    #
-    #  data.deferred()                                   # Create a new deferred object
-    #  data.when promises..., callback                   # Execute callback upon deferred resolution
-    #  dom.data selector, [attribute]                    # Return object for selected element
-    #  dom.find selector, context                        # Return framework maped dom element for
-    #                                                    # the selector (usually jQuery Object)
-    #  events.bindAll context, functions...              # Bind all functions to the same context
-    #  events.listen context, events, selector, callback # Listen to dom events, all parameters are string, except callback
-    #  template.parse
-    #  util._                                            # UnderscoreJS like object
-    #  util.decamelize camelCase, delimiter
-    #  util.each object, callback, arguments
-    #  util.extend objects...
-    #  util.uniq array, isSorted, iterator, context
-    #
-    #
-    # e.g.: @sandbox.events.listen 'click', '.menu', (e) -> alert 'selected'
-    #
-    #
-    # Extensions properties of sandbox
-    #
-    #  view.bind element, models # Bind DOM element to models (rivets extension)
-    #
-    #
-    # The sandbox should contain all extensions features, if the extension
-    # feature does not suite you and it's only needed by this widget,
-    # require it as dependency on the define call:
-    #
-    # define [ 'three' ], (three) ->
-
-
-    # Models access if needed, is also provided through the sandbox
-    # person = @sandbox.domain.person
-    #
-    # arthur = person({
-    #   name: "Arthur Philip Dent",
-    #   species  : "Humam"
-    # });
-    #
-
-    # For the 'Base' type widget you can access some useful
-    # properties:
-    #
-    # @$el         # Widgets HTML DOM Element
-    # @options     # All options passed to this widget thorugh dom and merged defaults
-    # @html markup # Helper function to update widget template
-    #
-    # Also some extensions extend the Base widget:
-    #
-    # @bind models    # Equivalent to @sandbox.view.bind @$el, models
+    true

data/lib/ende/users_controller_extensions.rb

@@ -0,0 +1,14 @@
+# TODO move to DeviseSessions controller and figure out how to set
+# headers after a redirect. Or even, if this is the right approach
+module UsersControllerExtensions
+  extend ActiveSupport::Concern
+
+  included do
+    before_filter :add_new_csrf_token, only: :show
+
+    private
+    def add_new_csrf_token
+      response.headers['X-CSRF-Token'] = form_authenticity_token
+    end
+  end
+end

data/lib/ende/version.rb

@@ -1,3 +1,3 @@
 module Ende
-  VERSION = "0.1.4"
+  VERSION = "0.1.5"
 end

data/lib/ende.rb

@@ -12,6 +12,11 @@ module Ende
       # assets.paths << current_dir.join('vendor', 'assets', 'stylesheets').to_s uncomment if you use
     end
 
+# Check if devise exists and extend devise controllers to send
+#    authenticity (csrf) token
+#    config.initializer :blah do
+    #      UsersController.send :include, UsersControllerExtensions if devise
+#    end
   end
 
   def Ende.assets

data/vendor/assets/components/KapIT-observe-utils/component.json

@@ -0,0 +1,16 @@
+{
+  "name": "observe-utils",
+  "version": "0.2.0",
+  "description": "An Object.observe harmony proposal shim",
+  "main": "lib/observe-utils.js",
+  "repo": "KapIT/observe-utils",
+  "scripts": [
+    "lib/observe-utils.js"
+  ],
+  "keywords": [
+    "observe",
+    "observe-utils",
+    "data binding"
+  ],
+  "license": "Apache"
+}