001/* 002 * Copyright (c) 2009 The openGion Project. 003 * 004 * Licensed under the Apache License, Version 2.0 (the "License"); 005 * you may not use this file except in compliance with the License. 006 * You may obtain a copy of the License at 007 * 008 * http://www.apache.org/licenses/LICENSE-2.0 009 * 010 * Unless required by applicable law or agreed to in writing, software 011 * distributed under the License is distributed on an "AS IS" BASIS, 012 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 013 * either express or implied. See the License for the specific language 014 * governing permissions and limitations under the License. 015 */ 016package org.opengion.plugin.column; 017 018// import org.opengion.hayabusa.db.AbstractEditor; 019import org.opengion.hayabusa.db.CellEditor; 020import org.opengion.hayabusa.db.DBColumn; 021// import org.opengion.fukurou.util.XHTMLTag; 022import org.opengion.hayabusa.common.HybsSystem; 023// import org.opengion.fukurou.util.Attributes; 024// import org.opengion.fukurou.util.StringUtil; 025// import org.opengion.fukurou.util.TagBuffer; 026 027/** 028 * OCR1 ｴﾃﾞｨﾀｰは tesseract.js を利用した File API で取り込んだｲﾒｰｼﾞを 029 * 文字に変換して ﾃｷｽﾄｴﾘｱに書き出すｸﾗｽです。 030 * 031 * 基本的な構造は、FilaAPI、画像表示用 img、進捗(progressbar)、textarea で構成されます。 032 * textarea の name 以外は、固定です。よって、各ﾍﾟｰｼﾞに、1つしか設定できません。 033 * 034 * <input type="file" name="imgfile" id="imgfile" accept="image/*" 035 * onchange="readOCR(this)" ><br> 036 * <img id="preview" ><br> 037 * <progress id="progressbar" max="1" value="0" > </progress><br> 038 * <textarea name="≪ｶﾗﾑ名≫" id="outdata" rows="10" cols="80" > </textarea> 039 * 040 * script に CDNｻｰﾋﾞｽ を使うと、無線環境(iPad等)ではものすごく遅くなったため、ﾛｰｶﾙに配置することにします。 041 * <script src="https://unpkg.com/tesseract.js"><!-- --></script> 042 * 043 * script は、tesseract.min.js を使います。現在、1画面1つしかｶﾒﾗは使えません。 044 * これらは、使用する画面に、組み込んでください。 045 * <script src="{@SYS.JSP}/common/option/tesseract.min.js"><!-- --></script> 046 * <script src="{@SYS.JSP}/common/option/videocamera.js"><!-- --></script> 047 * 048 * を使用するﾍﾟｰｼﾞに設定します。 049 * 050 * @og.rev 7.4.2.1 (2021/05/21) 新規作成 051 * @og.rev 8.5.6.1 (2024/03/29) Editor_TEXTAREA を継承します。 052 * @og.group ﾃﾞｰﾀ編集 053 * 054 * @version 7.4 055 * @author Kazuhiko Hasegawa 056 * @since JDK11.0, 057 */ 058// public class Editor_OCR1 extends AbstractEditor { 059public class Editor_OCR1 extends Editor_TEXTAREA { 060 /** このﾌﾟﾛｸﾞﾗﾑのVERSION文字列を設定します。 {@value} */ 061 private static final String VERSION = "8.5.6.1 (2024/03/29)" ; 062 063// // 7.4.2.2 (2021/05/28) ｼｽﾃﾑ定数のJSPを使用します。(※ SYS.JSP + SYS.IMAGE_DIR) 064// private static final String JSP_OPT = HybsSystem.sys( "JSP" ) + "/option/" ; 065 066// private static final String JS_SRC = "<script src='" + JSP_OPT + "tesseract.min.js' ><!-- --></script>" 067// + CR + "<script src='" + JSP_OPT + "videocamera.js' ><!-- --></script>" ; 068 069 // 8.5.3.0 (2023/09/08) HTML5廃止対応 progress要素から min='0' 削除 070 private static final String BASE_HTML = 071 "<input type='file' name='imgfile' id='imgfile' accept='image/*' onchange='readOCR(this)' ><br>" 072 + CR + "<img id='preview' ><br>" 073 + CR + "<progress id='progressbar' max='1' value='0' > </progress><br>" ; 074 075// /** 検索時の列数1 */ protected String cols1; 076// /** 検索時の行数1 */ protected String rows1; 077// /** 登録時の列数2 */ protected String cols2; 078// /** 登録時の行数2 */ protected String rows2; 079 080 /** 081 * ﾃﾞﾌｫﾙﾄｺﾝｽﾄﾗｸﾀｰ。 082 * このｺﾝｽﾄﾗｸﾀｰで、基本ｵﾌﾞｼﾞｪｸﾄを作成します。 083 * 084 * @og.rev 7.4.2.1 (2021/05/21) 新規作成 085 * 086 */ 087 public Editor_OCR1() { super(); } // これも、自動的に呼ばれるが、空のﾒｿｯﾄﾞを作成すると警告されるので、明示的にしておきます。 088 089 /** 090 * ｺﾝｽﾄﾗｸﾀｰ。 091 * 092 * @og.rev 7.4.2.1 (2021/05/21) 新規作成 093 * @og.rev 8.5.5.1 (2024/02/29) spotbugs CT_CONSTRUCTOR_THROW(ｺﾝｽﾄﾗｸﾀで、Excweptionを出さない) 094 * @og.rev 8.5.6.1 (2024/03/29) 継承元と同じなので削除 095 * 096 * @param clm DBColumnｵﾌﾞｼﾞｪｸﾄ 097 */ 098 protected Editor_OCR1( final DBColumn clm ) { 099 super( clm ); 100// final String disabled = clm.isWritable() ? null : "disabled" ; 101// 102// // 8.5.5.1 (2024/02/29) spotbugs CT_CONSTRUCTOR_THROW(ｺﾝｽﾄﾗｸﾀで、Excweptionを出さない) 103//// final int r1 = clm.getTotalSize()/Integer.parseInt(size1) + 1; 104//// rows1 = String.valueOf( r1 ); 105//// 106//// final int r2 = clm.getTotalSize()/Integer.parseInt(size2) + 1; 107//// rows2 = String.valueOf( r2 ); 108// final int totalSize = clm.getTotalSize(); // 8.5.5.1 (2024/02/29) 109// rows1 = RowSizeUtil.getRowSize( totalSize,size1 ); // 8.5.5.1 (2024/02/29) 110// rows2 = RowSizeUtil.getRowSize( totalSize,size2 ); // 8.5.5.1 (2024/02/29) 111// 112// // size に、"rows,cols" を指定できるように変更 113// final String param = StringUtil.nval( clm.getEditorParam(),clm.getViewLength() ); 114// if( param != null && param.length() != 0 ) { 115// final int st = param.indexOf( ',' ); 116// if( st > 0 ) { 117// rows1 = param.substring( 0,st ); 118// rows2 = rows1; 119// cols1 = param.substring( st+1 ); 120// cols2 = cols1; 121// } 122// } 123// 124// // size1,size2 を使わずに、cols1,cols2 を使用。 125// if( cols1 == null || cols2 == null ) { 126// cols1 = size1; 127// cols2 = size2; 128// } 129// 130// // Attributesの連結記述 131// attributes = new Attributes() 132// .set( "disabled" , disabled ) 133// .set( clm.getEditorAttributes() ) // #addAttributes( Attributes ) の代替え 134// .add( "class" , clm.getDbType() ); 135// 136// tagBuffer.add( XHTMLTag.textareaAttri( attributes ) ); 137 } 138 139 /** 140 * 各ｵﾌﾞｼﾞｪｸﾄから自分のｲﾝｽﾀﾝｽを返します。 141 * 自分自身をｷｬｯｼｭするのか、新たに作成するのかは、各ｻﾌﾞｸﾗｽの実装に 142 * まかされます。 143 * 144 * @og.rev 7.4.2.1 (2021/05/21) 新規作成 145 * 146 * @param clm DBColumnｵﾌﾞｼﾞｪｸﾄ 147 * @return CellEditorｵﾌﾞｼﾞｪｸﾄ 148 * @og.rtnNotNull 149 */ 150 public CellEditor newInstance( final DBColumn clm ) { 151 return new Editor_OCR1( clm ); 152 } 153 154 /** 155 * ﾃﾞｰﾀの編集用文字列を返します。 156 * 157 * @og.rev 7.4.2.1 (2021/05/21) 新規作成 158 * @og.rev 8.5.6.1 (2024/03/29) Editor_TEXTAREA を継承します。 159 * 160 * @param value 入力値 161 * @return ﾃﾞｰﾀの編集用文字列 162 * @og.rtnNotNull 163 */ 164 @Override 165 public String getValue( final String value ) { 166 // TagBufferの連結記述 167// return BASE_HTML 168// + new TagBuffer( "textarea" ) 169// .add( "name" , name ) 170// .add( "id" , "outdata" ) // ID 固定です。 171// .add( "cols" , cols2 ) 172// .add( "rows" , rows2 ) 173// .add( tagBuffer.makeTag() ) 174// .addBody( value ) 175// .makeTag(); 176 return BASE_HTML 177 + makeTagBuffer( name,cols1,rows1 ) 178 .add( "id" , "outdata" ) // ID 固定です。 179 .addBody( value ) 180 .makeTag(); 181 } 182 183 /** 184 * name属性を変えた、ﾃﾞｰﾀ表示/編集用のHTML文字列を作成します。 185 * ﾃｰﾌﾞﾙ上の name に 行番号を付加して、名前_行番号 で登録するｷｰを作成し、 186 * ﾘｸｴｽﾄ情報を1つ毎のﾌｨｰﾙﾄﾞで処理できます。 187 * 188 * @og.rev 7.4.2.1 (2021/05/21) 新規作成 189 * @og.rev 8.5.6.1 (2024/03/29) Editor_TEXTAREA を継承します。 190 * 191 * @param row 行番号 192 * @param value 入力値 193 * @return ﾃﾞｰﾀ表示/編集用の文字列 194 * @og.rtnNotNull 195 */ 196 @Override 197 public String getValue( final int row,final String value ) { 198 final String newName = name + HybsSystem.JOINT_STRING + row; 199 200// // TagBufferの連結記述 201// return BASE_HTML 202// + new TagBuffer( "textarea" ) 203// .add( "name" , newName ) 204// .add( "id" , "outdata" ) // ID 固定です。 205// .add( "cols" , cols2 ) 206// .add( "rows" , rows2 ) 207// .add( tagBuffer.makeTag() ) 208// .addBody( value ) 209// .makeTag( row,value ); 210 211 return BASE_HTML 212 + makeTagBuffer( newName,cols2,rows2 ) 213 .add( "id" , "outdata" ) // ID 固定です。 214 .addBody( value ) 215 .makeTag( row,value ); 216 } 217}