From: zuber <marek@stepniowski.com>
Date: Wed, 19 Aug 2009 11:52:09 +0000 (+0200)
Subject: Zdecydowanie lepsze wyświetlanie toolbara z przyciskami. Dodanie wszystkich przyciskó...
X-Git-Url: https://git.mdrn.pl/redakcja.git/commitdiff_plain/d8006182f05f235f38fd7ca1c74a808ffac71a31?ds=sidebyside
Zdecydowanie lepsze wyświetlanie toolbara z przyciskami. Dodanie wszystkich przycisków z Quanty (niektóre mogą jeszcze wstawiać złe tagi). Refs #8.
---
diff --git a/project/static/css/master.css b/project/static/css/master.css
index 66997a93..03bcd210 100644
--- a/project/static/css/master.css
+++ b/project/static/css/master.css
@@ -136,20 +136,52 @@ p {
border-bottom: 1px solid #AAA;
}
-#toolbar li {
+#toolbar {
+ overflow: hidden;
+ width: 400%;
+}
+
+#toolbar-tabs li {
+ font-size: 14px;
display: block;
float: left;
- margin: 0;
- padding: 0;
+ margin: 4px 4px 0 0;
+ padding: 2px 10px 0 10px;
border-left: 1px solid #EEE;
border-right: 1px solid #AAA;
+ margin-bottom: -1px;
+ border: 1px solid #AAA;
+ border-radius-topleft: 8px;
+ border-radius-topright: 8px;
+ -moz-border-radius-topleft: 8px;
+ -moz-border-radius-topright: 8px;
+ -webkit-border-top-left-radius: 8px;
+ -webkit-border-top-right-radius: 8px;
+}
+
+#toolbar-tabs li:hover, #toolbar-tabs li.active {
+ cursor: default;
+ background-color: #EEE;
+ border-bottom: 1px solid #EEE;
}
-#toolbar li p, #toolbar ol li {
- padding: 2px 10px;
+#toolbar-buttons {
+ background-color: #EEE;
}
-#toolbar li p:hover {
- cursor:pointer;
- background-color: #EEE;
-}
\ No newline at end of file
+#toolbar-buttons li {
+ display: block;
+ font-size: 12px;
+ padding: 1px 8px;
+ margin: 4px;
+ border-radius: 10px;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 8px;
+ float: left;
+}
+
+#toolbar-buttons li:hover {
+ background-color: #777;
+ color: #FFF;
+ cursor: default;
+}
diff --git a/project/templates/explorer/file_xml.html b/project/templates/explorer/file_xml.html
index 2d502cd9..ee332c33 100644
--- a/project/templates/explorer/file_xml.html
+++ b/project/templates/explorer/file_xml.html
@@ -48,13 +48,19 @@
$('#images').enableAutoscroll();
})
- $('#toolbar li p').click(function() {
- $('#toolbar ol:visible').hide();
- $(this).next('ol').show('fast');
+ // Toolbar
+ $('#toolbar-tabs li').click(function() {
+ var id = $(this).attr('p:button-list');
+ $('#toolbar-tabs li').removeClass('active');
+ $(this).addClass('active');
+ if (!$('#' + id).is(':visible')) {
+ $('#toolbar-buttons ol').not('#' + id).hide();
+ $('#' + id).show();
+ }
})
var keys = {};
- $('#toolbar ol li').each(function() {
+ $('#toolbar-buttons li').each(function() {
var tag = $(this).attr('p:tag');
var handler = function() {
var text = editor.selection();
@@ -90,20 +96,27 @@
{% block breadcrumbs %}<a href="{% url file_list %}">Platforma Redakcyjna</a> ⯠plik {{ hash }}{% endblock breadcrumbs %}
{% block maincontent %}
- <ol id="toolbar">
- <li>
- <p>NagÅówki</p>
- <ol style="display:none">
+ <div id="toolbar">
+ <ol id="toolbar-tabs">
+ <li p:button-list="naglowki">NagÅówki</li>
+ <li p:button-list="struktr">Struktr. i mastery</li>
+ <li p:button-list="dramat">Dramat wiersz.</li>
+ <li p:button-list="poczatkowe">Elementy poczÄ
tk.</li>
+ <li p:button-list="akapity">Akapity i dÅ. cyt.</li>
+ <li p:button-list="style">Style znakowe</li>
+ <li p:button-list="polecenia">Polecenia</li>
+ <li p:button-list="wersy">Wersy</li>
+ </ol>
+ <div style="clear: both; height: 0; width: 0"> </div>
+ <div id="toolbar-buttons">
+ <ol id="naglowki" style="display:none">
<li p:tag="czesc" p:key="65">czÄÅÄ/ksiÄga</li>
<li p:tag="rozdzial" p:key="83">rozdziaÅ</li>
<li p:tag="podrozdzial">podrozdziaÅ</li>
<li p:tag="srodtytul">ÅródtytuÅ</li>
<li p:tag="akt">akt</li>
</ol>
- </li>
- <li>
- <p>Struktr. i mastery</p>
- <ol style="display:none">
+ <ol id="struktr" style="display:none">
<li p:tag="utwor">tagi gÅówne</li>
<li p:tag="opowiadanie">opowiadanie</li>
<li p:tag="powiesc">powieÅÄ</li>
@@ -114,10 +127,7 @@
<li p:tag="liryka_lp">liryka/w. Åam</li>
<li p:tag="wywiad">wywiad</li>
</ol>
- </li>
- <li>
- <p>Dramat wiersz.</p>
- <ol style="display:none">
+ <ol id="dramat" style="display:none">
<li p:tag="wers_wciety">wers m. wciÄty</li>
<li p:tag="wers_cd">wers cd.</li>
<li p:tag="wers_wciety">wers wciÄty</li>
@@ -130,10 +140,7 @@
<li p:tag="didaskalia">didask.</li>
<li p:tag="akap">kwestioakap</li>
</ol>
- </li>
- <li>
- <p>Elementy poczÄ
tk.</p>
- <ol style="display:none">
+ <ol id="poczatkowe" style="display:none">
<li p:tag="autor">autor</li>
<li p:tag="tytul">tytuÅ</li>
<li p:tag="podtytul">podtytuÅ</li>
@@ -143,12 +150,41 @@
<li p:tag="motto_podpis">motto-podp.</li>
<li p:tag="dzielo_nadrzedne">dzieÅo nadrzÄdne</li>
</ol>
- </li>
- {# <li>Akapity i dÅ. cyt.</li> #}
- {# <li>Style znakowe</li> #}
-
- <div style="clear: both; height: 0; width: 0"> </div>
- </ol>
+ <ol id="akapity" style="display:none">
+ <li p:tag="akap">akapit</li>
+ <li p:tag="akap_cd">akap. cd.</li>
+ <li p:tag="akap_dialog">dialog</li>
+ <li p:tag="dlugi_cyt">dÅugi cyt.</li>
+ <li p:tag="poezja_cyt">dÅugi cyt. poet.</li>
+ </ol>
+ <ol id="style" style="display:none">
+ <li p:tag="wyroznienie">wyróżnienie</li>
+ <li p:tag="tytul_dziela">tytuÅ dzieÅa</li>
+ <li p:tag="slowo_obce">sÅowo obce</li>
+ <li p:tag="mat">matemat.</li>
+ <li p:tag="www">www</li>
+ <li p:tag="didaskalia">didaskalia wewn.</li>
+ <li p:tag="osoba">osoba</li>
+ <li p:tag="uwaga">uwaga</li>
+ <li p:tag="extra">extra</li>
+ </ol>
+ <ol id="polecenia" style="display:none">
+ <li p:tag="sekcja_swiatlo">sep. ÅwiatÅo</li>
+ <li p:tag="separator_asterysk">sep. asterysk</li>
+ <li p:tag="separator_linia">sep. linia</li>
+ <li p:tag="sekcja_swiatlo">zastÄpnik wersu</li>
+ </ol>
+ <ol id="wersy" style="display:none">
+ <li p:tag="strofa">strofa</li>
+ <li p:tag="strofa">strofa cd.</li>
+ <li p:tag="wers_akap">wers akap.</li>
+ <li p:tag="wers_wciety">wers wciÄty</li>
+ <li p:tag="wers_wciety">wers m. wciÄty</li>
+ <li p:tag="wers_cd">wers cd.</li>
+ </ol>
+ <div style="clear: both; height: 0; width: 0"> </div>
+ </div>
+ </div>
<form action="." method="post" accept-charset="utf-8">
<div id="panels">