[Cosmo-dev] Re: [commits-cosmo] (mde) [2473] Add UI elements for jump-to date.

[Bobby Rullo]

Matthew,

We should use the new Button widget for buttons going forward.

Bobby


On Sep 12, 2006, at 5:07 PM, svncheckin at osafoundation.org wrote:

> Revision
> 2473
> Author
> mde
> Date
> 2006-09-12 17:07:33 -0700 (Tue, 12 Sep 2006)
> Log Message
>
> Add UI elements for jump-to date.
> Modified Paths
>
> cosmo/trunk/src/webapp/WEB-INF/jsp/pim/pim.jsp
> cosmo/trunk/src/webapp/js/cosmo/ui/cal_form.js
> cosmo/trunk/src/webapp/js/cosmo/ui/cal_main.js
> cosmo/trunk/src/webapp/js/cosmo/ui/minical.js
> cosmo/trunk/src/webapp/templates/default/ui.css
> Diff
>
> Modified: cosmo/trunk/src/webapp/WEB-INF/jsp/pim/pim.jsp (2472 =>  
> 2473)
>
> --- cosmo/trunk/src/webapp/WEB-INF/jsp/pim/pim.jsp	2006-09-13  
> 00:06:38 UTC (rev 2472)
> +++ cosmo/trunk/src/webapp/WEB-INF/jsp/pim/pim.jsp	2006-09-13  
> 00:07:33 UTC (rev 2473)
> @@ -97,6 +97,7 @@
>              <form method="post" id="calForm" name="calForm"  
> action="">
>                  <div id="leftSidebarDiv">
>                      <div id="calSelectNav"></div>
> +                    <div id="jumpToDateDiv"></div>
>                      <div id="miniCalDiv"></div>
>                  </div>
>                  <div id="calTopNavDiv">
> Modified: cosmo/trunk/src/webapp/js/cosmo/ui/cal_form.js (2472 =>  
> 2473)
>
> --- cosmo/trunk/src/webapp/js/cosmo/ui/cal_form.js	2006-09-13  
> 00:06:38 UTC (rev 2472)
> +++ cosmo/trunk/src/webapp/js/cosmo/ui/cal_form.js	2006-09-13  
> 00:07:33 UTC (rev 2473)
> @@ -716,4 +716,37 @@
>
>          descrTxt = null; // Set DOM-node-ref to null to avoid IE  
> memleak
>      };
> +    this.addJumpToDate = function(dc) {
> +        var top = parseInt(MiniCal.displayContext.style.top);
> +        var d = null;
> +
> +        // place the div just above minical
> +        top -= 28;
> +        dc.style.top = top + 'px';
> +
> +        d = document.createElement('div');
> +        d.className = 'formElem floatLeft';
> +        dc.appendChild(d);
> +        this.createInput('text', 'jumpto', 'jumpto',
> +            10, 10, null, 'inputText', d);
> +        this.setTextInput(this.form.jumpto, 'mm/dd/yyyy', true,  
> false);
> +        this.form.jumpto.onclick = Cal.calForm.emptyTextInput;
> +
> +        d = document.createElement('div');
> +        d.className = 'floatLeft';
> +        this.createNbsp(d);
> +        this.createNbsp(d);
> +        dc.appendChild(d);
> +
> +        d = document.createElement('div');
> +        d.className = 'floatLeft';
> +        dc.appendChild(d);
> +        butJump = new Button('jumpToButton', 38, function() { alert 
> ('This does nothing yet.') },
> +                getText('App.Button.Go'), true);
> +        d.appendChild(butJump.domNode);
> +
> +        d = document.createElement('div');
> +        d.className = 'clearAll';
> +        dc.appendChild(d);
> +    };
>  }
> Modified: cosmo/trunk/src/webapp/js/cosmo/ui/cal_main.js (2472 =>  
> 2473)
>
> --- cosmo/trunk/src/webapp/js/cosmo/ui/cal_main.js	2006-09-13  
> 00:06:38 UTC (rev 2472)
> +++ cosmo/trunk/src/webapp/js/cosmo/ui/cal_main.js	2006-09-13  
> 00:07:33 UTC (rev 2473)
> @@ -216,10 +216,14 @@
>              var dummyElem = document.createElement('div');
>              allDayDiv.appendChild(dummyElem);
>          }
> -
> +
> +        // Load minical and jump-to date
>          var mcDiv = document.getElementById('miniCalDiv');
> -        MiniCal.init(Cal, mcDiv);
> -
> +        var jpDiv = document.getElementById('jumpToDateDiv');
> +        // Place jump-to date based on mini-cal pos
> +        if (MiniCal.init(Cal, mcDiv)) {
> +           this.calForm.addJumpToDate(jpDiv);
> +        }
>      };
>
>      // ==========================
> Modified: cosmo/trunk/src/webapp/js/cosmo/ui/minical.js (2472 => 2473)
>
> --- cosmo/trunk/src/webapp/js/cosmo/ui/minical.js	2006-09-13  
> 00:06:38 UTC (rev 2472)
> +++ cosmo/trunk/src/webapp/js/cosmo/ui/minical.js	2006-09-13  
> 00:07:33 UTC (rev 2473)
> @@ -74,6 +74,7 @@
>          self.hide();
>          self.render();
>          self.show();
> +        return true;
>      };
>
>      /**
> Modified: cosmo/trunk/src/webapp/templates/default/ui.css (2472 =>  
> 2473)
>
> --- cosmo/trunk/src/webapp/templates/default/ui.css	2006-09-13  
> 00:06:38 UTC (rev 2472)
> +++ cosmo/trunk/src/webapp/templates/default/ui.css	2006-09-13  
> 00:07:33 UTC (rev 2473)
> @@ -385,6 +385,12 @@
>      position:absolute;
>      top:8px;
>  }
> +/* Jump-to date box */
> +#jumpToDateDiv {
> +    padding-left:8px;
> +    padding-right:8px;
> +    position:absolute;
> +}
>  /* Right sidebar
>   * --------------------- */
>  /* Right sidebar main */
>
> _______________________________________________
> Commits-Cosmo mailing list
> Commits-Cosmo at osafoundation.org
> http://lists.osafoundation.org/cgi-bin/mailman/listinfo/commits-cosmo

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.osafoundation.org/pipermail/cosmo-dev/attachments/20060914/4d14876c/attachment.html