バージョン管理 UI について見直しを考えてみる

エントリーの詳細ページの上部の一等地にバージョン管理に関するエリアがあります。この部分を見直したいと考えてみたいと思います。

現状の状況を確認

バージョン管理機能が無い頃に作られたものを、後からバージョン管理機能をオンにすると、以下のような表示になっているようです。

（バージョン管理）ボタンをクリックすると

のような表示になります。

そして、バージョン管理機能がオンな状態で書き始めたエントリーの際には、以下のようになっています。

こちらも、（バージョン管理）ボタンをクリックすると

このような表示になってきます。

問題点を考えてみる

最初にも書いたように一等地に高さ 80px の BOX が居座っております。マージンも含めると 100px メインのコンテンツが下に下がってしまっているのが気になります。

また、ボタンの下にテキスト情報が表示され、ボタンの横のスペースは利用されていません。

このテンプレートは /system/admin/entry/revision-info.html に書かれていますので、そこを修正することで UI を変えていくことが可能です。

その中でも問題の部分は以下の HTML になります。

<!-- BEGIN currentVersion:veil --><!--T-->公開バージョン<!--/T--> : <span class="acms-admin-label acms-admin-label-info">{currentVersion}</span><!-- END currentVersion:veil -->
<!-- BEGIN currentVersionName:veil --><!--T-->表示中のバージョン名<!--/T--> : <b>{currentVersionName}</b><!-- END currentVersionName:veil -->
<!-- BEGIN notExistCurrentVersion -->（<!--T-->公開されているバージョンはありません<!--/T-->）<!-- END notExistCurrentVersion -->

表示中のバージョン名 というテキストが見つかるのに、{currentVersionName} この変数が表示されていない？ 本来は以下のような表示になるベキではないのか？

改善を考えてみる

まずは、表示中のバージョン名 が出ていないのはバグっぽいので、それを修正するところから行います。

1. 表示中のバージョン名を表示

修正すべきファイルは php/ACMS/GET/Admin/Entry/Revision/Current.php になります。RVID に値が入ってなく、$currentRvid にすることで出てくるようになりました。これでいいのかな？

2. ボタンの横に移動して1行に

表示用のテンプレート /system/admin/entry/revision-info.html を修正してみます。

<!-- <hr class="clearHidden" /> -->
<p style="margin:4px 0 0 0;">　〜　</p>

フロート解除している hr タグを消し、少しだけ Style を調整して以下のようにしてみました。本業ではないので style属性で暫定対応で申し訳ありません。

3. 位置を変更する

Entry_Body のテンプレートを修正することで下の方に移動してきました。@include("/admin/entry/action.html") の下に移設すると以下のようになります。

.acms-admin-btn-action-group の margin : 10px; が悪さしているようなので、そこを調整するとキレイに並びます。この2つの BOX を合体してもいいかもしれませんね。

あとは「公開バージョン： (1) 　表示中のバージョン名：作業領域」という表示を、もう少しスマートにしたい。 (1) 作業領域 だけでいいかな。

あとは「公開バージョン： (1) 表示中のバージョン名：作業領域」という表示を、もう少しスマートにしたい。「 (1) 作業領域」だけでいいかな？

「（公開されているバージョンはありません）」は、書かないで何も出さないようにしても大丈夫じゃないだろうか？ 表示をすっきりして完成というところで、改善提案として出してみようと考えています。

最終的には、こんな感じになりました。 いかがでしょうか？

最後に

この php 部分の修正については Ver. 3.1.33 で本体にも反映されることになりそうですが、もう少し調整が必要らしいです。もしかすると承認機能とか使ってる時のこととかを考慮すると、他の対応が必要なのかもしれません。しかし修正されて、より良い製品に、また一歩なっていくハズです。

バージョン管理BOX ( revision-info.html ) については、3.1.x では変わらないと思いますが、3.2.0 では、さらに変わる可能性もあるのでお楽しみに！