Pedro Miguel Pimienta Morales's questions

I am performing a calculation to obtain a value in degrees, but I have come across that the result of a JavaScript operation , involving the types of trigonometric operations, returns these values ​​in radians.

Formula

23.45 * sin(360 * ((284 + dn)/365))

So I perform in JavaScript as follows:

var miVariable = 23.45 * Math.sin(360 * ((284 + 196)/365));
console.log(miVariable);

The returned value is 19.15 , of course, rounding the final value.

The problem is that JavaScript gives the result in radians, and I want it in degrees. I searched, and the solution they give is, multiply the result in radians as follows:

miVariable * (180/Math.PI);

...but the returned value is 1097.2141776755263

Similarly, if I multiply the result but only from the calculation of the sine operation , it falls within a possible angle range between -360 and 360 .

var valorSeno = Math.sin(360 * ((284 + 196)/365));
var valorFinal = valorSeno * (180/Math.PI);
console.log(valorFinal);

Similarly, here I still do not multiply by the value 23.45 , since it returns the same value at the end.

The final value I need is 21.51

Trying to place several inputinside a table, I have found an inconvenience, which is that it does not allow me to write anything in these, no matter how many things I do.

From what I read in my search, it cannot be placed in such a way.

Condition

this.state = { 
            energiaConsumida:{
                enero:"",
                febrero:"",
                marzo:"",
                abril:"",
                mayo:"",
                junio:"",
                julio:"",
                agosto:"",
                septiembre:"",
                octubre:"",
                noviembre:"",
                diciembre:""
            },
}

inside table

<tr>
    <td>
        <input type="text" 
        placeholder="Enero"
        value={this.state.energiaConsumida.enero}
        onChange={this.updateFields.bind(this, 'consumoEnero')}
        name="consumoEnero"
        maxLength="4"/>
    </td>
</tr>

function to update the inputs

updateFields(propertyName, event) {
    let energyData = this.state.energiaConsumida;
    const re = /^[0-9\b]+$/;
    if (event.target.value == '' || re.test(event.target.value)) {    
        energyData[propertyName] = event.target.value;        
        this.setState({ energiaConsumida: energyData }); 
    }
}

I would like to know how to send parameters/information between two or more components. For example, if a series of arithmetic operations are executed in a component or some request is going to be returned, whatever it may be POST, GET, return said value, to be used in another component and so on.

In my case, the operations are going to start in the child component, which calls , Componente_2the results of these, should be used in the other child, which calls Componente_3.

As I have investigated, I was able to know that Reactthe issue of inheritance exists very well defined, or so I understood it, and it must be respected, since there is a father, who communicates with many children.

Component_1.jsx (Parent)

class componente1 extends Component{
   //captura los valores iniciales
   //por teclados o de una API
   //los envia a los ficheros correspondiente
}

Component_2.jsx (Child)

class componente2 extends Component{
   //recibe los valores iniciales 
   //del componente 1
   //resolverá alguna operación y 
   //deberá retornar dicho resultado
   //al terminar la operacion
}

Component_3.jsx (Child)

class componente3 extends Component{
   //que exista la posibilidad de tomar los valores  
   //retornados del componente 2 al componente 1
   //para luego realizar una operación
   //y retornarlos al terminar
}

Note: I assume it doesn't matter if the files are in the same folder, as I consider that irrelevant to the process issue.

Trying to display data in a view in React Js, I have found an error that following the steps of the tutorial still persists:

this.state.users.map is not a function

The code is the following

import React, {Component} from 'react';
import {render} from 'react-dom';
import request from 'superagent';

class App extends Component{

    constructor(){
        super();
        this.state = {
            users: ""
        };
    }

    componentDidMount(){
        request.get('http://localhost:8080/api/usuarios')
        .end((err, res) => {
            const usuariosGet = JSON.parse(res.text).usuarios;
            this.setState({
                users: usuariosGet
            });
        });
    }

    render(){

        var mostrarUsuarios = this.state.users.map((usuario, i) => {
            return (<li key={i}>{usuario}</li>);
        });

        return(
            <div>                
                <h1>Hola Mundo React JS</h1>
                <ul>
                    {mostrarUsuarios}
                </ul>
            </div>
        )       
    }
}

export default App;

I am taking a tutorial to learn React JS, everything was going well, a few days ago I was able to run an example, simple, carrying out a recommended basic configuration, plus some more complements that I add to recognize the version of Javascript.

The errors are as follows

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

The above error occurred in one of your React components: Consider adding an error boundary to your tree to customize error handling behavior.

It should be noted that the errors appear in the file bundle.js, which is used to store the generated code throughwebpack

The structure of the project is as follows:

package.json

{ "name": "prueba", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "node server.js", "dev": "concurrently \"node server.js\" \"webpack -w\" " }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "express": "^4.16.2", "react": "^16.2.0", "react-dom": "^16.2.0", "serve-static": "^1.13.1" }, "devDependencies": { "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-preset-es2015": "^6.24.1", "babel-preset-react": "^6.24.1", "concurrently": "^3.5.1", "eslint": "^4.9.0", "eslint-config-airbnb-base": "^12.1.0", "eslint-plugin-import": "^2.7.0", "webpack": "^3.10.0" } }

webpack.config.js

const path = require('path');

const config = {
    entry: './src/index.jsx',
    output: {
        path: path.resolve('js'),
        filename: 'bundle.js'
    },

    module: {
        rules: [
            {                
                test: /.jsx$/,
                use:{
                    loader:'babel-loader'
                },
                exclude: /node_module/
            }
        ]
    }
}

module.exports = config;

app.jsx

import React, {Component} from 'react';
import {render} from 'react-dom';

class App extends Component{
    render(){
        return(
            <div>                
                <h1>Mi Aplicacion React Js</h1>
                <h3>Probando la exportacion</h3>
            </div>
        )       
    }
}

export default App;

index.jsx

import React, { Component } from 'react';
import { render } from 'react-dom';
import {App} from './components/app.jsx';

render(
    <App/>,
    document.getElementById('appStart')
)

index.html

<!DOCTYPE html>

<html>

    <head>
        <meta charset="utf-8">
        <title>Aprendiendo React</title>
    </head>

    <body>
        <div id="appStart"></div>
        <script src="js/bundle.js"></script>
    </body>

</html>

result in console

C:\Users\PterPmntaM\CursoReactJS\React_Scaffold> npm run dev

> [email protected] dev C:\Users\PterPmntaM\CursoReactJS\React_Scaffold
> concurrently "node server.js" "webpack -w"

[0] Iniciando servidor
[1]
[1] Webpack is watching the files...
[1]
[1] Hash: 5fd2ce10b3c1788b385b
[1] Version: webpack 3.10.0
[1] Time: 4878ms
[1]     Asset    Size  Chunks                    Chunk Names
[1] bundle.js  729 kB       0  [emitted]  [big]  main
[1]   [14] ./src/index.jsx 381 bytes {0} [built]
[1]     + 27 hidden modules

I'm trying to follow a series of examples to learn ES6, but I can't get it to transpile correctly.

In my case I use the following line to do it

babel --watch index.js --out-file index_ES5.js

My file .eslintrchas the following configuration

{
  "parser": "babel-eslint",
  "plugins": ["import"],
  "extends": "airbnb",
  "env": {
    "node": true,
    "es6": true,
    "browser": true
  },
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": false
    }
  },
  "rules": {
    // evita que marque error al usar console
    "no-console": 0,
    // permite usar variables con _
    "no-underscore-dangle": 0,
    // máximo de línea: 99
    "max-len": [1, 99, 2],
    // obliga a usar punto y coma
    "semi": [1, "always"],
    // obliga a usar const sobre let
    "prefer-const": 2,
    // obliga a definir llaves en if/else
    "curly": [2, "all"],
    // prefiere === a ==
    "eqeqeq": [2, "allow-null"],
    "no-shadow": 1,
    // no exige que las funciones como callbacks
    // tengan un nombre
    "func-names": 0,
    // prefiere apóstrofe a comillas
    // y también para template literal
    "quotes": [
      2,
      "single",
      {
        "allowTemplateLiterals": true
      }
    ],
    // previene múltiples líneas en blanco
    "no-multiple-empty-lines": [ 2, {
      "max": 1,
      "maxEOF": 0,
      "maxBOF": 0
    }],
    // no activa el warning en parámetros rest
    "no-unused-vars": ["warn", {
      "ignoreRestSiblings": true
    }],
    "linebreak-style": "off"
  },
  "settings": {
    "node": {
      "extensions": [
        ".js"
      ],
      "moduleDirectory": [
        "node_modules",
        "./"
      ]
    },
    "import/resolver": {
      "node": {
        "extensions": [
          ".js"
        ],
        "moduleDirectory": [
          "node_modules",
          "./"
        ]
      }
    }
  }
} 

I'm trying to integrate sending real-time information through sockets (using socket.io ), and sending push notifications using the OneSignal platform .

It happens that if I put everything in the same module, I don't know why the method to send the notification is not executed after the information is sent, or before sending the information.

If I execute the command npm start, no error appears, but the notification arrives as soon as the local or remote server is running, and in this way I do not want it to happen.

user.js

var express = require('express');
var router = express.Router();
var misocket = require('../routes/misocket');
var notificacion = require('../routes/notificacion');

/*

Si pongo esto asi, apenas envia el servidor, arranca de una vez y envia la notificacion
notificacion();

 */
/* GET users listing. sendnote*/
router.post('/sendasig', function (req, res, next) {

    console.log(misocket); //registrednote
    misocket.emit("registrar", req.body);
    //La idea es que se ejecute aqui, pero no logro hacer que esto suceda
    notificacion();
    console.log(req.body);

    res.status(200).json({
        message: "send message"
    });

});

module.exports = router;

notification.js

module.exports = function () {

    var OnesignalNotificationApi = require('onesignal-notification');
    var api = new OnesignalNotificationApi('N2FkY2ZkZWQtMGQ2MS00ZTUwLTlkM2QtODA2NmE0YjBiMzQ3',
            'c4b92cce-4d59-4550-a4be-20939370e39c');

    var message = {
        it: 'Some message',
        en: 'Some message',
        es: 'Nueva Calificacion'
    };

    api.sendToAll(message, null, function (err, res) {
        console.log(err);
        console.log(res);
    });

};

app.js

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var misocket = require('./routes/misocket');
var index = require('./routes/index');
var users = require('./routes/users');
var io = require("socket.io");
var app = express();
app.io = io();

var Twitter = require('twitter');

var client = new Twitter({
  consumer_key: 'XXX',
  consumer_secret: 'XXX',
  access_token_key: 'XXX',
  access_token_secret: 'XXX'
});


// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', index);
//app.use('/api', users);
app.post("/sendnote",function(req,res,next){

  app.io.emit("registrednote",req.body);

  res.status(200).json({
                    message  : "send message"
                });
});
//copias y modificas la ruta del post
app.post('/sendasig', function(req, res, next) {

  app.io.emit("registrar",req.body);
  res.status(200).json({
                    message  : "send message"
                });

});

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});


misocket.connection(app.io);

module.exports = app;

Good community, testing my application, the SQLite plugin and the plugin to detect the type of network to which the ngCordova device for Android is connected does not work. When I try to log in, these messages appear.

deviceready has not fired after 5 seconds. cordova.js:1216 
Channel not fired: onCordovaInfoReady cordova.js:1216 
Channel not fired: onCordovaConnectionReady cordova.js:1216 
Channel not fired: onFileSystemPathsReady

And when I enter one of the views, and it must show me information about it, this appears.

database already open: unicesar.db SQLitePlugin.js:106 
new transaction is waiting for open operation SQLitePlugin.js:80 DB 
opened: unicesar.db

I have a device with android 4.2.2 and it works perfectly, but in several devices with android 6.0 or higher it doesn't show me anything.

My database setup is as follows:

 db = $cordovaSQLite.openDB({
            name: "unicesar.db",
            location: "default"
        });

Previously I could add the path of an image after converting it to an Base64Input to later be displayed in a DIV , but after a while when trying to carry out the process now it does not allow me to carry out said action and the following message appears:

Before it worked on any computer, but now I don't know what could be causing the error. Here is the code:

angular.module('perfilEstudiante', ['ionic', 'ngCordova'])
    .controller('mostrarPerfilEstu', mostrarPerfilEstu)
    .directive('pickFile', pickFile)
    .factory('obtenerPerfilEstu', obtenerPerfilEstu);


mostrarPerfilEstu.$inject = ['$scope', 'obtenerPerfilEstu'];

function mostrarPerfilEstu($scope, obtenerPerfilEstu, $element) {

    var Perfil, Mes, Periodo_Estu, input, button, evtHandler, dataImage;

    dataImage = localStorage.getItem("imgData");

    if (dataImage === null) {
        $scope.dataImage = "img/profile_icon.png";
    } else {
        $scope.dataImage = "data:image/png;base64," + dataImage;
    }

    $scope.loadImage = function (file) {

        if (file.type.indexOf('image') < 0) {
            $scope.res = "Tipo inválido";
            $scope.$apply();
            return;
        }

        var fReader = new FileReader();

        fReader.onload = function () {

            var data = fReader.result;
            $scope.dataImage = data;
            $scope.res = "";
            $scope.$apply();
            localStorage.setItem("imgData", data.replace(/^data:image\/(png|jpe?g);base64,/, ""));

        };

        fReader.readAsDataURL(file);
    };

};

function pickFile() {

    return {

        restrict: 'EA',
        scope: {
            onselected: "&"
        },

        template: '<button class="button button-icon icon ion-plus-round pull-right">' +
        '<input type="file" style="display: none !important">' +
        '</button>',

        link: function ($scope, $element) {
              var input = $element.find('input');
              var button = $element.find('button');

            var evtHandler = function () {
                input[0].click();
            };

            button.on('click', evtHandler)
            input.on('change', function () {
                var file = input[0].files[0];
                $scope.onselected({
                    file: file
                });
            });
        }

    };

};

My phone has Android version 4.2.2

I'm trying to compile an android app using the following command, ionic build androidfor Ionic 1.x, but I'm getting the following error:

File C:\Users\User\.android\repositories.cfg could not be loaded.

My team information is:

• OS: Windows 10 32 Bit
• Node: 6.10.1
• Ionic: 2.2.1

I want to know if there is any way to insert data into a database that is in SQL Server without having any of its versions installed or having Visual Studio installed on my computer.

These are the data I have:

• server = tcp:"Link to connect to the DB", 1433
• user = username
• pass = password

I load a message which depends on whether the user logs in or logs out, but there is a problem, that it only shows me the login message in both cases. I use the method backView(), which always gets the view before it is parked. Here is the code:

loading.js

angular.module('loadingPage', ['ionic', 'loginApp', 'historialApp'])
    .controller('mostrarMensaje', mostrarMensaje)
    .factory('obtenerVista', obtenerVista);

mostrarMensaje.$inject = ['$scope', 'obtenerVista'];

function mostrarMensaje($scope, obtenerVista) {

    var vista_Anterior, valor_sesion;

    vista_Anterior = obtenerVista.nombreVista();

    if (vista_Anterior.stateName === "login") {
        $scope.mensaje = "Cargando Informacion";
    } else {
        $scope.mensaje = "Cerrando sesion";
    }

}


obtenerVista.$inject = ['$ionicHistory'];

function obtenerVista($ionicHistory) {

    return {

        nombreVista: function() {

            var vista;
            vista = $ionicHistory.backView();
            return vista;

        }

    };

} 

Here is a drawing to be more specific, if something is understood

Thanks in advance for the help.

I'm trying to show information that I inject from a factory to the controller , but it only shows me the information in the first tab, in the others it doesn't even show me the default template .

The code is the following:

offices.html

<ion-header-bar class="bar-balanced" align-title="center">
<volver-menu></volver-menu>
<p class="title">Oficinas</p>
 </ion-header-bar>
 <ion-tabs class="tabs-striped tabs-top tabs-balanced">    
    <ion-tab title="Programas" href="#/oficinas/jefaturas">
        <ion-nav-view name="jefaturas-tab"></ion-nav-view>
    </ion-tab>   
    <ion-tab title="Facultades" href="#/oficinas/decanaturas">
        <ion-nav-view name="decanaturas-tab"></ion-nav-view>
    </ion-tab>
    <ion-tab title="Admon" href="#/oficinas/admon">
        <ion-nav-view name="admon-tab"></ion-nav-view>
    </ion-tab>
</ion-tabs>

headquarters.html

<ion-content class="color-tabs">
    <div class="list list-borderless card color-tabs" ng-repeat="programa in oficinas.departamentos">
        <div class="item item-icon-left">
            <i class="icon ion-ios-person-outline"></i> {{programa.director}}
        </div>
        <div class="item item-icon-left">
            <i class="icon ion-ios-briefcase-outline"></i> {{programa.oficina}}
        </div>
        <div class="item item-icon-left">
            <i class="icon ion-ios-telephone-outline"></i> {{programa.telefono}}
        </div>
        <div class="item item-icon-left">
            <i class="icon ion-ios-email-outline"></i> {{programa.correo}}
        </div>
        <div class="item item-icon-left">
            <i class="icon ion-ios-clock-outline"></i> Horario de atencion
        </div>
    </div>
</ion-content>

decanaturas.html

<ion-content>
    <div class="list list-borderless card color-tabs" ng-repeat="decanatura in oficinas.facultades>
        <div class="item item-icon-left">
            <i class="icon ion-ios-person-outline"></i> {{decanatura.director}}
        </div>
        <div class="item item-icon-left">
            <i class="icon ion-ios-briefcase-outline"></i> {{decanatura.oficina}}
        </div>
        <div class="item item-icon-left">
            <i class="icon ion-ios-telephone-outline"></i> {{decanatura.telefono}}
        </div>
        <div class="item item-icon-left">
            <i class="icon ion-ios-email-outline"></i> {{decanatura.correo}}
        </div>
        <div class="item item-icon-left">
            <i class="icon ion-ios-clock-outline"></i> Horario de atencion
        </div>
    </div>
</ion-content>

admin.html

<ion-content>
    <div class="list list-borderless card color-tabs" ng-repeat="admon in oficinas.administracion">
        <div class="item item-icon-left">
            <i class="icon ion-ios-person-outline"></i> {{admon.director}}
        </div>
        <div class="item item-icon-left">
            <i class="icon ion-ios-briefcase-outline"></i> {{admon.oficina}}
        </div>
        <div class="item item-icon-left">
            <i class="icon ion-ios-telephone-outline"></i> {{admon.telefono}}
        </div>
        <div class="item item-icon-left">
            <i class="icon ion-ios-email-outline"></i> {{admon.correo}}
        </div>
        <div class="item item-icon-left">
            <i class="icon ion-ios-clock-outline"></i> Horario de atencion
        </div>
    </div>
</ion-content>

offices.js

angular.module('modulo_Oficina', ['ionic'])
    .controller('iniciarTabs', iniciarTabs)
    .factory('informacionTabs', informacionTabs);

iniciarTabs.$inject = ['$scope', 'informacionTabs'];

function iniciarTabs($scope, informacionTabs) {    
    var Departamentos, Facultades, Administracion, estado;    
    informacionTabs.salirApp();
    Departamentos = informacionTabs.infoDepartamentos();
    Facultades = informacionTabs.infoDecanaturas();
    Administracion = informacionTabs.infoAdmon();

    $scope.oficinas = {
        departamentos: Departamentos,
        facultades: Facultades,
        administracion: Administracion
    }

}

informacionTabs.$inject = ['$ionicHistory', '$ionicPlatform', '$state'];

function informacionTabs($ionicHistory, $ionicPlatform, $state) {
    return {
        obtenerVista: function() {
            var vista;
            vista = $ionicHistory.currentStateName();
            return vista;
        },
        salirApp: function() {    
            var BackButton = 0;
            var atrasMenu;

            atrasMenu = $ionicHistory.backView();    
            $ionicPlatform.onHardwareBackButton(function() { 
                if ($ionicHistory.currentStateName() == 'oficinas.jefaturas' || $ionicHistory.currentStateName() == 'oficinas.decanaturas' || $ionicHistory.currentStateName() == 'oficinas.admon') {

                    if (atrasMenu.stateName == "menuestu") {
                        $state.go('menuestu');
                    } else {
                        $state.go('menuprof')
                    }

                }   
            });    
        },    
        infoDepartamentos: function() {    
            var programas;

            programas = [{
                director: 'Alvaro Oñate',
                oficina: 'Dep. de Ing. de Sistemas',
                telefono: 5849233,
                correo: '[email protected]'
            }, {
                director: 'Ada Almenares',
                oficina: 'Dep. de Derecho',
                telefono: 5546706,
                correo: '[email protected]'
            }, {
                director: 'Josefina Cuello',
                oficina: 'Dep. de Sociologia',
                telefono: 5846706,
                correo: 'sociologí[email protected]'
            }, {
                director: 'Iranis Urbina',
                oficina: 'Dep. de Idiomas',
                telefono: 5850296,
                correo: '[email protected]'
            }, {
                director: 'Ineris Cuello',
                oficina: 'Dep. de Arte y folclor',
                telefono: 585045,
                correo: '[email protected]'
            }, {
                director: 'Doris Celchar',
                oficina: 'Dep. de Enfermeria',
                telefono: 5848935,
                correo: 'enfermerí[email protected]'            
            }];

            return programas;    
        },    
        infoDecanaturas: function() {    
            var decanaturas;    
            decanaturas = [{
                director: 'Efrain Quintero',
                oficina: 'Dec. de Bellas Artes',
                telefono: 5850411,
                correo: '[email protected]'
            }, {
                director: 'Jaime Maestre',
                oficina: 'Dec. de Ciencias de la educación',
                telefono: 5849456,
                correo: '[email protected]'
            }, {
                director: 'Nancy Hernandez',
                oficina: 'Dec. de Salud',
                telefono: 5850464,
                correo: '*'
            }];    
        },    
        infoAdmon: function() {   
            var admon;    
            admon = [{
                director: 'Norberto Diaz',
                oficina: 'Cefontev',
                telefono: 3145357278,
                correo: '*'
            }, {
                director: 'Averiguar',
                oficina: 'Sala de profesores',
                telefono: 5847128,
                correo: '*'
            }];   
        }    
    };    
}

routes

config.$inject = ['$stateProvider', '$urlRouterProvider'];

function config($stateProvider, $urlRouterProvider) {

    $urlRouterProvider.otherwise("/login");

    $stateProvider
        //Ingreso
     .state('login', {
        url: '/login',
        templateUrl: "Templates/login.html",
        controller: "formulario"
     })
     .state('Loading', {
         url: '/loading',
         templateUrl: "Templates/loading.html"
     });

     //Estudiante

     .state('menuestu', {
         url: '/menuestu',
         templateUrl: "Templates/Estudiante/menuestu.html",
         controller: "borrarHistorial"
     })
     .state('perfilestu', {
         url: '/perfilestu',
         templateUrl: "Templates/Estudiante/perfilestu.html",
         controller: "mostrarPerfilEstu"
     })
     .state('horarioestu', {
         url: '/horarioestu',
         templateUrl: "Templates/Estudiante/horarioestu.html",
         controller: "mostrarHorarioEstu"
     })
     .state('calificaciones', {
         url: '/calificaciones',
         templateUrl: "Templates/Estudiante/calificaciones.html",
         controller: "mostrarNotasEstu"
     })
     .state('calendarioestu', {
         url: '/calendarioestu',
         templateUrl: "Templates/Estudiante/calendarioestu.html"
     })

    //Profesor

    .state('menuprof', {
        url: '/menuprof',
        templateUrl: "Templates/Docente/menuprof.html",
        controller: "borrarHistorial"
    })
    .state('perfilprof', {
        url: '/perfilprof',
        templateUrl: "Templates/Docente/perfilprof.html",
        controller: "mostrarPerfilProf"
    })
    .state('horarioprof', {
        url: '/horarioprof',
        templateUrl: "Templates/Docente/horarioprof.html",
        controller: "mostrarHorarioProf"
    })
    .state('grupos', {
        url: '/grupos',
        templateUrl: "Templates/Docente/grupos.html",
        controller: "mostrarGruposProf"
    })
    .state('calendarioprof', {
        url: '/calendarioprof',
        templateUrl: "Templates/Docente/calendarioprof.html"
    })

    .state('oficinas', {
         url: '/oficinas',
         abstract: true,
         templateUrl: "Templates/Oficinas/oficinas.html"
    })

    .state('oficinas.jefaturas', {
        url: "/jefaturas",
        views: {
            'jefaturas-tab': {
                templateUrl: "Templates/Oficinas/jefaturas.html",
                controller: "iniciarTabs"
            }
        }
    })
    .state('oficinas.decanaturas', {
        url: "/decanaturas",
        views: {
            'decanaturas-tab': {
                templateUrl: "Templates/Oficinas/decanaturas.html",
                controller: "iniciarTabs"
            }
        }
    })
    .state('oficinas.admon', {
        url: "/admon",
        views: {
            'admon-tab': {
                templateUrl: "Templates/Oficinas/admon.html",
                controller: "iniciarTabs"
            }
        }
    });  

};

When trying to get the information stored in localstorage through a factory by injecting it into the controller, the following error occurs.

TypeError: getGroupsProf.dataGroups(...).then is not a function

The code is the following:

angular.module('gruposProfesor', ['ionic', 'ngCordova'])
    .controller('mostrarGruposProf', mostrarGruposProf)
    .factory('obtenerGruposProf', obtenerGruposProf);


mostrarGruposProf.$inject = ['$scope', 'obtenerGruposProf'];

function mostrarGruposProf($scope, obtenerGruposProf) {

    obtenerGruposProf.datosGrupos().then(function(data) {
        console.log(data);
    });

}

function obtenerGruposProf() {   

   return {

    datosGrupos: function() {

        var getGrupos, infoGrupos;

        getGrupos = localStorage.getItem('GruposProf');
        infoGrupos = JSON.parse(getGrupos);

        return infoGrupos;

    }

  };

}

Thanks in advance for any assistance.

I am trying to query some information that I insert in a table, which I created previously. The error is the following:

Object {message: "no such table: HorarioP (code 1): , while compiling: SELECT * FROM HorarioP", code: 0}

The code where I consult and want to display the information is as follows:

scheduleprof.js

Controller

mostrarHorarioProf.$inject = ['$scope', 'obtenerHorarioProf'];

function mostrarHorarioProf($scope, obtenerHorarioProf){

var Horariop;

obtenerHorarioProf.datosHorario().then(function(informacion){
   
    Horariop = informacion;
    console.log(Horariop);
    
    $scope.horario = Horariop;
    
   });

 };

Service

obtenerHorarioProf.$inject = ['$cordovaSQLite'];

function obtenerHorarioProf($cordovaSQLite){

return {
    
    datosHorario: function(){
        
        var sqlConsulta, db, asignatura, asignaturas, horariop, l_horario, i, fila;
        
        sqlConsulta = "SELECT * FROM HorarioP";
        asignatura = {};
        asignaturas = [];
        
        db = $cordovaSQLite.openDB({ name: "unicesar.db" });
        
        horariop = $cordovaSQLite.execute(db, sqlConsulta, []).then(function(resultado) {
        
            l_horario = resultado.rows.length;
            
            for(i=0 ; i<l_horario ; i++){
                
                fila = resultado.rows.item(i);
                
                asignatura = {
                
                    codigo: fila.Codigo,
                    grupo: fila.Grupo,
                    nombre: fila.Nombre,
                    creditos: fila.Creditos,
                    dia: fila.Dia,
                    hora: fila.Hora,
                    lugar: fila.Lugar
                    
                };
                
                asignaturas.push(asignatura);
                
            }            
            
            return asignaturas;
            
        }, function (err) {
            console.error(err);
        });   
        
        return horariop;            
        
    }
    
};

};

I insert the table and the information when I make the request to the server to enter the application through the role of teacher or teacher.

crearTablaHorario_P = "CREATE TABLE IF NOT EXISTS HorarioP(Codigo text primary key, Grupo integer,\n\
                               Nombre text, Creditos integer, Dia text, Hora text, Lugar text,)";
        
guardarHorario_P = "INSERT INTO HorarioP(Codigo, Grupo, Nombre, Creditos, Dia, Hora, Lugar) \n\
                            VALUES(?,?,?,?,?,?,?)"; 

$cordovaSQLite.execute(db, crearTablaPerfil_P);
$cordovaSQLite.execute(db, crearTablaHorario_P);

for(i = 0; i < largo; i++){
            
$cordovaSQLite.execute(db, guardarHorario_P, [Horario[i].CodiAsig, Horario[i].Grupo, Horario[i].NombAsig,
                                   Horario[i].Creditos, Horario[i].DiaAsig, Horario[i].HoraAsig, Horario[i].LugarAsig]);
    }

Thanks in advance for any assistance.

I want to know if it is possible to change the default style that appears when placing a <input type="file" />on our page. Here I leave a screenshot.

The image above is a screenshot of my tablet, where I save the image path to later display it in the view.

I would like to remove the input in the default way it appears, and place it in the upper right corner and only the ionic clear button style button appears, as I edited the image.

Code link: Codepen

Thanks in advance for any assistance.

Hello community, I have a question about the use of $ionicHistory , which is part of the Navigation extension of the javascript/angular extensions.

I would like to know how to avoid going back when I am in one of the two menus, depending on the role of the user who has entered.

I would like to resolve the following concerns

1. You can only hit the back button if the view is not the menu view (either student or teacher)
2. In the case of android, there is a back button, whether physical or digital, if it is in the view or template of any of the two menus, then, when you go back, you must exit the application
3. Prevent it from saving routes or views in this history, to avoid conflicts in the future.

I'm migrating an application to angular, but I got a bit confused with that of the routes, especially with the sub-routes, which I have the following problems and doubts:

Structure of my application

I did the step from index to loading, also that of the menus and views, but the error of always loading the teachers' menu first occurs, I suppose it could be due to the order of the template folders.

My doubts would be:

1. When to use templates or nested templates
2. If the structure of the folders or folders affects the template you load

Structure

module

angular.module('unicesarApp', ['ionic'])
           .controller('formulario', formulario)
           .service('obtenerDatos', obtenerDatos)
           .config(config);

Settings

config.$inject = ['$stateProvider', '$urlRouterProvider'];

    function config($stateProvider, $urlRouterProvider) {

        $urlRouterProvider.otherwise("/login");

                 $stateProvider
                        .state('login', {
                            url: '/login',
                            templateUrl: "Templates/login.html",
                            controller: "formulario"
                        })

                        .state('Loading',{
                             url: '/loading',
                             templateUrl: "Templates/loading.html"
                        })

                        .state('menuestu',{
                             url: '/menuestu',
                             templateUrl: "Templates/Estudiante/menuestu.html"
                        })
                        .state('perfilestu',{
                             url: '/perfilestu',
                             templateUrl: "Templates/Estudiante/perfilestu.html"
                        })
                        .state('horarioestu',{
                             url: '/horarioestu',
                             templateUrl: "Templates/Estudiante/horarioestu.html"
                        })
                        .state('calificaciones',{
                             url: '/calificaciones',
                             templateUrl: "Templates/Estudiante/calificaciones.html"
                        })

                        .state('menuprof',{
                             url: '/menuprof',
                             templateUrl: "Templates/Docente/menuprof.html"
                        });                    


    };

Controller

formulario.$inject = ['$scope', 'obtenerDatos', '$state'];

    function formulario($scope, obtenerDatos, $state){

        $scope.login = function(){

            var datos, datosRespuesta;

            datos = {
                Usuario: $scope.usuariotxt,
                Password: $scope.passwordtxt
            };

            if(datos.Usuario == undefined && datos.Password == undefined){

                $scope.respuesta = "Los campos estan vacios";

            }else{

                    obtenerDatos.Autenticacion(datos).then(function (response){


                    if(response.data){  

                       datosRespuesta = response.data; 


                    if(datosRespuesta === "Usuario no registrado"){

                            $scope.respuesta = datosRespuesta;

                    }else if(datosRespuesta === "Contraseña incorrecta"){

                            $scope.respuesta = datosRespuesta;

                    }else if(datosRespuesta.estudiante){

                            obtenerDatos.getDatos(datosRespuesta);

                            $state.go('Loading');

                            setTimeout(alerta, 3000);

                            function alerta(){
                              $state.go('menuestu');
                            };

                    }else{

                            obtenerDatos.getDatos(datosRespuesta);

                            $state.go('Loading');

                            setTimeout(alerta, 3000);

                            function alerta(){
                              $state.go('menuprof');
                            };

                    }; 


                    }else{

                        console.log(response.status);
                        $scope.respuesta = response.status;

                    };

                });

            };



         };

    };

Services

obtenerDatos.$inject = ['$http', '$httpParamSerializer'];

    function obtenerDatos($http, $httpParamSerializer){

        var datosIngreso;

        function Autenticacion(datos){

            var url = 'http://190.109.185.138/Apipedro/api/login';

            return $http.post(url, $httpParamSerializer(datos), {
                headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
            });

        };

        function getDatos(info){
            datosIngreso = info;
        };

        function setDatos(){
           return datosIngreso;
        };

        return {
            Autenticacion: Autenticacion,
            getDatos: getDatos,
            setDatos: setDatos
        };

    };

I have the following problem, I try to call a dependency in this way but it tells me that the word require is not defined, I would like to know if it can only be used on the express server or on any server that is used on node.

var Twitter = require('twitter');

I'm using:

Netbeans 8.0 Windows 10

I would like to know what the advantages and disadvantages are (if they exist of course), of using Node.js to download the modules, dependencies or packages , of the libraries and frameworks that we will use to develop. To resolve my doubts I have a couple of questions.

1. How to download?
2. What are the different ways to download, either: npm install , npm install -g , npm install --save
3. Is the package.json file created automatically or does it have to be done manually in each project?
4. It is necessary to have require.js among the libraries to use the require keyword