user_era_create.tmplt

Go to the documentation of this file.

<?php
/**
 * @link      https://datagram.co.jp/source/bksj for the canonical source repository
 * @copyright Copyright (c) 2006-2019 Datagram Ltd. (https://datagram.co.jp)
 * @license   https://datagram.co.jp/source/bksj/license.txt
 */

$view  = $ctrl->view;
$bid   = $ctrl->bid;
$basic = $ctrl->basic;

$ymd = $view->strDate(date('Y/m/d'));
?>
<script type="text/javascript">

    var my = {

        errmsg: null,
        ans:    null,
        next:   null,
        func:   null,
        act:    null,
        v_ymd:  null,
        v_era:  null,
        v_abr:  null,

        gotoNext: function(func, act) {
            this.func.val(func);
            this.act.val(act);
            this.next.submit();
            return false;
        },

        check: function() {

            $.ajax({
                url:   '<?= $base ?>',
                type:  'post',
                async: false,
                data:  {
                    'func':   'UserEra',
                    'act':    'check',
                    'insert': 1,
                    'ymd':    this.v_ymd.val(),
                    'era':    this.v_era.val(),
                    'abr':    this.v_abr.val(),
                    'eod':    ''
                }
            })
            .done((data) => {
                eval("this.ans = " + data);
            })
            .fail((data) => {
                this.ans = {"sts": "NG", "err": "ajax error"};
            });

            return this.ans.sts;
        },

        regist: function() {

            var msg = '';

            if (!confirm("登録しますか？")) {
                return false;
            }

            if (this.check() == 'NG') {

                for (var i in this.ans.err) {
                    msg += this.ans.err[i] + '<br>';
                }

                this.errmsg.html(msg);
                return false;
            }

            $.ajax({
                url:   '<?= $base ?>',
                type:  'post',
                async: false,
                data:  {
                    'func':   'UserEra',
                    'act':    'regist',
                    'insert': 1,
                    'bid':    '<?= $bid ?>',
                    'ymd':    this.v_ymd.val(),
                    'era':    this.v_era.val(),
                    'abr':    this.v_abr.val(),
                    'eod':    ''
                }
            })
            .done((data) => {
                eval("this.ans = " + data);
            })
            .fail((data) => {
                this.ans = {"sts": "NG", "err": "ajax error"};
            });

            if (this.ans.sts == 'NG') {
                this.errmsg.html(this.ans.err);
                return false;
            }

            this.gotoNext('UserEra');

            return false;
        },

        init: function() {
            this.errmsg = $('#errmsg');
            this.next   = $('#next');
            this.func   = $('#func');
            this.act    = $('#act');
            this.v_ymd  = $('#v_ymd');
            this.v_era  = $('#v_era');
            this.v_abr  = $('#v_abr');

            this.v_ymd.datepicker();
            this.v_ymd.val('<?= $ymd ?>');
        }
    }

    $(function(){
        my.init();
    });

</script>

<form method="post" name="next" id="next" action="<?= $base ?>">
    <input type="hidden" name="func" id="func">
    <input type="hidden" name="act"  id="act">
</form>

<table id="my_header" width="100%">
    <tr>
        <td>
            &nbsp;<a onclick="return my.gotoNext('UserMenu', '');">メニュー</a>
            &nbsp;&gt;&nbsp;<a onclick="return my.gotoNext('UserEra');">年号</a>
            &nbsp;&gt;&nbsp;新規作成
        </td>
        <td style="text-align: right;">
            <button type="button" class="my_magenta" style="width: 120px;" onclick="return my.gotoNext('Login', '');">ログアウト</button>
        </td>
    </tr>
    <tr>
        <td colspan="2" style="text-align: center;">
            <?= $view->strBasic($basic) ?>
        </td>
    </tr>
</table>

<div style="height: 5px;">&nbsp;</div>

<table width="100%">
    <tr>
        <td align="center">
            <table class="my_table" width="100%">
                <tr>
                    <th class="my_border">年号・新規作成</th>
                </tr>
            </table>

            <div style="height: 1px;">&nbsp;</div><hr>

            <table>
                <tr>
                    <td align="center">
                        <table>
                            <tr>
                               <td style="padding: 8px;">
                                    <button type="button" class="my_cyan" style="width: 100px;" onclick="return my.regist();">登録</button>
                                </td>
                               <td style="width: 80px;">&nbsp;</td>
                               <td>
                                    <button type="button" class="my_magenta" style="width: 100px;" onclick="return my.gotoNext('UserEra');">戻る</button>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>

            <div style="height: 1px;">&nbsp;</div><hr>

            <div style="height: 8px;">&nbsp;</div>

            <table class="my_table">
                <tr>
                    <td colspan="2"><div id="errmsg" class="my_red"></div></td>
                </tr>
                <tr>
                    <td colspan="2">&nbsp;</td>
                </tr>
                <tr>
                    <th class="my_border" style="width: 100px; text-align: right;">
                        開始日
                    </th>
                    <td class="my_border">
                        <input type="text" id="v_ymd">
                    </td>
                </tr>
                <tr>
                    <th class="my_border" style="width: 100px; text-align: right;">
                        名称
                    </th>
                    <td class="my_border">
                        <input style="width: 100px; text-align: left;" maxlength="8" type="text" id="v_era">
                    </td>
                </tr>
                <tr>
                    <th class="my_border" style="width: 100px; text-align: right;">
                        略語
                    </th>
                    <td class="my_border">
                        <input style="width: 100px; text-align: left;" maxlength="4" type="text" id="v_abr">
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>