Project

General

Profile

« Previous | Next » 

Revision 7899

accordian-ize associated parties section, first pass (still using table). https://projects.ecoinformatics.org/ecoinfo/issues/5951

View differences:

lib/style/common/templates/metacatui/entryForm.tmpl
326 326
								
327 327
						    </div>
328 328
						</div>
329
						
330
						<!-- ASSOCIATED PARTIES -->
331
						<div class="accordion-heading">
332
							<a class="accordion-toggle" data-toggle="collapse" data-target="#collapseParties" href="#none">
333
								Associated Parties  
334
							</a>
335
							<a href="[% cgiPrefix %]/register-dataset.cgi?cfg=[%cfg%]&amp;stage=guide#AdditionalOriginators"><i class="icon-question-sign"></i></a>
336
						</div>
337
						<div id="collapseParties" class="accordion-body collapse in">
338
							<div class="accordion-inner">
339
								<!--  For now, just include the table-based editor until .js is ammended to work with new DOM -->
340
								    <table class="tables" cellpadding="5" cellspacing="0" id="apTable">    
341
									    <tr class="sectbody"><td class="rightCol"><span class="label">First Name</span></td>
342
									        <td colspan="5">
343
									        <input name="aoFirstName" id="AONameFirst" class="shortwidth"></td></tr>
344
									            
345
									    <tr class="sectbody"><td class="rightCol"><span class="label">Last Name</span></td>
346
									        <td colspan="5">
347
									        <input name="aoLastName" id="AONameLast" class="shortwidth"></td></tr>
348
									                   
349
									    <tr class="sectbody"><td class="rightCol"><span class="label">Role</span></td>
350
									        <td colspan="5"> 
351
									        <select id="AORole" name="aoRole" class="shortwidth">
352
									            <option>Co-owner</option>
353
									            <option>Custodian/Steward</option>
354
									            <option>Metadata Provider</option>
355
									      <option>User</option>
356
									        </select>
357
									        </td>
358
									    </tr>
359
									  
360
									   <tr id="addAssociatedParty" class="sectbody"> 
361
									            <td></td>
362
									            <td colspan="5"> <input type="button" value="Add Associated Party" id="addaobutton1"
363
									                    onClick="addAssociatedParty()"></td></tr>
364
									       
365
									    [% numAO = 0 %]
366
									    [% IF aoCount %]
367
									        [% numAO = aoCount %]
368
									        <tr class="sectbody" id="aoHRRow">
369
									            <td colSpan="6">
370
									                <hr width = "85%"/>
371
									            </td>
372
									        </tr>
373
									    [% END %]
374
									    [% cnt = 1 %]
375
									    [% WHILE cnt < numAO%]
376
									            
377
									        <tr class="sectbody">
378
									            [% SET aofn = "origNamefirst${cnt}" %]
379
									            [% SET aoln = "origNamelast${cnt}" %]
380
									            [% SET aorole = "origRole${cnt}" %]
381
									     
382
									            <td class="rightCol">
383
									                <a style="cursor:pointer">
384
									                    <img onClick="cleanTextNodes('aoHRRow', 'addaorow');moveUpRow(event)"
385
									                    src="[% contextUrl %]/style/images/previous.gif"
386
									                    alt="Move Up" border="0"/>
387
									                </a>
388
									                <a style="cursor:pointer">
389
									                    <img onClick="cleanTextNodes('aoHRRow', 'addaorow');moveDownRow(event, 'addaorow')"
390
									                    src="[% contextUrl %]/style/images/next.gif"
391
									                    alt="Move Down" border="0"/>
392
									                </a>
393
									                <a style="cursor:pointer">
394
									                    <img src="[% contextUrl %]/style/images/delete.gif"
395
									                    onClick="delRow(event)" alt="Delete" border="0"/>
396
									                </a>
397
									            </td>
398
									            <td colspan="5" align ="left" style="cursor:pointer"
399
									                onClick="aoEditRow(event, 0, '[%$aofn%]', '[%$aoln%]' , '[%$aorole%]')">
400
									                [%$aofn%] [%$aoln%] (Role: [%$aorole%])
401
									                <input name="aoFirstName" type="hidden" value="[%$aofn%]"/>
402
									                <input name="aoLastName" type="hidden" value="[%$aoln%]"/>
403
									                <input name="aoRole" type="hidden" value="[%$aorole%]"/>
404
									            </td>
405
									        </tr>
406
									        [% cnt = cnt + 1 %]
407
									    [% END %]
408
									    <input type="hidden" name="aoCount" value="[%numAO%]" id="aoCount">
409
									    <tr class="sectbody" id="addaorow"><td colspan=6 /></tr>
410
									    </table>
411
								
412
						    </div>
413
						</div>
329 414
       
330
   
331
    <table class="tables" cellpadding="5" cellspacing="0">
332
      <tr class="sectheader">
333
      <td colspan="5" align="left">
334
        <span class="label">ASSOCIATED PARTIES</span>
335
        <a href="[% cgiPrefix %]/register-dataset.cgi?cfg=[%cfg%]&amp;stage=guide#AdditionalOriginators" target="guide" class="smalltext">(What's this?)</a>
336
      </td>
337
      <td class="rightCol"><span><a onClick="apBit=swap(event, 'apTable', apBit)" style="cursor:pointer">Hide</a></span></td>
338
    </tr>
339
    </table>
340 415

  
341
    <table class="tables" cellpadding="5" cellspacing="0" id="apTable">    
342
    <tr class="sectbody"><td class="rightCol"><span class="label">First Name</span></td>
343
        <td colspan="5">
344
        <input name="aoFirstName" id="AONameFirst" class="shortwidth"></td></tr>
345
            
346
    <tr class="sectbody"><td class="rightCol"><span class="label">Last Name</span></td>
347
        <td colspan="5">
348
        <input name="aoLastName" id="AONameLast" class="shortwidth"></td></tr>
349
                   
350
    <tr class="sectbody"><td class="rightCol"><span class="label">Role</span></td>
351
        <td colspan="5"> 
352
        <select id="AORole" name="aoRole" class="shortwidth">
353
            <option>Co-owner</option>
354
            <option>Custodian/Steward</option>
355
            <option>Metadata Provider</option>
356
      <option>User</option>
357
        </select>
358
        </td>
359
    </tr>
360
  
361
   <tr id="addAssociatedParty" class="sectbody"> 
362
            <td></td>
363
            <td colspan="5"> <input type="button" value="Add Associated Party" id="addaobutton1"
364
                    onClick="addAssociatedParty()"></td></tr>
365
       
366
    [% numAO = 0 %]
367
    [% IF aoCount %]
368
        [% numAO = aoCount %]
369
        <tr class="sectbody" id="aoHRRow">
370
            <td colSpan="6">
371
                <hr width = "85%"/>
372
            </td>
373
        </tr>
374
    [% END %]
375
    [% cnt = 1 %]
376
    [% WHILE cnt < numAO%]
377
            
378
        <tr class="sectbody">
379
            [% SET aofn = "origNamefirst${cnt}" %]
380
            [% SET aoln = "origNamelast${cnt}" %]
381
            [% SET aorole = "origRole${cnt}" %]
382
     
383
            <td class="rightCol">
384
                <a style="cursor:pointer">
385
                    <img onClick="cleanTextNodes('aoHRRow', 'addaorow');moveUpRow(event)"
386
                    src="[% contextUrl %]/style/images/previous.gif"
387
                    alt="Move Up" border="0"/>
388
                </a>
389
                <a style="cursor:pointer">
390
                    <img onClick="cleanTextNodes('aoHRRow', 'addaorow');moveDownRow(event, 'addaorow')"
391
                    src="[% contextUrl %]/style/images/next.gif"
392
                    alt="Move Down" border="0"/>
393
                </a>
394
                <a style="cursor:pointer">
395
                    <img src="[% contextUrl %]/style/images/delete.gif"
396
                    onClick="delRow(event)" alt="Delete" border="0"/>
397
                </a>
398
            </td>
399
            <td colspan="5" align ="left" style="cursor:pointer"
400
                onClick="aoEditRow(event, 0, '[%$aofn%]', '[%$aoln%]' , '[%$aorole%]')">
401
                [%$aofn%] [%$aoln%] (Role: [%$aorole%])
402
                <input name="aoFirstName" type="hidden" value="[%$aofn%]"/>
403
                <input name="aoLastName" type="hidden" value="[%$aoln%]"/>
404
                <input name="aoRole" type="hidden" value="[%$aorole%]"/>
405
            </td>
406
        </tr>
407
        [% cnt = cnt + 1 %]
408
    [% END %]
409
    <input type="hidden" name="aoCount" value="[%numAO%]" id="aoCount">
410
    <tr class="sectbody" id="addaorow"><td colspan=6 /></tr>
411
    </table>
416

  
412 417
   
413 418
    <table class="tables" cellpadding="5" cellspacing="0">          
414 419
      <tr class="sectheader">

Also available in: Unified diff