app.directive("timelineaxis", function() {
    return {
        restrict: 'AE',
        transclude: true,
        template: '<div class="timeaxis-warpper" ><ul class="timeaxis" ng-transclude ></ul></div>'
    };
});

app.directive("timeaxisItem", function() {
    return {
        require: '^timeaxis',
        restrict: 'AE',
        transclude: true,
        template: '<li class="timeaxis-inverted" ng-transclude ></li>'
    };
});

app.directive("timeaxisPoint", function() {
    return {
        require: '^timeaxisItem',
        restrict: 'AE',
        transclude: true,
        template: '<div  class="timeaxis-point" ng-transclude><div>qwewqe</div></div>'
    };
});


app.directive("timeaxisPanel", function() {
    return {
        require: '^timeaxisItem',
        restrict: 'AE',
        transclude: true,
        template: '<div class="timeaxis-panel" ng-transclude></div>'
    };
});


app.directive("timeaxisHide", function() {
    return {
        require: '^timeaxisWarpper',
        restrict: 'AE',
        transclude: true,
        template: '<div class="glyphicon glyphicon-menu-up"></div>'
    };
});