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 * QRCODE ｴﾃﾞｨﾀｰは jsQR.js を利用した、ｶﾒﾗ映像からQRｺｰﾄﾞを読み込むｸﾗｽです。 029 * 読み込んだ文字列は、ﾃｷｽﾄｴﾘｱに書き出します。 030 * 031 * 基本的な構造は、ｶﾒﾗ映像描画開始ﾎﾞﾀﾝ、映像表示領域(video)、textarea で構成されます。 032 * 映像表示領域(video)に、有効なQRｺｰﾄﾞが表示されると、ｽｷｬﾝを停止して、ﾃｷｽﾄｴﾘｱに 033 * 文字列を表示します。現在は、5秒後に、再ｽｷｬﾝを始めます。その際に、なにかQRｺｰﾄﾞが見つかると 034 * 新しいｺｰﾄﾞに書き換えます。 035 * 036 * <button type="button" id="vidStart" onclick="videoStart();qrScan();" >Video Start</button><br> 037 * <video id="player" autoplay style="background-color: black;" ></video> 038 * <textarea name="≪ｶﾗﾑ名≫" id="outdata" rows="10" cols="80"> </textarea> 039 * 040 * script に CDNｻｰﾋﾞｽ を使うと、無線環境(iPad等)ではものすごく遅くなったため、ﾛｰｶﾙに配置することにします。 041 * <script src="https://cdn.jsdelivr.net/npm/jsqr@latest/dist/jsQR.min.js"><!-- --></script> 042 * 043 * script は jsQR.min.js を使います。現在、1画面1つしかｶﾒﾗは使えません。 044 * これらは、使用する画面に、組み込んでください。 045 * <script src="{@SYS.JSP}/common/option/jsQR.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_QRCODE extends AbstractEditor { 059public class Editor_QRCODE 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 + "jsQR.min.js' ><!-- --></script>" 067// + CR + "<script src='" + JSP_OPT + "videocamera.js' ><!-- --></script>" ; 068 069 private static final String BASE_HTML = 070 "<button type='button' id='vidStart' onclick='videoStart();qrScan();' >Video Start</button><br>" 071 + CR + "<video id='player' autoplay style='background-color: black;' ></video>" ; 072 073// 8.5.6.1 (2024/03/29) 継承元と同じなので削除 074// /** 列1 */ protected String cols1; 075// /** 列2 */ protected String cols2; 076// /** 行1 */ protected String rows1; 077// /** 行2 */ protected String rows2; 078 079 /** 080 * ﾃﾞﾌｫﾙﾄｺﾝｽﾄﾗｸﾀｰ。 081 * このｺﾝｽﾄﾗｸﾀｰで、基本ｵﾌﾞｼﾞｪｸﾄを作成します。 082 * 083 * @og.rev 7.4.2.1 (2021/05/21) 新規作成 084 * 085 */ 086 public Editor_QRCODE() { super(); } // これも、自動的に呼ばれるが、空のﾒｿｯﾄﾞを作成すると警告されるので、明示的にしておきます。 087 088 /** 089 * ｺﾝｽﾄﾗｸﾀｰ。 090 * 091 * @og.rev 7.4.2.1 (2021/05/21) 新規作成 092 * @og.rev 8.5.5.1 (2024/02/29) spotbugs CT_CONSTRUCTOR_THROW(ｺﾝｽﾄﾗｸﾀで、Excweptionを出さない) 093 * @og.rev 8.5.6.1 (2024/03/29) 継承元と同じなので削除 094 * 095 * @param clm DBColumnｵﾌﾞｼﾞｪｸﾄ 096 */ 097 protected Editor_QRCODE( final DBColumn clm ) { 098 super( clm ); 099// final String disabled = clm.isWritable() ? null : "disabled" ; 100// 101// // 8.5.5.1 (2024/02/29) spotbugs CT_CONSTRUCTOR_THROW(ｺﾝｽﾄﾗｸﾀで、Excweptionを出さない) 102//// final int r1 = clm.getTotalSize()/Integer.parseInt(size1) + 1; 103//// rows1 = String.valueOf( r1 ); 104//// 105//// final int r2 = clm.getTotalSize()/Integer.parseInt(size2) + 1; 106//// rows2 = String.valueOf( r2 ); 107// 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_QRCODE( 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 ) ← 多分、cols1 の間違い 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 * ﾘｸｴｽﾄ情報を１つ毎のﾌｨｰﾙﾄﾞで処理できます。 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 * 194 * @return ﾃﾞｰﾀ表示/編集用の文字列 195 * @og.rtnNotNull 196 */ 197 @Override 198 public String getValue( final int row,final String value ) { 199 final String newName = name + HybsSystem.JOINT_STRING + row; 200 201 // TagBufferの連結記述 202// return BASE_HTML 203// + new TagBuffer( "textarea" ) 204// .add( "name" , newName ) 205// .add( "id" , "outdata" ) // ID 固定です。 206// .add( "cols" , cols2 ) 207// .add( "rows" , rows2 ) 208// .add( tagBuffer.makeTag() ) 209// .addBody( value ) 210// .makeTag( row,value ); 211 return BASE_HTML 212 + makeTagBuffer( newName,cols2,rows2 ) 213 .add( "id" , "outdata" ) // ID 固定です。 214 .addBody( value ) 215 .makeTag( row,value ); 216 } 217}