<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!-- Menu Lateral -->
<div id="wrapper">
<div class="overlay"></div>
<!-- Sidebar -->
<nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
<ul class="nav sidebar-nav">
<li class="sidebar-brand">
<a href="#">Dashboard</a>
</li>
<li>
<a href="#">Principal</a>
</li>
<li>
<a href="#">Sobre</a>
</li>
<li>
<a href="#">Eventos</a>
</li>
<li>
<a href="#">Equipe</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Trabalhos<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li class="dropdown-header">Dropdown heading</li>
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Contato</a>
</li>
<li>
<a href="#">RS</a>
</li>
</ul>
</nav>
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id="page-content-wrapper">
<button type="button" class="hamburger is-closed" data-toggle="offcanvas">
<span class="hamb-top"></span>
<span class="hamb-middle"></span>
<span class="hamb-bottom"></span>
</button>
<!-- INICIO BREADCRUMBS -->
<div class="container">
<div class="row">
<h2>Breadcrumbs</h2>
<div id="bc1" class="btn-group btn-breadcrumb">
<a href="#" class="btn btn-default"><i class="fa fa-home"></i></a>
<div class="btn btn-default">...</div>
<a href="#" class="btn btn-default"><div>label 1</div></a>
<a href="#" class="btn btn-default"><div>label 2</div></a>
<a href="#" class="btn btn-default"><div>label 3</div></a>
<a href="#" class="btn btn-default"><div>label 4</div></a>
<a href="#" class="btn btn-default"><div>label 5</div></a>
<a href="#" class="btn btn-default"><div>label 6</div></a>
</div>
</div>
</div>
<!-- FINAL BREADCRUMBS -->
<!-- Conteúdo Currículo -->
<div class="container">
<div class="page-header">
<h1>Cadastro de Currículo<span class="pull-right label label-default">!</span></h1>
</div>
<div class="col-md-12">
<div class="panel with-nav-tabs panel-info">
<div class="panel-heading">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1info" data-toggle="tab">Informações Pessoais</a></li>
<li><a href="#tab2info" data-toggle="tab">Complemento</a></li>
<li><a href="#tab3info" data-toggle="tab">Escolaridade</a></li>
<li><a href="#tab4info" data-toggle="tab">Idiomas</a></li>
<li><a href="#tab5info" data-toggle="tab">Referências</a></li>
<li><a href="#tab6info" data-toggle="tab">Cursos</a></li>
<li><a href="#tab7info" data-toggle="tab">Projetos Sociais</a></li>
<li><a href="#tab8info" data-toggle="tab">Informações Adicionais</a></li>
<li class="dropdown">
<a href="#" data-toggle="dropdown">Mais<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#tab9info" data-toggle="tab">Anexos</a></li>
<li><a href="#tab10info" data-toggle="tab">Visualizar</a></li>
</ul>
</li>
</ul>
</div>
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane fade in active" id="tab1info">
<form class="form-horizontal">
<fieldset>
<!-- Formulário Informações Pessoais -->
<legend>Informações Pessoais</legend>
<!-- Nome input-->
<div class="form-group">
<label class="col-md-4 control-label" for="nomeCompleto">Nome</label>
<div class="col-md-8">
<input id="nomeCompleto" name="nomeCompleto" type="text" placeholder="Nome Completo" class="form-control input-md" required="">
<span class="help-block">Insira seu nome Completo sem abreviaturas</span>
</div>
</div>
<!-- Gênero input Radios -->
<div class="form-group">
<label class="col-md-4 control-label" for="sexo">Gênero</label>
<div class="col-md-4">
<div class="radio">
<label for="sexo-0">
<input type="radio" name="sexo" id="sexo-0" value="0">
Masculino
</label>
</div>
<div class="radio">
<label for="sexo-1">
<input type="radio" name="sexo" id="sexo" value="1">
Feminino
</label>
</div>
</div>
</div>
<!-- Aniversário input-->
<div class="form-group">
<label class="col-md-4 control-label" for="dthNascimento">Data de Nascimento</label>
<div class="col-md-5">
<input id="dthNascimento" name="dthNascimento" type="text" placeholder="Data de Nascimento" class="form-control input-md" required="">
<span class="help-block">Insira a data do seu nascimento</span>
</div>
</div>
<!-- Logradouro input-->
<div class="form-group">
<label class="col-md-4 control-label" for="logradouro">Endereço</label>
<div class="col-md-6">
<input id="logradouro" name="logradouro" type="text" placeholder="Endereço" class="form-control input-md">
<span class="help-block">Insira somente o Logradouro</span>
</div>
</div>
<!-- Número input-->
<div class="form-group">
<label class="col-md-4 control-label" for="numero">Número</label>
<div class="col-md-4">
<input id="numero" name="numero" type="text" placeholder="Número" class="form-control input-md">
<span class="help-block">Insira o número do domicílio</span>
</div>
</div>
<!-- Bairro input-->
<div class="form-group">
<label class="col-md-4 control-label" for="bairro">Bairro</label>
<div class="col-md-6">
<input id="bairro" name="bairro" type="text" placeholder="Bairro / Distrito" class="form-control input-md">
<span class="help-block">Insira o Bairro ou Distrito do domicílio</span>
</div>
</div>
<!-- Complemento input-->
<div class="form-group">
<label class="col-md-4 control-label" for="complemento">Complemento</label>
<div class="col-md-8">
<input id="complemento" name="complemento" type="text" placeholder="Complemento" class="form-control input-md">
<span class="help-block">Insira informações adicionais ao endereço</span>
</div>
</div>
<!-- Search CEP input-->
<div class="form-group">
<label class="col-md-4 control-label" for="cep">CEP</label>
<div class="col-md-4">
<input id="cep" name="cep" type="search" placeholder="CEP / ZIPCODE" class="form-control input-md">
<p class="help-block">Insira o código de postagem do domicílio</p>
</div>
</div>
</fieldset>
</form>
</div>
<div class="tab-pane fade" id="tab2info">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="contacts">
<label>Contatos:</label>
<div class="form-group multiple-form-group input-group">
<div class="input-group-btn input-group-select">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="concept">Phone</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#phone">Phone</a></li>
<li><a href="#fax">Fax</a></li>
<li><a href="#skype">Skype</a></li>
<li><a href="#email">E-mail</a></li>
<li><a href="#www">Web</a></li>
</ul>
<input type="hidden" class="input-group-select-val" name="contacts['type'][]" value="phone">
</div>
<input type="text" name="contacts['value'][]" class="form-control">
<span class="input-group-btn">
<button type="button" class="btn btn-success btn-add">+</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab3info">Info 3</div>
<div class="tab-pane fade" id="tab4info">Info 4</div>
<div class="tab-pane fade" id="tab5info">Info 5</div>
<div class="tab-pane fade" id="tab6info">Info 6</div>
<div class="tab-pane fade" id="tab7info">Info 7</div>
<div class="tab-pane fade" id="tab8info">Info 8</div>
<div class="tab-pane fade" id="tab9info">
<div class="container">
<div class="panel panel-default">
<div class="panel-heading"><strong>Upload Arquivos</strong> <small>Currículo e Documentos</small></div>
<div class="panel-body">
<!-- Standar Form -->
<h4>Selecione arquivos de seu computador</h4>
<form action="" method="post" enctype="multipart/form-data" id="js-upload-form">
<div class="form-inline">
<div class="form-group">
<input type="file" name="files[]" id="js-upload-files" multiple>
</div>
<button type="submit" class="btn btn-sm btn-primary" id="js-upload-submit">Upload Arquivos</button>
</div>
</form>
<!-- Drop Zone -->
<h4>Arraste e solte os arquivos abaixo</h4>
<div class="upload-drop-zone" id="drop-zone">Somente arraste e solte os arquivos aqui
</div>
<!-- Progress Bar -->
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
<span class="sr-only">40% Complete</span>
</div>
</div>
<!-- Upload Finished -->
<div class="js-upload-finished">
<h3>Arquivos Processados</h3>
<div class="list-group">
<a href="#" class="list-group-item list-group-item-success"><span class="badge alert-success pull-right">OK</span>image-01.jpg</a>
<a href="#" class="list-group-item list-group-item-success"><span class="badge alert-success pull-right">Sucesso</span>image-02.jpg</a>
</div>
</div>
</div>
</div>
</div>
<!-- /container -->
</div>
<div class="tab-pane fade" id="tab10info">Info 10</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- FIM CONTEÚDO CURRÍCULO -->
</div>
<!-- /#page-content-wrapper -->
</div>
<!-- /#wrapper -->
/*** MENU CSS ***/
body {
position: relative;
overflow-x: hidden;
}
body,
html { height: 100%;}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background-color: transparent;}
/*-------------------------------*/
/* Wrappers */
/*-------------------------------*/
#wrapper {
padding-left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper.toggled {
padding-left: 220px;
}
#sidebar-wrapper {
z-index: 1000;
left: 220px;
width: 0;
height: 100%;
margin-left: -220px;
overflow-y: auto;
overflow-x: hidden;
background: #1a1a1a;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#sidebar-wrapper::-webkit-scrollbar {
display: none;
}
#wrapper.toggled #sidebar-wrapper {
width: 220px;
}
#page-content-wrapper {
width: 100%;
padding-top: 70px;
}
#wrapper.toggled #page-content-wrapper {
position: absolute;
margin-right: -220px;
}
/*-------------------------------*/
/* Sidebar nav styles */
/*-------------------------------*/
.sidebar-nav {
position: absolute;
top: 0;
width: 220px;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav li {
position: relative;
line-height: 20px;
display: inline-block;
width: 100%;
}
.sidebar-nav li:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 3px;
background-color: #1c1c1c;
-webkit-transition: width .2s ease-in;
-moz-transition: width .2s ease-in;
-ms-transition: width .2s ease-in;
transition: width .2s ease-in;
}
.sidebar-nav li:first-child a {
color: #fff;
background-color: #1a1a1a;
}
.sidebar-nav li:nth-child(2):before {
background-color: #ec1b5a;
}
.sidebar-nav li:nth-child(3):before {
background-color: #79aefe;
}
.sidebar-nav li:nth-child(4):before {
background-color: #314190;
}
.sidebar-nav li:nth-child(5):before {
background-color: #279636;
}
.sidebar-nav li:nth-child(6):before {
background-color: #7d5d81;
}
.sidebar-nav li:nth-child(7):before {
background-color: #ead24c;
}
.sidebar-nav li:nth-child(8):before {
background-color: #2d2366;
}
.sidebar-nav li:nth-child(9):before {
background-color: #35acdf;
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
width: 100%;
-webkit-transition: width .2s ease-in;
-moz-transition: width .2s ease-in;
-ms-transition: width .2s ease-in;
transition: width .2s ease-in;
}
.sidebar-nav li a {
display: block;
color: #ddd;
text-decoration: none;
padding: 10px 15px 10px 30px;
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
color: #fff;
text-decoration: none;
background-color: transparent;
}
.sidebar-nav > .sidebar-brand {
height: 65px;
font-size: 20px;
line-height: 44px;
}
.sidebar-nav .dropdown-menu {
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
background-color: #222;
box-shadow: none;
}
/*-------------------------------*/
/* Hamburger-Cross */
/*-------------------------------*/
.hamburger {
position: fixed;
top: 20px;
z-index: 999;
display: block;
width: 32px;
height: 32px;
margin-left: 15px;
background: transparent;
border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
outline: none;
}
.hamburger.is-closed:before {
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0,0,0);
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
opacity: 1;
display: block;
-webkit-transform: translate3d(-100px,0,0);
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
position: absolute;
left: 0;
height: 4px;
width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
background-color: #1a1a1a;
}
.hamburger.is-closed .hamb-top {
top: 5px;
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
top: 50%;
margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
bottom: 5px;
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-top {
top: 0;
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
bottom: 0;
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
background-color: #1a1a1a;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
top: 50%;
margin-top: -2px;
}
.hamburger.is-open .hamb-top {
-webkit-transform: rotate(45deg);
-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
-webkit-transform: rotate(-45deg);
-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0,0,0);
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
opacity: 1;
display: block;
-webkit-transform: translate3d(-100px,0,0);
-webkit-transition: all .35s ease-in-out;
}
/*-------------------------------*/
/* Overlay */
/*-------------------------------*/
.overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(250,250,250,.8);
z-index: 1;
}
/*** FINAL MENU CSS ***/
/********************************************************************/
/*** INICIO PAINEL DE INFORMAÇÕES ***/
.panel.with-nav-tabs .panel-heading{
padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
margin-bottom: -1px;
}
/********************************************************************/
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
color: #31708f;
background-color: #bce8f1;
border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
color: #31708f;
background-color: #fff;
border-color: #bce8f1;
border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
background-color: #d9edf7;
border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #31708f;
}
/*** FINAL PAINEL DE INFORMAÇÕES ***/
/*** INICIO DRAG AND DROP UPLOAD ***/
/* layout.css Style */
.upload-drop-zone {
height: 200px;
border-width: 2px;
margin-bottom: 20px;
}
/* skin.css Style*/
.upload-drop-zone {
color: #ccc;
border-style: dashed;
border-color: #ccc;
line-height: 200px;
text-align: center
}
.upload-drop-zone.drop {
color: #222;
border-color: #222;
}
/*** FINAL DRAG AND DROP UPLOAD ***/
/*** INICIO BREADCRUMBS ***/
/* Breadcrumbs from http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows */
.btn-breadcrumb .btn:not(:last-child):after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 10px solid white;
position: absolute;
top: 50%;
margin-top: -17px;
left: 100%;
z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 10px solid rgb(173, 173, 173);
position: absolute;
top: 50%;
margin-top: -17px;
margin-left: 1px;
left: 100%;
z-index: 3;
}
.btn-breadcrumb .btn {
padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
padding:6px 18px 6px 24px;
}
/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
border-left: 10px solid #adadad;
}
/* The responsive part */
.btn-breadcrumb > * > div {
/* With less: .text-overflow(); */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.btn-breadcrumb > *:nth-child(n+2) {
display:none;
}
/* === For phones =================================== */
@media (max-width: 767px) {
.btn-breadcrumb > *:nth-last-child(-n+2) {
display:block;
}
.btn-breadcrumb > * div {
max-width: 60px;
}
}
/* === For tablets ================================== */
@media (min-width: 768px) and (max-width:991px) {
.btn-breadcrumb > *:nth-last-child(-n+4) {
display:block;
}
.btn-breadcrumb > * div {
max-width: 100px;
}
}
/* === For desktops ================================== */
@media (min-width: 992px) {
.btn-breadcrumb > *:nth-last-child(-n+6) {
display:block;
}
.btn-breadcrumb > * div {
max-width: 170px;
}
}
/*** FINAL BREADCRUMBS ***/
/*** MENU JS ***/
$(document).ready(function () {
var trigger = $('.hamburger'),
overlay = $('.overlay'),
isClosed = false;
trigger.click(function () {
hamburger_cross();
});
function hamburger_cross() {
if (isClosed == true) {
overlay.hide();
trigger.removeClass('is-open');
trigger.addClass('is-closed');
isClosed = false;
} else {
overlay.show();
trigger.removeClass('is-closed');
trigger.addClass('is-open');
isClosed = true;
}
}
$('[data-toggle="offcanvas"]').click(function () {
$('#wrapper').toggleClass('toggled');
});
});
/*** FIM MENU JS ***/
/*** INICIO DRAG AND DROP UPLOAD ***/
+ function($) {
'use strict';
// UPLOAD CLASS DEFINITION
// ======================
var dropZone = document.getElementById('drop-zone');
var uploadForm = document.getElementById('js-upload-form');
var startUpload = function(files) {
console.log(files)
}
uploadForm.addEventListener('submit', function(e) {
var uploadFiles = document.getElementById('js-upload-files').files;
e.preventDefault()
startUpload(uploadFiles)
})
dropZone.ondrop = function(e) {
e.preventDefault();
this.className = 'upload-drop-zone';
startUpload(e.dataTransfer.files)
}
dropZone.ondragover = function() {
this.className = 'upload-drop-zone drop';
return false;
}
dropZone.ondragleave = function() {
this.className = 'upload-drop-zone';
return false;
}
}(jQuery);
/*** FINAL DRAG AND DROP UPLOAD ***/
/*** INICIO CONTATOS ***/
(function ($) {
$(function () {
var addFormGroup = function (event) {
event.preventDefault();
var $formGroup = $(this).closest('.form-group');
var $multipleFormGroup = $formGroup.closest('.multiple-form-group');
var $formGroupClone = $formGroup.clone();
$(this)
.toggleClass('btn-success btn-add btn-danger btn-remove')
.html('–');
$formGroupClone.find('input').val('');
$formGroupClone.find('.concept').text('Phone');
$formGroupClone.insertAfter($formGroup);
var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
if ($multipleFormGroup.data('max') <= countFormGroup($multipleFormGroup)) {
$lastFormGroupLast.find('.btn-add').attr('disabled', true);
}
};
var removeFormGroup = function (event) {
event.preventDefault();
var $formGroup = $(this).closest('.form-group');
var $multipleFormGroup = $formGroup.closest('.multiple-form-group');
var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
if ($multipleFormGroup.data('max') >= countFormGroup($multipleFormGroup)) {
$lastFormGroupLast.find('.btn-add').attr('disabled', false);
}
$formGroup.remove();
};
var selectFormGroup = function (event) {
event.preventDefault();
var $selectGroup = $(this).closest('.input-group-select');
var param = $(this).attr("href").replace("#","");
var concept = $(this).text();
$selectGroup.find('.concept').text(concept);
$selectGroup.find('.input-group-select-val').val(param);
}
var countFormGroup = function ($form) {
return $form.find('.form-group').length;
};
$(document).on('click', '.btn-add', addFormGroup);
$(document).on('click', '.btn-remove', removeFormGroup);
$(document).on('click', '.dropdown-menu a', selectFormGroup);
});
})(jQuery);
/*** FINAL CONTATOS ***/
/*** INICIO BREADCRUMBS ***/
$(document).ready(function(){
$(window).resize(function() {
ellipses1 = $("#bc1 :nth-child(2)")
if ($("#bc1 a:hidden").length >0) {ellipses1.show()} else {ellipses1.hide()}
ellipses2 = $("#bc2 :nth-child(2)")
if ($("#bc2 a:hidden").length >0) {ellipses2.show()} else {ellipses2.hide()}
})
});
/*** FINAL BREADCRUMBS ***/
