edit-task

Task Name:

Task Description:

TaskGroup ID:

Start Date:

Start Time:

Duration:

Priority:

Status:

Add Photo:

Owner ID:

Content: use HTML Edit Content

<h1 style="text-align: center;">FEATURE - toggleActionLinks</h1>
<h2>[what]</h2>
<ol>
<li>] hide the "action links" displayed on the page for each entry in the view</li>
</ol>
<h2>[why]</h2>
<ol>
<li>] for printing,</li>
<li>] for readablity</li>
</ol>
<h2>[where]</h2>
<ol>
<li>]&nbsp;PAGE view/{L4} - taskgroups, sectors, memberGroups, ....</li>
</ol>
<h2>[when]</h2>
<ol>
<li>] 2014-06-30</li>
</ol>
<h2>[example]</h2>
<ol>
<li>] PAGE view/tasksgroups?id=#</li>
<ol>
<li>] you need to click the link named "Toggle Action Links" at the bottom of the page</li>
</ol></ol>
<h2>[how-to]</h2>
<ol>
<li><strong>]&nbsp;click the "Toggle Action Links" link located at the bottom of the page, </strong></li>
<ol>
<li>] if the links are displayed, they will be hidden</li>
<li>] if the links are hidden, they will be displayed</li>
<li>*] you must be a 'registerd user' to see the action links</li>
</ol></ol>
<h2>[reference]</h2>
<ol>
<li>]&nbsp;</li>
</ol><hr />
<h1 style="text-align: center;">developer implementation</h1>
<h2>[.process]<span style="font-size: 10px;">&nbsp;</span></h2>
<ol>
<li><strong>*] ADD client side - link</strong></li>
<ol>
<li>] on PAGE view/taskgroups - TEMP at bottom of page</li>
<li>] on PAGE view/membergroups - TEMP at bottom of page</li>
<li>] on PAGE view/sectors - TEMP at bottom of page</li>
<li>] on PAGE view/procedures - TEMP at bottom of page</li>
<li>] on PAGE view/itemCategories - TEMP at bottom of page</li>
<li>] on PAGE view/chapters - TEMP at bottom of page</li>
</ol>
<li><strong>] ADD client side&nbsp;script - "actionLinks click"</strong></li>
<ol>
<li>] sospep - toggle the links, when the 'class' is clicked&nbsp;</li>
</ol>
<li><strong>]&nbsp;ADD div - wrap the html for the "actionLinks" in a new div</strong></li>
<ol>
<li>] assign&nbsp;div&nbsp;the 'actionLinks" class</li>
</ol>
<li>]</li>
</ol>
<h2>[.notes]</h2>
<ol>
<li>] <a href="http://stackoverflow.com/questions/3582619/how-to-change-css-display-none-or-block-property-using-jquery" target="_blank">http://stackoverflow.com/questions/3582619/how-to-change-css-display-none-or-block-property-using-jquery</a></li>
<li>] <a href="http://www.java2s.com/Code/HTMLCSS/CSS-Controls/UseshoworhideULwithlink.htm">http://www.java2s.com/Code/HTMLCSS/CSS-Controls/UseshoworhideULwithlink.htm</a></li>
</ol>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div><hr /></div>
<h2>&nbsp;</h2>
<h1 style="text-align: center;">status</h1>
<h2>[previously]</h2>
<ol>
<li>] initially tried&nbsp;to build a toggle if/else block BUT &nbsp;</li>
<li>] had some problems accessing the display property of the element</li>
<li>] thought i should be able to access element property by elementName.property and then test on property</li>
<li>if ( $(#actionLinks).display === "none") {</li>
<ol>
<li>/ /WRONG $("#actionLinks").attr('display') === "none" alert("display:none");</li>
<li>//$("#actionLinks").display === "inline"; }</li>
<li>// SHOULD WORK- &nbsp;$("#actionLinks").css('display') === "none"</li>
<li>// AND THIS ??? - if <span class="pln">$</span><span class="pun">(</span><span class="str">"#actionLinks"</span><span class="pun">).(</span><span class="str">":display"</span><span class="pun">).</span><span class="pln">val</span><span class="pun">(</span><span class="pun">) === "none" ;</span></li>
</ol>
<li>else { //$("#actionLinks").display === "none"; }</li>
<li><strong>BUT even easier ... just USE ...</strong></li>
<ol>
<li>element.toggle()</li>
<li>hide(), show()</li>
</ol></ol>
<h2>[currently]</h2>
<ol>
<li>] &nbsp;</li>
</ol>
<h2>[next]</h2>
<ol></ol>
<h2>&nbsp;</h2>