Fixed issue #0002064 : Design tabs verticales
This commit is contained in:
Michael RICOIS
parent
286c6ca6cc
commit
36d02b458f
@ -7,6 +7,7 @@ class FieldsController extends Zend_Controller_Action
|
||||
public function indexAction()
|
||||
{
|
||||
$this->view->headLink()
|
||||
->appendStylesheet('/themes/default/styles/bootstrap.vertical-tabs.min.css')
|
||||
->appendStylesheet('/libs/tree-3.0.3/themes/default/style.css', 'all')
|
||||
->appendStylesheet('/libs/slider/css/bootstrap-slider.min.css', 'all')
|
||||
->appendStylesheet('/libs/daterangepicker/daterangepicker-bs3.css', 'all');
|
||||
|
||||
@ -1,117 +1,67 @@
|
||||
<div class="panel-group" id="accordion">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" data-parent="#accordion" href="#collapse-1">Critères Entreprise</a>
|
||||
<button type="button" class="close glyphicon glyphicon-chevron-down" data-toggle="collapse"
|
||||
data-parent="#accordion" data-target="#collapse-1"></button>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse-1" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<div class="col-sm-3"> <!-- required for floating -->
|
||||
<!-- Nav tabs -->
|
||||
<ul class="nav nav-tabs tabs-left"><!-- 'tabs-right' for right tabs -->
|
||||
<li class="active"><a href="#tabs-1" data-toggle="tab">Critères Entreprise</a></li>
|
||||
<li><a href="#tabs-2" data-toggle="tab">Situation Économique</a></li>
|
||||
<li><a href="#tabs-3" data-toggle="tab">Secteur Géographique</a></li>
|
||||
<li><a href="#tabs-4" data-toggle="tab">Situation Juridique</a></li>
|
||||
<li><a href="#tabs-5" data-toggle="tab">Situation Financière</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="entreprise">
|
||||
<?php if ( count($this->FieldsEntreprise)>0 ) {?>
|
||||
<?php foreach ( $this->FieldsEntreprise as $key => $params ) {?>
|
||||
<?=$this->Field($key)?>
|
||||
<?php }?>
|
||||
<?php }?>
|
||||
</div>
|
||||
<div class="col-sm-9">
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
|
||||
<div class="tab-pane active" id="tabs-1">
|
||||
<div id="entreprise">
|
||||
<?php if ( count($this->FieldsEntreprise)>0 ) {?>
|
||||
<?php foreach ( $this->FieldsEntreprise as $key => $params ) {?>
|
||||
<?=$this->Field($key)?>
|
||||
<?php }?>
|
||||
<?php }?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane active" id="tabs-2">
|
||||
<div id="economique">
|
||||
<?php if ( count($this->FieldsEconomique)>0 ) {?>
|
||||
<?php foreach ( $this->FieldsEconomique as $key => $params ) {?>
|
||||
<?=$this->Field($key)?>
|
||||
<?php }?>
|
||||
<?php }?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane active" id="tabs-3">
|
||||
<div id="geographique">
|
||||
<?php if ( count($this->FieldsGeographique)>0 ) {?>
|
||||
<?php foreach ( $this->FieldsGeographique as $key => $params ) {?>
|
||||
<?=$this->Field($key)?>
|
||||
<?php }?>
|
||||
<?php }?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane active" id="tabs-4">
|
||||
<div id="juridique">
|
||||
<?php if ( count($this->FieldsJuridique)>0 ) {?>
|
||||
<?php foreach ( $this->FieldsJuridique as $key => $params ) {?>
|
||||
<?=$this->Field($key)?>
|
||||
<?php }?>
|
||||
<?php }?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane active" id="tabs-5">
|
||||
<div id="financiere">
|
||||
<?php if ( count($this->FieldsFinancier)>0 ) {?>
|
||||
<?php foreach ( $this->FieldsFinancier as $key => $params ) {?>
|
||||
<?=$this->Field($key)?>
|
||||
<?php }?>
|
||||
<?php }?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" data-parent="#accordion" href="#collapse-2">Situation Économique</a>
|
||||
<button type="button" class="close glyphicon glyphicon-chevron-down" data-toggle="collapse"
|
||||
data-parent="#accordion" data-target="#collapse-2"></button>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse-2" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
|
||||
<div id="economique">
|
||||
<?php if ( count($this->FieldsEconomique)>0 ) {?>
|
||||
<?php foreach ( $this->FieldsEconomique as $key => $params ) {?>
|
||||
<?=$this->Field($key)?>
|
||||
<?php }?>
|
||||
<?php }?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" data-parent="#accordion" href="#collapse-3">Secteur Géographique</a>
|
||||
<button type="button" class="close glyphicon glyphicon-chevron-down" data-toggle="collapse"
|
||||
data-parent="#accordion" data-target="#collapse-3"></button>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse-3" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
|
||||
<div id="geographique">
|
||||
<?php if ( count($this->FieldsGeographique)>0 ) {?>
|
||||
<?php foreach ( $this->FieldsGeographique as $key => $params ) {?>
|
||||
<?=$this->Field($key)?>
|
||||
<?php }?>
|
||||
<?php }?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" data-parent="#accordion" href="#collapse-4">Situation Juridique</a>
|
||||
<button type="button" class="close glyphicon glyphicon-chevron-down" data-toggle="collapse"
|
||||
data-parent="#accordion" data-target="#collapse-4"></button>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse-4" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
|
||||
<div id="juridique">
|
||||
<?php if ( count($this->FieldsJuridique)>0 ) {?>
|
||||
<?php foreach ( $this->FieldsJuridique as $key => $params ) {?>
|
||||
<?=$this->Field($key)?>
|
||||
<?php }?>
|
||||
<?php }?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" data-parent="#accordion" href="#collapse-5">Situation Financière</a>
|
||||
<button type="button" class="close glyphicon glyphicon-chevron-down" data-toggle="collapse"
|
||||
data-parent="#accordion" data-target="#collapse-5"></button>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse-5" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
|
||||
<div id="financiere">
|
||||
<?php if ( count($this->FieldsFinancier)>0 ) {?>
|
||||
<?php foreach ( $this->FieldsFinancier as $key => $params ) {?>
|
||||
<?=$this->Field($key)?>
|
||||
<?php }?>
|
||||
<?php }?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
9
public/themes/default/styles/bootstrap.vertical-tabs.min.css
vendored
Normal file
9
public/themes/default/styles/bootstrap.vertical-tabs.min.css
vendored
Normal file
@ -0,0 +1,9 @@
|
||||
/*!
|
||||
* bootstrap-vertical-tabs - v1.1.0
|
||||
* https://dbtek.github.io/bootstrap-vertical-tabs
|
||||
* 2014-07-24
|
||||
* Copyright (c) 2014 İsmail Demirbilek
|
||||
* License: MIT
|
||||
*/
|
||||
|
||||
.tabs-left,.tabs-right{border-bottom:none;padding-top:2px}.tabs-left{border-right:1px solid #ddd}.tabs-right{border-left:1px solid #ddd}.tabs-left>li,.tabs-right>li{float:none;margin-bottom:2px}.tabs-left>li{margin-right:-1px}.tabs-right>li{margin-left:-1px}.tabs-left>li.active>a,.tabs-left>li.active>a:focus,.tabs-left>li.active>a:hover{border-bottom-color:#ddd;border-right-color:transparent}.tabs-right>li.active>a,.tabs-right>li.active>a:focus,.tabs-right>li.active>a:hover{border-bottom:1px solid #ddd;border-left-color:transparent}.tabs-left>li>a{border-radius:4px 0 0 4px;margin-right:0;display:block}.tabs-right>li>a{border-radius:0 4px 4px 0;margin-right:0}.sideways{margin-top:50px;border:none;position:relative}.sideways>li{height:20px;width:120px;margin-bottom:100px}.sideways>li>a{border-bottom:1px solid #ddd;border-right-color:transparent;text-align:center;border-radius:4px 4px 0 0}.sideways>li.active>a,.sideways>li.active>a:focus,.sideways>li.active>a:hover{border-bottom-color:transparent;border-right-color:#ddd;border-left-color:#ddd}.sideways.tabs-left{left:-50px}.sideways.tabs-right{right:-50px}.sideways.tabs-right>li{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.sideways.tabs-left>li{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
|
||||
Loading…
Reference in New Issue
Block a user