Giter Club home page Giter Club logo

site-adriana's Introduction

Welcome to {{ Analista TI }}! h1> https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSzK3Ny4_-marl_PbJmvR6NxdIfjeFkHEFXtQ&usqp=CAU div>

Welcome to {{ Analista TI }}! h1> Alterar títulobutton> div>

Welcome {{Matheus}} {{Matheus}}! h1>

Alterar títulobutton> div>

XHTML

{{ aritgo de TI }}

1 2 3 4 5

{{ artigo desenvolvimento e programação}}

Toggle navigation Menu 

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Cadastro <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="#">Setor</a></li>
                    <li><a href="#">classe</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
Adicionar
Código Descrição Ação
Editar Exluir
Salvar Cancelar

Informe os dados

descrição do setor 
                </div>
                <!-- /.box -->

            </form>
        </div>
    </div>
</div>
Toggle navigation Menu 
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Cadastro <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    //Alterado href="#" para [TILink]
                    <li><a [routerLink]="['/app-setor']">Setor</a></li>
                    <li><a href="#">Pesquisa</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->

//Incluí o router-outlet

Adicionar
Código Descrição Barra Setor Ação
Editar Exluir
Salvar Cancelar

Informe os dados

Descrição de sua atividade
                    <div class="form-group">
                        <input type="text" id="barra" name="barra" class="form-control" placeholder="Informe o código de barras" maxlength="14" [(ngModel)]="model.barra" #barra="ngModel" required/>
                        <div [hidden]="barra.valid || barra.pristine" class="alert alert-danger">Código de barras</div>
                    </div>

                    <div class="form-group">
                        <select class="form-control" id="setor" required [(ngModel)]="model.id_setor" name="setor" #setor="ngModel">
                                <option *ngFor="let setor of setores" [value]="setor.id"></option>
                        </select>
                        <div [hidden]="setor.valid || setor.pristine" class="alert alert-danger">Setor</div>
                    </div>

                </div>
                <!-- /.box -->

            </form>
        </div>
    </div>
</div>
Toggle navigation Menu 
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Cadastro <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a [routerLink]="['/app-setor']">Setor</a></li>
                    //Alterado href="#" para [TILink]
                    <li><a [routerLink]="['/app-produto']">artigos</a></li>
                    <li><a [routerLink]="['/app-produto']">Trabalhos</a></li>
                    <li><a [routerLink]="['/app-produto']">Projetos</a></li>


                </ul>
            </li>
        </ul>
    </div>
    <!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script> <script src="~/Scripts/jquery-2.1.1.min.js"></script> <script src="~/Scripts/bootstrap.js"></script> <script src="~/app/app.js"></script> <title>ExampleAngularJS</title> @RenderSection("JavascriptHeader", required: false)
  • Registration
@RenderBody() <title>CRUD AngularJS</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script> Nome

Email

Senha

<title>Angular2</title> <script src="../node_modules/core-js/client/shim.min.js"></script> <script src="../node_modules/zone.js/dist/zone.js"></script> <script src="../node_modules/reflect-metadata/Reflect.js"></script> <script src="../node_modules/systemjs/dist/system.src.js"></script> <script src="../systemjs.config.js"></script> <script> System.import('app').catch(function(err){ console.error(err); }); </script> Carregando...
Novo
Nome Email Telefone Deletar
{{c.nome}} {{c.email}} {{c.telefone}} Deletar

Welcome to {{ Analista TI }}! h1> https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSzK3Ny4_-marl_PbJmvR6NxdIfjeFkHEFXtQ&usqp=CAU div>

Welcome to {{ Analista TI }}! h1> Alterar títulobutton> div>

Welcome {{Matheus}} {{Matheus}}! h1>

Alterar títulobutton> div>

XHTML

{{ aritgo de TI }}

1 2 3 4 5

{{ artigo desenvolvimento e programação}}

Toggle navigation Menu 

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Cadastro <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="#">Setor</a></li>
                    <li><a href="#">classe</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
Adicionar
Código Descrição Ação
Editar Exluir
Salvar Cancelar

Informe os dados

descrição do setor 
                </div>
                <!-- /.box -->

            </form>
        </div>
    </div>
</div>
Toggle navigation Menu 
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Cadastro <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    //Alterado href="#" para [TILink]
                    <li><a [routerLink]="['/app-setor']">Setor</a></li>
                    <li><a href="#">Pesquisa</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->

//Incluí o router-outlet

Adicionar
Código Descrição Barra Setor Ação
Editar Exluir
Salvar Cancelar

Informe os dados

Descrição de sua atividade
                    <div class="form-group">
                        <input type="text" id="barra" name="barra" class="form-control" placeholder="Informe o código de barras" maxlength="14" [(ngModel)]="model.barra" #barra="ngModel" required/>
                        <div [hidden]="barra.valid || barra.pristine" class="alert alert-danger">Código de barras</div>
                    </div>

                    <div class="form-group">
                        <select class="form-control" id="setor" required [(ngModel)]="model.id_setor" name="setor" #setor="ngModel">
                                <option *ngFor="let setor of setores" [value]="setor.id"></option>
                        </select>
                        <div [hidden]="setor.valid || setor.pristine" class="alert alert-danger">Setor</div>
                    </div>

                </div>
                <!-- /.box -->

            </form>
        </div>
    </div>
</div>
Toggle navigation Menu 
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Cadastro <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a [routerLink]="['/app-setor']">Setor</a></li>
                    //Alterado href="#" para [TILink]
                    <li><a [routerLink]="['/app-produto']">artigos</a></li>
                    <li><a [routerLink]="['/app-produto']">Trabalhos</a></li>
                    <li><a [routerLink]="['/app-produto']">Projetos</a></li>


                </ul>
            </li>
        </ul>
    </div>
    <!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script> <script src="~/Scripts/jquery-2.1.1.min.js"></script> <script src="~/Scripts/bootstrap.js"></script> <script src="~/app/app.js"></script> <title>ExampleAngularJS</title> @RenderSection("JavascriptHeader", required: false)
  • Registration
@RenderBody() <title>CRUD AngularJS</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script> Nome

Email

Senha

<title>Angular2</title> <script src="../node_modules/core-js/client/shim.min.js"></script> <script src="../node_modules/zone.js/dist/zone.js"></script> <script src="../node_modules/reflect-metadata/Reflect.js"></script> <script src="../node_modules/systemjs/dist/system.src.js"></script> <script src="../systemjs.config.js"></script> <script> System.import('app').catch(function(err){ console.error(err); }); </script> Carregando...
Novo
Nome Email Telefone Deletar
{{c.nome}} {{c.email}} {{c.telefone}} Deletar

Welcome to {{ Analista TI }}! h1> https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSzK3Ny4_-marl_PbJmvR6NxdIfjeFkHEFXtQ&usqp=CAU div>

Welcome to {{ Analista TI }}! h1> Alterar títulobutton> div>

Welcome {{Matheus}} {{Matheus}}! h1>

Alterar títulobutton> div>

XHTML

{{ aritgo de TI }}

1 2 3 4 5

{{ artigo desenvolvimento e programação}}

Toggle navigation Menu 

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Cadastro <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="#">Setor</a></li>
                    <li><a href="#">classe</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
Adicionar
Código Descrição Ação
Editar Exluir
Salvar Cancelar

Informe os dados

descrição do setor 
                </div>
                <!-- /.box -->

            </form>
        </div>
    </div>
</div>
Toggle navigation Menu 
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Cadastro <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    //Alterado href="#" para [TILink]
                    <li><a [routerLink]="['/app-setor']">Setor</a></li>
                    <li><a href="#">Pesquisa</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->

//Incluí o router-outlet

Adicionar
Código Descrição Barra Setor Ação
Editar Exluir
Salvar Cancelar

Informe os dados

Descrição de sua atividade
                    <div class="form-group">
                        <input type="text" id="barra" name="barra" class="form-control" placeholder="Informe o código de barras" maxlength="14" [(ngModel)]="model.barra" #barra="ngModel" required/>
                        <div [hidden]="barra.valid || barra.pristine" class="alert alert-danger">Código de barras</div>
                    </div>

                    <div class="form-group">
                        <select class="form-control" id="setor" required [(ngModel)]="model.id_setor" name="setor" #setor="ngModel">
                                <option *ngFor="let setor of setores" [value]="setor.id"></option>
                        </select>
                        <div [hidden]="setor.valid || setor.pristine" class="alert alert-danger">Setor</div>
                    </div>

                </div>
                <!-- /.box -->

            </form>
        </div>
    </div>
</div>
Toggle navigation Menu 
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Cadastro <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a [routerLink]="['/app-setor']">Setor</a></li>
                    //Alterado href="#" para [TILink]
                    <li><a [routerLink]="['/app-produto']">artigos</a></li>
                    <li><a [routerLink]="['/app-produto']">Trabalhos</a></li>
                    <li><a [routerLink]="['/app-produto']">Projetos</a></li>


                </ul>
            </li>
        </ul>
    </div>
    <!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script> <script src="~/Scripts/jquery-2.1.1.min.js"></script> <script src="~/Scripts/bootstrap.js"></script> <script src="~/app/app.js"></script> <title>ExampleAngularJS</title> @RenderSection("JavascriptHeader", required: false)
  • Registration
@RenderBody() <title>CRUD AngularJS</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script> Nome

Email

Senha

<title>Angular2</title> <script src="../node_modules/core-js/client/shim.min.js"></script> <script src="../node_modules/zone.js/dist/zone.js"></script> <script src="../node_modules/reflect-metadata/Reflect.js"></script> <script src="../node_modules/systemjs/dist/system.src.js"></script> <script src="../systemjs.config.js"></script> <script> System.import('app').catch(function(err){ console.error(err); }); </script> Carregando...
Novo
Nome Email Telefone Deletar
{{c.nome}} {{c.email}} {{c.telefone}} Deletar

Data

Com a classe .date-mask

CPF

Com a classe .cpf-mask

CEP

Com a classe .cep-mask

Horas

Com a classe .time-mask

Data e hora

Com a classe .date-time-mask

Telefone

Com a classe .phone-mask

Telefone com DDD

Com a classe .phone-ddd-mask

Celulares de São Paulo

Com a classe .cel-sp-mask

Máscara Mista

Com a classe .mixed-mask

Apenas letras Apenas números Data Hora Campos genéricos de texto Telefone Email Moeda Utilizei o type=”tel”, pq em celulares renderiza melhor o teclado.

Input file

<title>Validação de contas bancárias</title> 
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link href="https://moip.com.br/docs/stylesheets/screen.css" rel="stylesheet" type="text/css" media="screen" />
<link href="https://moip.com.br/docs/stylesheets/print.css" rel="stylesheet" type="text/css" media="print" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

<script type="text/javascript" src="build/bank-account-validator.min.js"></script>
<script type="text/javascript"> $(document).ready(function() { $("#validate_bank_account").click(function() { Moip.BankAccount.validate({ bankNumber : $("#bank_number").val(), agencyNumber : $("#agency_number").val(), agencyCheckNumber : $("#agency_check_number").val(), accountNumber : $("#account_number").val(), accountCheckNumber : $("#account_check_number").val(), valid: function() { $("#success_message").removeClass('hide').fadeIn('slow'); $("#error_message").fadeOut(); }, invalid: function(data) { var errors = "Ocorreram os seguintes erros:
"; for(i in data.errors){ errors += "- " + data.errors[i].description + "
"; } $("#error_message").removeClass('hide').fadeIn('slow'); $("#error_message").html(errors); $("#success_message").fadeOut(); } }); }); }); </script> 
<div class="row">
  <h2 class="form-signin-heading" align="center">Bank Account Validator</h2>
  <hr>

  <div class="col-md-4">&nbsp;</div>

  <div class="col-md-4">

    <div id="success_message" class="alert alert-success hide">Conta Bancária válida</div>
    <div id="error_message" class="alert alert-danger hide"></div>

    <form class="form-signin">

      <div class="row">
        <div class="col-md-12">

          <label>Banco</label>
          <select id="bank_number" class="form-control">
            <option value="">Selecione o banco</option>
            <optgroup label="Principais bancos">
              <option value="001">BANCO DO BRASIL S.A.</option>
              <option value="237">BANCO BRADESCO S.A.</option>
              <option value="341">BANCO ITAÚ S.A.</option>
              <option value="104">CAIXA ECONOMICA FEDERAL</option>
              <option value="033">BANCO SANTANDER BANESPA S.A.</option>
              <option value="399">HSBC BANK BRASIL S.A.</option>
              <option value="745">BANCO CITIBANK S.A.</option>
            </optgroup>
          </select>
        </div>
      </div>

      <br/>

      <div class="row">
        <div class="col-md-5">
          <label>Agência</label>
          <input id="agency_number" placeholder="Exemplo: 0170" maxlength="5" type="text" class="form-control" />
        </div>
        <div class="col-md-4">
          <label>Dígito</label>
          <input id="agency_check_number" placeholder="Exemplo: 8" maxlength="2" type="text" class="form-control" />
        </div>
      </div>

      <br/>

      <div class="row">
        <div class="col-md-5">
          <label>Conta corrente</label>
          <input id="account_number" placeholder="Exemplo: 97845" maxlength="12" type="text" class="form-control" />
        </div>
        <div class="col-md-4">
          <label>Dígito</label>
          <input id="account_check_number" placeholder="Exemplo: 1" maxlength="2" type="text" class="form-control" />
        </div>
      </div>

      <br/>

      <input type="button" value="Validar conta bancária" id="validate_bank_account" class="btn btn-lg btn-primary btn-block"/>

    </form>

  </div>
</div>
<div class="col-md-4"></div>
<footer class="footer">
  <div class="container">
    <div class="text-muted pull-right">Powered by <b><a href="http://www.moip.com.br">Moip</a></b></div>
  </div>
</footer>
<div class="col-md-4"></div>
Filtrar por: Idade Cidade Formação
Criar Novo Usuário
<title>Restaurante</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> 
<script>
    angular.module("appRestaurante",[]);

    angular.module("appRestaurante").controller("cozinhaCtrl",function($scope) {

    });

    angular.module("appRestaurante").controller("recepcaoCtrl",function($scope) {


        $scope.clientes = [{nome: "Jorge"},
                           {nome: "Mateus"}];
        //Main functions__________________________________________
        $scope.adicionarCliente = function(cliente) {
            $scope.clientes.push(cliente.nome);
            console.log("action",$scope.clientes);

// delete $scope.$4; } });

        //Functions________________________________________________


</script>

Programação e Desenvolvimento

Matheus

<table class="table"  ng-controller="recepcaoCtrl">
    <thead>
    <tr>
        <th>Nome</th>
    </tr>

    </thead>
    <tbody>
    <tr ng-repeat="cliente in clientes">
        <td>
            {{cliente.nome}}
        </td>

    </tr>
    </tbody>
</table>

<h2>Adicionar</h2>

<form ng-controller="cozinhaCtrl">
    <h3> TI</h3>
    <div class="form-group">
        <input class="form-control"  placeholder="Nome"  ng-model="nomeComida">
    </div>
    <button type="submit" class="btn btn-primary">Adicionar conteudos</button>
</form>


<form ng-controller="recepcaoCtrl">
    <h3>Analista de sistemas</h3>
    <div class="form-group">
        <input class="form-control"  placeholder="Nome" ng-model="cliente.nome">
    </div>
    <button type="submit" class="btn btn-primary" ng-click="adicionarCliente(cliente)">Adicionar</button>
    {{Matheus}}
</form>

site-adriana's People

Contributors

analistadeperon avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.