/**
* Creates an area that behaves like position: fixed in most modern browsers,
* including ones on touchscreens. Often used for fixed areas that wind up
* covered by content as it scrolls over the areas.
* @class Q drawers
* @constructor
* @param {array} [$options] Provide options for this tool
* @param {array} [$options.drawers] Array of strings holding html for drawers
* @param {string} [$options.container=null] Optional jQuery selector for handling scrolling
* @param {array} [$options.initial] Information for the initial animation
* @param {integer} [$options.initial.index=1] The index of the drawer to show, either 0 or 1
* @param {integer} [$options.initial.delay=0] Delay before starting initial animation
* @param {integer} [$options.initial.duration=300] The duration of the initial animation
* @param {Function} [$options.initial.ease=Q.Animation.linear] The easing function of the initial animation
* @param {array} [$options.transition] Information for the transition animation
* @param {integer} [$options.transition.duration=300] The duration of the transition animation
* @param {Function} [$options.transition.ease=Q.Animation.linear] The easing function of the transition animation
* @param {Function} [$options.width] Override the function that computes the width of the drawers
* @param {Function} [$options.height] Override the function that computes the height drawers tool
* @param {array} [$options.heights=[100,100]] Array of [height0, height1] for drawers that are pinned
* @param {array} [$options.placeholders=['','']] Array of [html0, html1] for drawers that are pinned
* @param {array} [$options.behind=[true,false]] Array of [boolean0, boolean1] to indicate which drawer is behind the others
* @param {array} [$options.bottom=[false,false]] Array of [boolean0, boolean1] to indicate whether to scroll to the bottom of a drawer after switching to it
* @param {array} [$options.triggers=['plugins/Q/img/drawers/up.png', 'plugins/Q/img/drawers/down.png']] Array of [src0, src1] for img elements that act as triggers to swap drawers. Set array elements to false to avoid rendering a trigger.
* @param {array} [$options.trigger]] Options for the trigger elements
* @param {integer} [$options.trigger.rightMargin=10]] How many pixels from the right side of the drawers
* @param {integer} [$options.transition=300]] Number of milliseconds for fading in the trigger images
* @param {boolean} [$options.fullscreen=Q.info.isAndroidStock && Q.info.isAndroid(1000)]] Whether the drawers should take up the whole screen
* @param {integer} [$options.foregroundZIndex=50] The z-index of the drawer in the foreground
* @param {integer} [$options.beforeSwap=new Q.Event()] Occurs right before drawer swap
* @param {integer} [$options.onSwap=new Q.Event()] Occurs right after drawer swap
*/
function Q_drawers_tool($options)
{
$result = '';
foreach ($options['drawers'] as $i => $html) {
$result .= Q_Html::div("drawer_{$i}", "Q_drawers_drawer Q_drawers_drawer_{$i}", $html);
}
unset($options['drawers']);
Q_Response::addScript('plugins/Q/js/tools/drawers.js');
Q_Response::addStylesheet('plugins/Q/css/drawers.css');
Q_Response::setToolOptions($options);
return $result;
}
<?php
if ($verified) {
?>
<?php
echo Q_Html::div('tool', 'Users_contact_tool fleeting panel');
?>
<h3>
Congratulations, you've verified your email,
<span class='email'><?php
echo $user->emailAddress;
?>
</span>
</h3>
</div>
<?php
}
<?php
echo Q_Html::div('tool', 'Users_contact_tool necessary panel');
?>
<?php
echo Q_Html::form($tool_action_url, 'post', array('class' => 'askEmail'));
?>
<?php
echo Q_Html::formInfo($onSuccess, null, $snf);
?>
<h3 class='feedback'>
We emailed your activation link to
<span class='email'><?php
echo $email->address;
?>
</span>.
</h3>
<p>Has it been a while and you didn't get anything? Have it re-sent:</p>
<label for="authorized_email">email address:</label>
<input id="authorized_email" name="emailAddress" type="text" />
<button type="submit" name="do_add" class="submit"><?php
echo $button_content;
?>
</button>
</form>
</div>
/**
* This tool renders tabs which behave appropriately in many different environments
* @class Q tabs
* @constructor
* @param {array} [$options] options to pass to the tool
* @param {array} [$options.tabs] An associative array of name: title pairs.
* @param {array} [$options.urls] An associative array of name: url pairs to override the default urls.
* @param {string} [$options.field='tab'] Uses this field when urls doesn't contain the tab name.
* @param {boolean} [options.checkQueryString=false] Whether the default getCurrentTab should check the querystring when determining the current tab
* @param {boolean} [$options.vertical=false] Stack the tabs vertically instead of horizontally
* @param {boolean} [$options.compact=false] Display the tabs interface in a compact space with a contextual menu
* @param {Object} [$options.overflow]
* @param {String} [$options.overflow.content] The html that is displayed when the tabs overflow. You can interpolate {{count}}, {{text}} or {{html}} in the string.
* @param {String} [$options.overflow.glyph] Override the glyph that appears next to the overflow text. You can interpolate {{count}} here
* @param {String} [$options.overflow.defaultText] The text to interpolate {{text}} in the content when no tab is selected
* @param {String} [$options.overflow.defaultHtml] The text to interpolate {{text}} in the content when no tab is selected
* @param {string} [$options.defaultTabName] Here you can specify the name of the tab to show by default
* @param {string} [$options.selectors] Array of (slotName => selector) pairs, where the values are CSS style selectors indicating the element to update with javascript, and can be a parent of the tabs. Set to null to reload the page.
* @param {string} [$options.slot] The name of the slot to request when changing tabs with javascript.
* @param {string} [$options.classes] An associative array of the form name => classes, for adding classes to tabs
* @param {string} [$options.titleClasses] An associative array for adding classes to tab titles
* @param {string} [$options.after] Name of an event that will return HTML to place after the generated HTML in the tabs tool element
* @param {string} [$options.loader] Name of a function which takes url, slot, callback. It should call the callback and pass it an object with the response info. Can be used to implement caching, etc. instead of the default HTTP request. This function shall be Q.batcher getter
* @param {string} [$options.onClick] Event when a tab was clicked, with arguments (name, element). Returning false cancels the tab switching.
* @param {string} [$options.beforeSwitch] Event when tab switching begins. Returning false cancels the switching.
* @param {string} [$options.beforeScripts] Name of the function to execute after tab is loaded but before its javascript is executed.
* @param {string} [$options.onCurrent] Name of the function to execute after a tab is shown to be selected.
* @param {string} [$options.onActivate] Name of the function to execute after a tab is activated.
*/
function Q_tabs_tool($options)
{
$field = 'tab';
$slot = 'content,title';
$selectors = array('content' => '#content_slot');
$urls = array();
extract($options);
if (!isset($tabs)) {
return '';
}
if (isset($overflow) and is_string($overflow)) {
$overflow = array('content' => $overflow);
}
/**
* @var array $tabs
* @var boolean $vertical
* @var boolean $compact
*/
$sel = isset($_REQUEST[$field]) ? $_REQUEST[$field] : null;
$result = '';
$i = 0;
$selectedName = null;
$uri_string = (string) Q_Dispatcher::uri();
foreach ($tabs as $name => $title) {
if ($name === $sel or $name === $uri_string or $urls[$name] === $uri_string or $urls[$name] === Q_Request::url()) {
$selectedName = $name;
break;
}
}
foreach ($tabs as $name => $title) {
if (isset($urls[$name])) {
$urls[$name] = Q_Uri::url($urls[$name]);
} else {
$urls[$name] = Q_Uri::url(Q_Request::url(array($field => $name, "/Q\\.(.*)/" => null)));
}
$selected_class = $name === $selectedName ? ' Q_current' : '';
$classes_string = " Q_tab_" . Q_Utils::normalize($name);
if (isset($classes[$name])) {
if (is_string($classes[$name])) {
$classes_string .= ' ' . $classes[$name];
} else {
if (is_array($classes[$name])) {
$classes_string .= ' ' . implode(' ', $classes[$name]);
}
}
}
$titleClasses_string = '';
if (isset($titleClasses[$name])) {
if (is_string($titleClasses[$name])) {
$titleClasses_string = $titleClasses[$name];
} else {
if (is_array($titleClasses[$name])) {
$titleClasses_string = implode(' ', $titleClasses[$name]);
}
}
}
$title_container = Q_Html::div(null, "Q_tabs_title {$titleClasses_string}", isset($title) ? $title : $name);
$result .= Q_Html::tag('li', array('id' => 'tab_' . ++$i, 'class' => "Q_tabs_tab {$classes_string}{$selected_class}", 'data-name' => $name), Q_Html::a($urls[$name], $title_container));
}
Q_Response::setToolOptions(compact('selectors', 'slot', 'urls', 'defaultTabName', 'vertical', 'compact', 'overflow', 'field', 'loader', 'beforeSwitch', 'beforeScripts', 'onActivate'));
Q_Response::addScript('plugins/Q/js/tools/tabs.js');
Q_Response::addStylesheet('plugins/Q/css/tabs.css');
$classes = empty($vertical) ? ' Q_tabs_horizontal' : ' Q_tabs_vertical';
if (!empty($compact)) {
$classes .= " Q_tabs_compact";
}
$after = isset($options['after']) ? Q::event($options['after'], $options) : '';
return "<ul class='Q_tabs_tabs Q_clearfix{$classes}'>{$result}{$after}</ul>";
}
