YNU_JEUS/app_home/himed/webapps/com/sampleweb/js/LiveImage.js

/* viewmode
0 : 원본사이즈
1 : 스크린에 꽉차게
2 : 스크린 세로사이즈에 꽉차게
3 : 스크린 가로사이즈에 꽉차게
4 : 스크린 가로/사로 사이즈에 맞춤
*/
var gNewImgeNo  = 100000;
var gIntervalId;
var INTERVAL_TIME = 150;
var gPageInfo;

var gOpenMode = "";


function fFormReady()
{
    document.controls("obj_sumnail").attribute("visibility") = "hidden";
    obj_image.SetDrawMode(true);

//    grup_bottom.attribute("height") = 56;
//    grup_bottom.refresh();

    grd_imgelist.rowheight(1) = 100;

//    for (var i = 0; i < grd_imgelist.cols; i++)
//    {
//        grd_imgelist.colHidden(i) = true;
//    }
    if (gPageInfo == null)
    {
        gPageInfo = new PAGEINFO();
    }

    if (isPopup())
    {
        gPageInfo.fstLevlItemCd = opener.window.javascript.getParameter("fstlevlitemcd");
        gPageInfo.formCd        = opener.window.javascript.getParameter("formcd");
        gPageInfo.formDegnSeq   = opener.window.javascript.getParameter("formdegnseq");
    }
}

function fInitFormByParent()
{
    btn_lookup.visible = true;
}

function fDbClick()
{
    var imgeno = grd_imgelist.colAttribute(grd_imgelist.col, "ref");
    imgeno = imgeno.replace("imge", "");

    var node = instance1.selectSingleNode(gPageInfo.recItemRef + "[degnitemno = '"+imgeno+"']");

    imgeInfo = new IMGE_INFO();
    imgeInfo.imgeno     = node.getXPathString("degnitemno");
    imgeInfo.imgecd     = node.getXPathString("degnitemcd");
    imgeInfo.width      = node.getXPathString("width");
    imgeInfo.height     = node.getXPathString("height");
    imgeInfo.base64     = node.getXPathString("recimge");
    imgeInfo.shape      = node.getXPathString("reccnts");
    imgeInfo.imgenm     = node.getXPathString("degnitemnm");

    gImgeInfo = imgeInfo;
    fClearImge();
    fSetImge();
//    gIntervalId = window.setInterval("fSetImge();", INTERVAL_TIME);
}

function IMGE_INFO()
{
    this.imgeno     = "";
    this.imgecd     = "";
    this.width      = 0;
    this.height     = 0;
    this.base64     = "";
    this.shape      = "";
    this.imgenm     = "";

    this.degnitemlevlno = "";
    this.degnitemlevlcd = "";
    this.colno          = "";
    this.rowno          = "";
}


function fAddImgeList(imgeInfo)
{
    var rowcnt = parseInt(getNodesetCnt(model, gPageInfo.recItemRef)) + 1;
    var path = gPageInfo.recItemRef + "["+rowcnt+"]/#colnm#";

    model.makeValue(path.replace("#colnm#", "width"),           imgeInfo.width);
    model.makeValue(path.replace("#colnm#", "height"),          imgeInfo.height);

    model.makeValue(path.replace("#colnm#", "instcd"),          "");
    model.makeValue(path.replace("#colnm#", "rechistseq"),      "");
    model.makeValue(path.replace("#colnm#", "recitemno"),       "");
    model.makeValue(path.replace("#colnm#", "fstlevlitemcd"),   gPageInfo.fstLevlItemCd);
    model.makeValue(path.replace("#colnm#", "formcd"),          gPageInfo.formCd);
    model.makeValue(path.replace("#colnm#", "formdegnseq"),     gPageInfo.formDegnSeq);
    model.makeValue(path.replace("#colnm#", "degnitemno"),      imgeInfo.imgeno);
    model.makeValue(path.replace("#colnm#", "degnitemcd"),      imgeInfo.imgecd);
    model.makeValue(path.replace("#colnm#", "degnitemkind"),    "IMG");
    model.makeValue(path.replace("#colnm#", "degnitemlevlno"),  imgeInfo.degnitemlevlno);

    model.makeValue(path.replace("#colnm#", "degnitemnm"),      imgeInfo.imgenm);
    model.makeValue(path.replace("#colnm#", "degnitemlevlcd"),  imgeInfo.degnitemlevlcd);
    model.makeValue(path.replace("#colnm#", "rectermcd"),       "");
    model.makeValue(path.replace("#colnm#", "rectermnm"),       "");
    model.makeValue(path.replace("#colnm#", "recitemcd"),       "");
    model.makeNode(path.replace("#colnm#", "reccnts"));
    model.setValue(path.replace("#colnm#", "reccnts"),          imgeInfo.shape, true);
    model.makeValue(path.replace("#colnm#", "unitnm"),          "");
    model.makeNode(path.replace("#colnm#", "recimge"));
    model.setValue(path.replace("#colnm#", "recimge"),         imgeInfo.base64, true);

    model.makeValue(path.replace("#colnm#", "rowno"),           imgeInfo.rowno);
    model.makeValue(path.replace("#colnm#", "colno"),           imgeInfo.colno);

    fAddSumnail(imgeInfo.imgeno, imgeInfo.imgenm, imgeInfo.base64);

    model.refresh();

    grd_imgelist.rebuild();
}

function fAddSumnail(pImgeno, pImgenm, pBase64)
{
    obj_sumnail.SetViewMode(1);
    obj_sumnail.LoadImageBase64(pBase64);

    var colnm = "imge" + pImgeno;
    grd_imgelist.addColumn("ref:" + colnm + ";");
    grd_imgelist.col = grd_imgelist.colref(colnm);

    grd_imgelist.valueMatrix(0, grd_imgelist.col) = pImgenm;
    grd_imgelist.colstyle(grd_imgelist.col, "data", "background-position") = "center";
    grd_imgelist.colstyle(grd_imgelist.col, "data", "border-style") = "none";

    var base64 = obj_sumnail.SaveImageBase64();
    model.setValue("/root/temp/imgelist/" + colnm, base64, true);
    setImageRefInstance("/root/temp/imgelist/" + colnm);

    grd_imgelist.rebuild();
}

function fDelImgeList()
{
    var imgeno = grd_imgelist.colAttribute(grd_imgelist.col, "ref");
    imgeno = imgeno.replace("imge", "");

    if (imgeno == model.getValue("/root/init/selectnode/imgeno"))
    {
        obj_image.LoadImage("");

        model.makeValue("/root/init/selectnode/imgeno", "");
        model.makeValue("/root/init/selectnode/imgenm", "");
        ipt_filenm.refresh();
    }

    model.removeNodeset(gPageInfo.recItemRef + "[degnitemno = '"+imgeno+"']");
    grd_imgelist.deleteColumn(grd_imgelist.col);
}

var gImgeInfo = null;
function fChgViewMode()
{
    if (gImgeInfo != null)
    {
        gImgeInfo.shape = obj_image.GetShapeString();
        fClearImge();
        fSetImge();
    }
}

function fClearImge()
{
    if (model.getValue("/root/init/selectnode/imgeno") != "")
    {
        model.setValue(gPageInfo.recItemRef + "[degnitemno = '"+model.getValue("/root/init/selectnode/imgeno")+"']/reccnts", obj_image.GetShapeString());
    }

    obj_image.DeleteAllShape();
    obj_image.LoadImage("");

//    document.controls("obj_image").attribute("visibility") = "hidden";
//
//    for (var i = 0; i < 2000; i++)
//    {
//    }

}

function fSetImge(imgeInfo)
{
    try
    {
        if (imgeInfo == null)
        {
            imgeInfo = gImgeInfo;
        }

        model.makeValue("/root/init/selectnode/imgeno", imgeInfo.imgeno);
        model.makeValue("/root/init/selectnode/imgenm", imgeInfo.imgenm);
        ipt_filenm.refresh();

        obj_image.SetViewMode(parseInt(model.getValue("/root/init/selectnode/viewmode")));

        if (imgeInfo.base64 == "")
        {
            obj_image.LoadImage(imgeInfo.shape);

            var arrSz = fGetImgeSize();

            imgeInfo.width      = arrSz[0];
            imgeInfo.height     = arrSz[1];
            imgeInfo.base64     = obj_image.SaveImageBase64();
        }
        else
        {
            obj_image.LoadImageBase64(imgeInfo.base64);
            obj_image.SetShapeString(imgeInfo.shape);
        }

//        if (model.getValue("/root/init/selectnode/viewmode") == "0")
//        {
//            document.controls("obj_image").attribute("width") = imgeInfo.width;
//            document.controls("obj_image").attribute("height") = imgeInfo.height;
//        }
//        else
//        {
//            obj_image.attribute("width") = 530;
//            obj_image.attribute("height") = 530;
//        }

        document.controls("obj_image").attribute("visibility") = "visible";
        gImgeInfo = imgeInfo;
    }
    catch (e)
    {
    }

//    if (gIntervalId != null)
//    {
//        window.clearInterval(gIntervalId); 
//    }
}


function fAddImgeByRec()
{
    var std = gPageInfo.recItemRef + "[#iIdx#]/#colnm#";
    var con = "";

    var cnt = getNodesetCnt(model, gPageInfo.recItemRef);

    if (cnt > 0)
    {
        for (var i = 1; i <= cnt; i++)
        {
            con = std.replace("#iIdx#", i);

            fAddSumnail(model.getValue(con.replace("#colnm#", "degnitemno")),
                        model.getValue(con.replace("#colnm#", "degnitemnm")),
                        model.getValue(con.replace("#colnm#", "recimge")));
        }

        model.refresh();
    }
}

function fAddImgeByData(imgecd, imgenm, imgedata)
{
    var imgeInfo = new IMGE_INFO();
    imgeInfo.imgeno     = ++gNewImgeNo;
    imgeInfo.imgecd     = imgecd;
    imgeInfo.imgenm     = imgenm;
    imgeInfo.base64     = imgedata;

    imgeInfo.degnitemlevlcd = gPageInfo.degnItemLevlCd +"."+ imgeInfo.imgecd;
    imgeInfo.degnitemlevlno = parseInt(gPageInfo.degnitemlevlno) + 1;
    imgeInfo.rowno          = "NUIMG";
    imgeInfo.colno          = "MAST";

    fClearImge();

    fSetImge(imgeInfo);

    fAddImgeList(imgeInfo);
}

function fAddImgeByFile(filepath)
{
    var pos = filepath.lastIndexOf("\\");
    var filenm = filepath.substring(pos+1, filepath.length);
    pos = filenm.lastIndexOf(".");
    filenm = filenm.substring(0, pos);

    imgeInfo            = new IMGE_INFO();
    imgeInfo.imgeno     = ++gNewImgeNo;
    imgeInfo.imgecd     = "Z000000001";
    imgeInfo.imgenm     = filenm;
    imgeInfo.shape      = filepath;

    imgeInfo.degnitemlevlcd = gPageInfo.degnItemLevlCd +"."+ imgeInfo.imgecd;
    imgeInfo.degnitemlevlno = parseInt(gPageInfo.degnitemlevlno) + 1;
    imgeInfo.rowno          = "NUIMG";
    imgeInfo.colno          = "FILE";

    fClearImge();

    fSetImge(imgeInfo);

    fAddImgeList(gImgeInfo);
//    gIntervalId = window.setInterval("fSetImge();", INTERVAL_TIME);
}

function fGetImgeSize()
{
    var sz = obj_image.GetImageSize();
    var arrSz = sz.split("|");

    return arrSz;
}

function fColorClicked()
{
    var ctrl = document.controls(event.target);
    var color = ctrl.attribute("background-color");
    var clickbtn = model.getValue("/root/init/selectnode/colorbt");
    
    if(color == "transparent")
    {
        color = "";
    }
    if(clickbtn == "btn_bgcolor")
    {
        obj_image.SetShapeStyle("background-color", color);
    }
    else if(clickbtn == "btn_fontcolor")
    {
        obj_image.SetShapeStyle("color", color);
    }
    else if(clickbtn == "btn_linecolor")
    {
        obj_image.SetShapeStyle("border-color", color);
    }

    colorpicker.attribute("visibility") = "hidden"
}

function fConfirm()
{
    if (model.getValue("/root/init/selectnode/imgeno") != "")
    {
    	//임시코드 - annotation이 추가되었는지를 파악하기 위해 
        //'>'의 개수를 센다. ('>'가 2개 이하이면 annotation이 없는것으로 간주)
        var strShp = obj_image.GetShapeString();  
        /*alert(strShp);
        alert(getSrchStrCnt(strShp, ">"));      
        if(getSrchStrCnt(strShp, ">") <= 2)
        {
            
    		}
    		else
    		{   */         
        	model.setValue(gPageInfo.recItemRef + "[degnitemno = '"+model.getValue("/root/init/selectnode/imgeno")+"']/reccnts", strShp);
       	//}
    }
    
    var cnt = getNodesetCnt(model, gPageInfo.recItemRef);
    for(var i = cnt - 1; i >= 0; i--)
    {
        var strAnnotation = model.getValue(gPageInfo.recItemRef + "[" + (i + 1) + "]/reccnts");
        if(getSrchStrCnt(strAnnotation, ">") <= 2)
        {
            model.removeNode(gPageInfo.recItemRef + "[" + (i + 1) + "]");
    		}
    }

    parent.window.javascript.fConfirm(gPageInfo.fstLevlItemCd);
}