task

FEATURE - toggleActionLinks

[what]

  1. ] hide the "action links" displayed on the page for each entry in the view

[why]

  1. ] for printing,
  2. ] for readablity

[where]

  1. ] PAGE view/{L4} - taskgroups, sectors, memberGroups, ....

[when]

  1. ] 2014-06-30

[example]

  1. ] PAGE view/tasksgroups?id=#
    1. ] you need to click the link named "Toggle Action Links" at the bottom of the page

[how-to]

  1. ] click the "Toggle Action Links" link located at the bottom of the page,
    1. ] if the links are displayed, they will be hidden
    2. ] if the links are hidden, they will be displayed
    3. *] you must be a 'registerd user' to see the action links

[reference]


developer implementation

[.process] 

  1. *] ADD client side - link
    1. ] on PAGE view/taskgroups - TEMP at bottom of page
    2. ] on PAGE view/membergroups - TEMP at bottom of page
    3. ] on PAGE view/sectors - TEMP at bottom of page
    4. ] on PAGE view/procedures - TEMP at bottom of page
    5. ] on PAGE view/itemCategories - TEMP at bottom of page
    6. ] on PAGE view/chapters - TEMP at bottom of page
  2. ] ADD client side script - "actionLinks click"
    1. ] sospep - toggle the links, when the 'class' is clicked 
  3. ] ADD div - wrap the html for the "actionLinks" in a new div
    1. ] assign div the 'actionLinks" class
  4. ]

[.notes]

  1. ] http://stackoverflow.com/questions/3582619/how-to-change-css-display-none-or-block-property-using-jquery
  2. ] http://www.java2s.com/Code/HTMLCSS/CSS-Controls/UseshoworhideULwithlink.htm

 

 


 

status

[previously]

  1. ] initially tried to build a toggle if/else block BUT  
  2. ] had some problems accessing the display property of the element
  3. ] thought i should be able to access element property by elementName.property and then test on property
  4. if ( $(#actionLinks).display === "none") {
    1. / /WRONG $("#actionLinks").attr('display') === "none" alert("display:none");
    2. //$("#actionLinks").display === "inline"; }
    3. // SHOULD WORK-  $("#actionLinks").css('display') === "none"
    4. // AND THIS ??? - if $("#actionLinks").(":display").val() === "none" ;
  5. else { //$("#actionLinks").display === "none"; }
  6. BUT even easier ... just USE ...
    1. element.toggle()
    2. hide(), show()

[currently]

  1. ]  

[next]

     

    Details Photos Edit more

    Details

    ID: 4110

    NAME: FEATURE-toggle-ACTION-links

    DESCRIPTION: [toggle-ACTION-links] - ADD OPTION to toggle 'action links', for prettier printing, viewing

    START DATE TIME: 2014-06-29 08:00:00

    EST DURATION: 00:15:00

    END DATE TIME: 2014-06-29 08:15:00

    STATUS: Completed

    PRIORITY: -5

    OWNER ID: 75

    Content Photos Edit more

    photos

    photos for this task

    actions

    Agenda Email task SMS task Priorities