{"version":3,"file":"mk_msgbox.bundle.js","sources":["webpack:///src/mk-msgbox-component.vue"],"sourcesContent":["<template>\n    <div v-if=\"boxshow\" class=\"boxshow\"> <!-- background -->\n        <div id=\"popup-messagebox\"> <!--window -->\n            <div :class=\"'message ' + icon_class\" v-html=\"message_html\"></div>\n            <div v-if=\"message2\" v-html=\"message2_html\" class=\"message2\">\n\n            </div>\n            <div v-for=\"(button, index) in buttons\">\n                <a v-on:click=\"okButton(button.action, button.url)\" :class=\"button.class\" >\n                    <i v-if=\"button.is_icon\" :class=\"button.icon\"></i>\n                    {{ button.msg }}\n                </a>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    //v-if=\"boxshow\"\n    import EventBus from './event-bus';\n    export default {\n        name: \"msgbox-component\",\n        data: function(){\n            return {\n                boxshow: false,\n                type: '',       // error, warn, info, close\n                message : null,\n                message2 : null,\n                buttons: [],    //連想配列がはいる。action=ok,link  msg=ボタン名, icon=iconのcssクラス, class=ボタンのcss, url=actionがlinkの場合に利用\n                icon_class: '',\n                message_html: '',\n                message2_html: '',\n                default_button_title: 'OK',\n            }\n        },\n        created: function() {\n            EventBus.$on('msgbox', function (type, message, buttons, message2=null) {\n\n                if (this.type == 'close'){\n                    this.boxshow = false;\n                    return;\n                }\n\n                this.boxshow = true;\n                this.type = type;\n                this.message = message;\n                this.message2 = message2;\n                this.buttons = buttons;\n\n\n                switch (this.type) {\n                    case 'error': this.icon_class = 'attention'; break;\n                    case 'warn': this.icon_class = 'warning'; break;\n                    case 'info': this.icon_class = 'info'; break;\n                }\n\n                this.message_html = '';\n                if (Array.isArray(this.message)) {\n                    this.message.forEach(function(val){\n                        this.message_html += val + \"<br/>\";\n                    }.bind(this));\n                } else {\n                    this.message_html = this.message;\n                }\n\n                this.message2_html = '';\n                if (Array.isArray(this.message2)) {\n                    this.message2.forEach(function(val){\n                        this.message2_html += val + \"<br/>\";\n                    }.bind(this));\n                } else {\n                    this.message2_html = this.message2;\n                }\n\n                buttons.forEach(function(val,index,ar){\n                    if (!ar[index].msg) {\n                        ar[index].msg = this.default_button_title;\n                    }\n                    if (ar[index].icon){\n                        ar[index].is_icon = true;\n                    } else {\n                        ar[index].is_icon = false;\n                    }\n                    if (!ar[index].url){\n                        ar[index].url = '';\n                    }\n                    if (!ar[index].class){\n                        ar[index].class = 'btnTypeLink1'\n                    }\n                }.bind(this))\n                console.log(buttons);\n\n            }.bind(this));\n        },\n        beforeDestroy: function() {\n            // EventBus イベントのアンバインド\n            EventBus.$off('msgbox');\n        },\n        methods: {\n            okButton: function(action, url) {\n                this.boxshow = false;\n                switch (action){\n                    case 'ok':\n                        break;\n                    case 'link':\n                        location.href = url;\n                        break;\n                    // case 'reload': location.reload();break;\n                    // case 'replace':\n                    //     location.replace(this.url);break;\n                }\n            }\n        }\n    }\n</script>\n\n\n\n\n// WEBPACK FOOTER //\n// src/mk-msgbox-component.vue"],"mappings":"AAmBA","sourceRoot":""}