Ir para conteúdo
lucascal

Pra que usar class abstrata - PHP

Recommended Posts

Pra que a gente usa class abstrata, se, a gente "não precisa".

 

Por exemplo, o que eu faço assim:

 

<?php

abstract class Animal {
    //Atributos
    protected $peso, $idade, $membros;
    
    //Métodos
    abstract function locomover();
    abstract function alimentar();
    abstract function emitirSom();
    
    //Getters and Setters
    function getPeso() {
        return $this->peso;
    }

    function getIdade() {
        return $this->idade;
    }

    function getMembros() {
        return $this->membros;
    }

    function setPeso($peso) {
        $this->peso = $peso;
    }

    function setIdade($idade) {
        $this->idade = $idade;
    }

    function setMembros($membros) {
        $this->membros = $membros;
    }


}

 

<?php
require_once 'Animal.php';
class Mamifero extends Animal {
    //Atributos
    private $corPelo;
    
    
    //Métodos
    public function alimentar() {
        echo"<p>Mamando!</p>";
    }

    public function emitirSom() {
        echo "Som de mamífero!";
    }

    public function locomover() {
        echo"<p>Correndo!</p>";
    }
    //Métodos Getters and Setters
    
    function getCorPelo() {
        return $this->corPelo;
    }

    function setCorPelo($corPelo) {
        $this->corPelo = $corPelo;
    }
}
<?php
require_once 'Mamifero.php';
class Cachorro extends Mamifero {
    public function emitirSom() {
        echo"<p>Au!Au!Au!</p>";
    }
}

 

 

Pra que, usar a class abstrata, se eu poderia fazer o programa sem ela?

Compartilhar este post


Link para o post
Compartilhar em outros sites

é uma boa pergunta, mas, com ela, você saberá que métodos você precisa implementar para que seu código não dê problemas.

aqui você responde a maioria de suas dúvidas em relação a poo

 

 

Editado por Gabriel Heming
Remover quote desnecessário
  • +1 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado, esse curso mesmo que estou vendo! Mas meio que vi só uma vez essa aula, e não lembrei muito bem, mas obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara, acho que é a melhor didática que já vi.

Editado por Gabriel Heming
Remover quote desnecessário
  • +1 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Uma classe abstrata pode ser herdada e faz com que todas classes filhas tenham os métodos e definam os métodos abstratos independente da regra de negócio de cada classe mas mantendo o contrato.

 

Por exemplo:

  • Classe abstrata
<?php

abstract class Formater
{	
  protected $text;
  
  public function setText(string $text)
  {
    $this->text = $text;
  }
  
  abstract public function edit(); 
}

 

  • Classes herdeira
<?php

class Bold extends Formater
{
  public function edit()
  {
    return '<strong>' . $this->text . '</strong>';
  }
}
<?php

class Title extends Formater
{
  public function edit()
  {
    return '<h1>' . $this->text . '</h1>';
  }
}

Conclusão, uma classe abstrata serve também como um contrato semelhante à uma interface, só que é possível estender métodos e obriga as classes filhas à seguirem o contrato (criando os métodos definidos como abstratos).

Espero que os exemplos te ajude em algo.

[]s.

  • +1 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Uma classe abstrata ou interface funciona como um molde, e tem várias utilidades.

 

Digamos que você precise conectar ao banco de dados com MySQL. Criando um molde de uma classe abstrata primeiro, e criando a classe concreta MySQL depois que conecta ao banco, você permite que outras pessoas (ou você mesmo) criem classes concretas de conexão a Oracle, Postgree, etc.. que são classes concretas a partir de sua classe abstrata. Até dá para criar conexões falsas para servir de testes.

Compartilhar este post


Link para o post
Compartilhar em outros sites
6 minutos atrás, Kosonome disse:

Uma classe abstrata ou interface funciona como um molde, e tem várias utilidades.

 

Digamos que você precise conectar ao banco de dados com MySQL. Criando um molde de uma classe abstrata que conecta ao banco de dados primeiro, e criando a classe concreta MySQL depois, você permite que outras pessoas (ou você mesmo) criem classes concretas de conexão a Oracle, Postgree, etc.. que são classes concretas a partir de sua classe abstrata. Até dá para criar conexões falsas para servir de testes.

Infelizmente não é bem dessa forma. Você não precisa estender uma classe que efetue uma conexão com banco de dados.
Você teria uma classe que seria acoplada à classe que é responsável por conectar, mas mesmo assim não há motivos para essa classe acoplada ser abstrata para ser estendida por outros models.

Você apenas iria reutilizar métodos (select, insert, update e etc), você não tem o porque ser obrigado a ter um método especifico em todos os models.
Coisas e coisas...

Compartilhar este post


Link para o post
Compartilhar em outros sites
10 horas atrás, quimera disse:

é uma boa pergunta, mas, com ela, você saberá que métodos você precisa implementar para que seu código não dê problemas.

É exatamente isso, mas só para dar uma estendida na sua curta resposta...
Uma classe abstrata é usada como uma interface, a diferença é que você pode estender métodos.

 

# não mesclou

Compartilhar este post


Link para o post
Compartilhar em outros sites
1 minuto atrás, jamesbond disse:

Infelizmente não é bem dessa forma. Você não precisa estender uma classe que efetue uma conexão com banco de dados.
Você teria uma classe que seria acoplada à classe que é responsável por conectar, mas mesmo assim não há motivos para essa classe ser abstrata.

Corrigido, não era isso que queria ter escrito, rs..

  • +1 1

Compartilhar este post


Link para o post
Compartilhar em outros sites
6 minutos atrás, Kosonome disse:

Corrigido, não era isso que queria ter escrito, rs..

Relaxa amigo, errando que se aprende :tounge_wink:.
Eu fiz questão de te responder, pois eu já cometi esses erros que você citou, diversas outras pessoas já cometeram e ainda cometem.
Mas foi errando que eu consegui ser corrigido pelo @Williams Duarte.

[]s.

Compartilhar este post


Link para o post
Compartilhar em outros sites
18 horas atrás, lucascal disse:

Pra que a gente usa class abstrata, se, a gente "não precisa".

 

Se você não precisa dela e está usando, está implementando errado.

 

Entenda a classe abstrata como a mescla entre uma classe concreta e uma interface.

 

Em uma interface, por exemplo, todos os métodos são públicos e abstratos, já em uma classe concreta, você não pode ter métodos abstratos. Mesclando ambas as classes, você possui uma classe que pode possuir métodos concretos e métodos abstratos, podendo ser, além de public, protected.

 

18 horas atrás, lucascal disse:

Pra que, usar a class abstrata, se eu poderia fazer o programa sem ela?

 

A primeira grande vantagem é reutilização de código entre um grupo de objetos do mesmo tipo. Visto que uma classe abstrata não pode ser instanciada, o objeto acaba contendo apenas código em comum entre as classes especializadas.
 

A segunda vantagem, é a utilização como contrato (interface) e o uso do polimorfismo.

 

O exemplo mais famoso é o de conta bancária (classes: Conta, ContaCorrente e ContaPoupança). Aonde a classe Conta é abstrata implementando todos os métodos em comum de todas as contas. Já, as demais classes (que são concretas), implementam o que é de particularidade própria.

  • +1 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Como o Gabriel disse, sua implementação usando classes abstratas, está equivocada!

 

Classes abstratas faz com que você deixe seu código mais coeso e, com baixo acoplamento.

 

Um exemplo de uso na vida real, você pode ter uma classe abstrata "RepositoryAbstract" contendo todos os métodos de manipulação de banco de dados "CRUD" etc, que é comum as demais classes, assim que seu sistema for crescendo.

Através de outra Repository, você estende a  classe abstrata contendo todos os métodos.

 

class UserRepository extends RepositoryAbstract {

}

class PostRepository extends RepositoryAbstract {

}

class AddressRepository extends RepositoryAbstract {

}

Quando você estudar inversão de dependência as coisas ficaram mais claras.
Do mais é estudar mesmo, não tem subjetividade.

  • +1 1
  • -1 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

É importante notar que abstração não tem nada a ver com classes abstratas da linguagem A ou B e pode ser utilizada em qualquer linguagem e até na vida, podemos usar abstração até com uma classe concreta, com JavaScript, etc.

Dito isso, ao pensarmos em abstração, logo a vida nos mostra que é a maior programadora de todos os tempos, notou que seres humanos são um tanto diferentes fisicamente? nos somos a aplicação concreta da abstração, por isso todos os seres são obrigados a comer e beber água para sobreviver, porque na classe abstrata da vida tinha os métodos abstratos comer e beber e outros concretos que são os que nosso corpo faz em segundo plano, mas a vida não fez isso separadamente para cada um, ela criou apenas um ser abstrato e fez com que outros se derivassem dele, de nossos pais até o primeiro.

 

Entenda que comer e beber são métodos abstratos que a vida delegou para o ser humano fazer sozinho, mas ela implementou suas próprias coisas concretas dentro dessa classe abstrata, por exemplo, não precisamos fazer nada para o coração bater, ele bate sozinho, isso é uma implementação concreta dentro de uma classe abstrata.

 

Tendo isso em mente, uma das coisas mais brilhantes que podemos fazer com classes abstratas é a aplicação do conceito DRY (Don't Repeat Yourself), isso quer dizer que em uma classe abstrata podemos fazer coisas que serão usadas por outras classes sem precisar que elas mesmas façam.

abstract class Humano
{
    public function __construct()
    {
        $this->baterCoracao();
    }
    
    private function baterCoracao()
    {
        // Isso é privado, faz sozinho
        // é tanto que para concertar é preciso cortar e invadir
    }
    
    abstract public function beberAgua();
    
    abstract public function comer();
}

class Lucas extends Humano
{
    public function beberAgua()
    {
        // Beba água se não morre
    }
    
    public function comer()
    {
        // coma se não morre
    }
}

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora


  • Conteúdo Similar

    • Por wilsonguns
      Boa noite,
       
      Venho estudando o desenvolvimento de aplicações PHP através de servidor web local, porém estou a procura de um serviço no qual posso publicar a aplicações web PHP.
      Que tipo de serviço devo utilizar? 
      O serviço seria daqueles que publicam sites ou do tipo computação em nuvem onde posso instalar e configurar servidores como se estivessem em meu disco local?
    • Por lucasnabeto
      pessoal, eu to querendo aprender algumas linguagens novas como php e python, mas só encontro livros publicados há muitos anos atrás... alguém poderia me indicar algum livro q seja bom pra essas 2 linguagens? de preferência livros q mostrem o básico, mas q tbm abrangem um bom conhecimento (intermediário, avançado) dessas linguagens
       
      além dessas 2 linguagens, gostaria de saber tbm uma recomendação de livro de asp.net... esse já possuo algum conhecimento, então seria apenas pra me manter atualizado
       
      obrigado
    • Por lucianfpaula
      Olá meu amigos, tenho uma duvida de principiante, estou com admin que não consegue abrir paginas através dos links, fica apresentando um mensagem como está na imagem, o que poderia ser ?
       

    • Por robertoPedro
      Gostaria muito de fazer uma barra de porcentagem no meu sistema, mas não encontrei algum exemplo. Alquém sabe uma maneira fácil de fazer?
      Se não for muito abuso, teria como fazer uma barra circular tipo a da foto:

    • Por robertoPedro
       
      Estava tentando utilizar um código já pronto, mas a parte de drag-n-drop de javascript não está funcionando. Tem como arrumar? Desculpe não tenho muitos conhecimentos sobre o assunto, porém queria muito fazer com que esse código funciona-se na minha máquina.
      <!DOCTYPE html> <html dir="ltr" lang="pt-BR"> <head> <meta charset="UTF-8" /> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script> $(function () { var kanbanCol = $('.panel-body'); kanbanCol.css('max-height', (window.innerHeight - 150) + 'px'); var kanbanColCount = parseInt(kanbanCol.length); $('.container-fluid').css('min-width', (kanbanColCount * 350) + 'px'); draggableInit(); $('.panel-heading').click(function() { var $panelBody = $(this).parent().children('.panel-body'); $panelBody.slideToggle(); }); }); function draggableInit() { var sourceId; $('[draggable=true]').bind('dragstart', function (event) { sourceId = $(this).parent().attr('id'); event.originalEvent.dataTransfer.setData("text/plain", event.target.getAttribute('id')); }); $('.panel-body').bind('dragover', function (event) { event.preventDefault(); }); $('.panel-body').bind('drop', function (event) { var children = $(this).children(); var targetId = children.attr('id'); if (sourceId != targetId) { var elementId = event.originalEvent.dataTransfer.getData("text/plain"); $('#processing-modal').modal('toggle'); //before post // Post data setTimeout(function () { var element = document.getElementById(elementId); children.prepend(element); $('#processing-modal').modal('toggle'); // after post }, 1000); } event.preventDefault(); }); } </script> <style><?php include 'estilo.css'; ?></style> </head> <body> <div class="container-fluid"> <div id="sortableKanbanBoards" class="row"> <!--sütun başlangıç--> <div class="panel panel-primary kanban-col"> <div class="panel-heading"> TODO <i class="fa fa-2x fa-plus-circle pull-right"></i> </div> <div class="panel-body"> <div id="TODO" class="kanban-centered"> <article class="kanban-entry grab" id="item1" draggable="true"> <div class="kanban-entry-inner"> <div class="kanban-label"> <h2><a href="#">Art Ramadani</a> <span>posted a status update</span></h2> <p>Tolerably earnestly middleton extremely distrusts she boy now not. Add and offered prepare how cordial two promise. Greatly who affixed suppose but enquire compact prepare all put. Added forth chief trees but rooms think may.</p> </div> </div> </article> <article class="kanban-entry grab" draggable="true"> <div class="kanban-entry-inner"> <div class="kanban-label"> <h2><a href="#">Job Meeting</a></h2> <p>You have a meeting at <strong>Laborator Office</strong> Today.</p> </div> </div> </article> <article class="kanban-entry grab" id="item3" draggable="true"> <div class="kanban-entry-inner"> <div class="kanban-label"> <h2><a href="#">Arlind Nushi</a> <span>checked in at</span> <a href="#">Laborator</a></h2> <blockquote>Great place, feeling like in home.</blockquote> <div id="sample-checkin" class="map-checkin" style="height: 170px; width: 100%; position: relative; background-color: rgb(229, 227, 223); overflow: hidden; -webkit-transform: translateZ(0);"><div class="gm-style" style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; cursor: url(http://maps.gstatic.com/mapfiles/openhand_8_8.cur) 8 8, default; -webkit-transform-origin: 0px 0px; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);"><div style="-webkit-transform: translateZ(0); position: absolute; left: 0px; top: 0px; width: 100%; z-index: 200;"><div style="-webkit-transform: translateZ(0); position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;"></div></div><div style="-webkit-transform: translateZ(0); position: absolute; left: 0px; top: 0px; width: 100%; z-index: 201;"><div style="-webkit-transform: translateZ(0); position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;"></div><div style="-webkit-transform: translateZ(0); position: absolute; left: 0px; top: 0px; z-index: 103; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: -1;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><div style="width: 256px; height: 256px; overflow: hidden; -webkit-transform: translateZ(0); position: absolute; left: 72px; top: -176px;"><canvas draggable="false" height="256" width="256" style="-webkit-user-select: none; position: absolute; left: 0px; top: 0px; height: 256px; width: 256px;"></canvas></div><div style="width: 256px; height: 256px; overflow: hidden; -webkit-transform: translateZ(0); position: absolute; left: 72px; top: 80px;"></div><div style="width: 256px; height: 256px; overflow: hidden; -webkit-transform: translateZ(0); position: absolute; left: -184px; top: -176px;"></div><div style="width: 256px; height: 256px; overflow: hidden; -webkit-transform: translateZ(0); position: absolute; left: -184px; top: 80px;"></div><div style="width: 256px; height: 256px; overflow: hidden; -webkit-transform: translateZ(0); position: absolute; left: 328px; top: -176px;"></div><div style="width: 256px; height: 256px; overflow: hidden; -webkit-transform: translateZ(0); position: absolute; left: 328px; top: 80px;"></div></div></div></div></div><div style="-webkit-transform: translateZ(0); position: absolute; left: 0px; top: 0px; width: 100%; z-index: 202;"><div style="-webkit-transform: translateZ(0); position: absolute; left: 0px; top: 0px; z-index: 104; width: 100%;"></div><div style="-webkit-transform: translateZ(0); position: absolute; left: 0px; top: 0px; z-index: 105; width: 100%;"></div><div style="-webkit-transform: translateZ(0); position: absolute; left: 0px; top: 0px; z-index: 106; width: 100%;"></div></div><div style="-webkit-transform: translateZ(0); position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0); position: absolute; left: 72px; top: -176px;"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0); position: absolute; left: 72px; top: 80px;"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0); position: absolute; left: -184px; top: -176px;"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0); position: absolute; left: -184px; top: 80px;"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0); position: absolute; left: 328px; top: -176px;"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0); position: absolute; left: 328px; top: 80px;"></div></div></div></div><div style="position: absolute; z-index: 0; left: 0px; top: 0px;"><div style="overflow: hidden; width: 431px; height: 170px;"><img src="http://maps.googleapis.com/maps/api/js/StaticMapService.GetMapImage?1m2&1i701363&2i1636267&2e1&3u14&4m2&1u431&2u170&5m4&1e0&5spt-BR&6sus&10b1&token=8503" style="width: 421px; height: 160px;"></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0); position: absolute; left: 72px; top: -176px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="http://mt0.googleapis.com/vt?lyrs=m@248313357&src=apiv3&hl=pt-BR&x=2740&y=6391&z=14&style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0);"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0); position: absolute; left: 72px; top: 80px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="http://mt0.googleapis.com/vt?lyrs=m@248254527&src=apiv3&hl=pt-BR&x=2740&y=6392&z=14&style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0);"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0); position: absolute; left: -184px; top: -176px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="http://mt1.googleapis.com/vt?lyrs=m@248282439&src=apiv3&hl=pt-BR&x=2739&y=6391&z=14&style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0);"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0); position: absolute; left: -184px; top: 80px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="http://mt1.googleapis.com/vt?lyrs=m@248011677&src=apiv3&hl=pt-BR&x=2739&y=6392&z=14&style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0);"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0); position: absolute; left: 328px; top: -176px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="http://mt1.googleapis.com/vt?lyrs=m@248301220&src=apiv3&hl=pt-BR&x=2741&y=6391&z=14&style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0);"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0); position: absolute; left: 328px; top: 80px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="http://mt1.googleapis.com/vt?lyrs=m@248301220&src=apiv3&hl=pt-BR&x=2741&y=6392&z=14&style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0);"></div></div></div></div></div><div style="margin-left: 5px; margin-right: 5px; z-index: 1000000; position: absolute; left: 0px; bottom: 0px;"><a target="_blank" href="http://maps.google.com/maps?ll=36.738888,-119.783013&z=14&t=m&hl=pt-BR&gl=US&mapclient=apiv3" title="Clique para ver esta área no Google Maps" style="position: static; overflow: visible; float: none; display: inline;"><div style="width: 62px; height: 26px; cursor: pointer;"><img src="http://maps.gstatic.com/mapfiles/api-3/images/google_white2.png" draggable="false" style="position: absolute; left: 0px; top: 0px; width: 62px; height: 26px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div></a></div><div class="gmnoprint" style="z-index: 1000001; position: absolute; right: 192px; bottom: 0px; width: 85px;"><div draggable="false" class="gm-style-cc" style="-webkit-user-select: none;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right;"><a style="color: rgb(68, 68, 68); text-decoration: none; cursor: pointer;">Dados do mapa</a><span style="display: none;">Dados cartográficos ©2014 Google</span></div></div></div><div style="background-color: white; padding: 15px 21px; border: 1px solid rgb(171, 171, 171); font-family: Roboto, Arial, sans-serif; color: rgb(34, 34, 34); -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; z-index: 10000002; display: none; width: 256px; height: 118px; position: absolute; left: 61px; top: 5px;"><div style="padding: 0px 0px 10px; font-size: 16px;">Dados do mapa</div><div style="font-size: 13px;">Dados cartográficos ©2014 Google</div><div style="width: 13px; height: 13px; overflow: hidden; position: absolute; opacity: 0.7; right: 12px; top: 12px; z-index: 10000; cursor: pointer;"><img src="http://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png" draggable="false" style="position: absolute; left: -2px; top: -336px; width: 59px; height: 492px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div></div><div class="gmnoscreen" style="position: absolute; right: 0px; bottom: 0px;"><div style="font-family: Roboto, Arial, sans-serif; font-size: 11px; color: rgb(68, 68, 68); direction: ltr; text-align: right; background-color: rgb(245, 245, 245);">Dados cartográficos ©2014 Google</div></div><div class="gmnoprint gm-style-cc" draggable="false" style="z-index: 1000001; position: absolute; -webkit-user-select: none; right: 113px; bottom: 0px;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right;"><a href="http://www.google.com/intl/pt-BR_US/help/terms_maps.html" target="_blank" style="text-decoration: none; cursor: pointer; color: rgb(68, 68, 68);">Termos de Uso</a></div></div><div draggable="false" class="gm-style-cc" style="-webkit-user-select: none; position: absolute; right: 0px; bottom: 0px;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right;"><a target="_new" title="Informar erros no mapa ou nas imagens para o Google" href="http://maps.google.com/maps?ll=36.738888,-119.783013&z=14&t=m&hl=pt-BR&gl=US&mapclient=apiv3&skstate=action:mps_dialog$apiref:1&output=classic" style="font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); text-decoration: none; position: relative;">Informar erro no mapa</a></div></div><div class="gmnoprint" draggable="false" controlwidth="32" controlheight="84" style="margin: 5px; -webkit-user-select: none; position: absolute; left: 0px; top: 0px;"><div controlwidth="32" controlheight="40" style="cursor: url(http://maps.gstatic.com/mapfiles/openhand_8_8.cur) 8 8, default; position: absolute; left: 0px; top: 0px;"><div style="width: 32px; height: 40px; overflow: hidden; position: absolute; left: 0px; top: 0px;"><img src="http://maps.gstatic.com/mapfiles/api-3/images/cb_scout2.png" draggable="false" style="position: absolute; left: -9px; top: -102px; width: 1028px; height: 214px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 32px; height: 40px; overflow: hidden; position: absolute; left: 0px; top: 0px; visibility: hidden;"><img src="http://maps.gstatic.com/mapfiles/api-3/images/cb_scout2.png" draggable="false" style="position: absolute; left: -107px; top: -102px; width: 1028px; height: 214px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 32px; height: 40px; overflow: hidden; position: absolute; left: 0px; top: 0px; visibility: hidden;"><img src="http://maps.gstatic.com/mapfiles/api-3/images/cb_scout2.png" draggable="false" style="position: absolute; left: -58px; top: -102px; width: 1028px; height: 214px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 32px; height: 40px; overflow: hidden; position: absolute; left: 0px; top: 0px; visibility: hidden;"><img src="http://maps.gstatic.com/mapfiles/api-3/images/cb_scout2.png" draggable="false" style="position: absolute; left: -205px; top: -102px; width: 1028px; height: 214px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div></div><div class="gmnoprint" controlwidth="0" controlheight="0" style="opacity: 0.6; display: none; position: absolute;"><div title="Girar o mapa em 90 graus" style="width: 22px; height: 22px; overflow: hidden; position: absolute; cursor: pointer;"><img src="http://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png" draggable="false" style="position: absolute; left: -38px; top: -360px; width: 59px; height: 492px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div></div><div class="gmnoprint" controlwidth="20" controlheight="39" style="position: absolute; left: 6px; top: 45px;"><div style="width: 20px; height: 39px; overflow: hidden; position: absolute;"><img src="http://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png" draggable="false" style="position: absolute; left: -39px; top: -401px; width: 59px; height: 492px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div title="Aumentar o zoom" style="position: absolute; left: 0px; top: 2px; width: 20px; height: 17px; cursor: pointer;"></div><div title="Diminuir o zoom" style="position: absolute; left: 0px; top: 19px; width: 20px; height: 17px; cursor: pointer;"></div></div></div><div class="gmnoprint" style="margin: 5px; z-index: 0; position: absolute; cursor: pointer; right: 0px; top: 0px;"><div class="gm-style-mtc" style="float: left;"><div draggable="false" title="Mostrar mapa de ruas" style="direction: ltr; overflow: hidden; text-align: center; position: relative; color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; -webkit-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 1px 6px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.14902); -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; min-width: 28px; font-weight: 500;">Mapa</div><div style="background-color: white; z-index: -1; padding-top: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.14902); border-bottom-color: rgba(0, 0, 0, 0.14902); border-left-color: rgba(0, 0, 0, 0.14902); -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; position: absolute; left: 0px; top: 19px; text-align: left; display: none;"><div draggable="false" title="Mostrar mapa de ruas com terreno" style="color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; -webkit-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 3px 8px 3px 5px; direction: ltr; text-align: left; white-space: nowrap;"><span role="checkbox" style="box-sizing: border-box; position: relative; line-height: 0; font-size: 0px; margin: 0px 5px 0px 0px; display: inline-block; background-color: rgb(255, 255, 255); border: 1px solid rgb(198, 198, 198); border-top-left-radius: 1px; border-top-right-radius: 1px; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; width: 13px; height: 13px; vertical-align: middle;"><div style="position: absolute; left: 1px; top: -2px; width: 13px; height: 11px; overflow: hidden; display: none;"><img src="http://maps.gstatic.com/mapfiles/mv/imgs8.png" draggable="false" style="position: absolute; left: -52px; top: -44px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 68px; height: 67px;"></div></span><label style="vertical-align: middle; cursor: pointer;">Terreno</label></div></div></div><div class="gm-style-mtc" style="float: left;"><div draggable="false" title="Mostrar imagens de satélite" style="direction: ltr; overflow: hidden; text-align: center; position: relative; color: rgb(86, 86, 86); font-family: Roboto, Arial, sans-serif; -webkit-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 1px 6px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; border-width: 1px 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(0, 0, 0, 0.14902); border-right-color: rgba(0, 0, 0, 0.14902); border-bottom-color: rgba(0, 0, 0, 0.14902); -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; min-width: 36px;">Satélite</div><div style="background-color: white; z-index: -1; padding-top: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.14902); border-bottom-color: rgba(0, 0, 0, 0.14902); border-left-color: rgba(0, 0, 0, 0.14902); -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; position: absolute; right: 0px; top: 19px; text-align: left; display: none;"><div draggable="false" title="Aumentar o zoom para a visualização de 45 graus" style="color: rgb(184, 184, 184); font-family: Roboto, Arial, sans-serif; -webkit-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 3px 8px 3px 5px; direction: ltr; text-align: left; white-space: nowrap; display: none;"><span role="checkbox" style="box-sizing: border-box; position: relative; line-height: 0; font-size: 0px; margin: 0px 5px 0px 0px; display: inline-block; background-color: rgb(255, 255, 255); border: 1px solid rgb(241, 241, 241); border-top-left-radius: 1px; border-top-right-radius: 1px; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; width: 13px; height: 13px; vertical-align: middle;"><div style="position: absolute; left: 1px; top: -2px; width: 13px; height: 11px; overflow: hidden; display: none;"><img src="http://maps.gstatic.com/mapfiles/mv/imgs8.png" draggable="false" style="position: absolute; left: -52px; top: -44px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 68px; height: 67px;"></div></span><label style="vertical-align: middle; cursor: pointer;">45°</label></div><div draggable="false" title="Mostrar imagens com nomes de rua" style="color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; -webkit-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 3px 8px 3px 5px; direction: ltr; text-align: left; white-space: nowrap;"><span role="checkbox" style="box-sizing: border-box; position: relative; line-height: 0; font-size: 0px; margin: 0px 5px 0px 0px; display: inline-block; background-color: rgb(255, 255, 255); border: 1px solid rgb(198, 198, 198); border-top-left-radius: 1px; border-top-right-radius: 1px; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; width: 13px; height: 13px; vertical-align: middle;"><div style="position: absolute; left: 1px; top: -2px; width: 13px; height: 11px; overflow: hidden;"><img src="http://maps.gstatic.com/mapfiles/mv/imgs8.png" draggable="false" style="position: absolute; left: -52px; top: -44px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 68px; height: 67px;"></div></span><label style="vertical-align: middle; cursor: pointer;">Marcadores</label></div></div></div></div></div></div> </div> </div> </article> <article class="kanban-entry grab" id="item4" draggable="true"> <div class="kanban-entry-inner"> <div class="kanban-label"> <h2><a href="#">Arber Nushi</a> <span>changed his</span> <a href="#">Profile Picture</a></h2> <blockquote>Pianoforte principles our unaffected not for astonished travelling are particular.</blockquote> <img src="http://themes.laborator.co/neon/assets/images/timeline-image-3.png" class="img-responsive img-rounded full-width"> </div> </div> </article> </div> </div> <div class="panel-footer"> <a href="#">Add a card...</a> </div> </div> <!--sütun bitiş--> <!--sütun başlangıç--> <div class="panel panel-primary kanban-col"> <div class="panel-heading"> DOING <i class="fa fa-2x fa-plus-circle pull-right"></i> </div> <div class="panel-body"> <div id="DOING" class="kanban-centered"> <article class="kanban-entry grab" id="item5" draggable="true"> <div class="kanban-entry-inner"> <div class="kanban-label"> <h2><a href="#">Art Ramadani</a> <span>posted a status update</span></h2> <p>Tolerably earnestly middleton extremely distrusts she boy now not. Add and offered prepare how cordial two promise. Greatly who affixed suppose but enquire compact prepare all put. Added forth chief trees but rooms think may.</p> </div> </div> </article> <article class="kanban-entry grab" id="item6" draggable="true"> <div class="kanban-entry-inner"> <div class="kanban-label"> <h2><a href="#">Job Meeting</a></h2> <p>You have a meeting at <strong>Laborator Office</strong> Today.</p> </div> </div> </article> </div> </div> <div class="panel-footer"> <a href="#">Add a card...</a> </div> </div> <!--sütun bitiş--> <!--sütun başlangıç--> <div class="panel panel-primary kanban-col"> <div class="panel-heading"> DONE <i class="fa fa-2x fa-plus-circle pull-right"></i> </div> <div class="panel-body"> <div id="DONE" class="kanban-centered"> <article class="kanban-entry grab" id="item5" draggable="true"> <div class="kanban-entry-inner"> <div class="kanban-label"> <h2><a href="#">Art Ramadani</a> <span>posted a status update</span></h2> <p>Tolerably earnestly middleton extremely distrusts she boy now not. Add and offered prepare how cordial two promise. Greatly who affixed suppose but enquire compact prepare all put. Added forth chief trees but rooms think may.</p> </div> </div> </article> <article class="kanban-entry grab" id="item6" draggable="true"> <div class="kanban-entry-inner"> <div class="kanban-label"> <h2><a href="#">Job Meeting</a></h2> <p>You have a meeting at <strong>Laborator Office</strong> Today.</p> </div> </div> </article> </div> </div> <div class="panel-footer"> <a href="#">Add a card...</a> </div> </div> </div> </div> <!-- Static Modal --> <div class="modal modal-static fade" id="processing-modal" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="text-center"> <i class="fa fa-refresh fa-5x fa-spin"></i> <h4>Processing...</h4> </div> </div> </div> </div> </div> </body> </html>  
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: