angoose/extensions/angoose-ui/directives/ang-sublist.js

Angoose is a Remote Method Invocation module that comes with built-in mongoose/angular support. Now you can call server side module in browser just like you're in the server side!

angular.module('angoose.ui.directives').directive("deformSublist", function($ui){
  var directive = {
      restrict:'AE',
      scope:{
          instance:'=',
          path:'=',
          modelSchema:'=',
          fieldSchema:'='
      },
      compile: function(element, attrs){
          //element.html("sub elements");
          return function link(scope, element, attrs){
              enterscope(scope, "sublist path "+ scope.path)
              var getter = scope.getter = $ui.getter;
              console.debug("our data: ", getter(scope, 'instance.'+ scope.path));
              
              console.log("Creating sublist ", scope.$id)
              // we can't just use sublist because nested scopes - where subscope may override parents
              scope['sublist'+ scope.$id] = getter(scope, 'instance.'+ scope.path) || [];
              $ui.setter(scope, 'instance.'+ scope.path, scope['sublist'+ scope.$id] );
              scope.subschema =  $ui.getter(scope.fieldSchema, 'schema');
              scope.subpaths = Object.keys(scope.subschema.paths); // the ng-repeat will be based on this so it preserves the original order in schema
              Object.keys(scope.subschema.paths).forEach(function(path){
                  if($ui.filterPath(path, scope.subschema.paths[path], scope.subschema)){
                    delete scope.subschema.paths[path];  
                  } 
              });
              scope.sublist  = function(scopeId){
                  return scope['sublist'+ scopeId];
              }
              scope.removeSublistItem = function($index){
                  scope.sublist(scope.$id).splice($index, 1)
              }
              scope.addSublistItem = function(){
                  scope.sublist(scope.$id).push({__toggle:1})
              }
              
              $ui.resolveAndCompile(scope, element, attrs, null, 'deform.sublist.tpl');
          }
      }
  };
  return directive;   
}).directive("deformSubschema", function($ui){
    // this is not used as of 2/28/14
    var directive = {
      restrict:'AE',
      //templateUrl: 'deform.subschema.tpl',
      compile: function(element, attrs){
          //element.html("sub elements");
          return function link(scope, element, attrs){
              enterscope(scope, 'sbuschema: ' + scope.path);
              scope.getter = $ui.getter;
              scope.subschema = scope.modelSchema && $ui.getter( scope.modelSchema.paths[  scope.path ], 'schema');
              $ui.resolveAndCompile(scope, element, attrs, null, 'deform.subschema.tpl');
          }
      }
  };
  return directive;   
});