Tuesday, 30 May 2017

Convert Language From English To Arabic From Directive

No comments
Directive

app.directive('languageSeletion', function (languageData) {
    return {
        restrict: 'EA',
        replace: true,
        scope: {
            key: "@"
        },
        link: function (scope, element, attr) {
           
            var value = languageData.convertData(scope.key);
            debugger
            element.html(value);          
        }
    }
});


Factory


app.factory('languageData', function (xmlTojson,$rootScope) {
    function xmlToString(xmlData) {
        return  (new XMLSerializer()).serializeToString(xmlData);        
    }
    return {
        convertData: function (key) {            
            var result;
            $.ajax({
                url: 'data/arabic.xml',
                dataType: 'xml',
                contentType:'application/xml',
                async: false,
                success: function (data) {                   
                    var jsonData = JSON.parse(xmlTojson.convertXMLToJSON(xmlToString(data))).Resources.key;                    
                    $.each(jsonData, function (index, value) {
                        if (value._value == key) {
                            if ($rootScope.language == 'EN') {
                                result = value.EN;
                            }
                            else {
                                result = value.AE;
                            }
                            return false;
                        }
                    });
                    
                }
            });
            return result;
        }
    }
});

app.factory('xmlTojson', function () {
    var x2js = new X2JS();
    return {
        convertXMLToJSON: function (data) {
            return JSON.stringify(x2js.xml_str2json(data));
        }
    }

});

HTML

<script src="scripts/xml2json.js"></script>
<span class="input-label textAlignCenter colorTheme" language-seletion key="About"></span>
read more

Monday, 29 May 2017

Ionic Datepicker With date range

No comments
var todayDate = new Date();
    todayDate.setFullYear(todayDate.getFullYear() - 90);
    $scope.getAge = function (DOB) {
        var today = new Date();
        var birthDate = new Date(DOB);
        var age = today.getFullYear() - birthDate.getFullYear();
        var m = today.getMonth() - birthDate.getMonth();
        if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
            age--;
        }
        return age;
    }
  var objFromDate = {
        callback: function (val) {
            var output = $scope.getAge(val);
            if (output < 18 || output > 99) {
                alert("User age should be between 18 years to 99 years.");
                return;
            }          
           $scope.profile.Birth_date = $filter('date')(new Date(val), 'MM/dd/yyyy');
        },
        inputDate: new Date(),
        mondayFirst: true,
        templateType: 'popup',
        showTodayButton: false,
        from: todayDate,
        to: new Date(),
        dateFormat: 'MM/dd/yyyy',
        closeOnSelect: false,
    };
    $scope.dobDatePicker = function () {
        ionicDatePicker.openDatePicker(objFromDate);
    };
read more

Formate Date to mm-dd-yyyy

No comments
//Formate Date to mm-dd-yyyy
    $scope.formatDate = function (date) {
        var d = new Date(date),
            month = '' + (d.getMonth() + 1),
            day = '' + d.getDate(),
            year = d.getFullYear();

        if (month.length < 2) month = '0' + month;
        if (day.length < 2) day = '0' + day;

        return [year, month, day].join('-');
    }

//To Get

 data.data.Birth_date=$scope.formatDate(data.data.Birth_date);
read more