mirror of
https://github.com/theonedev/onedev.git
synced 2025-12-08 18:26:30 +00:00
Add flat checkbox, flat radio, vex dialog, messenger, modal
This commit is contained in:
steve
parent
fb96450dc7
commit
0ba160fca5
@ -83,6 +83,14 @@
|
||||
<artifactId>commons.jetty</artifactId>
|
||||
<version>1.0.29</version>
|
||||
</dependency>
|
||||
|
||||
<!-- OWSI Core -->
|
||||
<dependency>
|
||||
<groupId>fr.openwide.core.packages</groupId>
|
||||
<artifactId>owsi-core-package-web-wicket-app</artifactId>
|
||||
<version>${owsi-core.version}</version>
|
||||
<type>pom</type>
|
||||
</dependency>
|
||||
</dependencies>
|
||||
|
||||
<repositories>
|
||||
@ -113,10 +121,29 @@
|
||||
<enabled>true</enabled>
|
||||
</snapshots>
|
||||
</repository>
|
||||
|
||||
<repository>
|
||||
<id>nexus-owsi-core</id>
|
||||
<name>Nexus OWSI Core</name>
|
||||
<url>https://projects.openwide.fr/services/nexus/content/repositories/owsi-core</url>
|
||||
<snapshots>
|
||||
<enabled>false</enabled>
|
||||
</snapshots>
|
||||
</repository>
|
||||
|
||||
<repository>
|
||||
<id>nexus-owsi-core-snapshots</id>
|
||||
<name>Nexus OWSI Core Snapshots</name>
|
||||
<url>https://projects.openwide.fr/services/nexus/content/repositories/owsi-core-snapshots</url>
|
||||
<releases>
|
||||
<enabled>false</enabled>
|
||||
</releases>
|
||||
</repository>
|
||||
</repositories>
|
||||
|
||||
<properties>
|
||||
<moduleClass>com.pmease.gitop.web.WebModule</moduleClass>
|
||||
<owsi-core.version>0.8.6-SNAPSHOT</owsi-core.version>
|
||||
</properties>
|
||||
|
||||
</project>
|
||||
|
||||
@ -12,9 +12,13 @@ import org.apache.commons.io.IOUtils;
|
||||
import org.apache.commons.lang3.StringUtils;
|
||||
import org.apache.wicket.Application;
|
||||
import org.apache.wicket.Page;
|
||||
import org.apache.wicket.RuntimeConfigurationType;
|
||||
import org.apache.wicket.Session;
|
||||
import org.apache.wicket.bean.validation.BeanValidationConfiguration;
|
||||
import org.apache.wicket.core.request.mapper.MountedMapper;
|
||||
import org.apache.wicket.devutils.stateless.StatelessChecker;
|
||||
import org.apache.wicket.markup.html.IPackageResourceGuard;
|
||||
import org.apache.wicket.markup.html.SecurePackageResourceGuard;
|
||||
import org.apache.wicket.request.IRequestMapper;
|
||||
import org.apache.wicket.request.Request;
|
||||
import org.apache.wicket.request.Response;
|
||||
@ -31,8 +35,8 @@ import com.pmease.gitop.core.Gitop;
|
||||
import com.pmease.gitop.core.manager.ProjectManager;
|
||||
import com.pmease.gitop.core.manager.UserManager;
|
||||
import com.pmease.gitop.web.assets.AssetLocator;
|
||||
import com.pmease.gitop.web.common.component.avatar.AvatarImageResource;
|
||||
import com.pmease.gitop.web.common.component.avatar.AvatarImageResourceReference;
|
||||
import com.pmease.gitop.web.component.avatar.AvatarImageResource;
|
||||
import com.pmease.gitop.web.component.avatar.AvatarImageResourceReference;
|
||||
import com.pmease.gitop.web.page.account.AccountHomePage;
|
||||
import com.pmease.gitop.web.page.account.RegisterPage;
|
||||
import com.pmease.gitop.web.page.account.setting.password.AccountPasswordPage;
|
||||
@ -103,8 +107,11 @@ public class GitopWebApp extends AbstractWicketConfig {
|
||||
.mountLogoutPage("logout", LogoutPage.class).install(this);
|
||||
|
||||
mountPages();
|
||||
configureResources();
|
||||
|
||||
mountResources();
|
||||
if (getConfigurationType() == RuntimeConfigurationType.DEVELOPMENT) {
|
||||
getComponentPreOnBeforeRenderListeners().add(new StatelessChecker());
|
||||
}
|
||||
}
|
||||
|
||||
public byte[] getDefaultUserAvatar() {
|
||||
@ -185,6 +192,20 @@ public class GitopWebApp extends AbstractWicketConfig {
|
||||
return normalized;
|
||||
}
|
||||
|
||||
private void configureResources() {
|
||||
final IPackageResourceGuard packageResourceGuard = getResourceSettings().getPackageResourceGuard();
|
||||
|
||||
if (packageResourceGuard instanceof SecurePackageResourceGuard) {
|
||||
SecurePackageResourceGuard guard = (SecurePackageResourceGuard) packageResourceGuard;
|
||||
guard.addPattern("+*.woff");
|
||||
guard.addPattern("+*.eot");
|
||||
guard.addPattern("+*.svg");
|
||||
guard.addPattern("+*.ttf");
|
||||
}
|
||||
|
||||
mountResources();
|
||||
}
|
||||
|
||||
private void mountResources() {
|
||||
getSharedResources().add(AvatarImageResourceReference.AVATAR_RESOURCE, new AvatarImageResource());
|
||||
mountResource("avatars/${type}/${id}", new AvatarImageResourceReference());
|
||||
|
||||
@ -30,7 +30,6 @@ public class SitePaths {
|
||||
}
|
||||
|
||||
public File dataDir() {
|
||||
// TODO: this is not correct, should change repo storage dir to data dir
|
||||
return new File(configManager.getStorageSetting().getStorageDir());
|
||||
}
|
||||
|
||||
|
||||
@ -11,15 +11,15 @@ public class AssetLocator {
|
||||
public static final ResourceReference FONT_AWESOME_CSS = newCssResourceReference("css/font-awesome.css");
|
||||
public static final ResourceReference FONT_AWESOME_MIN_CSS = newCssResourceReference("css/font-awesome.min.css");
|
||||
|
||||
public static final ResourceReference BASE_CSS = newCssResourceReference("css/base.css");
|
||||
public static final ResourceReference PAGE_CSS = newCssResourceReference("css/page.css");
|
||||
|
||||
public static final ResourceReference MODERNIZR_JS = newJavaScriptResourceReference("js/vendor/modernizr-2.6.2.js");
|
||||
public static final ResourceReference PAGE_JS = newJavaScriptResourceReference("js/page.js");
|
||||
public static final ResourceReference JQUERY_JS = newJavaScriptResourceReference("js/vendor/jquery.min.js");
|
||||
public static final ResourceReference JQUERY_UI_WIDGET_JS = newJavaScriptResourceReference("js/vendor/jquery.ui.widget.js");
|
||||
public static final ResourceReference BOOTSTAP_JS = newJavaScriptResourceReference("js/vendor/bootstrap.js");
|
||||
|
||||
|
||||
public static final ResourceReference BASE_CSS = newCssResourceReference("css/base.css");
|
||||
public static final ResourceReference PAGE_CSS = newCssResourceReference("css/page.css");
|
||||
public static final ResourceReference PAGE_JS = newJavaScriptResourceReference("js/page.js");
|
||||
|
||||
private static ResourceReference newCssResourceReference(String url) {
|
||||
return new CssResourceReference(AssetLocator.class, url);
|
||||
}
|
||||
|
||||
@ -7,11 +7,12 @@ import org.apache.wicket.behavior.Behavior;
|
||||
import org.apache.wicket.markup.head.CssReferenceHeaderItem;
|
||||
import org.apache.wicket.markup.head.IHeaderResponse;
|
||||
import org.apache.wicket.markup.head.JavaScriptReferenceHeaderItem;
|
||||
import org.apache.wicket.markup.head.PriorityHeaderItem;
|
||||
|
||||
import com.pmease.commons.wicket.asset.JQueryHeaderItem;
|
||||
import com.pmease.commons.wicket.asset.bootstrap.BootstrapHeaderItem;
|
||||
|
||||
public class BaseResourceBehavior extends Behavior {
|
||||
public class BaseResourcesBehavior extends Behavior {
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
// static final ResourceReference MODERNIZR_JS = new JavaScriptResourceReference(BaseResourceBehavior.class, "js/vendor/modernizr-2.6.2.js");
|
||||
@ -26,24 +27,21 @@ public class BaseResourceBehavior extends Behavior {
|
||||
public void renderHead(Component component, IHeaderResponse response) {
|
||||
super.renderHead(component, response);
|
||||
|
||||
response.render(JavaScriptReferenceHeaderItem.forReference(AssetLocator.MODERNIZR_JS));
|
||||
response.render(new PriorityHeaderItem(JavaScriptReferenceHeaderItem.forReference(AssetLocator.MODERNIZR_JS)));
|
||||
|
||||
// render jquery
|
||||
response.render(JQueryHeaderItem.get());
|
||||
response.render(new PriorityHeaderItem(JQueryHeaderItem.get()));
|
||||
|
||||
// render bootstrap
|
||||
response.render(BootstrapHeaderItem.get());
|
||||
|
||||
response.render(JavaScriptReferenceHeaderItem.forReference(AssetLocator.PAGE_JS));
|
||||
response.render(new PriorityHeaderItem(BootstrapHeaderItem.get()));
|
||||
|
||||
// render font-awesome
|
||||
if (Application.get().getConfigurationType() == RuntimeConfigurationType.DEPLOYMENT) {
|
||||
response.render(CssReferenceHeaderItem.forReference(AssetLocator.FONT_AWESOME_MIN_CSS));
|
||||
response.render(new PriorityHeaderItem(CssReferenceHeaderItem.forReference(AssetLocator.FONT_AWESOME_MIN_CSS)));
|
||||
} else {
|
||||
response.render(CssReferenceHeaderItem.forReference(AssetLocator.FONT_AWESOME_CSS));
|
||||
response.render(new PriorityHeaderItem(CssReferenceHeaderItem.forReference(AssetLocator.FONT_AWESOME_CSS)));
|
||||
}
|
||||
|
||||
response.render(CssReferenceHeaderItem.forReference(AssetLocator.BASE_CSS));
|
||||
response.render(CssReferenceHeaderItem.forReference(AssetLocator.PAGE_CSS));
|
||||
response.render(new PriorityHeaderItem(CssReferenceHeaderItem.forReference(AssetLocator.BASE_CSS)));
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,26 @@
|
||||
package com.pmease.gitop.web.assets;
|
||||
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.behavior.Behavior;
|
||||
import org.apache.wicket.markup.head.CssHeaderItem;
|
||||
import org.apache.wicket.markup.head.IHeaderResponse;
|
||||
import org.apache.wicket.markup.head.JavaScriptHeaderItem;
|
||||
|
||||
public class PageResourcesBehavior extends Behavior {
|
||||
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
private static final PageResourcesBehavior instance = new PageResourcesBehavior();
|
||||
|
||||
public static final PageResourcesBehavior get() {
|
||||
return instance;
|
||||
}
|
||||
|
||||
@Override
|
||||
public void renderHead(Component component, IHeaderResponse response) {
|
||||
super.renderHead(component, response);
|
||||
|
||||
response.render(JavaScriptHeaderItem.forReference(AssetLocator.PAGE_JS));
|
||||
response.render(CssHeaderItem.forReference(AssetLocator.PAGE_CSS));
|
||||
}
|
||||
}
|
||||
@ -2,6 +2,8 @@ html, body { background: #f0f2f4; }
|
||||
|
||||
a { color: #09f; }
|
||||
|
||||
body.modal-open { margin-right: 0; }
|
||||
|
||||
/**
|
||||
* MISC COMPONENTS
|
||||
*/
|
||||
@ -119,7 +121,7 @@ a > .icon-null, .icon-null { display: inline-block; width: 10px; }
|
||||
.btn-warning.btn-colorful-text { color: #ff9500; border-color: #ff9500;}
|
||||
.btn-success.btn-colorful-text { color: #64da38; border-color: #64da38;}
|
||||
.btn-primary.btn-colorful-text { color: #1aadf8; border-color: #1aadf8; }
|
||||
.btn-info.btn-colorful-text { color: #2ba6cb; border-color:#2ba6cb;}
|
||||
.btn-info.btn-colorful-text { color: #00B5AD; border-color:#00B5AD;}
|
||||
|
||||
.btn-group > .btn-colorful-text { border-color: #ccc; }
|
||||
|
||||
@ -214,6 +216,22 @@ a > .icon-null, .icon-null { display: inline-block; width: 10px; }
|
||||
.radio-group .btn > .icon-circle:before { content: "\f10c"; }
|
||||
.radio-group .btn.active > .icon-circle:before { content: "\f111"; }
|
||||
|
||||
.checkbox-flat { padding-left: 0; margin-top: 6px; margin-bottom: 6px; }
|
||||
.checkbox-flat input[type="checkbox"] { display: none; }
|
||||
.checkbox-flat .icon-checkbox:before { content: "\f096"; width: 16px; }
|
||||
.checkbox-flat.checked .icon-checkbox:before { content: "\f046"; width: 16px; }
|
||||
.checkbox-flat.disabled { color: #888; }
|
||||
|
||||
.radio-flat { padding-left: 0; cursor: pointer; }
|
||||
.radio-flat input[type="radio"] { display: none; }
|
||||
.radio-flat .icon-radio:before { content: "\f10c"; width: 16px; }
|
||||
.radio-flat:hover .icon-radio:before,
|
||||
.radio-flat.checked .icon-radio:before { content: "\f111"; }
|
||||
.radio-flat:hover .icon-radio { color: #888; }
|
||||
.radio-flat.checked:hover .icon-radio { color: #333; }
|
||||
|
||||
.radio-flat.disabled { color: #888; cursor: default; }
|
||||
|
||||
/**
|
||||
* AVATAR
|
||||
*/
|
||||
@ -315,4 +333,5 @@ section:first-child .head { border-top: none; }
|
||||
|
||||
.content .head h3 { margin: 0; font-size: 18px; line-height: 24px; color: #888; font-weight: 300; }
|
||||
.content .padder { padding: 0px 20px 20px; margin-bottom: 18px; }
|
||||
.content .padder:nth-child(1) { padding-top: 0; }
|
||||
.content .padder:nth-child(1) { padding-top: 0; }
|
||||
|
||||
|
||||
@ -1,12 +0,0 @@
|
||||
package com.pmease.gitop.web.common.annotation;
|
||||
|
||||
import java.lang.annotation.ElementType;
|
||||
import java.lang.annotation.Inherited;
|
||||
import java.lang.annotation.Retention;
|
||||
import java.lang.annotation.RetentionPolicy;
|
||||
import java.lang.annotation.Target;
|
||||
|
||||
@Retention(RetentionPolicy.RUNTIME)
|
||||
@Target(ElementType.TYPE)
|
||||
@Inherited
|
||||
public @interface AdminRequired {}
|
||||
@ -1,12 +0,0 @@
|
||||
package com.pmease.gitop.web.common.annotation;
|
||||
|
||||
import java.lang.annotation.ElementType;
|
||||
import java.lang.annotation.Inherited;
|
||||
import java.lang.annotation.Retention;
|
||||
import java.lang.annotation.RetentionPolicy;
|
||||
import java.lang.annotation.Target;
|
||||
|
||||
@Retention(RetentionPolicy.RUNTIME)
|
||||
@Target(ElementType.TYPE)
|
||||
@Inherited
|
||||
public @interface LoginRequired {}
|
||||
@ -0,0 +1,36 @@
|
||||
package com.pmease.gitop.web.common.component.foundation;
|
||||
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.behavior.Behavior;
|
||||
import org.apache.wicket.markup.head.IHeaderResponse;
|
||||
import org.apache.wicket.markup.head.JavaScriptHeaderItem;
|
||||
import org.apache.wicket.request.resource.JavaScriptResourceReference;
|
||||
import org.apache.wicket.request.resource.ResourceReference;
|
||||
|
||||
import com.google.common.base.Preconditions;
|
||||
|
||||
public class FoundationBaseBehavior extends Behavior {
|
||||
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
private static final FoundationBaseBehavior instance = new FoundationBaseBehavior();
|
||||
|
||||
public static void removeFrom(final Component component) {
|
||||
Preconditions.checkNotNull(component, "component");
|
||||
component.remove(instance);
|
||||
}
|
||||
|
||||
public static void addTo(final Component component) {
|
||||
Preconditions.checkNotNull(component, "component");
|
||||
component.add(instance);
|
||||
}
|
||||
|
||||
private final static ResourceReference FOUNDATION_JS = new JavaScriptResourceReference(FoundationBaseBehavior.class, "res/js/foundation.js");
|
||||
|
||||
@Override
|
||||
public void renderHead(final Component component, final IHeaderResponse response) {
|
||||
super.renderHead(component, response);
|
||||
|
||||
response.render(JavaScriptHeaderItem.forReference(FOUNDATION_JS));
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
package com.pmease.gitop.web.common.component.foundation;
|
||||
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.behavior.Behavior;
|
||||
import org.apache.wicket.markup.head.IHeaderResponse;
|
||||
import org.apache.wicket.markup.head.JavaScriptHeaderItem;
|
||||
|
||||
public class FoundationFormBehavior extends Behavior {
|
||||
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
@Override
|
||||
public void renderHead(Component component, IHeaderResponse response) {
|
||||
super.renderHead(component, response);
|
||||
|
||||
response.render(JavaScriptHeaderItem.forReference(FoundationFormJavaScriptResourceReference.get()));
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,32 @@
|
||||
package com.pmease.gitop.web.common.component.foundation;
|
||||
|
||||
import org.apache.wicket.markup.head.HeaderItem;
|
||||
import org.apache.wicket.markup.head.JavaScriptHeaderItem;
|
||||
import org.apache.wicket.request.resource.JavaScriptResourceReference;
|
||||
|
||||
import com.google.common.collect.Iterables;
|
||||
import com.google.common.collect.Lists;
|
||||
|
||||
public class FoundationFormJavaScriptResourceReference extends JavaScriptResourceReference {
|
||||
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
public FoundationFormJavaScriptResourceReference() {
|
||||
super(FoundationFormJavaScriptResourceReference.class, "res/js/foundation.forms.js");
|
||||
}
|
||||
|
||||
@Override
|
||||
public Iterable<? extends HeaderItem> getDependencies() {
|
||||
return Iterables.concat(
|
||||
super.getDependencies(),
|
||||
Lists.newArrayList(JavaScriptHeaderItem.forReference(
|
||||
FoundationJavaScriptResourceReference.get())));
|
||||
}
|
||||
|
||||
private static final FoundationFormJavaScriptResourceReference instance =
|
||||
new FoundationFormJavaScriptResourceReference();
|
||||
|
||||
public static FoundationFormJavaScriptResourceReference get() {
|
||||
return instance;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
package com.pmease.gitop.web.common.component.foundation;
|
||||
|
||||
import org.apache.wicket.request.resource.JavaScriptResourceReference;
|
||||
|
||||
public class FoundationJavaScriptResourceReference extends JavaScriptResourceReference {
|
||||
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
public FoundationJavaScriptResourceReference() {
|
||||
super(FoundationJavaScriptResourceReference.class,
|
||||
"res/js/foundation.js");
|
||||
}
|
||||
|
||||
private static final FoundationJavaScriptResourceReference instance =
|
||||
new FoundationJavaScriptResourceReference();
|
||||
|
||||
public static FoundationJavaScriptResourceReference get() {
|
||||
return instance;
|
||||
}
|
||||
}
|
||||
198
gitop.web/src/main/java/com/pmease/gitop/web/common/component/foundation/res/js/foundation.abide.js
vendored
Normal file
198
gitop.web/src/main/java/com/pmease/gitop/web/common/component/foundation/res/js/foundation.abide.js
vendored
Normal file
@ -0,0 +1,198 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.abide = {
|
||||
name : 'abide',
|
||||
|
||||
version : '4.3.3',
|
||||
|
||||
settings : {
|
||||
live_validate : true,
|
||||
focus_on_invalid : true,
|
||||
timeout : 1000,
|
||||
patterns : {
|
||||
alpha: /[a-zA-Z]+/,
|
||||
alpha_numeric : /[a-zA-Z0-9]+/,
|
||||
integer: /-?\d+/,
|
||||
number: /-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?/,
|
||||
|
||||
// generic password: upper-case, lower-case, number/special character, and min 8 characters
|
||||
password : /(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$/,
|
||||
|
||||
// amex, visa, diners
|
||||
card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,
|
||||
cvv : /^([0-9]){3,4}$/,
|
||||
|
||||
// http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address
|
||||
email : /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,
|
||||
|
||||
url: /(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?/,
|
||||
// abc.de
|
||||
domain: /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}$/,
|
||||
|
||||
datetime: /([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))/,
|
||||
// YYYY-MM-DD
|
||||
date: /(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))/,
|
||||
// HH:MM:SS
|
||||
time : /(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}/,
|
||||
dateISO: /\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}/,
|
||||
// MM/DD/YYYY
|
||||
month_day_year : /(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.](19|20)\d\d/,
|
||||
|
||||
// #FFF or #FFFFFF
|
||||
color: /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/
|
||||
}
|
||||
},
|
||||
|
||||
timer : null,
|
||||
|
||||
init : function (scope, method, options) {
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method !== 'string') {
|
||||
if (!this.settings.init) { this.events(); }
|
||||
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this,
|
||||
forms = $('form[data-abide]', this.scope).attr('novalidate', 'novalidate');
|
||||
|
||||
forms
|
||||
.on('submit validate', function (e) {
|
||||
var is_ajax = /ajax/i.test($(this).attr('data-abide'));
|
||||
return self.validate($(this).find('input, textarea, select').get(), e, is_ajax);
|
||||
});
|
||||
|
||||
this.settings.init = true;
|
||||
|
||||
if (!this.settings.live_validate) return;
|
||||
|
||||
forms
|
||||
.find('input, textarea, select')
|
||||
.on('blur change', function (e) {
|
||||
self.validate([this], e);
|
||||
})
|
||||
.on('keydown', function (e) {
|
||||
clearTimeout(self.timer);
|
||||
self.timer = setTimeout(function () {
|
||||
self.validate([this], e);
|
||||
}.bind(this), self.settings.timeout);
|
||||
});
|
||||
},
|
||||
|
||||
validate : function (els, e, is_ajax) {
|
||||
var validations = this.parse_patterns(els),
|
||||
validation_count = validations.length,
|
||||
form = $(els[0]).closest('form'),
|
||||
submit_event = /submit/.test(e.type);
|
||||
|
||||
for (var i=0; i < validation_count; i++) {
|
||||
if (!validations[i] && (submit_event || is_ajax)) {
|
||||
if (this.settings.focus_on_invalid) els[i].focus();
|
||||
form.trigger('invalid');
|
||||
$(els[i]).closest('form').attr('data-invalid', '');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if (submit_event || is_ajax) {
|
||||
form.trigger('valid');
|
||||
}
|
||||
|
||||
form.removeAttr('data-invalid');
|
||||
|
||||
if (is_ajax) return false;
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
parse_patterns : function (els) {
|
||||
var count = els.length,
|
||||
el_patterns = [];
|
||||
|
||||
for (var i = count - 1; i >= 0; i--) {
|
||||
el_patterns.push(this.pattern(els[i]));
|
||||
}
|
||||
|
||||
return this.check_validation_and_apply_styles(el_patterns);
|
||||
},
|
||||
|
||||
pattern : function (el) {
|
||||
var type = el.getAttribute('type'),
|
||||
required = typeof el.getAttribute('required') === 'string';
|
||||
|
||||
if (this.settings.patterns.hasOwnProperty(type)) {
|
||||
return [el, this.settings.patterns[type], required];
|
||||
}
|
||||
|
||||
var pattern = el.getAttribute('pattern') || '';
|
||||
|
||||
if (this.settings.patterns.hasOwnProperty(pattern) && pattern.length > 0) {
|
||||
return [el, this.settings.patterns[pattern], required];
|
||||
} else if (pattern.length > 0) {
|
||||
return [el, new RegExp(pattern), required];
|
||||
}
|
||||
|
||||
pattern = /.*/;
|
||||
|
||||
return [el, pattern, required];
|
||||
},
|
||||
|
||||
check_validation_and_apply_styles : function (el_patterns) {
|
||||
var count = el_patterns.length,
|
||||
validations = [];
|
||||
|
||||
for (var i = count - 1; i >= 0; i--) {
|
||||
var el = el_patterns[i][0],
|
||||
required = el_patterns[i][2],
|
||||
value = el.value,
|
||||
is_radio = el.type === "radio",
|
||||
valid_length = (required) ? (el.value.length > 0) : true;
|
||||
|
||||
if (is_radio && required) {
|
||||
validations.push(this.valid_radio(el, required));
|
||||
} else {
|
||||
if (el_patterns[i][1].test(value) && valid_length ||
|
||||
!required && el.value.length < 1) {
|
||||
$(el).removeAttr('data-invalid').parent().removeClass('error');
|
||||
validations.push(true);
|
||||
} else {
|
||||
$(el).attr('data-invalid', '').parent().addClass('error');
|
||||
validations.push(false);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return validations;
|
||||
},
|
||||
|
||||
valid_radio : function (el, required) {
|
||||
var name = el.getAttribute('name'),
|
||||
group = document.getElementsByName(name),
|
||||
count = group.length,
|
||||
valid = false;
|
||||
|
||||
for (var i=0; i < count; i++) {
|
||||
if (group[i].checked) valid = true;
|
||||
}
|
||||
|
||||
for (var i=0; i < count; i++) {
|
||||
if (valid) {
|
||||
$(group[i]).removeAttr('data-invalid').parent().removeClass('error');
|
||||
} else {
|
||||
$(group[i]).attr('data-invalid', '').parent().addClass('error');
|
||||
}
|
||||
}
|
||||
|
||||
return valid;
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@ -0,0 +1,57 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.alerts = {
|
||||
name : 'alerts',
|
||||
|
||||
version : '4.3.2',
|
||||
|
||||
settings : {
|
||||
animation: 'fadeOut',
|
||||
speed: 300, // fade out speed
|
||||
callback: function (){}
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
Foundation.inherit(this, 'data_options');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method !== 'string') {
|
||||
if (!this.settings.init) { this.events(); }
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope).on('click.fndtn.alerts', '[data-alert] a.close', function (e) {
|
||||
var alertBox = $(this).closest("[data-alert]"),
|
||||
settings = $.extend({}, self.settings, self.data_options(alertBox));
|
||||
|
||||
e.preventDefault();
|
||||
alertBox[settings.animation](settings.speed, function () {
|
||||
$(this).remove();
|
||||
settings.callback();
|
||||
});
|
||||
});
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.alerts');
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@ -0,0 +1,522 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.clearing = {
|
||||
name : 'clearing',
|
||||
|
||||
version: '4.3.3',
|
||||
|
||||
settings : {
|
||||
templates : {
|
||||
viewing : '<a href="#" class="clearing-close">×</a>' +
|
||||
'<div class="visible-img" style="display: none"><img src="//:0">' +
|
||||
'<p class="clearing-caption"></p><a href="#" class="clearing-main-prev"><span></span></a>' +
|
||||
'<a href="#" class="clearing-main-next"><span></span></a></div>'
|
||||
},
|
||||
|
||||
// comma delimited list of selectors that, on click, will close clearing,
|
||||
// add 'div.clearing-blackout, div.visible-img' to close on background click
|
||||
close_selectors : '.clearing-close',
|
||||
|
||||
// event initializers and locks
|
||||
init : false,
|
||||
locked : false
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
var self = this;
|
||||
Foundation.inherit(this, 'set_data get_data remove_data throttle data_options');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
options = $.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method !== 'string') {
|
||||
$(this.scope).find('ul[data-clearing]').each(function () {
|
||||
var $el = $(this),
|
||||
options = options || {},
|
||||
lis = $el.find('li'),
|
||||
settings = self.get_data($el);
|
||||
|
||||
if (!settings && lis.length > 0) {
|
||||
options.$parent = $el.parent();
|
||||
|
||||
self.set_data($el, $.extend({}, self.settings, options, self.data_options($el)));
|
||||
|
||||
self.assemble($el.find('li'));
|
||||
|
||||
if (!self.settings.init) {
|
||||
self.events().swipe_events();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
// fire method
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
// event binding and initial setup
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('click.fndtn.clearing', 'ul[data-clearing] li',
|
||||
function (e, current, target) {
|
||||
var current = current || $(this),
|
||||
target = target || current,
|
||||
next = current.next('li'),
|
||||
settings = self.get_data(current.parent()),
|
||||
image = $(e.target);
|
||||
|
||||
e.preventDefault();
|
||||
if (!settings) self.init();
|
||||
|
||||
// if clearing is open and the current image is
|
||||
// clicked, go to the next image in sequence
|
||||
if (target.hasClass('visible') &&
|
||||
current[0] === target[0] &&
|
||||
next.length > 0 && self.is_open(current)) {
|
||||
target = next;
|
||||
image = target.find('img');
|
||||
}
|
||||
|
||||
// set current and target to the clicked li if not otherwise defined.
|
||||
self.open(image, current, target);
|
||||
self.update_paddles(target);
|
||||
})
|
||||
|
||||
.on('click.fndtn.clearing', '.clearing-main-next',
|
||||
function (e) { this.nav(e, 'next') }.bind(this))
|
||||
.on('click.fndtn.clearing', '.clearing-main-prev',
|
||||
function (e) { this.nav(e, 'prev') }.bind(this))
|
||||
.on('click.fndtn.clearing', this.settings.close_selectors,
|
||||
function (e) { Foundation.libs.clearing.close(e, this) })
|
||||
.on('keydown.fndtn.clearing',
|
||||
function (e) { this.keydown(e) }.bind(this));
|
||||
|
||||
$(window).on('resize.fndtn.clearing',
|
||||
function () { this.resize() }.bind(this));
|
||||
|
||||
this.settings.init = true;
|
||||
return this;
|
||||
},
|
||||
|
||||
swipe_events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('touchstart.fndtn.clearing', '.visible-img', function(e) {
|
||||
if (!e.touches) { e = e.originalEvent; }
|
||||
var data = {
|
||||
start_page_x: e.touches[0].pageX,
|
||||
start_page_y: e.touches[0].pageY,
|
||||
start_time: (new Date()).getTime(),
|
||||
delta_x: 0,
|
||||
is_scrolling: undefined
|
||||
};
|
||||
|
||||
$(this).data('swipe-transition', data);
|
||||
e.stopPropagation();
|
||||
})
|
||||
.on('touchmove.fndtn.clearing', '.visible-img', function(e) {
|
||||
if (!e.touches) { e = e.originalEvent; }
|
||||
// Ignore pinch/zoom events
|
||||
if(e.touches.length > 1 || e.scale && e.scale !== 1) return;
|
||||
|
||||
var data = $(this).data('swipe-transition');
|
||||
|
||||
if (typeof data === 'undefined') {
|
||||
data = {};
|
||||
}
|
||||
|
||||
data.delta_x = e.touches[0].pageX - data.start_page_x;
|
||||
|
||||
if ( typeof data.is_scrolling === 'undefined') {
|
||||
data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) );
|
||||
}
|
||||
|
||||
if (!data.is_scrolling && !data.active) {
|
||||
e.preventDefault();
|
||||
var direction = (data.delta_x < 0) ? 'next' : 'prev';
|
||||
data.active = true;
|
||||
self.nav(e, direction);
|
||||
}
|
||||
})
|
||||
.on('touchend.fndtn.clearing', '.visible-img', function(e) {
|
||||
$(this).data('swipe-transition', {});
|
||||
e.stopPropagation();
|
||||
});
|
||||
},
|
||||
|
||||
assemble : function ($li) {
|
||||
var $el = $li.parent();
|
||||
$el.after('<div id="foundationClearingHolder"></div>');
|
||||
|
||||
var holder = $('#foundationClearingHolder'),
|
||||
settings = this.get_data($el),
|
||||
grid = $el.detach(),
|
||||
data = {
|
||||
grid: '<div class="carousel">' + this.outerHTML(grid[0]) + '</div>',
|
||||
viewing: settings.templates.viewing
|
||||
},
|
||||
wrapper = '<div class="clearing-assembled"><div>' + data.viewing +
|
||||
data.grid + '</div></div>';
|
||||
|
||||
return holder.after(wrapper).remove();
|
||||
},
|
||||
|
||||
// event callbacks
|
||||
|
||||
open : function ($image, current, target) {
|
||||
var root = target.closest('.clearing-assembled'),
|
||||
container = root.find('div').first(),
|
||||
visible_image = container.find('.visible-img'),
|
||||
image = visible_image.find('img').not($image);
|
||||
|
||||
if (!this.locked()) {
|
||||
visible_image.trigger('open.fndtn.clearing', $image.attr('id'));
|
||||
// set the image to the selected thumbnail
|
||||
image
|
||||
.attr('src', this.load($image))
|
||||
.css('visibility', 'hidden');
|
||||
|
||||
this.loaded(image, function () {
|
||||
image.css('visibility', 'visible');
|
||||
// toggle the gallery
|
||||
root.addClass('clearing-blackout');
|
||||
container.addClass('clearing-container');
|
||||
visible_image.show();
|
||||
this.fix_height(target)
|
||||
.caption(visible_image.find('.clearing-caption'), $image)
|
||||
.center(image)
|
||||
.shift(current, target, function () {
|
||||
target.siblings().removeClass('visible');
|
||||
target.addClass('visible');
|
||||
});
|
||||
visible_image.trigger('opened.fndtn.clearing')
|
||||
}.bind(this));
|
||||
}
|
||||
},
|
||||
|
||||
close : function (e, el) {
|
||||
e.preventDefault();
|
||||
|
||||
var root = (function (target) {
|
||||
if (/blackout/.test(target.selector)) {
|
||||
return target;
|
||||
} else {
|
||||
return target.closest('.clearing-blackout');
|
||||
}
|
||||
}($(el))), container, visible_image;
|
||||
|
||||
if (el === e.target && root) {
|
||||
container = root.find('div').first();
|
||||
visible_image = container.find('.visible-img');
|
||||
visible_image.trigger('close.fndtn.clearing');
|
||||
this.settings.prev_index = 0;
|
||||
root.find('ul[data-clearing]')
|
||||
.attr('style', '').closest('.clearing-blackout')
|
||||
.removeClass('clearing-blackout');
|
||||
container.removeClass('clearing-container');
|
||||
visible_image.hide();
|
||||
visible_image.trigger('closed.fndtn.clearing');
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
is_open : function (current) {
|
||||
return current.parent().prop('style').length > 0;
|
||||
},
|
||||
|
||||
keydown : function (e) {
|
||||
var clearing = $('.clearing-blackout').find('ul[data-clearing]');
|
||||
|
||||
if (e.which === 39) this.go(clearing, 'next');
|
||||
if (e.which === 37) this.go(clearing, 'prev');
|
||||
if (e.which === 27) $('a.clearing-close').trigger('click');
|
||||
},
|
||||
|
||||
nav : function (e, direction) {
|
||||
var clearing = $('.clearing-blackout').find('ul[data-clearing]');
|
||||
|
||||
e.preventDefault();
|
||||
this.go(clearing, direction);
|
||||
},
|
||||
|
||||
resize : function () {
|
||||
var image = $('.clearing-blackout .visible-img').find('img');
|
||||
|
||||
if (image.length) {
|
||||
this.center(image);
|
||||
image.trigger('resized.fndtn.clearing')
|
||||
}
|
||||
},
|
||||
|
||||
// visual adjustments
|
||||
fix_height : function (target) {
|
||||
var lis = target.parent().children(),
|
||||
self = this;
|
||||
|
||||
lis.each(function () {
|
||||
var li = $(this),
|
||||
image = li.find('img');
|
||||
|
||||
if (li.height() > self.outerHeight(image)) {
|
||||
li.addClass('fix-height');
|
||||
}
|
||||
})
|
||||
.closest('ul')
|
||||
.width(lis.length * 100 + '%');
|
||||
|
||||
return this;
|
||||
},
|
||||
|
||||
update_paddles : function (target) {
|
||||
var visible_image = target
|
||||
.closest('.carousel')
|
||||
.siblings('.visible-img');
|
||||
|
||||
if (target.next().length > 0) {
|
||||
visible_image
|
||||
.find('.clearing-main-next')
|
||||
.removeClass('disabled');
|
||||
} else {
|
||||
visible_image
|
||||
.find('.clearing-main-next')
|
||||
.addClass('disabled');
|
||||
}
|
||||
|
||||
if (target.prev().length > 0) {
|
||||
visible_image
|
||||
.find('.clearing-main-prev')
|
||||
.removeClass('disabled');
|
||||
} else {
|
||||
visible_image
|
||||
.find('.clearing-main-prev')
|
||||
.addClass('disabled');
|
||||
}
|
||||
},
|
||||
|
||||
center : function (target) {
|
||||
if (!this.rtl) {
|
||||
target.css({
|
||||
marginLeft : -(this.outerWidth(target) / 2),
|
||||
marginTop : -(this.outerHeight(target) / 2)
|
||||
});
|
||||
} else {
|
||||
target.css({
|
||||
marginRight : -(this.outerWidth(target) / 2),
|
||||
marginTop : -(this.outerHeight(target) / 2)
|
||||
});
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
||||
// image loading and preloading
|
||||
|
||||
load : function ($image) {
|
||||
if ($image[0].nodeName === "A") {
|
||||
var href = $image.attr('href');
|
||||
} else {
|
||||
var href = $image.parent().attr('href');
|
||||
}
|
||||
|
||||
this.preload($image);
|
||||
|
||||
if (href) return href;
|
||||
return $image.attr('src');
|
||||
},
|
||||
|
||||
preload : function ($image) {
|
||||
this
|
||||
.img($image.closest('li').next())
|
||||
.img($image.closest('li').prev());
|
||||
},
|
||||
|
||||
loaded : function (image, callback) {
|
||||
// based on jquery.imageready.js
|
||||
// @weblinc, @jsantell, (c) 2012
|
||||
|
||||
function loaded () {
|
||||
callback();
|
||||
}
|
||||
|
||||
function bindLoad () {
|
||||
this.one('load', loaded);
|
||||
|
||||
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
|
||||
var src = this.attr( 'src' ),
|
||||
param = src.match( /\?/ ) ? '&' : '?';
|
||||
|
||||
param += 'random=' + (new Date()).getTime();
|
||||
this.attr('src', src + param);
|
||||
}
|
||||
}
|
||||
|
||||
if (!image.attr('src')) {
|
||||
loaded();
|
||||
return;
|
||||
}
|
||||
|
||||
if (image[0].complete || image[0].readyState === 4) {
|
||||
loaded();
|
||||
} else {
|
||||
bindLoad.call(image);
|
||||
}
|
||||
},
|
||||
|
||||
img : function (img) {
|
||||
if (img.length) {
|
||||
var new_img = new Image(),
|
||||
new_a = img.find('a');
|
||||
|
||||
if (new_a.length) {
|
||||
new_img.src = new_a.attr('href');
|
||||
} else {
|
||||
new_img.src = img.find('img').attr('src');
|
||||
}
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
||||
// image caption
|
||||
|
||||
caption : function (container, $image) {
|
||||
var caption = $image.data('caption');
|
||||
|
||||
if (caption) {
|
||||
container
|
||||
.html(caption)
|
||||
.show();
|
||||
} else {
|
||||
container
|
||||
.text('')
|
||||
.hide();
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
||||
// directional methods
|
||||
|
||||
go : function ($ul, direction) {
|
||||
var current = $ul.find('.visible'),
|
||||
target = current[direction]();
|
||||
|
||||
if (target.length) {
|
||||
target
|
||||
.find('img')
|
||||
.trigger('click', [current, target])
|
||||
.trigger('change.fndtn.clearing');
|
||||
}
|
||||
},
|
||||
|
||||
shift : function (current, target, callback) {
|
||||
var clearing = target.parent(),
|
||||
old_index = this.settings.prev_index || target.index(),
|
||||
direction = this.direction(clearing, current, target),
|
||||
left = parseInt(clearing.css('left'), 10),
|
||||
width = this.outerWidth(target),
|
||||
skip_shift;
|
||||
|
||||
// we use jQuery animate instead of CSS transitions because we
|
||||
// need a callback to unlock the next animation
|
||||
if (target.index() !== old_index && !/skip/.test(direction)){
|
||||
if (/left/.test(direction)) {
|
||||
this.lock();
|
||||
clearing.animate({left : left + width}, 300, this.unlock());
|
||||
} else if (/right/.test(direction)) {
|
||||
this.lock();
|
||||
clearing.animate({left : left - width}, 300, this.unlock());
|
||||
}
|
||||
} else if (/skip/.test(direction)) {
|
||||
// the target image is not adjacent to the current image, so
|
||||
// do we scroll right or not
|
||||
skip_shift = target.index() - this.settings.up_count;
|
||||
this.lock();
|
||||
|
||||
if (skip_shift > 0) {
|
||||
clearing.animate({left : -(skip_shift * width)}, 300, this.unlock());
|
||||
} else {
|
||||
clearing.animate({left : 0}, 300, this.unlock());
|
||||
}
|
||||
}
|
||||
|
||||
callback();
|
||||
},
|
||||
|
||||
direction : function ($el, current, target) {
|
||||
var lis = $el.find('li'),
|
||||
li_width = this.outerWidth(lis) + (this.outerWidth(lis) / 4),
|
||||
up_count = Math.floor(this.outerWidth($('.clearing-container')) / li_width) - 1,
|
||||
target_index = lis.index(target),
|
||||
response;
|
||||
|
||||
this.settings.up_count = up_count;
|
||||
|
||||
if (this.adjacent(this.settings.prev_index, target_index)) {
|
||||
if ((target_index > up_count)
|
||||
&& target_index > this.settings.prev_index) {
|
||||
response = 'right';
|
||||
} else if ((target_index > up_count - 1)
|
||||
&& target_index <= this.settings.prev_index) {
|
||||
response = 'left';
|
||||
} else {
|
||||
response = false;
|
||||
}
|
||||
} else {
|
||||
response = 'skip';
|
||||
}
|
||||
|
||||
this.settings.prev_index = target_index;
|
||||
|
||||
return response;
|
||||
},
|
||||
|
||||
adjacent : function (current_index, target_index) {
|
||||
for (var i = target_index + 1; i >= target_index - 1; i--) {
|
||||
if (i === current_index) return true;
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
// lock management
|
||||
|
||||
lock : function () {
|
||||
this.settings.locked = true;
|
||||
},
|
||||
|
||||
unlock : function () {
|
||||
this.settings.locked = false;
|
||||
},
|
||||
|
||||
locked : function () {
|
||||
return this.settings.locked;
|
||||
},
|
||||
|
||||
// plugin management/browser quirks
|
||||
|
||||
outerHTML : function (el) {
|
||||
// support FireFox < 11
|
||||
return el.outerHTML || new XMLSerializer().serializeToString(el);
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.clearing');
|
||||
$(window).off('.fndtn.clearing');
|
||||
this.remove_data(); // empty settings cache
|
||||
this.settings.init = false;
|
||||
},
|
||||
|
||||
reflow : function () {
|
||||
this.init();
|
||||
}
|
||||
};
|
||||
|
||||
}(Foundation.zj, this, this.document));
|
||||
@ -0,0 +1,74 @@
|
||||
/*!
|
||||
* jQuery Cookie Plugin v1.3
|
||||
* https://github.com/carhartl/jquery-cookie
|
||||
*
|
||||
* Copyright 2011, Klaus Hartl
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* http://www.opensource.org/licenses/GPL-2.0
|
||||
*
|
||||
* Modified to work with Zepto.js by ZURB
|
||||
*/
|
||||
(function ($, document, undefined) {
|
||||
|
||||
var pluses = /\+/g;
|
||||
|
||||
function raw(s) {
|
||||
return s;
|
||||
}
|
||||
|
||||
function decoded(s) {
|
||||
return decodeURIComponent(s.replace(pluses, ' '));
|
||||
}
|
||||
|
||||
var config = $.cookie = function (key, value, options) {
|
||||
|
||||
// write
|
||||
if (value !== undefined) {
|
||||
options = $.extend({}, config.defaults, options);
|
||||
|
||||
if (value === null) {
|
||||
options.expires = -1;
|
||||
}
|
||||
|
||||
if (typeof options.expires === 'number') {
|
||||
var days = options.expires, t = options.expires = new Date();
|
||||
t.setDate(t.getDate() + days);
|
||||
}
|
||||
|
||||
value = config.json ? JSON.stringify(value) : String(value);
|
||||
|
||||
return (document.cookie = [
|
||||
encodeURIComponent(key), '=', config.raw ? value : encodeURIComponent(value),
|
||||
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
|
||||
options.path ? '; path=' + options.path : '',
|
||||
options.domain ? '; domain=' + options.domain : '',
|
||||
options.secure ? '; secure' : ''
|
||||
].join(''));
|
||||
}
|
||||
|
||||
// read
|
||||
var decode = config.raw ? raw : decoded;
|
||||
var cookies = document.cookie.split('; ');
|
||||
for (var i = 0, l = cookies.length; i < l; i++) {
|
||||
var parts = cookies[i].split('=');
|
||||
if (decode(parts.shift()) === key) {
|
||||
var cookie = decode(parts.join('='));
|
||||
return config.json ? JSON.parse(cookie) : cookie;
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
config.defaults = {};
|
||||
|
||||
$.removeCookie = function (key, options) {
|
||||
if ($.cookie(key) !== null) {
|
||||
$.cookie(key, null, options);
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
})(Foundation.zj, document);
|
||||
@ -0,0 +1,183 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.dropdown = {
|
||||
name : 'dropdown',
|
||||
|
||||
version : '4.3.2',
|
||||
|
||||
settings : {
|
||||
activeClass: 'open',
|
||||
is_hover: false,
|
||||
opened: function(){},
|
||||
closed: function(){}
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
Foundation.inherit(this, 'throttle scrollLeft data_options');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method !== 'string') {
|
||||
|
||||
if (!this.settings.init) {
|
||||
this.events();
|
||||
}
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('click.fndtn.dropdown', '[data-dropdown]', function (e) {
|
||||
var settings = $.extend({}, self.settings, self.data_options($(this)));
|
||||
e.preventDefault();
|
||||
|
||||
if (!settings.is_hover) self.toggle($(this));
|
||||
})
|
||||
.on('mouseenter', '[data-dropdown]', function (e) {
|
||||
var settings = $.extend({}, self.settings, self.data_options($(this)));
|
||||
if (settings.is_hover) self.toggle($(this));
|
||||
})
|
||||
.on('mouseleave', '[data-dropdown-content]', function (e) {
|
||||
var target = $('[data-dropdown="' + $(this).attr('id') + '"]'),
|
||||
settings = $.extend({}, self.settings, self.data_options(target));
|
||||
if (settings.is_hover) self.close.call(self, $(this));
|
||||
})
|
||||
.on('opened.fndtn.dropdown', '[data-dropdown-content]', this.settings.opened)
|
||||
.on('closed.fndtn.dropdown', '[data-dropdown-content]', this.settings.closed);
|
||||
|
||||
$(document).on('click.fndtn.dropdown', function (e) {
|
||||
var parent = $(e.target).closest('[data-dropdown-content]');
|
||||
|
||||
if ($(e.target).data('dropdown') || $(e.target).parent().data('dropdown')) {
|
||||
return;
|
||||
}
|
||||
if (!($(e.target).data('revealId')) &&
|
||||
(parent.length > 0 && ($(e.target).is('[data-dropdown-content]') ||
|
||||
$.contains(parent.first()[0], e.target)))) {
|
||||
e.stopPropagation();
|
||||
return;
|
||||
}
|
||||
|
||||
self.close.call(self, $('[data-dropdown-content]'));
|
||||
});
|
||||
|
||||
$(window).on('resize.fndtn.dropdown', self.throttle(function () {
|
||||
self.resize.call(self);
|
||||
}, 50)).trigger('resize');
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
close: function (dropdown) {
|
||||
var self = this;
|
||||
dropdown.each(function () {
|
||||
if ($(this).hasClass(self.settings.activeClass)) {
|
||||
$(this)
|
||||
.css(Foundation.rtl ? 'right':'left', '-99999px')
|
||||
.removeClass(self.settings.activeClass);
|
||||
$(this).trigger('closed');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
open: function (dropdown, target) {
|
||||
this
|
||||
.css(dropdown
|
||||
.addClass(this.settings.activeClass), target);
|
||||
dropdown.trigger('opened');
|
||||
},
|
||||
|
||||
toggle : function (target) {
|
||||
var dropdown = $('#' + target.data('dropdown'));
|
||||
if (dropdown.length === 0) {
|
||||
// No dropdown found, not continuing
|
||||
return;
|
||||
}
|
||||
|
||||
this.close.call(this, $('[data-dropdown-content]').not(dropdown));
|
||||
|
||||
if (dropdown.hasClass(this.settings.activeClass)) {
|
||||
this.close.call(this, dropdown);
|
||||
} else {
|
||||
this.close.call(this, $('[data-dropdown-content]'))
|
||||
this.open.call(this, dropdown, target);
|
||||
}
|
||||
},
|
||||
|
||||
resize : function () {
|
||||
var dropdown = $('[data-dropdown-content].open'),
|
||||
target = $("[data-dropdown='" + dropdown.attr('id') + "']");
|
||||
|
||||
if (dropdown.length && target.length) {
|
||||
this.css(dropdown, target);
|
||||
}
|
||||
},
|
||||
|
||||
css : function (dropdown, target) {
|
||||
var offset_parent = dropdown.offsetParent();
|
||||
// if (offset_parent.length > 0 && /body/i.test(dropdown.offsetParent()[0].nodeName)) {
|
||||
var position = target.offset();
|
||||
position.top -= offset_parent.offset().top;
|
||||
position.left -= offset_parent.offset().left;
|
||||
// } else {
|
||||
// var position = target.position();
|
||||
// }
|
||||
|
||||
if (this.small()) {
|
||||
dropdown.css({
|
||||
position : 'absolute',
|
||||
width: '95%',
|
||||
'max-width': 'none',
|
||||
top: position.top + this.outerHeight(target)
|
||||
});
|
||||
dropdown.css(Foundation.rtl ? 'right':'left', '2.5%');
|
||||
} else {
|
||||
if (!Foundation.rtl && $(window).width() > this.outerWidth(dropdown) + target.offset().left && !this.data_options(target).align_right) {
|
||||
var left = position.left;
|
||||
if (dropdown.hasClass('right')) {
|
||||
dropdown.removeClass('right');
|
||||
}
|
||||
} else {
|
||||
if (!dropdown.hasClass('right')) {
|
||||
dropdown.addClass('right');
|
||||
}
|
||||
var left = position.left - (this.outerWidth(dropdown) - this.outerWidth(target));
|
||||
}
|
||||
|
||||
dropdown.attr('style', '').css({
|
||||
position : 'absolute',
|
||||
top: position.top + this.outerHeight(target),
|
||||
left: left
|
||||
});
|
||||
}
|
||||
|
||||
return dropdown;
|
||||
},
|
||||
|
||||
small : function () {
|
||||
return $(window).width() < 768 || $('html').hasClass('lt-ie9');
|
||||
},
|
||||
|
||||
off: function () {
|
||||
$(this.scope).off('.fndtn.dropdown');
|
||||
$('html, body').off('.fndtn.dropdown');
|
||||
$(window).off('.fndtn.dropdown');
|
||||
$('[data-dropdown-content]').off('.fndtn.dropdown');
|
||||
this.settings.init = false;
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
556
gitop.web/src/main/java/com/pmease/gitop/web/common/component/foundation/res/js/foundation.forms.js
vendored
Normal file
556
gitop.web/src/main/java/com/pmease/gitop/web/common/component/foundation/res/js/foundation.forms.js
vendored
Normal file
@ -0,0 +1,556 @@
|
||||
(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.forms = {
|
||||
name : 'forms',
|
||||
|
||||
version: '4.3.2',
|
||||
|
||||
cache: {},
|
||||
|
||||
settings: {
|
||||
disable_class: 'no-custom',
|
||||
last_combo : null
|
||||
},
|
||||
|
||||
init: function (scope, method, options) {
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method !== 'string') {
|
||||
if (!this.settings.init) {
|
||||
this.events();
|
||||
}
|
||||
|
||||
this.assemble();
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
assemble: function () {
|
||||
|
||||
var forms = this;
|
||||
|
||||
$('form.custom input[type="radio"],[type="checkbox"]', $(this.scope))
|
||||
.not('[data-customforms="disabled"]')
|
||||
.not('.' + this.settings.disable_class)
|
||||
.each(function(idx, sel){
|
||||
forms.set_custom_markup(sel);
|
||||
})
|
||||
.change(function(){
|
||||
forms.set_custom_markup(this);
|
||||
});
|
||||
|
||||
$('form.custom select', $(this.scope))
|
||||
.not('[data-customforms="disabled"]')
|
||||
.not('.' + this.settings.disable_class)
|
||||
.not('[multiple=multiple]')
|
||||
.each(this.append_custom_select);
|
||||
},
|
||||
|
||||
events: function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('click.fndtn.forms', 'form.custom span.custom.checkbox', function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
self.toggle_checkbox($(this));
|
||||
})
|
||||
.on('click.fndtn.forms', 'form.custom span.custom.radio', function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
self.toggle_radio($(this));
|
||||
})
|
||||
.on('change.fndtn.forms', 'form.custom select', function (e, force_refresh) {
|
||||
if ($(this).is('[data-customforms="disabled"]')) return;
|
||||
self.refresh_custom_select($(this), force_refresh);
|
||||
})
|
||||
.on('click.fndtn.forms', 'form.custom label', function (e) {
|
||||
if ($(e.target).is('label')) {
|
||||
var $associatedElement = $('#' + self.escape($(this).attr('for'))).not('[data-customforms="disabled"]'),
|
||||
$customCheckbox,
|
||||
$customRadio;
|
||||
|
||||
if ($associatedElement.length !== 0) {
|
||||
if ($associatedElement.attr('type') === 'checkbox') {
|
||||
e.preventDefault();
|
||||
$customCheckbox = $(this).find('span.custom.checkbox');
|
||||
//the checkbox might be outside after the label or inside of another element
|
||||
if ($customCheckbox.length === 0) {
|
||||
$customCheckbox = $associatedElement.add(this).siblings('span.custom.checkbox').first();
|
||||
}
|
||||
self.toggle_checkbox($customCheckbox);
|
||||
} else if ($associatedElement.attr('type') === 'radio') {
|
||||
e.preventDefault();
|
||||
$customRadio = $(this).find('span.custom.radio');
|
||||
//the radio might be outside after the label or inside of another element
|
||||
if ($customRadio.length === 0) {
|
||||
$customRadio = $associatedElement.add(this).siblings('span.custom.radio').first();
|
||||
}
|
||||
self.toggle_radio($customRadio);
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
.on('mousedown.fndtn.forms', 'form.custom div.custom.dropdown', function () {
|
||||
return false;
|
||||
})
|
||||
.on('click.fndtn.forms', 'form.custom div.custom.dropdown a.current, form.custom div.custom.dropdown a.selector', function (e) {
|
||||
var $this = $(this),
|
||||
$dropdown = $this.closest('div.custom.dropdown'),
|
||||
$select = getFirstPrevSibling($dropdown, 'select');
|
||||
|
||||
// make sure other dropdowns close
|
||||
if (!$dropdown.hasClass('open')) $(self.scope).trigger('click');
|
||||
|
||||
e.preventDefault();
|
||||
if (false === $select.is(':disabled')) {
|
||||
$dropdown.toggleClass('open');
|
||||
|
||||
if ($dropdown.hasClass('open')) {
|
||||
$(self.scope).on('click.fndtn.forms.customdropdown', function () {
|
||||
$dropdown.removeClass('open');
|
||||
$(self.scope).off('.fndtn.forms.customdropdown');
|
||||
});
|
||||
} else {
|
||||
$(self.scope).on('.fndtn.forms.customdropdown');
|
||||
}
|
||||
return false;
|
||||
}
|
||||
})
|
||||
.on('click.fndtn.forms touchend.fndtn.forms', 'form.custom div.custom.dropdown li', function (e) {
|
||||
var $this = $(this),
|
||||
$customDropdown = $this.closest('div.custom.dropdown'),
|
||||
$select = getFirstPrevSibling($customDropdown, 'select'),
|
||||
selectedIndex = 0;
|
||||
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
|
||||
if (!$(this).hasClass('disabled')) {
|
||||
$('div.dropdown').not($customDropdown).removeClass('open');
|
||||
|
||||
var $oldThis = $this.closest('ul')
|
||||
.find('li.selected');
|
||||
$oldThis.removeClass('selected');
|
||||
|
||||
$this.addClass('selected');
|
||||
|
||||
$customDropdown.removeClass('open')
|
||||
.find('a.current')
|
||||
.text($this.text());
|
||||
|
||||
$this.closest('ul').find('li').each(function (index) {
|
||||
if ($this[0] === this) {
|
||||
selectedIndex = index;
|
||||
}
|
||||
});
|
||||
$select[0].selectedIndex = selectedIndex;
|
||||
|
||||
//store the old value in data
|
||||
$select.data('prevalue', $oldThis.html());
|
||||
|
||||
// Kick off full DOM change event
|
||||
if (typeof (document.createEvent) != 'undefined') {
|
||||
var event = document.createEvent('HTMLEvents');
|
||||
event.initEvent('change', true, true);
|
||||
$select[0].dispatchEvent(event);
|
||||
} else {
|
||||
$select[0].fireEvent('onchange'); // for IE
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('keydown', function (e) {
|
||||
var focus = document.activeElement,
|
||||
self = Foundation.libs.forms,
|
||||
dropdown = $('.custom.dropdown'),
|
||||
select = getFirstPrevSibling(dropdown, 'select'),
|
||||
inputs = $('input,select,textarea,button'); // Zepto-compatible jQuery(":input")
|
||||
|
||||
if (dropdown.length > 0 && dropdown.hasClass('open')) {
|
||||
e.preventDefault();
|
||||
|
||||
if (e.which === 9) {
|
||||
$(inputs[$(inputs).index(select) + 1]).focus();
|
||||
dropdown.removeClass('open');
|
||||
}
|
||||
|
||||
if (e.which === 13) {
|
||||
dropdown.find('li.selected').trigger('click');
|
||||
}
|
||||
|
||||
if (e.which === 27) {
|
||||
dropdown.removeClass('open');
|
||||
}
|
||||
|
||||
if (e.which >= 65 && e.which <= 90) {
|
||||
var next = self.go_to(dropdown, e.which),
|
||||
current = dropdown.find('li.selected');
|
||||
|
||||
if (next) {
|
||||
current.removeClass('selected');
|
||||
self.scrollTo(next.addClass('selected'), 300);
|
||||
}
|
||||
}
|
||||
|
||||
if (e.which === 38) {
|
||||
var current = dropdown.find('li.selected'),
|
||||
prev = current.prev(':not(.disabled)');
|
||||
|
||||
if (prev.length > 0) {
|
||||
prev.parent()[0].scrollTop = prev.parent().scrollTop() - self.outerHeight(prev);
|
||||
current.removeClass('selected');
|
||||
prev.addClass('selected');
|
||||
}
|
||||
} else if (e.which === 40) {
|
||||
var current = dropdown.find('li.selected'),
|
||||
next = current.next(':not(.disabled)');
|
||||
|
||||
if (next.length > 0) {
|
||||
next.parent()[0].scrollTop = next.parent().scrollTop() + self.outerHeight(next);
|
||||
current.removeClass('selected');
|
||||
next.addClass('selected');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('keyup', function (e) {
|
||||
var focus = document.activeElement,
|
||||
dropdown = $('.custom.dropdown');
|
||||
|
||||
if (focus === dropdown.find('.current')[0]) {
|
||||
dropdown.find('.selector').focus().click();
|
||||
}
|
||||
});
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
go_to: function (dropdown, character) {
|
||||
var lis = dropdown.find('li'),
|
||||
count = lis.length;
|
||||
|
||||
if (count > 0) {
|
||||
for (var i = 0; i < count; i++) {
|
||||
var first_letter = lis.eq(i).text().charAt(0).toLowerCase();
|
||||
if (first_letter === String.fromCharCode(character).toLowerCase()) return lis.eq(i);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
scrollTo: function (el, duration) {
|
||||
if (duration < 0) return;
|
||||
var parent = el.parent();
|
||||
var li_height = this.outerHeight(el);
|
||||
var difference = (li_height * (el.index())) - parent.scrollTop();
|
||||
var perTick = difference / duration * 10;
|
||||
|
||||
this.scrollToTimerCache = setTimeout(function () {
|
||||
if (!isNaN(parseInt(perTick, 10))) {
|
||||
parent[0].scrollTop = parent.scrollTop() + perTick;
|
||||
this.scrollTo(el, duration - 10);
|
||||
}
|
||||
}.bind(this), 10);
|
||||
},
|
||||
|
||||
set_custom_markup: function (sel) {
|
||||
var $this = $(sel),
|
||||
type = $this.attr('type'),
|
||||
$span = $this.next('span.custom.' + type);
|
||||
|
||||
if (!$this.parent().hasClass('switch')) {
|
||||
$this.addClass('hidden-field');
|
||||
}
|
||||
|
||||
if ($span.length === 0) {
|
||||
$span = $('<span class="custom ' + type + '"></span>').insertAfter($this);
|
||||
}
|
||||
|
||||
$span.toggleClass('checked', $this.is(':checked'));
|
||||
$span.toggleClass('disabled', $this.is(':disabled'));
|
||||
},
|
||||
|
||||
append_custom_select: function (idx, sel) {
|
||||
var self = Foundation.libs.forms,
|
||||
$this = $(sel),
|
||||
$customSelect = $this.next('div.custom.dropdown'),
|
||||
$customList = $customSelect.find('ul'),
|
||||
$selectCurrent = $customSelect.find(".current"),
|
||||
$selector = $customSelect.find(".selector"),
|
||||
$options = $this.find('option'),
|
||||
$selectedOption = $options.filter(':selected'),
|
||||
copyClasses = $this.attr('class') ? $this.attr('class').split(' ') : [],
|
||||
maxWidth = 0,
|
||||
liHtml = '',
|
||||
$listItems,
|
||||
$currentSelect = false;
|
||||
|
||||
if ($customSelect.length === 0) {
|
||||
var customSelectSize = $this.hasClass('small') ? 'small' : $this.hasClass('medium') ? 'medium' : $this.hasClass('large') ? 'large' : $this.hasClass('expand') ? 'expand' : '';
|
||||
|
||||
$customSelect = $('<div class="' + ['custom', 'dropdown', customSelectSize].concat(copyClasses).filter(function (item, idx, arr) {
|
||||
if (item === '') return false;
|
||||
return arr.indexOf(item) === idx;
|
||||
}).join(' ') + '"><a href="#" class="selector"></a><ul /></div>');
|
||||
|
||||
$selector = $customSelect.find(".selector");
|
||||
$customList = $customSelect.find("ul");
|
||||
|
||||
liHtml = $options.map(function () {
|
||||
var copyClasses = $(this).attr('class') ? $(this).attr('class') : '';
|
||||
return "<li class='" + copyClasses + "'>" + $(this).html() + "</li>";
|
||||
}).get().join('');
|
||||
|
||||
$customList.append(liHtml);
|
||||
|
||||
$currentSelect = $customSelect
|
||||
.prepend('<a href="#" class="current">' + ($selectedOption.html() || '') + '</a>')
|
||||
.find(".current");
|
||||
|
||||
$this.after($customSelect)
|
||||
.addClass('hidden-field');
|
||||
} else {
|
||||
liHtml = $options.map(function () {
|
||||
return "<li>" + $(this).html() + "</li>";
|
||||
})
|
||||
.get().join('');
|
||||
|
||||
$customList.html('')
|
||||
.append(liHtml);
|
||||
|
||||
} // endif $customSelect.length === 0
|
||||
|
||||
self.assign_id($this, $customSelect);
|
||||
$customSelect.toggleClass('disabled', $this.is(':disabled'));
|
||||
$listItems = $customList.find('li');
|
||||
|
||||
// cache list length
|
||||
self.cache[$customSelect.data('id')] = $listItems.length;
|
||||
|
||||
$options.each(function (index) {
|
||||
if (this.selected) {
|
||||
$listItems.eq(index).addClass('selected');
|
||||
|
||||
if ($currentSelect) {
|
||||
$currentSelect.html($(this).html());
|
||||
}
|
||||
}
|
||||
if ($(this).is(':disabled')) {
|
||||
$listItems.eq(index).addClass('disabled');
|
||||
}
|
||||
});
|
||||
|
||||
//
|
||||
// If we're not specifying a predetermined form size.
|
||||
//
|
||||
if (!$customSelect.is('.small, .medium, .large, .expand')) {
|
||||
|
||||
// ------------------------------------------------------------------------------------
|
||||
// This is a work-around for when elements are contained within hidden parents.
|
||||
// For example, when custom-form elements are inside of a hidden reveal modal.
|
||||
//
|
||||
// We need to display the current custom list element as well as hidden parent elements
|
||||
// in order to properly calculate the list item element's width property.
|
||||
// -------------------------------------------------------------------------------------
|
||||
|
||||
$customSelect.addClass('open');
|
||||
//
|
||||
// Quickly, display all parent elements.
|
||||
// This should help us calcualate the width of the list item's within the drop down.
|
||||
//
|
||||
var self = Foundation.libs.forms;
|
||||
self.hidden_fix.adjust($customList);
|
||||
|
||||
maxWidth = (self.outerWidth($listItems) > maxWidth) ? self.outerWidth($listItems) : maxWidth;
|
||||
|
||||
Foundation.libs.forms.hidden_fix.reset();
|
||||
|
||||
$customSelect.removeClass('open');
|
||||
|
||||
} // endif
|
||||
|
||||
},
|
||||
|
||||
assign_id: function ($select, $customSelect) {
|
||||
var id = [+new Date(), Foundation.random_str(5)].join('-');
|
||||
$select.attr('data-id', id);
|
||||
$customSelect.attr('data-id', id);
|
||||
},
|
||||
|
||||
refresh_custom_select: function ($select, force_refresh) {
|
||||
var self = this;
|
||||
var maxWidth = 0,
|
||||
$customSelect = $select.next(),
|
||||
$options = $select.find('option'),
|
||||
$customList = $customSelect.find('ul'),
|
||||
$listItems = $customSelect.find('li');
|
||||
|
||||
if ($options.length !== this.cache[$customSelect.data('id')] || force_refresh) {
|
||||
$customList.html('');
|
||||
|
||||
// rebuild and re-populate all at once
|
||||
var customSelectHtml = '';
|
||||
$options.each(function () {
|
||||
var $this = $(this), thisHtml = $this.html(), thisSelected = this.selected;
|
||||
customSelectHtml += '<li class="' + (thisSelected ? ' selected ' : '') + ($this.is(':disabled') ? ' disabled ' : '') + '">' + thisHtml + '</li>';
|
||||
if (thisSelected) {
|
||||
$customSelect.find('.current').html(thisHtml);
|
||||
}
|
||||
});
|
||||
|
||||
$customList.html(customSelectHtml);
|
||||
|
||||
// fix width
|
||||
$customSelect.removeAttr('style');
|
||||
$customList.removeAttr('style');
|
||||
$customSelect.find('li').each(function () {
|
||||
$customSelect.addClass('open');
|
||||
if (self.outerWidth($(this)) > maxWidth) {
|
||||
maxWidth = self.outerWidth($(this));
|
||||
}
|
||||
$customSelect.removeClass('open');
|
||||
});
|
||||
|
||||
$listItems = $customSelect.find('li');
|
||||
// cache list length
|
||||
this.cache[$customSelect.data('id')] = $listItems.length;
|
||||
}
|
||||
},
|
||||
|
||||
refresh_custom_selection: function ($select) {
|
||||
var selectedValue = $('option:selected', $select).text();
|
||||
$('a.current', $select.next()).text(selectedValue);
|
||||
},
|
||||
|
||||
toggle_checkbox: function ($element) {
|
||||
var $input = $element.prev(),
|
||||
input = $input[0];
|
||||
|
||||
if (false === $input.is(':disabled')) {
|
||||
input.checked = ((input.checked) ? false : true);
|
||||
$element.toggleClass('checked');
|
||||
|
||||
$input.trigger('change');
|
||||
}
|
||||
},
|
||||
|
||||
toggle_radio: function ($element) {
|
||||
var $input = $element.prev(),
|
||||
$form = $input.closest('form.custom'),
|
||||
input = $input[0];
|
||||
|
||||
if (false === $input.is(':disabled')) {
|
||||
$form.find('input[type="radio"][name="' + this.escape($input.attr('name')) + '"]')
|
||||
.next().not($element).removeClass('checked');
|
||||
|
||||
if (!$element.hasClass('checked')) {
|
||||
$element.toggleClass('checked');
|
||||
}
|
||||
|
||||
input.checked = $element.hasClass('checked');
|
||||
|
||||
$input.trigger('change');
|
||||
}
|
||||
},
|
||||
|
||||
escape: function (text) {
|
||||
if (!text) return '';
|
||||
return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
|
||||
},
|
||||
|
||||
hidden_fix: {
|
||||
/**
|
||||
* Sets all hidden parent elements and self to visibile.
|
||||
*
|
||||
* @method adjust
|
||||
* @param {jQuery Object} $child
|
||||
*/
|
||||
|
||||
// We'll use this to temporarily store style properties.
|
||||
tmp: [],
|
||||
|
||||
// We'll use this to set hidden parent elements.
|
||||
hidden: null,
|
||||
|
||||
adjust: function ($child) {
|
||||
// Internal reference.
|
||||
var _self = this;
|
||||
|
||||
// Set all hidden parent elements, including this element.
|
||||
_self.hidden = $child.parents();
|
||||
_self.hidden = _self.hidden.add($child).filter(":hidden");
|
||||
|
||||
// Loop through all hidden elements.
|
||||
_self.hidden.each(function () {
|
||||
|
||||
// Cache the element.
|
||||
var $elem = $(this);
|
||||
|
||||
// Store the style attribute.
|
||||
// Undefined if element doesn't have a style attribute.
|
||||
_self.tmp.push($elem.attr('style'));
|
||||
|
||||
// Set the element's display property to block,
|
||||
// but ensure it's visibility is hidden.
|
||||
$elem.css({
|
||||
'visibility': 'hidden',
|
||||
'display': 'block'
|
||||
});
|
||||
});
|
||||
|
||||
}, // end adjust
|
||||
|
||||
/**
|
||||
* Resets the elements previous state.
|
||||
*
|
||||
* @method reset
|
||||
*/
|
||||
reset: function () {
|
||||
// Internal reference.
|
||||
var _self = this;
|
||||
// Loop through our hidden element collection.
|
||||
_self.hidden.each(function (i) {
|
||||
// Cache this element.
|
||||
var $elem = $(this),
|
||||
_tmp = _self.tmp[i]; // Get the stored 'style' value for this element.
|
||||
|
||||
// If the stored value is undefined.
|
||||
if (_tmp === undefined)
|
||||
// Remove the style attribute.
|
||||
$elem.removeAttr('style');
|
||||
else
|
||||
// Otherwise, reset the element style attribute.
|
||||
$elem.attr('style', _tmp);
|
||||
});
|
||||
// Reset the tmp array.
|
||||
_self.tmp = [];
|
||||
// Reset the hidden elements variable.
|
||||
_self.hidden = null;
|
||||
|
||||
} // end reset
|
||||
},
|
||||
|
||||
off: function () {
|
||||
$(this.scope).off('.fndtn.forms');
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
|
||||
var getFirstPrevSibling = function($el, selector) {
|
||||
var $el = $el.prev();
|
||||
while ($el.length) {
|
||||
if ($el.is(selector)) return $el;
|
||||
$el = $el.prev();
|
||||
}
|
||||
return $();
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@ -0,0 +1,246 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.interchange = {
|
||||
name : 'interchange',
|
||||
|
||||
version : '4.3.3',
|
||||
|
||||
cache : {},
|
||||
|
||||
images_loaded : false,
|
||||
|
||||
settings : {
|
||||
load_attr : 'interchange',
|
||||
|
||||
named_queries : {
|
||||
'default' : 'only screen and (min-width: 1px)',
|
||||
small : 'only screen and (min-width: 768px)',
|
||||
medium : 'only screen and (min-width: 1280px)',
|
||||
large : 'only screen and (min-width: 1440px)',
|
||||
landscape : 'only screen and (orientation: landscape)',
|
||||
portrait : 'only screen and (orientation: portrait)',
|
||||
retina : 'only screen and (-webkit-min-device-pixel-ratio: 2),' +
|
||||
'only screen and (min--moz-device-pixel-ratio: 2),' +
|
||||
'only screen and (-o-min-device-pixel-ratio: 2/1),' +
|
||||
'only screen and (min-device-pixel-ratio: 2),' +
|
||||
'only screen and (min-resolution: 192dpi),' +
|
||||
'only screen and (min-resolution: 2dppx)'
|
||||
},
|
||||
|
||||
directives : {
|
||||
replace: function (el, path) {
|
||||
if (/IMG/.test(el[0].nodeName)) {
|
||||
var orig_path = el[0].src;
|
||||
|
||||
if (new RegExp(path, 'i').test(orig_path)) return;
|
||||
|
||||
el[0].src = path;
|
||||
|
||||
return el.trigger('replace', [el[0].src, orig_path]);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
Foundation.inherit(this, 'throttle');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
this.events();
|
||||
this.images();
|
||||
|
||||
if (typeof method !== 'string') {
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(window).on('resize.fndtn.interchange', self.throttle(function () {
|
||||
self.resize.call(self);
|
||||
}, 50));
|
||||
},
|
||||
|
||||
resize : function () {
|
||||
var cache = this.cache;
|
||||
|
||||
if(!this.images_loaded) {
|
||||
setTimeout($.proxy(this.resize, this), 50);
|
||||
return;
|
||||
}
|
||||
|
||||
for (var uuid in cache) {
|
||||
if (cache.hasOwnProperty(uuid)) {
|
||||
var passed = this.results(uuid, cache[uuid]);
|
||||
|
||||
if (passed) {
|
||||
this.settings.directives[passed
|
||||
.scenario[1]](passed.el, passed.scenario[0]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
results : function (uuid, scenarios) {
|
||||
var count = scenarios.length;
|
||||
|
||||
if (count > 0) {
|
||||
var el = $('[data-uuid="' + uuid + '"]');
|
||||
|
||||
for (var i = count - 1; i >= 0; i--) {
|
||||
var mq, rule = scenarios[i][2];
|
||||
if (this.settings.named_queries.hasOwnProperty(rule)) {
|
||||
mq = matchMedia(this.settings.named_queries[rule]);
|
||||
} else {
|
||||
mq = matchMedia(rule);
|
||||
}
|
||||
if (mq.matches) {
|
||||
return {el: el, scenario: scenarios[i]};
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
images : function (force_update) {
|
||||
if (typeof this.cached_images === 'undefined' || force_update) {
|
||||
return this.update_images();
|
||||
}
|
||||
|
||||
return this.cached_images;
|
||||
},
|
||||
|
||||
update_images : function () {
|
||||
var images = document.getElementsByTagName('img'),
|
||||
count = images.length,
|
||||
loaded_count = 0,
|
||||
data_attr = 'data-' + this.settings.load_attr;
|
||||
|
||||
this.cached_images = [];
|
||||
this.images_loaded = false;
|
||||
|
||||
for (var i = count - 1; i >= 0; i--) {
|
||||
loaded_count++;
|
||||
if (images[i]) {
|
||||
var str = images[i].getAttribute(data_attr) || '';
|
||||
|
||||
if (str.length > 0) {
|
||||
this.cached_images.push(images[i]);
|
||||
}
|
||||
}
|
||||
|
||||
if(loaded_count === count) {
|
||||
this.images_loaded = true;
|
||||
this.enhance();
|
||||
}
|
||||
}
|
||||
|
||||
return 'deferred';
|
||||
},
|
||||
|
||||
enhance : function () {
|
||||
var count = this.images().length;
|
||||
|
||||
for (var i = count - 1; i >= 0; i--) {
|
||||
this.object($(this.images()[i]));
|
||||
}
|
||||
|
||||
return $(window).trigger('resize');
|
||||
},
|
||||
|
||||
parse_params : function (path, directive, mq) {
|
||||
return [this.trim(path), this.convert_directive(directive), this.trim(mq)];
|
||||
},
|
||||
|
||||
convert_directive : function (directive) {
|
||||
var trimmed = this.trim(directive);
|
||||
|
||||
if (trimmed.length > 0) {
|
||||
return trimmed;
|
||||
}
|
||||
|
||||
return 'replace';
|
||||
},
|
||||
|
||||
object : function(el) {
|
||||
var raw_arr = this.parse_data_attr(el),
|
||||
scenarios = [], count = raw_arr.length;
|
||||
|
||||
if (count > 0) {
|
||||
for (var i = count - 1; i >= 0; i--) {
|
||||
var split = raw_arr[i].split(/\((.*?)(\))$/);
|
||||
|
||||
if (split.length > 1) {
|
||||
var cached_split = split[0].split(','),
|
||||
params = this.parse_params(cached_split[0],
|
||||
cached_split[1], split[1]);
|
||||
|
||||
scenarios.push(params);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return this.store(el, scenarios);
|
||||
},
|
||||
|
||||
uuid : function (separator) {
|
||||
var delim = separator || "-";
|
||||
|
||||
function S4() {
|
||||
return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
|
||||
}
|
||||
|
||||
return (S4() + S4() + delim + S4() + delim + S4()
|
||||
+ delim + S4() + delim + S4() + S4() + S4());
|
||||
},
|
||||
|
||||
store : function (el, scenarios) {
|
||||
var uuid = this.uuid(),
|
||||
current_uuid = el.data('uuid');
|
||||
|
||||
if (current_uuid) return this.cache[current_uuid];
|
||||
|
||||
el.attr('data-uuid', uuid);
|
||||
|
||||
return this.cache[uuid] = scenarios;
|
||||
},
|
||||
|
||||
trim : function(str) {
|
||||
if (typeof str === 'string') {
|
||||
return $.trim(str);
|
||||
}
|
||||
|
||||
return str;
|
||||
},
|
||||
|
||||
parse_data_attr : function (el) {
|
||||
var raw = el.data(this.settings.load_attr).split(/\[(.*?)\]/),
|
||||
count = raw.length, output = [];
|
||||
|
||||
for (var i = count - 1; i >= 0; i--) {
|
||||
if (raw[i].replace(/[\W\d]+/, '').length > 4) {
|
||||
output.push(raw[i]);
|
||||
}
|
||||
}
|
||||
|
||||
return output;
|
||||
},
|
||||
|
||||
reflow : function () {
|
||||
this.images(true);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}(Foundation.zj, this, this.document));
|
||||
@ -0,0 +1,852 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
var Modernizr = Modernizr || false;
|
||||
|
||||
Foundation.libs.joyride = {
|
||||
name : 'joyride',
|
||||
|
||||
version : '4.3.2',
|
||||
|
||||
defaults : {
|
||||
expose : false, // turn on or off the expose feature
|
||||
modal : false, // Whether to cover page with modal during the tour
|
||||
tipLocation : 'bottom', // 'top' or 'bottom' in relation to parent
|
||||
nubPosition : 'auto', // override on a per tooltip bases
|
||||
scrollSpeed : 300, // Page scrolling speed in milliseconds, 0 = no scroll animation
|
||||
timer : 0, // 0 = no timer , all other numbers = timer in milliseconds
|
||||
startTimerOnClick : true, // true or false - true requires clicking the first button start the timer
|
||||
startOffset : 0, // the index of the tooltip you want to start on (index of the li)
|
||||
nextButton : true, // true or false to control whether a next button is used
|
||||
tipAnimation : 'fade', // 'pop' or 'fade' in each tip
|
||||
pauseAfter : [], // array of indexes where to pause the tour after
|
||||
exposed : [], // array of expose elements
|
||||
tipAnimationFadeSpeed: 300, // when tipAnimation = 'fade' this is speed in milliseconds for the transition
|
||||
cookieMonster : false, // true or false to control whether cookies are used
|
||||
cookieName : 'joyride', // Name the cookie you'll use
|
||||
cookieDomain : false, // Will this cookie be attached to a domain, ie. '.notableapp.com'
|
||||
cookieExpires : 365, // set when you would like the cookie to expire.
|
||||
tipContainer : 'body', // Where will the tip be attached
|
||||
postRideCallback : function (){}, // A method to call once the tour closes (canceled or complete)
|
||||
postStepCallback : function (){}, // A method to call after each step
|
||||
preStepCallback : function (){}, // A method to call before each step
|
||||
preRideCallback : function (){}, // A method to call before the tour starts (passed index, tip, and cloned exposed element)
|
||||
postExposeCallback : function (){}, // A method to call after an element has been exposed
|
||||
template : { // HTML segments for tip layout
|
||||
link : '<a href="#close" class="joyride-close-tip">×</a>',
|
||||
timer : '<div class="joyride-timer-indicator-wrap"><span class="joyride-timer-indicator"></span></div>',
|
||||
tip : '<div class="joyride-tip-guide"><span class="joyride-nub"></span></div>',
|
||||
wrapper : '<div class="joyride-content-wrapper"></div>',
|
||||
button : '<a href="#" class="small button joyride-next-tip"></a>',
|
||||
modal : '<div class="joyride-modal-bg"></div>',
|
||||
expose : '<div class="joyride-expose-wrapper"></div>',
|
||||
exposeCover: '<div class="joyride-expose-cover"></div>'
|
||||
},
|
||||
exposeAddClass : '' // One or more space-separated class names to be added to exposed element
|
||||
},
|
||||
|
||||
settings : {},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
Foundation.inherit(this, 'throttle data_options scrollTo scrollLeft delay');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, this.defaults, method);
|
||||
} else {
|
||||
$.extend(true, this.settings, this.defaults, options);
|
||||
}
|
||||
|
||||
if (typeof method !== 'string') {
|
||||
if (!this.settings.init) this.events();
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('click.joyride', '.joyride-next-tip, .joyride-modal-bg', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
if (this.settings.$li.next().length < 1) {
|
||||
this.end();
|
||||
} else if (this.settings.timer > 0) {
|
||||
clearTimeout(this.settings.automate);
|
||||
this.hide();
|
||||
this.show();
|
||||
this.startTimer();
|
||||
} else {
|
||||
this.hide();
|
||||
this.show();
|
||||
}
|
||||
|
||||
}.bind(this))
|
||||
|
||||
.on('click.joyride', '.joyride-close-tip', function (e) {
|
||||
e.preventDefault();
|
||||
this.end();
|
||||
}.bind(this));
|
||||
|
||||
$(window).on('resize.fndtn.joyride', self.throttle(function () {
|
||||
if ($('[data-joyride]').length > 0 && self.settings.$next_tip) {
|
||||
if (self.settings.exposed.length > 0) {
|
||||
var $els = $(self.settings.exposed);
|
||||
|
||||
$els.each(function () {
|
||||
var $this = $(this);
|
||||
self.un_expose($this);
|
||||
self.expose($this);
|
||||
});
|
||||
}
|
||||
|
||||
if (self.is_phone()) {
|
||||
self.pos_phone();
|
||||
} else {
|
||||
self.pos_default(false, true);
|
||||
}
|
||||
}
|
||||
}, 100));
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
start : function () {
|
||||
var self = this,
|
||||
$this = $(this.scope).find('[data-joyride]'),
|
||||
integer_settings = ['timer', 'scrollSpeed', 'startOffset', 'tipAnimationFadeSpeed', 'cookieExpires'],
|
||||
int_settings_count = integer_settings.length;
|
||||
|
||||
if (!this.settings.init) this.events();
|
||||
|
||||
// non configureable settings
|
||||
this.settings.$content_el = $this;
|
||||
this.settings.$body = $(this.settings.tipContainer);
|
||||
this.settings.body_offset = $(this.settings.tipContainer).position();
|
||||
this.settings.$tip_content = this.settings.$content_el.find('> li');
|
||||
this.settings.paused = false;
|
||||
this.settings.attempts = 0;
|
||||
|
||||
this.settings.tipLocationPatterns = {
|
||||
top: ['bottom'],
|
||||
bottom: [], // bottom should not need to be repositioned
|
||||
left: ['right', 'top', 'bottom'],
|
||||
right: ['left', 'top', 'bottom']
|
||||
};
|
||||
|
||||
// can we create cookies?
|
||||
if (typeof $.cookie !== 'function') {
|
||||
this.settings.cookieMonster = false;
|
||||
}
|
||||
|
||||
// generate the tips and insert into dom.
|
||||
if (!this.settings.cookieMonster || this.settings.cookieMonster && $.cookie(this.settings.cookieName) === null) {
|
||||
this.settings.$tip_content.each(function (index) {
|
||||
var $this = $(this);
|
||||
$.extend(true, self.settings, self.data_options($this));
|
||||
// Make sure that settings parsed from data_options are integers where necessary
|
||||
for (var i = int_settings_count - 1; i >= 0; i--) {
|
||||
self.settings[integer_settings[i]] = parseInt(self.settings[integer_settings[i]], 10);
|
||||
}
|
||||
self.create({$li : $this, index : index});
|
||||
});
|
||||
|
||||
// show first tip
|
||||
if (!this.settings.startTimerOnClick && this.settings.timer > 0) {
|
||||
this.show('init');
|
||||
this.startTimer();
|
||||
} else {
|
||||
this.show('init');
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
resume : function () {
|
||||
this.set_li();
|
||||
this.show();
|
||||
},
|
||||
|
||||
tip_template : function (opts) {
|
||||
var $blank, content;
|
||||
|
||||
opts.tip_class = opts.tip_class || '';
|
||||
|
||||
$blank = $(this.settings.template.tip).addClass(opts.tip_class);
|
||||
content = $.trim($(opts.li).html()) +
|
||||
this.button_text(opts.button_text) +
|
||||
this.settings.template.link +
|
||||
this.timer_instance(opts.index);
|
||||
|
||||
$blank.append($(this.settings.template.wrapper));
|
||||
$blank.first().attr('data-index', opts.index);
|
||||
$('.joyride-content-wrapper', $blank).append(content);
|
||||
|
||||
return $blank[0];
|
||||
},
|
||||
|
||||
timer_instance : function (index) {
|
||||
var txt;
|
||||
|
||||
if ((index === 0 && this.settings.startTimerOnClick && this.settings.timer > 0) || this.settings.timer === 0) {
|
||||
txt = '';
|
||||
} else {
|
||||
txt = this.outerHTML($(this.settings.template.timer)[0]);
|
||||
}
|
||||
return txt;
|
||||
},
|
||||
|
||||
button_text : function (txt) {
|
||||
if (this.settings.nextButton) {
|
||||
txt = $.trim(txt) || 'Next';
|
||||
txt = this.outerHTML($(this.settings.template.button).append(txt)[0]);
|
||||
} else {
|
||||
txt = '';
|
||||
}
|
||||
return txt;
|
||||
},
|
||||
|
||||
create : function (opts) {
|
||||
var buttonText = opts.$li.attr('data-button') || opts.$li.attr('data-text'),
|
||||
tipClass = opts.$li.attr('class'),
|
||||
$tip_content = $(this.tip_template({
|
||||
tip_class : tipClass,
|
||||
index : opts.index,
|
||||
button_text : buttonText,
|
||||
li : opts.$li
|
||||
}));
|
||||
|
||||
$(this.settings.tipContainer).append($tip_content);
|
||||
},
|
||||
|
||||
show : function (init) {
|
||||
var $timer = null;
|
||||
|
||||
// are we paused?
|
||||
if (this.settings.$li === undefined
|
||||
|| ($.inArray(this.settings.$li.index(), this.settings.pauseAfter) === -1)) {
|
||||
|
||||
// don't go to the next li if the tour was paused
|
||||
if (this.settings.paused) {
|
||||
this.settings.paused = false;
|
||||
} else {
|
||||
this.set_li(init);
|
||||
}
|
||||
|
||||
this.settings.attempts = 0;
|
||||
|
||||
if (this.settings.$li.length && this.settings.$target.length > 0) {
|
||||
if (init) { //run when we first start
|
||||
this.settings.preRideCallback(this.settings.$li.index(), this.settings.$next_tip);
|
||||
if (this.settings.modal) {
|
||||
this.show_modal();
|
||||
}
|
||||
}
|
||||
|
||||
this.settings.preStepCallback(this.settings.$li.index(), this.settings.$next_tip);
|
||||
|
||||
if (this.settings.modal && this.settings.expose) {
|
||||
this.expose();
|
||||
}
|
||||
|
||||
this.settings.tipSettings = $.extend(this.settings, this.data_options(this.settings.$li));
|
||||
|
||||
this.settings.timer = parseInt(this.settings.timer, 10);
|
||||
|
||||
this.settings.tipSettings.tipLocationPattern = this.settings.tipLocationPatterns[this.settings.tipSettings.tipLocation];
|
||||
|
||||
// scroll if not modal
|
||||
if (!/body/i.test(this.settings.$target.selector)) {
|
||||
this.scroll_to();
|
||||
}
|
||||
|
||||
if (this.is_phone()) {
|
||||
this.pos_phone(true);
|
||||
} else {
|
||||
this.pos_default(true);
|
||||
}
|
||||
|
||||
$timer = this.settings.$next_tip.find('.joyride-timer-indicator');
|
||||
|
||||
if (/pop/i.test(this.settings.tipAnimation)) {
|
||||
|
||||
$timer.width(0);
|
||||
|
||||
if (this.settings.timer > 0) {
|
||||
|
||||
this.settings.$next_tip.show();
|
||||
|
||||
this.delay(function () {
|
||||
$timer.animate({
|
||||
width: $timer.parent().width()
|
||||
}, this.settings.timer, 'linear');
|
||||
}.bind(this), this.settings.tipAnimationFadeSpeed);
|
||||
|
||||
} else {
|
||||
this.settings.$next_tip.show();
|
||||
|
||||
}
|
||||
|
||||
|
||||
} else if (/fade/i.test(this.settings.tipAnimation)) {
|
||||
|
||||
$timer.width(0);
|
||||
|
||||
if (this.settings.timer > 0) {
|
||||
|
||||
this.settings.$next_tip
|
||||
.fadeIn(this.settings.tipAnimationFadeSpeed)
|
||||
.show();
|
||||
|
||||
this.delay(function () {
|
||||
$timer.animate({
|
||||
width: $timer.parent().width()
|
||||
}, this.settings.timer, 'linear');
|
||||
}.bind(this), this.settings.tipAnimationFadeSpeed);
|
||||
|
||||
} else {
|
||||
this.settings.$next_tip.fadeIn(this.settings.tipAnimationFadeSpeed);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
this.settings.$current_tip = this.settings.$next_tip;
|
||||
|
||||
// skip non-existant targets
|
||||
} else if (this.settings.$li && this.settings.$target.length < 1) {
|
||||
|
||||
this.show();
|
||||
|
||||
} else {
|
||||
|
||||
this.end();
|
||||
|
||||
}
|
||||
} else {
|
||||
|
||||
this.settings.paused = true;
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
is_phone : function () {
|
||||
if (Modernizr) {
|
||||
return Modernizr.mq('only screen and (max-width: 767px)') || $('.lt-ie9').length > 0;
|
||||
}
|
||||
|
||||
return ($(window).width() < 767);
|
||||
},
|
||||
|
||||
hide : function () {
|
||||
if (this.settings.modal && this.settings.expose) {
|
||||
this.un_expose();
|
||||
}
|
||||
|
||||
if (!this.settings.modal) {
|
||||
$('.joyride-modal-bg').hide();
|
||||
}
|
||||
|
||||
// Prevent scroll bouncing...wait to remove from layout
|
||||
this.settings.$current_tip.css('visibility', 'hidden');
|
||||
setTimeout($.proxy(function() {
|
||||
this.hide();
|
||||
this.css('visibility', 'visible');
|
||||
}, this.settings.$current_tip), 0);
|
||||
this.settings.postStepCallback(this.settings.$li.index(),
|
||||
this.settings.$current_tip);
|
||||
},
|
||||
|
||||
set_li : function (init) {
|
||||
if (init) {
|
||||
this.settings.$li = this.settings.$tip_content.eq(this.settings.startOffset);
|
||||
this.set_next_tip();
|
||||
this.settings.$current_tip = this.settings.$next_tip;
|
||||
} else {
|
||||
this.settings.$li = this.settings.$li.next();
|
||||
this.set_next_tip();
|
||||
}
|
||||
|
||||
this.set_target();
|
||||
},
|
||||
|
||||
set_next_tip : function () {
|
||||
this.settings.$next_tip = $(".joyride-tip-guide[data-index='" + this.settings.$li.index() + "']");
|
||||
this.settings.$next_tip.data('closed', '');
|
||||
},
|
||||
|
||||
set_target : function () {
|
||||
var cl = this.settings.$li.attr('data-class'),
|
||||
id = this.settings.$li.attr('data-id'),
|
||||
$sel = function () {
|
||||
if (id) {
|
||||
return $(document.getElementById(id));
|
||||
} else if (cl) {
|
||||
return $('.' + cl).first();
|
||||
} else {
|
||||
return $('body');
|
||||
}
|
||||
};
|
||||
|
||||
this.settings.$target = $sel();
|
||||
},
|
||||
|
||||
scroll_to : function () {
|
||||
var window_half, tipOffset;
|
||||
|
||||
window_half = $(window).height() / 2;
|
||||
tipOffset = Math.ceil(this.settings.$target.offset().top - window_half + this.outerHeight(this.settings.$next_tip));
|
||||
if (tipOffset > 0) {
|
||||
this.scrollTo($('html, body'), tipOffset, this.settings.scrollSpeed);
|
||||
}
|
||||
},
|
||||
|
||||
paused : function () {
|
||||
return ($.inArray((this.settings.$li.index() + 1), this.settings.pauseAfter) === -1);
|
||||
},
|
||||
|
||||
restart : function () {
|
||||
this.hide();
|
||||
this.settings.$li = undefined;
|
||||
this.show('init');
|
||||
},
|
||||
|
||||
pos_default : function (init, resizing) {
|
||||
var half_fold = Math.ceil($(window).height() / 2),
|
||||
tip_position = this.settings.$next_tip.offset(),
|
||||
$nub = this.settings.$next_tip.find('.joyride-nub'),
|
||||
nub_width = Math.ceil(this.outerWidth($nub) / 2),
|
||||
nub_height = Math.ceil(this.outerHeight($nub) / 2),
|
||||
toggle = init || false;
|
||||
|
||||
// tip must not be "display: none" to calculate position
|
||||
if (toggle) {
|
||||
this.settings.$next_tip.css('visibility', 'hidden');
|
||||
this.settings.$next_tip.show();
|
||||
}
|
||||
|
||||
if (typeof resizing === 'undefined') {
|
||||
resizing = false;
|
||||
}
|
||||
|
||||
if (!/body/i.test(this.settings.$target.selector)) {
|
||||
|
||||
if (this.bottom()) {
|
||||
var leftOffset = this.settings.$target.offset().left;
|
||||
if (Foundation.rtl) {
|
||||
leftOffset = this.settings.$target.offset().width - this.settings.$next_tip.width() + leftOffset;
|
||||
}
|
||||
this.settings.$next_tip.css({
|
||||
top: (this.settings.$target.offset().top + nub_height + this.outerHeight(this.settings.$target)),
|
||||
left: leftOffset});
|
||||
|
||||
this.nub_position($nub, this.settings.tipSettings.nubPosition, 'top');
|
||||
|
||||
} else if (this.top()) {
|
||||
var leftOffset = this.settings.$target.offset().left;
|
||||
if (Foundation.rtl) {
|
||||
leftOffset = this.settings.$target.offset().width - this.settings.$next_tip.width() + leftOffset;
|
||||
}
|
||||
this.settings.$next_tip.css({
|
||||
top: (this.settings.$target.offset().top - this.outerHeight(this.settings.$next_tip) - nub_height),
|
||||
left: leftOffset});
|
||||
|
||||
this.nub_position($nub, this.settings.tipSettings.nubPosition, 'bottom');
|
||||
|
||||
} else if (this.right()) {
|
||||
|
||||
this.settings.$next_tip.css({
|
||||
top: this.settings.$target.offset().top,
|
||||
left: (this.outerWidth(this.settings.$target) + this.settings.$target.offset().left + nub_width)});
|
||||
|
||||
this.nub_position($nub, this.settings.tipSettings.nubPosition, 'left');
|
||||
|
||||
} else if (this.left()) {
|
||||
|
||||
this.settings.$next_tip.css({
|
||||
top: this.settings.$target.offset().top,
|
||||
left: (this.settings.$target.offset().left - this.outerWidth(this.settings.$next_tip) - nub_width)});
|
||||
|
||||
this.nub_position($nub, this.settings.tipSettings.nubPosition, 'right');
|
||||
|
||||
}
|
||||
|
||||
if (!this.visible(this.corners(this.settings.$next_tip)) && this.settings.attempts < this.settings.tipSettings.tipLocationPattern.length) {
|
||||
|
||||
$nub.removeClass('bottom')
|
||||
.removeClass('top')
|
||||
.removeClass('right')
|
||||
.removeClass('left');
|
||||
|
||||
this.settings.tipSettings.tipLocation = this.settings.tipSettings.tipLocationPattern[this.settings.attempts];
|
||||
|
||||
this.settings.attempts++;
|
||||
|
||||
this.pos_default();
|
||||
|
||||
}
|
||||
|
||||
} else if (this.settings.$li.length) {
|
||||
|
||||
this.pos_modal($nub);
|
||||
|
||||
}
|
||||
|
||||
if (toggle) {
|
||||
this.settings.$next_tip.hide();
|
||||
this.settings.$next_tip.css('visibility', 'visible');
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
pos_phone : function (init) {
|
||||
var tip_height = this.outerHeight(this.settings.$next_tip),
|
||||
tip_offset = this.settings.$next_tip.offset(),
|
||||
target_height = this.outerHeight(this.settings.$target),
|
||||
$nub = $('.joyride-nub', this.settings.$next_tip),
|
||||
nub_height = Math.ceil(this.outerHeight($nub) / 2),
|
||||
toggle = init || false;
|
||||
|
||||
$nub.removeClass('bottom')
|
||||
.removeClass('top')
|
||||
.removeClass('right')
|
||||
.removeClass('left');
|
||||
|
||||
if (toggle) {
|
||||
this.settings.$next_tip.css('visibility', 'hidden');
|
||||
this.settings.$next_tip.show();
|
||||
}
|
||||
|
||||
if (!/body/i.test(this.settings.$target.selector)) {
|
||||
|
||||
if (this.top()) {
|
||||
|
||||
this.settings.$next_tip.offset({top: this.settings.$target.offset().top - tip_height - nub_height});
|
||||
$nub.addClass('bottom');
|
||||
|
||||
} else {
|
||||
|
||||
this.settings.$next_tip.offset({top: this.settings.$target.offset().top + target_height + nub_height});
|
||||
$nub.addClass('top');
|
||||
|
||||
}
|
||||
|
||||
} else if (this.settings.$li.length) {
|
||||
this.pos_modal($nub);
|
||||
}
|
||||
|
||||
if (toggle) {
|
||||
this.settings.$next_tip.hide();
|
||||
this.settings.$next_tip.css('visibility', 'visible');
|
||||
}
|
||||
},
|
||||
|
||||
pos_modal : function ($nub) {
|
||||
this.center();
|
||||
$nub.hide();
|
||||
|
||||
this.show_modal();
|
||||
},
|
||||
|
||||
show_modal : function () {
|
||||
if (!this.settings.$next_tip.data('closed')) {
|
||||
var joyridemodalbg = $('.joyride-modal-bg');
|
||||
if (joyridemodalbg.length < 1) {
|
||||
$('body').append(this.settings.template.modal).show();
|
||||
}
|
||||
|
||||
if (/pop/i.test(this.settings.tipAnimation)) {
|
||||
joyridemodalbg.show();
|
||||
} else {
|
||||
joyridemodalbg.fadeIn(this.settings.tipAnimationFadeSpeed);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
expose : function () {
|
||||
var expose,
|
||||
exposeCover,
|
||||
el,
|
||||
origCSS,
|
||||
origClasses,
|
||||
randId = 'expose-'+Math.floor(Math.random()*10000);
|
||||
|
||||
if (arguments.length > 0 && arguments[0] instanceof $) {
|
||||
el = arguments[0];
|
||||
} else if(this.settings.$target && !/body/i.test(this.settings.$target.selector)){
|
||||
el = this.settings.$target;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
|
||||
if(el.length < 1){
|
||||
if(window.console){
|
||||
console.error('element not valid', el);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
expose = $(this.settings.template.expose);
|
||||
this.settings.$body.append(expose);
|
||||
expose.css({
|
||||
top: el.offset().top,
|
||||
left: el.offset().left,
|
||||
width: this.outerWidth(el, true),
|
||||
height: this.outerHeight(el, true)
|
||||
});
|
||||
|
||||
exposeCover = $(this.settings.template.exposeCover);
|
||||
|
||||
origCSS = {
|
||||
zIndex: el.css('z-index'),
|
||||
position: el.css('position')
|
||||
};
|
||||
|
||||
origClasses = el.attr('class') == null ? '' : el.attr('class');
|
||||
|
||||
el.css('z-index',parseInt(expose.css('z-index'))+1);
|
||||
|
||||
if (origCSS.position == 'static') {
|
||||
el.css('position','relative');
|
||||
}
|
||||
|
||||
el.data('expose-css',origCSS);
|
||||
el.data('orig-class', origClasses);
|
||||
el.attr('class', origClasses + ' ' + this.settings.exposeAddClass);
|
||||
|
||||
exposeCover.css({
|
||||
top: el.offset().top,
|
||||
left: el.offset().left,
|
||||
width: this.outerWidth(el, true),
|
||||
height: this.outerHeight(el, true)
|
||||
});
|
||||
|
||||
this.settings.$body.append(exposeCover);
|
||||
expose.addClass(randId);
|
||||
exposeCover.addClass(randId);
|
||||
el.data('expose', randId);
|
||||
this.settings.postExposeCallback(this.settings.$li.index(), this.settings.$next_tip, el);
|
||||
this.add_exposed(el);
|
||||
},
|
||||
|
||||
un_expose : function () {
|
||||
var exposeId,
|
||||
el,
|
||||
expose ,
|
||||
origCSS,
|
||||
origClasses,
|
||||
clearAll = false;
|
||||
|
||||
if (arguments.length > 0 && arguments[0] instanceof $) {
|
||||
el = arguments[0];
|
||||
} else if(this.settings.$target && !/body/i.test(this.settings.$target.selector)){
|
||||
el = this.settings.$target;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
|
||||
if(el.length < 1){
|
||||
if (window.console) {
|
||||
console.error('element not valid', el);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
exposeId = el.data('expose');
|
||||
expose = $('.' + exposeId);
|
||||
|
||||
if (arguments.length > 1) {
|
||||
clearAll = arguments[1];
|
||||
}
|
||||
|
||||
if (clearAll === true) {
|
||||
$('.joyride-expose-wrapper,.joyride-expose-cover').remove();
|
||||
} else {
|
||||
expose.remove();
|
||||
}
|
||||
|
||||
origCSS = el.data('expose-css');
|
||||
|
||||
if (origCSS.zIndex == 'auto') {
|
||||
el.css('z-index', '');
|
||||
} else {
|
||||
el.css('z-index', origCSS.zIndex);
|
||||
}
|
||||
|
||||
if (origCSS.position != el.css('position')) {
|
||||
if(origCSS.position == 'static') {// this is default, no need to set it.
|
||||
el.css('position', '');
|
||||
} else {
|
||||
el.css('position', origCSS.position);
|
||||
}
|
||||
}
|
||||
|
||||
origClasses = el.data('orig-class');
|
||||
el.attr('class', origClasses);
|
||||
el.removeData('orig-classes');
|
||||
|
||||
el.removeData('expose');
|
||||
el.removeData('expose-z-index');
|
||||
this.remove_exposed(el);
|
||||
},
|
||||
|
||||
add_exposed: function(el){
|
||||
this.settings.exposed = this.settings.exposed || [];
|
||||
if (el instanceof $ || typeof el === 'object') {
|
||||
this.settings.exposed.push(el[0]);
|
||||
} else if (typeof el == 'string') {
|
||||
this.settings.exposed.push(el);
|
||||
}
|
||||
},
|
||||
|
||||
remove_exposed: function(el){
|
||||
var search, count;
|
||||
if (el instanceof $) {
|
||||
search = el[0]
|
||||
} else if (typeof el == 'string'){
|
||||
search = el;
|
||||
}
|
||||
|
||||
this.settings.exposed = this.settings.exposed || [];
|
||||
count = this.settings.exposed.length;
|
||||
|
||||
for (var i=0; i < count; i++) {
|
||||
if (this.settings.exposed[i] == search) {
|
||||
this.settings.exposed.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
center : function () {
|
||||
var $w = $(window);
|
||||
|
||||
this.settings.$next_tip.css({
|
||||
top : ((($w.height() - this.outerHeight(this.settings.$next_tip)) / 2) + $w.scrollTop()),
|
||||
left : ((($w.width() - this.outerWidth(this.settings.$next_tip)) / 2) + this.scrollLeft($w))
|
||||
});
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
bottom : function () {
|
||||
return /bottom/i.test(this.settings.tipSettings.tipLocation);
|
||||
},
|
||||
|
||||
top : function () {
|
||||
return /top/i.test(this.settings.tipSettings.tipLocation);
|
||||
},
|
||||
|
||||
right : function () {
|
||||
return /right/i.test(this.settings.tipSettings.tipLocation);
|
||||
},
|
||||
|
||||
left : function () {
|
||||
return /left/i.test(this.settings.tipSettings.tipLocation);
|
||||
},
|
||||
|
||||
corners : function (el) {
|
||||
var w = $(window),
|
||||
window_half = w.height() / 2,
|
||||
//using this to calculate since scroll may not have finished yet.
|
||||
tipOffset = Math.ceil(this.settings.$target.offset().top - window_half + this.settings.$next_tip.outerHeight()),
|
||||
right = w.width() + this.scrollLeft(w),
|
||||
offsetBottom = w.height() + tipOffset,
|
||||
bottom = w.height() + w.scrollTop(),
|
||||
top = w.scrollTop();
|
||||
|
||||
if (tipOffset < top) {
|
||||
if (tipOffset < 0) {
|
||||
top = 0;
|
||||
} else {
|
||||
top = tipOffset;
|
||||
}
|
||||
}
|
||||
|
||||
if (offsetBottom > bottom) {
|
||||
bottom = offsetBottom;
|
||||
}
|
||||
|
||||
return [
|
||||
el.offset().top < top,
|
||||
right < el.offset().left + el.outerWidth(),
|
||||
bottom < el.offset().top + el.outerHeight(),
|
||||
this.scrollLeft(w) > el.offset().left
|
||||
];
|
||||
},
|
||||
|
||||
visible : function (hidden_corners) {
|
||||
var i = hidden_corners.length;
|
||||
|
||||
while (i--) {
|
||||
if (hidden_corners[i]) return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
nub_position : function (nub, pos, def) {
|
||||
if (pos === 'auto') {
|
||||
nub.addClass(def);
|
||||
} else {
|
||||
nub.addClass(pos);
|
||||
}
|
||||
},
|
||||
|
||||
startTimer : function () {
|
||||
if (this.settings.$li.length) {
|
||||
this.settings.automate = setTimeout(function () {
|
||||
this.hide();
|
||||
this.show();
|
||||
this.startTimer();
|
||||
}.bind(this), this.settings.timer);
|
||||
} else {
|
||||
clearTimeout(this.settings.automate);
|
||||
}
|
||||
},
|
||||
|
||||
end : function () {
|
||||
if (this.settings.cookieMonster) {
|
||||
$.cookie(this.settings.cookieName, 'ridden', { expires: this.settings.cookieExpires, domain: this.settings.cookieDomain });
|
||||
}
|
||||
|
||||
if (this.settings.timer > 0) {
|
||||
clearTimeout(this.settings.automate);
|
||||
}
|
||||
|
||||
if (this.settings.modal && this.settings.expose) {
|
||||
this.un_expose();
|
||||
}
|
||||
|
||||
this.settings.$next_tip.data('closed', true);
|
||||
|
||||
$('.joyride-modal-bg').hide();
|
||||
this.settings.$current_tip.hide();
|
||||
this.settings.postStepCallback(this.settings.$li.index(), this.settings.$current_tip);
|
||||
this.settings.postRideCallback(this.settings.$li.index(), this.settings.$current_tip);
|
||||
$('.joyride-tip-guide').remove();
|
||||
},
|
||||
|
||||
outerHTML : function (el) {
|
||||
// support FireFox < 11
|
||||
return el.outerHTML || new XMLSerializer().serializeToString(el);
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.joyride');
|
||||
$(window).off('.joyride');
|
||||
$('.joyride-close-tip, .joyride-next-tip, .joyride-modal-bg').off('.joyride');
|
||||
$('.joyride-tip-guide, .joyride-modal-bg').remove();
|
||||
clearTimeout(this.settings.automate);
|
||||
this.settings = {};
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
464
gitop.web/src/main/java/com/pmease/gitop/web/common/component/foundation/res/js/foundation.js
vendored
Normal file
464
gitop.web/src/main/java/com/pmease/gitop/web/common/component/foundation/res/js/foundation.js
vendored
Normal file
@ -0,0 +1,464 @@
|
||||
/*
|
||||
* Foundation Responsive Library
|
||||
* http://foundation.zurb.com
|
||||
* Copyright 2013, ZURB
|
||||
* Free to use under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
// Accommodate running jQuery or Zepto in noConflict() mode by
|
||||
// using an anonymous function to redefine the $ shorthand name.
|
||||
// See http://docs.jquery.com/Using_jQuery_with_Other_Libraries
|
||||
// and http://zeptojs.com/
|
||||
var libFuncName = null;
|
||||
|
||||
if (typeof jQuery === "undefined" &&
|
||||
typeof Zepto === "undefined" &&
|
||||
typeof $ === "function") {
|
||||
libFuncName = $;
|
||||
} else if (typeof jQuery === "function") {
|
||||
libFuncName = jQuery;
|
||||
} else if (typeof Zepto === "function") {
|
||||
libFuncName = Zepto;
|
||||
} else {
|
||||
throw new TypeError();
|
||||
}
|
||||
|
||||
(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
/*
|
||||
matchMedia() polyfill - Test a CSS media
|
||||
type/query in JS. Authors & copyright (c) 2012:
|
||||
Scott Jehl, Paul Irish, Nicholas Zakas.
|
||||
Dual MIT/BSD license
|
||||
|
||||
https://github.com/paulirish/matchMedia.js
|
||||
*/
|
||||
|
||||
$('head').append('<meta class="foundation-mq-small">');
|
||||
$('head').append('<meta class="foundation-mq-medium">');
|
||||
$('head').append('<meta class="foundation-mq-large">');
|
||||
|
||||
window.matchMedia = window.matchMedia || (function( doc, undefined ) {
|
||||
|
||||
"use strict";
|
||||
|
||||
var bool,
|
||||
docElem = doc.documentElement,
|
||||
refNode = docElem.firstElementChild || docElem.firstChild,
|
||||
// fakeBody required for <FF4 when executed in <head>
|
||||
fakeBody = doc.createElement( "body" ),
|
||||
div = doc.createElement( "div" );
|
||||
|
||||
div.id = "mq-test-1";
|
||||
div.style.cssText = "position:absolute;top:-100em";
|
||||
fakeBody.style.background = "none";
|
||||
fakeBody.appendChild(div);
|
||||
|
||||
return function(q){
|
||||
|
||||
div.innerHTML = "­<style media=\"" + q + "\"> #mq-test-1 { width: 42px; }</style>";
|
||||
|
||||
docElem.insertBefore( fakeBody, refNode );
|
||||
bool = div.offsetWidth === 42;
|
||||
docElem.removeChild( fakeBody );
|
||||
|
||||
return {
|
||||
matches: bool,
|
||||
media: q
|
||||
};
|
||||
|
||||
};
|
||||
|
||||
}( document ));
|
||||
|
||||
// add dusty browser stuff
|
||||
if (!Array.prototype.filter) {
|
||||
Array.prototype.filter = function(fun /*, thisp */) {
|
||||
"use strict";
|
||||
|
||||
if (this == null) {
|
||||
throw new TypeError();
|
||||
}
|
||||
|
||||
var t = Object(this),
|
||||
len = t.length >>> 0;
|
||||
if (typeof fun !== "function") {
|
||||
return;
|
||||
}
|
||||
|
||||
var res = [],
|
||||
thisp = arguments[1];
|
||||
for (var i = 0; i < len; i++) {
|
||||
if (i in t) {
|
||||
var val = t[i]; // in case fun mutates this
|
||||
if (fun && fun.call(thisp, val, i, t)) {
|
||||
res.push(val);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return res;
|
||||
}
|
||||
}
|
||||
|
||||
if (!Function.prototype.bind) {
|
||||
Function.prototype.bind = function (oThis) {
|
||||
if (typeof this !== "function") {
|
||||
// closest thing possible to the ECMAScript 5 internal IsCallable function
|
||||
throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
|
||||
}
|
||||
|
||||
var aArgs = Array.prototype.slice.call(arguments, 1),
|
||||
fToBind = this,
|
||||
fNOP = function () {},
|
||||
fBound = function () {
|
||||
return fToBind.apply(this instanceof fNOP && oThis
|
||||
? this
|
||||
: oThis,
|
||||
aArgs.concat(Array.prototype.slice.call(arguments)));
|
||||
};
|
||||
|
||||
fNOP.prototype = this.prototype;
|
||||
fBound.prototype = new fNOP();
|
||||
|
||||
return fBound;
|
||||
};
|
||||
}
|
||||
|
||||
if (!Array.prototype.indexOf) {
|
||||
Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) {
|
||||
"use strict";
|
||||
if (this == null) {
|
||||
throw new TypeError();
|
||||
}
|
||||
var t = Object(this);
|
||||
var len = t.length >>> 0;
|
||||
if (len === 0) {
|
||||
return -1;
|
||||
}
|
||||
var n = 0;
|
||||
if (arguments.length > 1) {
|
||||
n = Number(arguments[1]);
|
||||
if (n != n) { // shortcut for verifying if it's NaN
|
||||
n = 0;
|
||||
} else if (n != 0 && n != Infinity && n != -Infinity) {
|
||||
n = (n > 0 || -1) * Math.floor(Math.abs(n));
|
||||
}
|
||||
}
|
||||
if (n >= len) {
|
||||
return -1;
|
||||
}
|
||||
var k = n >= 0 ? n : Math.max(len - Math.abs(n), 0);
|
||||
for (; k < len; k++) {
|
||||
if (k in t && t[k] === searchElement) {
|
||||
return k;
|
||||
}
|
||||
}
|
||||
return -1;
|
||||
}
|
||||
}
|
||||
|
||||
// fake stop() for zepto.
|
||||
$.fn.stop = $.fn.stop || function() {
|
||||
return this;
|
||||
};
|
||||
|
||||
window.Foundation = {
|
||||
name : 'Foundation',
|
||||
|
||||
version : '4.3.2',
|
||||
|
||||
cache : {},
|
||||
|
||||
media_queries : {
|
||||
small : $('.foundation-mq-small').css('font-family').replace(/\'/g, ''),
|
||||
medium : $('.foundation-mq-medium').css('font-family').replace(/\'/g, ''),
|
||||
large : $('.foundation-mq-large').css('font-family').replace(/\'/g, '')
|
||||
},
|
||||
|
||||
stylesheet : $('<style></style>').appendTo('head')[0].sheet,
|
||||
|
||||
init : function (scope, libraries, method, options, response, /* internal */ nc) {
|
||||
var library_arr,
|
||||
args = [scope, method, options, response],
|
||||
responses = [],
|
||||
nc = nc || false;
|
||||
|
||||
// disable library error catching,
|
||||
// used for development only
|
||||
if (nc) this.nc = nc;
|
||||
|
||||
// check RTL
|
||||
this.rtl = /rtl/i.test($('html').attr('dir'));
|
||||
|
||||
// set foundation global scope
|
||||
this.scope = scope || this.scope;
|
||||
|
||||
if (libraries && typeof libraries === 'string' && !/reflow/i.test(libraries)) {
|
||||
if (/off/i.test(libraries)) return this.off();
|
||||
|
||||
library_arr = libraries.split(' ');
|
||||
|
||||
if (library_arr.length > 0) {
|
||||
for (var i = library_arr.length - 1; i >= 0; i--) {
|
||||
responses.push(this.init_lib(library_arr[i], args));
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (/reflow/i.test(libraries)) args[1] = 'reflow';
|
||||
|
||||
for (var lib in this.libs) {
|
||||
responses.push(this.init_lib(lib, args));
|
||||
}
|
||||
}
|
||||
|
||||
// if first argument is callback, add to args
|
||||
if (typeof libraries === 'function') {
|
||||
args.unshift(libraries);
|
||||
}
|
||||
|
||||
return this.response_obj(responses, args);
|
||||
},
|
||||
|
||||
response_obj : function (response_arr, args) {
|
||||
for (var i = 0, len = args.length; i < len; i++) {
|
||||
if (typeof args[i] === 'function') {
|
||||
return args[i]({
|
||||
errors: response_arr.filter(function (s) {
|
||||
if (typeof s === 'string') return s;
|
||||
})
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
return response_arr;
|
||||
},
|
||||
|
||||
init_lib : function (lib, args) {
|
||||
return this.trap(function () {
|
||||
if (this.libs.hasOwnProperty(lib)) {
|
||||
this.patch(this.libs[lib]);
|
||||
return this.libs[lib].init.apply(this.libs[lib], args);
|
||||
} else {
|
||||
return function () {};
|
||||
}
|
||||
}.bind(this), lib);
|
||||
},
|
||||
|
||||
trap : function (fun, lib) {
|
||||
if (!this.nc) {
|
||||
try {
|
||||
return fun();
|
||||
} catch (e) {
|
||||
return this.error({name: lib, message: 'could not be initialized', more: e.name + ' ' + e.message});
|
||||
}
|
||||
}
|
||||
|
||||
return fun();
|
||||
},
|
||||
|
||||
patch : function (lib) {
|
||||
this.fix_outer(lib);
|
||||
lib.scope = this.scope;
|
||||
lib.rtl = this.rtl;
|
||||
},
|
||||
|
||||
inherit : function (scope, methods) {
|
||||
var methods_arr = methods.split(' ');
|
||||
|
||||
for (var i = methods_arr.length - 1; i >= 0; i--) {
|
||||
if (this.lib_methods.hasOwnProperty(methods_arr[i])) {
|
||||
this.libs[scope.name][methods_arr[i]] = this.lib_methods[methods_arr[i]];
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
random_str : function (length) {
|
||||
var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
|
||||
|
||||
if (!length) {
|
||||
length = Math.floor(Math.random() * chars.length);
|
||||
}
|
||||
|
||||
var str = '';
|
||||
for (var i = 0; i < length; i++) {
|
||||
str += chars[Math.floor(Math.random() * chars.length)];
|
||||
}
|
||||
return str;
|
||||
},
|
||||
|
||||
libs : {},
|
||||
|
||||
// methods that can be inherited in libraries
|
||||
lib_methods : {
|
||||
set_data : function (node, data) {
|
||||
// this.name references the name of the library calling this method
|
||||
var id = [this.name,+new Date(),Foundation.random_str(5)].join('-');
|
||||
|
||||
Foundation.cache[id] = data;
|
||||
node.attr('data-' + this.name + '-id', id);
|
||||
return data;
|
||||
},
|
||||
|
||||
get_data : function (node) {
|
||||
return Foundation.cache[node.attr('data-' + this.name + '-id')];
|
||||
},
|
||||
|
||||
remove_data : function (node) {
|
||||
if (node) {
|
||||
delete Foundation.cache[node.attr('data-' + this.name + '-id')];
|
||||
node.attr('data-' + this.name + '-id', '');
|
||||
} else {
|
||||
$('[data-' + this.name + '-id]').each(function () {
|
||||
delete Foundation.cache[$(this).attr('data-' + this.name + '-id')];
|
||||
$(this).attr('data-' + this.name + '-id', '');
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
throttle : function(fun, delay) {
|
||||
var timer = null;
|
||||
return function () {
|
||||
var context = this, args = arguments;
|
||||
clearTimeout(timer);
|
||||
timer = setTimeout(function () {
|
||||
fun.apply(context, args);
|
||||
}, delay);
|
||||
};
|
||||
},
|
||||
|
||||
// parses data-options attribute on nodes and turns
|
||||
// them into an object
|
||||
data_options : function (el) {
|
||||
var opts = {}, ii, p,
|
||||
opts_arr = (el.attr('data-options') || ':').split(';'),
|
||||
opts_len = opts_arr.length;
|
||||
|
||||
function isNumber (o) {
|
||||
return ! isNaN (o-0) && o !== null && o !== "" && o !== false && o !== true;
|
||||
}
|
||||
|
||||
function trim(str) {
|
||||
if (typeof str === 'string') return $.trim(str);
|
||||
return str;
|
||||
}
|
||||
|
||||
// parse options
|
||||
for (ii = opts_len - 1; ii >= 0; ii--) {
|
||||
p = opts_arr[ii].split(':');
|
||||
|
||||
if (/true/i.test(p[1])) p[1] = true;
|
||||
if (/false/i.test(p[1])) p[1] = false;
|
||||
if (isNumber(p[1])) p[1] = parseInt(p[1], 10);
|
||||
|
||||
if (p.length === 2 && p[0].length > 0) {
|
||||
opts[trim(p[0])] = trim(p[1]);
|
||||
}
|
||||
}
|
||||
|
||||
return opts;
|
||||
},
|
||||
|
||||
delay : function (fun, delay) {
|
||||
return setTimeout(fun, delay);
|
||||
},
|
||||
|
||||
// animated scrolling
|
||||
scrollTo : function (el, to, duration) {
|
||||
if (duration < 0) return;
|
||||
var difference = to - $(window).scrollTop();
|
||||
var perTick = difference / duration * 10;
|
||||
|
||||
this.scrollToTimerCache = setTimeout(function() {
|
||||
if (!isNaN(parseInt(perTick, 10))) {
|
||||
window.scrollTo(0, $(window).scrollTop() + perTick);
|
||||
this.scrollTo(el, to, duration - 10);
|
||||
}
|
||||
}.bind(this), 10);
|
||||
},
|
||||
|
||||
// not supported in core Zepto
|
||||
scrollLeft : function (el) {
|
||||
if (!el.length) return;
|
||||
return ('scrollLeft' in el[0]) ? el[0].scrollLeft : el[0].pageXOffset;
|
||||
},
|
||||
|
||||
// test for empty object or array
|
||||
empty : function (obj) {
|
||||
if (obj.length && obj.length > 0) return false;
|
||||
if (obj.length && obj.length === 0) return true;
|
||||
|
||||
for (var key in obj) {
|
||||
if (hasOwnProperty.call(obj, key)) return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
addCustomRule : function(rule, media) {
|
||||
if(media === undefined) {
|
||||
Foundation.stylesheet.insertRule(rule, Foundation.stylesheet.cssRules.length);
|
||||
} else {
|
||||
var query = Foundation.media_queries[media];
|
||||
if(query !== undefined) {
|
||||
Foundation.stylesheet.insertRule('@media ' +
|
||||
Foundation.media_queries[media] + '{ ' + rule + ' }');
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
fix_outer : function (lib) {
|
||||
lib.outerHeight = function (el, bool) {
|
||||
if (typeof Zepto === 'function') {
|
||||
return el.height();
|
||||
}
|
||||
|
||||
if (typeof bool !== 'undefined') {
|
||||
return el.outerHeight(bool);
|
||||
}
|
||||
|
||||
return el.outerHeight();
|
||||
};
|
||||
|
||||
lib.outerWidth = function (el, bool) {
|
||||
if (typeof Zepto === 'function') {
|
||||
return el.width();
|
||||
}
|
||||
|
||||
if (typeof bool !== 'undefined') {
|
||||
return el.outerWidth(bool);
|
||||
}
|
||||
|
||||
return el.outerWidth();
|
||||
};
|
||||
},
|
||||
|
||||
error : function (error) {
|
||||
return error.name + ' ' + error.message + '; ' + error.more;
|
||||
},
|
||||
|
||||
// remove all foundation events.
|
||||
off: function () {
|
||||
$(this.scope).off('.fndtn');
|
||||
$(window).off('.fndtn');
|
||||
return true;
|
||||
},
|
||||
|
||||
zj : $
|
||||
};
|
||||
|
||||
$.fn.foundation = function () {
|
||||
var args = Array.prototype.slice.call(arguments, 0);
|
||||
|
||||
return this.each(function () {
|
||||
Foundation.init.apply(Foundation, [this].concat(args));
|
||||
return this;
|
||||
});
|
||||
};
|
||||
|
||||
}(libFuncName, this, this.document));
|
||||
@ -0,0 +1,136 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.magellan = {
|
||||
name : 'magellan',
|
||||
|
||||
version : '4.3.2',
|
||||
|
||||
settings : {
|
||||
activeClass: 'active',
|
||||
threshold: 0
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
Foundation.inherit(this, 'data_options');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method !== 'string') {
|
||||
if (!this.settings.init) {
|
||||
this.fixed_magellan = $("[data-magellan-expedition]");
|
||||
this.set_threshold();
|
||||
this.last_destination = $('[data-magellan-destination]').last();
|
||||
this.events();
|
||||
}
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
$(this.scope).on('arrival.fndtn.magellan', '[data-magellan-arrival]', function (e) {
|
||||
var $destination = $(this),
|
||||
$expedition = $destination.closest('[data-magellan-expedition]'),
|
||||
activeClass = $expedition.attr('data-magellan-active-class')
|
||||
|| self.settings.activeClass;
|
||||
|
||||
$destination
|
||||
.closest('[data-magellan-expedition]')
|
||||
.find('[data-magellan-arrival]')
|
||||
.not($destination)
|
||||
.removeClass(activeClass);
|
||||
$destination.addClass(activeClass);
|
||||
});
|
||||
|
||||
this.fixed_magellan
|
||||
.on('update-position.fndtn.magellan', function(){
|
||||
var $el = $(this);
|
||||
// $el.data("magellan-fixed-position","");
|
||||
// $el.data("magellan-top-offset", "");
|
||||
})
|
||||
.trigger('update-position');
|
||||
|
||||
$(window)
|
||||
.on('resize.fndtn.magellan', function() {
|
||||
this.fixed_magellan.trigger('update-position');
|
||||
}.bind(this))
|
||||
|
||||
.on('scroll.fndtn.magellan', function() {
|
||||
var windowScrollTop = $(window).scrollTop();
|
||||
self.fixed_magellan.each(function() {
|
||||
var $expedition = $(this);
|
||||
if (typeof $expedition.data('magellan-top-offset') === 'undefined') {
|
||||
$expedition.data('magellan-top-offset', $expedition.offset().top);
|
||||
}
|
||||
if (typeof $expedition.data('magellan-fixed-position') === 'undefined') {
|
||||
$expedition.data('magellan-fixed-position', false)
|
||||
}
|
||||
var fixed_position = (windowScrollTop + self.settings.threshold) > $expedition.data("magellan-top-offset");
|
||||
var attr = $expedition.attr('data-magellan-top-offset');
|
||||
|
||||
if ($expedition.data("magellan-fixed-position") != fixed_position) {
|
||||
$expedition.data("magellan-fixed-position", fixed_position);
|
||||
if (fixed_position) {
|
||||
$expedition.addClass('fixed');
|
||||
$expedition.css({position:"fixed", top:0});
|
||||
} else {
|
||||
$expedition.removeClass('fixed');
|
||||
$expedition.css({position:"", top:""});
|
||||
}
|
||||
if (fixed_position && typeof attr != 'undefined' && attr != false) {
|
||||
$expedition.css({position:"fixed", top:attr + "px"});
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
if (this.last_destination.length > 0) {
|
||||
$(window).on('scroll.fndtn.magellan', function (e) {
|
||||
var windowScrollTop = $(window).scrollTop(),
|
||||
scrolltopPlusHeight = windowScrollTop + $(window).height(),
|
||||
lastDestinationTop = Math.ceil(self.last_destination.offset().top);
|
||||
|
||||
$('[data-magellan-destination]').each(function () {
|
||||
var $destination = $(this),
|
||||
destination_name = $destination.attr('data-magellan-destination'),
|
||||
topOffset = $destination.offset().top - windowScrollTop;
|
||||
|
||||
if (topOffset <= self.settings.threshold) {
|
||||
$("[data-magellan-arrival='" + destination_name + "']").trigger('arrival');
|
||||
}
|
||||
// In large screens we may hit the bottom of the page and dont reach the top of the last magellan-destination, so lets force it
|
||||
if (scrolltopPlusHeight >= $(self.scope).height() && lastDestinationTop > windowScrollTop && lastDestinationTop < scrolltopPlusHeight) {
|
||||
$('[data-magellan-arrival]').last().trigger('arrival');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
set_threshold : function () {
|
||||
if (typeof this.settings.threshold !== 'number') {
|
||||
this.settings.threshold = (this.fixed_magellan.length > 0) ?
|
||||
this.outerHeight(this.fixed_magellan, true) : 0;
|
||||
}
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.magellan');
|
||||
$(window).off('.fndtn.magellan');
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
435
gitop.web/src/main/java/com/pmease/gitop/web/common/component/foundation/res/js/foundation.orbit.js
vendored
Normal file
435
gitop.web/src/main/java/com/pmease/gitop/web/common/component/foundation/res/js/foundation.orbit.js
vendored
Normal file
@ -0,0 +1,435 @@
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
var noop = function() {};
|
||||
|
||||
var Orbit = function(el, settings) {
|
||||
// Don't reinitialize plugin
|
||||
if (el.hasClass(settings.slides_container_class)) {
|
||||
return this;
|
||||
}
|
||||
|
||||
var self = this,
|
||||
container,
|
||||
slides_container = el,
|
||||
number_container,
|
||||
bullets_container,
|
||||
timer_container,
|
||||
idx = 0,
|
||||
animate,
|
||||
timer,
|
||||
locked = false,
|
||||
adjust_height_after = false;
|
||||
|
||||
slides_container.children().first().addClass(settings.active_slide_class);
|
||||
|
||||
self.update_slide_number = function(index) {
|
||||
if (settings.slide_number) {
|
||||
number_container.find('span:first').text(parseInt(index)+1);
|
||||
number_container.find('span:last').text(slides_container.children().length);
|
||||
}
|
||||
if (settings.bullets) {
|
||||
bullets_container.children().removeClass(settings.bullets_active_class);
|
||||
$(bullets_container.children().get(index)).addClass(settings.bullets_active_class);
|
||||
}
|
||||
};
|
||||
|
||||
self.update_active_link = function(index) {
|
||||
var link = $('a[data-orbit-link="'+slides_container.children().eq(index).attr('data-orbit-slide')+'"]');
|
||||
link.parents('ul').find('[data-orbit-link]').removeClass(settings.bullets_active_class);
|
||||
link.addClass(settings.bullets_active_class);
|
||||
};
|
||||
|
||||
self.build_markup = function() {
|
||||
slides_container.wrap('<div class="'+settings.container_class+'"></div>');
|
||||
container = slides_container.parent();
|
||||
slides_container.addClass(settings.slides_container_class);
|
||||
|
||||
if (settings.navigation_arrows) {
|
||||
container.append($('<a href="#"><span></span></a>').addClass(settings.prev_class));
|
||||
container.append($('<a href="#"><span></span></a>').addClass(settings.next_class));
|
||||
}
|
||||
|
||||
if (settings.timer) {
|
||||
timer_container = $('<div>').addClass(settings.timer_container_class);
|
||||
timer_container.append('<span>');
|
||||
timer_container.append($('<div>').addClass(settings.timer_progress_class));
|
||||
timer_container.addClass(settings.timer_paused_class);
|
||||
container.append(timer_container);
|
||||
}
|
||||
|
||||
if (settings.slide_number) {
|
||||
number_container = $('<div>').addClass(settings.slide_number_class);
|
||||
number_container.append('<span></span> ' + settings.slide_number_text + ' <span></span>');
|
||||
container.append(number_container);
|
||||
}
|
||||
|
||||
if (settings.bullets) {
|
||||
bullets_container = $('<ol>').addClass(settings.bullets_container_class);
|
||||
container.append(bullets_container);
|
||||
slides_container.children().each(function(idx, el) {
|
||||
var bullet = $('<li>').attr('data-orbit-slide', idx);
|
||||
bullets_container.append(bullet);
|
||||
});
|
||||
}
|
||||
|
||||
if (settings.stack_on_small) {
|
||||
container.addClass(settings.stack_on_small_class);
|
||||
}
|
||||
|
||||
self.update_slide_number(0);
|
||||
self.update_active_link(0);
|
||||
};
|
||||
|
||||
self._goto = function(next_idx, start_timer) {
|
||||
// if (locked) {return false;}
|
||||
if (next_idx === idx) {return false;}
|
||||
if (typeof timer === 'object') {timer.restart();}
|
||||
var slides = slides_container.children();
|
||||
|
||||
var dir = 'next';
|
||||
locked = true;
|
||||
if (next_idx < idx) {dir = 'prev';}
|
||||
if (next_idx >= slides.length) {next_idx = 0;}
|
||||
else if (next_idx < 0) {next_idx = slides.length - 1;}
|
||||
|
||||
var current = $(slides.get(idx));
|
||||
var next = $(slides.get(next_idx));
|
||||
|
||||
current.css('zIndex', 2);
|
||||
current.removeClass(settings.active_slide_class);
|
||||
next.css('zIndex', 4).addClass(settings.active_slide_class);
|
||||
|
||||
slides_container.trigger('orbit:before-slide-change');
|
||||
settings.before_slide_change();
|
||||
self.update_active_link(next_idx);
|
||||
|
||||
var callback = function() {
|
||||
var unlock = function() {
|
||||
idx = next_idx;
|
||||
locked = false;
|
||||
if (start_timer === true) {timer = self.create_timer(); timer.start();}
|
||||
self.update_slide_number(idx);
|
||||
slides_container.trigger('orbit:after-slide-change',[{slide_number: idx, total_slides: slides.length}]);
|
||||
settings.after_slide_change(idx, slides.length);
|
||||
};
|
||||
if (slides_container.height() != next.height() && settings.variable_height) {
|
||||
slides_container.animate({'height': next.height()}, 250, 'linear', unlock);
|
||||
} else {
|
||||
unlock();
|
||||
}
|
||||
};
|
||||
|
||||
if (slides.length === 1) {callback(); return false;}
|
||||
|
||||
var start_animation = function() {
|
||||
if (dir === 'next') {animate.next(current, next, callback);}
|
||||
if (dir === 'prev') {animate.prev(current, next, callback);}
|
||||
};
|
||||
|
||||
if (next.height() > slides_container.height() && settings.variable_height) {
|
||||
slides_container.animate({'height': next.height()}, 250, 'linear', start_animation);
|
||||
} else {
|
||||
start_animation();
|
||||
}
|
||||
};
|
||||
|
||||
self.next = function(e) {
|
||||
e.stopImmediatePropagation();
|
||||
e.preventDefault();
|
||||
self._goto(idx + 1);
|
||||
};
|
||||
|
||||
self.prev = function(e) {
|
||||
e.stopImmediatePropagation();
|
||||
e.preventDefault();
|
||||
self._goto(idx - 1);
|
||||
};
|
||||
|
||||
self.link_custom = function(e) {
|
||||
e.preventDefault();
|
||||
var link = $(this).attr('data-orbit-link');
|
||||
if ((typeof link === 'string') && (link = $.trim(link)) != "") {
|
||||
var slide = container.find('[data-orbit-slide='+link+']');
|
||||
if (slide.index() != -1) {self._goto(slide.index());}
|
||||
}
|
||||
};
|
||||
|
||||
self.link_bullet = function(e) {
|
||||
var index = $(this).attr('data-orbit-slide');
|
||||
if ((typeof index === 'string') && (index = $.trim(index)) != "") {
|
||||
self._goto(parseInt(index));
|
||||
}
|
||||
}
|
||||
|
||||
self.timer_callback = function() {
|
||||
self._goto(idx + 1, true);
|
||||
}
|
||||
|
||||
self.compute_dimensions = function() {
|
||||
var current = $(slides_container.children().get(idx));
|
||||
var h = current.height();
|
||||
if (!settings.variable_height) {
|
||||
slides_container.children().each(function(){
|
||||
if ($(this).height() > h) { h = $(this).height(); }
|
||||
});
|
||||
}
|
||||
slides_container.height(h);
|
||||
};
|
||||
|
||||
self.create_timer = function() {
|
||||
var t = new Timer(
|
||||
container.find('.'+settings.timer_container_class),
|
||||
settings,
|
||||
self.timer_callback
|
||||
);
|
||||
return t;
|
||||
};
|
||||
|
||||
self.stop_timer = function() {
|
||||
if (typeof timer === 'object') timer.stop();
|
||||
};
|
||||
|
||||
self.toggle_timer = function() {
|
||||
var t = container.find('.'+settings.timer_container_class);
|
||||
if (t.hasClass(settings.timer_paused_class)) {
|
||||
if (typeof timer === 'undefined') {timer = self.create_timer();}
|
||||
timer.start();
|
||||
}
|
||||
else {
|
||||
if (typeof timer === 'object') {timer.stop();}
|
||||
}
|
||||
};
|
||||
|
||||
self.init = function() {
|
||||
self.build_markup();
|
||||
if (settings.timer) {timer = self.create_timer(); timer.start();}
|
||||
animate = new FadeAnimation(settings, slides_container);
|
||||
if (settings.animation === 'slide')
|
||||
animate = new SlideAnimation(settings, slides_container);
|
||||
container.on('click', '.'+settings.next_class, self.next);
|
||||
container.on('click', '.'+settings.prev_class, self.prev);
|
||||
container.on('click', '[data-orbit-slide]', self.link_bullet);
|
||||
container.on('click', self.toggle_timer);
|
||||
if (settings.swipe) {
|
||||
container.on('touchstart.fndtn.orbit', function(e) {
|
||||
if (!e.touches) {e = e.originalEvent;}
|
||||
var data = {
|
||||
start_page_x: e.touches[0].pageX,
|
||||
start_page_y: e.touches[0].pageY,
|
||||
start_time: (new Date()).getTime(),
|
||||
delta_x: 0,
|
||||
is_scrolling: undefined
|
||||
};
|
||||
container.data('swipe-transition', data);
|
||||
e.stopPropagation();
|
||||
})
|
||||
.on('touchmove.fndtn.orbit', function(e) {
|
||||
if (!e.touches) { e = e.originalEvent; }
|
||||
// Ignore pinch/zoom events
|
||||
if(e.touches.length > 1 || e.scale && e.scale !== 1) return;
|
||||
|
||||
var data = container.data('swipe-transition');
|
||||
if (typeof data === 'undefined') {data = {};}
|
||||
|
||||
data.delta_x = e.touches[0].pageX - data.start_page_x;
|
||||
|
||||
if ( typeof data.is_scrolling === 'undefined') {
|
||||
data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) );
|
||||
}
|
||||
|
||||
if (!data.is_scrolling && !data.active) {
|
||||
e.preventDefault();
|
||||
var direction = (data.delta_x < 0) ? (idx+1) : (idx-1);
|
||||
data.active = true;
|
||||
self._goto(direction);
|
||||
}
|
||||
})
|
||||
.on('touchend.fndtn.orbit', function(e) {
|
||||
container.data('swipe-transition', {});
|
||||
e.stopPropagation();
|
||||
})
|
||||
}
|
||||
container.on('mouseenter.fndtn.orbit', function(e) {
|
||||
if (settings.timer && settings.pause_on_hover) {
|
||||
self.stop_timer();
|
||||
}
|
||||
})
|
||||
.on('mouseleave.fndtn.orbit', function(e) {
|
||||
if (settings.timer && settings.resume_on_mouseout) {
|
||||
timer.start();
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '[data-orbit-link]', self.link_custom);
|
||||
$(window).on('resize', self.compute_dimensions);
|
||||
$(window).on('load', self.compute_dimensions);
|
||||
$(window).on('load', function(){
|
||||
container.prev('.preloader').css('display', 'none');
|
||||
});
|
||||
slides_container.trigger('orbit:ready');
|
||||
};
|
||||
|
||||
self.init();
|
||||
};
|
||||
|
||||
var Timer = function(el, settings, callback) {
|
||||
var self = this,
|
||||
duration = settings.timer_speed,
|
||||
progress = el.find('.'+settings.timer_progress_class),
|
||||
start,
|
||||
timeout,
|
||||
left = -1;
|
||||
|
||||
this.update_progress = function(w) {
|
||||
var new_progress = progress.clone();
|
||||
new_progress.attr('style', '');
|
||||
new_progress.css('width', w+'%');
|
||||
progress.replaceWith(new_progress);
|
||||
progress = new_progress;
|
||||
};
|
||||
|
||||
this.restart = function() {
|
||||
clearTimeout(timeout);
|
||||
el.addClass(settings.timer_paused_class);
|
||||
left = -1;
|
||||
self.update_progress(0);
|
||||
};
|
||||
|
||||
this.start = function() {
|
||||
if (!el.hasClass(settings.timer_paused_class)) {return true;}
|
||||
left = (left === -1) ? duration : left;
|
||||
el.removeClass(settings.timer_paused_class);
|
||||
start = new Date().getTime();
|
||||
progress.animate({'width': '100%'}, left, 'linear');
|
||||
timeout = setTimeout(function() {
|
||||
self.restart();
|
||||
callback();
|
||||
}, left);
|
||||
el.trigger('orbit:timer-started')
|
||||
};
|
||||
|
||||
this.stop = function() {
|
||||
if (el.hasClass(settings.timer_paused_class)) {return true;}
|
||||
clearTimeout(timeout);
|
||||
el.addClass(settings.timer_paused_class);
|
||||
var end = new Date().getTime();
|
||||
left = left - (end - start);
|
||||
var w = 100 - ((left / duration) * 100);
|
||||
self.update_progress(w);
|
||||
el.trigger('orbit:timer-stopped');
|
||||
};
|
||||
};
|
||||
|
||||
var SlideAnimation = function(settings, container) {
|
||||
var duration = settings.animation_speed;
|
||||
var is_rtl = ($('html[dir=rtl]').length === 1);
|
||||
var margin = is_rtl ? 'marginRight' : 'marginLeft';
|
||||
var animMargin = {};
|
||||
animMargin[margin] = '0%';
|
||||
var easing = (typeof jQuery === 'undefined') ? 'ease-in-out' : undefined;
|
||||
|
||||
this.next = function(current, next, callback) {
|
||||
next.animate(animMargin, duration, easing, function() {
|
||||
current.css(margin, '100%');
|
||||
callback();
|
||||
});
|
||||
current.animate({marginLeft:'-100%'}, duration, easing);
|
||||
};
|
||||
|
||||
this.prev = function(current, prev, callback) {
|
||||
prev.css(margin, '-100%');
|
||||
prev.animate(animMargin, duration, easing, function() {
|
||||
current.css(margin, '100%');
|
||||
callback();
|
||||
});
|
||||
current.animate({marginLeft:'100%'}, duration, easing);
|
||||
};
|
||||
};
|
||||
|
||||
var FadeAnimation = function(settings, container) {
|
||||
var duration = settings.animation_speed;
|
||||
var is_rtl = ($('html[dir=rtl]').length === 1);
|
||||
var margin = is_rtl ? 'marginRight' : 'marginLeft';
|
||||
|
||||
this.next = function(current, next, callback) {
|
||||
next.css({'margin':'0%', 'opacity':'0.01'});
|
||||
next.animate({'opacity':'1'}, duration, 'linear', function() {
|
||||
current.css('margin', '100%');
|
||||
callback();
|
||||
});
|
||||
};
|
||||
|
||||
this.prev = function(current, prev, callback) {
|
||||
prev.css({'margin':'0%', 'opacity':'0.01'});
|
||||
prev.animate({'opacity':'1'}, duration, 'linear', function() {
|
||||
current.css('margin', '100%');
|
||||
callback();
|
||||
});
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
Foundation.libs = Foundation.libs || {};
|
||||
|
||||
Foundation.libs.orbit = {
|
||||
name: 'orbit',
|
||||
|
||||
version: '4.3.2',
|
||||
|
||||
settings: {
|
||||
animation: 'slide',
|
||||
timer_speed: 10000,
|
||||
pause_on_hover: true,
|
||||
resume_on_mouseout: false,
|
||||
animation_speed: 500,
|
||||
stack_on_small: false,
|
||||
navigation_arrows: true,
|
||||
slide_number: true,
|
||||
slide_number_text: 'of',
|
||||
container_class: 'orbit-container',
|
||||
stack_on_small_class: 'orbit-stack-on-small',
|
||||
next_class: 'orbit-next',
|
||||
prev_class: 'orbit-prev',
|
||||
timer_container_class: 'orbit-timer',
|
||||
timer_paused_class: 'paused',
|
||||
timer_progress_class: 'orbit-progress',
|
||||
slides_container_class: 'orbit-slides-container',
|
||||
bullets_container_class: 'orbit-bullets',
|
||||
bullets_active_class: 'active',
|
||||
slide_number_class: 'orbit-slide-number',
|
||||
caption_class: 'orbit-caption',
|
||||
active_slide_class: 'active',
|
||||
orbit_transition_class: 'orbit-transitioning',
|
||||
bullets: true,
|
||||
timer: true,
|
||||
variable_height: false,
|
||||
swipe: true,
|
||||
before_slide_change: noop,
|
||||
after_slide_change: noop
|
||||
},
|
||||
|
||||
init: function (scope, method, options) {
|
||||
var self = this;
|
||||
Foundation.inherit(self, 'data_options');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, self.settings, method);
|
||||
}
|
||||
|
||||
if ($(scope).is('[data-orbit]')) {
|
||||
var $el = $(scope);
|
||||
var opts = self.data_options($el);
|
||||
new Orbit($el, $.extend({},self.settings, opts));
|
||||
}
|
||||
|
||||
$('[data-orbit]', scope).each(function(idx, el) {
|
||||
var $el = $(el);
|
||||
var opts = self.data_options($el);
|
||||
new Orbit($el, $.extend({},self.settings, opts));
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
}(Foundation.zj, this, this.document));
|
||||
@ -0,0 +1,426 @@
|
||||
/*
|
||||
* The MIT License
|
||||
*
|
||||
* Copyright (c) 2012 James Allardice
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"),
|
||||
* to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
|
||||
* and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
* THE SOFTWARE.
|
||||
*/
|
||||
|
||||
// Defines the global Placeholders object along with various utility methods
|
||||
(function (global) {
|
||||
|
||||
"use strict";
|
||||
|
||||
// Cross-browser DOM event binding
|
||||
function addEventListener(elem, event, fn) {
|
||||
if (elem.addEventListener) {
|
||||
return elem.addEventListener(event, fn, false);
|
||||
}
|
||||
if (elem.attachEvent) {
|
||||
return elem.attachEvent("on" + event, fn);
|
||||
}
|
||||
}
|
||||
|
||||
// Check whether an item is in an array (we don't use Array.prototype.indexOf so we don't clobber any existing polyfills - this is a really simple alternative)
|
||||
function inArray(arr, item) {
|
||||
var i, len;
|
||||
for (i = 0, len = arr.length; i < len; i++) {
|
||||
if (arr[i] === item) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
// Move the caret to the index position specified. Assumes that the element has focus
|
||||
function moveCaret(elem, index) {
|
||||
var range;
|
||||
if (elem.createTextRange) {
|
||||
range = elem.createTextRange();
|
||||
range.move("character", index);
|
||||
range.select();
|
||||
} else if (elem.selectionStart) {
|
||||
elem.focus();
|
||||
elem.setSelectionRange(index, index);
|
||||
}
|
||||
}
|
||||
|
||||
// Attempt to change the type property of an input element
|
||||
function changeType(elem, type) {
|
||||
try {
|
||||
elem.type = type;
|
||||
return true;
|
||||
} catch (e) {
|
||||
// You can't change input type in IE8 and below
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
// Expose public methods
|
||||
global.Placeholders = {
|
||||
Utils: {
|
||||
addEventListener: addEventListener,
|
||||
inArray: inArray,
|
||||
moveCaret: moveCaret,
|
||||
changeType: changeType
|
||||
}
|
||||
};
|
||||
|
||||
}(this));
|
||||
|
||||
(function (global) {
|
||||
|
||||
"use strict";
|
||||
|
||||
var validTypes = [
|
||||
"text",
|
||||
"search",
|
||||
"url",
|
||||
"tel",
|
||||
"email",
|
||||
"password",
|
||||
"number",
|
||||
"textarea"
|
||||
],
|
||||
|
||||
// The list of keycodes that are not allowed when the polyfill is configured to hide-on-input
|
||||
badKeys = [
|
||||
|
||||
// The following keys all cause the caret to jump to the end of the input value
|
||||
27, // Escape
|
||||
33, // Page up
|
||||
34, // Page down
|
||||
35, // End
|
||||
36, // Home
|
||||
|
||||
// Arrow keys allow you to move the caret manually, which should be prevented when the placeholder is visible
|
||||
37, // Left
|
||||
38, // Up
|
||||
39, // Right
|
||||
40, // Down
|
||||
|
||||
// The following keys allow you to modify the placeholder text by removing characters, which should be prevented when the placeholder is visible
|
||||
8, // Backspace
|
||||
46 // Delete
|
||||
],
|
||||
|
||||
// Styling variables
|
||||
placeholderStyleColor = "#ccc",
|
||||
placeholderClassName = "placeholdersjs",
|
||||
classNameRegExp = new RegExp("(?:^|\\s)" + placeholderClassName + "(?!\\S)"),
|
||||
|
||||
// These will hold references to all elements that can be affected. NodeList objects are live, so we only need to get those references once
|
||||
inputs, textareas,
|
||||
|
||||
// The various data-* attributes used by the polyfill
|
||||
ATTR_CURRENT_VAL = "data-placeholder-value",
|
||||
ATTR_ACTIVE = "data-placeholder-active",
|
||||
ATTR_INPUT_TYPE = "data-placeholder-type",
|
||||
ATTR_FORM_HANDLED = "data-placeholder-submit",
|
||||
ATTR_EVENTS_BOUND = "data-placeholder-bound",
|
||||
ATTR_OPTION_FOCUS = "data-placeholder-focus",
|
||||
ATTR_OPTION_LIVE = "data-placeholder-live",
|
||||
|
||||
// Various other variables used throughout the rest of the script
|
||||
test = document.createElement("input"),
|
||||
head = document.getElementsByTagName("head")[0],
|
||||
root = document.documentElement,
|
||||
Placeholders = global.Placeholders,
|
||||
Utils = Placeholders.Utils,
|
||||
hideOnInput, liveUpdates, keydownVal, styleElem, styleRules, placeholder, timer, form, elem, len, i;
|
||||
|
||||
// No-op (used in place of public methods when native support is detected)
|
||||
function noop() {}
|
||||
|
||||
// Hide the placeholder value on a single element. Returns true if the placeholder was hidden and false if it was not (because it wasn't visible in the first place)
|
||||
function hidePlaceholder(elem) {
|
||||
var type;
|
||||
if (elem.value === elem.getAttribute(ATTR_CURRENT_VAL) && elem.getAttribute(ATTR_ACTIVE) === "true") {
|
||||
elem.setAttribute(ATTR_ACTIVE, "false");
|
||||
elem.value = "";
|
||||
elem.className = elem.className.replace(classNameRegExp, "");
|
||||
|
||||
// If the polyfill has changed the type of the element we need to change it back
|
||||
type = elem.getAttribute(ATTR_INPUT_TYPE);
|
||||
if (type) {
|
||||
elem.type = type;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
// Show the placeholder value on a single element. Returns true if the placeholder was shown and false if it was not (because it was already visible)
|
||||
function showPlaceholder(elem) {
|
||||
var type,
|
||||
val = elem.getAttribute(ATTR_CURRENT_VAL);
|
||||
if (elem.value === "" && val) {
|
||||
elem.setAttribute(ATTR_ACTIVE, "true");
|
||||
elem.value = val;
|
||||
elem.className += " " + placeholderClassName;
|
||||
|
||||
// If the type of element needs to change, change it (e.g. password inputs)
|
||||
type = elem.getAttribute(ATTR_INPUT_TYPE);
|
||||
if (type) {
|
||||
elem.type = "text";
|
||||
} else if (elem.type === "password") {
|
||||
if (Utils.changeType(elem, "text")) {
|
||||
elem.setAttribute(ATTR_INPUT_TYPE, "password");
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function handleElem(node, callback) {
|
||||
|
||||
var handleInputs, handleTextareas, elem, len, i;
|
||||
|
||||
// Check if the passed in node is an input/textarea (in which case it can't have any affected descendants)
|
||||
if (node && node.getAttribute(ATTR_CURRENT_VAL)) {
|
||||
callback(node);
|
||||
} else {
|
||||
|
||||
// If an element was passed in, get all affected descendants. Otherwise, get all affected elements in document
|
||||
handleInputs = node ? node.getElementsByTagName("input") : inputs;
|
||||
handleTextareas = node ? node.getElementsByTagName("textarea") : textareas;
|
||||
|
||||
// Run the callback for each element
|
||||
for (i = 0, len = handleInputs.length + handleTextareas.length; i < len; i++) {
|
||||
elem = i < handleInputs.length ? handleInputs[i] : handleTextareas[i - handleInputs.length];
|
||||
callback(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Return all affected elements to their normal state (remove placeholder value if present)
|
||||
function disablePlaceholders(node) {
|
||||
handleElem(node, hidePlaceholder);
|
||||
}
|
||||
|
||||
// Show the placeholder value on all appropriate elements
|
||||
function enablePlaceholders(node) {
|
||||
handleElem(node, showPlaceholder);
|
||||
}
|
||||
|
||||
// Returns a function that is used as a focus event handler
|
||||
function makeFocusHandler(elem) {
|
||||
return function () {
|
||||
|
||||
// Only hide the placeholder value if the (default) hide-on-focus behaviour is enabled
|
||||
if (hideOnInput && elem.value === elem.getAttribute(ATTR_CURRENT_VAL) && elem.getAttribute(ATTR_ACTIVE) === "true") {
|
||||
|
||||
// Move the caret to the start of the input (this mimics the behaviour of all browsers that do not hide the placeholder on focus)
|
||||
Utils.moveCaret(elem, 0);
|
||||
|
||||
} else {
|
||||
|
||||
// Remove the placeholder
|
||||
hidePlaceholder(elem);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
// Returns a function that is used as a blur event handler
|
||||
function makeBlurHandler(elem) {
|
||||
return function () {
|
||||
showPlaceholder(elem);
|
||||
};
|
||||
}
|
||||
|
||||
// Functions that are used as a event handlers when the hide-on-input behaviour has been activated - very basic implementation of the "input" event
|
||||
function makeKeydownHandler(elem) {
|
||||
return function (e) {
|
||||
keydownVal = elem.value;
|
||||
|
||||
//Prevent the use of the arrow keys (try to keep the cursor before the placeholder)
|
||||
if (elem.getAttribute(ATTR_ACTIVE) === "true") {
|
||||
if (keydownVal === elem.getAttribute(ATTR_CURRENT_VAL) && Utils.inArray(badKeys, e.keyCode)) {
|
||||
if (e.preventDefault) {
|
||||
e.preventDefault();
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
function makeKeyupHandler(elem) {
|
||||
return function () {
|
||||
var type;
|
||||
|
||||
if (elem.getAttribute(ATTR_ACTIVE) === "true" && elem.value !== keydownVal) {
|
||||
|
||||
// Remove the placeholder
|
||||
elem.className = elem.className.replace(classNameRegExp, "");
|
||||
elem.value = elem.value.replace(elem.getAttribute(ATTR_CURRENT_VAL), "");
|
||||
elem.setAttribute(ATTR_ACTIVE, false);
|
||||
|
||||
// If the type of element needs to change, change it (e.g. password inputs)
|
||||
type = elem.getAttribute(ATTR_INPUT_TYPE);
|
||||
if (type) {
|
||||
elem.type = type;
|
||||
}
|
||||
}
|
||||
|
||||
// If the element is now empty we need to show the placeholder
|
||||
if (elem.value === "") {
|
||||
elem.blur();
|
||||
Utils.moveCaret(elem, 0);
|
||||
}
|
||||
};
|
||||
}
|
||||
function makeClickHandler(elem) {
|
||||
return function () {
|
||||
if (elem === document.activeElement && elem.value === elem.getAttribute(ATTR_CURRENT_VAL) && elem.getAttribute(ATTR_ACTIVE) === "true") {
|
||||
Utils.moveCaret(elem, 0);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
// Returns a function that is used as a submit event handler on form elements that have children affected by this polyfill
|
||||
function makeSubmitHandler(form) {
|
||||
return function () {
|
||||
|
||||
// Turn off placeholders on all appropriate descendant elements
|
||||
disablePlaceholders(form);
|
||||
};
|
||||
}
|
||||
|
||||
// Bind event handlers to an element that we need to affect with the polyfill
|
||||
function newElement(elem) {
|
||||
|
||||
// If the element is part of a form, make sure the placeholder string is not submitted as a value
|
||||
if (elem.form) {
|
||||
form = elem.form;
|
||||
|
||||
// Set a flag on the form so we know it's been handled (forms can contain multiple inputs)
|
||||
if (!form.getAttribute(ATTR_FORM_HANDLED)) {
|
||||
Utils.addEventListener(form, "submit", makeSubmitHandler(form));
|
||||
form.setAttribute(ATTR_FORM_HANDLED, "true");
|
||||
}
|
||||
}
|
||||
|
||||
// Bind event handlers to the element so we can hide/show the placeholder as appropriate
|
||||
Utils.addEventListener(elem, "focus", makeFocusHandler(elem));
|
||||
Utils.addEventListener(elem, "blur", makeBlurHandler(elem));
|
||||
|
||||
// If the placeholder should hide on input rather than on focus we need additional event handlers
|
||||
if (hideOnInput) {
|
||||
Utils.addEventListener(elem, "keydown", makeKeydownHandler(elem));
|
||||
Utils.addEventListener(elem, "keyup", makeKeyupHandler(elem));
|
||||
Utils.addEventListener(elem, "click", makeClickHandler(elem));
|
||||
}
|
||||
|
||||
// Remember that we've bound event handlers to this element
|
||||
elem.setAttribute(ATTR_EVENTS_BOUND, "true");
|
||||
elem.setAttribute(ATTR_CURRENT_VAL, placeholder);
|
||||
|
||||
// If the element doesn't have a value, set it to the placeholder string
|
||||
showPlaceholder(elem);
|
||||
}
|
||||
|
||||
Placeholders.nativeSupport = test.placeholder !== void 0;
|
||||
|
||||
if (!Placeholders.nativeSupport) {
|
||||
|
||||
// Get references to all the input and textarea elements currently in the DOM (live NodeList objects to we only need to do this once)
|
||||
inputs = document.getElementsByTagName("input");
|
||||
textareas = document.getElementsByTagName("textarea");
|
||||
|
||||
// Get any settings declared as data-* attributes on the root element (currently the only options are whether to hide the placeholder on focus or input and whether to auto-update)
|
||||
hideOnInput = root.getAttribute(ATTR_OPTION_FOCUS) === "false";
|
||||
liveUpdates = root.getAttribute(ATTR_OPTION_LIVE) !== "false";
|
||||
|
||||
// Create style element for placeholder styles (instead of directly setting style properties on elements - allows for better flexibility alongside user-defined styles)
|
||||
styleElem = document.createElement("style");
|
||||
styleElem.type = "text/css";
|
||||
|
||||
// Create style rules as text node
|
||||
styleRules = document.createTextNode("." + placeholderClassName + " { color:" + placeholderStyleColor + "; }");
|
||||
|
||||
// Append style rules to newly created stylesheet
|
||||
if (styleElem.styleSheet) {
|
||||
styleElem.styleSheet.cssText = styleRules.nodeValue;
|
||||
} else {
|
||||
styleElem.appendChild(styleRules);
|
||||
}
|
||||
|
||||
// Prepend new style element to the head (before any existing stylesheets, so user-defined rules take precedence)
|
||||
head.insertBefore(styleElem, head.firstChild);
|
||||
|
||||
// Set up the placeholders
|
||||
for (i = 0, len = inputs.length + textareas.length; i < len; i++) {
|
||||
elem = i < inputs.length ? inputs[i] : textareas[i - inputs.length];
|
||||
|
||||
// Get the value of the placeholder attribute, if any. IE10 emulating IE7 fails with getAttribute, hence the use of the attributes node
|
||||
placeholder = elem.attributes.placeholder;
|
||||
if (placeholder) {
|
||||
|
||||
// IE returns an empty object instead of undefined if the attribute is not present
|
||||
placeholder = placeholder.nodeValue;
|
||||
|
||||
// Only apply the polyfill if this element is of a type that supports placeholders, and has a placeholder attribute with a non-empty value
|
||||
if (placeholder && Utils.inArray(validTypes, elem.type)) {
|
||||
newElement(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// If enabled, the polyfill will repeatedly check for changed/added elements and apply to those as well
|
||||
timer = setInterval(function () {
|
||||
for (i = 0, len = inputs.length + textareas.length; i < len; i++) {
|
||||
elem = i < inputs.length ? inputs[i] : textareas[i - inputs.length];
|
||||
|
||||
// Only apply the polyfill if this element is of a type that supports placeholders, and has a placeholder attribute with a non-empty value
|
||||
placeholder = elem.attributes.placeholder;
|
||||
if (placeholder) {
|
||||
placeholder = placeholder.nodeValue;
|
||||
if (placeholder && Utils.inArray(validTypes, elem.type)) {
|
||||
|
||||
// If the element hasn't had event handlers bound to it then add them
|
||||
if (!elem.getAttribute(ATTR_EVENTS_BOUND)) {
|
||||
newElement(elem);
|
||||
}
|
||||
|
||||
// If the placeholder value has changed or not been initialised yet we need to update the display
|
||||
if (placeholder !== elem.getAttribute(ATTR_CURRENT_VAL) || (elem.type === "password" && !elem.getAttribute(ATTR_INPUT_TYPE))) {
|
||||
|
||||
// Attempt to change the type of password inputs (fails in IE < 9)
|
||||
if (elem.type === "password" && !elem.getAttribute(ATTR_INPUT_TYPE) && Utils.changeType(elem, "text")) {
|
||||
elem.setAttribute(ATTR_INPUT_TYPE, "password");
|
||||
}
|
||||
|
||||
// If the placeholder value has changed and the placeholder is currently on display we need to change it
|
||||
if (elem.value === elem.getAttribute(ATTR_CURRENT_VAL)) {
|
||||
elem.value = placeholder;
|
||||
}
|
||||
|
||||
// Keep a reference to the current placeholder value in case it changes via another script
|
||||
elem.setAttribute(ATTR_CURRENT_VAL, placeholder);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// If live updates are not enabled cancel the timer
|
||||
if (!liveUpdates) {
|
||||
clearInterval(timer);
|
||||
}
|
||||
}, 100);
|
||||
}
|
||||
|
||||
// Expose public methods
|
||||
Placeholders.disable = Placeholders.nativeSupport ? noop : disablePlaceholders;
|
||||
Placeholders.enable = Placeholders.nativeSupport ? noop : enablePlaceholders;
|
||||
|
||||
}(this));
|
||||
353
gitop.web/src/main/java/com/pmease/gitop/web/common/component/foundation/res/js/foundation.reveal.js
vendored
Normal file
353
gitop.web/src/main/java/com/pmease/gitop/web/common/component/foundation/res/js/foundation.reveal.js
vendored
Normal file
@ -0,0 +1,353 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.reveal = {
|
||||
name : 'reveal',
|
||||
|
||||
version : '4.3.2',
|
||||
|
||||
locked : false,
|
||||
|
||||
settings : {
|
||||
animation: 'fadeAndPop',
|
||||
animationSpeed: 250,
|
||||
closeOnBackgroundClick: true,
|
||||
closeOnEsc: true,
|
||||
dismissModalClass: 'close-reveal-modal',
|
||||
bgClass: 'reveal-modal-bg',
|
||||
open: function(){},
|
||||
opened: function(){},
|
||||
close: function(){},
|
||||
closed: function(){},
|
||||
bg : $('.reveal-modal-bg'),
|
||||
css : {
|
||||
open : {
|
||||
'opacity': 0,
|
||||
'visibility': 'visible',
|
||||
'display' : 'block'
|
||||
},
|
||||
close : {
|
||||
'opacity': 1,
|
||||
'visibility': 'hidden',
|
||||
'display': 'none'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
Foundation.inherit(this, 'data_options delay');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
} else if (typeof options !== 'undefined') {
|
||||
$.extend(true, this.settings, options);
|
||||
}
|
||||
|
||||
if (typeof method !== 'string') {
|
||||
this.events();
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.off('.fndtn.reveal')
|
||||
.on('click.fndtn.reveal', '[data-reveal-id]', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
if (!self.locked) {
|
||||
var element = $(this),
|
||||
ajax = element.data('reveal-ajax');
|
||||
|
||||
self.locked = true;
|
||||
|
||||
if (typeof ajax === 'undefined') {
|
||||
self.open.call(self, element);
|
||||
} else {
|
||||
var url = ajax === true ? element.attr('href') : ajax;
|
||||
|
||||
self.open.call(self, element, {url: url});
|
||||
}
|
||||
}
|
||||
})
|
||||
.on('click.fndtn.reveal touchend', this.close_targets(), function (e) {
|
||||
e.preventDefault();
|
||||
if (!self.locked) {
|
||||
var settings = $.extend({}, self.settings, self.data_options($('.reveal-modal.open'))),
|
||||
bgClicked = $(e.target)[0] === $('.' + settings.bgClass)[0];
|
||||
if (bgClicked && !settings.closeOnBackgroundClick) {
|
||||
return;
|
||||
}
|
||||
|
||||
self.locked = true;
|
||||
self.close.call(self, bgClicked ? $('.reveal-modal.open') : $(this).closest('.reveal-modal'));
|
||||
}
|
||||
});
|
||||
|
||||
if($(this.scope).hasClass('reveal-modal')) {
|
||||
$(this.scope)
|
||||
.on('open.fndtn.reveal', this.settings.open)
|
||||
.on('opened.fndtn.reveal', this.settings.opened)
|
||||
.on('opened.fndtn.reveal', this.open_video)
|
||||
.on('close.fndtn.reveal', this.settings.close)
|
||||
.on('closed.fndtn.reveal', this.settings.closed)
|
||||
.on('closed.fndtn.reveal', this.close_video);
|
||||
} else {
|
||||
$(this.scope)
|
||||
.on('open.fndtn.reveal', '.reveal-modal', this.settings.open)
|
||||
.on('opened.fndtn.reveal', '.reveal-modal', this.settings.opened)
|
||||
.on('opened.fndtn.reveal', '.reveal-modal', this.open_video)
|
||||
.on('close.fndtn.reveal', '.reveal-modal', this.settings.close)
|
||||
.on('closed.fndtn.reveal', '.reveal-modal', this.settings.closed)
|
||||
.on('closed.fndtn.reveal', '.reveal-modal', this.close_video);
|
||||
}
|
||||
|
||||
$( 'body' ).bind( 'keyup.reveal', function ( event ) {
|
||||
var open_modal = $('.reveal-modal.open'),
|
||||
settings = $.extend({}, self.settings, self.data_options(open_modal));
|
||||
if ( event.which === 27 && settings.closeOnEsc) { // 27 is the keycode for the Escape key
|
||||
open_modal.foundation('reveal', 'close');
|
||||
}
|
||||
});
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
open : function (target, ajax_settings) {
|
||||
if (target) {
|
||||
if (typeof target.selector !== 'undefined') {
|
||||
var modal = $('#' + target.data('reveal-id'));
|
||||
} else {
|
||||
var modal = $(this.scope);
|
||||
|
||||
ajax_settings = target;
|
||||
}
|
||||
} else {
|
||||
var modal = $(this.scope);
|
||||
}
|
||||
|
||||
if (!modal.hasClass('open')) {
|
||||
var open_modal = $('.reveal-modal.open');
|
||||
|
||||
if (typeof modal.data('css-top') === 'undefined') {
|
||||
modal.data('css-top', parseInt(modal.css('top'), 10))
|
||||
.data('offset', this.cache_offset(modal));
|
||||
}
|
||||
|
||||
modal.trigger('open');
|
||||
|
||||
if (open_modal.length < 1) {
|
||||
this.toggle_bg();
|
||||
}
|
||||
|
||||
if (typeof ajax_settings === 'undefined' || !ajax_settings.url) {
|
||||
this.hide(open_modal, this.settings.css.close);
|
||||
this.show(modal, this.settings.css.open);
|
||||
} else {
|
||||
var self = this,
|
||||
old_success = typeof ajax_settings.success !== 'undefined' ? ajax_settings.success : null;
|
||||
|
||||
$.extend(ajax_settings, {
|
||||
success: function (data, textStatus, jqXHR) {
|
||||
if ( $.isFunction(old_success) ) {
|
||||
old_success(data, textStatus, jqXHR);
|
||||
}
|
||||
|
||||
modal.html(data);
|
||||
$(modal).foundation('section', 'reflow');
|
||||
|
||||
self.hide(open_modal, self.settings.css.close);
|
||||
self.show(modal, self.settings.css.open);
|
||||
}
|
||||
});
|
||||
|
||||
$.ajax(ajax_settings);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
close : function (modal) {
|
||||
|
||||
var modal = modal && modal.length ? modal : $(this.scope),
|
||||
open_modals = $('.reveal-modal.open');
|
||||
|
||||
if (open_modals.length > 0) {
|
||||
this.locked = true;
|
||||
modal.trigger('close');
|
||||
this.toggle_bg();
|
||||
this.hide(open_modals, this.settings.css.close);
|
||||
}
|
||||
},
|
||||
|
||||
close_targets : function () {
|
||||
var base = '.' + this.settings.dismissModalClass;
|
||||
|
||||
if (this.settings.closeOnBackgroundClick) {
|
||||
return base + ', .' + this.settings.bgClass;
|
||||
}
|
||||
|
||||
return base;
|
||||
},
|
||||
|
||||
toggle_bg : function () {
|
||||
if ($('.' + this.settings.bgClass).length === 0) {
|
||||
this.settings.bg = $('<div />', {'class': this.settings.bgClass})
|
||||
.appendTo('body');
|
||||
}
|
||||
|
||||
if (this.settings.bg.filter(':visible').length > 0) {
|
||||
this.hide(this.settings.bg);
|
||||
} else {
|
||||
this.show(this.settings.bg);
|
||||
}
|
||||
},
|
||||
|
||||
show : function (el, css) {
|
||||
// is modal
|
||||
if (css) {
|
||||
if (el.parent('body').length === 0) {
|
||||
var placeholder = el.wrap('<div style="display: none;" />').parent();
|
||||
el.on('closed.fndtn.reveal.wrapped', function() {
|
||||
el.detach().appendTo(placeholder);
|
||||
el.unwrap().unbind('closed.fndtn.reveal.wrapped');
|
||||
});
|
||||
|
||||
el.detach().appendTo('body');
|
||||
}
|
||||
|
||||
if (/pop/i.test(this.settings.animation)) {
|
||||
css.top = $(window).scrollTop() - el.data('offset') + 'px';
|
||||
var end_css = {
|
||||
top: $(window).scrollTop() + el.data('css-top') + 'px',
|
||||
opacity: 1
|
||||
};
|
||||
|
||||
return this.delay(function () {
|
||||
return el
|
||||
.css(css)
|
||||
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
|
||||
this.locked = false;
|
||||
el.trigger('opened');
|
||||
}.bind(this))
|
||||
.addClass('open');
|
||||
}.bind(this), this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
if (/fade/i.test(this.settings.animation)) {
|
||||
var end_css = {opacity: 1};
|
||||
|
||||
return this.delay(function () {
|
||||
return el
|
||||
.css(css)
|
||||
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
|
||||
this.locked = false;
|
||||
el.trigger('opened');
|
||||
}.bind(this))
|
||||
.addClass('open');
|
||||
}.bind(this), this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
return el.css(css).show().css({opacity: 1}).addClass('open').trigger('opened');
|
||||
}
|
||||
|
||||
// should we animate the background?
|
||||
if (/fade/i.test(this.settings.animation)) {
|
||||
return el.fadeIn(this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
return el.show();
|
||||
},
|
||||
|
||||
hide : function (el, css) {
|
||||
// is modal
|
||||
if (css) {
|
||||
if (/pop/i.test(this.settings.animation)) {
|
||||
var end_css = {
|
||||
top: - $(window).scrollTop() - el.data('offset') + 'px',
|
||||
opacity: 0
|
||||
};
|
||||
|
||||
return this.delay(function () {
|
||||
return el
|
||||
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
|
||||
this.locked = false;
|
||||
el.css(css).trigger('closed');
|
||||
}.bind(this))
|
||||
.removeClass('open');
|
||||
}.bind(this), this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
if (/fade/i.test(this.settings.animation)) {
|
||||
var end_css = {opacity: 0};
|
||||
|
||||
return this.delay(function () {
|
||||
return el
|
||||
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
|
||||
this.locked = false;
|
||||
el.css(css).trigger('closed');
|
||||
}.bind(this))
|
||||
.removeClass('open');
|
||||
}.bind(this), this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
return el.hide().css(css).removeClass('open').trigger('closed');
|
||||
}
|
||||
|
||||
// should we animate the background?
|
||||
if (/fade/i.test(this.settings.animation)) {
|
||||
return el.fadeOut(this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
return el.hide();
|
||||
},
|
||||
|
||||
close_video : function (e) {
|
||||
var video = $(this).find('.flex-video'),
|
||||
iframe = video.find('iframe');
|
||||
|
||||
if (iframe.length > 0) {
|
||||
iframe.attr('data-src', iframe[0].src);
|
||||
iframe.attr('src', 'about:blank');
|
||||
video.hide();
|
||||
}
|
||||
},
|
||||
|
||||
open_video : function (e) {
|
||||
var video = $(this).find('.flex-video'),
|
||||
iframe = video.find('iframe');
|
||||
|
||||
if (iframe.length > 0) {
|
||||
var data_src = iframe.attr('data-src');
|
||||
if (typeof data_src === 'string') {
|
||||
iframe[0].src = iframe.attr('data-src');
|
||||
} else {
|
||||
var src = iframe[0].src;
|
||||
iframe[0].src = undefined;
|
||||
iframe[0].src = src;
|
||||
}
|
||||
video.show();
|
||||
}
|
||||
},
|
||||
|
||||
cache_offset : function (modal) {
|
||||
var offset = modal.show().height() + parseInt(modal.css('top'), 10);
|
||||
|
||||
modal.hide();
|
||||
|
||||
return offset;
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.reveal');
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@ -0,0 +1,430 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;
|
||||
(function($, window, document) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.section = {
|
||||
name : 'section',
|
||||
|
||||
version : '4.3.2',
|
||||
|
||||
settings: {
|
||||
deep_linking: false,
|
||||
small_breakpoint: 768,
|
||||
one_up: true,
|
||||
multi_expand: false,
|
||||
section_selector: '[data-section]',
|
||||
region_selector: 'section, .section, [data-section-region]',
|
||||
title_selector: '.title, [data-section-title]',
|
||||
//marker: container is resized
|
||||
resized_data_attr: 'data-section-resized',
|
||||
//marker: container should apply accordion style
|
||||
small_style_data_attr: 'data-section-small-style',
|
||||
content_selector: '.content, [data-section-content]',
|
||||
nav_selector: '[data-section="vertical-nav"], [data-section="horizontal-nav"]',
|
||||
active_class: 'active',
|
||||
callback: function() {}
|
||||
},
|
||||
|
||||
init: function(scope, method, options) {
|
||||
var self = this;
|
||||
Foundation.inherit(this, 'throttle data_options position_right offset_right');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, self.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method !== 'string') {
|
||||
this.events();
|
||||
return true;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events: function() {
|
||||
var self = this;
|
||||
|
||||
//combine titles selector from settings for click event binding
|
||||
var click_title_selectors = [],
|
||||
section_selector = self.settings.section_selector,
|
||||
region_selectors = self.settings.region_selector.split(","),
|
||||
title_selectors = self.settings.title_selector.split(",");
|
||||
|
||||
for (var i = 0, len = region_selectors.length; i < len; i++) {
|
||||
var region_selector = region_selectors[i];
|
||||
|
||||
for (var j = 0, len1 = title_selectors.length; j < len1; j++) {
|
||||
var title_selector = section_selector + ">" + region_selector + ">" + title_selectors[j];
|
||||
|
||||
click_title_selectors.push(title_selector + " a"); //or we can not do preventDefault for click event of <a>
|
||||
click_title_selectors.push(title_selector);
|
||||
}
|
||||
}
|
||||
|
||||
$(self.scope)
|
||||
.on('click.fndtn.section', click_title_selectors.join(","), function(e) {
|
||||
var title = $(this).closest(self.settings.title_selector);
|
||||
|
||||
self.close_navs(title);
|
||||
if (title.siblings(self.settings.content_selector).length > 0) {
|
||||
self.toggle_active.call(title[0], e);
|
||||
}
|
||||
});
|
||||
|
||||
$(window)
|
||||
.on('resize.fndtn.section', self.throttle(function() { self.resize(); }, 30))
|
||||
.on('hashchange.fndtn.section', self.set_active_from_hash);
|
||||
|
||||
$(document).on('click.fndtn.section', function (e) {
|
||||
if (e.isPropagationStopped && e.isPropagationStopped()) return;
|
||||
if (e.target === document) return;
|
||||
self.close_navs($(e.target).closest(self.settings.title_selector));
|
||||
});
|
||||
|
||||
$(window).triggerHandler('resize.fndtn.section');
|
||||
$(window).triggerHandler('hashchange.fndtn.section');
|
||||
},
|
||||
|
||||
//close nav !one_up on click elsewhere
|
||||
close_navs: function(except_nav_with_title) {
|
||||
var self = Foundation.libs.section,
|
||||
navsToClose = $(self.settings.nav_selector)
|
||||
.filter(function() { return !$.extend({},
|
||||
self.settings, self.data_options($(this))).one_up; });
|
||||
|
||||
if (except_nav_with_title.length > 0) {
|
||||
var section = except_nav_with_title.parent().parent();
|
||||
|
||||
if (self.is_horizontal_nav(section) || self.is_vertical_nav(section)) {
|
||||
//exclude current nav from list
|
||||
navsToClose = navsToClose.filter(function() { return this !== section[0]; });
|
||||
}
|
||||
}
|
||||
//close navs on click on title
|
||||
navsToClose.children(self.settings.region_selector).removeClass(self.settings.active_class);
|
||||
},
|
||||
|
||||
toggle_active: function(e) {
|
||||
var $this = $(this),
|
||||
self = Foundation.libs.section,
|
||||
region = $this.parent(),
|
||||
content = $this.siblings(self.settings.content_selector),
|
||||
section = region.parent(),
|
||||
settings = $.extend({}, self.settings, self.data_options(section)),
|
||||
prev_active_region = section.children(self.settings.region_selector).filter("." + self.settings.active_class);
|
||||
|
||||
//for anchors inside [data-section-title]
|
||||
if (!settings.deep_linking && content.length > 0) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
e.stopPropagation(); //do not catch same click again on parent
|
||||
|
||||
if (!region.hasClass(self.settings.active_class)) {
|
||||
if (!self.is_accordion(section) || (self.is_accordion(section) && !self.settings.multi_expand)) {
|
||||
prev_active_region.removeClass(self.settings.active_class);
|
||||
prev_active_region.trigger('closed.fndtn.section');
|
||||
}
|
||||
region.addClass(self.settings.active_class);
|
||||
//force resize for better performance (do not wait timer)
|
||||
self.resize(region.find(self.settings.section_selector).not("[" + self.settings.resized_data_attr + "]"), true);
|
||||
region.trigger('opened.fndtn.section');
|
||||
} else if (region.hasClass(self.settings.active_class) && self.is_accordion(section) || !settings.one_up && (self.small(section) || self.is_vertical_nav(section) || self.is_horizontal_nav(section) || self.is_accordion(section))) {
|
||||
region.removeClass(self.settings.active_class);
|
||||
region.trigger('closed.fndtn.section');
|
||||
}
|
||||
settings.callback(section);
|
||||
},
|
||||
|
||||
check_resize_timer: null,
|
||||
|
||||
//main function that sets title and content positions; runs for :not(.resized) and :visible once when window width is medium up
|
||||
//sections:
|
||||
// selected sections to resize, are defined on resize forced by visibility changes
|
||||
//ensure_has_active_region:
|
||||
// is true when we force resize for no resized sections that were hidden and became visible,
|
||||
// these sections can have no selected region, because all regions were hidden along with section on executing set_active_from_hash
|
||||
resize: function(sections, ensure_has_active_region) {
|
||||
|
||||
var self = Foundation.libs.section,
|
||||
section_container = $(self.settings.section_selector),
|
||||
is_small_window = self.small(section_container),
|
||||
//filter for section resize
|
||||
should_be_resized = function (section, now_is_hidden) {
|
||||
return !self.is_accordion(section) &&
|
||||
!section.is("[" + self.settings.resized_data_attr + "]") &&
|
||||
(!is_small_window || self.is_horizontal_tabs(section)) &&
|
||||
now_is_hidden === (section.css('display') === 'none' ||
|
||||
!section.parent().is(':visible'));
|
||||
};
|
||||
|
||||
sections = sections || $(self.settings.section_selector);
|
||||
|
||||
clearTimeout(self.check_resize_timer);
|
||||
|
||||
if (!is_small_window) {
|
||||
sections.removeAttr(self.settings.small_style_data_attr);
|
||||
}
|
||||
|
||||
//resize
|
||||
sections.filter(function() { return should_be_resized($(this), false); })
|
||||
.each(function() {
|
||||
var section = $(this),
|
||||
regions = section.children(self.settings.region_selector),
|
||||
titles = regions.children(self.settings.title_selector),
|
||||
content = regions.children(self.settings.content_selector),
|
||||
titles_max_height = 0;
|
||||
|
||||
if (ensure_has_active_region &&
|
||||
section.children(self.settings.region_selector).filter("." + self.settings.active_class).length == 0) {
|
||||
var settings = $.extend({}, self.settings, self.data_options(section));
|
||||
|
||||
if (!settings.deep_linking && (settings.one_up || !self.is_horizontal_nav(section) &&
|
||||
!self.is_vertical_nav(section) && !self.is_accordion(section))) {
|
||||
regions.filter(":visible").first().addClass(self.settings.active_class);
|
||||
}
|
||||
}
|
||||
|
||||
if (self.is_horizontal_tabs(section) || self.is_auto(section)) {
|
||||
// region: position relative
|
||||
// title: position absolute
|
||||
// content: position static
|
||||
var titles_sum_width = 0;
|
||||
|
||||
titles.each(function() {
|
||||
var title = $(this);
|
||||
|
||||
if (title.is(":visible")) {
|
||||
title.css(!self.rtl ? 'left' : 'right', titles_sum_width);
|
||||
var title_h_border_width = parseInt(title.css("border-" + (self.rtl ? 'left' : 'right') + "-width"), 10);
|
||||
|
||||
if (title_h_border_width.toString() === 'Nan') {
|
||||
title_h_border_width = 0;
|
||||
}
|
||||
|
||||
titles_sum_width += self.outerWidth(title) - title_h_border_width;
|
||||
titles_max_height = Math.max(titles_max_height, self.outerHeight(title));
|
||||
}
|
||||
});
|
||||
titles.css('height', titles_max_height);
|
||||
regions.each(function() {
|
||||
var region = $(this),
|
||||
region_content = region.children(self.settings.content_selector),
|
||||
content_top_border_width = parseInt(region_content.css("border-top-width"), 10);
|
||||
|
||||
if (content_top_border_width.toString() === 'Nan') {
|
||||
content_top_border_width = 0;
|
||||
}
|
||||
|
||||
region.css('padding-top', titles_max_height - content_top_border_width);
|
||||
});
|
||||
|
||||
section.css("min-height", titles_max_height);
|
||||
} else if (self.is_horizontal_nav(section)) {
|
||||
var first = true;
|
||||
// region: positon relative, float left
|
||||
// title: position static
|
||||
// content: position absolute
|
||||
titles.each(function() {
|
||||
titles_max_height = Math.max(titles_max_height, self.outerHeight($(this)));
|
||||
});
|
||||
|
||||
regions.each(function() {
|
||||
var region = $(this);
|
||||
|
||||
region.css("margin-left", "-" + (first ? section : region.children(self.settings.title_selector)).css("border-left-width"));
|
||||
first = false;
|
||||
});
|
||||
|
||||
regions.css("margin-top", "-" + section.css("border-top-width"));
|
||||
titles.css('height', titles_max_height);
|
||||
content.css('top', titles_max_height);
|
||||
section.css("min-height", titles_max_height);
|
||||
} else if (self.is_vertical_tabs(section)) {
|
||||
var titles_sum_height = 0;
|
||||
// region: position relative, for .active: fixed padding==title.width
|
||||
// title: fixed width, position absolute
|
||||
// content: position static
|
||||
titles.each(function() {
|
||||
var title = $(this);
|
||||
|
||||
if (title.is(":visible")) {
|
||||
title.css('top', titles_sum_height);
|
||||
var title_top_border_width = parseInt(title.css("border-top-width"), 10);
|
||||
|
||||
if (title_top_border_width.toString() === 'Nan') {
|
||||
title_top_border_width = 0;
|
||||
}
|
||||
|
||||
titles_sum_height += self.outerHeight(title) - title_top_border_width;
|
||||
}
|
||||
});
|
||||
|
||||
content.css('min-height', titles_sum_height + 1);
|
||||
} else if (self.is_vertical_nav(section)) {
|
||||
var titles_max_width = 0,
|
||||
first1 = true;
|
||||
// region: positon relative
|
||||
// title: position static
|
||||
// content: position absolute
|
||||
titles.each(function() {
|
||||
titles_max_width = Math.max(titles_max_width, self.outerWidth($(this)));
|
||||
});
|
||||
|
||||
regions.each(function () {
|
||||
var region = $(this);
|
||||
|
||||
region.css("margin-top", "-" + (first1 ? section : region.children(self.settings.title_selector)).css("border-top-width"));
|
||||
first1 = false;
|
||||
});
|
||||
|
||||
titles.css('width', titles_max_width);
|
||||
content.css(!self.rtl ? 'left' : 'right', titles_max_width);
|
||||
section.css('width', titles_max_width);
|
||||
}
|
||||
|
||||
section.attr(self.settings.resized_data_attr, true);
|
||||
});
|
||||
|
||||
//wait elements to become visible then resize
|
||||
if ($(self.settings.section_selector).filter(function() { return should_be_resized($(this), true); }).length > 0)
|
||||
self.check_resize_timer = setTimeout(function() {
|
||||
self.resize(sections.filter(function() { return should_be_resized($(this), false); }), true);
|
||||
}, 700);
|
||||
|
||||
if (is_small_window) {
|
||||
sections.attr(self.settings.small_style_data_attr, true);
|
||||
}
|
||||
},
|
||||
|
||||
is_vertical_nav: function(el) {
|
||||
return /vertical-nav/i.test(el.data('section'));
|
||||
},
|
||||
|
||||
is_horizontal_nav: function(el) {
|
||||
return /horizontal-nav/i.test(el.data('section'));
|
||||
},
|
||||
|
||||
is_accordion: function(el) {
|
||||
return /accordion/i.test(el.data('section'));
|
||||
},
|
||||
|
||||
is_horizontal_tabs: function(el) {
|
||||
return /^tabs$/i.test(el.data('section'));
|
||||
},
|
||||
|
||||
is_vertical_tabs: function(el) {
|
||||
return /vertical-tabs/i.test(el.data('section'));
|
||||
},
|
||||
|
||||
is_auto: function (el) {
|
||||
var data_section = el.data('section');
|
||||
return data_section === '' || /auto/i.test(data_section);
|
||||
},
|
||||
|
||||
set_active_from_hash: function() {
|
||||
var self = Foundation.libs.section,
|
||||
hash = window.location.hash.substring(1),
|
||||
sections = $(self.settings.section_selector);
|
||||
|
||||
var selectedSection;
|
||||
|
||||
sections.each(function() {
|
||||
var section = $(this),
|
||||
regions = section.children(self.settings.region_selector);
|
||||
regions.each(function() {
|
||||
var region = $(this),
|
||||
data_slug = region.children(self.settings.content_selector).data('slug');
|
||||
if (new RegExp(data_slug, 'i').test(hash)) {
|
||||
selectedSection=section;
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
if (selectedSection != null) {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
if (selectedSection != null) {
|
||||
sections.each(function() {
|
||||
if (selectedSection == $(this)) {
|
||||
var section = $(this),
|
||||
settings = $.extend({}, self.settings, self.data_options(section)),
|
||||
regions = section.children(self.settings.region_selector),
|
||||
set_active_from_hash = settings.deep_linking && hash.length > 0,
|
||||
selected = false;
|
||||
|
||||
regions.each(function() {
|
||||
var region = $(this);
|
||||
|
||||
if (selected) {
|
||||
region.removeClass(self.settings.active_class);
|
||||
} else if (set_active_from_hash) {
|
||||
var data_slug = region.children(self.settings.content_selector).data('slug');
|
||||
|
||||
if (data_slug && new RegExp(data_slug, 'i').test(hash)) {
|
||||
if (!region.hasClass(self.settings.active_class))
|
||||
region.addClass(self.settings.active_class);
|
||||
selected = true;
|
||||
} else {
|
||||
region.removeClass(self.settings.active_class);
|
||||
}
|
||||
} else if (region.hasClass(self.settings.active_class)) {
|
||||
selected = true;
|
||||
}
|
||||
});
|
||||
|
||||
if (!selected && (settings.one_up || !self.is_horizontal_nav(section) &&
|
||||
!self.is_vertical_nav(section) && !self.is_accordion(section)))
|
||||
regions.filter(":visible").first().addClass(self.settings.active_class);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
reflow: function() {
|
||||
var self = Foundation.libs.section;
|
||||
|
||||
$(self.settings.section_selector).removeAttr(self.settings.resized_data_attr);
|
||||
self.throttle(function() { self.resize(); }, 30)();
|
||||
},
|
||||
|
||||
small: function(el) {
|
||||
var settings = $.extend({}, this.settings, this.data_options(el));
|
||||
|
||||
if (this.is_horizontal_tabs(el)) {
|
||||
return false;
|
||||
}
|
||||
if (el && this.is_accordion(el)) {
|
||||
return true;
|
||||
}
|
||||
if ($('html').hasClass('lt-ie9')) {
|
||||
return true;
|
||||
}
|
||||
if ($('html').hasClass('ie8compat')) {
|
||||
return true;
|
||||
}
|
||||
return $(this.scope).width() < settings.small_breakpoint;
|
||||
},
|
||||
|
||||
off: function() {
|
||||
$(this.scope).off('.fndtn.section');
|
||||
$(window).off('.fndtn.section');
|
||||
$(document).off('.fndtn.section');
|
||||
}
|
||||
};
|
||||
|
||||
//resize selected sections
|
||||
$.fn.reflow_section = function(ensure_has_active_region) {
|
||||
var section = this,
|
||||
self = Foundation.libs.section;
|
||||
|
||||
section.removeAttr(self.settings.resized_data_attr);
|
||||
self.throttle(function() { self.resize(section, ensure_has_active_region); }, 30)();
|
||||
return this;
|
||||
};
|
||||
|
||||
}(Foundation.zj, window, document));
|
||||
@ -0,0 +1,209 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.tooltips = {
|
||||
name : 'tooltips',
|
||||
|
||||
version : '4.3.2',
|
||||
|
||||
settings : {
|
||||
selector : '.has-tip',
|
||||
additionalInheritableClasses : [],
|
||||
tooltipClass : '.tooltip',
|
||||
touchCloseText: 'tap to close',
|
||||
appendTo: 'body',
|
||||
'disable-for-touch': false,
|
||||
tipTemplate : function (selector, content) {
|
||||
return '<span data-selector="' + selector + '" class="'
|
||||
+ Foundation.libs.tooltips.settings.tooltipClass.substring(1)
|
||||
+ '">' + content + '<span class="nub"></span></span>';
|
||||
}
|
||||
},
|
||||
|
||||
cache : {},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
Foundation.inherit(this, 'data_options');
|
||||
var self = this;
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
} else if (typeof options !== 'undefined') {
|
||||
$.extend(true, this.settings, options);
|
||||
}
|
||||
|
||||
if (typeof method !== 'string') {
|
||||
if (Modernizr.touch) {
|
||||
$(this.scope)
|
||||
.on('click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip',
|
||||
'[data-tooltip]', function (e) {
|
||||
var settings = $.extend({}, self.settings, self.data_options($(this)));
|
||||
if (!settings['disable-for-touch']) {
|
||||
e.preventDefault();
|
||||
$(settings.tooltipClass).hide();
|
||||
self.showOrCreateTip($(this));
|
||||
}
|
||||
})
|
||||
.on('click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip',
|
||||
this.settings.tooltipClass, function (e) {
|
||||
e.preventDefault();
|
||||
$(this).fadeOut(150);
|
||||
});
|
||||
} else {
|
||||
$(this.scope)
|
||||
.on('mouseenter.fndtn.tooltip mouseleave.fndtn.tooltip',
|
||||
'[data-tooltip]', function (e) {
|
||||
var $this = $(this);
|
||||
|
||||
if (/enter|over/i.test(e.type)) {
|
||||
self.showOrCreateTip($this);
|
||||
} else if (e.type === 'mouseout' || e.type === 'mouseleave') {
|
||||
self.hide($this);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// $(this.scope).data('fndtn-tooltips', true);
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
showOrCreateTip : function ($target) {
|
||||
var $tip = this.getTip($target);
|
||||
|
||||
if ($tip && $tip.length > 0) {
|
||||
return this.show($target);
|
||||
}
|
||||
|
||||
return this.create($target);
|
||||
},
|
||||
|
||||
getTip : function ($target) {
|
||||
var selector = this.selector($target),
|
||||
tip = null;
|
||||
|
||||
if (selector) {
|
||||
tip = $('span[data-selector="' + selector + '"]' + this.settings.tooltipClass);
|
||||
}
|
||||
|
||||
return (typeof tip === 'object') ? tip : false;
|
||||
},
|
||||
|
||||
selector : function ($target) {
|
||||
var id = $target.attr('id'),
|
||||
dataSelector = $target.attr('data-tooltip') || $target.attr('data-selector');
|
||||
|
||||
if ((id && id.length < 1 || !id) && typeof dataSelector != 'string') {
|
||||
dataSelector = 'tooltip' + Math.random().toString(36).substring(7);
|
||||
$target.attr('data-selector', dataSelector);
|
||||
}
|
||||
|
||||
return (id && id.length > 0) ? id : dataSelector;
|
||||
},
|
||||
|
||||
create : function ($target) {
|
||||
var $tip = $(this.settings.tipTemplate(this.selector($target), $('<div></div>').html($target.attr('title')).html())),
|
||||
classes = this.inheritable_classes($target);
|
||||
|
||||
$tip.addClass(classes).appendTo(this.settings.appendTo);
|
||||
if (Modernizr.touch) {
|
||||
$tip.append('<span class="tap-to-close">'+this.settings.touchCloseText+'</span>');
|
||||
}
|
||||
$target.removeAttr('title').attr('title','');
|
||||
this.show($target);
|
||||
},
|
||||
|
||||
reposition : function (target, tip, classes) {
|
||||
var width, nub, nubHeight, nubWidth, column, objPos;
|
||||
|
||||
tip.css('visibility', 'hidden').show();
|
||||
|
||||
width = target.data('width');
|
||||
nub = tip.children('.nub');
|
||||
nubHeight = this.outerHeight(nub);
|
||||
nubWidth = this.outerHeight(nub);
|
||||
|
||||
objPos = function (obj, top, right, bottom, left, width) {
|
||||
return obj.css({
|
||||
'top' : (top) ? top : 'auto',
|
||||
'bottom' : (bottom) ? bottom : 'auto',
|
||||
'left' : (left) ? left : 'auto',
|
||||
'right' : (right) ? right : 'auto',
|
||||
'width' : (width) ? width : 'auto'
|
||||
}).end();
|
||||
};
|
||||
|
||||
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', target.offset().left, width);
|
||||
|
||||
if ($(window).width() < 767) {
|
||||
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', 12.5, $(this.scope).width());
|
||||
tip.addClass('tip-override');
|
||||
objPos(nub, -nubHeight, 'auto', 'auto', target.offset().left);
|
||||
} else {
|
||||
var left = target.offset().left;
|
||||
if (Foundation.rtl) {
|
||||
left = target.offset().left + target.offset().width - this.outerWidth(tip);
|
||||
}
|
||||
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', left, width);
|
||||
tip.removeClass('tip-override');
|
||||
if (classes && classes.indexOf('tip-top') > -1) {
|
||||
objPos(tip, (target.offset().top - this.outerHeight(tip)), 'auto', 'auto', left, width)
|
||||
.removeClass('tip-override');
|
||||
} else if (classes && classes.indexOf('tip-left') > -1) {
|
||||
objPos(tip, (target.offset().top + (this.outerHeight(target) / 2) - nubHeight*2.5), 'auto', 'auto', (target.offset().left - this.outerWidth(tip) - nubHeight), width)
|
||||
.removeClass('tip-override');
|
||||
} else if (classes && classes.indexOf('tip-right') > -1) {
|
||||
objPos(tip, (target.offset().top + (this.outerHeight(target) / 2) - nubHeight*2.5), 'auto', 'auto', (target.offset().left + this.outerWidth(target) + nubHeight), width)
|
||||
.removeClass('tip-override');
|
||||
}
|
||||
}
|
||||
|
||||
tip.css('visibility', 'visible').hide();
|
||||
},
|
||||
|
||||
inheritable_classes : function (target) {
|
||||
var inheritables = ['tip-top', 'tip-left', 'tip-bottom', 'tip-right', 'noradius'].concat(this.settings.additionalInheritableClasses),
|
||||
classes = target.attr('class'),
|
||||
filtered = classes ? $.map(classes.split(' '), function (el, i) {
|
||||
if ($.inArray(el, inheritables) !== -1) {
|
||||
return el;
|
||||
}
|
||||
}).join(' ') : '';
|
||||
|
||||
return $.trim(filtered);
|
||||
},
|
||||
|
||||
show : function ($target) {
|
||||
var $tip = this.getTip($target);
|
||||
|
||||
this.reposition($target, $tip, $target.attr('class'));
|
||||
$tip.fadeIn(150);
|
||||
},
|
||||
|
||||
hide : function ($target) {
|
||||
var $tip = this.getTip($target);
|
||||
|
||||
$tip.fadeOut(150);
|
||||
},
|
||||
|
||||
// deprecate reload
|
||||
reload : function () {
|
||||
var $self = $(this);
|
||||
|
||||
return ($self.data('fndtn-tooltips')) ? $self.foundationTooltips('destroy').foundationTooltips('init') : $self.foundationTooltips('init');
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.tooltip');
|
||||
$(this.settings.tooltipClass).each(function (i) {
|
||||
$('[data-tooltip]').get(i).attr('title', $(this).text());
|
||||
}).remove();
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
370
gitop.web/src/main/java/com/pmease/gitop/web/common/component/foundation/res/js/foundation.topbar.js
vendored
Normal file
370
gitop.web/src/main/java/com/pmease/gitop/web/common/component/foundation/res/js/foundation.topbar.js
vendored
Normal file
@ -0,0 +1,370 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.topbar = {
|
||||
name : 'topbar',
|
||||
|
||||
version: '4.3.2',
|
||||
|
||||
settings : {
|
||||
index : 0,
|
||||
stickyClass : 'sticky',
|
||||
custom_back_text: true,
|
||||
back_text: 'Back',
|
||||
is_hover: true,
|
||||
mobile_show_parent_link: false,
|
||||
scrolltop : true, // jump to top when sticky nav menu toggle is clicked
|
||||
init : false
|
||||
},
|
||||
|
||||
init : function (section, method, options) {
|
||||
Foundation.inherit(this, 'data_options addCustomRule');
|
||||
var self = this;
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
} else if (typeof options !== 'undefined') {
|
||||
$.extend(true, this.settings, options);
|
||||
}
|
||||
|
||||
if (typeof method !== 'string') {
|
||||
|
||||
$('.top-bar, [data-topbar]').each(function () {
|
||||
$.extend(true, self.settings, self.data_options($(this)));
|
||||
self.settings.$w = $(window);
|
||||
self.settings.$topbar = $(this);
|
||||
self.settings.$section = self.settings.$topbar.find('section');
|
||||
self.settings.$titlebar = self.settings.$topbar.children('ul').first();
|
||||
self.settings.$topbar.data('index', 0);
|
||||
|
||||
var topbarContainer = self.settings.$topbar.parent();
|
||||
if(topbarContainer.hasClass('fixed') || topbarContainer.hasClass(self.settings.stickyClass)) {
|
||||
self.settings.$topbar.data('height', self.outerHeight(topbarContainer));
|
||||
self.settings.$topbar.data('stickyoffset', topbarContainer.offset().top);
|
||||
} else {
|
||||
self.settings.$topbar.data('height', self.outerHeight(self.settings.$topbar));
|
||||
}
|
||||
|
||||
var breakpoint = $("<div class='top-bar-js-breakpoint'/>").insertAfter(self.settings.$topbar);
|
||||
self.settings.breakPoint = breakpoint.width();
|
||||
breakpoint.remove();
|
||||
|
||||
self.assemble();
|
||||
|
||||
if (self.settings.is_hover) {
|
||||
self.settings.$topbar.find('.has-dropdown').addClass('not-click');
|
||||
}
|
||||
|
||||
// Pad body when sticky (scrolled) or fixed.
|
||||
self.addCustomRule('.f-topbar-fixed { padding-top: ' + self.settings.$topbar.data('height') + 'px }');
|
||||
|
||||
if (self.settings.$topbar.parent().hasClass('fixed')) {
|
||||
$('body').addClass('f-topbar-fixed');
|
||||
}
|
||||
});
|
||||
|
||||
if (!self.settings.init) {
|
||||
this.events();
|
||||
}
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
// fire method
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
toggle: function() {
|
||||
var self = this;
|
||||
var topbar = $('.top-bar, [data-topbar]'),
|
||||
section = topbar.find('section, .section');
|
||||
|
||||
if (self.breakpoint()) {
|
||||
if (!self.rtl) {
|
||||
section.css({left: '0%'});
|
||||
section.find('>.name').css({left: '100%'});
|
||||
} else {
|
||||
section.css({right: '0%'});
|
||||
section.find('>.name').css({right: '100%'});
|
||||
}
|
||||
|
||||
section.find('li.moved').removeClass('moved');
|
||||
topbar.data('index', 0);
|
||||
|
||||
topbar
|
||||
.toggleClass('expanded')
|
||||
.css('height', '');
|
||||
}
|
||||
|
||||
if(self.settings.scrolltop)
|
||||
{
|
||||
if (!topbar.hasClass('expanded')) {
|
||||
if (topbar.hasClass('fixed')) {
|
||||
topbar.parent().addClass('fixed');
|
||||
topbar.removeClass('fixed');
|
||||
$('body').addClass('f-topbar-fixed');
|
||||
}
|
||||
} else if (topbar.parent().hasClass('fixed')) {
|
||||
if (self.settings.scrolltop) {
|
||||
topbar.parent().removeClass('fixed');
|
||||
topbar.addClass('fixed');
|
||||
$('body').removeClass('f-topbar-fixed');
|
||||
|
||||
window.scrollTo(0,0);
|
||||
} else {
|
||||
topbar.parent().removeClass('expanded');
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if(topbar.parent().hasClass(self.settings.stickyClass)) {
|
||||
topbar.parent().addClass('fixed');
|
||||
}
|
||||
|
||||
if(topbar.parent().hasClass('fixed')) {
|
||||
if (!topbar.hasClass('expanded')) {
|
||||
topbar.removeClass('fixed');
|
||||
topbar.parent().removeClass('expanded');
|
||||
self.updateStickyPositioning();
|
||||
} else {
|
||||
topbar.addClass('fixed');
|
||||
topbar.parent().addClass('expanded');
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
timer : null,
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
$(this.scope)
|
||||
.off('.fndtn.topbar')
|
||||
.on('click.fndtn.topbar', '.top-bar .toggle-topbar, [data-topbar] .toggle-topbar', function (e) {
|
||||
e.preventDefault();
|
||||
self.toggle();
|
||||
})
|
||||
|
||||
.on('click.fndtn.topbar', '.top-bar li.has-dropdown', function (e) {
|
||||
var li = $(this),
|
||||
target = $(e.target),
|
||||
topbar = li.closest('[data-topbar], .top-bar'),
|
||||
is_hover = topbar.data('topbar');
|
||||
|
||||
if(target.data('revealId')) {
|
||||
self.toggle();
|
||||
return;
|
||||
}
|
||||
|
||||
if (self.breakpoint()) return;
|
||||
if (self.settings.is_hover && !Modernizr.touch) return;
|
||||
|
||||
e.stopImmediatePropagation();
|
||||
|
||||
if (target[0].nodeName === 'A' && target.parent().hasClass('has-dropdown')) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
if (li.hasClass('hover')) {
|
||||
li
|
||||
.removeClass('hover')
|
||||
.find('li')
|
||||
.removeClass('hover');
|
||||
|
||||
li.parents('li.hover')
|
||||
.removeClass('hover');
|
||||
} else {
|
||||
li.addClass('hover');
|
||||
}
|
||||
})
|
||||
|
||||
.on('click.fndtn.topbar', '.top-bar .has-dropdown>a, [data-topbar] .has-dropdown>a', function (e) {
|
||||
if (self.breakpoint() && $(window).width() != self.settings.breakPoint) {
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
var $this = $(this),
|
||||
topbar = $this.closest('.top-bar, [data-topbar]'),
|
||||
section = topbar.find('section, .section'),
|
||||
dropdownHeight = $this.next('.dropdown').outerHeight(),
|
||||
$selectedLi = $this.closest('li');
|
||||
|
||||
topbar.data('index', topbar.data('index') + 1);
|
||||
$selectedLi.addClass('moved');
|
||||
|
||||
if (!self.rtl) {
|
||||
section.css({left: -(100 * topbar.data('index')) + '%'});
|
||||
section.find('>.name').css({left: 100 * topbar.data('index') + '%'});
|
||||
} else {
|
||||
section.css({right: -(100 * topbar.data('index')) + '%'});
|
||||
section.find('>.name').css({right: 100 * topbar.data('index') + '%'});
|
||||
}
|
||||
|
||||
topbar.css('height', self.outerHeight($this.siblings('ul'), true) + self.settings.$topbar.data('height'));
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('resize.fndtn.topbar', function () {
|
||||
if (typeof self.settings.$topbar === 'undefined') { return; }
|
||||
var stickyContainer = self.settings.$topbar.parent('.' + this.settings.stickyClass);
|
||||
var stickyOffset;
|
||||
|
||||
if (!self.breakpoint()) {
|
||||
var doToggle = self.settings.$topbar.hasClass('expanded');
|
||||
$('.top-bar, [data-topbar]')
|
||||
.css('height', '')
|
||||
.removeClass('expanded')
|
||||
.find('li')
|
||||
.removeClass('hover');
|
||||
|
||||
if(doToggle) {
|
||||
self.toggle();
|
||||
}
|
||||
}
|
||||
|
||||
if(stickyContainer.length > 0) {
|
||||
if(stickyContainer.hasClass('fixed')) {
|
||||
// Remove the fixed to allow for correct calculation of the offset.
|
||||
stickyContainer.removeClass('fixed');
|
||||
|
||||
stickyOffset = stickyContainer.offset().top;
|
||||
if($(document.body).hasClass('f-topbar-fixed')) {
|
||||
stickyOffset -= self.settings.$topbar.data('height');
|
||||
}
|
||||
|
||||
self.settings.$topbar.data('stickyoffset', stickyOffset);
|
||||
stickyContainer.addClass('fixed');
|
||||
} else {
|
||||
stickyOffset = stickyContainer.offset().top;
|
||||
self.settings.$topbar.data('stickyoffset', stickyOffset);
|
||||
}
|
||||
}
|
||||
}.bind(this));
|
||||
|
||||
$('body').on('click.fndtn.topbar', function (e) {
|
||||
var parent = $(e.target).closest('li').closest('li.hover');
|
||||
|
||||
if (parent.length > 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
$('.top-bar li, [data-topbar] li').removeClass('hover');
|
||||
});
|
||||
|
||||
// Go up a level on Click
|
||||
$(this.scope).on('click.fndtn', '.top-bar .has-dropdown .back, [data-topbar] .has-dropdown .back', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var $this = $(this),
|
||||
topbar = $this.closest('.top-bar, [data-topbar]'),
|
||||
section = topbar.find('section, .section'),
|
||||
$movedLi = $this.closest('li.moved'),
|
||||
$previousLevelUl = $movedLi.parent();
|
||||
|
||||
topbar.data('index', topbar.data('index') - 1);
|
||||
|
||||
if (!self.rtl) {
|
||||
section.css({left: -(100 * topbar.data('index')) + '%'});
|
||||
section.find('>.name').css({left: 100 * topbar.data('index') + '%'});
|
||||
} else {
|
||||
section.css({right: -(100 * topbar.data('index')) + '%'});
|
||||
section.find('>.name').css({right: 100 * topbar.data('index') + '%'});
|
||||
}
|
||||
|
||||
if (topbar.data('index') === 0) {
|
||||
topbar.css('height', '');
|
||||
} else {
|
||||
topbar.css('height', self.outerHeight($previousLevelUl, true) + self.settings.$topbar.data('height'));
|
||||
}
|
||||
|
||||
setTimeout(function () {
|
||||
$movedLi.removeClass('moved');
|
||||
}, 300);
|
||||
});
|
||||
},
|
||||
|
||||
breakpoint : function () {
|
||||
return $(document).width() <= this.settings.breakPoint || $('html').hasClass('lt-ie9');
|
||||
},
|
||||
|
||||
assemble : function () {
|
||||
var self = this;
|
||||
// Pull element out of the DOM for manipulation
|
||||
this.settings.$section.detach();
|
||||
|
||||
this.settings.$section.find('.has-dropdown>a').each(function () {
|
||||
var $link = $(this),
|
||||
$dropdown = $link.siblings('.dropdown'),
|
||||
url = $link.attr('href');
|
||||
|
||||
if (self.settings.mobile_show_parent_link && url && url.length > 1) {
|
||||
var $titleLi = $('<li class="title back js-generated"><h5><a href="#"></a></h5></li><li><a class="parent-link js-generated" href="' + url + '">' + $link.text() +'</a></li>');
|
||||
} else {
|
||||
var $titleLi = $('<li class="title back js-generated"><h5><a href="#"></a></h5></li>');
|
||||
}
|
||||
|
||||
// Copy link to subnav
|
||||
if (self.settings.custom_back_text == true) {
|
||||
$titleLi.find('h5>a').html(self.settings.back_text);
|
||||
} else {
|
||||
$titleLi.find('h5>a').html('« ' + $link.html());
|
||||
}
|
||||
$dropdown.prepend($titleLi);
|
||||
});
|
||||
|
||||
// Put element back in the DOM
|
||||
this.settings.$section.appendTo(this.settings.$topbar);
|
||||
|
||||
// check for sticky
|
||||
this.sticky();
|
||||
},
|
||||
|
||||
height : function (ul) {
|
||||
var total = 0,
|
||||
self = this;
|
||||
|
||||
ul.find('> li').each(function () { total += self.outerHeight($(this), true); });
|
||||
|
||||
return total;
|
||||
},
|
||||
|
||||
sticky : function () {
|
||||
var $window = $(window),
|
||||
self = this;
|
||||
|
||||
$window.scroll(function() {
|
||||
self.updateStickyPositioning();
|
||||
});
|
||||
},
|
||||
|
||||
updateStickyPositioning: function() {
|
||||
var klass = '.' + this.settings.stickyClass;
|
||||
var $window = $(window);
|
||||
|
||||
if ($(klass).length > 0) {
|
||||
var distance = this.settings.$topbar.data('stickyoffset');
|
||||
if (!$(klass).hasClass('expanded')) {
|
||||
if ($window.scrollTop() > (distance)) {
|
||||
if (!$(klass).hasClass('fixed')) {
|
||||
$(klass).addClass('fixed');
|
||||
$('body').addClass('f-topbar-fixed');
|
||||
}
|
||||
} else if ($window.scrollTop() <= distance) {
|
||||
if ($(klass).hasClass('fixed')) {
|
||||
$(klass).removeClass('fixed');
|
||||
$('body').removeClass('f-topbar-fixed');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.topbar');
|
||||
$(window).off('.fndtn.topbar');
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@ -0,0 +1,18 @@
|
||||
/*
|
||||
=require foundation/foundation
|
||||
=require foundation/foundation.alerts
|
||||
=require foundation/foundation.clearing
|
||||
=require foundation/foundation.cookie
|
||||
=require foundation/foundation.dropdown
|
||||
=require foundation/foundation.forms
|
||||
=require foundation/foundation.joyride
|
||||
=require foundation/foundation.magellan
|
||||
=require foundation/foundation.orbit
|
||||
=require foundation/foundation.reveal
|
||||
=require foundation/foundation.section
|
||||
=require foundation/foundation.tooltips
|
||||
=require foundation/foundation.topbar
|
||||
=require foundation/foundation.interchange
|
||||
=require foundation/foundation.placeholder
|
||||
=require foundation/foundation.abide
|
||||
*/
|
||||
@ -0,0 +1,56 @@
|
||||
package com.pmease.gitop.web.common.component.messenger;
|
||||
|
||||
import org.apache.wicket.ajax.AjaxRequestTarget;
|
||||
|
||||
import com.pmease.gitop.web.common.util.Options;
|
||||
|
||||
public class Messenger {
|
||||
|
||||
static enum Type {
|
||||
INFO, SUCCESS, ERROR
|
||||
}
|
||||
|
||||
private final String jsFunc;
|
||||
|
||||
Messenger(String jsFunc) {
|
||||
this.jsFunc = jsFunc;
|
||||
}
|
||||
|
||||
public void execute(AjaxRequestTarget target) {
|
||||
target.appendJavaScript(jsFunc);
|
||||
}
|
||||
|
||||
public static Messenger info(String message) {
|
||||
return message(message, Type.INFO);
|
||||
}
|
||||
|
||||
public static Messenger success(String message) {
|
||||
return message(message, Type.SUCCESS);
|
||||
}
|
||||
|
||||
public static Messenger error(String message) {
|
||||
return message(message, Type.ERROR);
|
||||
}
|
||||
|
||||
private static Messenger message(String message, Type type) {
|
||||
return post(new Options()
|
||||
.set("message", message)
|
||||
.set("type", type.name().toLowerCase())
|
||||
.set("showCloseButton", true));
|
||||
}
|
||||
|
||||
public static Messenger post(Options options) {
|
||||
return new Messenger(String.format("Messenger().post(%s);",
|
||||
options.toString()));
|
||||
}
|
||||
|
||||
public static Messenger run(Options options) {
|
||||
return new Messenger(String.format("Messenger().run(%s);",
|
||||
options.toString()));
|
||||
}
|
||||
|
||||
public static Messenger update(Options options) {
|
||||
return new Messenger(String.format("Messenger().update(%s);",
|
||||
options.toString()));
|
||||
}
|
||||
}
|
||||
@ -9,9 +9,18 @@ import org.apache.wicket.request.resource.CssResourceReference;
|
||||
import org.apache.wicket.request.resource.JavaScriptResourceReference;
|
||||
import org.apache.wicket.request.resource.ResourceReference;
|
||||
|
||||
@SuppressWarnings("serial")
|
||||
public class MessengerBehavior extends Behavior {
|
||||
import com.google.common.collect.ImmutableMap;
|
||||
import com.pmease.gitop.web.common.util.JsUtil;
|
||||
|
||||
@SuppressWarnings("serial")
|
||||
public class MessengerResourcesBehavior extends Behavior {
|
||||
|
||||
private static final MessengerResourcesBehavior instance = new MessengerResourcesBehavior();
|
||||
|
||||
public final static MessengerResourcesBehavior get() {
|
||||
return instance;
|
||||
}
|
||||
|
||||
@Override
|
||||
public void renderHead(Component component, IHeaderResponse response) {
|
||||
super.renderHead(component, response);
|
||||
@ -21,13 +30,25 @@ public class MessengerBehavior extends Behavior {
|
||||
|
||||
response.render(CssHeaderItem.forReference(newCssReference("res/css/messenger.css")));
|
||||
response.render(CssHeaderItem.forReference(newCssReference("res/css/messenger-theme-flat.css")));
|
||||
|
||||
response.render(JavaScriptHeaderItem.forScript(String.format(
|
||||
"Messenger.options = %s", getMessengerOptions()),
|
||||
"global-messenger-init"));
|
||||
}
|
||||
|
||||
protected String getMessengerOptions() {
|
||||
return
|
||||
JsUtil.formatOptions(ImmutableMap.<String, Object>builder()
|
||||
.put("theme", "flat")
|
||||
.put("extraClasses", "messenger-fixed messenger-on-top messenger-on-right")
|
||||
.build());
|
||||
}
|
||||
|
||||
private static ResourceReference newJsReference(String url) {
|
||||
return new JavaScriptResourceReference(MessengerBehavior.class, url);
|
||||
return new JavaScriptResourceReference(MessengerResourcesBehavior.class, url);
|
||||
}
|
||||
|
||||
private static ResourceReference newCssReference(String url) {
|
||||
return new CssResourceReference(MessengerBehavior.class, url);
|
||||
return new CssResourceReference(MessengerResourcesBehavior.class, url);
|
||||
}
|
||||
}
|
||||
@ -354,11 +354,11 @@ ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inne
|
||||
}
|
||||
/* line 98, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before {
|
||||
background: #61c4b8;
|
||||
background: #00B5AD;
|
||||
}
|
||||
/* line 103, ../../src/sass/messenger-theme-flat.sass */
|
||||
ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before {
|
||||
background: #dd6a45;
|
||||
background: #ff2a68;
|
||||
}
|
||||
/* line 32, ../../src/sass/messenger-spinner.scss */
|
||||
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner {
|
||||
|
||||
@ -49,7 +49,7 @@ ul.messenger.messenger-fixed .message .messenger-actions {
|
||||
}
|
||||
/* line 42, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-top {
|
||||
top: 0px;
|
||||
top: 10px;
|
||||
}
|
||||
/* line 45, ../../src/sass/messenger.sass */
|
||||
ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||
|
||||
@ -0,0 +1,11 @@
|
||||
<html xmlns:wicket>
|
||||
<wicket:panel>
|
||||
<div class="modal fade" wicket:id="modalspan" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div wicket:id="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</wicket:panel>
|
||||
</html>
|
||||
@ -0,0 +1,107 @@
|
||||
package com.pmease.gitop.web.common.component.modal;
|
||||
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.ajax.AjaxEventBehavior;
|
||||
import org.apache.wicket.ajax.AjaxRequestTarget;
|
||||
import org.apache.wicket.markup.html.WebMarkupContainer;
|
||||
import org.apache.wicket.markup.html.basic.Label;
|
||||
import org.apache.wicket.markup.html.panel.Panel;
|
||||
|
||||
import com.google.common.base.Objects;
|
||||
import com.google.common.base.Preconditions;
|
||||
import com.pmease.gitop.web.common.util.Options;
|
||||
|
||||
@SuppressWarnings("serial")
|
||||
public class Modal extends Panel {
|
||||
|
||||
public static final String CONTENT_ID = "content";
|
||||
|
||||
public static class DefaultModalListener implements ModalListener {
|
||||
|
||||
@Override
|
||||
public void onShown(Modal modal, AjaxRequestTarget target) {
|
||||
// do nothing
|
||||
}
|
||||
|
||||
@Override
|
||||
public void onHidden(Modal modal, AjaxRequestTarget target) {
|
||||
modal.setContent(new Label(CONTENT_ID, "Loading ..."));
|
||||
target.add(modal.modal);
|
||||
target.appendJavaScript("$(document.body).removeClass('modal-open')");
|
||||
}
|
||||
}
|
||||
|
||||
private ModalListener modalListener = new DefaultModalListener();
|
||||
|
||||
protected Component createContent(String id) {
|
||||
return new WebMarkupContainer(id).setOutputMarkupId(true);
|
||||
}
|
||||
|
||||
private WebMarkupContainer modal;
|
||||
|
||||
public Modal(String id) {
|
||||
super(id);
|
||||
}
|
||||
|
||||
@Override
|
||||
protected void onInitialize() {
|
||||
super.onInitialize();
|
||||
|
||||
modal = new WebMarkupContainer("modalspan");
|
||||
modal.setOutputMarkupId(true);
|
||||
add(modal);
|
||||
|
||||
modal.add(createContent(CONTENT_ID));
|
||||
|
||||
modal.add(new AjaxEventBehavior("shown.bs.modal") {
|
||||
|
||||
@Override
|
||||
protected void onEvent(AjaxRequestTarget target) {
|
||||
modalListener.onShown(Modal.this, target);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
modal.add(new AjaxEventBehavior("hidden.bs.modal") {
|
||||
|
||||
@Override
|
||||
protected void onEvent(AjaxRequestTarget target) {
|
||||
modalListener.onHidden(Modal.this, target);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
public void show(AjaxRequestTarget target) {
|
||||
show(target, new Options());
|
||||
}
|
||||
|
||||
public void show(AjaxRequestTarget target, Options options) {
|
||||
Preconditions.checkNotNull(options, "options");
|
||||
target.add(modal);
|
||||
target.appendJavaScript(String.format("$('#%s').modal(%s).modal('show')",
|
||||
modal.getMarkupId(true), options.toString()));
|
||||
}
|
||||
|
||||
public void hide(AjaxRequestTarget target) {
|
||||
target.appendJavaScript(String.format("$('#%s').modal('hide')",
|
||||
modal.getMarkupId()));
|
||||
}
|
||||
|
||||
public Modal setContent(Component component) {
|
||||
Preconditions.checkState(Objects.equal(component.getId(), CONTENT_ID),
|
||||
"component should use id 'content'");
|
||||
|
||||
component.setOutputMarkupId(true);
|
||||
modal.addOrReplace(component);
|
||||
return this;
|
||||
}
|
||||
|
||||
public WebMarkupContainer getModalContainer() {
|
||||
return modal;
|
||||
}
|
||||
|
||||
public Modal setModalListener(ModalListener listener) {
|
||||
this.modalListener = listener;
|
||||
return this;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,12 @@
|
||||
package com.pmease.gitop.web.common.component.modal;
|
||||
|
||||
import org.apache.wicket.ajax.AjaxRequestTarget;
|
||||
import org.apache.wicket.util.io.IClusterable;
|
||||
|
||||
public interface ModalListener extends IClusterable {
|
||||
|
||||
void onShown(Modal modal, AjaxRequestTarget target);
|
||||
|
||||
void onHidden(Modal modal, AjaxRequestTarget target);
|
||||
|
||||
}
|
||||
@ -0,0 +1,51 @@
|
||||
package com.pmease.gitop.web.common.component.vex;
|
||||
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.ajax.AjaxRequestTarget;
|
||||
import org.apache.wicket.ajax.form.AjaxFormSubmitBehavior;
|
||||
import org.apache.wicket.ajax.markup.html.form.AjaxButton;
|
||||
import org.apache.wicket.behavior.AttributeAppender;
|
||||
import org.apache.wicket.markup.html.form.Form;
|
||||
import org.apache.wicket.model.IModel;
|
||||
|
||||
import com.pmease.gitop.web.common.component.vex.VexLinkBehavior.VexIcon;
|
||||
|
||||
@SuppressWarnings("serial")
|
||||
public class AjaxConfirmButton extends AjaxButton {
|
||||
|
||||
public AjaxConfirmButton(String id, Form<?> form, IModel<String> textModel) {
|
||||
this(id, form, textModel, null, null, null, null);
|
||||
}
|
||||
|
||||
public AjaxConfirmButton(String id, Form<?> form, IModel<String> textModel,
|
||||
IModel<VexIcon> iconModel, IModel<String> yesLabelModel,
|
||||
IModel<String> noLabelModel, IModel<String> confirmCssClassModel) {
|
||||
super(id, form);
|
||||
add(new VexLinkBehavior(textModel, iconModel, yesLabelModel,
|
||||
noLabelModel, confirmCssClassModel));
|
||||
|
||||
add(AttributeAppender.append("class", "confirm-link"));
|
||||
}
|
||||
|
||||
@Override
|
||||
protected AjaxFormSubmitBehavior newAjaxFormSubmitBehavior(String event) {
|
||||
return new AjaxFormSubmitBehavior(getForm(), "vex.confirm") {
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
@Override
|
||||
public boolean isEnabled(Component component) {
|
||||
return AjaxConfirmButton.this.isEnabledInHierarchy();
|
||||
}
|
||||
|
||||
@Override
|
||||
protected void onSubmit(AjaxRequestTarget target) {
|
||||
AjaxConfirmButton.this.onSubmit(target, AjaxConfirmButton.this.getForm());
|
||||
}
|
||||
|
||||
@Override
|
||||
protected void onError(AjaxRequestTarget target) {
|
||||
AjaxConfirmButton.this.onError(target, AjaxConfirmButton.this.getForm());
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,63 @@
|
||||
package com.pmease.gitop.web.common.component.vex;
|
||||
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.ajax.AjaxEventBehavior;
|
||||
import org.apache.wicket.ajax.AjaxRequestTarget;
|
||||
import org.apache.wicket.ajax.markup.html.AjaxLink;
|
||||
import org.apache.wicket.behavior.AttributeAppender;
|
||||
import org.apache.wicket.model.IModel;
|
||||
|
||||
import com.pmease.gitop.web.common.component.vex.VexLinkBehavior.VexIcon;
|
||||
|
||||
@SuppressWarnings("serial")
|
||||
public abstract class AjaxConfirmLink<T> extends AjaxLink<T> {
|
||||
|
||||
// private static final String ATTR_MESSAGE = "data-confirm-message";
|
||||
// private static final String ATTR_YES_LABEL = "data-confirm-yes-label";
|
||||
// private static final String ATTR_NO_LABEL = "data-confirm-no-label";
|
||||
// private static final String ATTR_CSS_CLASS_NAME = "data-confirm-css-class";
|
||||
// private static final String ATTR_CONFIRM_ICON = "data-confirm-icon";
|
||||
//
|
||||
// private final IModel<String> textModel;
|
||||
// private final IModel<String> iconModel;
|
||||
// private final IModel<String> yesLabelModel;
|
||||
// private final IModel<String> noLabelModel;
|
||||
// private final IModel<String> confirmCssClassModel;
|
||||
|
||||
public AjaxConfirmLink(String id, IModel<String> textModel) {
|
||||
this(id, null, textModel, null, null, null, null);
|
||||
}
|
||||
|
||||
public AjaxConfirmLink(
|
||||
String id,
|
||||
IModel<T> model,
|
||||
IModel<String> textModel,
|
||||
IModel<VexIcon> iconModel,
|
||||
IModel<String> yesLabelModel,
|
||||
IModel<String> noLabelModel,
|
||||
IModel<String> confirmCssClassModel) {
|
||||
super(id, model);
|
||||
setOutputMarkupId(true);
|
||||
|
||||
add(new VexLinkBehavior(textModel, iconModel, yesLabelModel, noLabelModel, confirmCssClassModel));
|
||||
|
||||
add(AttributeAppender.append("class", "confirm-link"));
|
||||
}
|
||||
|
||||
@Override
|
||||
protected AjaxEventBehavior newAjaxEventBehavior(String event) {
|
||||
return new AjaxEventBehavior("vex.confirm") {
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
@Override
|
||||
public boolean isEnabled(Component component) {
|
||||
return AjaxConfirmLink.this.isLinkEnabled();
|
||||
}
|
||||
|
||||
@Override
|
||||
protected void onEvent(AjaxRequestTarget target) {
|
||||
onClick(target);
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
package com.pmease.gitop.web.common.component.vex;
|
||||
|
||||
import org.apache.wicket.ajax.AjaxRequestTarget;
|
||||
|
||||
import com.pmease.gitop.web.common.util.Options;
|
||||
|
||||
public class Vex {
|
||||
|
||||
private final Options options = new Options();
|
||||
|
||||
public void open(AjaxRequestTarget target) {
|
||||
target.appendJavaScript(String.format("vex.open(%s)", options.toString()));
|
||||
}
|
||||
|
||||
public Options getOptions() {
|
||||
return options;
|
||||
}
|
||||
}
|
||||
@ -1,27 +0,0 @@
|
||||
package com.pmease.gitop.web.common.component.vex;
|
||||
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.behavior.Behavior;
|
||||
import org.apache.wicket.markup.head.CssHeaderItem;
|
||||
import org.apache.wicket.markup.head.IHeaderResponse;
|
||||
import org.apache.wicket.markup.head.JavaScriptHeaderItem;
|
||||
import org.apache.wicket.request.resource.CssResourceReference;
|
||||
import org.apache.wicket.request.resource.JavaScriptResourceReference;
|
||||
import org.apache.wicket.request.resource.ResourceReference;
|
||||
|
||||
@SuppressWarnings("serial")
|
||||
public class VexBehavior extends Behavior {
|
||||
|
||||
static final ResourceReference VEX_JS = new JavaScriptResourceReference(VexBehavior.class, "js/vex.combined.js");
|
||||
static final ResourceReference VEX_CSS = new CssResourceReference(VexBehavior.class, "css/vex.css");
|
||||
static final ResourceReference VEX_THEME_DEFAULT_CSS = new CssResourceReference(VexBehavior.class, "css/vex-theme-default.css");
|
||||
|
||||
@Override
|
||||
public void renderHead(Component component, IHeaderResponse response) {
|
||||
super.renderHead(component, response);
|
||||
|
||||
response.render(JavaScriptHeaderItem.forReference(VEX_JS));
|
||||
response.render(CssHeaderItem.forReference(VEX_CSS));
|
||||
response.render(CssHeaderItem.forReference(VEX_THEME_DEFAULT_CSS));
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,29 @@
|
||||
package com.pmease.gitop.web.common.component.vex;
|
||||
|
||||
import org.apache.wicket.markup.head.HeaderItem;
|
||||
import org.apache.wicket.markup.head.JavaScriptHeaderItem;
|
||||
import org.apache.wicket.request.resource.JavaScriptResourceReference;
|
||||
|
||||
import com.google.common.collect.ImmutableList;
|
||||
import com.google.common.collect.Iterables;
|
||||
|
||||
@SuppressWarnings("serial")
|
||||
public class VexConfirmJavaScriptResourceReference extends JavaScriptResourceReference {
|
||||
|
||||
public VexConfirmJavaScriptResourceReference() {
|
||||
super(VexConfirmJavaScriptResourceReference.class, "js/vex.confirm.js");
|
||||
}
|
||||
|
||||
@Override
|
||||
public Iterable<? extends HeaderItem> getDependencies() {
|
||||
return Iterables.concat(super.getDependencies(),
|
||||
ImmutableList.of(JavaScriptHeaderItem.forReference(VexJavaScriptResourceReference.get())));
|
||||
}
|
||||
|
||||
private static final VexConfirmJavaScriptResourceReference instance =
|
||||
new VexConfirmJavaScriptResourceReference();
|
||||
|
||||
public static VexConfirmJavaScriptResourceReference get() {
|
||||
return instance;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,36 @@
|
||||
package com.pmease.gitop.web.common.component.vex;
|
||||
|
||||
import org.apache.wicket.markup.head.CssHeaderItem;
|
||||
import org.apache.wicket.markup.head.HeaderItem;
|
||||
import org.apache.wicket.request.resource.CssResourceReference;
|
||||
import org.apache.wicket.request.resource.JavaScriptResourceReference;
|
||||
import org.apache.wicket.request.resource.ResourceReference;
|
||||
|
||||
import com.google.common.collect.ImmutableList;
|
||||
import com.google.common.collect.Iterables;
|
||||
|
||||
@SuppressWarnings("serial")
|
||||
public class VexJavaScriptResourceReference extends JavaScriptResourceReference {
|
||||
|
||||
private static ResourceReference VEX_CSS = new CssResourceReference(VexJavaScriptResourceReference.class, "css/vex.css");
|
||||
private static ResourceReference VEX_THEME_CSS = new CssResourceReference(VexJavaScriptResourceReference.class, "css/vex-theme-wireframe.css");
|
||||
|
||||
public VexJavaScriptResourceReference() {
|
||||
super(VexJavaScriptResourceReference.class, "js/vex.combined.js");
|
||||
}
|
||||
|
||||
@Override
|
||||
public Iterable<? extends HeaderItem> getDependencies() {
|
||||
return Iterables.concat(super.getDependencies(),
|
||||
ImmutableList.of(
|
||||
CssHeaderItem.forReference(VEX_CSS),
|
||||
CssHeaderItem.forReference(VEX_THEME_CSS)));
|
||||
}
|
||||
|
||||
private static final VexJavaScriptResourceReference instance =
|
||||
new VexJavaScriptResourceReference();
|
||||
|
||||
public static VexJavaScriptResourceReference get() {
|
||||
return instance;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,110 @@
|
||||
package com.pmease.gitop.web.common.component.vex;
|
||||
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.behavior.Behavior;
|
||||
import org.apache.wicket.markup.ComponentTag;
|
||||
import org.apache.wicket.markup.head.IHeaderResponse;
|
||||
import org.apache.wicket.markup.head.JavaScriptHeaderItem;
|
||||
import org.apache.wicket.model.IComponentAssignedModel;
|
||||
import org.apache.wicket.model.IModel;
|
||||
import org.apache.wicket.model.Model;
|
||||
import org.apache.wicket.util.value.IValueMap;
|
||||
|
||||
@SuppressWarnings("serial")
|
||||
public class VexLinkBehavior extends Behavior {
|
||||
|
||||
public static enum VexIcon {
|
||||
QUESTION, INFO, SUCCESS, WARNING, ERROR
|
||||
}
|
||||
|
||||
private static final String ATTR_MESSAGE = "data-confirm-message";
|
||||
private static final String ATTR_YES_LABEL = "data-confirm-yes-label";
|
||||
private static final String ATTR_NO_LABEL = "data-confirm-no-label";
|
||||
private static final String ATTR_CSS_CLASS_NAME = "data-confirm-css-class";
|
||||
private static final String ATTR_CONFIRM_ICON = "data-confirm-icon";
|
||||
|
||||
private final IModel<String> textModel;
|
||||
private final IModel<VexIcon> iconModel;
|
||||
private final IModel<String> yesLabelModel;
|
||||
private final IModel<String> noLabelModel;
|
||||
private final IModel<String> confirmCssClassModel;
|
||||
|
||||
public VexLinkBehavior(IModel<String> textModel, IModel<VexIcon> iconModel,
|
||||
IModel<String> yesLabelModel, IModel<String> noLabelModel,
|
||||
IModel<String> confirmCssClassModel) {
|
||||
|
||||
this.textModel = textModel;
|
||||
this.iconModel = iconModel;
|
||||
this.yesLabelModel = yesLabelModel;
|
||||
this.noLabelModel = noLabelModel;
|
||||
this.confirmCssClassModel = confirmCssClassModel;
|
||||
}
|
||||
|
||||
@Override
|
||||
public void renderHead(Component component, IHeaderResponse response) {
|
||||
super.renderHead(component, response);
|
||||
|
||||
response.render(JavaScriptHeaderItem.forReference(VexConfirmJavaScriptResourceReference.get()));
|
||||
response.render(JavaScriptHeaderItem.forScript("vex.defaultOptions.className = 'vex-theme-wireframe'", "vex-theme-options"));
|
||||
}
|
||||
|
||||
@Override
|
||||
public void onComponentTag(Component component, ComponentTag tag) {
|
||||
super.onComponentTag(component, tag);
|
||||
IValueMap attributes = tag.getAttributes();
|
||||
addAttribute(component, attributes, ATTR_MESSAGE, textModel);
|
||||
addAttribute(component, attributes, ATTR_YES_LABEL, yesLabelModel);
|
||||
addAttribute(component, attributes, ATTR_NO_LABEL, noLabelModel);
|
||||
addAttribute(component, attributes, ATTR_CSS_CLASS_NAME, confirmCssClassModel);
|
||||
|
||||
if (iconModel != null) {
|
||||
VexIcon icon = iconModel.getObject();
|
||||
if (icon != null) {
|
||||
addAttribute(component, attributes, ATTR_CONFIRM_ICON,
|
||||
Model.of(icon.name().toLowerCase()));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@Override
|
||||
public void detach(Component component) {
|
||||
super.detach(component);
|
||||
|
||||
if (textModel != null) {
|
||||
textModel.detach();
|
||||
}
|
||||
if (yesLabelModel != null) {
|
||||
yesLabelModel.detach();
|
||||
}
|
||||
if (noLabelModel != null) {
|
||||
noLabelModel.detach();
|
||||
}
|
||||
if (confirmCssClassModel != null) {
|
||||
confirmCssClassModel.detach();
|
||||
}
|
||||
if (iconModel != null) {
|
||||
iconModel.detach();
|
||||
}
|
||||
}
|
||||
|
||||
private void addAttribute(Component component, IValueMap attributes,
|
||||
String attributeName, IModel<String> model) {
|
||||
String label = getLabel(component, model);
|
||||
if (label != null) {
|
||||
attributes.put(attributeName, label);
|
||||
}
|
||||
}
|
||||
|
||||
private String getLabel(Component component, IModel<String> labelModel) {
|
||||
if (labelModel != null) {
|
||||
IModel<String> model = labelModel;
|
||||
if (model instanceof IComponentAssignedModel) {
|
||||
model = ((IComponentAssignedModel<String>) model)
|
||||
.wrapOnAssignment(component);
|
||||
}
|
||||
return model.getObject();
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -254,4 +254,30 @@
|
||||
.vex-loading-spinner.vex-theme-wireframe {
|
||||
height: 2.5em;
|
||||
width: 2.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.vex { z-index: 1040; }
|
||||
.vex.vex-theme-wireframe .vex-content { border: 4px solid #666; border-radius: 4px; padding: 0; background: white; max-width: 90%; min-width: 500px; }
|
||||
.vex-dialog-form { position: relative; padding: 0; }
|
||||
.vex-dialog-message { positon: relative; padding: 24px 1em 1em 80px; min-height: 80px; }
|
||||
.vex-dialog-icon { position: absolute; left: 24px; top: 12px; font-size: 48px; }
|
||||
.vex-icon.icon-type-question:before { color: #008bee; content: "\f059"; }
|
||||
.vex-icon.icon-type-info:before { color: #008bee; content: "\f05a"; }
|
||||
.vex-icon.icon-type-warning:before { content: "\f06a"; color: #ff9500; }
|
||||
.vex-icon.icon-type-error:before { content: "\f057"; color: #ff2a68; }
|
||||
.vex-icon.icon-type-success:before { content: "\f058"; color: #64da38; }
|
||||
|
||||
.vex-dialog-buttons { text-align: left; white-space: nowrap; overflow: hidden; }
|
||||
.vex.vex-theme-wireframe .vex-dialog-button { margin: 0; width: 50%; font-size: 0.8em; padding: 10px 0; }
|
||||
.vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-primary {
|
||||
background: #666; color: #fff; border-width: 1px 0 0 1px; border-color: #666; border-style: solid;
|
||||
}
|
||||
.vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-primary:hover {
|
||||
background: #ddd; color: #333;
|
||||
}
|
||||
.vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-secondary {
|
||||
background: white; border-width: 1px 1px 0 0; border-color: #666; border-style: solid;
|
||||
}
|
||||
.vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-secondary:hover {
|
||||
background: #ddd;
|
||||
}
|
||||
@ -0,0 +1,50 @@
|
||||
!function($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
$.fn.confirm = function(options) {
|
||||
options = $.extend({}, $.fn.confirm.defaults, options);
|
||||
$(this).each(function(index) {
|
||||
var $this = $(this);
|
||||
var icon = $this.data('confirm-icon')
|
||||
|| 'question';
|
||||
var messageLabel = $this.data('confirm-message') || 'Confirm';
|
||||
var yesLabel = $this.data('confirm-yes-label') || 'OK';
|
||||
var noLabel = $this.data('confirm-no-label') || 'Cancel';
|
||||
var cssClassName = $this.data('confirm-css-class') || '';
|
||||
|
||||
vex.dialog.confirm({
|
||||
message : "<div class='vex-dialog-icon'><i class='vex-icon icon-type-" + icon + "'></i></div> " + messageLabel,
|
||||
callback : function(data) {
|
||||
if (data)
|
||||
$this.trigger('vex.confirm');
|
||||
else
|
||||
$this.trigger('vex.cancel');
|
||||
},
|
||||
overlayClosesOnClick : false,
|
||||
buttons : {
|
||||
YES : {
|
||||
text : yesLabel,
|
||||
type : 'submit',
|
||||
className : 'vex-dialog-button-primary'
|
||||
},
|
||||
NO : {
|
||||
text : noLabel,
|
||||
type : 'button',
|
||||
className : 'vex-dialog-button-secondary',
|
||||
click : function($vexContent, event) {
|
||||
$vexContent.data().vex.value = false;
|
||||
return vex.close($vexContent.data().vex.id);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
$('.confirm-link').click(function(e) {
|
||||
e.preventDefault();
|
||||
$(this).confirm();
|
||||
})
|
||||
});
|
||||
}(window.jQuery, window, document);
|
||||
@ -0,0 +1,71 @@
|
||||
(function($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
var pui = pui || {};
|
||||
pui.forms = {
|
||||
toggleCheckBox: function($element) {
|
||||
var $input = $element.find('input[type="checkbox"]'),
|
||||
input = $input[0];
|
||||
|
||||
if (false === $input.is(':disabled')) {
|
||||
input.checked = ((input.checked) ? false : true);
|
||||
$element.toggleClass('checked');
|
||||
$input.trigger('change');
|
||||
}
|
||||
},
|
||||
|
||||
toggleRadio: function($element) {
|
||||
var $input = $element.find('input[type="radio"]'),
|
||||
$form = $input.closest('form.custom-form'),
|
||||
input = $input[0];
|
||||
|
||||
if (false === $input.is(':disabled')) {
|
||||
$form.find('input[type="radio"][name="' + $input.attr('name') + '"]')
|
||||
.parent().not($element).removeClass('checked');
|
||||
|
||||
if (!$element.hasClass('checked')) {
|
||||
$element.toggleClass('checked');
|
||||
}
|
||||
|
||||
input.checked = $element.hasClass('checked');
|
||||
|
||||
$input.trigger('change');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
$(document).ready(function() {
|
||||
$('.custom-form .checkbox-flat label').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
pui.forms.toggleCheckBox($(this));
|
||||
});
|
||||
|
||||
$('.custom-form .checkbox-flat .icon-checkbox').on('click', function(e) {
|
||||
var $icon = $(this);
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
pui.forms.toggleCheckBox($icon.parent());
|
||||
});
|
||||
|
||||
$('.custom-form .checkbox-flat label').each(function() {
|
||||
var $element = $(this);
|
||||
var $input = $element.find('input[type="checkbox"]'),
|
||||
input = $input[0];
|
||||
|
||||
if (input.checked) {
|
||||
$element.addClass('checked');
|
||||
}
|
||||
if ($input.is(':disabled')) {
|
||||
$element.addClass('disabled');
|
||||
}
|
||||
});
|
||||
|
||||
$('.custom-form .radio-flat label').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
pui.forms.toggleRadio($(this));
|
||||
});
|
||||
|
||||
});
|
||||
}(window.jQuery, window, document));
|
||||
@ -16,15 +16,15 @@ public class CheckBoxElement extends AbstractInputElement<Boolean> {
|
||||
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
private String description;
|
||||
private IModel<Boolean> model;
|
||||
private CheckBox checkbox;
|
||||
protected IModel<String> description;
|
||||
protected IModel<Boolean> model;
|
||||
protected CheckBox checkbox;
|
||||
|
||||
public CheckBoxElement(String id, IModel<Boolean> inputModel, String description) {
|
||||
public CheckBoxElement(String id, IModel<Boolean> inputModel, IModel<String> description) {
|
||||
this(id, "", inputModel, description);
|
||||
}
|
||||
|
||||
public CheckBoxElement(String id, String label, IModel<Boolean> inputModel, String description) {
|
||||
public CheckBoxElement(String id, String label, IModel<Boolean> inputModel, IModel<String> description) {
|
||||
super(id, label);
|
||||
this.model = inputModel;
|
||||
this.description = description;
|
||||
@ -48,14 +48,19 @@ public class CheckBoxElement extends AbstractInputElement<Boolean> {
|
||||
|
||||
checkbox = new CheckBox("check", model);
|
||||
panel.add(checkbox);
|
||||
Label label =
|
||||
(Label) new Label("description", description).setVisibilityAllowed(
|
||||
!Strings.isNullOrEmpty(description)).setEscapeModelStrings(isEscapeDescriptionString());
|
||||
Label label = (Label) createDescriptionLabel("description");
|
||||
|
||||
panel.add(label);
|
||||
return panel;
|
||||
}
|
||||
|
||||
protected Component createDescriptionLabel(String id) {
|
||||
return new Label(id, description).setVisibilityAllowed(
|
||||
description != null &&
|
||||
!Strings.isNullOrEmpty(description.getObject()))
|
||||
.setEscapeModelStrings(isEscapeDescriptionString());
|
||||
}
|
||||
|
||||
protected boolean isEscapeDescriptionString() {
|
||||
return false;
|
||||
}
|
||||
|
||||
@ -0,0 +1,19 @@
|
||||
package com.pmease.gitop.web.common.form.flatcheckbox;
|
||||
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.behavior.Behavior;
|
||||
import org.apache.wicket.markup.head.IHeaderResponse;
|
||||
import org.apache.wicket.markup.head.JavaScriptHeaderItem;
|
||||
import org.apache.wicket.request.resource.JavaScriptResourceReference;
|
||||
|
||||
@SuppressWarnings("serial")
|
||||
public class FlatCheckBoxBehavior extends Behavior {
|
||||
|
||||
@Override
|
||||
public void renderHead(Component component, IHeaderResponse response) {
|
||||
super.renderHead(component, response);
|
||||
|
||||
response.render(JavaScriptHeaderItem.forReference(
|
||||
new JavaScriptResourceReference(FlatCheckBoxBehavior.class, "flatui-checkbox.js")));
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,34 @@
|
||||
package com.pmease.gitop.web.common.form.flatcheckbox;
|
||||
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.markup.html.basic.Label;
|
||||
import org.apache.wicket.markup.html.form.CheckBox;
|
||||
import org.apache.wicket.model.IModel;
|
||||
|
||||
import com.pmease.gitop.web.common.form.checkbox.CheckBoxElement;
|
||||
|
||||
@SuppressWarnings("serial")
|
||||
public class FlatCheckBoxElement extends CheckBoxElement {
|
||||
|
||||
public FlatCheckBoxElement(String id, IModel<Boolean> inputModel, IModel<String> description) {
|
||||
this(id, "", inputModel, description);
|
||||
}
|
||||
|
||||
public FlatCheckBoxElement(String id, String label, IModel<Boolean> inputModel, IModel<String> description) {
|
||||
super(id, label, inputModel, description);
|
||||
}
|
||||
|
||||
@Override
|
||||
protected Component createInputComponent(String id) {
|
||||
FlatCheckBoxElementPanel panel = new FlatCheckBoxElementPanel(id);
|
||||
panel.setRenderBodyOnly(true);
|
||||
|
||||
checkbox = new CheckBox("check", model);
|
||||
panel.add(checkbox);
|
||||
Label label = (Label) createDescriptionLabel("description");
|
||||
|
||||
panel.add(label);
|
||||
panel.add(new FlatCheckBoxBehavior());
|
||||
return panel;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html
|
||||
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.3-strict.dtd"
|
||||
xml:lang="en" lang="en-US">
|
||||
<wicket:panel>
|
||||
<div class="checkbox checkbox-flat">
|
||||
<label> <input data-toggle="checkbox" type="checkbox" wicket:id="check" /> <span wicket:id="description"></span></label>
|
||||
</div>
|
||||
</wicket:panel>
|
||||
</html>
|
||||
@ -0,0 +1,12 @@
|
||||
package com.pmease.gitop.web.common.form.flatcheckbox;
|
||||
|
||||
import org.apache.wicket.markup.html.panel.Panel;
|
||||
|
||||
public class FlatCheckBoxElementPanel extends Panel {
|
||||
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
public FlatCheckBoxElementPanel(String id) {
|
||||
super(id);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,113 @@
|
||||
/* =============================================================
|
||||
* flatui-checkbox.js v0.0.3
|
||||
* ============================================================ */
|
||||
|
||||
!function ($) {
|
||||
|
||||
/* CHECKBOX PUBLIC CLASS DEFINITION
|
||||
* ============================== */
|
||||
|
||||
var Checkbox = function (element, options) {
|
||||
this.init(element, options);
|
||||
}
|
||||
|
||||
Checkbox.prototype = {
|
||||
|
||||
constructor: Checkbox
|
||||
|
||||
, init: function (element, options) {
|
||||
var $el = this.$element = $(element)
|
||||
|
||||
this.options = $.extend({}, $.fn.checkbox.defaults, options);
|
||||
$el.before(this.options.template);
|
||||
this.setState();
|
||||
}
|
||||
|
||||
, setState: function () {
|
||||
var $el = this.$element
|
||||
, $parent = $el.closest('.checkbox');
|
||||
|
||||
$el.prop('disabled') && $parent.addClass('disabled');
|
||||
$el.prop('checked') && $parent.addClass('checked');
|
||||
}
|
||||
|
||||
, toggle: function () {
|
||||
var ch = 'checked'
|
||||
, $el = this.$element
|
||||
, $parent = $el.closest('.checkbox')
|
||||
, checked = $el.prop(ch)
|
||||
, e = $.Event('toggle')
|
||||
|
||||
if ($el.prop('disabled') == false) {
|
||||
$parent.toggleClass(ch) && checked ? $el.removeAttr(ch) : $el.prop(ch, ch);
|
||||
$el.trigger(e).trigger('change');
|
||||
}
|
||||
}
|
||||
|
||||
, setCheck: function (option) {
|
||||
var d = 'disabled'
|
||||
, ch = 'checked'
|
||||
, $el = this.$element
|
||||
, $parent = $el.closest('.checkbox')
|
||||
, checkAction = option == 'check' ? true : false
|
||||
, e = $.Event(option)
|
||||
|
||||
$parent[checkAction ? 'addClass' : 'removeClass' ](ch) && checkAction ? $el.prop(ch, ch) : $el.removeAttr(ch);
|
||||
$el.trigger(e).trigger('change');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* CHECKBOX PLUGIN DEFINITION
|
||||
* ======================== */
|
||||
|
||||
var old = $.fn.checkbox
|
||||
|
||||
$.fn.checkbox = function (option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this)
|
||||
, data = $this.data('checkbox')
|
||||
, options = $.extend({}, $.fn.checkbox.defaults, $this.data(), typeof option == 'object' && option);
|
||||
if (!data) $this.data('checkbox', (data = new Checkbox(this, options)));
|
||||
if (option == 'toggle') data.toggle()
|
||||
if (option == 'check' || option == 'uncheck') data.setCheck(option)
|
||||
else if (option) data.setState();
|
||||
});
|
||||
}
|
||||
|
||||
$.fn.checkbox.defaults = {
|
||||
/* template: '<span class="icons"><span class="first-icon fui-checkbox-unchecked"></span><span class="second-icon fui-checkbox-checked"></span></span>' */
|
||||
template: '<span class="icon-checkbox"></span>'
|
||||
}
|
||||
|
||||
|
||||
/* CHECKBOX NO CONFLICT
|
||||
* ================== */
|
||||
|
||||
$.fn.checkbox.noConflict = function () {
|
||||
$.fn.checkbox = old;
|
||||
return this;
|
||||
}
|
||||
|
||||
|
||||
/* CHECKBOX DATA-API
|
||||
* =============== */
|
||||
|
||||
$(document).on('click.checkbox.data-api', '[data-toggle^=checkbox], .checkbox', function (e) {
|
||||
var $checkbox = $(e.target);
|
||||
if (e.target.tagName != "A") {
|
||||
e && e.preventDefault() && e.stopPropagation();
|
||||
if (!$checkbox.hasClass('checkbox')) $checkbox = $checkbox.closest('.checkbox');
|
||||
$checkbox.find(':checkbox').checkbox('toggle');
|
||||
}
|
||||
});
|
||||
|
||||
$(function () {
|
||||
$('[data-toggle="checkbox"]').each(function () {
|
||||
var $checkbox = $(this);
|
||||
$checkbox.checkbox();
|
||||
});
|
||||
});
|
||||
|
||||
}(window.jQuery);
|
||||
@ -0,0 +1,22 @@
|
||||
package com.pmease.gitop.web.common.form.flatradio;
|
||||
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.behavior.Behavior;
|
||||
import org.apache.wicket.markup.head.IHeaderResponse;
|
||||
import org.apache.wicket.markup.head.JavaScriptHeaderItem;
|
||||
import org.apache.wicket.request.resource.JavaScriptResourceReference;
|
||||
import org.apache.wicket.request.resource.ResourceReference;
|
||||
|
||||
@SuppressWarnings("serial")
|
||||
public class FlatRadioBehavior extends Behavior {
|
||||
|
||||
private static final ResourceReference FLATUI_RADIO_JS =
|
||||
new JavaScriptResourceReference(FlatRadioBehavior.class, "flatui-radio.js");
|
||||
|
||||
@Override
|
||||
public void renderHead(Component component, IHeaderResponse response) {
|
||||
super.renderHead(component, response);
|
||||
|
||||
response.render(JavaScriptHeaderItem.forReference(FLATUI_RADIO_JS));
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,43 @@
|
||||
package com.pmease.gitop.web.common.form.flatradio;
|
||||
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.markup.html.basic.Label;
|
||||
import org.apache.wicket.markup.html.form.Radio;
|
||||
import org.apache.wicket.model.IModel;
|
||||
import org.apache.wicket.model.Model;
|
||||
|
||||
import com.pmease.gitop.web.common.form.radio.RadioButtonElement;
|
||||
|
||||
public class FlatRadioElement<T> extends RadioButtonElement<T> {
|
||||
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
private IModel<String> descriptionModel;
|
||||
|
||||
public FlatRadioElement(String id, IModel<T> model, String description) {
|
||||
super(id, model, "");
|
||||
this.descriptionModel = Model.of(description);
|
||||
}
|
||||
|
||||
@Override
|
||||
protected Component createInputComponent(String id) {
|
||||
radioContainer = new FlatRadioElementPanel(id);
|
||||
radioContainer.add(radio = createRadio("radio"));
|
||||
radioContainer.add(new Label("description", descriptionModel));
|
||||
radioContainer.add(new FlatRadioBehavior());
|
||||
return radioContainer;
|
||||
}
|
||||
|
||||
protected Radio<T> createRadio(String id) {
|
||||
return new Radio<T>(id, radioModel);
|
||||
}
|
||||
|
||||
@Override
|
||||
public void onDetach() {
|
||||
super.onDetach();
|
||||
|
||||
if (descriptionModel != null) {
|
||||
descriptionModel.detach();
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,8 @@
|
||||
<html xmlns:wicket>
|
||||
<wicket:panel>
|
||||
<label class="radio radio-flat">
|
||||
<input type="radio" wicket:id="radio" data-toggle="radio" />
|
||||
<wicket:container wicket:id="description"></wicket:container>
|
||||
</label>
|
||||
</wicket:panel>
|
||||
</html>
|
||||
@ -0,0 +1,12 @@
|
||||
package com.pmease.gitop.web.common.form.flatradio;
|
||||
|
||||
import org.apache.wicket.markup.html.panel.Panel;
|
||||
|
||||
public class FlatRadioElementPanel extends Panel {
|
||||
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
public FlatRadioElementPanel(String id) {
|
||||
super(id);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,133 @@
|
||||
/* =============================================================
|
||||
* flatui-radio.js v0.0.3
|
||||
* ============================================================ */
|
||||
|
||||
!function ($) {
|
||||
|
||||
/* RADIO PUBLIC CLASS DEFINITION
|
||||
* ============================== */
|
||||
|
||||
var Radio = function (element, options) {
|
||||
this.init(element, options);
|
||||
}
|
||||
|
||||
Radio.prototype = {
|
||||
|
||||
constructor: Radio
|
||||
|
||||
, init: function (element, options) {
|
||||
var $el = this.$element = $(element)
|
||||
|
||||
this.options = $.extend({}, $.fn.radio.defaults, options);
|
||||
$el.before(this.options.template);
|
||||
this.setState();
|
||||
}
|
||||
|
||||
, setState: function () {
|
||||
var $el = this.$element
|
||||
, $parent = $el.closest('.radio');
|
||||
|
||||
$el.prop('disabled') && $parent.addClass('disabled');
|
||||
$el.prop('checked') && $parent.addClass('checked');
|
||||
}
|
||||
|
||||
, toggle: function () {
|
||||
var $input = this.$element
|
||||
, $form = $input.closest('form').length ? $input.closest('form') : $input.closest('body')
|
||||
, input = $input[0]
|
||||
, $element = $input.closest('.radio-flat');
|
||||
|
||||
if (false === $input.is(':disabled')) {
|
||||
$form.find('input[type="radio"][name="' + $input.attr('name') + '"]')
|
||||
.parent().not($element).removeClass('checked');
|
||||
|
||||
if (!$element.hasClass('checked')) {
|
||||
$element.toggleClass('checked');
|
||||
}
|
||||
|
||||
input.checked = $element.hasClass('checked');
|
||||
|
||||
$input.trigger('change');
|
||||
}
|
||||
}
|
||||
|
||||
, setCheck: function (option) {
|
||||
var ch = 'checked'
|
||||
, $el = this.$element
|
||||
, $parent = $el.closest('.radio')
|
||||
, checkAction = option == 'check' ? true : false
|
||||
, checked = $el.prop(ch)
|
||||
, $parentWrap = $el.closest('form').length ? $el.closest('form') : $el.closest('body')
|
||||
, $elemGroup = $parentWrap.find(':radio[name="' + $el['attr']('name') + '"]')
|
||||
, e = $.Event(option)
|
||||
|
||||
$elemGroup.not($el).each(function () {
|
||||
var $el = $(this)
|
||||
, $parent = $(this).closest('.radio');
|
||||
|
||||
$parent.removeClass(ch) && $el.removeAttr(ch);
|
||||
});
|
||||
|
||||
$parent[checkAction ? 'addClass' : 'removeClass'](ch) && checkAction ? $el.prop(ch, ch) : $el.removeAttr(ch);
|
||||
$el.trigger(e);
|
||||
|
||||
if (checked !== $el.prop(ch)) {
|
||||
$el.trigger('change');
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* RADIO PLUGIN DEFINITION
|
||||
* ======================== */
|
||||
|
||||
var old = $.fn.radio
|
||||
|
||||
$.fn.radio = function (option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this)
|
||||
, data = $this.data('radio')
|
||||
, options = $.extend({}, $.fn.radio.defaults, $this.data(), typeof option == 'object' && option);
|
||||
if (!data) $this.data('radio', (data = new Radio(this, options)));
|
||||
if (option == 'toggle') data.toggle()
|
||||
if (option == 'check' || option == 'uncheck') data.setCheck(option)
|
||||
else if (option) data.setState();
|
||||
});
|
||||
}
|
||||
|
||||
$.fn.radio.defaults = {
|
||||
/* template: '<span class="icons"><span class="first-icon fui-radio-unchecked"></span><span class="second-icon fui-radio-checked"></span></span>' */
|
||||
template: '<span class="icon-radio"></span>'
|
||||
}
|
||||
|
||||
|
||||
/* RADIO NO CONFLICT
|
||||
* ================== */
|
||||
|
||||
$.fn.radio.noConflict = function () {
|
||||
$.fn.radio = old;
|
||||
return this;
|
||||
}
|
||||
|
||||
|
||||
/* RADIO DATA-API
|
||||
* =============== */
|
||||
|
||||
$(document).on('click.radio.data-api', '[data-toggle^=radio], .radio', function (e) {
|
||||
var $radio = $(e.target);
|
||||
if (e.target.tagName != "A") {
|
||||
e && e.preventDefault() && e.stopPropagation();
|
||||
if (!$radio.hasClass('radio')) $radio = $radio.closest('.radio');
|
||||
$radio.find(':radio').radio('toggle');
|
||||
}
|
||||
});
|
||||
|
||||
$(function () {
|
||||
$('[data-toggle="radio"]').each(function () {
|
||||
var $radio = $(this);
|
||||
$radio.radio();
|
||||
});
|
||||
});
|
||||
|
||||
}(window.jQuery);
|
||||
@ -16,9 +16,10 @@ public class RadioButtonElement<T> extends AbstractInputElement<T> {
|
||||
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
private final IModel<T> radioModel;
|
||||
private Radio<T> radio;
|
||||
private Panel radioContainer;
|
||||
protected final IModel<T> radioModel;
|
||||
protected Radio<T> radio;
|
||||
protected Panel radioContainer;
|
||||
|
||||
public RadioButtonElement(String id, IModel<T> model, String label) {
|
||||
super(id, label);
|
||||
this.radioModel = model;
|
||||
|
||||
@ -0,0 +1,15 @@
|
||||
package com.pmease.gitop.web.common.util;
|
||||
|
||||
import com.fasterxml.jackson.core.JsonProcessingException;
|
||||
import com.google.common.base.Throwables;
|
||||
|
||||
public class JsUtil {
|
||||
|
||||
public static String formatOptions(Object option) {
|
||||
try {
|
||||
return StandardObjectMapper.getInstance().writeValueAsString(option);
|
||||
} catch (JsonProcessingException e) {
|
||||
throw Throwables.propagate(e);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,48 @@
|
||||
package com.pmease.gitop.web.common.util;
|
||||
|
||||
import java.io.Serializable;
|
||||
import java.util.Collections;
|
||||
import java.util.Map;
|
||||
import java.util.Map.Entry;
|
||||
import java.util.Set;
|
||||
|
||||
import org.apache.wicket.util.io.IClusterable;
|
||||
|
||||
import com.google.common.base.Preconditions;
|
||||
import com.google.common.collect.Maps;
|
||||
|
||||
public class Options implements IClusterable {
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
private Map<String, Serializable> options = Maps.newLinkedHashMap();
|
||||
|
||||
public boolean containsKey(Object key) {
|
||||
Preconditions.checkNotNull(key, "key");
|
||||
return options.containsKey(key);
|
||||
}
|
||||
|
||||
public Serializable get(Object key) {
|
||||
Preconditions.checkNotNull(key, "key");
|
||||
return options.get(key.toString());
|
||||
}
|
||||
|
||||
public Options set(Object key, Serializable value) {
|
||||
Preconditions.checkNotNull(key, "key");
|
||||
if (value != null) {
|
||||
options.put(key.toString(), value);
|
||||
} else {
|
||||
options.remove(key);
|
||||
}
|
||||
|
||||
return this;
|
||||
}
|
||||
|
||||
public Set<Entry<String, Serializable>> entries() {
|
||||
return Collections.unmodifiableSet(options.entrySet());
|
||||
}
|
||||
|
||||
@Override
|
||||
public String toString() {
|
||||
return JsUtil.formatOptions(this.options);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,60 @@
|
||||
package com.pmease.gitop.web.common.util;
|
||||
|
||||
import com.codahale.dropwizard.jackson.AnnotationSensitivePropertyNamingStrategy;
|
||||
import com.codahale.dropwizard.jackson.DiscoverableSubtypeResolver;
|
||||
import com.codahale.dropwizard.jackson.FuzzyEnumModule;
|
||||
import com.codahale.dropwizard.jackson.GuavaExtrasModule;
|
||||
import com.codahale.dropwizard.jackson.LogbackModule;
|
||||
import com.fasterxml.jackson.core.JsonFactory;
|
||||
import com.fasterxml.jackson.core.JsonParser;
|
||||
import com.fasterxml.jackson.databind.DeserializationFeature;
|
||||
import com.fasterxml.jackson.databind.MapperFeature;
|
||||
import com.fasterxml.jackson.databind.ObjectMapper;
|
||||
import com.fasterxml.jackson.databind.SerializationFeature;
|
||||
import com.fasterxml.jackson.datatype.guava.GuavaModule;
|
||||
import com.fasterxml.jackson.datatype.joda.JodaModule;
|
||||
import com.fasterxml.jackson.module.afterburner.AfterburnerModule;
|
||||
|
||||
public class StandardObjectMapper {
|
||||
private static final ObjectMapper MAPPER = newObjectMapper();
|
||||
|
||||
public static ObjectMapper getInstance() {
|
||||
return MAPPER;
|
||||
}
|
||||
|
||||
/**
|
||||
* Creates a new {@link ObjectMapper} which is compatible with DropWizard
|
||||
*/
|
||||
private static ObjectMapper newObjectMapper() {
|
||||
final ObjectMapper mapper = new ObjectMapper();
|
||||
mapper.registerModule(new GuavaModule());
|
||||
mapper.registerModule(new LogbackModule());
|
||||
mapper.registerModule(new GuavaExtrasModule());
|
||||
mapper.registerModule(new JodaModule());
|
||||
mapper.registerModule(new AfterburnerModule());
|
||||
mapper.registerModule(new FuzzyEnumModule());
|
||||
mapper.setPropertyNamingStrategy(new AnnotationSensitivePropertyNamingStrategy());
|
||||
mapper.setSubtypeResolver(new DiscoverableSubtypeResolver());
|
||||
mapper.disable(SerializationFeature.FAIL_ON_EMPTY_BEANS);
|
||||
mapper.disable(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES);
|
||||
mapper.disable(MapperFeature.USE_GETTERS_AS_SETTERS);
|
||||
mapper.disable(MapperFeature.AUTO_DETECT_GETTERS);
|
||||
mapper.disable(MapperFeature.AUTO_DETECT_IS_GETTERS);
|
||||
// to allow C/C++ style comments in JSON (non-standard, disabled by
|
||||
// default)
|
||||
JsonFactory jsonFactory = mapper.getFactory();
|
||||
jsonFactory.enable(JsonParser.Feature.ALLOW_COMMENTS);
|
||||
// to allow (non-standard) unquoted field names in JSON:
|
||||
jsonFactory.enable(JsonParser.Feature.ALLOW_UNQUOTED_FIELD_NAMES);
|
||||
// to allow use of apostrophes (single quotes), non standard
|
||||
jsonFactory.enable(JsonParser.Feature.ALLOW_SINGLE_QUOTES);
|
||||
jsonFactory.enable(JsonParser.Feature.ALLOW_UNQUOTED_CONTROL_CHARS);
|
||||
jsonFactory
|
||||
.enable(JsonParser.Feature.ALLOW_BACKSLASH_ESCAPING_ANY_CHARACTER);
|
||||
return mapper;
|
||||
}
|
||||
|
||||
private StandardObjectMapper() {
|
||||
throw new AssertionError();
|
||||
}
|
||||
}
|
||||
@ -1,4 +1,4 @@
|
||||
package com.pmease.gitop.web.common.component.avatar;
|
||||
package com.pmease.gitop.web.component.avatar;
|
||||
|
||||
import org.apache.wicket.ajax.AjaxRequestTarget;
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
package com.pmease.gitop.web.common.component.avatar;
|
||||
package com.pmease.gitop.web.component.avatar;
|
||||
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.ajax.AjaxRequestTarget;
|
||||
@ -1,4 +1,4 @@
|
||||
package com.pmease.gitop.web.common.component.avatar;
|
||||
package com.pmease.gitop.web.component.avatar;
|
||||
|
||||
import java.io.File;
|
||||
import java.io.IOException;
|
||||
@ -14,7 +14,7 @@ import com.pmease.gitop.core.manager.UserManager;
|
||||
import com.pmease.gitop.core.model.User;
|
||||
import com.pmease.gitop.web.GitopWebApp;
|
||||
import com.pmease.gitop.web.SitePaths;
|
||||
import com.pmease.gitop.web.common.component.avatar.AvatarImage.AvatarImageType;
|
||||
import com.pmease.gitop.web.component.avatar.AvatarImage.AvatarImageType;
|
||||
|
||||
public class AvatarImageResource extends DynamicImageResource {
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
package com.pmease.gitop.web.common.component.avatar;
|
||||
package com.pmease.gitop.web.component.avatar;
|
||||
|
||||
import org.apache.wicket.request.resource.IResource;
|
||||
import org.apache.wicket.request.resource.SharedResourceReference;
|
||||
@ -1,4 +1,4 @@
|
||||
package com.pmease.gitop.web.common.component.avatar;
|
||||
package com.pmease.gitop.web.component.avatar;
|
||||
|
||||
import org.apache.wicket.markup.ComponentTag;
|
||||
import org.apache.wicket.markup.html.image.NonCachingImage;
|
||||
@ -1,4 +1,4 @@
|
||||
package com.pmease.gitop.web.common.component.link;
|
||||
package com.pmease.gitop.web.component.link;
|
||||
|
||||
import org.apache.wicket.markup.html.basic.Label;
|
||||
import org.apache.wicket.markup.html.link.BookmarkablePageLink;
|
||||
@ -9,7 +9,7 @@ import org.apache.wicket.model.IModel;
|
||||
|
||||
import com.google.common.base.Preconditions;
|
||||
import com.pmease.gitop.core.model.User;
|
||||
import com.pmease.gitop.web.common.component.avatar.AvatarImage;
|
||||
import com.pmease.gitop.web.component.avatar.AvatarImage;
|
||||
import com.pmease.gitop.web.page.PageSpec;
|
||||
import com.pmease.gitop.web.page.account.AccountHomePage;
|
||||
import com.pmease.gitop.web.util.WicketUtils;
|
||||
@ -22,5 +22,7 @@
|
||||
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
<wicket:child></wicket:child>
|
||||
|
||||
<wicket:container wicket:id="modal"></wicket:container>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,7 +23,10 @@ import org.apache.wicket.request.mapper.parameter.PageParameters;
|
||||
import com.google.common.base.Strings;
|
||||
import com.pmease.commons.util.StringUtils;
|
||||
import com.pmease.gitop.core.Gitop;
|
||||
import com.pmease.gitop.web.assets.BaseResourceBehavior;
|
||||
import com.pmease.gitop.web.assets.BaseResourcesBehavior;
|
||||
import com.pmease.gitop.web.assets.PageResourcesBehavior;
|
||||
import com.pmease.gitop.web.common.component.messenger.MessengerResourcesBehavior;
|
||||
import com.pmease.gitop.web.common.component.modal.Modal;
|
||||
import com.pmease.gitop.web.exception.AccessDeniedException;
|
||||
import com.pmease.gitop.web.page.init.ServerInitPage;
|
||||
|
||||
@ -32,6 +35,8 @@ public abstract class BasePage extends WebPage {
|
||||
|
||||
private WebMarkupContainer body;
|
||||
|
||||
private Modal modal;
|
||||
|
||||
public BasePage() {
|
||||
commonInit();
|
||||
}
|
||||
@ -59,6 +64,9 @@ public abstract class BasePage extends WebPage {
|
||||
}
|
||||
}));
|
||||
|
||||
modal = new Modal("modal");
|
||||
add(modal);
|
||||
|
||||
if (!Gitop.getInstance().isReady()
|
||||
&& getClass() != ServerInitPage.class) {
|
||||
throw new RestartResponseAtInterceptPageException(
|
||||
@ -179,8 +187,11 @@ public abstract class BasePage extends WebPage {
|
||||
* cause components with resources using global resources not working
|
||||
* properly.
|
||||
*/
|
||||
add(new WebMarkupContainer("globalResourceBinder")
|
||||
.add(new BaseResourceBehavior()));
|
||||
add(new BaseResourcesBehavior());
|
||||
add(new WebMarkupContainer("globalResourceBinder"));
|
||||
// .add(new BaseResourcesBehavior())
|
||||
add(MessengerResourcesBehavior.get());
|
||||
add(PageResourcesBehavior.get());
|
||||
}
|
||||
|
||||
protected abstract String getPageTitle();
|
||||
@ -188,4 +199,8 @@ public abstract class BasePage extends WebPage {
|
||||
protected int getPageRefreshInterval() {
|
||||
return 0;
|
||||
}
|
||||
|
||||
public Modal getModal() {
|
||||
return modal;
|
||||
}
|
||||
}
|
||||
|
||||
@ -7,7 +7,7 @@ import org.apache.wicket.markup.html.panel.Panel;
|
||||
|
||||
import com.google.common.base.Optional;
|
||||
import com.pmease.gitop.core.model.User;
|
||||
import com.pmease.gitop.web.common.component.link.UserAvatarLink;
|
||||
import com.pmease.gitop.web.component.link.UserAvatarLink;
|
||||
import com.pmease.gitop.web.model.UserModel;
|
||||
import com.pmease.gitop.web.page.account.RegisterPage;
|
||||
import com.pmease.gitop.web.page.account.setting.profile.AccountProfilePage;
|
||||
|
||||
@ -3,7 +3,7 @@ package com.pmease.gitop.web.page;
|
||||
import org.apache.wicket.request.mapper.parameter.PageParameters;
|
||||
|
||||
import com.pmease.gitop.core.model.User;
|
||||
import com.pmease.gitop.web.common.component.avatar.AvatarImage.AvatarImageType;
|
||||
import com.pmease.gitop.web.component.avatar.AvatarImage.AvatarImageType;
|
||||
import com.pmease.gitop.web.util.WicketUtils;
|
||||
|
||||
public class PageSpec {
|
||||
|
||||
@ -14,7 +14,7 @@ import org.apache.wicket.model.AbstractReadOnlyModel;
|
||||
import com.google.common.collect.ImmutableList;
|
||||
import com.pmease.gitop.core.model.User;
|
||||
import com.pmease.gitop.core.permission.ObjectPermission;
|
||||
import com.pmease.gitop.web.common.component.link.UserAvatarLink;
|
||||
import com.pmease.gitop.web.component.link.UserAvatarLink;
|
||||
import com.pmease.gitop.web.model.UserModel;
|
||||
import com.pmease.gitop.web.page.AbstractLayoutPage;
|
||||
import com.pmease.gitop.web.page.account.setting.password.AccountPasswordPage;
|
||||
|
||||
@ -1,34 +1,26 @@
|
||||
<html xmlns:wicket>
|
||||
<wicket:extend>
|
||||
<div class="container">
|
||||
<h3>Upload Test</h3>
|
||||
<h2>Messenger Test</h2>
|
||||
<div class="btn btn-group">
|
||||
<a class="btn btn-info" wicket:id="ajaxinfo">ajax info</a>
|
||||
<a class="btn btn-danger" wicket:id="ajaxerror">ajax error</a>
|
||||
<a class="btn btn-success" wicket:id="ajaxsuccess">ajax success</a>
|
||||
</div>
|
||||
<p></p>
|
||||
|
||||
<form>
|
||||
<div id="dropzone" class="fade well">Drop files here</div>
|
||||
<input type="file" name="file" id="fileupload" />
|
||||
</form>
|
||||
|
||||
<a id="sub" class="btn btn-default">Click me</a>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
Messenger.options = {
|
||||
extraClasses: 'messenger-fixed messenger-on-top messenger-on-right',
|
||||
theme: 'flat'
|
||||
}
|
||||
|
||||
$('#sub').click(function() {
|
||||
Messenger().post({
|
||||
message: "Your request has passed",
|
||||
type: 'success',
|
||||
showCloseButton: true
|
||||
});
|
||||
});
|
||||
|
||||
vex.defaultOptions.className = 'vex-theme-wireframe';
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<h3>Flat UI Form</h3>
|
||||
<form class="custom-form" wicket:id="form">
|
||||
<div wicket:id="check"></div>
|
||||
|
||||
<wicket:container wicket:id="group">
|
||||
<wicket:container wicket:id="radio">
|
||||
<wicket:container wicket:id="element"></wicket:container>
|
||||
</wicket:container>
|
||||
</wicket:container>
|
||||
|
||||
<button class="btn btn-primary" wicket:id="btn">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
</wicket:extend>
|
||||
</html>
|
||||
|
||||
@ -1,5 +1,20 @@
|
||||
package com.pmease.gitop.web.page.home;
|
||||
|
||||
import org.apache.wicket.ajax.AjaxRequestTarget;
|
||||
import org.apache.wicket.ajax.markup.html.AjaxLink;
|
||||
import org.apache.wicket.markup.html.form.Form;
|
||||
import org.apache.wicket.markup.html.form.RadioGroup;
|
||||
import org.apache.wicket.markup.html.list.ListItem;
|
||||
import org.apache.wicket.markup.html.list.ListView;
|
||||
import org.apache.wicket.model.Model;
|
||||
import org.apache.wicket.model.PropertyModel;
|
||||
|
||||
import com.google.common.collect.ImmutableList;
|
||||
import com.pmease.gitop.web.common.component.messenger.Messenger;
|
||||
import com.pmease.gitop.web.common.component.vex.AjaxConfirmButton;
|
||||
import com.pmease.gitop.web.common.component.vex.VexLinkBehavior.VexIcon;
|
||||
import com.pmease.gitop.web.common.form.flatcheckbox.FlatCheckBoxElement;
|
||||
import com.pmease.gitop.web.common.form.flatradio.FlatRadioElement;
|
||||
import com.pmease.gitop.web.page.AbstractLayoutPage;
|
||||
|
||||
public class HomePage extends AbstractLayoutPage {
|
||||
@ -11,11 +26,61 @@ public class HomePage extends AbstractLayoutPage {
|
||||
return "Gitop - Home";
|
||||
}
|
||||
|
||||
@SuppressWarnings("serial")
|
||||
@Override
|
||||
protected void onInitialize() {
|
||||
super.onInitialize();
|
||||
|
||||
// add(new BookmarkablePageLink<>("accountLink", AccountHomePage.class, AccountHomePage.paramsOf(Gitop.getInstance(UserManager.class).getRootUser())));
|
||||
// add(new BookmarkablePageLink<>("projectLink", ProjectHomePage.class, ProjectHomePage.paramsOf(Gitop.getInstance(ProjectManager.class).load(1L))));
|
||||
|
||||
add(new AjaxLink<Void>("ajaxinfo") {
|
||||
|
||||
@Override
|
||||
public void onClick(AjaxRequestTarget target) {
|
||||
Messenger.info("ajax info clicked").execute(target);;
|
||||
}
|
||||
});
|
||||
|
||||
add(new AjaxLink<Void>("ajaxerror") {
|
||||
|
||||
@Override
|
||||
public void onClick(AjaxRequestTarget target) {
|
||||
Messenger.error("ajax error clicked").execute(target);;
|
||||
}
|
||||
});
|
||||
|
||||
add(new AjaxLink<Void>("ajaxsuccess") {
|
||||
|
||||
@Override
|
||||
public void onClick(AjaxRequestTarget target) {
|
||||
Messenger.success("ajax success clicked!").execute(target);;
|
||||
}
|
||||
});
|
||||
|
||||
Form<?> form = new Form<Void>("form");
|
||||
add(form);
|
||||
form.add(new FlatCheckBoxElement("check", new PropertyModel<Boolean>(this, "displayed"),
|
||||
Model.of("Displayed screen")));
|
||||
form.add(new AjaxConfirmButton("btn", form, Model.of("Are you want to save this form?")) {
|
||||
@Override
|
||||
protected void onSubmit(AjaxRequestTarget target, Form<?> form) {
|
||||
System.out.println("Here is " + vexIcon);
|
||||
}
|
||||
});
|
||||
|
||||
RadioGroup<VexIcon> group = new RadioGroup<VexIcon>("group", new PropertyModel<VexIcon>(this, "vexIcon"));
|
||||
form.add(group);
|
||||
group.add(new ListView<VexIcon>("radio", ImmutableList.<VexIcon>copyOf(VexIcon.values())) {
|
||||
|
||||
@Override
|
||||
protected void populateItem(ListItem<VexIcon> item) {
|
||||
// item.add(new Radio<VexIcon>("element", item.getModel()));
|
||||
item.add(new FlatRadioElement<VexIcon>("element", item.getModel(), item.getDefaultModelObjectAsString()));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
VexIcon vexIcon = VexIcon.INFO;
|
||||
boolean displayed = true;
|
||||
}
|
||||
|
||||
@ -0,0 +1,18 @@
|
||||
<html xmlns:wicket>
|
||||
<wicket:panel>
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title">Modal title</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>One fine body…</p>
|
||||
<p wicket:id="sen"></p>
|
||||
<a class="btn btn-primary" wicket:id="submit">Submit</a>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-primary">Save changes</button>
|
||||
</div>
|
||||
</wicket:panel>
|
||||
</html>
|
||||
@ -0,0 +1,32 @@
|
||||
package com.pmease.gitop.web.page.home;
|
||||
|
||||
import org.apache.wicket.ajax.AjaxRequestTarget;
|
||||
import org.apache.wicket.ajax.markup.html.AjaxLink;
|
||||
import org.apache.wicket.markup.html.basic.Label;
|
||||
import org.apache.wicket.markup.html.panel.Panel;
|
||||
|
||||
import com.pmease.gitop.web.common.component.modal.Modal;
|
||||
import com.pmease.gitop.web.page.BasePage;
|
||||
|
||||
@SuppressWarnings("serial")
|
||||
public class TestPanel extends Panel {
|
||||
|
||||
public TestPanel(String id) {
|
||||
super(id);
|
||||
|
||||
add(new Label("sen", "I love this game"));
|
||||
add(new AjaxLink<Void>("submit") {
|
||||
|
||||
@Override
|
||||
public void onClick(AjaxRequestTarget target) {
|
||||
Modal modal = ((BasePage) getPage()).getModal();
|
||||
modal.hide(target);
|
||||
|
||||
// modal.setContent(new Label(Modal.CONTENT_ID, "I like it"));
|
||||
// modal.show(target);
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,5 +1,6 @@
|
||||
package com.pmease.gitop.web.shiro;
|
||||
|
||||
import org.apache.shiro.SecurityUtils;
|
||||
import org.apache.shiro.authc.AuthenticationException;
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.RestartResponseException;
|
||||
@ -13,6 +14,7 @@ import org.slf4j.LoggerFactory;
|
||||
import com.pmease.gitop.web.GitopSession;
|
||||
import com.pmease.gitop.web.common.form.FeedbackPanel;
|
||||
import com.pmease.gitop.web.common.form.checkbox.CheckBoxElement;
|
||||
import com.pmease.gitop.web.common.form.flatcheckbox.FlatCheckBoxElement;
|
||||
import com.pmease.gitop.web.page.AbstractLayoutPage;
|
||||
import com.pmease.gitop.web.page.PageSpec;
|
||||
import com.pmease.gitop.web.page.account.AccountHomePage;
|
||||
@ -23,7 +25,7 @@ public class LoginPage extends AbstractLayoutPage {
|
||||
private static final Logger logger = LoggerFactory.getLogger(LoginPage.class);
|
||||
|
||||
public LoginPage() {
|
||||
if (isSignedIn()) {
|
||||
if (SecurityUtils.getSubject().isAuthenticated()) {
|
||||
throw new RestartResponseException(getApplication().getHomePage());
|
||||
}
|
||||
}
|
||||
@ -36,7 +38,6 @@ public class LoginPage extends AbstractLayoutPage {
|
||||
add(feedback);
|
||||
}
|
||||
|
||||
|
||||
private class LoginForm extends StatelessForm<Void> {
|
||||
|
||||
public LoginForm(String id) {
|
||||
@ -49,7 +50,8 @@ public class LoginPage extends AbstractLayoutPage {
|
||||
|
||||
add(new TextField<String>("username", new Model<String>()).setRequired(true));
|
||||
add(new PasswordTextField("password", new Model<String>()).setResetPassword(false));
|
||||
add(new CheckBoxElement("rememberme", Model.of(false), "Remember me on this computer"));
|
||||
add(new FlatCheckBoxElement("rememberme", Model.of(false),
|
||||
Model.of("Remember me on this computer")));
|
||||
}
|
||||
|
||||
private Component getUsernameField() {
|
||||
@ -100,8 +102,7 @@ public class LoginPage extends AbstractLayoutPage {
|
||||
*/
|
||||
protected void onAuthenticationException(AuthenticationException ae) {
|
||||
logger.debug("Shiro Subject.login() failed", ae);
|
||||
getUsernameField()
|
||||
.error(getString("loginFailed", null, "Invalid user name and/or password."));
|
||||
getUsernameField().error(getString("loginFailed", null, "Invalid user name and/or password."));
|
||||
}
|
||||
|
||||
/**
|
||||
@ -110,7 +111,9 @@ public class LoginPage extends AbstractLayoutPage {
|
||||
*/
|
||||
protected boolean remember() {
|
||||
CheckBoxElement c = (CheckBoxElement) get("rememberme");
|
||||
return (Boolean) c.getFormComponent().getDefaultModelObject();
|
||||
Boolean b = (Boolean) c.getFormComponent().getDefaultModelObject();
|
||||
System.out.println(b);
|
||||
return b;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -7,108 +7,165 @@ import javax.servlet.http.HttpServletRequest;
|
||||
import javax.servlet.http.HttpServletResponse;
|
||||
|
||||
import org.apache.wicket.Component;
|
||||
import org.apache.wicket.Page;
|
||||
import org.apache.wicket.ajax.AjaxRequestTarget;
|
||||
import org.apache.wicket.core.request.handler.IPageRequestHandler;
|
||||
import org.apache.wicket.protocol.http.servlet.ServletWebRequest;
|
||||
import org.apache.wicket.request.Request;
|
||||
import org.apache.wicket.request.cycle.RequestCycle;
|
||||
import org.apache.wicket.request.http.WebRequest;
|
||||
import org.apache.wicket.request.http.WebResponse;
|
||||
import org.apache.wicket.request.mapper.parameter.PageParameters;
|
||||
import org.apache.wicket.util.string.StringValue;
|
||||
|
||||
import com.google.common.base.Optional;
|
||||
import com.google.common.collect.ImmutableMap;
|
||||
|
||||
public final class WicketUtils {
|
||||
private WicketUtils() {}
|
||||
private WicketUtils() {
|
||||
}
|
||||
|
||||
public static void ajaxAdd(AjaxRequestTarget target, Component component) {
|
||||
if (target != null) {
|
||||
target.add(component);
|
||||
}
|
||||
}
|
||||
public static Optional<Page> getCurrentPage() {
|
||||
Page page = null;
|
||||
if (RequestCycle.get().getActiveRequestHandler() instanceof IPageRequestHandler) {
|
||||
page = (Page) ((IPageRequestHandler) RequestCycle.get().getActiveRequestHandler())
|
||||
.getPage();
|
||||
}
|
||||
|
||||
return Optional.fromNullable(page);
|
||||
}
|
||||
|
||||
public static void appendJavaScript(AjaxRequestTarget target, CharSequence script) {
|
||||
if (target != null) {
|
||||
target.appendJavaScript(script);
|
||||
}
|
||||
}
|
||||
public static Optional<PageParameters> getCurrentPageParameters() {
|
||||
PageParameters params = null;
|
||||
Optional<Page> page = getCurrentPage();
|
||||
if (page.isPresent()) {
|
||||
params = page.get().getPageParameters();
|
||||
}
|
||||
|
||||
return Optional.fromNullable(params);
|
||||
}
|
||||
|
||||
public static boolean isCurrentRequestAjax() {
|
||||
return RequestCycle.get() != null
|
||||
? RequestCycle.get().find(AjaxRequestTarget.class) != null : false;
|
||||
}
|
||||
|
||||
public static HttpServletRequest getHttpServletRequest() {
|
||||
WebRequest request = (WebRequest) RequestCycle.get().getRequest();
|
||||
return (HttpServletRequest) request.getContainerRequest();
|
||||
}
|
||||
private static final String QUERY_STRING_SEPARATOR = "?";
|
||||
public static String getCurrentRequestUrl() {
|
||||
Request request = RequestCycle.get().getRequest();
|
||||
if (!(request instanceof ServletWebRequest)) {
|
||||
throw new IllegalStateException("Cannot be used in a non servlet environment");
|
||||
}
|
||||
|
||||
ServletWebRequest servletWebRequest = (ServletWebRequest) request;
|
||||
StringBuffer currentUrl = servletWebRequest.getContainerRequest().getRequestURL();
|
||||
String queryString = servletWebRequest.getContainerRequest().getQueryString();
|
||||
if (queryString != null) {
|
||||
currentUrl.append(QUERY_STRING_SEPARATOR).append(queryString);
|
||||
}
|
||||
|
||||
return currentUrl.toString();
|
||||
}
|
||||
|
||||
public static void ajaxAdd(AjaxRequestTarget target, Component component) {
|
||||
if (target != null) {
|
||||
target.add(component);
|
||||
}
|
||||
}
|
||||
|
||||
public static HttpServletResponse getHttpServletResponse() {
|
||||
WebResponse response = (WebResponse) RequestCycle.get().getResponse();
|
||||
return (HttpServletResponse) response.getContainerResponse();
|
||||
}
|
||||
public static void appendJavaScript(AjaxRequestTarget target,
|
||||
CharSequence script) {
|
||||
if (target != null) {
|
||||
target.appendJavaScript(script);
|
||||
}
|
||||
}
|
||||
|
||||
public static Cookie getCookie(String cookieName) {
|
||||
return CookieUtils.getCookie(getHttpServletRequest(), cookieName);
|
||||
}
|
||||
public static HttpServletRequest getHttpServletRequest() {
|
||||
WebRequest request = (WebRequest) RequestCycle.get().getRequest();
|
||||
return (HttpServletRequest) request.getContainerRequest();
|
||||
}
|
||||
|
||||
public static String getCookieValue(String cookieName) {
|
||||
return CookieUtils.getCookieValue(getHttpServletRequest(), cookieName);
|
||||
}
|
||||
public static HttpServletResponse getHttpServletResponse() {
|
||||
WebResponse response = (WebResponse) RequestCycle.get().getResponse();
|
||||
return (HttpServletResponse) response.getContainerResponse();
|
||||
}
|
||||
|
||||
static final int SECONDS_PER_DAY = 24 * 60 * 60;
|
||||
|
||||
public static Cookie setCookie(String cookieName, String value) {
|
||||
return setCookie(cookieName, value, "/", SECONDS_PER_DAY * 30);
|
||||
}
|
||||
public static Cookie getCookie(String cookieName) {
|
||||
return CookieUtils.getCookie(getHttpServletRequest(), cookieName);
|
||||
}
|
||||
|
||||
public static Cookie setCookie(String cookieName, String value, String path, int maxAge) {
|
||||
return CookieUtils.setCookie(WicketUtils.getHttpServletRequest(),
|
||||
WicketUtils.getHttpServletResponse(), cookieName, value, maxAge, path);
|
||||
public static String getCookieValue(String cookieName) {
|
||||
return CookieUtils.getCookieValue(getHttpServletRequest(), cookieName);
|
||||
}
|
||||
|
||||
}
|
||||
static final int SECONDS_PER_DAY = 24 * 60 * 60;
|
||||
|
||||
public static void removeCookie(String cookieName) {
|
||||
CookieUtils.invalidateCookie(getHttpServletRequest(), getHttpServletResponse(), cookieName);
|
||||
}
|
||||
public static Cookie setCookie(String cookieName, String value) {
|
||||
return setCookie(cookieName, value, "/", SECONDS_PER_DAY * 30);
|
||||
}
|
||||
|
||||
public static void removeCookie(String cookieName, String path) {
|
||||
CookieUtils.invalidateCookie(getHttpServletRequest(), getHttpServletResponse(), cookieName,
|
||||
path);
|
||||
}
|
||||
public static Cookie setCookie(String cookieName, String value,
|
||||
String path, int maxAge) {
|
||||
return CookieUtils.setCookie(WicketUtils.getHttpServletRequest(),
|
||||
WicketUtils.getHttpServletResponse(), cookieName, value,
|
||||
maxAge, path);
|
||||
|
||||
public static PageParameters newPageParams(String key, Object value) {
|
||||
PageParameters params = new PageParameters();
|
||||
params.add(key, value.toString());
|
||||
return params;
|
||||
}
|
||||
}
|
||||
|
||||
public static PageParameters newPageParams(String key1, String value1, String key2, String value2) {
|
||||
return newPageParams(ImmutableMap.of(key1, value1, key2, value2));
|
||||
}
|
||||
public static void removeCookie(String cookieName) {
|
||||
CookieUtils.invalidateCookie(getHttpServletRequest(),
|
||||
getHttpServletResponse(), cookieName);
|
||||
}
|
||||
|
||||
public static PageParameters newPageParams(String k1, String v1, String k2, String v2, String k3,
|
||||
String v3) {
|
||||
return newPageParams(ImmutableMap.of(k1, v1, k2, v2, k3, v3));
|
||||
}
|
||||
public static void removeCookie(String cookieName, String path) {
|
||||
CookieUtils.invalidateCookie(getHttpServletRequest(),
|
||||
getHttpServletResponse(), cookieName, path);
|
||||
}
|
||||
|
||||
public static PageParameters newPageParams(Map<String, String> map) {
|
||||
PageParameters params = new PageParameters();
|
||||
for (Map.Entry<String, String> each : map.entrySet()) {
|
||||
params.add(each.getKey(), each.getValue());
|
||||
}
|
||||
public static PageParameters newPageParams(String key, Object value) {
|
||||
PageParameters params = new PageParameters();
|
||||
params.add(key, value.toString());
|
||||
return params;
|
||||
}
|
||||
|
||||
return params;
|
||||
}
|
||||
public static PageParameters newPageParams(String key1, String value1,
|
||||
String key2, String value2) {
|
||||
return newPageParams(ImmutableMap.of(key1, value1, key2, value2));
|
||||
}
|
||||
|
||||
public static String getStringParam(PageParameters params, String key, String defaultValue) {
|
||||
StringValue v = params.get(key);
|
||||
if (v == null) return defaultValue;
|
||||
public static PageParameters newPageParams(String k1, String v1, String k2,
|
||||
String v2, String k3, String v3) {
|
||||
return newPageParams(ImmutableMap.of(k1, v1, k2, v2, k3, v3));
|
||||
}
|
||||
|
||||
return v.toString(defaultValue);
|
||||
}
|
||||
public static PageParameters newPageParams(Map<String, String> map) {
|
||||
PageParameters params = new PageParameters();
|
||||
for (Map.Entry<String, String> each : map.entrySet()) {
|
||||
params.add(each.getKey(), each.getValue());
|
||||
}
|
||||
|
||||
public static String getStringParam(PageParameters params, String key) {
|
||||
return getStringParam(params, key, null);
|
||||
}
|
||||
return params;
|
||||
}
|
||||
|
||||
public static int getIntParam(PageParameters params, String key, int defaultValue) {
|
||||
StringValue v = params.get(key);
|
||||
if (v == null) return defaultValue;
|
||||
public static String getStringParam(PageParameters params, String key,
|
||||
String defaultValue) {
|
||||
StringValue v = params.get(key);
|
||||
if (v == null)
|
||||
return defaultValue;
|
||||
|
||||
return v.toInt(defaultValue);
|
||||
}
|
||||
return v.toString(defaultValue);
|
||||
}
|
||||
|
||||
public static String getStringParam(PageParameters params, String key) {
|
||||
return getStringParam(params, key, null);
|
||||
}
|
||||
|
||||
public static int getIntParam(PageParameters params, String key,
|
||||
int defaultValue) {
|
||||
StringValue v = params.get(key);
|
||||
if (v == null)
|
||||
return defaultValue;
|
||||
|
||||
return v.toInt(defaultValue);
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user