add fake content to home zones
This commit is contained in:
parent
acf7018fe9
commit
6ef61bb2a5
|
|
@ -42,3 +42,61 @@ div#content .cell h2 {
|
|||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
div#content .cell.document h2 {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
div#content .cell.document iframe {
|
||||
border: none;
|
||||
}
|
||||
|
||||
div#content .cell.document > div {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
div#content .cell.document iframe {
|
||||
flex-grow: 2;
|
||||
}
|
||||
|
||||
div#content .cell.document ul {
|
||||
min-width: 15em;
|
||||
display: none; /* only displayed when on top */
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div#content .cell.document ul li {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
padding: 1ex;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div#content .cell.document ul li:hover {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
div#content .cell.document.top ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
div#content .cell.knowledgedb div,
|
||||
div#content .cell.contacts form,
|
||||
div#content .cell.qualif form {
|
||||
padding: 0 1em;
|
||||
}
|
||||
|
||||
div#content .cell.contacts form div,
|
||||
div#content .cell.qualif form div {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
div#content .cell form div.sep {
|
||||
height: 1px;
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
div#content .cell.qualif form button.done {
|
||||
position: absolute;
|
||||
bottom: 1ex;
|
||||
right: 1ex;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,15 +5,104 @@
|
|||
<div class="all">
|
||||
<div class="cell document top">
|
||||
<h2>{% trans 'Mails' %}</h2>
|
||||
<div>
|
||||
<div class="mails">
|
||||
<ul>
|
||||
<li>2 juillet, 14:43</li>
|
||||
<li>2 juillet, 14:50</li>
|
||||
<li>2 juillet, 14:55</li>
|
||||
<li>2 juillet, 15:02</li>
|
||||
<li>2 juillet, 15:04</li>
|
||||
<li>2 juillet, 15:05</li>
|
||||
</ul>
|
||||
</div>
|
||||
<iframe src="http://localhost/pdfjs/web/viewer-only.html">
|
||||
</iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cell knowledgedb">
|
||||
<h2>{% trans 'Knowledge Database' %}</h2>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, te duo tota liberavisse,
|
||||
vel appellantur vituperatoribus cu. Usu mollis fastidii
|
||||
electram no. Vim simul utamur ea. Ius melius dignissim
|
||||
an, eos et semper bonorum senserit. Eu nihil congue
|
||||
ignota per, ut vis wisi singulis.
|
||||
</p>
|
||||
<p>
|
||||
Ex eam delectus pertinacia, nullam mollis intellegam ea
|
||||
pri, pro iracundia definitionem id. Facilis
|
||||
necessitatibus at mei. Ius tota electram in, adhuc
|
||||
alienum voluptaria no pri. Purto elitr fabellas quo et,
|
||||
no amet partiendo deterruisset duo, pri ne stet modus
|
||||
consulatu.
|
||||
</p>
|
||||
<p>
|
||||
Vel ex tempor meliore phaedrum, ad omittam nominati
|
||||
explicari pri. Pro et hinc singulis, dolorem corrumpit
|
||||
neglegentur eu vix. Vivendo detraxit efficiendi at vis,
|
||||
possit regione intellegam et vel. Eu duo melius commune
|
||||
petentium, et vis adipiscing efficiendi accommodare,
|
||||
nec ei tractatos molestiae. Viderer reprehendunt te
|
||||
sit, vix id amet gloriatur definitiones, erant integre
|
||||
democritum quo ne. An pri solet audiam.
|
||||
</p>
|
||||
<p>
|
||||
Probo inermis propriae ei nec. Tantas soluta ei his. An
|
||||
nec sint dissentiet, ad sea choro munere viderer, quod
|
||||
case sadipscing eos ei. Facilis posidonium ius ea, has
|
||||
error neglegentur no, ea vide graeci essent qui. Ut his
|
||||
unum erat imperdiet, duo aperiam invenire interpretaris
|
||||
no, ius munere accusam ne.
|
||||
</p>
|
||||
<p>
|
||||
Usu ei libris praesent, per te omnes vidisse, utinam
|
||||
possim ne nam. Facilisi perpetua periculis ex cum, duo
|
||||
liber convenire ei, ex eum nominavi contentiones. Eos
|
||||
cu dictas iriure epicurei. No melius viderer deleniti
|
||||
has. An vim molestie gubergren, iusto consequat
|
||||
vulputate pro ne, eripuit denique at sea. At dolor
|
||||
aeterno instructior pro.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cell contacts">
|
||||
<h2>{% trans 'Contacts' %}</h2>
|
||||
|
||||
<form>
|
||||
<div>
|
||||
<label>{% trans 'Search:' %}</label>
|
||||
<input type="text" placeholder="{% trans 'Name, phone, etc.' %}"/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button>{% trans 'Create new contact' %}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="cell qualif">
|
||||
<h2>{% trans 'Qualification' %}</h2>
|
||||
<form>
|
||||
<div>
|
||||
<label>{% trans 'Fill new request:' %}</label>
|
||||
<select>
|
||||
<option>--</option>
|
||||
<option>{% trans 'Municipal Room Reservation' %}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="sep">
|
||||
</div>
|
||||
<div>
|
||||
<label>{% trans 'Object:' %}</label>
|
||||
<input type="text"/>
|
||||
</div>
|
||||
<div>
|
||||
<label>{% trans 'Tag:' %}</label>
|
||||
<input type="text"/>
|
||||
</div>
|
||||
<button class="done">{% trans 'Done' %}</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -22,6 +111,7 @@ $('div.cell h2').on('click', function() {
|
|||
$('div.cell').removeClass('top');
|
||||
$(this).parents('div.cell').addClass('top');
|
||||
});
|
||||
$('iframe').css('height', 'calc( ' + $('.document').height() + 'px - 3em)');
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
Loading…
Reference in New Issue