bug 4391 fix a series of minor text styles and
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / acqui / basketgroup.tmpl
1 <!-- TMPL_INCLUDE NAME="doc-head-open.inc" -->
2 <title>Koha &rsaquo; Basket Grouping for <!-- TMPL_VAR name="booksellername" --></title>
3 <!-- TMPL_INCLUDE NAME="doc-head-close.inc" -->
4
5 <link rel="stylesheet" type="text/css" href="<!-- TMPL_VAR NAME="yuipath" -->/fonts/fonts-min.css" />
6 <script type="text/javascript" src="<!-- TMPL_VAR NAME="yuipath" -->/yahoo-dom-event/yahoo-dom-event.js"></script>
7 <script type="text/javascript" src="<!-- TMPL_VAR NAME="yuipath" -->/animation/animation-min.js"></script>
8 <script type="text/javascript" src="<!-- TMPL_VAR NAME="yuipath" -->/dragdrop/dragdrop-min.js"></script>
9 <script type="text/javascript" src="<!-- TMPL_VAR NAME="yuipath" -->/element/element-min.js"></script>
10 <script type="text/javascript" src="<!-- TMPL_VAR NAME="yuipath" -->/tabview/tabview-min.js"></script>
11 <script type="text/javascript" src="<!-- TMPL_VAR NAME='themelang' -->/js/acq.js"></script>
12 <link rel="stylesheet" type="text/css" href="<!-- TMPL_VAR NAME='yuipath' -->/tabview/assets/skins/sam/tabview.css" /> 
13  
14 <style type="text/css">
15 /*margin and padding on body element
16   can introduce errors in determining
17   element position and are not recommended;
18   we turn them off as a foundation for YUI
19   CSS treatments. */
20 body {
21         margin:0;
22         padding:0;
23 }
24
25 #ungrouped {
26         overflow: auto;
27         height: 400px;
28 }
29
30 .draglist{
31         width: 200px;
32         height: 300px;
33         overflow: auto;
34 }
35
36 div.workarea_alt { padding: 5px; float:left; width: 95%;}
37 div.closed { background-color="pink"; padding:10px; float:left; width: 45%;}
38
39 ul.closed {
40     position: relative;
41     background: grey;
42     padding-bottom:10;
43     border: 1px solid gray;
44     list-style: none;
45     margin:0;
46     padding: 5px;
47 }
48
49 ul.draglist {
50     position: relative;
51     background: #f7f7f7;
52     padding-bottom:10;
53     border: 1px solid gray;
54     list-style: none;
55     margin:0;
56     padding: 5px;
57 }
58
59 ul.draglist li {
60     margin: 1px;
61     cursor: move;
62     list-style: none;
63 }
64
65 ul.draglist_alt {
66     position: relative;
67     border: 1px solid gray;
68     list-style: none;
69     margin: 0;
70     background: #f7f7f7;
71     padding: 5px;
72     cursor: move;
73 }
74
75 ul.draglist_alt li {
76     margin: 1px;
77     list-style: none;
78 }
79
80 li.grouped {
81     background-color: #D1E6EC;
82     border:1px solid #7EA6B2;
83     list-style: none;
84 }
85
86 li.ungrouped {
87     background-color: #D8D4E2;
88     border:1px solid #6B4C86;
89 }
90
91 fieldset.various li {
92     list-style: none;
93     clear: none;
94 }
95
96 .basketgroup {
97         margin-top: 10px;
98         font-size: 1.2em;
99         font-weight: bold;
100         list-style: none;
101         background-color: #D8D4E2;
102         display: block;
103 }
104 .basketgroup li{
105         font-size: 0.5em;
106         list-style: none;
107         display: inline;
108 }
109
110 </style>
111
112 <script type="text/javascript">
113 //<![CDATA[
114         YAHOO.util.Event.onDOMReady(DDApp.init, DDApp, true);
115         var tabView = new YAHOO.widget.TabView('bgtabs');
116 //]]>
117
118
119 function submitForm(form) {
120     if (form.close.checked == true) {
121         var input = document.createElement("input");
122         input.setAttribute("type", "hidden");
123         input.setAttribute("name", "closed");
124         input.setAttribute("value", "1");
125         form.appendChild(input);
126     }
127 }
128
129 </script>
130 </head>
131 <body>
132 <!-- TMPL_INCLUDE NAME="header.inc" -->
133 <!-- TMPL_INCLUDE NAME="acquisitions-search.inc" -->
134
135 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/acqui/acqui-home.pl">Acquisitions</a> &rsaquo; <a href="/cgi-bin/koha/acqui/supplier.pl?supplierid=<!-- TMPL_VAR NAME="booksellerid" -->"><!-- TMPL_VAR NAME="booksellername" --></a> &rsaquo; Basket Grouping</div>
136
137 <div id="doc" class="yui-t7">
138             
139         <div class="yui-b"> 
140                 <div id="toolbar">
141                                 <script type="text/javascript">
142                                         //<![CDATA[
143                                 
144                                         // prepare DOM for YUI Toolbar
145                                 
146                                          $(document).ready(function() {
147                                           //  $("#toolbar").empty();
148                                             yuiToolbar();
149                                          });
150                                 
151                                         // YUI Toolbar Functions
152                                 
153                                         function yuiToolbar() {
154                                                 var booksellermenu = [
155                                                         { text: _("Vendor"), url: "/cgi-bin/koha/acqui/supplier.pl?supplierid=<!-- TMPL_VAR name="booksellerid" -->" },
156                                                         { text: _("Edit vendor"), url: "/cgi-bin/koha/acqui/booksellers.pl?booksellerid=<!-- TMPL_VAR name="booksellerid" -->"},
157                                                 ]
158                                                 var ordersbutton = [
159                                                          { text: _("Manage orders"), url: "/cgi-bin/koha/acqui/booksellers.pl?supplierid=<!-- TMPL_VAR name="booksellerid" -->" },
160                                                          { text: _("Edit uncertain prices"), url: "/cgi-bin/koha/acqui/uncertainprice.pl?booksellerid=<!-- TMPL_VAR name="booksellerid" -->&owner=1" },
161                                                 ]
162                                                 new YAHOO.widget.Button("newbasketgroup");
163                                             new YAHOO.widget.Button({
164                                                 type: "menu",
165                                                 label: _("Vendor"),
166                                                 name: "booksellerbutton",
167                                                 menu: booksellermenu,
168                                                 container: "toolbar"
169                                             });
170                                             
171                                             new YAHOO.widget.Button({
172                                                 type: "menu",
173                                                 label: _("Orders"),
174                                                 name: "ordersbutton",
175                                                 menu: ordersbutton,
176                                                 container: "toolbar"
177                                             });
178                                         }
179                                         //]]>
180                                 </script>
181                                 <a href="?op=add&amp;booksellerid=<!-- TMPL_VAR NAME="booksellerid" -->" name="newbasketgroup" id="newbasketgroup">New Basket Group</a>
182                         </div>
183                         <h1>Basket Grouping for <a href="/cgi-bin/koha/acqui/supplier.pl?supplierid=<!-- TMPL_VAR NAME="booksellerid" -->"><!-- TMPL_VAR name="booksellername" --></a></h1>
184                 </div>
185 <!--  TMPL_IF NAME="grouping" -->
186         <div id="bd"> 
187             <div class="yui-g"> 
188                     <div class="yui-u grouping"> 
189
190                                 <form action="<!-- TMPL_VAR name="scriptname" -->" method="post" name="basketgroups" id="basketgroups">
191                     <div id="groups">
192                     <div class="workarea_alt" >
193                     <h3>Ungrouped Baskets</h3>
194                     <ul id="ungrouped" class="draglist_alt">
195                     <!-- TMPL_IF NAME="baskets" -->
196                         <!-- TMPL_LOOP NAME="baskets" -->
197                             <li class="ungrouped" id="b-<!-- TMPL_VAR NAME="basketno" -->" >
198                                 <a href="basket.pl?basketno=<!-- TMPL_VAR NAME="basketno" -->">
199                                 <!-- TMPL_IF NAME="basketname" -->
200                                     <!-- TMPL_VAR NAME="basketname" -->
201                                 <!-- TMPL_ELSE -->
202                                     No name, basketnumber: <!-- TMPL_VAR NAME="basketno" -->
203                                 <!-- /TMPL_IF -->
204                                 </a>, <br />
205                                 Total: <!-- TMPL_VAR name="total" -->
206                                 <input type="hidden" class="basket" name="basket" value="<!-- TMPL_VAR NAME="basketno" -->" />
207                             </li>
208                             <!-- /TMPL_LOOP -->
209                         <!-- /TMPL_IF -->
210                         </ul>
211                     </div>
212                     </div>
213                     </form>
214
215                         </div> 
216                         
217                     <div class="yui-u first"> 
218                         <form action="" method="post" id="groupingform" onsubmit="return submitForm(this)">
219                                         <fieldset id="various" class='various' >
220                                                 <h3><label for="basketgroupname">Basket Group Name:</label></h3>
221                                                 <input type="text" name="basketgroupname" id="basketgroupname" value="<!-- TMPL_VAR NAME="name" -->" />
222                                                 <h3><label for="billingplace">Billing Place:</label></h3>
223                                                 <select name="billingplace" id="billingplace">
224                                                         <!-- TMPL_LOOP name="billingplaceloop" -->
225                                                         <option value="<!-- TMPL_VAR name="value" -->" <!-- TMPL_IF name="selected" -->selected<!-- /TMPL_IF -->><!-- TMPL_VAR name="branchname" --></option>
226                                                         <!-- /TMPL_LOOP -->
227                                                 </select>
228                                                 <h3><label for="deliveryplace">Delivery Place:</label></h3>
229                                                 <select name="deliveryplace" id="deliveryplace">
230                                                         <option value="">--</option>
231                                                         <!-- TMPL_LOOP name="deliveryplaceloop" -->
232                                                         <option value="<!-- TMPL_VAR name="value" -->" <!-- TMPL_IF name="selected" -->selected<!-- /TMPL_IF -->><!-- TMPL_VAR name="branchname" --></option>
233                                                         <!-- /TMPL_LOOP -->
234                                                 </select>
235                                                 <h3><label for="deliverycomment">Delivery comment:</label></h3>
236                                                 <textarea cols="26" name="deliverycomment" id="deliverycomment"><!-- TMPL_VAR NAME="deliverycomment" --></textarea>
237                                         <div class="workarea">
238                                                         <h3>Grouping:</h3>
239                                                         <ul class="draglist" id="bg">
240                                                                 <!-- TMPL_LOOP NAME="selectedbaskets" -->
241                                                     <li class="grouped" id="b-<!-- TMPL_VAR NAME="basketno" -->" >
242                                                         <a href="basket.pl?basketno=<!-- TMPL_VAR NAME="basketno" -->">
243                                                         <!-- TMPL_IF NAME="basketname" -->
244                                                             <!-- TMPL_VAR NAME="basketname" -->
245                                                         <!-- TMPL_ELSE -->
246                                                             No name, basketnumber: <!-- TMPL_VAR NAME="basketno" -->
247                                                         <!-- /TMPL_IF -->
248                                                         </a>, <br />
249                                                         Total: <!-- TMPL_VAR name="total" -->
250                                                         <input type="hidden" class="basket" name="basket" value="<!-- TMPL_VAR NAME="basketno" -->" />
251                                                     </li>
252                                             <!-- /TMPL_LOOP -->
253
254                                                         </ul>
255                                                 </div>
256                                                 <div><input type="checkbox" name="close"> Close</input></div>
257                                 <input type="hidden" name="booksellerid" value="<!-- TMPL_VAR name="booksellerid" -->" />
258                                 <!-- TMPL_IF NAME="basketgroupid" -->
259                                         <input type="hidden" name="basketgroupid" value="<!-- TMPL_VAR name="basketgroupid" -->" />
260                                 <!-- /TMPL_IF -->
261                                 <input type="hidden" name="op" value="attachbasket" />
262                                 <input type="submit" value="Save" />
263                                         </fieldset>
264                                 </form>
265                         </div> 
266                 </div>   
267     </div> 
268 <!-- TMPL_ELSE -->
269         <div class="yui-g"> 
270                 <div id="bgtabs" class="yui-navset">
271                     <ul class="yui-nav">
272                         <li<!-- TMPL_UNLESS NAME="closed" --> class="selected"<!-- /TMPL_UNLESS -->><a href="#opened"><em>Opened</em></a></li>
273                         <li<!-- TMPL_IF NAME="closed" --> class="selected"<!-- /TMPL_IF -->><a href="#closed"><em>Closed</em></a></li>
274                     </ul>            
275                     <div class="yui-content">
276                         <div id="opened">
277                                 <ul>
278                                         <!-- TMPL_LOOP NAME="basketgroups" -->
279                                                 <!-- TMPL_UNLESS NAME="closed" -->
280                                         <li class="basketgroup">
281                                                 <!-- TMPL_IF NAME="name" -->
282                                                         <!-- TMPL_VAR NAME="name" -->
283                                                 <!-- TMPL_ELSE -->
284                                                         Basket Group n°<!-- TMPL_VAR NAME="id" -->
285                                                 <!-- /TMPL_IF -->
286                                                 <ul>
287                                                         <li>
288                                                                 <span class="yui-button yui-link-button">
289                                                                         <span class="first-child">
290                                                                                 <a href="javascript:closeandprint(<!-- TMPL_VAR "id" -->)" class="yui-button yui-link-button">Close & Print</a>
291                                                                         </span>
292                                                                 </span>
293                                                         </li>
294                                                         <li>
295                                                                 <span class="yui-button yui-link-button">
296                                                                         <span class="first-child">
297                                                                                 <a href="?op=add&amp;booksellerid=<!-- TMPL_VAR NAME="booksellerid" -->&amp;basketgroupid=<!-- TMPL_VAR NAME="id" -->" class="yui-button yui-link-button" >Edit</a>
298                                                                         </span>
299                                                                 </span>
300                                                         </li>
301                                                         <li>
302                                                                 <span class="yui-button yui-link-button">
303                                                                         <span class="first-child">
304                                                                                 <a href="?op=delete&amp;booksellerid=<!-- TMPL_VAR NAME="booksellerid" -->&amp;basketgroupid=<!-- TMPL_VAR NAME="id" -->" class="yui-button yui-link-button" >Delete</a>
305                                                                         </span>
306                                                                 </span>
307                                                         </li>
308                                                         
309                                                 </ul>
310                                         </li>
311                                                 <!-- /TMPL_UNLESS -->
312                                         <!-- /TMPL_LOOP -->
313                                 </ul>
314                         </div>
315                         <div id="closed">
316                                 <ul>
317                                         <!-- TMPL_LOOP NAME="basketgroups" -->
318                                                 <!-- TMPL_IF NAME="closed" -->
319                                                 <li class="basketgroup">
320                                                         <!-- TMPL_IF NAME="name" -->
321                                                                 <!-- TMPL_VAR NAME="name" -->
322                                                         <!-- TMPL_ELSE -->
323                                                                 Basket Group n°<!-- TMPL_VAR NAME="id" -->
324                                                         <!-- /TMPL_IF -->
325                                                         <ul>
326                                                                 <li>
327                                                                                 <span class="yui-button yui-link-button">
328                                                                                 <span class="first-child">
329                                                                                         <a href="/cgi-bin/koha/acqui/basketgroup.pl?op=reopen&amp;booksellerid=<!-- TMPL_VAR NAME="booksellerid" -->&amp;basketgroupid=<!-- TMPL_VAR "id" -->" class="yui-button yui-link-button">Reopen</a>
330                                                                                 </span>
331                                                                         </span>
332                                                                 </li>
333                                                                 <li>
334                                                                                 <span class="yui-button yui-link-button">
335                                                                                 <span class="first-child">
336                                                                                         <a href="/cgi-bin/koha/acqui/basketgroup.pl?op=print&amp;basketgroupid=<!-- TMPL_VAR "id" -->" class="yui-button yui-link-button">Print</a>
337                                                                                 </span>
338                                                                         </span>
339                                                                 </li>
340                                                         </ul>
341                                                 </li>
342                                                 <!-- /TMPL_IF -->
343                                         <!-- /TMPL_LOOP -->
344                                 </ul>
345                         </div>
346                     </div>
347                 </div>
348                 
349         </div> 
350 <!--  /TMPL_IF -->
351
352 <!-- TMPL_INCLUDE NAME="intranet-bottom.inc" -->