From b067c5854c76a96b949ff0c092f74649fbda44fc Mon Sep 17 00:00:00 2001
From: Romain Forlot <romain.forlot@iot.bzh>
Date: Tue, 2 May 2017 19:47:36 +0200
Subject: Initial commit

Change-Id: I536251add63ef100b42a67e39a02fef117f2b414
Signed-off-by: Romain Forlot <romain.forlot@iot.bzh>
---
 .../app/Frontend/widgets/Navigation/LinkButton.js  | 57 ++++++++++++++++++++++
 .../Frontend/widgets/Navigation/Navigation.scss    | 26 ++++++++++
 2 files changed, 83 insertions(+)
 create mode 100644 examples/hybrid-html5/app/Frontend/widgets/Navigation/LinkButton.js
 create mode 100644 examples/hybrid-html5/app/Frontend/widgets/Navigation/Navigation.scss

(limited to 'examples/hybrid-html5/app/Frontend/widgets/Navigation')

diff --git a/examples/hybrid-html5/app/Frontend/widgets/Navigation/LinkButton.js b/examples/hybrid-html5/app/Frontend/widgets/Navigation/LinkButton.js
new file mode 100644
index 0000000..3e83425
--- /dev/null
+++ b/examples/hybrid-html5/app/Frontend/widgets/Navigation/LinkButton.js
@@ -0,0 +1,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: {}
+                };
+            });
+})();
diff --git a/examples/hybrid-html5/app/Frontend/widgets/Navigation/Navigation.scss b/examples/hybrid-html5/app/Frontend/widgets/Navigation/Navigation.scss
new file mode 100644
index 0000000..2babf24
--- /dev/null
+++ b/examples/hybrid-html5/app/Frontend/widgets/Navigation/Navigation.scss
@@ -0,0 +1,26 @@
+/* 
+ * 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/>.
+ */
+
+@import "app/ibz-mixins";
+
+
+link-button {@include ibz-button(#3366ff,1rem)};
+
+//pale blue for secondaty link
+link-button.secondary {@include ibz-button(#99b3ff,1rem)};
+
-- 
cgit 1.2.3-korg