add attribute to pass CLNDR options

Author: rolandboon

angular-clndr.js

@@ -14,11 +14,12 @@
     var controller, scope;
     scope = {
       clndr: '=tienClndrObject',
-      events: '=tienClndrEvents'
+      events: '=tienClndrEvents',
+      options: '=?tienClndrOptions'
     };
     controller = function($scope, $element, $attrs, $transclude) {
       return $transclude(function(clone, scope) {
-        var render;
+        var options, render;
         $element.append(clone);
         $scope.$watch('events', function(val) {
           if (val != null ? val.length : void 0) {
@@ -28,9 +29,10 @@
         render = function(data) {
           return angular.extend(scope, data);
         };
-        return $scope.clndr = angular.element("<div/>").clndr({
+        options = angular.extend($scope.options || {}, {
           render: render
         });
+        return $scope.clndr = angular.element("<div/>").clndr(options);
       });
     };
     return {

index.html

@@ -43,7 +43,7 @@ <h2>Getting Started</h2>
                     <div class="col-md-12" ng-controller="DemoCtrl">
                         <h2>Demo</h2>
 
-                        <tien-clndr class="clndr" tien-clndr-object="clndr" tien-clndr-events="events">
+                        <tien-clndr class="clndr" tien-clndr-object="clndr" tien-clndr-events="events" tien-clndr-options="options">
                           <div class="clndr-controls">
                             <div class="clndr-previous-button" ng-click="clndr.back()">
                               &lsaquo;
@@ -80,6 +80,10 @@ <h2>Demo</h2>
                 <script>
                     app = angular.module('clndrApp', ['tien.clndr']);
                     app.controller('DemoCtrl', function ($scope) {
+                        $scope.options = {
+                            weekOffset: 1,
+                            daysOfTheWeek: ['ZO', 'MA', 'DI', 'WO', 'DO', 'VR', 'ZA']
+                        };
                         $scope.events = [
                             { date: moment().add(3, 'days').format(), title: "Happy days" },
                             { date: moment().subtract(5, 'days').format(), title: "Good old days" },
@@ -106,6 +110,12 @@ <h2>Usage</h2>
                             to the directive with the <code>tien-clndr-events</code> attribute. Events are available
                             on the scope at <code>day.events</code>, as shown in the example below:
                         </p>
+                        <p>
+                            To pass additional options on initialization of CLNDR, provide an options object to the
+                            <code>tien-clndr-options</code> attribute. See <a href="https://github.com/kylestetz/CLNDR#usage">CLNDR Usage</a>
+                            for all possible settings. Heads up: the <code>tien-clndr-options</code> object is only read
+                            once during transclusion!
+                        </p>
 <pre><code>&lt;tien-clndr class=&quot;clndr&quot; tien-clndr-object=&quot;clndr&quot; tien-clndr-events=&quot;events&quot;&gt;
   &lt;div class=&quot;clndr-controls&quot;&gt;
     &lt;div class=&quot;clndr-previous-button&quot; ng-click=&quot;clndr.back()&quot;&gt;

src/angular-clndr.coffee

@@ -10,6 +10,7 @@ TienClndrDirective = ->
   scope =
     clndr: '=tienClndrObject'
     events: '=tienClndrEvents'
+    options: '=?tienClndrOptions'
 
   controller = ($scope, $element, $attrs, $transclude) ->
     $transclude (clone, scope) ->
@@ -23,9 +24,11 @@ TienClndrDirective = ->
       render = (data) ->
         angular.extend(scope, data)
 
+      # create options object for optional CLNDR settings
+      options = angular.extend($scope.options || {}, render: render)
+
       # init CLNDR in virtual DOM-element
-      $scope.clndr = angular.element("<div/>").clndr
-        render: render
+      $scope.clndr = angular.element("<div/>").clndr(options)
 
   return {restrict: 'E', replace: true, transclude: true, scope: scope, controller: controller}