<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<$charset>
<$icon>
<title>アップロード画像選択</title>
</head>

<$script src="maachangcomet.js">
<$script src="maachanghtml.js">

<script>

// 画像URL初期化処理.
initImageUrl = function() {
    if( $base.isNull( window.opener ) == false ) {
        window.opener.document.getElementById( "uploadImageId" ).value = "" ;
    }
}

// 画像UPLOAD用Validate.
validate_iamge = function() {
    validate_clear_all_message() ;
    if( validate_no_use( "uploadData","画像ファイルが設定されていません" ) == false ) {
        validate_image( "uploadData","正しい画像ファイル(jpegかgifかpngのどれか)を設定してください" ) ;
    }
    if( is_validate() == false ) {
        document['uploadImageForm'].submit() ;
    }
}

// 画像情報を選択.
insertUrl = function( url ) {
    if( $base.isNull( window.opener ) == false &&
        $base.isNull( window.opener.document ) == false &&
        $base.isNull( window.opener.document.getElementById( "uploadImageId" ) ) == false ) {
        window.opener.document.getElementById( "uploadImageId" ).value = url ;
        changeImage( "uploadImage",url,true ) ;
        window.close() ;
    }
}

// 画像削除処理.
removeImage = function( id,name ) {
    if( confirm( "この画像を削除します。よろしいですか？" ) ) {
        <$if( useString( params['pageNo'] ) )>
            location.href="/owwg/removeImage?id="+encodeURIComponent( id )+"&imgName=" + encodeURIComponent( name )+"&pageNo=" + ${params['pageNo']} ;
        <$else>
            location.href="/owwg/removeImage?id="+encodeURIComponent( id )+"&imgName=" + encodeURIComponent( name ) ;
        <$/endif>
    }
}

</script>

/** 画像リスト一覧. **/
<$server>
var len = 0 ;
if( isNull( lst ) == false ) {
    len = lst.length ;
}
var viewPageingInfo = viewPageing( "/owwg/selectImage",offset,len,
    { id:params['id'] },
    1,null,null,MAX_LIST,10 ) ;
var useLen = len ;
var viewMax = MAX_LIST ;
if( offset + MAX_LIST < len ) {
    useLen = offset + MAX_LIST ;
}
if( len - offset < viewMax ) {
    viewMax = len - offset ;
}

<$/server>

<body bgcolor="#EEEEEE" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" onload="javascript:initImageUrl();" >

/** アップロード最大数を越している場合は画像アップロードを表示しない. **/
<$if( maxUploadImageLength >= len )>
    /** 画像アップロード **/
    <$form.multi action="/owwg/uploadImage" name="uploadImageForm">
    <$ds>
    <$hidden name="id">
    <table border="0" cellpadding="0" cellspacing="0" style="padding: 10px;">
    <tr>
        <td>
            <span style="font-family: arial, verdana, helvetica; font-size: 11px; font-weight: bold;">画像アップロード選択:</span>
            <$error value="uploadData">
            <$success>
            <table width="750" border="0" cellpadding="0" cellspacing="0" style="background-color: #F7F7F7; border: 2px solid #FFFFFF; padding: 5px;">
             <tr>
                <td style="padding-bottom: 2px; padding-top: 0px;" width="360">
                    <$file name="uploadData" size="64" max="260">
                </td>
             </tr>
             <tr>
                <td><$button value="画像アップロード" onclick="validate_iamge()"></td>
             </tr>
            </table>
        </td>
    </tr>
    <$/form>
<$/endif>

<table border="0" cellpadding="0" cellspacing="0" style="padding: 10px;">
<tr>
    <td>
        <span style="font-family: arial, verdana, helvetica; font-size: 11px; font-weight: bold;">選択画像一覧:</span>
        <br>
        <$if( len <= 0 )>
            登録画像は存在しません。
        <$else>
            登録画像件数は${len}件存在します。<BR>
            ${offset+1}件から${offset+viewMax}件まで表示しています。
        <$/endif>
        <br>
        ${viewPageingInfo}
<$for( var i = offset ; i < useLen ; i ++ )>
<br>
<table width="750" border="0" cellpadding="0" cellspacing="0" style="background-color: #cfcfcf; border: 2px solid #FFFFFF; padding: 5px;">
    <tr>
        <td width="100%">
            ${i+1}件目の画像.<br>
            <$svimg src=("/upimg/" + lst[ i ]) border="1">
            <div aligen="center">
                <$button value="登録" onclick=("insertUrl(\"/upimg/" + lst[ i ]+ "\")")>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <$button value="削除" onclick=("removeImage(\""+params['id']+"\",\""+lst[ i ]+"\")")>
            </div>
        </td>
    </tr>
</table>
<$/for>
    <br>
    ${viewPageingInfo}
    </td>
</tr>


</body>
</html>

