Merge pull request #62 from synec/config-template-urls

configurable template urls
pedroabreu · May 11, 2016 · 324dafb · 324dafb
2 parents d9c8f03 + a73838b
commit 324dafb
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -61,6 +61,8 @@ Default values in example.
 app.config(function(ionGalleryConfigProvider) {
   ionGalleryConfigProvider.setGalleryConfig({
                           action_label: 'Close',
+                          template_gallery: 'gallery.html',
+                          template_slider: 'slider.html',
                           toggle: false,
                           row_size: 3,
                           fixed_row_size: true
@@ -71,6 +73,8 @@ app.config(function(ionGalleryConfigProvider) {
 ```
 Default values
 action_label - 'Close' (String)
+template_gallery - 'gallery.html' (String)
+template_slider - 'slider.html' (String)
 toggle - false (Boolean)
 row_size - 3 (Int)
 fixed_row_size - true (boolean). If true, thumbnails in gallery will always be sized as if there are "row_size" number of images in a row (even if there aren't). If set to false, the row_size will be dynamic until it reaches the set row_size (Ex: if only 1 image it will be rendered in the entire row, if 2 images, both will be rendered in the entire row)

diff --git a/dist/ion-gallery.js b/dist/ion-gallery.js
@@ -20,7 +20,7 @@
       controller: controller,
       link: link,
       replace: true,
-      templateUrl: 'gallery.html'
+      templateUrl: ionGalleryConfig.template_gallery
     };
 
     function controller($scope) {
@@ -66,6 +66,8 @@
   function ionGalleryConfig(){
     this.config = {
       action_label: 'Done',
+      template_gallery: 'gallery.html',
+      template_slider:  'slider.html',
       toggle: true,
       row_size: 3,
       fixed_row_size: true,
@@ -278,9 +280,9 @@
     .module('ion-gallery')
     .directive('ionSlider',ionSlider);
 
-  ionSlider.$inject = ['$ionicModal','$timeout','$ionicScrollDelegate','ionSliderHelper'];
+  ionSlider.$inject = ['$ionicModal','$timeout','$ionicScrollDelegate','ionSliderHelper','ionGalleryConfig'];
 
-  function ionSlider($ionicModal,$timeout,$ionicScrollDelegate,ionSliderHelper){
+  function ionSlider($ionicModal,$timeout,$ionicScrollDelegate,ionSliderHelper,ionGalleryConfig){
 
     controller.$inject = ["$scope"];
     return {
@@ -430,7 +432,7 @@
     function link(scope, element, attrs) {
       var _modal;
 
-      $ionicModal.fromTemplateUrl('slider.html', {
+      $ionicModal.fromTemplateUrl(ionGalleryConfig.template_slider, {
         scope: scope,
         animation: 'fade-in'
       }).then(function(modal){

diff --git a/dist/ion-gallery.min.js b/dist/ion-gallery.min.js
diff --git a/src/js/gallery.js b/src/js/gallery.js
@@ -19,7 +19,7 @@
       controller: controller,
       link: link,
       replace: true,
-      templateUrl: 'gallery.html'
+      templateUrl: ionGalleryConfig.template_gallery
     };
 
     function controller($scope) {

diff --git a/src/js/galleryConfig.js b/src/js/galleryConfig.js
@@ -10,6 +10,8 @@
   function ionGalleryConfig(){
     this.config = {
       action_label: 'Done',
+      template_gallery: 'gallery.html',
+      template_slider:  'slider.html',
       toggle: true,
       row_size: 3,
       fixed_row_size: true,

diff --git a/src/js/slider.js b/src/js/slider.js
@@ -5,9 +5,9 @@
     .module('ion-gallery')
     .directive('ionSlider',ionSlider);
 
-  ionSlider.$inject = ['$ionicModal','$timeout','$ionicScrollDelegate','ionSliderHelper'];
+  ionSlider.$inject = ['$ionicModal','$timeout','$ionicScrollDelegate','ionSliderHelper','ionGalleryConfig'];
 
-  function ionSlider($ionicModal,$timeout,$ionicScrollDelegate,ionSliderHelper){
+  function ionSlider($ionicModal,$timeout,$ionicScrollDelegate,ionSliderHelper,ionGalleryConfig){
 
     return {
       restrict: 'A',
@@ -156,7 +156,7 @@
     function link(scope, element, attrs) {
       var _modal;
 
-      $ionicModal.fromTemplateUrl('slider.html', {
+      $ionicModal.fromTemplateUrl(ionGalleryConfig.template_slider, {
         scope: scope,
         animation: 'fade-in'
       }).then(function(modal){