Jump to content

Search the Community

Showing results for tags 'angularjs'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets and other environments
    • WordPress
    • Mobile
    • Agile
    • Desenvolvimento de Games
    • Banco de Dados
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 21 results

  1. Olá, na parte de enviar eu conseguir, mas manter até terminar o cadastro eu não conseguir. Eu vou contar toda a história para ficar mais claro possível. Eu precisei implementar um Upload de qualquer imagem ou PDF na página de solicitar compras. O site utiliza AngularJS, a primeira versão do Angular. Eu tentei fazer sem depender de PHP, mas na internet achava só a parte de Front-End e ninguém sabia fazer no Back-End. Então eu resolvi fazer com PHP mesmo. Nó código PHP, ele aceita todos as extensões de imagens mais o PDF e é possível envia-los todos de uma vez na quantidade que quiser. Todos os arquivos serão renomeados, contendo no nome o ID do usuário logado pego pela função javascript, o dia do mês, o mês, o ano, o dia da semana, a hora, o minuto, o segundo, se é AM ou PM e uma numeração aleatório. O arquivo PDF vai continuar sendo PDF e todas as imagens serão JPG. No final, todos serão enviados para uma pasta chamada upload. Só que agora eu preciso jogar de volta para página para salvar os novos nomes dos arquivos para continuar o cadastro da solicitação de compras. Como AngularJS utiliza Javascript, eu tentei usa-lo dentro do PHP utilizando EOF, mas não tive resultado. Eu só consigo com HTML com as diretivas do AngularJS. Na parte do API, nos atributos, eu declarei "nomeArquivo: []," , para salvar os nomes dos arquivos. Seguem o código. <div class="row"> <div class="col-sm-12 col-md-6 "> <div class="upload_form_cont"> <form id="upload_form" enctype="multipart/form-data" method="post" action="/profile-upload"> <div> <div><label for="image_file">Selecione o arquivo de imagem</label></div> <div><input type="file" name="image_file" id="image_file" accept="image/*" onchange="fileSelected();" /></div> </div> <div> <input type="button" value="Upload" onclick="startUploading()" /> </div> <div id="fileinfo"> <div id="filename"></div> <div id="filesize"></div> <div id="filetype"></div> <div id="filedim"></div> </div> <div id="error">Você deve selecionar apenas arquivos de imagem válidos!</div> <div id="error2">Ocorreu um erro ao enviar o arquivo</div> <div id="abort">O upload foi cancelado pelo usuário ou o navegador interrompeu a conexão</div> <div id="warnsize">Seu arquivo é muito grande. Não podemos aceitar isso. Selecione arquivos pequenos</div> <div id="progress_info"> <div id="progress"></div> <div id="progress_percent">&nbsp;</div> <div class="clear_both"></div> <div> <div id="speed">&nbsp;</div> <div id="remaining">&nbsp;</div> <div id="b_transfered">&nbsp;</div> <div class="clear_both"></div> </div> <div id="upload_response"></div> </div> </form> </div> </div> </div> upload.php <?php function bytesToSize1024($bytes, $precision = 2) { $unit = array('B','KB','MB'); return @round($bytes / pow(1024, ($i = floor(log($bytes, 1024)))), $precision).' '.$unit[$i]; } //Pega o id do usuário logado $id_url = $_GET['id']; // Numero de campos de upload $numeroCampos = count($_FILES['image_file']['name']); // Tamanho máximo do arquivo (em bytes) $tamanhoMaximo = 1024*1024*2; // Extensões aceitas $extensoes = array(".jpg", "jpeg", ".gif", ".png", ".pdf", ".bmp", ".pdf", ".tiff"); //Local da pasta $_UP['pasta'] = '../upload/'; $substituir = false; for ($i = 0; $i < $numeroCampos; $i++) { // Informações do arquivo enviado $sFileName = $_FILES['image_file']['name'][$i]; $sSize = $_FILES['image_file']['size'][$i]; $sFileSize = bytesToSize1024($sSize, 1); $nomeTemporario = $_FILES['image_file']['tmp_name'][$i]; // Verifica se o arquivo foi colocado no campo if (!empty($sFileName)) { $erro = false; // Verifica se o tamanho do arquivo é maior que o permitido if ($sSize > $tamanhoMaximo) { $erro = "O arquivo " . $sFileName . " não deve ultrapassar " . $tamanhoMaximo. " bytes"; } // Verifica se a extensão está entre as aceitas elseif (!in_array(strrchr($sFileName, "."), $extensoes)) { $erro = "A extensão do arquivo <b>" . $sFileName . "</b> não é válida"; } // Verifica se o arquivo existe e se é para substituir elseif (file_exists($_UP['pasta'] . $sFileName) and !$substituir) { $erro = "O arquivo <b>" . $sFileName . "</b> já existe"; } else{ //Pega a extensão do arquivo $TipoExtensao = pathinfo($sFileName, PATHINFO_EXTENSION); // O arquivo passou em todas as verificações, hora de tentar movê-lo para a pasta // Primeiro verifica se deve trocar o nome do arquivo $unixTime = time(); $timeZone = new \DateTimeZone('America/Sao_Paulo'); $time = new \DateTime(); $time->setTimestamp($unixTime)->setTimezone($timeZone); $formattedTime = $time->format('d-m-Y_l_h-i-s-a'); $aleatorio = rand(); if($TipoExtensao == 'pdf'){ $nome_final = $id_url .'_'. $formattedTime .'_'. $aleatorio .'.pdf'; }else{ $nome_final = $id_url .'_'. $formattedTime .'_'. $aleatorio .'.jpg'; } // Depois verifica se é possível mover o arquivo para a pasta escolhida if (move_uploaded_file($nomeTemporario, $_UP['pasta'] . $nome_final)) { // Upload efetuado com sucesso, exibe uma mensagem e um link para o arquivo echo "Upload do arquivo ".$sFileName." foi efetuado com sucesso!"; echo "</br>"; echo<<<EOF <p>Eu tentei implementar o retorno da página aqui!</p> <p></br></p> <p></br></p> EOF; } else { // Não foi possível fazer o upload, provavelmente a pasta está incorreta echo "Não foi possível enviar o arquivo, tente novamente"; echo "</br>"; } } } else { echo "Selecione algum arquivo de imagem ou PDF para fazero upload."; } } ?>
  2. Eu estou montando um form para editar alguns dados, então uso o PHP/Codeigniter para montar a página com as informações. Acontece que existem umas caixas de escolha que possuem um código em AngularJS para executar uma fórmula e quando coloco o "ng-model", simplesmente some o item que deveria estar marcado. Segue parte do form abaixo: <div class="form-group"> <label>Trajetória:</label> <?php echo form_input(array('type'=>"text", 'class'=>"form-control", 'name'=>'trajetoriaform','id'=>'trajetoriaform'),$riscoBD->__get('trajetoria')); ?> </div> <div class="form-group"> <label>Frequência:</label> <?php echo form_dropdown(array('class'=>"form-control", "ng-model"=>"frequencia", "ng-change"=>"calcRisco()", 'name'=>'frequenciaform','id'=>'frequenciaform'), $frequencia, $riscoBD->__get('frequencia')); ?> </div> <div class="form-group"> <label>Probabilidade:</label> <?php echo form_dropdown(array('class'=>"form-control", "ng-model"=>"probabilidade", "ng-change"=>"calcRisco()", 'name'=>'probabilidadeform','id'=>'probabilidadeform'), $probabilidade, set_value('probabilidadeform')); ?> </div> <div class="form-group"> <label>Severidade:</label> <?php echo form_dropdown(array('class'=>"form-control", "ng-model"=>"severidade", "ng-change"=>"calcRisco()", 'name'=>'severidadeform','id'=>'severidadeform'), $severidade, set_value('severidadeform')); ?> </div> <div class="form-group"> <label>Risco:</label> <?php echo form_input(array('type'=>"text", "ng-value"=>"resultadorisco", 'class'=>"form-control", 'name'=>'riscoform','id'=>'riscoform', "ng-model"=>"risco"),set_value('riscoform')); ?> </div> Quando gera o html, ao colocar para inspecionar o código de uma das caixas o código fica assim: <div class="form-group"> <label>Frequência:</label> <select class="form-control" ng-model="frequencia" ng-change="calcRisco()" name="frequenciaform" id="frequenciaform"> <option value="? undefined:undefined ?"></option> <option value="1" selected="selected">Rara</option> <option value="2">Eventual</option> <option value="3">Habitual</option> <option value="4">Permanente</option> </select> </div> Essa linha "4" aparece do angularJS e é o que impede que apareça o valor selected. Queria saber se tem algum geito de fazer o javascript mostrar o valor que vem do PHP. Abaixo o script: var app = angular.module('risco', []); app.controller('CalculaRisco', function($scope) { $scope.frequencia; $scope.probabilidade; $scope.severidade; $scope.calcRisco = function () { var freq = parseInt ($scope.frequencia); var prob = parseInt ($scope.probabilidade); var sev = parseInt ($scope.severidade); //console.log(sev+' '+prob+' '+freq); risco = freq + prob + sev; if (risco <= 4) { $scope.risco = 'Baixo'; } else if (risco <= 7) { $scope.risco = 'M\u00e9dio'; } else if (risco <= 10) { $scope.risco = 'Alto'; } else { $scope.risco = 'Muito Alto'; } //console.log(risco+$scope.severidade); }; });
  3. Alex Gustavo Canalli de So

    AngularJS - DDD - Gráficos

    Boa noite pessoal.Estou desenvolvendo uma aplicação de controle de finanças com receitas, despesas, transferências entre contas, relatórios e gráficos em angularjs + webapi + ddd + automapper + injeção de dependencias para estudo de novas tecnologias, pois trabalho atualmente com WebForms.Criei todas as (Domais, Applications, Services, Repository, etc).A minha grande dúvida é a seguinte:Nas telas de cadastro eu basicamente retorno o objeto inteiro no controller de cada entidade (domain), Mas na tela de gráfico por tipo de despesa por exemplo, não consigo fazer dessa forma, pois preciso retornar o valor total de despesas cadastradas para cada tipo em determinado período.No WebForms eu criaria uma classe personalizada com os campos necessários e faria um select new { } direto no link setando o valor de cada campo, porém, no ddd me vejo obrigado a instanciar os campos fixos do domain.Existe alguma forma de criar uma view personalizada para o retorno de uma consulta?
  4. Senhores, bom dia! Preciso da ajuda de vocês para tentar solucionar esse problema. Sou programador Delphi e precisei fazer o acesso aos dados gerados pelo sistema desktop pela web. Optei por utilizar o DataSnap para criar o WebService, por já ter mais familiaridade com a ferramenta. Assim, comecei a fazer os testes para acessar o WebService através de um cliente HTML + AngularJS. Criei no DataSnap 4 webservice: function Produto : TJSONArray; function updateProduto(AValue: TJSONObject) : TJSONObject; function acceptProduto(AValue: TJSONObject) : TJSONObject; function cancelProduto(AKey: String) : TJSONObject; O DataSnap faz o mapeamento automático para cada uma das funções de acordo com o método HTTP chamado na requisição, conforme abaixo: Cliente Requisição DataSnap Chama a function GET Produto POST updateProduto PUT acceptProduto DELETE cancelProduto Se eu chamar os métodos através de um cliente Delphi chamado RestDebbuger (acompanha o delphi) ou um software de teste de webservice chamado SoapUI consigo acessar todas as funções do webservice sem nenhum problema. Criei um cliente para consumir esses webservices em HTML e JavaScript/AngularJS, nesse cliente consigo consumir sem problemas os métodos GET e POST. No entanto, quando tento acessar o método PUT ou DELETE sempre me retorna um erro 500 no servidor. Fiz o debbug da aplicação Delphi após fazer a chamada pelo cliente AngularJS e percebi que não está chegando o método ao servidor e por isso ele dá um erro na requisição. Chamando esse método pelo RestDebbuger e pelo SoapUI funciona normalmente. Alguém saberia me dizer por qual motivo não consigo acessar esse método pelo angularJS? Qualquer ajuda será muito bem vinda. Obrigado!
  5. Olá senhores, estou criando uma aplicação simples em AngularJS, a aplicação se resume em 3 páginas: 1 - Aparelho: Onde a pessoa escolhe o aparelho 2 - Planos: Escolhe o plano relacionado ao aparelho 3 - Cadastro final informando nome, e-mail, telefone e etc... A lista de aparelhos e e de planos possiveis praquele aparelho escolhido vem de um arquivo JSON, que eu pego através de uma requisição HTTP A dúvida é: Eu gostaria de ir salvando essas informações, quando ele clicar em um aparelho, salvasse, depois o plano e salvasse e depois de escrever os dados salvasse tudo e saisse na página final e um console.log, mas como faço isso? Tô perdido.. Esse é o meu arquivo api.js, onde faço a requisição dos aparelhos: // plataformas //arquivo api.js app.controller('plataformAPI', function($scope, $http){ $http.get('http://private-59658d-celulardireto2017.apiary-mock.com/plataformas') .then(function(response){ $scope.dados = response.data.plataformas; }); }); Esse é o arquivo home.html, onde a pessoa escolhe os aparelhos: <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align="center" ng-controller="plataformAPI"> <div ng-repeat="x in dados"> <h1>{{x.nome}}</h1> <p>{{x.descricao.replace('|',' ')}}</p> <p><a class="btn btn-primary btn-md" href="{{prefix + x.nome}}" role="button">Quero esse</a></p> </div> </div> Eu gostaria de salvar o nome do aparelho que ele clicou..
  6. marcelobbt

    Angular JS Controller não funciona

    Estou tentando fazer uma aplicação em angularjs mas quando adiciono o controller da sempre esse erro: Uncaught Error: [$injector:modulerr] Abaixo minha aplicação: HTML <div class="row" ng-app="acidenteApp"> <div class="col-sm-12" ng-controller="AcidenteController"> <p> teste de funcionamento {{1+1}}</p> <h2>Cadastrar Acidente</h2> <p><?php echo '<strong>'.$mensal->__get('empresa').'</strong> - '.$mensal->__get('mes').'/'.$mensal->__get('ano'); ?></p> <?php echo form_open('../CadastrarAcidente/'.$mensal->__get('idMensal'), array('class'=>"form-horizontal", 'name'=>'formAcidente', 'id'=>'formAcidente')); ?> <div class="form-group"> <label class="col-sm-2 control-label">Dia do Acidente:</label> <div class="col-sm-10"> <?php echo form_input(array('type'=>"number", 'class'=>"form-control", 'name'=>'diaform','id'=>'diaform'), set_value('diaform')); ?> <p class="help-block">O dia é obrigatório</p> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Descrição do Acidente:</label> <div class="col-sm-10"> <?php echo form_textarea(array('class'=>"form-control", 'name'=>'descricaoform','id'=>'descricaoform'), set_value('descricaoform')); ?> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Recomendações/Ações Após o Acidente:</label> <div class="col-sm-10"> <?php echo form_textarea(array('class'=>"form-control", 'name'=>'recomendacaoform','id'=>'recomendacaoform'), set_value('recomendacaoform')); ?> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Adicionar acidentado:</label> <div class="col-sm-10"> <?php echo form_button(array('name'=>'adicionarAcidentado','id'=>'adicionarAcidentado'), "+"); ?> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <?php echo form_button(array('name'=>'cadastrar', 'ng-disabled'=>'formAcidente.$invalid'),"Cadastrar"); ?> </div> </div> <p><?php echo $erro; ?></p> </div> <script src="<?php echo base_url(); ?>js/angular.min.js"></script> <script src="<?php echo base_url(); ?>js/acidente.js"></script> </div> Abaixo o arquivo javascript acidente.js // criar angular app var acidenteApp = angular.module('acidenteApp', []); acidenteApp.controller('AcidenteController', function AcidenteController($scope) { console.log('teste'); });
  7. marcelobbt

    Validação em campos adicionados

    Estou montando um form que acrescenta alguns campos mais esses campos que são acrescentados não consigo fazer funcionar a validação. Obs: Se eu colocar o campo no html as regras de validação funcionam, mas se eu acrescento via botão ele não funciona. html: <div class="row" ng-app="acidente"> <div class="col-sm-12"> <h2>Cadastrar Acidente</h2> <p>Empresa: <?php echo '<strong>'.$mensal->__get('empresa').'</strong>&nbsp;&nbsp;-&nbsp;&nbsp;Período:'.$mensal->__get('mes').'/'.$mensal->__get('ano'); ?></p> <form class="form-horizontal" name="acidenteForm" novalidate action="http://www.google.com"> <div class="form-group"> <label class="col-sm-2 control-label">Dia do Acidente<span class="vermelho">*</span>:</label> <div class="col-sm-10"> <input type="number" name="diaform" class="form-control" ng-model="diaform" required dia-Acidente> &nbsp;&nbsp;<span class="vermelho" ng-show="acidenteForm.diaform.$invalid && acidenteForm.diaform.$dirty">O dia do acidente deve ser um número válido.</span> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Descrição do Acidente<span class="vermelho">*</span>:</label> <div class="col-sm-10"> <textarea name="descricaoform" class="form-control" required ng-model="descricaoform" rows="5"></textarea> <p class="vermelho" ng-show="acidenteForm.descricaoform.$invalid && acidenteForm.descricaoform.$dirty">Favor preencher a descrição do acidente.</p> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Recomendações do Acidente:</label> <div class="col-sm-10"> <textarea name="recomendacaoform" class="form-control" rows="5"></textarea> </div> </div> <span ng-controller="AdicionarController"> <div class="form-group"> <label class="col-sm-2 control-label">Adicionar acidentado:</label> <div class="col-sm-10"> <input type="button" class="btn btn-success" ng-click="AdicionarCampos()" name="adicionarAcidentado" value="+"> </div> </div> <div id="maisCampos"> </div> </span> <p><span class="vermelho">*</span> campos de preenchimento obrigatório</p> <div class="form-group"> <label class="col-sm-2 control-label">&nbsp;</label> <div class="col-sm-10"> <input type="submit" class="btn btn-success" name="cadastrar" ng-disabled="acidenteForm.$invalid" value="Enviar"> </div> </div> </form> </div> <script src="<?php echo base_url(); ?>js/angular.min.js"></script> <script src="<?php echo base_url(); ?>js/acidente.js"></script> </div> acidente.js var app = angular.module('acidente', []); app.directive('diaAcidente', function() { return { require: 'ngModel', link: function(scope, element, attr, mCtrl) { function myValidation(value) { if (value > 0 && value < 32) { mCtrl.$setValidity('charE', true); } else { mCtrl.$setValidity('charE', false); } return value; } mCtrl.$parsers.push(myValidation); } }; }); var adicionar = []; var i = 0; app.controller('AdicionarController', function($scope) { $scope.AdicionarCampos = function () { ordinal = i+1; adicionar.push('<p><strong>'+ordinal+'º acidentado</strong></p>'); adicionar.push('<div class="form-group"><label class="col-sm-2 control-label">Matrícula:</label><div class="col-sm-10"><input type="number" name="matriculaform'+i+'" class="form-control"></div></div>'); adicionar.push('<div class="form-group"><label class="col-sm-2 control-label">Previsão de Alta<span class="vermelho">*</span>:</label><div class="col-sm-10"><input type="date" name="previsaoform'+i+'" id="previsaoform'+i+'" class="form-control" required ng-model="previsaoform'+i+'">&nbsp;&nbsp;<span class="vermelho" ng-show="acidenteForm.previsaoform'+i+'.$invalid && acidenteForm.previsaoform'+i+'.$dirty">Favor informar a previsao da alta.</span></div></div>'); document.getElementById("maisCampos").innerHTML = adicionar; i = i + 1; }; });
  8. Pedroalves

    problema na paginação

    não estou a conseguir por a paginação a funcionar ele simplesmente não apararece este e codigo <div ng-app="sa_app" ng-controller="controller" ng-init="show_data()"> <div class="col-md-3">Filter: <input type="text" ng-model="search" ng-change="filter()" placeholder="Filter" class="form-control" /> </div> <div class="col-md-4"> <h5>Filtered {{ filtered.length }} of {{ totalItems}} total Servicos</h5> </div> <div> <table class="table table-bordered"> <tr> <th>Id</th> <th>Nome</th> <th>Descricao</th> <th>Quantidade</th> <th>Nome da Empresa</th> <th>Preço Sem Iva</th> <th>Descontos</th> <th>IVA</th> <th>Valor Desc</th> <th>Valor IVA</th> <th>Preco Total</th> <th>Edit</th> <th>Delete</th> </tr> <tr ng-repeat="x in filtered = (names | filter:search | orderBy : predicate :reverse) |startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit"> <td>{{x.id}}</td> <td>{{x.nome}}</td> <td>{{x.descricao}}</td> <td>{{x.quantidade}} Unidade</td> <td>{{x.Nome}}</td> <td>{{x.precosiva}}€</td> <td>{{x.descontos}}%</td> <td>{{x.iva}}%</td> <td>{{x.valordesc}}€</td> <td>{{x.valoriva}}€</td> <td>{{x.precototal}}€</td> <td> <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#myModal1" ng-click="update_data(x.id, x.nome, x.descricao, x.quantidade,x.Nome,x.precosiva,x.descontos,x.iva)"> <span class="glyphicon glyphicon-edit"></span> Edit </button> </td> <td> <button class="btn btn-danger btn-xs" ng-click="delete_data(x.id )"> <span class="glyphicon glyphicon-trash"></span> Delete </button> </td> </tr> </table> </div> <div class="col-md-12" ng-show="filteredItems == 0"> <div class="col-md-12"> <h4>No serviços found</h4> </div> </div> <div class="col-md-12" ng-show="filteredItems > 0"> <?php echo "OLA";?> {{ filteredItems}} <div pagination="" page="currentPage" on-select-page="setPage(page)" boundary-links="true" total-items="filteredItems" items-per-page="entryLimit" class="pagination-small" previous-text="&laquo;" next-text="&raquo;"></div> </div> </div> </div> </div> </div> </div> <script> var app = angular.module("sa_app", []); /*app.filter('startFrom', function() { return function(input,start) { if (input) { start = +start; //parse to int return input.slice(start); } return []; } }); */ app.filter('startFrom', function() { return function(input, start) { if(input) { start = +start; //parse to int return input.slice(start); } return []; } }); app.controller("controller", function($scope, $http,$timeout) { $scope.btnName = "Insert"; $scope.insert = function() { if ($scope.nome == null) { alert("Insira o nome do Servico"); } else if ($scope.descricao == null) { alert("Insira a descricao"); } else if ($scope.quantidade == null) { alert("insira a quantidade"); } else if ($scope.Nome == null) { alert("insira a Nome da Empresa"); } else if ($scope.precosiva == null) { alert("insira a O Valor do Preço"); } else if ($scope.descontos == null) { alert("insira a O Valor do Desconto"); } else if ($scope.iva == null) { alert("insira a O Valor do IVA"); } else { $http.post( "servicos/insert.php", { 'nome': $scope.nome, 'descricao': $scope.descricao, 'quantidade': $scope.quantidade, 'Nome': $scope.Nome, 'precosiva': $scope.precosiva, 'descontos': $scope.descontos, 'iva': $scope.iva, 'btnName': $scope.btnName, 'id': $scope.id } ).success(function(data) { alert(data); $scope.nome = null; $scope.descricao = null; $scope.quantidade = null; $scope.Nome=null; $scope.precosiva = null; $scope.descontos = null; $scope.iva = null; $scope.btnName = "Insert"; $scope.show_data(); }); } } $scope.show_data = function() { $http.get("servicos/display.php") .success(function(data) { $scope.names = data; $scope.currentPage = 1; //current page $scope.entryLimit = 5; //max no of items to display in a page $scope.filteredItems = $scope.names.length; //Initially for no filter $scope.totalItems = $scope.names.length; }); } $scope.show_data1 = function() { $http.get("servicos/display1.php") .success(function(data) { $scope.names1 = data; }); } $scope.update_data = function(id,nome,descricao,quantidade,Nome,precoiva,descontos,iva) { $scope.id = id; $scope.nome = nome; $scope.descricao =descricao; $scope.quantidade = quantidade; $scope.Nome=Nome; $scope.precosiva = precoiva; $scope.descontos= descontos; $scope.iva = iva; $scope.btnName = "Update"; } $scope.setPage = function(pageNo) { $scope.currentPage = pageNo; }; $scope.filter = function() { $timeout(function() { $scope.filteredItems = $scope.filtered.length; }, 10); }; $scope.sort_by = function(predicate) { $scope.predicate = predicate; $scope.reverse = !$scope.reverse; }; $scope.delete_data = function(id) { if (confirm("Are you sure you want to delete?")) { $http.post("servicos/delete.php", { 'id': id }) .success(function(data) { // alert(data); $scope.show_data(); }); } else { return false; } } }); </script>
  9. Guilherme Luiz

    Requisição $http assincronica AngularJS

    Pessoal eu tenho uma seguinte requisição $http no angular //send data $scope.send = function(){ var manual = $("#origin_1").prop("checked"); var agenda = $("#origin_2").prop("checked"); var grupo = $("#origin_3").prop("checked"); var expressa = $("#origin_4").prop("checked"); var flash = $("#flash").prop("checked"); var modelo = $("#salvar_modelo").prop("checked"); var twoways = $("#2ways").prop("checked"); var rota = $("#rota").prop("checked"); var twoways_email = $("#2ways_email").val(); var twoways_url = $("#2ways_url").val(); var destinatario = $('#destManual').tagsinput('items'); var etiqueta = $("#etiquetas").tagsinput('items'); var campanha = $('#campaingName').val(); var remetente = $('#remetente_text').val(); var ddi = $("#pais").val(); var pais = $("#pais option:selected").text(); var texto = $("#smsText").val(); var programaData = $("#schedule_date").val(); var programaHora = $("#schedule_time").val(); var programaZone = $("#schedule_timezone option:selected").text(); swal({ title: 'Iniciar envio da campanha?', text: "Ao confirmar, o processo não poderá ser pausado e/ou cancelado", type: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Sim, iniciar!', cancelButtonText: 'Não, espere!', confirmButtonClass: 'btn btn-sweet btn-success', cancelButtonClass: 'btn btn-sweet btn-danger', padding: '20', buttonsStyling: false }).then(function () { swal( { title: 'Campanha iniciada!', text: "Sua campanha está sendo disparada. Não saia desta página enquanto processamos todos os dados.", showCancelButton: false, showConfirmButton: false, imageUrl: "https://smsfire.com.br/portal/includes/images/loader.gif", timer: 5000 } ), $http({ url: "/portal/includes/modules/sms/send-campaing.php", method: "POST", headers: {'Content-Type': 'application/json'}, data: { origem:[{ manual:manual, agenda:agenda, grupo:grupo, expressa:expressa } ], pais:pais, ddi:ddi, destinatario:destinatario, texto:texto, campanha:campanha, modelo:modelo, etiqueta:etiqueta, programa:[{ data:programaData, hora:programaHora, zone:programaZone } ], rota:rota, remetente:remetente, flash:flash, modelo:modelo, twoways:[{ ativa:twoways, email:twoways_email, url:twoways_url }] } }.then(function (response) { swal({ title:'Envio finalizado!', text:'O processamento da campanha foi concluído. Acesse o menu Estatísticas para obter detalhes', type: 'success' }) }).then(function (){ $timeout(function () { location.reload(); }, 3000); }) }, function (dismiss) { // dismiss can be 'cancel', 'overlay', // 'close', and 'timer' if (dismiss === 'cancel') { swal( 'Cancelado!', 'O processamento da campanha foi cancelado.', 'error' ) } }); }); O que ela faz? Emito um alert perguntando se posso processar a campanha. Usuario clica SIM e chamo o arquivo PHP para processar a requisição. Assim que a requisição for completada imprimo outro alert com timeout de 3seg e recarrego a pagina Está funcionando? Sim perfeitamente! Qual o problema? O tamanho da requisição! Essa chamada pode conter uma infinidade de dados que, talvez, demore mais que os 90 segundos de timeout que meu servidor tem no PHP para recuperar o response. O script, segue fazendo a requisição passados os 90segundos, mas ao tentar imprimir o response, tenho erro 500-timeout. O que estou precisando Realizar uma chamada assincronica, ou seja, deixar que o meu sistema continue rodando enquanto essa requisição $http fique rodando em background. Como tentei: No meu php tentei utilizar o session_write_close() porem isso faz com que as SESSIONS sejam deletadas e todo o meu processo de looping é dado como TRUE já que tenho condicionamentos baseado em alguns parametros da session. Desta forma funciona mas não da forma que preciso. Na propria requisição $http há algum parametro que eu possa indicar para que pelo JS seja compreensivel que a requisição é assincronica? Eu não consegui encontrar detalhes deste tipo na documentação do angular. Alguma sugestão?
  10. Estou fazendo iniciando um app com Ionic 3, e utilizando a API do google para geolocalização. Segui tutoriais e mesmo assim deu esse erro quando abro a página que deveria aparecer o mapa " Runtime Error Uncaught (in promise): TypeError: Cannot read property 'firstChild' of null " Já procurei em alguns lugares e não encontro solução, nenhuma funciona. To precisando de ajuda com esses mapinhas. HTML da página inicial... <ion-header> <ion-navbar> <ion-title> Teste </ion-title> </ion-navbar> </ion-header> <ion-content padding> <ion-list> <ion-item> Latitude: {{lat}} </ion-item> <ion-item> Longitude: {{lon}} </ion-item> </ion-list> <button (click)="openMap()">Mapa</button> </ion-content> .ts da página inicial: import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; import { Geolocation } from '@ionic-native/geolocation'; import { MapPage } from '../map/map'; @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { lat:any=0.0; lon:any=0.0; constructor(public navCtrl: NavController, public geolocation: Geolocation) { //[ .. outra parte do código .. ] this.geolocation.getCurrentPosition().then((resp) => { // resp.coords.latitude // resp.coords.longitude this.lat = resp.coords.latitude; this.lon = resp.coords.longitude; }).catch((error) => { console.log('Error getting location', error); }); let watch = this.geolocation.watchPosition(); watch.subscribe((data) => { // data can be a set of coordinates, or an error (if an error occurred). // data.coords.latitude // data.coords.longitude }); } openMap(){ this.navCtrl.push(MapPage); } } //[ .. outra parte do código .. ] //} HTML da página do mapa: <ion-header> <ion-navbar> <ion-title>map</ion-title> </ion-navbar> </ion-header> <ion-content padding> <div id="mapa" > </div> </ion-content> .ts da página do mapa: import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams, Platform } from 'ionic-angular'; import '../map/map'; import { Geolocation } from '@ionic-native/geolocation'; declare var google: any; /** * Generated class for the MapPage page. * * See https://ionicframework.com/docs/components/#navigation for more info on * Ionic pages and navigation. */ @IonicPage() @Component({ selector: 'page-map', templateUrl: 'map.html', }) export class MapPage { private initPage(){ let LatLng = new google.maps.LatLng(-22.913293, -43.688930); let mapOptions = { center: LatLng, zoom: 15, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true } let elemento = document.getElementById('mapa'); let mapa = new google.maps.Map(elemento, mapOptions); } //ionViewDidLoad() { // console.log('ionViewDidLoad MapPage'); //} constructor(public navCtrl: NavController, public navParams: NavParams, platform: Platform) { platform.ready().then(() =>{ this.initPage(); }, (err) => { console.log(err); }); } } E na index.html (só uma parte): <!--para o api do google maps .................................................................. --> <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com; script-src 'self' https://*.googleapis.com 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline';"> <title>Ionic App</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico"> <link rel="manifest" href="manifest.json"> <meta name="theme-color" content="#4e8ef7"> <!-- google maps .............................................................................. --> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?&sensor=false"></script> Talvez seja informação demais, mas, acho melhor que tenha mais do que menos.
  11. claudiojuniorfabiao

    Arquitetura para API REST

    Olá, pessoal! Estou planejando criar uma API RESTful, que retorna conteúdo somente em JSON e executa algumas tarefas de CRUD em entidades do meu domínio, para ser consumida por um cliente HTML usando AngularJS, mas estou com algumas dúvidas. Antes, quando estava recuperando todo o HTML do servidor, minha aplicação estava estruturada segundo à arquitetura MVC, todavia, agora, não sei se é proveitoso usar essa arquitetura na minha API. Se alguém tiver uma opinião de porquê usar ou não MVC, ou outra arquitetura e/ou exemplos de implementação, será de grande ajuda. Desde já obrigado.
  12. Estou com o seguinte problema, utilizo o laravel como framework e fpdf para gerar relatórios como também angularjs no front. Monto o dataset no laravel e paço o mesmo para a classe que extende o fpdf para gerar o relatório para mim, mas o download não acontece, os headers estão todos certos o conteúdo todo certo mas nada acontece.
  13. stromdh

    Envio de email com nodemailer

    Fala galera. Estou fazendo uma aplicação em angularjs e preciso enviar os dados de um formulário para o email do cliente. Não é preciso gravar em banco, só mandar o valor dos campos por email, pra isso estou tentando utilizar o nodemailer mas estou com algumas dúvidas. fiz a instalação do módulo no nodemailer, mas no console sempre aparece um erro informando que o nodemailer não está definido: a estrutura de pastas está assim: root index.html lib | angularjs js | controllers script.min.js email.js no arquivo email.js inseri o código: var nodemailer = require('nodemailer'); var transportador = nodemailer.createTransport({ service: 'gmail', auth: { user: 'logindocliente', pass: 'senhadocliente' } }); exports.send = function(){ var configuracoes = { from: 'Seu Nome <emaildoclientequeenvia>', to: 'Nome do Destinatário <emaildoclientequerecebe>', subject: 'Assunto do Email', text: 'Conteúdo do email em texto', html: '<h1>Conteúdo do email em HTML</h1>' }; transportador.sendMail(configuracoes, function(error, info){ if(error){ console.log(error); }else{ console.log('Email enviado ' + info.response); } }); } isso está em homologação. creio que posso estar chamando errado no form... não sei... se alguém puder dar uma dica de como arrumar a estrutura e fazer funcionar fico imensamente grato.
  14. flavionash

    Custom-url-scheme com Ionic

    Galera estou fazendo um app ionic que se comunica com outro app no dispositivo que é nativo através de applinks. Utilizei o plugin https://github.com/EddyVerbruggen/Custom-URL-scheme para fazer essa comunicação e deu tudo certo, apenas no retorno das informações pelo app da empresa de pagamentos eu consigo ver a url com o scheme do meu app pela function: function handleOpenURL(url) { console.log("received url: " + url); } O pro é que só consigo visualizar a url no index.html da minha aplicação e preciso desse retorno no meu controller onde começo a comunicação com o app da empresa de pagamentos, pois preciso pegar o retorno tratar e enviar para o meu banco de dados. Alguém pode me ajudar a resolver isso ?
  15. flavionash

    Applink Android com Ionic 1

    Olá pessoal, gostaria de ajuda de vocês com um problema, desenvolvi um aplicativo android utilizando ionic 1 com angulajs1 e preciso abrir outro app no meu device utilizando um botão no meu aplicativo e passar parâmetros nessa requisição, tentei fazer isto com o código abaixo mas não funciona. Alguém já fez isso ? window.open('app://payment?scheme=exe&key=DFJSOIHFD54654DFSDGDSF54654&amount=100');
  16. Olá, como posso pegar os últimos elementos de um array se ele não tem um tamanho fixo? O código deve mostrar esses elementos quando atingir o index[3]. Parece que não dá pra fazer com array.length - n. Vi que em Python existe [i:]. Tem algo similar em js? Exemplo: $scope.letrasNumeros = myService.getData(); console.log($scope.letrasNumeros); // ["A", "B", "C", "D", "1", "2", "3"] $scope.a = $scope.letrasNumeros[0]; $scope.b = $scope.letrasNumeros[1]; $scope.c = $scope.letrasNumeros[2]; $scope.d = $scope.letrasNumeros[3]; $scope.nums = $scope.letrasNumeros[4]; // aqui deve mostrar todos os números num $scope só
  17. Rafaela Lee

    O modelo não é do tipo número

    Ola, sou iniciante em angularJS. Estou com problemas no campo CPF, ele da a seguinte mensagem quando termino de preencher os dados: angular.js:14516 Error: [ngModel:numfmt] Expected `87576771909` to be a number http://errors.angularjs.org/1.6.3/ngModel/numfmt?p0=87576771909 E se eu coloco type="number" da esse erro assim que entro na página sem digitar nada: angular.js:14516 DOMException: Failed to read the 'selectionStart' property from 'HTMLInputElement': The input element's type ('number') does not support selection. O que pode ser? <div class="col-md-2"> <!-- CPF --> <div class="form-group" ng-class="{ 'has-error' : buscaMovimentacaoFormulario.txtCpf.$invalid && buscaMovimentacaoFormulario.txtCpf.$touched, 'has-success' : buscaMovimentacaoFormulario.txtCpf.$valid && buscaMovimentacaoFormulario.txtCpf.$touched }"> <label class="control-label" for="txtCpf"> <i ng-show="buscaMovimentacaoFormulario.txtCpf.$invalid && buscaMovimentacaoFormulario.txtCpf.$touched" class="fa fa-times-circle-o"></i> <i ng-show="buscaMovimentacaoFormulario.txtCpf.$valid && buscaMovimentacaoFormulario.txtCpf.$touched" class="fa fa-check"></i> <span translate="texto.txtCpf"></span> </label> <input ng-model="vm.pesquisa.cpf" ng-cpf id="txtCpf" name="txtCpf" type="text" class="form-control" ui-mask="999.999.999-99" ui-mask-placeholder ui-mask-placeholder-char="_" /> <div ng-messages="buscaMovimentacaoFormulario.txtCpf.$error" ng-show="buscaMovimentacaoFormulario.txtCpf.$touched"> <span class="help-block" ng-message="cpf" translate="validacao.vldCpfInvalido"></span> </div> </div>
  18. Henrique.antonio.buzin

    Scraping Angular Site

    Olá, Estou em um projeto de scraping e um dos sites é feito em angular, estou utilizando o Guzzle e o Symfony DomCrawler. Existe a possibilidade com esses ou outros de trazer o site com o valor processado pelo angular, ou "forçar um processamento"? Agradeço desde já.
  19. allenprado

    Requisição Post - AngularJS + PHP

    Boa Tarde Sou novo em desenvolvimento com AngularJS, estou com uma dificuldade em criar uma requisição POST simples com angular, pesquisei no google e fiz os tutoriais e não consegui. Alguem por gentileza poderia me postar como eu faria para fazer um requisição post para o PHP dos campos: EX: <input type=text name=nome/> <input type=text nome=email/> Se possível montar um exemplo explicando, Código HTML com os atributos do AngularJS o Json (explicando) e como o PHP receberia e armazenaria em variáveis ($nome e $email). Agradeço a ajuda!
  20. allenprado

    Rotas AngularJS

    Bom Dia Estou tentando criar os links para novas paginas criadas, porém cadastro as Rotas, Controllers e não funciona. Estou usando um templante Bootstrap + Angular JS. Falta alguma alteração? Lembrando que estou usando Templante Bootstrap, logo as paginas que vem com ele já estão funcionando. ====================================== Arquivo app.js (Rotas) ==================================================== var monarchApp = angular.module('monarchApp', ['ngRoute', 'ngAnimate']); // configure our routes monarchApp.config(function($routeProvider) { $routeProvider .when('/testes', { templateUrl : 'pages/teste.hbs', controller : 'testeController' }) }); monarchApp.controller('testeController', function($scope) { }); ====================================== Link Para chamada ==================================================== <a href="#testes" title="Form elements">Editar perfil</a> ==========================================================================================================
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.