[Rt-commit] r9795 -
rt/branches/3.6-EXPERIMENTAL-ABERDEEN/html/Elements
audreyt at bestpractical.com
audreyt at bestpractical.com
Sun Dec 2 18:03:07 EST 2007
Author: audreyt
Date: Sun Dec 2 18:03:06 2007
New Revision: 9795
Modified:
rt/branches/3.6-EXPERIMENTAL-ABERDEEN/html/Elements/EmailInput
Log:
* Support for Popup email picker.
Modified: rt/branches/3.6-EXPERIMENTAL-ABERDEEN/html/Elements/EmailInput
==============================================================================
--- rt/branches/3.6-EXPERIMENTAL-ABERDEEN/html/Elements/EmailInput (original)
+++ rt/branches/3.6-EXPERIMENTAL-ABERDEEN/html/Elements/EmailInput Sun Dec 2 18:03:06 2007
@@ -47,17 +47,20 @@
%# END BPS TAGGED BLOCK }}}
% if (!$m->notes('RT-Scriptaculous-Loaded')) {
% $m->notes('RT-Scriptaculous-Loaded' => 1);
-<script type="text/javascript" src="<%$RT::WebPath%>/NoAuth/js/scriptaculous/prototype.js"></script>
+<script type="text/javascript" src="<%$RT::WebPath%>/NoAuth/js/prototype/prototype.js"></script>
<script type="text/javascript" src="<%$RT::WebPath%>/NoAuth/js/scriptaculous/scriptaculous.js?load=effects,controls"></script>
+<script type="text/javascript" src="<%$RT::WebPath%>/NoAuth/js/lightwindow/lightwindow.js"></script>
<style type="text/css">
<!--/*--><![CDATA[/*><!--*/
/* This part wants to be in a .css file */
+/*
form input.ajaxautocompletes {
background: #fff url(<%$RT::WebPath%>/NoAuth/images/css/fieldbg-autocomplete.gif) repeat-x top right;
padding-right: 18px;
}
+*/
/* Autocomplete */
@@ -88,17 +91,402 @@
display: none;
}
+/* .................................. */
+
+#lightwindow_overlay {
+ /* REQUIRED */
+ display: none;
+ visibility: hidden;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100px;
+ z-index: 500;
+ /* REQUIRED */
+}
+
+#lightwindow {
+ /* REQUIRED */
+ /* Of Note - The height and width of this element are set to 0px */
+ display: none;
+ visibility: hidden;
+ position: absolute;
+ z-index: 999;
+ line-height: 0px;
+ /* REQUIRED */
+}
+
+ #lightwindow_container {
+ /* REQUIRED */
+ display: none;
+ visibility: hidden;
+ position: absolute;
+ /* REQUIRED */
+ padding: 0 0 0 0;
+ margin: 0 0 0 0;
+ }
+
+ /* IE6 needs this or it messes with our positioning */
+ * html #lightwindow_container {
+ overflow: hidden;
+ }
+
+ #lightwindow_contents {
+ overflow: hidden;
+ z-index: 0;
+ position: relative;
+ border: 10px solid #ffffff;
+ background-color: #ffffff;
+ }
+
+#lightwindow_loading {
+ /* REQUIRED */
+ height: 100%;
+ width: 100%;
+ top: 0px;
+ left: 0px;
+ z-index: 9999;
+ position: absolute;
+ /* REQUIRED */
+ background-color: #f0f0f0;
+ padding: 10px;
+}
+
+ #lightwindow_loading_shim {
+ display: none;
+ left: 0px;
+ position: absolute;
+ top: 0px;
+ width: 100%;
+ height: 100%;
+ }
+
+ #lightwindow_loading span {
+ font-size: 12px;
+ line-height: 32px;
+ color: #444444;
+ float: left;
+ padding: 0 10px 0 0;
+ }
+
+ #lightwindow_loading span a,
+ #lightwindow_loading span a:link,
+ #lightwindow_loading span a:visited {
+ color: #09F;
+ text-decoration: none;
+ cursor: pointer;
+ }
+
+ #lightwindow_loading span a:hover,
+ #lightwindow_loading span a:active {
+ text-decoration: underline;
+ }
+
+
+ #lightwindow_loading img {
+ float: left;
+ margin: 0 10px 0 0;
+ }
+
+
+/*-----------------------------------------------------------------------------------------------
+ I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
+ I mean let's face it, it works really well and is very easy to figure out.
+-----------------------------------------------------------------------------------------------*/
+
+#lightwindow_navigation {
+ /* REQUIRED */
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ display: none;
+ /* REQUIRED */
+}
+ /* We need to shim the navigation for IE, though its more of a sub-floor */
+ #lightwindow_navigation_shim {
+ /* REQUIRED */
+ display: none;
+ left: 0px;
+ position: absolute;
+ top: 0px;
+ width: 100%;
+ height: 100%;
+ /* REQUIRED */
+ }
+
+ #lightwindow_navigation a,
+ #lightwindow_navigation a:link,
+ #lightwindow_navigation a:visited,
+ #lightwindow_navigation a:hover,
+ #lightwindow_navigation a:active {
+ /* REQUIRED */
+ outline: none;
+ /* REQUIRED */
+ }
+
+ #lightwindow_previous,
+ #lightwindow_next {
+ width: 49%;
+ height: 100%;
+ background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
+ display: block;
+ }
+
+ #lightwindow_previous {
+ float: left;
+ left: 0px;
+ }
+
+ #lightwindow_next {
+ float: right;
+ right: 0px;
+ }
+
+ #lightwindow_previous:hover,
+ #lightwindow_previous:active {
+ background: url(../images/prevlabel.gif) left 15% no-repeat;
+ }
+
+ #lightwindow_next:hover,
+ #lightwindow_next:active {
+ background: url(../images/nextlabel.gif) right 15% no-repeat;
+ }
+
+ #lightwindow_previous_title,
+ #lightwindow_next_title {
+ display: none;
+ }
+
+#lightwindow_galleries {
+ width: 100%;
+ position: absolute;
+ z-index: 50;
+ display: none;
+ overflow: hidden;
+ margin: 0 0 0 10px;
+ bottom: 0px;
+ left: 0px;
+}
+
+ #lightwindow_galleries_tab_container {
+ width: 100%;
+ height: 0px;
+ overflow: hidden;
+ }
+
+ a#lightwindow_galleries_tab,
+ a:link#lightwindow_galleries_tab,
+ a:visited#lightwindow_galleries_tab {
+ display: block;
+ height: 20px;
+ width: 77px;
+ float: right;
+ line-height: 22px;
+ color: #ffffff;
+ text-decoration: none;
+ font-weight: bold;
+ cursor: pointer;
+ font-size: 11px;
+ color: #ffffbe;
+ background: url(../images/black-70.png) repeat 0 0 transparent;
+ }
+
+ * html a#lightwindow_galleries_tab,
+ * html a:link#lightwindow_galleries_tab,
+ * html a:visited#lightwindow_galleries_tab {
+ background: none;
+ background-color: #000000;
+ opacity: .70;
+ filter: alpha(opacity=70);
+ }
+
+ a:hover#lightwindow_galleries_tab,
+ a:active#lightwindow_galleries_tab {
+ color: #ffffbe;
+
+ }
+
+ #lightwindow_galleries_tab_span {
+ display: block;
+ height: 20px;
+ width: 63px;
+ padding: 0 7px 0 7px;
+ }
+
+ #lightwindow_galleries_tab .up {
+ background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
+ }
+
+ #lightwindow_galleries_tab .down {
+ background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
+ }
+
+ #lightwindow_galleries_list {
+ background: url(../images/black-70.png) repeat 0 0 transparent;
+ overflow: hidden;
+ height: 0px;
+ }
+
+ * html #lightwindow_galleries_list {
+ background: none;
+ background-color: #000000;
+ opacity: .70;
+ filter: alpha(opacity=70);
+ }
+
+ .lightwindow_galleries_list {
+ width: 200px;
+ float: left;
+ margin: 0 0 10px 0;
+ padding: 10px;
+ }
+
+ .lightwindow_galleries_list h1 {
+ color: #09F;
+ text-decoration: none;
+ font-weight: bold;
+ cursor: pointer;
+ padding: 10px 0 5px 0;
+ font-size: 16px;
+ }
+
+ .lightwindow_galleries_list li {
+ margin: 5px 0 5px 0;
+ list-style-type: none;
+ }
+
+ .lightwindow_galleries_list a,
+ .lightwindow_galleries_list a:link,
+ .lightwindow_galleries_list a:visited {
+ display: block;
+ line-height: 22px;
+ color: #ffffff;
+ text-decoration: none;
+ font-weight: bold;
+ cursor: pointer;
+ padding: 0 0 0 10px;
+ font-size: 11px;
+ }
+
+ .lightwindow_galleries_list a:hover,
+ .lightwindow_galleries_list a:active {
+ background: #000000;
+ color: #ffffbe;
+ border-left: 3px solid #ffffbe;
+ padding: 0 0 0 7px;
+ }
+
+#lightwindow_data {
+ /* REQUIRED */
+ position: absolute;
+ /* REQUIRED */
+}
+
+ #lightwindow_data_slide {
+ /* REQUIRED */
+ position: relative;
+ /* REQUIRED */
+ }
+
+ #lightwindow_data_slide_inner {
+ background-color: #ffffff;
+ padding: 0 10px 10px 10px;
+ }
+
+ #lightwindow_data_caption {
+ padding: 10px 0 0 0;
+ color: #666666;
+ line-height: 25px;
+ background-color: #ffffff;
+ clear: both;
+ }
+
+ #lightwindow_data_details {
+ background-color: #f0f0f0;
+ padding: 0 10px 0 10px;
+ height: 20px;
+ }
+
+ #lightwindow_data_author_container {
+ width: 40%;
+ text-align: right;
+ color: #666666;
+ font-style: italic;
+ font-size: 10px;
+ line-height: 20px;
+ float: right;
+ overflow: hidden;
+ }
+
+ #lightwindow_data_gallery_container {
+ font-size: 10px;
+ width: 40%;
+ text-align: left;
+ color: #666666;
+ line-height: 20px;
+ float: left;
+ overflow: hidden;
+ }
+
+#lightwindow_title_bar {
+ height: 25px;
+ overflow: hidden;
+}
+
+ #lightwindow_title_bar_title {
+ color: #ffffbe;
+ font-size: 14px;
+ line-height: 25px;
+ text-align: left;
+ float: left;
+ }
+
+ a#lightwindow_title_bar_close_link,
+ a:link#lightwindow_title_bar_close_link,
+ a:visited#lightwindow_title_bar_close_link {
+ float: right;
+ text-align: right;
+ cursor: pointer;
+ color: #ffffbe;
+ line-height: 25px;
+ padding: 0;
+ margin: 0;
+ }
+
+ a:hover#lightwindow_title_bar_close_link,
+ a:active#lightwindow_title_bar_close_link {
+ color: #ffffff;
+ }
+
+/*-----------------------------------------------------------------------------------------------
+ Theme styling stuff
+-----------------------------------------------------------------------------------------------*/
+
+#lightwindow p {
+ color: #000000;
+ padding-right: 10px;
+}
+
+
+
+
/*]]>*/-->
</style>
% }
% my $id = "EmailInput-$Name";
% my $div = "$id-Autocomplete";
+% my $popup = "$id-Popup";
% my $indicator = "$id-Indicator";
<input id="<% $id %>" class="ajaxautocompletes" name="<% $Name %>" size="<% $Size %>" value="<% $Default %>" />
+<a class="lightwindow page-options" params="lightwindow_type=external,lightwindow_width=300,lightwindow_height=500" id="<% $popup %>" href="<%$RT::WebPath%>/Helpers/EmailPopup.html?id=<% $id %>" style="visibility: hidden" />
<div id="<% $div %>" class="autocomplete"></div>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
new Ajax.Autocompleter("<% $id %>", "<% $div %>", "<%$RT::WebPath%>/Helpers/EmailAutocomplete", {paramName: 'Value'});
+var popup = document.getElementById('<% $popup %>');
+popup.innerHTML = '...';
+popup.style.visibility = 'visible';
//--><!]]>
</script>
<%ARGS>
@@ -106,56 +494,3 @@
$Size => 40
$Default => ''
</%ARGS>
-%# BEGIN BPS TAGGED BLOCK {{{
-%#
-%# COPYRIGHT:
-%#
-%# This software is Copyright (c) 1996-2007 Best Practical Solutions, LLC
-%# <jesse at bestpractical.com>
-%#
-%# (Except where explicitly superseded by other copyright notices)
-%#
-%#
-%# LICENSE:
-%#
-%# This work is made available to you under the terms of Version 2 of
-%# the GNU General Public License. A copy of that license should have
-%# been provided with this software, but in any event can be snarfed
-%# from www.gnu.org.
-%#
-%# This work is distributed in the hope that it will be useful, but
-%# WITHOUT ANY WARRANTY; without even the implied warranty of
-%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
-%# General Public License for more details.
-%#
-%# You should have received a copy of the GNU General Public License
-%# along with this program; if not, write to the Free Software
-%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
-%# 02110-1301 or visit their web page on the internet at
-%# http://www.gnu.org/copyleft/gpl.html.
-%#
-%#
-%# CONTRIBUTION SUBMISSION POLICY:
-%#
-%# (The following paragraph is not intended to limit the rights granted
-%# to you to modify and distribute this software under the terms of
-%# the GNU General Public License and is only of importance to you if
-%# you choose to contribute your changes and enhancements to the
-%# community by submitting them to Best Practical Solutions, LLC.)
-%#
-%# By intentionally submitting any modifications, corrections or
-%# derivatives to this work, or any other work intended for use with
-%# Request Tracker, to Best Practical Solutions, LLC, you confirm that
-%# you are the copyright holder for those contributions and you grant
-%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable,
-%# royalty-free, perpetual, license to use, copy, create derivative
-%# works based on those contributions, and sublicense and distribute
-%# those contributions and any derivatives thereof.
-%#
-%# END BPS TAGGED BLOCK }}}
-<input id="EmailInput-<% $Name %>" name="<% $Name %>" size="<% $Size %>" value="<% $Default %>" />
-<%ARGS>
-$Name
-$Size => 40
-$Default => ''
-</%ARGS>
More information about the Rt-commit
mailing list