summaryrefslogtreecommitdiffstats
path: root/examples/html5/app/Frontend/widgets/Navigation/LinkButton.js
blob: 3e83425c9f4bd1e3f16b0653b42a6ce7cde74cf5 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
/* 
 * Copyright (C) 2015 "IoT.bzh"
 * Author "Fulup Ar Foll"
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * 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/>.
 * 
 * Bugs: Input with Callback SHOULD BE get 'required' class
 */

(function () {
    'use strict';

    var tmpl = '<span title="Goto: {{href}}" ng-click="clicked()">' +
            '<i class="{{icon}}"></i>' +
            '<span>{{label}}</span>' +
            '</span>';


    angular.module('LinkButton', [])
            .directive('linkButton', function ($location) {
                
                function mymethods(scope, elem, attrs) {

                    scope.clicked = function () {
                        
                        if (!attrs.query) $location.path(attrs.href);
                        else $location.path(attrs.href).search(attrs.query);
                    };

                    // ajust icon or use default
                    scope.icon = attrs.icon   || 'fi-link';
                    scope.label = attrs.label || 'Jump';
                    scope.href  = attrs.href  || '/home';
                    
                    // add label as class
                    elem.addClass (scope.label.toLowerCase());
                }

                return {
                    restrict: 'E',
                    template: tmpl,
                    link: mymethods,
                    scope: {}
                };
            });
})();