faalis 1.0.0.alpha1 → 1.0.0.alpha2

data/app/assets/javascripts/faalis/dashboard/lib/fields/string_field.js.coffee

@@ -0,0 +1,2 @@
+class Faalis.StringField extends Faalis.BaseField
+  type: 'string'

data/app/assets/javascripts/faalis/dashboard/lib/resource.js.coffee

@@ -0,0 +1,147 @@
+# This class is one of the most important classes in **Faalis** client side application,
+# and is responsible for representing a remote resource.
+class Faalis.Resource
+
+  # Arguments list:
+  # * **options**:     Extra properties and attributes to add to the resource.
+  #                    All the key/value in this object will attached to the
+  #                    Resource object by transforming key to _<key>. For example
+  #                    `{ name: "James" } would create an attribute called "_name"
+  #                    to `Resource` object with value of "James".
+  constructor: (options = {}) ->
+
+    @parents ||= []
+    @_parents_values_is_set = false
+
+    # Put all the options key resource itself
+    Object.keys(options, (key) ->
+      this['_' + key] = options[key]
+    )
+
+
+    type = this._api_type || 'json'
+    api_prefix = this._api_prefix || '/api/v1/'
+    @API = new Faalis.APIFactory(this, type, api_prefix)
+
+    @initialize.$inject = ['$http', '$log', 'catch_error']
+
+  # Set the specific parents of current resource. This method should be called
+  # in controllers and before any use of `Resource` object. and the **parents**
+  # argument should be a object of parent resource name as keys and their id
+  # as value. For example: {'posts': 4 } for 'Comment' Resource.
+  __set_parents__: (parents) ->
+    tmp = []
+
+    for parent in parents
+      tmp.push(parent)
+      tmp.push(parents[parent])
+
+    @parents = tmp
+
+    # This flag will specify the existance of parents
+    @_parents_values_is_set = true
+
+  # Init the resource object to be used in **run** stage. this
+  # method will call by **ResourceFactory** service.
+  __init__: ($http, $log, catch_error) ->
+
+    deps = window.STATIC_REQUIREMENTS.concat(window.dashboard_dependencies)
+    $injector = angular.injector(['ng', 'Errors', 'gettext'])
+
+    Faalis.$injector.invoke(@API.__init__, @API)
+
+    for attr in @__attributes__
+      unless attr.__init__?
+        throw "'" + attr + "' does not have '__init__' method."
+
+      # inject services for field classes.
+      Faalis.$injector.invoke(attr.__init__, attr)
+
+
+  # Initialize the resource object. for example fetch parent objects
+  # or relations and such stuff.
+  initialize: (params) ->
+    _parents = {}
+
+    for parent in @parents
+      _parents[parent] = params[parent + "_id"]
+
+    # Set the current parent objects for API usage
+    @__set_parents__(_parents)
+
+  # Join the given urls and return a uri
+  __join_url__: (url1, urls...) ->
+    '/' + url1.split('/').filter(Boolean).concat(urls).join('/')
+
+  # Parse the given uri and return an object containing the
+  # details
+  __parse_path__: (path) ->
+    parents = []
+    params = [];
+
+    for part in path.split("/")
+      if part.startsWith(':')
+        params.push(part.split(":").last)
+      else
+        parents.push(part.singularize()) unless part.isBlank()
+
+    resource = parents.pop()
+
+    return {
+      parents: parents,
+      params: params,
+      resource: resource
+    }
+
+  # Return the url of current `Resource`
+  to_path: (params...) ->
+    if @_parents_values_is_set == false
+      throw 'You need to set parents values to continue.'
+
+    _parents = @parents[0..]
+
+    for item in params
+      _parents.push(item)
+
+    return '/' + _parents.filter(Boolean).join('/') + @plural_name()
+
+  plural_name: ->
+    @__name__.pluralize()
+
+  # Return the path of template that should be used as the
+  # details template in the final view.
+  __detail_template__: ->
+    # `@_details_template` can be assigned via `ResourceFactory` contructor of
+    # by assigning a value to it after initialization of object.
+    if @_detail_template?
+      return @_detail_template
+
+    else
+      return @plural_name() + "/details"
+
+
+  # API Interface ----------------------------------------------------------
+  # We can use these methods to interact with resource API interface
+  # but the most important thing is to **initialize** the resource
+  # before using these. **ResourceFactory** service will do it
+  # before handing service to the controller or host code.
+
+  # Get a resource instance with given ID
+  find: (id) ->
+    return @API.get(id)
+
+  # Get all the resources via API.
+  all: ->
+    return @API.all()
+
+  # Create a new resource using given **data**
+  create: (data) ->
+    return @API.create(data)
+
+  # Update the resource with given ID using **data** which is provided
+  update: (id, data) ->
+    return @API.update(id, data)
+
+  # Destroy the resource with given id
+  destroy: (id) ->
+    return @API.destroy(id)

data/app/assets/javascripts/faalis/dashboard/modules/auth/auth.js

@@ -1,11 +1,13 @@
-var Auth = angular.module("Auth", ["User","Group"]);
+var Auth = angular.module("Auth", ["User","Group", "ui.router"]);
 
-Auth.config(["$routeProvider", function($routeProvider){
+/*Auth.config(["$stateProvider", function($stateProvider){
     $routeProvider.
-        when("/auth", {
+        state("auth", {
+            url: "/auth",
             templateUrl: template("auth/index")
         });
 }]);
+*/
 
 Auth.controller("AuthMenuController", ["$scope", "gettext", function($scope, gettext){
     this.menu_items = [

data/app/assets/javascripts/faalis/dashboard/modules/auth/profile.js

@@ -1,9 +1,10 @@
-var Profile = angular.module("Profile", []);
+var Profile = angular.module("Profile", ["ui.router"]);
 
-Profile.config(["$routeProvider", function($routeProvider){
+Profile.config(["$stateProvider", function($stateProvider){
 
-    $routeProvider.
-        when("/auth/profile/edit",{
+    $stateProvider.
+        state("profile",{
+            url: "/auth/profile/edit",
             templateUrl: template("auth/profile/edit"),
             controller: "ProfileController"
         });
@@ -11,7 +12,7 @@ Profile.config(["$routeProvider", function($routeProvider){
 
 
 
-Profile.controller("ProfileController",  ["$scope","Restangular","$location" ,"$routeParams", "gettext", "catch_error", function($scope, API, $location , $routeParams, gettext, catch_error){
+Profile.controller("ProfileController",  ["$scope","Restangular","$location" ,"$stateParams", "gettext", "catch_error", function($scope, API, $location , $stateParams, gettext, catch_error){
     var obj = API.one("profile").get()
             .then(function(data){
                 $scope.first_name = data.first_name;

data/app/assets/javascripts/faalis/dashboard/modules/auth/user.js

@@ -1,17 +1,19 @@
-var User = angular.module("User", ["ListView", "Errors"]);
+var User = angular.module("User", ["ListView", "Errors", "ui.router"]);
 
-User.config(["$routeProvider", function($routeProvider){
+User.config(["$stateProvider", function($stateProvider){
 
-    $routeProvider.
-        when("/auth/users", {
+    $stateProvider.
+        state("users", {
+            url: "/auth/users",
             templateUrl: template("auth/users/index"),
             controller: "UsersController"
         }).
-        when("/auth/users/new",{
+        state("users.new",{
+            url: "/auth/users/new",
             templateUrl: template("auth/users/new"),
             controller: "AddUsersController"
         }).
-        when("/auth/users/:id/edit",{
+        state("/auth/users/:id/edit",{
             templateUrl: template("auth/users/new"),
             controller: "AddUsersController"
         });
@@ -31,7 +33,7 @@ User.controller("UsersController", ["$scope", "Restangular","gettext", "catch_er
             title: gettext("New"),
             icon: "fa fa-plus",
             classes: "btn tiny green",
-            route: "#/auth/users/new"
+            state: "#/auth/users/new"
         }
     ];
 
@@ -58,7 +60,7 @@ User.controller("UsersController", ["$scope", "Restangular","gettext", "catch_er
 }]);
 
 
-User.controller("AddUsersController", ["$scope","Restangular","$location" ,"$routeParams", "gettext", "catch_error", function($scope, API, $location , $routeParams, gettext, catch_error){
+User.controller("AddUsersController", ["$scope","Restangular","$location" ,"$stateParams", "gettext", "catch_error", function($scope, API, $location , $stateParams, gettext, catch_error){
 
     API.all("groups").getList().then(
         function(data){
@@ -66,8 +68,8 @@ User.controller("AddUsersController", ["$scope","Restangular","$location" ,"$rou
         });
 
     $scope.obj_id = null;
-    if("id" in $routeParams){
-        $scope.obj_id = $routeParams.id;
+    if("id" in $stateParams){
+        $scope.obj_id = $stateParams.id;
         var obj = API.one("users", $scope.obj_id).get()
                 .then(function(data){
                     $scope.first_name = data.first_name;

data/app/assets/javascripts/faalis/dashboard/modules/conversations.js

@@ -1,4 +1,4 @@
-var Conversation = angular.module("Conversation",["ListView", "Errors"]);
+/*var Conversation = angular.module("Conversation",["ListView", "Errors"]);
 
 
 Conversation.config(["$routeProvider", function($routeProvider){
@@ -179,3 +179,4 @@ Conversation.controller("ConversationControllerNew", ["$scope", "Restangular", "
 
 
 }]);
+*/

data/app/assets/javascripts/faalis/dashboard/modules/fields/#image.js#

@@ -0,0 +1,43 @@
+var Image_ = angular.module("ImageField",[]);
+
+/*
+ * <image-field></image-field>
+*/
+
+Image_.directive('imageField',["gettext", "$parse", function(gettext, $parse){
+    function link(scope, element, attrs, ngctrl){
+        console.group("ImageField");
+        scope.element_id = "id_" + scope.field;
+        scope.msg_element_id = "id_" + scope.field + "_msg";
+
+        function updateModel(event){
+            if(event.target && event.target.files){
+              var file = event.target.files[0];
+              var reader = new FileReader();
+              reader.onload = function(e){
+                  var image = e.target.result;
+                  console.log("IMAGE DATA: %s", image);
+                  ngctrl.$setViewValue({filename: file.name,
+                                        image_data: image,
+                                        content_type: file.type});
+                  ngctrl.$render();
+ 
+              };
+                reader.readAsDataURL(file);
+            }
+        }
+
+        element.on('change',updateModel);
+        console.groupEnd();
+    }
+    return {
+        templateUrl: template("fields/image/image"),
+        //getting deprecated
+        //replace: true,
+        restrict: "E",
+        require: 'ngModel', // get a hold of NgModelController
+        //transclude: true,
+        link: link
+    };
+
+}]);

data/app/assets/javascripts/faalis/dashboard/modules/fields/date.js

@@ -0,0 +1,51 @@
+var Date_ = angular.module("DateField", []);
+
+/*
+ * <string-field></string-field> directive defination
+ */
+
+Date_.directive('dateField', ["$filter", "gettext",  function($filter, gettext) {
+
+    function link(scope, element, attrs){
+        var ltr = is_ltr();
+        var locale = (ltr) ? 'en' : 'fa';
+        scope.element_id = "id_" + scope.field;
+        element.find('div.date').datetimepicker({
+            icons:{
+                time: 'fa fa-clock-o',
+                date: 'fa fa-calendar',
+                up: 'fa fa-chevron-up',
+                down: 'fa fa-chevron-down',
+                previous: 'fa fa-chevron-left',
+                next: 'fa fa-chevron-right',
+                today: 'fa fa-screenshot',
+                clear: 'fa fa-trash'
+            },
+            format: 'dd-MM-yy',
+            locale: locale
+
+        });
+    }
+    // Actual object of <date-field> directive
+    return {
+        templateUrl: template("fields/datetime/date"),
+        replace: true,
+        restrict: "E",
+        transclude: true,
+        scope: {
+            // disable timepicker
+            timepicker: "=?",
+
+            cssClasses: '=cssClass',
+            // A call back to pass to field ng-change directive
+            on_change: "@onChange",
+            // fieldname
+            field: "=fieldName",
+            // Does this field is required
+            required: "=",
+            // Actual Angularjs ng-model
+            model: '='
+        },
+        link: link
+    };
+}]);

data/app/assets/javascripts/faalis/dashboard/modules/fields/datetime.js

@@ -1,29 +1,40 @@
-var Datetime_ = angular.module("DatetimeField", ['ngQuickDate']);
+var Datetime_ = angular.module("DatetimeField", []);
 
 /*
  * <string-field></string-field> directive defination
  */
 
-Datetime_.directive('datetimeField', ["$filter", "gettext", function($filter, gettext) {
+Datetime_.directive('datetimeField', ["$filter", "gettext",  function($filter, gettext) {
 
     function link(scope, element, attrs){
         var ltr = is_ltr();
+        var locale = (ltr) ? 'en' : 'fa';
         scope.element_id = "id_" + scope.field;
-        scope.msg_element_id = "id_" + scope.field + "_msg";
+        //TODO: change the find selector to use ID
+        element.find('div.date').datetimepicker({
+            icons:{
+                time: 'fa fa-clock-o',
+                date: 'fa fa-calendar',
+                up: 'fa fa-chevron-up',
+                down: 'fa fa-chevron-down',
+                previous: 'fa fa-chevron-left',
+                next: 'fa fa-chevron-right',
+                today: 'fa fa-screenshot',
+                clear: 'fa fa-trash'
+            },
+            widgetPositioning: {
+                horizontal: 'left',
+                vertical: 'bottom'
+            },
+            sideBySide: true,
+            locale: locale
 
-        if ((scope.timepicker === undefined) || (scope.timepicker == null)) {
-            scope.timepicker = true;
-        }
-        console.log(scope);
-        console.log(scope.timepicker);
-        if (scope.on_change !== undefined) {
-            // Watch event changes
-            scope.$watch("model", function(newv, oldv, $scope) {
-                // TODO: maybe we should pass locals to $eval
-                scope.$parent.$eval(scope.on_change);
-            }, true);
-        }
+        });
 
+        scope.$watch('fake_model', function(x, y) {
+            console.log('---------------');
+            console.log("%s -- %s", x , y);
+        });
     }
     // Actual object of <datetime-field> directive
     return {

data/app/assets/javascripts/faalis/dashboard/modules/fields/fields.js

@@ -1 +1,3 @@
-angular.module("Fields", ["RelationField", "StringField", "IntegerField", "TextField", "BooleanField", "DatetimeField", "TimeField", "FloatField", "ImageField", "TagField"]);
+angular.module("Fields", ["RelationField", "StringField", "IntegerField", "TextField",
+                          "BooleanField", "DatetimeField", "TimeField","DateField" ,
+                          "FloatField", "ImageField", "TagField", "FileField"]);

data/app/assets/javascripts/faalis/dashboard/modules/fields/file.js

@@ -0,0 +1,43 @@
+var File_ = angular.module("FileField",[]);
+
+/*
+ * <file-field></file-field>
+*/
+
+File_.directive('fileField',["gettext", "$parse", function(gettext, $parse){
+    function link(scope, element, attrs, ngctrl){
+        console.group("FileField");
+        scope.element_id = "id_" + scope.field;
+        scope.msg_element_id = "id_" + scope.field + "_msg";
+
+        function updateModel(event){
+            if(event.target && event.target.files){
+              var file = event.target.files[0];
+              var reader = new FileReader();
+              reader.onload = function(e){
+                  var data_ = e.target.result;
+                  console.log("FILE DATA: %s", data_);
+                  ngctrl.$setViewValue({filename: file.name,
+                                        data: data_,
+                                        content_type: file.type});
+                  ngctrl.$render();
+
+              };
+                reader.readAsDataURL(file);
+            }
+        }
+
+        element.on('change',updateModel);
+        console.groupEnd();
+    }
+    return {
+        templateUrl: template_url("fields/file/file_upload"),
+        //getting deprecated
+        //replace: true,
+        restrict: "E",
+        require: 'ngModel', // get a hold of NgModelController
+        //transclude: true,
+        link: link
+    };
+
+}]);