おやじプログラマー日記

ログイン時の管理操作ボタンの中に、ブログID、カテゴリーIDを指定したボタンを設置する方法のその２です。

デバッグ作業でカテゴリーを削除したり、作成したりしているうちに、カテゴリーIDが変わってしまうことがあります。
そうすると、テンプレートの中で固定値でIDを記述してあると、入力でのカテゴリーの表示が意図しないものになります。

これを解消するには、ブログID及びカテゴリーIDをブログコード及びカテゴリーコードで取得する様なプライベートなモジュールを作成し それを%{BID} %{CID} に置き換えることです。

以下は操作ボタンの記述部分を抜粋します。

<!-- BEGIN insert --> <form action="" method="post" class="adminBtn"> <input type="submit" name="ACMS_POST_2GET" value="エントリー作成" /> <input type="hidden" name="admin" value="entry-edit" /> <input type="hidden" name="bid" value="<!-- BEGIN_MODULE Private_GetBlogId --><!-- END_MODULE Private_GetBlogId -->" /> <input type="hidden" name="cid" value="<!-- BEGIN_MODULE Private_GetCategoryId --><!-- END_MODULE Private_GetCategoryId -->" /> </form><!-- END insert --><!-- BEGIN moblog -->
モジュール Private_GetBlogId Private_GetCategoryId はディレクトリ php/ACMS/GET の下に Private を作成し、 その中に GetBlogId.php GetCategoryId.php として作成します。

以下に、GetBlogId.php を示します。このモジュールは、直接ablog-cmsのテーブルを参照していますので これをお使いの場合は十分に注意して下さい。
<?php require_once ACMS_LIB_DIR.'GET.php'; class ACMS_GET_Private_GetBlogId extends ACMS_GET { function get() { $DB  = DB::singleton(dsn()); //ブログＩＤ取得SQL $s = ""; $s .= " select blog_id"; $s .= " from acms_blog"; //テーブルのPrifixは"acms"とインストール時に指定 $s .= " where blog_code = 'blog'"; //仮にブログコードは"blog" $s .= " limit 0,1"; $blogId = $DB->query($s, 'one'); if ($blogId == "") { $blogId = 1; //仮にデータが取得できない場合 } //ＩＤそのものの文字列を返す return $blogId; } } ?> 以下に、GetCategoryId.php を示します。このモジュールは、直接ablog-cmsのテーブルを参照していますので これをお使いの場合は十分に注意して下さい。
<?php require_once ACMS_LIB_DIR.'GET.php'; class ACMS_GET_Private_GetCategoryId extends ACMS_GET { function get() { $DB  = DB::singleton(dsn()); //ブログＩＤ取得SQL $s = ""; $s .= " select blog_id"; $s .= " from acms_blog"; $s .= " from acms_blog"; //テーブルのPrifixは"acms"とインストール時に指定 $s .= " where blog_code = 'blog'"; //仮にブログコードは"blog" $s .= " limit 0,1"; $blogId = $DB->query($s, 'one'); if ($blogId == "") { $blogId = 1; //仮にデータが取得できない場合 } //カテゴリーＩＤ取得SQL $s = ""; $s .= " select category_id"; $s .= " from acms_category"; $s .= " where category_blog_id = " . $blogId; $s .= " and   category_code = 'cat1'"; //仮にカテゴリーは"cat1" $s .= " limit 0,1"; $categoryId = $DB->query($s, 'one'); if ($categoryId == "") { $categoryId = 1; //仮にデータが取得できない場合 } //カテゴリーＩＤそのものの文字列を返す return $categoryId; } } ?>

今日のTIPSは、ログイン時の管理操作ボタンの中に、ブログID、カテゴリーIDを指定し最初からブログとカテゴリーが選択された状態での ブログ入力になる様にボタンを設置する方法です。

管理操作ボタンはthemes/system/admin/action.htmlが元になるファイルで、これを自分のテーマのadminディレクトリにコピーします。
（themes/自分のテーマ/admin/）
以下は元のaction.htmlの管理操作ボタンの抜粋です。

<!-- BEGIN_MODULE Admin_ActionMenu --> <div id="adminBox" class="clearfix"> <p id="loginUserStatus"> User : {name} [<a href="/bid/%{SBID}/uid/%{SUID}/admin/user_edit/">プロフィール</a>]<!-- BEGIN status#trial --> / <strong>トライアル版 有効期限</strong> : {expire}<!-- END status#trial --><!-- BEGIN status#limited --> / <strong>期間限定ライセンス</strong> : {expire}<!-- END status#limited --><!-- BEGIN status#endtrial --> / トライアル期間が終了しました。<!-- END status#endtrial --><!-- BEGIN status#endlimited --> / 期間限定ライセンスが終了しました。<!-- END status#endlimited --> </p> <!-- BEGIN insert --> <form action="" method="post" class="adminBtn"> <input type="submit" name="ACMS_POST_2GET" value="エントリー作成" /> <input type="hidden" name="admin" value="entry-edit" /> <input type="hidden" name="bid" value="%{BID}" /> <input type="hidden" name="cid" value="%{CID}" /> </form><!-- END insert --><!-- BEGIN moblog --> 上のformタグで囲まれた部分を、それぞれ該当するブログID、カテゴリーIDに書き換えて以下の様にすれば個別のブログ入力になります。
<!-- BEGIN insert --> <form action="" method="post" class="adminBtn"> <input type="submit" name="ACMS_POST_2GET" value="ブログ１・カテゴリ１の登録" /> <input type="hidden" name="admin" value="entry-edit" /> <input type="hidden" name="bid" value="1" /> <input type="hidden" name="cid" value="1" /> </form> <form action="" method="post" class="adminBtn"> <input type="submit" name="ACMS_POST_2GET" value="ブログ１・カテゴリ２の登録" /> <input type="hidden" name="admin" value="entry-edit" /> <input type="hidden" name="bid" value="1" /> <input type="hidden" name="cid" value="2" /> </form> <form action="" method="post" class="adminBtn"> <input type="submit" name="ACMS_POST_2GET" value="ブログ２・カテゴリ３の登録" /> <input type="hidden" name="admin" value="entry-edit" /> <input type="hidden" name="bid" value="2" /> <input type="hidden" name="cid" value="3" /> </form> <!-- END insert --><!-- BEGIN moblog -->

フォームオプションの正規表現で全角カタカナかどうかをチェックする方法です。

前回の正規表現で｛｝をHTMLに出力したい場合には、｛｝の前に￥マークを付けるというのがありましたが、 今回は正規表現の中で￥マークは出てきますが、｛｝とは関係ないため、￥マークを2回以上記述する必要はありません。

<input name="kana" type="text" value="{kana}" class="formSizeHarf" /> <input type="hidden" name="field[]" value="kana" /> <input type="hidden" name="kana:converter" value="KC" /> <input type="hidden" name="kana:validator#required" /> <input type="hidden" name="kana:validator#regex" value="^(\xe3(\x82[\xa1-\xbf]|\x83[\x80-\xb6]|\x83[\xbb-\xbe]|\x80\x80)|\xe3\x82\x9b)+$" /><br /> <!-- BEGIN kana:validator#required --> <p class="emSection">フリガナを入力してください。</p><!-- END kana:validator#required --> <!-- BEGIN kana:validator#regex --> <p class="emSection">全角カタカナで入力してください。</p><!-- END kana:validator#regex -->

フォームオプションの正規表現でのチェックの時に使うのが、validator#regexです。 これの設定の仕方ですが、ablog-cmsのサイトには以下の様な例が記されています。

<input type="hidden" name="tel:v#regex" value="\d\{2,4\}-\d\{2,4\}-\d\{4\}" />
ここで入力しているのは電話番号ですから、正規表現としては「\d{2,4}-\d{2,4}-\d{4}」となります。 しかしこのままですと、｛｝の部分がローカル変数の指定になるため、エスケープ処理として｛｝の前に￥（円マーク）を 付加している様です。 ￥マークを付けないと、｛｝の部分が空白でHTMLが出力され、以下の様になってしまいます。

<input type="hidden" name="tel:v#regex" value="\d-\d-\d" />
このエスケープ処理ですが、どこで行われるのかと考えたのですが、どうもモジュール処理を展開するときに行っているようです。 但し、モジュールの処理の入れ子があった場合には以下の様に、モジュール処理の回数分￥マークを付けないとうまく正規表現がHTMLに変換されません。 それぞれのエスケープ処理で、￥マークが1個ずつはずされていく様です。 実際、内部の動きがどうなっているかは、その結果としてのHTMLを見るしかないので、この説明であっているかは定かではありません。 この辺りは、マニュアルには記載が無いので説明をお願いしたいものです。

<!-- BEGIN_MODULE Entry_Body --><!-- BEGIN entry:loop --> ・・・中略・・・ <!-- BEGIN_MODULE Form --> <input name="phone" type="text" value="{tel}" size="20" /> <input type="hidden" name="field[]" value="tel" /> <input type="hidden" name="tel:v#regex" value="\d\\{2,4\\}-\d\\{2,4\\}-\d\\{4\\}" /> <!-- END_MODULE Form --> ・・・中略・・・ <!-- END entry:loop --><!-- END_MODULE Entry_Body -->

最近システムをディレクトリごと移行したときに、ブログの入力をしていて気が付いたのですが、画像を入力したら以下の様なエラーが表示されました。

Warning: getimagesize(archives/001/201005/4bed13044a9c6.jpg) [function.getimagesize]:
failed to open stream: No such file or directory in /usr/local/httpd-2.2.2/htdocs/ablogcms

「ファイルが無いか、そんなディレクトリは在りません」とのエラーが表示されているようですが
「archives/001/201005/」のディレクトリは在るし、どうしたのかと思っていましたが、ディレクトリの書込み属性を設定を調べてみたら、不可になっていたのでした。
これに許可を与えると、問題なく画像ファイルは書き込まれました。

「a-blog cms」もgetimagesize関数をコールする前に、アップロードされたファイルを「archives/001/201005/」ディレクトリにコピーするはずなので、そこでエラーが出ればより分かりやすいのですが。

今回はエントリーの中に画像のカスタムフィールドを持って、Entry_Bodyのなかでその画像データの有無により、画像表示ページのリンクを表示／非表示の制御を行うところでちょっとドジを踏んでしまいました。
以下にその顛末を記します。

<!-- BEGIN_MODULE Entry_Body --> <!-- BEGIN entry:loop --> <!-- BEGIN column:veil --> <!-- BEGIN img1@path:veil --> <a href="%{HOME_URL}acms://bid/1/eid/{entry:loop.eid}/tpl/photo1.html/">写真1</a> <!-- END img1@path:veil --> <!-- END column:veil --> <!-- END entry:loop --> <!-- END_MODULE Entry_Body -->

「img1@path」をBEGIN,ENDの中で使用せずにかつ「entry:loop.eid」を利用すると「img1@path」が無いにもかかわらず行が生成される。
これは、いくらveilで制御しても、「entry:loop.eid」にはデータが存在するをため、行が生成されてしまう様です。

「entry:loop.eid」を利用をやめて以下のようにしても、今度は全く行が生成されない「img1@path」をBEGIN,ENDの中で使用していないので、当然と言えばそうでしょうが。

<!-- BEGIN img1@path:veil --> <a href="%{HOME_URL}acms://bid/1/eid/<!-- BEGIN_MODULE Private_GetEntryId --><!-- END_MODULE Private_GetEntryId -->/tpl/photo1.html/">写真1</a> <!-- END img1@path:veil --> <?php require_once ACMS_LIB_DIR.'GET.php'; class ACMS_GET_Private_GetEntryId extends ACMS_GET { var $_scope = array( 'eid'       => 'global', ); function get() { return $this->eid;     } } ?>

それで仕方なく、テンプレートの後ろにGET変数を無理やりつける形で、「img1@path」を使用すると、ほしかった制御になった。

<!-- BEGIN_MODULE Entry_Body --> <!-- BEGIN entry:loop --> <!-- BEGIN column:veil --> <!-- BEGIN img1@path:veil --> <a href="%{HOME_URL}acms://bid/1/eid/<!-- BEGIN_MODULE Private_GetEntryId --><!-- END_MODULE Private_GetEntryId -->/tpl/photo1.html?fn={img1@path}/">写真1</a> <!-- END img1@path:veil --> <!-- END column:veil --> <!-- END entry:loop --> <!-- END_MODULE Entry_Body -->

WYSIWYGエディタで改行を入れるとタグが生成されるが、これを<br />に変えたいと言う要求がありまして、少し調べました。 WYSIWYGエディタは「ckeditor」と言うものを利用している様で、この環境を設定できるスクリプトが a-blog cmsのディレクトリ内にありました。それを変更してやれば目的のことができる様です。 そのスクリプトファイルはjs/ckeditor/config.jsで、以下に内容を記します。

/* Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or http://ckeditor.com/license */ CKEDITOR.editorConfig = function( config ) { // Define changes to default configuration here. For example: // config.language = 'fr'; // config.uiColor = '#AADC6E'; };

デフォルトの環境を変えるのは「例」の様にしなさい、と書いてあるので早速「enterMode」を変えてみました。 結果は望んでいたようになりました。

/* Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or http://ckeditor.com/license */ CKEDITOR.editorConfig = function( config ) { // Define changes to default configuration here. For example: // config.language = 'fr'; // config.uiColor = '#AADC6E'; //UPDATE config.enterMode = CKEDITOR.ENTER_BR; config.resize_enabled = false; config.width = '340px'; };

CKEDITORの環境については以下のページを参照して下さい。

http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html

各ビルトインモジュールを使ったり、フォームでのカラムデータやカスタムフィールドデータを校正するときに 同じ変数を２箇所で使うときには注意が必要です。 例えば、エントリーに「inputdata」というカスタムフィールドが登録されているとして、以下の様にテンプレートに記述すると 「inputdata1」は思ったものが「value」に設定されますが、「inputdata2」は「inputdata1」と同じ内容になってしまいます。

<input type="hidden" name="inputdata1" value="{inputdata}[raw|nl2br]" /> <input type="hidden" name="inputdata2" value="{inputdata}[raw]" />

この2行をいれかえて以下の様にすれば、「inputdata2」には改行が「<br />」に変換されずに設定されます。

<input type="hidden" name="inputdata2" value="{inputdata}[raw]" /> <input type="hidden" name="inputdata1" value="{inputdata}[raw|nl2br]" />
この挙動から考えて、「a-blog cms」は上から順次テンプレート処理を行うとき、同じフィールド名を使うときには 最初に施された校正結果をそのまま持ってきて使うようです。

「前回の記事で、「現在ページ」／「MAXページ」の表示を行う方法について掲載する．．．」
というようなことを載せていましたので、それの回答です。

先ずは、テンプレートファイルの抜粋から以下に示します。
テンプレートの中でプライベートな関数を使用していますが、この部分には最初｛page｝としていましたが
ページ数が1ページしかない場合には、ページャの｛page｝変数には「a-blog cms」からデータが設定されてきません。
（これは「a-blog cms」マニュアルのビルトインモジュールの変数表を見れば、pager:veil が点線で囲まれているので当然と言えばそうなのですが、ページが1ページしかなければページャの必要が無いということでしょう）

それで、このテンプレートページに渡されてくる、ページNOをプライベート関数で拾うことにしました。この関数は、テンプレートの後に載せておきます。

尚、このテンプレートで使用しているモジュールIDは「searchResults」と宣言していますが、これのコンフィグの設定は以下の様な値にしてあります。
「前後に表示するページ数」を「０」にしないと今回の目的に適応しません。

後、「javascript」がありますが、最終ページになった場合に{lastPage}の値が設定されずNULLになってしまうのでそれを補正するためのものです。

<!-- BEGIN_MODULE Entry_Summary id="searchResults" --> <!-- BEGIN pager:veil --> <p><span class="Snumber">{itemsAmount}</span>件のデータが見つかりました</p> <span id="pagecurrent"><!-- BEGIN_MODULE Private_GetSearchPage --><!-- END_MODULE Private_GetSearchPage --></span>/ <span id="pageamax"><!-- BEGIN lastPage:veil -->{lastPage}<!-- END lastPage:veil --></span>ページ <!-- END pager:veil --> <!-- END_MODULE Entry_Summary --> <script type="text/javascript"> <!-- //ページ数がNULLの場合は、現在ページNOを設定 if(document.getElementById){ if (document.getElementById("pageamax").innerHTML == "") { document.getElementById("pageamax").innerHTML = document.getElementById("pagecurrent").innerHTML; } } // --> </script>
現在のページに渡されてきたページNOを取得する関数。
<?php require_once ACMS_LIB_DIR.'GET.php'; class ACMS_GET_Private_GetSearchPage extends ACMS_GET { var $_scope = array( 'page' => 'global',     ); function get() { return $this->page; } } ?>
「現在ページ」／「MAXページ」の表示のために、これだけ面倒なのもどうかと思うのですが、 クライアントが要求するため仕方ありません。 これらの方法よりも良いものがありましたら、だれか教えて頂けないでしょうか。

私が「a-blog cms」でサイトを構築していく上で、戸惑ったり悩んだりしたことをＴＩＰＳとして載せていきます。

今回は最初として、モジュール「Entry_Summary」を利用した場合に、ページャを上下２ヶ所に設置する方法を記します。
方法は簡単で、「Entry_Summary」モジュール等を２回利用し、それぞれの中で「pager:veil」の処理を記述します。

<!-- BEGIN_MODULE Entry_Summary id="searchResults" --> <!-- BEGIN notFound --><p>記事が見つかりませんでした。</p><!-- END notFound --> <!-- ▲▲▲　一覧の上のページャ　▲▲▲　--> <!-- BEGIN pager:veil --> <p> 全 {itemsAmount} 件中 {itemsFrom} ～ {itemsTo} 件目を表示 <!-- BEGIN page:loop --><!-- BEGIN link#front --><a href="{url}"><!-- END link#front -->{page}<!-- BEGIN link#rear --></a><!-- END link#rear --><!-- BEGIN glue -->, <!-- END glue --><!-- END page:loop --> <!-- BEGIN lastPage:veil --> ...<a href="{lastPageUrl}">{lastPage}</a><!-- END lastPage:veil --> </p> <p> <!-- BEGIN backLink --><a href="{url}">« 前の{backNum}件</a><!-- END backLink --> <!-- BEGIN forwardLink --><a href="{url}">次の{forwardNum}件 »</a><!-- END forwardLink --> </p> <!-- END pager:veil --> <!-- BEGIN unit:loop --> <!-- BEGIN entry:loop -->   ...　中略　... <!-- END entry:loop --> <!-- END unit:loop --> <!-- END_MODULE Entry_Summary --> <!-- ▲▲▲　一覧の下のページャ　▲▲▲　--> <!-- BEGIN_MODULE Entry_Summary id="searchResults" --> <!-- BEGIN pager:veil --> <p> 全 {itemsAmount} 件中 {itemsFrom} ～ {itemsTo} 件目を表示 <!-- BEGIN page:loop --><!-- BEGIN link#front --><a href="{url}"><!-- END link#front -->{page}<!-- BEGIN link#rear --></a><!-- END link#rear --><!-- BEGIN glue -->, <!-- END glue --><!-- END page:loop --> <!-- BEGIN lastPage:veil --> ...<a href="{lastPageUrl}">{lastPage}</a><!-- END lastPage:veil --> </p> <p> <!-- BEGIN backLink --><a href="{url}">« 前の{backNum}件</a><!-- END backLink --> <!-- BEGIN forwardLink --><a href="{url}">次の{forwardNum}件 »</a><!-- END forwardLink --> </p> <!-- END pager:veil --> <!-- END_MODULE Entry_Summary -->
（基本的な記述は、「アップルップル」さんのマニュアルより引用しています）
尚、この例の中では、モジュールIDとして「searchResults」の名称を定義しています。

ところで、「a-blog cms」のページャなのですが、全体のページの中でどの位置にあるかを示すような「現在ページ」／「MAXページ」の表示ができない様です。
これを解消するにはJavaScriptで何とかするしかないようです。この方法については後日、掲載します。