angular-strap-tests.ts

/// <reference path="../angularjs/angular.d.ts"/>
/// <reference path="./angular-strap.d.ts"/>

namespace angularStrapTests {

    import ngStrap = mgcrea.ngStrap;

    ///////////////////////////////////////////////////////////////////////////
    // Modal
    ///////////////////////////////////////////////////////////////////////////

    namespace modalTests {

        interface IDemoCtrlScope extends ngStrap.modal.IModalScope {
            showModal: () => void;
        }

        angular.module('demoApp')
            .config($modalConfig)
            .controller('demoCtrl', demoCtrl);

        function demoCtrl($scope: IDemoCtrlScope,
                            $modal: ngStrap.modal.IModalService): void {

            var myModalOptions: ngStrap.modal.IModalOptions = {};
            myModalOptions.title = 'My Title';
            myModalOptions.content = 'Hello Modal<br />This is a multiline message!';
            myModalOptions.show = true;

            var myModal = $modal(myModalOptions);

            var myOtherModalOptions: ngStrap.modal.IModalOptions = {};
            myOtherModalOptions.scope = $scope;
            myOtherModalOptions.template = 'modal/docs/modal.demo.tpl.html';
            myOtherModalOptions.show = false;

            var myOtherModal = $modal(myOtherModalOptions);

            $scope.showModal = (): void => {
                myOtherModal.$promise.then(myOtherModal.show);
            };
        }

        function $modalConfig($modalProvider: ngStrap.modal.IModalProvider): void {
            var defaults: ngStrap.modal.IModalOptions = {
                animation: 'am-flip-x'
            }
            angular.extend($modalProvider.defaults, defaults);
        }
    }


    ///////////////////////////////////////////////////////////////////////////
    // Aside
    ///////////////////////////////////////////////////////////////////////////

    namespace asideTests {

        angular.module('demoApp')
            .config($asideConfig)
            .controller('demoCtrl', demoCtrl);

        function demoCtrl($scope: ngStrap.aside.IAsideScope,
                            $aside: ngStrap.aside.IAsideService): void {

            var myAsideOptions: ngStrap.aside.IAsideOptions = {};
            myAsideOptions.title = 'My Title';
            myAsideOptions.content = 'My content';
            myAsideOptions.show = true;

            var myAside = $aside(myAsideOptions);

            var myOtherAsideOptions: ngStrap.aside.IAsideOptions = {};
            myOtherAsideOptions.scope = $scope;
            myOtherAsideOptions.template = 'aside/docs/aside.demo.tpl.html';

            var myOtherAside = $aside();

            myOtherAside.$promise.then(() => {
                myOtherAside.show();
            });
        }

        function $asideConfig($asideProvider: ngStrap.aside.IAsideProvider): void {
            var defaults: ngStrap.aside.IAsideOptions = {};
            defaults.animation = 'am-fadeAndSlideLeft';
            defaults.placement = 'left';

            angular.extend($asideProvider.defaults, defaults);
        }
    }


    ///////////////////////////////////////////////////////////////////////////
    // Alert
    ///////////////////////////////////////////////////////////////////////////

    namespace alertTests {

        angular.module('demoApp')
            .config($alertConfig)
            .controller('demoCtrl', demoCtrl);

        function demoCtrl($scope: ngStrap.alert.IAlertScope,
                            $alert: ngStrap.alert.IAlertService): void {

            var options: ngStrap.alert.IAlertOptions = {};
            options.title = 'Holy guacamole!';
            options.content = 'Best check yo self, you\'re not looking too good.';
            options.placement = 'top';
            options.type = 'info';
            options.show = true;

            var myAlert = $alert();
        }

        function $alertConfig($alertProvider: ngStrap.alert.IAlertProvider): void {
            var defaults: ngStrap.alert.IAlertOptions = {};
            defaults.animation = 'am-fade-and-slide-top';
            defaults.placement = 'top';

            angular.extend($alertProvider.defaults, defaults);
        };
    }


    ///////////////////////////////////////////////////////////////////////////
    // Tooltip
    ///////////////////////////////////////////////////////////////////////////

    namespace tooltipTests {

        angular.module('demoApp')
            .config($tooltipConfig)
            .controller('demoDrct', demoDrct);

        function demoDrct($tooltip: ngStrap.tooltip.ITooltipService): ng.IDirective {
            var drct: ng.IDirective = {};
            drct.restrict = 'EA';
            drct.link = link;
            return drct;

            function link(scope: ng.IScope, elem: ng.IAugmentedJQuery, attrs: ng.IAttributes): void {
                var options: ngStrap.tooltip.ITooltipOptions = {};
                options.title = 'My Title';
                $tooltip(elem, options);
            }
        }

        function $tooltipConfig($tooltipProvider: ngStrap.tooltip.ITooltipProvider): void {
            var defaults: ngStrap.tooltip.ITooltipOptions = {};
            defaults.animation = 'am-flip-x';
            defaults.trigger = 'hover';

            angular.extend($tooltipProvider.defaults, defaults);
        };
    }


    ///////////////////////////////////////////////////////////////////////////
    // Popover
    ///////////////////////////////////////////////////////////////////////////

    namespace popoverTests {

        angular.module('demoApp')
            .config($popoverConfig)
            .controller('demoDrct', demoDrct);

        function demoDrct($popover: ngStrap.popover.IPopoverService): ng.IDirective {
            var drct: ng.IDirective = {};
            drct.restrict = 'EA';
            drct.link = link;
            return drct;

            function link(scope: ng.IScope, elem: ng.IAugmentedJQuery, attrs: ng.IAttributes): void {
                var options: ngStrap.tooltip.ITooltipOptions = {};
                options.title = 'My Title';

                $popover(elem, options);
            }
        }

        function $popoverConfig($popoverProvider: ngStrap.popover.IPopoverProvider): void {
            var defaults: ngStrap.tooltip.ITooltipOptions = {}
            defaults.animation = 'am-flip-x';
            defaults.trigger = 'hover';

            angular.extend($popoverProvider.defaults, defaults);
        };
    }


    ///////////////////////////////////////////////////////////////////////////
    // Typeahead
    ///////////////////////////////////////////////////////////////////////////

    namespace typeaheadTests {

        angular.module('myApp')
            .config($typeaheadConfig);

        function $typeaheadConfig($typeaheadProvider: ngStrap.typeahead.ITypeaheadProvider) {
          var defaults: ngStrap.typeahead.ITypeaheadOptions = {}
          defaults.animation = 'am-flip-x';
          defaults.minLength = 2;
          defaults.limit = 8;

          angular.extend($typeaheadProvider.defaults, defaults);
        }
    }


    ///////////////////////////////////////////////////////////////////////////
    // Datepicker
    ///////////////////////////////////////////////////////////////////////////

    namespace datepickerTests {

        angular.module('myApp')
            .config($datepickerConfig);

        function $datepickerConfig($datepickerProvider: ngStrap.datepicker.IDatepickerProvider): void {
            var defaults: ngStrap.datepicker.IDatepickerOptions = {};
            defaults.dateFormat = 'dd/MM/yyyy';
            defaults.startWeek = 1;

            angular.extend($datepickerProvider.defaults, defaults);
        };
    }


    ///////////////////////////////////////////////////////////////////////////
    // Timepicker
    ///////////////////////////////////////////////////////////////////////////

    namespace timepickerTests {

        angular.module('myApp')
            .config($timepickerConfig);

        function $timepickerConfig($timepickerProvider: ngStrap.timepicker.ITimepickerProvider): void {
            var defaults: ngStrap.timepicker.ITimepickerOptions = {};
            defaults.timeFormat = 'HH:mm';
            defaults.length = 7;

            angular.extend($timepickerProvider.defaults, defaults);
        };
    }


    ///////////////////////////////////////////////////////////////////////////
    // Select
    ///////////////////////////////////////////////////////////////////////////

    namespace selectTests {

        angular.module('myApp')
            .config($selectConfig);

        function $selectConfig($selectProvider: ngStrap.select.ISelectProvider): void {
            var defaults: ngStrap.select.ISelectOptions = {};
            defaults.animation = 'am-flip-x';
            defaults.sort = false;

            angular.extend($selectProvider.defaults, defaults);
        }
    }


    ///////////////////////////////////////////////////////////////////////////
    // Tabs
    ///////////////////////////////////////////////////////////////////////////

    namespace tabTests {

        angular.module('myApp')
            .config($tabConfig);

        function $tabConfig($tabProvider: ngStrap.tab.ITabProvider) {
          var defaults: ngStrap.tab.ITabOptions = {};
          defaults.animation = 'am-flip-x';

          angular.extend($tabProvider.defaults, defaults);
        }
    }

    ///////////////////////////////////////////////////////////////////////////
    // Collapse
    ///////////////////////////////////////////////////////////////////////////

    namespace collapseTests {

        angular.module('myApp')
            .config($collapseConfig);

        function $collapseConfig($collapseProvider: ngStrap.collapse.ICollapseProvider):void {
              var defaults: ngStrap.collapse.ICollapseOptions = {};
              defaults.animation = 'am-flip-x';

              angular.extend($collapseProvider.defaults, defaults);
            }
    }


    ///////////////////////////////////////////////////////////////////////////
    // Dropdown
    ///////////////////////////////////////////////////////////////////////////

    namespace dropdownTests {

        angular.module('myApp')
            .config($dropdownConfig);

        function $dropdownConfig($dropdownProvider: ngStrap.dropdown.IDropdownProvider):void {
          var defaults: ngStrap.dropdown.IDropdownOptions = {};
          defaults.animation = 'am-flip-x';
          defaults.trigger = 'hover';

          angular.extend($dropdownProvider.defaults, defaults);
        }
    }


    ///////////////////////////////////////////////////////////////////////////
    // Navbar
    ///////////////////////////////////////////////////////////////////////////

    namespace navbarTests {

        angular.module('myApp')
            .config($navbarConfig);

        function $navbarConfig($navbarProvider: ngStrap.navbar.INavbarProvider):void {
          var defaults: ngStrap.navbar.INavbarOptions = {};
          defaults.activeClass = 'in';

          angular.extend($navbarProvider.defaults, defaults);
        }
    }


    ///////////////////////////////////////////////////////////////////////////
    // Scrollspy
    ///////////////////////////////////////////////////////////////////////////

    namespace scrollspyTests {

        angular.module('myApp')
            .config($scrollspyConfig);

        function $scrollspyConfig($scrollspyProvider: ngStrap.scrollspy.IScrollspyProvider):void {
          var defaults: ngStrap.scrollspy.IScrollspyOptions = {};
          defaults.offset = 0;
          defaults.target = 'my-selector';

          angular.extend($scrollspyProvider.defaults, defaults);
        }
    }


    ///////////////////////////////////////////////////////////////////////////
    // Affix
    ///////////////////////////////////////////////////////////////////////////

    namespace affixTests {

        angular.module('myApp')
            .config($affixConfig);

        function $affixConfig($affixProvider: ngStrap.affix.IAffixProvider):void {
          var defaults: ngStrap.affix.IAffixOptions = {};
          defaults.offsetTop = 100;

          angular.extend($affixProvider.defaults, defaults);
        }
    }
}