More work on circulation dialog. Adding files and styles necessary to do drop-shadow...

Signed-off-by: Chris Cormack <crc@liblime.com>
Signed-off-by: Joshua Ferraro <jmf@liblime.com>

diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
index 8ed05d7..c35e9df 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
+++ b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
@@ -663,6 +663,9 @@ fieldset.rows .inputnote {
     padding: inherit;
     background: none;
 }
+.toptabs {
+       margin-top : 1em;
+}
 
 .toptabs .tabs-nav a {
     top: 0;
@@ -838,11 +841,6 @@ div.help {
        color : #990000;
 }
 
-div.warning {
-       background-color : #FFFFCC;
-       border-color : #990000;
-}
-
 .circmessage li {
        list-style : url(../../img/arrow-bullet.gif);
        margin-bottom : .2em;
@@ -867,10 +865,33 @@ div.first fieldset {
        margin-right : 0;
 }
 
-#circ_needsconfirmation {
-       border : 2px solid #900;
-       padding : .2em;
-       width : 50%;
-       margin : auto;
-       text-align : center;
-}
\ No newline at end of file
+.dialog {
+  width: 50%;
+  float:left;
+  background: url(../../img/dropshadow-alpha.png) no-repeat bottom right !important;
+  background: url(../../img/dropshadow.gif) no-repeat bottom right;
+  margin: 10px 0 0 10px !important;
+  margin: 10px 0 0 5px;
+  }
+
+.dialog div {
+  background: none !important;
+  background: url(../../img/dropshadow-mask.gif) no-repeat left top;
+  padding: 0 !important;
+  padding: 0 6px 6px 0;
+  }
+
+.dialog div.confirm {
+  background-color: #fff;
+  background : url(../../img/dialog-bg.gif) repeat-x left 20px !important;
+  font: 1em sans-serif;
+  border: 1px solid #bcbcbc;
+  padding: 4px !important;
+  margin: -6px 6px 6px -6px !important;
+  margin: 0;
+  text-align : center;
+  }
+  
+ div.confirm input {
+       border : 
+ }
\ No newline at end of file

diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/circ/circulation.tmpl b/koha-tmpl/intranet-tmpl/prog/en/modules/circ/circulation.tmpl
index 10f1182..75957df 100755 (executable)
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/circ/circulation.tmpl
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/circ/circulation.tmpl
@@ -34,7 +34,8 @@
 <!--  INITIAL BLOC : PARAMETERS & BORROWER INFO -->
 
 <!-- TMPL_IF NAME="NEEDSCONFIRMATION" -->
-<div id="circ_needsconfirmation">
+<div id="circ_needsconfirmation" class="dialog">
+<div><div class="confirm">
 <h3>Please Confirm Checkout</h3>
 
 <ul>
@@ -86,15 +87,15 @@
     <input type="hidden" name="month" value="<!-- TMPL_VAR name="month" -->" />
     <input type="hidden" name="year" value="<!-- TMPL_VAR name="year" -->" />
     <input type="hidden" name="branch" value="<!-- TMPL_VAR NAME="branch" -->" />
-    <input type="submit" value="Confirm Checkout" accesskey="y" />
+    <input type="submit" value="Yes, Check Out" accesskey="y" />
 </form>
 
 <form method="get" action="/cgi-bin/koha/circ/circulation.pl">
     <input type="hidden" name="borrowernumber" value="<!-- TMPL_VAR NAME="borrowernumber" -->" />
-    <input type="submit" value="Don't Checkout" accesskey="n" />
+    <input type="submit" value="No, Don't Check Out" accesskey="n" />
 </form>
 
-</div>
+</div></div></div>
 
 <!-- /TMPL_IF --> <!-- NEEDSCONFIRMATION -->
 
@@ -521,18 +522,32 @@ No patron matched <span class="ex"><!-- TMPL_VAR name="message" --></span>
                <!-- TMPL_ELSE -->
         <div id="circmessages" class="circmessage attention">
                <!-- /TMPL_IF -->
+               
                <h3><!-- TMPL_IF NAME="noissues" -->Cannot Check Out!<!-- TMPL_ELSE -->Attention:<!-- /TMPL_IF --></h3>
                <ul>
-                       <!--TMPL_IF Name="warndeparture"--><li><span class="circ-hlt">Expiration:</span> Patron card has expired or will expire soon.</li><!--/TMPL_IF-->
-            <!-- TMPL_IF NAME="gna" --><li class="blocker"><span class="circ-hlt">Address:</span> Patron's address in doubt</li><!-- /TMPL_IF -->
-            <!-- TMPL_IF NAME="lost" --><li class="blocker"><span class="circ-hlt">Lost: </span>Patron's card is lost</li><!-- /TMPL_IF -->
+               
+                       <!--TMPL_IF Name="warndeparture"-->
+                       <li><span class="circ-hlt">Expiration:</span> Patron card has expired or will expire soon.</li>
+                       <!--/TMPL_IF-->
+
+            <!-- TMPL_IF NAME="gna" -->
+                       <li class="blocker"><span class="circ-hlt">Address:</span> Patron's address in doubt</li>
+                       <!-- /TMPL_IF -->
+                       
+            <!-- TMPL_IF NAME="lost" -->
+                       <li class="blocker"><span class="circ-hlt">Lost: </span>Patron's card is lost</li>
+                       <!-- /TMPL_IF -->
+                       
             <!-- TMPL_IF NAME="dbarred" --><li class="blocker">
                <span class="circ-hlt"> Restricted:</span> Patron's account is restricted <a href="/cgi-bin/koha/members/setdebar.pl?borrowernumber=<!-- TMPL_VAR NAME="borrowernumber" -->&amp;cardnumber=<!-- TMPL_VAR NAME="cardnumber" -->&amp;destination=circ&amp;status=0">Lift restriction</a></li><!-- /TMPL_IF -->
+
                <!-- TMPL_IF name="odues" --><li><!-- TMPL_IF name="nonreturns" --><span class="circ-hlt">Overdues:</span> Patron has <span class="circ-hlt">ITEMS OVERDUE</span>. See highlighted items <a href="#checkouts">below</a><!-- /TMPL_IF --></li>
             <!-- /TMPL_IF -->
-        <!-- TMPL_IF NAME="charges" --><li><span class="circ-hlt">Fines:</span> Patron has 
-            <a href="/cgi-bin/koha/members/boraccount.pl?borrowernumber=<!-- TMPL_VAR name="borrowernumber" -->">Outstanding fines</a>.
-            Make <a href="/cgi-bin/koha/members/pay.pl?borrowernumber=<!-- TMPL_VAR name="borrowernumber" -->">Payment</a></li><!-- /TMPL_IF -->
+                       
+               <!-- TMPL_IF NAME="charges" -->
+                       <li><span class="circ-hlt">Fines:</span> Patron has  <a href="/cgi-bin/koha/members/boraccount.pl?borrowernumber=<!-- TMPL_VAR name="borrowernumber" -->">Outstanding fines</a>.
+            Make <a href="/cgi-bin/koha/members/pay.pl?borrowernumber=<!-- TMPL_VAR name="borrowernumber" -->">Payment</a></li>
+                       <!-- /TMPL_IF -->
 
                        </ul>
         </div>

diff --git a/koha-tmpl/intranet-tmpl/prog/img/dropshadow-alpha.png b/koha-tmpl/intranet-tmpl/prog/img/dropshadow-alpha.png
new file mode 100644 (file)
index 0000000..a2561df
Binary files /dev/null and b/koha-tmpl/intranet-tmpl/prog/img/dropshadow-alpha.png differ

diff --git a/koha-tmpl/intranet-tmpl/prog/img/dropshadow-mask.gif b/koha-tmpl/intranet-tmpl/prog/img/dropshadow-mask.gif
new file mode 100644 (file)
index 0000000..a0b9ed4
Binary files /dev/null and b/koha-tmpl/intranet-tmpl/prog/img/dropshadow-mask.gif differ

diff --git a/koha-tmpl/intranet-tmpl/prog/img/dropshadow.gif b/koha-tmpl/intranet-tmpl/prog/img/dropshadow.gif
new file mode 100644 (file)
index 0000000..af7f537
Binary files /dev/null and b/koha-tmpl/intranet-tmpl/prog/img/dropshadow.gif differ