Luigi / foca-botonera-principal

Download as
Browse Code ยป

Commit d7689870ad6ff909f4519a25c96d83be94ed8d80

Authored by Pablo Marco del Pont
2 parents af684be843 e07e2f505b
Exists in master

Merge branch 'master' of https://debo.suite.repo/modulos-npm/foca-botonera-principal 

# Conflicts:
#	src/js/controller.js
Showing 4 changed files   Show diff stats
1 <html ng-app="focaBotoneraPrincipal"> 1 <html ng-app="focaBotoneraPrincipal">
2 <head> 2 <head>
3 <meta charset="UTF-8"/> 3 <meta charset="UTF-8"/>
4 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 4 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
5 5
6 <!--CSS--> 6 <!--CSS-->
7 <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/> 7 <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
8 <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/> 8 <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
9 9
10 <!--VENDOR JS--> 10 <!--VENDOR JS-->
11 <script src="node_modules/jquery/dist/jquery.min.js"></script> 11 <script src="node_modules/jquery/dist/jquery.min.js"></script>
12 <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script> 12 <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
13 <script src="node_modules/angular/angular.min.js"></script> 13 <script src="node_modules/angular/angular.min.js"></script>
14 <script src="node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script> 14 <script src="node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script>
15 15
16 <!-- BUILD --> 16 <!-- BUILD -->
17 <script src="src/js/app.js"></script> 17 <script src="src/js/app.js"></script>
18 <script src="src/js/controller.js"></script> 18 <script src="src/js/controller.js"></script>
19 <script src="src/js/service.js"></script> 19 <script src="src/js/service.js"></script>
20 20
21 <!-- /BUILD --> 21 <!-- /BUILD -->
22 22
23 <!-- CONFIG PARA DEVELOP --> 23 <!-- CONFIG PARA DEVELOP -->
24 <script src="src/etc/develop.js"></script> 24 <script src="src/etc/develop.js"></script>
25 </head> 25 </head>
26 <body ng-controller="controller"> 26 <body ng-controller="focaBotoneraPrincipalController">
27 </body> 27 </body>
28 </html> 28 </html>
29 29
1 { 1 {
2 "name": "foca-botonera-principal", 2 "name": "foca-botonera-principal",
3 "version": "0.0.1", 3 "version": "0.0.1",
4 "description": "Botonera principal", 4 "description": "Botonera principal",
5 "scripts": { 5 "scripts": {
6 "test": "echo \"Error: no test specified\" && exit 1", 6 "test": "echo \"Error: no test specified\" && exit 1",
7 "gulp-pre-commit": "gulp pre-commit", 7 "gulp-pre-commit": "gulp pre-commit",
8 "compile": "gulp uglify", 8 "compile": "gulp uglify",
9 "postinstall": "npm run compile && gulp clean-post-install", 9 "postinstall": "npm run compile && gulp clean-post-install",
10 "install-dev": "npm install -D angular bootstrap font-awesome gulp gulp-angular-templatecache gulp-concat gulp-connect gulp-htmlmin gulp-jshint gulp-rename gulp-replace gulp-uglify gulp-clean jasmine-core jquery jshint pre-commit pump ui-bootstrap4" 10 "install-dev": "npm install -D angular bootstrap font-awesome gulp gulp-angular-templatecache gulp-concat gulp-connect gulp-htmlmin gulp-jshint gulp-rename gulp-replace gulp-uglify gulp-clean jasmine-core jquery jshint pre-commit pump ui-bootstrap4"
11 }, 11 },
12 "pre-commit": [ 12 "pre-commit": [
13 "gulp-pre-commit" 13 "gulp-pre-commit"
14 ], 14 ],
15 "repository": { 15 "repository": {
16 "type": "git", 16 "type": "git",
17 "url": "https://debo.suite.repo/modulos-npm/foca-botonera-principal" 17 "url": "https://debo.suite.repo/modulos-npm/foca-botonera-principal"
18 }, 18 },
19 "author": "Foca Software", 19 "author": "Foca Software",
20 "license": "ISC", 20 "license": "ISC",
21 "peerDependencies": { 21 "peerDependencies": {
22 "angular": "^1.7.4", 22 "angular": "^1.7.4",
23 "bootstrap": "^4.1.3", 23 "bootstrap": "^4.1.3",
24 "font-awesome": "^4.7.0", 24 "font-awesome": "^4.7.0",
25 "ui-bootstrap4": "^3.0.4", 25 "ui-bootstrap4": "^3.0.4",
26 "gulp": "^3.9.1", 26 "gulp": "^3.9.1",
27 "gulp-angular-templatecache": "^2.2.1", 27 "gulp-angular-templatecache": "^2.2.1",
28 "gulp-concat": "^2.6.1", 28 "gulp-concat": "^2.6.1",
29 "gulp-connect": "^5.6.1", 29 "gulp-connect": "^5.6.1",
30 "gulp-htmlmin": "^5.0.1", 30 "gulp-htmlmin": "^5.0.1",
31 "gulp-rename": "^1.4.0", 31 "gulp-rename": "^1.4.0",
32 "gulp-replace": "^1.0.0", 32 "gulp-replace": "^1.0.0",
33 "gulp-uglify": "^3.0.1", 33 "gulp-uglify": "^3.0.1",
34 "jquery": "^3.3.1", 34 "jquery": "^3.3.1",
35 "pump": "^3.0.0" 35 "pump": "^3.0.0",
36 "foca-modal": "git+https://debo.suite.repo/modulos-npm/foca-modal.git"
36 }, 37 },
37 "devDependencies": { 38 "devDependencies": {
38 "angular": "^1.7.4", 39 "angular": "^1.7.5",
39 "bootstrap": "^4.1.3", 40 "bootstrap": "^4.1.3",
40 "font-awesome": "^4.7.0", 41 "font-awesome": "^4.7.0",
41 "gulp": "3.9.1", 42 "gulp": "^3.9.1",
42 "gulp-angular-templatecache": "2.2.2", 43 "gulp-angular-templatecache": "^2.2.2",
43 "gulp-clean": "0.4.0", 44 "gulp-clean": "^0.4.0",
44 "gulp-concat": "2.6.1", 45 "gulp-concat": "^2.6.1",
45 "gulp-connect": "5.6.1", 46 "gulp-connect": "^5.6.1",
46 "gulp-htmlmin": "5.0.1", 47 "gulp-htmlmin": "^5.0.1",
47 "gulp-jshint": "2.1.0", 48 "gulp-jshint": "^2.1.0",
48 "gulp-rename": "1.4.0", 49 "gulp-rename": "^1.4.0",
49 "gulp-replace": "1.0.0", 50 "gulp-replace": "^1.0.0",
50 "gulp-uglify": "3.0.1", 51 "gulp-uglify": "^3.0.1",
51 "jasmine-core": "^3.2.1", 52 "jasmine-core": "^3.3.0",
52 "jquery": "^3.3.1", 53 "jquery": "^3.3.1",
53 "jshint": "2.9.6", 54 "jshint": "^2.9.6",
54 "pre-commit": "^1.2.2", 55 "pre-commit": "^1.2.2",
55 "pump": "3.0.0", 56 "pump": "^3.0.0",
56 "ui-bootstrap4": "^3.0.4" 57 "ui-bootstrap4": "^3.0.5",
58 "foca-modal": "git+https://debo.suite.repo/modulos-npm/foca-modal.git"
57 } 59 }
58 } 60 }
59 61
src/js/controller.js
Diff comments   View file @ d768987
1 angular.module('focaBotoneraPrincipal') 1 angular.module('focaBotoneraPrincipal')
2 .controller('focaBotoneraPrincipalController', [ 2 .controller('focaBotoneraPrincipalController', [
3 '$scope', '$location', 'botones', 3 '$scope', '$location', '$cookies', 'botones', 'focaModalService',
4 function($scope, $location, botones) { 4 function($scope, $location, $cookies, botones, focaModalService) {
5 $scope.paginas = []; 5 $scope.paginas = [];
6 $scope.paginas.push(botones.data); 6 $scope.paginas.push(botones.data);
7 7
8 $scope.irA = function(accion) { 8 $scope.irA = function(accion) {
9 $location.path(accion); 9 $location.path(accion);
10 }; 10 };
11 11
12 $scope.logout = function() { 12 $scope.logout = function() {
13 $location.path('/logout'); 13 $location.path('/logout');
14 }; 14 };
15 } 15
16 ]); 16 $scope.showTerminal = function() {
17 17 var key = $cookies.get('terminalKey');
18 focaModalService.alert('SU TERMINAL ES: ' + key);
19 };
20 }
21 ]);
22
src/views/foca-botonera-principal.html
Diff comments   View file @ d768987
1 <div class="botonera-principal"> 1 <div class="botonera-principal">
2 <div class="row"> 2 <div class="row">
3 <div class="offset-2 offset-sm-4 col-8 col-sm-4 py-2"> 3 <div class="offset-2 offset-sm-4 col-8 col-sm-4 py-2">
4 <img class="botonera-principal-logo" src="./img/logo.png"/> 4 <img class="botonera-principal-logo" src="./img/logo.png"/>
5 </div> 5 </div>
6 </div> 6 </div>
7 <div class="row"> 7 <div class="row">
8 <div class="col-12"> 8 <div class="col-12 mb-3">
9 <swiper on-init="inicioSwiper"> 9 <swiper on-init="inicioSwiper">
10 <slides> 10 <slides>
11 <slide ng-repeat="pagina in paginas"> 11 <slide ng-repeat="pagina in paginas">
12 <menu class="botonera-principal-menu"> 12 <menu class="botonera-principal-menu">
13 <menuitem ng-class="boton.clase" ng-repeat="boton in pagina"> 13 <menuitem ng-class="boton.clase" ng-repeat="boton in pagina">
14 <button ng-click="irA(boton.accion)"> 14 <button ng-click="irA(boton.accion)">
15 <span ng-bind="boton.texto"></span> 15 <span ng-bind="boton.texto"></span>
16 </button> 16 </button>
17 </menuitem> 17 </menuitem>
18 </menu> 18 </menu>
19 </slide> 19 </slide>
20 </slides> 20 </slides>
21 <prev></prev> 21 <prev></prev>
22 <next></next> 22 <next></next>
23 <pagination></pagination> 23 <pagination></pagination>
24 </swiper> 24 </swiper>
25 <a
26 class="btn btn-outline-dark mt-5 btn-lg"
27 href="javascript:void()"
28 ng-click="showTerminal()"
29 >
30 <i class="fa fa-info-circle" aria-hidden="true"></i>
31 </a>
32 <a class="btn btn-outline-dark mt-5 btn-lg float-right"
33 href="javascript:void()"
34 ng-click="logout()"
35 >
36 <i class="fa fa-power-off" aria-hidden="true"></i>
37 </a>
25 </div> 38 </div>
26 </div> 39 </div>
27 </div> 40 </div>
28 41