Johan-ZeLearner

(function(){
    angular.module('erpedia-customer-profile', ['ui.router', 'ngResource', 'ngJarvisWidget']);
})();

Johan-ZeLearner

<section ng-app="erpedia-customer-profile" ui-view>

</section>

<script>
    var jsBaseHref = '<?php echo \P\themePath(); ?>customerProfile/assets';
</script>

<?php $appJsPath = \P\themePath().'customerProfile/assets/javascript'; ?>

Johan-ZeLearner

<jarvis-widget padding="false" icon="fa-users" title="Liste des profils clients" padding="false">
    <h2>Contenu du widget</h1>
    <p>
        Ceci est un exemple de texte + html que l'option transclude inclue dans le template de la directive jarvis-widget.
    </p>
</jarvis-widget>

Johan-ZeLearner

<article class="col-xs-12" ng-class="'col-lg-' + jarvis_size">
    <div class="jarviswidget jarviswidget-color-darken jarviswidget-sortable" id="{{jarvis_id}}" role="widget">
        <header role="heading">
            <h2><i class="icon" ng-class="'fa ' + jarvis_icon"></i> <span class="widget-title">{{jarvis_title}}</span></h2>

            <span class="jarviswidget-loader" style="display: none;"><i class="fa fa-refresh fa-spin"></i></span></header>

        <!-- widget div-->
        <div role="content" style="display: block;">

Johan-ZeLearner

<li><a href="{{nav.url}}">{{nav.label}}</a></li>

Johan-ZeLearner

angular.module("MonApplicationAngularJS")
.directive("navigationItem", function(){
	return {
		restrict: 'E',
		templateUrl: 'navigation-item.html'
	};
});

Johan-ZeLearner

angular.module("MonApplicationAngularJS")
.directive("navigationLeft", function(){
    return {
        restrict: 'E',
        templateUrl: 'navigation-left.html',
        controller: ["$scope", function($scope)
        {
            $scope.navigationItem = [{
                label : 'element de navigation 1',
                url: '/#/element1'

Johan-ZeLearner

<ul class="nav nav-vertical">
  <navigation-item ng-repeat="nav in navigationItem"></navigation-item>  
</ul>

Johan-ZeLearner

angular.module('MonApplicationAngularJS')
.directive('myHeader', function(){
    return {
        restrict: 'E',
        templateUrl: 'my-header.html'
    };
});

Johan-ZeLearner

<header>
<h1>Mon fabuleux site avec AngularJS</h1>
</header>