parent
0a82e8674f
commit
043d548872
@ -0,0 +1,6 @@
|
|||||||
|
/// <reference path="../../includes.d.ts" />
|
||||||
|
declare module Configs {
|
||||||
|
function customAlert(title: any, content: any, func: any, cancel: any, focus: any, icon: any): void;
|
||||||
|
function create_mask(): void;
|
||||||
|
function remove(): void;
|
||||||
|
}
|
@ -0,0 +1,5 @@
|
|||||||
|
/// <reference path="../../includes.d.ts" />
|
||||||
|
/// <reference path="kubernetesHelpers.d.ts" />
|
||||||
|
declare module Kubernetes {
|
||||||
|
function customAlert(title: any, content: any, func: any, cancel: any, focus: any, icon: any): void;
|
||||||
|
}
|
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 2.8 KiB |
@ -0,0 +1,122 @@
|
|||||||
|
/// <reference path="../../includes.ts"/>
|
||||||
|
module Configs{
|
||||||
|
export function customAlert(title, content, func, cancel, focus, icon){
|
||||||
|
/*
|
||||||
|
自定义 alert框
|
||||||
|
title :
|
||||||
|
text :
|
||||||
|
func :
|
||||||
|
cancel:
|
||||||
|
focus :
|
||||||
|
icon :
|
||||||
|
*/
|
||||||
|
icon = "../../../new/images/msgbox_" + icon + ".png";
|
||||||
|
create_mask();
|
||||||
|
var temp = "<div class=\"custom-alert\" >"
|
||||||
|
+ "<div class=\"custom-alert-title\">" + title + "</div>"
|
||||||
|
+ "<table class=\"custom-alert-body\"><tr><td class=\"custom-alert-td\"><img src=\""
|
||||||
|
+ icon + "\" class=\"custom-alert-img\"></td>"
|
||||||
|
+ "<td ><div calss=\"custom-alert-content\">"
|
||||||
|
+ content + "</div></td></tr></table>"
|
||||||
|
+ "<div class=\"custom-alert-bottom\"><input type='button' "
|
||||||
|
+ " class=\"custom-alert-ok\" value='确认' id=\"msgconfirmb\" onclick=\"Configs.remove();"
|
||||||
|
+ func + ";\">";
|
||||||
|
if (null != cancel) {
|
||||||
|
temp += " <input type='button' class=\"custom-alert-cancel\" onClick='Configs.remove()'>";
|
||||||
|
}
|
||||||
|
temp += "</div></div>";
|
||||||
|
|
||||||
|
create_msgbox(400, 200, temp);
|
||||||
|
|
||||||
|
if (focus == 0 || focus == "0" || null == focus) {
|
||||||
|
document.getElementById("msgconfirmb").focus();
|
||||||
|
} else if (focus == 1 || focus == "1") {
|
||||||
|
document.getElementById("msgcancelb").focus();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function get_width() {
|
||||||
|
return (document.body.clientWidth + document.body.scrollLeft);
|
||||||
|
}
|
||||||
|
|
||||||
|
function get_height() {
|
||||||
|
return (document.body.clientHeight + document.body.scrollTop);
|
||||||
|
}
|
||||||
|
|
||||||
|
function get_left(w) {
|
||||||
|
var bw = document.body.clientWidth;
|
||||||
|
var bh = document.body.clientHeight;
|
||||||
|
w = parseFloat(w);
|
||||||
|
return (bw / 2 - w / 2 + document.body.scrollLeft);
|
||||||
|
}
|
||||||
|
|
||||||
|
function get_top(h) {
|
||||||
|
var bw = document.body.clientWidth;
|
||||||
|
var bh = document.body.clientHeight;
|
||||||
|
h = parseFloat(h);
|
||||||
|
return (bh / 2 - h / 2 + document.body.scrollTop);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function create_mask() {
|
||||||
|
var mask = document.createElement("div");
|
||||||
|
mask.id = "mask";
|
||||||
|
mask.style.position = "absolute";
|
||||||
|
mask.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=4,opacity=25)";
|
||||||
|
mask.style.opacity = "0.4";
|
||||||
|
mask.style.background = "black";
|
||||||
|
mask.style.top = "0px";
|
||||||
|
mask.style.left = "0px";
|
||||||
|
mask.style.width = get_width() + "px";
|
||||||
|
mask.style.height = get_height() + "px";
|
||||||
|
mask.style.zIndex = "1000000000";
|
||||||
|
document.body.appendChild(mask);
|
||||||
|
}
|
||||||
|
|
||||||
|
function create_msgbox(w, h, t) {
|
||||||
|
var box = document.createElement("div");
|
||||||
|
box.id = "msgbox";
|
||||||
|
box.style.position = "absolute";
|
||||||
|
box.style.width = w + "px";
|
||||||
|
box.style.height = h + "px";
|
||||||
|
box.style.overflow = "visible";
|
||||||
|
box.innerHTML = t;
|
||||||
|
box.style.zIndex = "1000000001";
|
||||||
|
document.body.appendChild(box);
|
||||||
|
re_pos();
|
||||||
|
}
|
||||||
|
|
||||||
|
function re_mask() {
|
||||||
|
var mask = document.getElementById("mask");
|
||||||
|
if (null == mask) return;
|
||||||
|
mask.style.width = get_width() + "px";
|
||||||
|
mask.style.height = get_height() + "px";
|
||||||
|
}
|
||||||
|
|
||||||
|
function re_pos() {
|
||||||
|
var box = document.getElementById("msgbox");
|
||||||
|
if (null != box) {
|
||||||
|
var w = box.style.width;
|
||||||
|
var h = box.style.height;
|
||||||
|
box.style.left = get_left(w) + "px";
|
||||||
|
box.style.top = get_top(h) + "px";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function remove() {
|
||||||
|
var mask = document.getElementById("mask");
|
||||||
|
var msgbox = document.getElementById("msgbox");
|
||||||
|
if (null == mask && null == msgbox) return;
|
||||||
|
document.body.removeChild(mask);
|
||||||
|
document.body.removeChild(msgbox);
|
||||||
|
}
|
||||||
|
|
||||||
|
function re_show() {
|
||||||
|
re_pos();
|
||||||
|
re_mask();
|
||||||
|
}
|
||||||
|
|
||||||
|
function load_func() {
|
||||||
|
window.onresize = re_show;
|
||||||
|
window.onscroll = re_show;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in new issue