Merge pull request #29 from joomdev/dev

Version 2.1.0

Author: hiteshaggarwal

LICENSE

@@ -645,7 +645,7 @@ the "copyright" line and a pointer to where the full notice is found.
     GNU General Public License for more details.
 
     You should have received a copy of the GNU General Public License
-    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
 Also add information on how to contact you by electronic and paper mail.
 
@@ -664,11 +664,11 @@ might be different; for a GUI interface, you would use an "about box".
   You should also get your employer (if you work as a programmer) or school,
 if any, to sign a "copyright disclaimer" for the program, if necessary.
 For more information on this, and how to apply and follow the GNU GPL, see
-<http://www.gnu.org/licenses/>.
+<https://www.gnu.org/licenses/>.
 
   The GNU General Public License does not permit incorporating your program
 into proprietary programs.  If your program is a subroutine library, you
 may consider it more useful to permit linking proprietary applications with
 the library.  If this is what you want to do, use the GNU Lesser General
 Public License instead of this License.  But first, please read
-<http://www.gnu.org/philosophy/why-not-lgpl.html>.
+<https://www.gnu.org/philosophy/why-not-lgpl.html>.

astroid/astroid-framework/assets/css/admin.css

@@ -186,6 +186,9 @@
 .margin-left-50px{
    margin-left: 55px;
 }
+.margin-left-75px{
+   margin-left: 75px;
+}
 
 /* For Firefox */
 input[type='number'] {
@@ -200,4 +203,50 @@ input[type=number]::-webkit-outer-spin-button {
 
 .astroid-typography-preview-container .astroid-typography-preview{
    overflow: scroll;
+}
+
+.gradient-toolbar .sp-replacer{ width: 30px; height: 30px; }
+.gradient-preview-container{
+   width: 200px;
+   height: 200px;
+   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
+   border: 1px solid #dededf;
+   border-radius: 5px;
+   margin-bottom: 10px;
+   overflow: hidden;
+}
+.gradient-preview{
+   width: 200px;
+   height: 200px;
+}
+.gradient-toolbar{
+   width: 200px;
+}
+.gradient-type{
+   display: inline-block;
+}
+.gradient-type input[type=radio]{
+   display: none;
+}
+.gradient-type img{
+   width: 30px;
+   opacity: 0.5;
+}
+.gradient-type label{
+   width: 30px;
+   height: 30px;
+   display: inline-block;
+   cursor: pointer;
+   border-radius: 3px;
+   overflow: hidden;
+}
+.gradient-type input[type=radio]:checked ~ img{
+   opacity: 1;
+}
+.gradient-colors > div{
+   display: inline-block;
+}
+.gradient-colors{
+   display: inline-block;
+   float: right;
 }

astroid/astroid-framework/assets/css/astroid-framework.css

@@ -342,6 +342,22 @@ astroidFramework.directive('colorPicker', function ($parse) {
    };
 });
 
+astroidFramework.directive('colorSelector', function ($parse) {
+   return {
+      restrict: 'A',
+      link: function (scope, element, attrs, ngModel) {
+         if (typeof $ == 'undefined') {
+            var $ = jQuery;
+         }
+         $(element).spectrum(spectrumConfig);
+
+         $(element).on('move.spectrum', function (e, tinycolor) {
+            $(element).spectrum("set", tinycolor.toRgbString()).trigger('change');
+         });
+      },
+   };
+});
+
 astroidFramework.directive('animationSelector', function () {
    return {
       restrict: 'A',
@@ -363,10 +379,12 @@ astroidFramework.directive('selectUi', function () {
          if (typeof $ == 'undefined') {
             var $ = jQuery;
          }
+         var _value = $(element).val();
          setTimeout(function () {
             var _placeholder = $(element).data('placeholder');
             _placeholder = typeof _placeholder == 'undefined' ? false : _placeholder;
             $(element).addClass('astroid-select-ui search selection').dropdown({placeholder: _placeholder, fullTextSearch: true});
+            //$(element).val(_value).trigger('change');
          }, 200);
       },
    };
@@ -493,6 +511,32 @@ astroidFramework.directive('draggable', function () {
    };
 });
 
+astroidFramework.directive('astroidDatetimepicker', function () {
+   return {
+      restrict: 'A',
+      link: function (scope, element, attrs) {
+         if (typeof $ == 'undefined') {
+            var $ = jQuery;
+         }
+         $(element).datetimepicker({
+            icons: {
+               time: "far fa-clock",
+               date: "far fa-calendar-alt",
+               up: "fa fa-angle-up",
+               down: "fa fa-angle-down",
+               next: "fa fa-angle-right",
+               previous: "fa fa-angle-left",
+               today: "fa fa-bullseye",
+               clear: 'far fa-trash-alt',
+               close: 'fa fa-times'
+            },
+            format: 'MMMM Do YYYY, h:mm a',
+            timeZone: TIMEZONE
+         });
+      }
+   };
+});
+
 astroidFramework.directive('droppable', function () {
    return {
       restrict: 'A',
@@ -625,6 +669,79 @@ astroidFramework.directive('astroidresponsive', ['$http', function ($http) {
                   }, 50);
                }
             };
+            setTimeout(function () {
+               setValue()
+            }, 100);
+         }
+      };
+   }]);
+
+
+astroidFramework.directive('astroidgradient', ['$http', function ($http) {
+      return {
+         restrict: 'A',
+         scope: true,
+         require: 'ngModel',
+         link: function ($scope, $element, $attrs, ngModel) {
+            if (typeof $ == 'undefined') {
+               var $ = jQuery;
+            }
+
+            var _gradeintPicker = $($element).parent('.astroid-gradient');
+            var _typeInput = $(_gradeintPicker).find('.gradient-type');
+            var _startInput = $(_gradeintPicker).find('.start-color');
+            var _stopInput = $(_gradeintPicker).find('.stop-color');
+            var _preview = $(_gradeintPicker).find('.gradient-preview');
+            var updatePreview = function () {
+               var _start = _startInput.val();
+               var _stop = _stopInput.val();
+               var _type = 'linear';
+               _typeInput.each(function () {
+                  if ($(this).is(':checked')) {
+                     _type = $(this).val();
+                  }
+               });
+               if (_type == 'radial') {
+                  var _gradiant = 'radial-gradient(' + _start + ', ' + _stop + ')';
+               } else {
+                  var _gradiant = 'linear-gradient(to bottom, ' + _start + ' 0%, ' + _stop + ' 100%)';
+               }
+               _preview.css('background-image', _gradiant);
+
+               var _params = {type: 'linear', start: 'transparent', stop: 'transparent'};
+               _params.type = _type;
+               _params.start = _start;
+               _params.stop = _stop;
+
+               _params = JSON.stringify(_params);
+               ngModel.$setViewValue(_params);
+               $($element).val(_params);
+               $scope.$apply();
+            }
+            _typeInput.bind('change', updatePreview);
+            _startInput.bind('change', updatePreview);
+            _stopInput.bind('change', updatePreview);
+
+            var _initValue = false;
+            var setValue = function () {
+               if (!_initValue) {
+                  _initValue = true;
+                  if (typeof ngModel.$modelValue != 'undefined') {
+                     try {
+                        var _params = JSON.parse(ngModel.$modelValue);
+                     } catch (e) {
+                        var _params = {type: 'linear', start: 'transparent', stop: 'transparent'};
+                     }
+                  } else {
+                     var _params = {type: 'linear', start: 'transparent', stop: 'transparent'};
+                  }
+                  $(_gradeintPicker).find('.gradient-type[value=' + _params.type + ']').prop('checked', true);
+                  _startInput.spectrum("set", _params.start);
+                  _stopInput.spectrum("set", _params.stop);
+                  updatePreview();
+               }
+            };
+
             setTimeout(function () {
                setValue()
             }, 100);

astroid/astroid-framework/assets/css/astroid-framework.css.map

@@ -635,12 +635,19 @@ var Admin = new AstroidAdmin();
       initAstroidUploader();
       $('.astroid-code-editor-exit-fs').click(function () {
          $(this).parent('.head').parent('.astroid-code-editor').removeClass('full-screen');
+         setTimeout(function () {
+            var resizeEvent = window.document.createEvent('UIEvents');
+            resizeEvent.initUIEvent('resize', true, false, window, 0);
+            window.dispatchEvent(resizeEvent);
+         }, 10);
       });
       $('.astroid-code-editor-fs').click(function () {
          $(this).parent('.astroid-code-editor').addClass('full-screen');
          setTimeout(function () {
-            $(window).resize();
-         }, 100);
+            var resizeEvent = window.document.createEvent('UIEvents');
+            resizeEvent.initUIEvent('resize', true, false, window, 0);
+            window.dispatchEvent(resizeEvent);
+         }, 10);
       });
       $('.astroid-preloader-field-select').click(function () {
          $(this).parent('.astroid-preloader-field').children('.astroid-preloaders-selector').addClass('open');
@@ -787,6 +794,10 @@ var Admin = new AstroidAdmin();
    };
 
    var loadGoogleFont = function loadGoogleFont(_font, _dropdown, _preview) {
+      if (_preview !== null) {
+         _preview.parent('.astroid-typography-preview-container').siblings('.library-font-warning').addClass('d-none');
+      }
+
       var _isSystemFont = false;
       SYSTEM_FONTS.forEach(function (_sfont) {
          if (_font == _sfont) {
@@ -795,6 +806,22 @@ var Admin = new AstroidAdmin();
          }
       });
 
+      var _isLibraryFont = false;
+      LIBRARY_FONTS.forEach(function (_ufont) {
+         if (_font == _ufont) {
+            _isLibraryFont = true;
+            return false;
+         }
+      });
+
+      if (_isLibraryFont) {
+         if (_preview !== null) {
+            _preview.css('font-family', _font);
+            _preview.parent('.astroid-typography-preview-container').siblings('.library-font-warning').removeClass('d-none');
+         }
+         return false;
+      }
+
       if (_isSystemFont) {
          if (_preview !== null) {
             _preview.css('font-family', _font);
@@ -837,7 +864,7 @@ var Admin = new AstroidAdmin();
    var getGoogleFonts = function getGoogleFonts() {
       $.ajax({
          method: "GET",
-         url: BASE_URL + 'index.php?option=com_ajax&astroid=google-fonts',
+         url: BASE_URL + 'index.php?option=com_ajax&astroid=google-fonts&template=' + TEMPLATE_NAME,
          success: function success(response) {
             $('.astroid-font-selector').find('.menu').html(response);
             setTimeout(function () {