Added PgwModal library

This commit is contained in:
MIZUNE Pine
2014-10-14 07:49:02 +09:00
parent bba33bcb0b
commit c28d632b41
2 changed files with 77 additions and 0 deletions
+34
View File
@@ -0,0 +1,34 @@
/// <reference path="pgwmodal.d.ts" />
var $j: JQueryStatic;
var $z: ZeptoStatic;
function test_open(): void {
var r: boolean = $j.pgwModal({
content: 'Modal Example 1'
});
$j.pgwModal({
target: '#modalContent',
title: 'Modal title 2',
maxWidth: 800
});
$j.pgwModal({
url: 'modal-test.php',
loadingContent: '<span style="text-align:center">Loading in progress</span>',
closable: false,
titleBar: false
});
}
function test_action(): void {
var r1: boolean = $j.pgwModal('close');
var r2: boolean = $j.pgwModal('reposition');
var r3: boolean = $j.pgwModal('isOpen');
var r4: any = $j.pgwModal('getData');
}
function test_equal(): void {
$j.pgwModal == $z.pgwModal;
}
+43
View File
@@ -0,0 +1,43 @@
// Type definitions for PgwModal 2.0
// Project: http://pgwjs.com/pgwmodal/
// Definitions by: Pine Mizune <https://github.com/pine613>
// Definitions: https://github.com/borisyankov/DefinitelyTyped
interface PgwModalOption {
content?: string;
target?: string;
url?: string;
title?: string;
titleBar?: boolean;
mainClassName?: string;
backdropClassName?: string;
maxWidth?: number;
angular?: boolean;
modalData?: any;
ajaxOptions?: any;
closable?: boolean;
closeContent?: string;
closeOnEscape?: boolean;
closeOnBackgroundClick?: boolean;
loadingContent?: string;
errorContent?: string;
pushContent?: string;
}
interface PgwModalMethod {
(option: PgwModalOption): boolean;
(action: string): any;
(action: "close"): boolean;
(action: "reposition"): boolean;
(action: "getData"): any;
(action: "isOpen"): boolean;
}
interface ZeptoStatic {
pgwModal: PgwModalMethod;
}
interface JQueryStatic {
pgwModal: PgwModalMethod;
}