{"version":3,"sources":["function/menu.js","component/context/Context.js","component/Form.js","component/Swipe.js","component/Video.js","component/Download.js","component/VideoContent.js","component/Layout.js","index.js"],"names":["menuState","$","click","this","toggleClass","fadeToggle","createContext","Last_name","First_name","Phone","Company","Department","Job_title","Email","Company_size","Email_verification","Phone_verification","data","swipeItem","videoIdx","videoItem","changeVideo","onLastName","onFirstName","onPhone","onCompany","onDept","onJob","onEmail","onScale","valid","download","ChangeEmail","ChangePhone","Provider","Consumer","Form","state","select","value","text","fadeIn","fadeOut","className","onClick","openForm","type","placeholder","onChange","maxLength","name","id","disabled","map","item","checked","htmlFor","Component","SwiperCore","use","Navigation","Pagination","Scrollbar","A11y","Swipe","createPortal","spaceBetween","slidesPerView","navigation","loop","breakpoints","200","967","idx","style","backgroundImage","image","info","href","link","rel","target","document","getElementById","Video","finish","_onReady","event","console","log","_onPlay","setState","setTimeout","pauseVideo","on","props","status","playVideo","hide","opts","playerVars","autoplay","controls","playsinline","videoId","onPlay","onReady","title","Download","downloadBtn","e","preventDefault","fileTitle","fileText","VideoContent","subscribe","Layout","fileLink","_type","getState","_state","test","match","alert","post","result","sendTrack","_id","Pid","Title","Type","window","open","contextValue","render"],"mappings":"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","file":"static/js/main.f7a964d0.chunk.js","sourcesContent":["import $ from 'jquery';\n\nlet menuState = true;\n\n$(\".hamburger\").click(function() {\n    if(!menuState) return;\n    menuState = false;\n    $(this).toggleClass(\"hamburger--active\")\n    $(\".menu\").fadeToggle(function() {\n        menuState = true;\n    })\n})","import { createContext } from 'react';\n\nexport const { Provider, Consumer } = createContext({\n    Last_name: '',\n    First_name: '',\n    Phone: '',\n    Company: '',\n    Department: '',\n    Job_title: '',\n    Email: '',\n    Company_size: '',\n    Email_verification: false,\n    Phone_verification: false,\n    data: '',\n    swipeItem: [],\n    videoIdx: 0,\n    videoItem: [],\n    changeVideo: ()=>{},\n    onLastName: ()=>{},\n    onFirstName: ()=>{},\n    onPhone: ()=>{},\n    onCompany: ()=>{},\n    onDept: ()=>{},\n    onJob: ()=>{},\n    onEmail: ()=>{},\n    onScale: ()=>{},\n    valid: ()=>{},\n    download: ()=>{},\n    ChangeEmail: ()=>{},\n    ChangePhone: ()=>{},\n})\n","import React, { Component, Fragment } from 'react'\n\nimport $ from 'jquery'\n\nimport { Consumer } from './context/Context'\nclass Form extends Component {\n    state = {\n        select: [\n            {\n                value: \"0~500\",\n                text: \"500以下\"\n            },\n            {\n                value: \"501~1000\",\n                text: \"501-1000 人\"\n            },\n            {\n                value: \"1001\",\n                text: \"1001 人以上\"\n            }\n        ]\n    }\n    componentDidMount() {\n        $(\".form\").fadeIn();\n    }\n    componentWillUnmount() {\n        $(\".form\").fadeOut();\n    }\n    render() {\n        const { select } = this.state;\n        return (\n                <Consumer>\n                    {value => (\n                        <Fragment>\n                            <a className=\"form__close\" onClick={() => {value.openForm('')}}><span></span><span></span></a>\n                            <div className=\"form__box\">\n                            <form>\n                                <div className=\"form__info\">\n                                <h2 className=\"title\">填寫表單</h2>\n                                <p className=\"text\">取得 H.I.T 顧問神助攻解答解鎖完整影片與 IBM 關鍵趨勢報告</p>\n                                </div>\n                                <div className=\"form__group half\">\n                                    <input className=\"input\" type=\"text\" placeholder=\"姓⽒\" value={value.Last_name} onChange={value.onLastName}/>\n                                    <input className=\"input\" type=\"text\" placeholder=\"名字\" value={value.First_name} onChange={value.onFirstName}/>\n                                </div>\n                                <div className=\"form__group\">\n                                    <input className=\"input\" type=\"tel\" placeholder=\"電話號碼\" maxLength=\"12\" value={value.Phone} onChange={value.onPhone}/>\n                                </div>\n                                <div className=\"form__group\">\n                                    <input className=\"input\" type=\"text\" placeholder=\"公司\" value={value.Company} onChange={value.onCompany}/>\n                                </div>\n                                <div className=\"form__group\">\n                                    <input className=\"input\" type=\"text\" placeholder=\"部⾨\" value={value.Department} onChange={value.onDept}/>\n                                </div>\n                                <div className=\"form__group\">\n                                    <input className=\"input\" type=\"text\" placeholder=\"職稱\" value={value.Job_title} onChange={value.onJob}/>\n                                </div>\n                                <div className=\"form__group\">\n                                    <input className=\"input\" type=\"email\" placeholder=\"電⼦信箱\" value={value.Email} onChange={value.onEmail}/>\n                                </div>\n                                <div className=\"form__group\">\n                                    <select name=\"group\" className=\"select\" id=\"group\" value={value.Company_size} onChange={value.onScale}>\n                                        <option value=\"0\" disabled>公司規模</option>\n                                        {select.map(item => \n                                            <option key={item.text} value={item.value}>{item.text}</option>\n                                        )}\n                                    </select>\n                                </div>\n                                <div className=\"form__group check\">\n                                    <h3>IBM 得以使⽤我的聯絡⼈資料，以讓我得知產品、服務及供應⽅案的最新資訊</h3>\n                                    <div className=\"box\">\n                                        <div>\n                                            <input type=\"checkbox\" id=\"email\" name=\"email\" value=\"email\" onChange={value.ChangeEmail} checked={value.Email_verification}/>\n                                            <label htmlFor=\"email\">透過電⼦郵件</label>\n                                        </div>\n                                        <div>\n                                            <input type=\"checkbox\" id=\"phone\" name=\"phone\" value=\"phone\" onChange={value.ChangePhone} checked={value.Phone_verification}/>\n                                            <label htmlFor=\"phone\">透過電話</label>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div className=\"form__group\">\n                                    <p>您可以隨時透過傳送電⼦郵件⾄ netsupp@us.ibm.com 來取消接收最新訊息。您也可以透過按⼀下每封此類電⼦郵件中的取消訂閱鏈結來取消訂閱接收⾏銷電⼦郵件。有關我們的處理作業詳細資訊可以在 IBM\n                                            隱私權聲明。提交此表單時，即表⽰我確認我已閱讀並瞭解 IBM 隱私權聲明。</p>\n                                </div>\n                                <div className=\"form__group\">\n                                    <a className=\"submit\" onClick={value.valid}>填寫完畢</a>\n                                </div>\n                            </form>\n                            </div>\n                        </Fragment>\n                    )}\n                </Consumer>\n        )\n    }\n}\n\nexport default Form;","import React, { Component } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport SwiperCore, { Navigation, Pagination, Scrollbar, A11y } from 'swiper';\n\nimport { Swiper, SwiperSlide } from 'swiper/react';\n\nimport { Consumer } from './context/Context'\n\n// Import Swiper styles\nimport 'swiper/swiper.scss';\nimport 'swiper/components/navigation/navigation.scss';\nimport 'swiper/components/pagination/pagination.scss';\nimport 'swiper/components/scrollbar/scrollbar.scss';\n\nSwiperCore.use([Navigation, Pagination, Scrollbar, A11y]);\n\nexport default class Swipe extends Component {\n\n    render() {\n        return createPortal(\n            <Consumer>\n                    {value => (\n                        <Swiper\n                            spaceBetween={30}\n                            slidesPerView={1}\n                            navigation\n                            loop\n                            breakpoints={{\n                                200: {\n                                slidesPerView: 1,\n                                },\n                                967: {\n                                slidesPerView: 3,\n                                },\n                            }}\n                        >\n                        {value.videoItem[value.videoIdx].item.map((item, idx) => \n                            <SwiperSlide key={idx}>\n                                <div className=\"product__img\">\n                                    <div style={{                            \n                                        backgroundImage: `url(${item.image})`\n                                    }}>\n                                    </div>\n                                </div>\n                                <p className=\"product__info\">{item.info}</p>\n                                <a className=\"product__link\" href={item.link} rel=\"noreferrer\" target=\"_blank\">了解更多</a>\n                            </SwiperSlide>\n                        )}\n                </Swiper>\n                )}\n            </Consumer>,\n            document.getElementById(\"swiper\")\n        )\n    }\n}\n","import React, { Component, Fragment } from 'react'\nimport YouTube from 'react-youtube';\nimport { createPortal } from 'react-dom'\n\nimport { Consumer } from './context/Context'\n\nimport $ from 'jquery'\n\nexport default class Video extends Component {\n    state = {\n        finish: true,\n    }\n    componentDidMount() {\n        $(\".video__popup\").hide();\n    }\n\n    _onReady = (event) => {\n        console.log(\"Ready!\")\n    }\n    _onPlay = (event) => {\n        if(!this.state.finish) return;\n        this.setState({\n            finish: false\n        })\n        setTimeout(() => {\n            event.target.pauseVideo();\n            $(\".video__popup\").fadeIn();\n        }, 20000)\n        $(document).on('click', '.submit', () => {\n            if(!this.props.status) {\n                event.target.playVideo(); \n            }\n        })\n    }\n\n    render() {\n        const opts = {\n            playerVars: {\n              autoplay: 0,\n              controls: 1,\n              playsinline: 1\n            },\n        };\n        return createPortal(\n            \n            <Consumer>\n                {value => (\n                    <Fragment>\n                        \n                        <div className=\"video__show\">\n                            <div className=\"video__popup\">\n                                <p>填寫資訊，立即獲得數位轉型關鍵</p>\n                                <p>讓H.I.T.為您神助攻！協助您完成數位轉型最後一哩路！</p>\n                                <a onClick={() => value.openForm(\"V\")}>獲取完整關鍵報告</a>\n                            </div>\n                            <YouTube id=\"videoPlayer\" videoId={value.videoItem[value.videoIdx].id} opts={opts} onPlay={this._onPlay} onReady={this._onReady} />\n                        </div>\n                        <div className=\"video__nav\">\n                            <ul>\n                                {value.videoItem.map((item,idx) => \n                                    <li key={idx} className={item.state} onClick={() => {value.changeVideo(idx)}}\n                                        style={{                            \n                                            backgroundImage: `url(https://img.youtube.com/vi/${item.id}/default.jpg)`\n                                        }}\n                                    >\n                                        <div><p>{item.title}</p></div>    \n                                    </li>\n                                )}\n                            </ul>\n                        </div>\n                    </Fragment>\n                )}\n            </Consumer>\n            ,document.getElementById(\"youtube\")\n        )\n    }\n}\n","import React, { Component, Fragment } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { Consumer } from './context/Context'\n\nexport default class Download extends Component {\n    downloadBtn = (e) => {\n        e.preventDefault();\n        \n    }\n    render() {\n        return createPortal(\n            <Consumer>\n                {value => (\n                    <Fragment>\n                        <h2 className=\"info__title\">{value.videoItem[value.videoIdx].fileTitle}</h2>\n                        <p className=\"info__text\">{value.videoItem[value.videoIdx].fileText}</p>\n                        <a className=\"info__link\" onClick={() => {value.openForm('P')}}>下載關鍵報告</a>\n                    </Fragment>\n                )}\n            </Consumer>\n            ,document.getElementById(\"download\")\n        )\n    }\n}\n","import React, { Component, Fragment } from 'react'\n\nimport { createPortal } from 'react-dom'\nimport { Consumer } from './context/Context'\n\nexport default class VideoContent extends Component {\n    render() {\n        return createPortal(\n            <Consumer>\n                {value => (\n                    <Fragment>\n                        <h2 className=\"info__title\">科技最 H.I.T. <br className=\"break\"/>打破你的數位轉型迷思</h2>\n                        <h3 className=\"info__video\">{value.videoItem[value.videoIdx].title}</h3>\n                        <p className=\"info__text\">\n                            <span>{value.videoItem[value.videoIdx].text}</span>\n                            <span>{value.videoItem[value.videoIdx].subscribe}</span>\n                        </p>\n                    </Fragment>\n                )}\n            </Consumer>\n            ,\n            document.getElementById(\"video\")\n        )\n    }\n}\n","import React, { Component, Fragment } from 'react'\nimport Form from './Form'\nimport Swipe from './Swipe'\nimport Video from './Video'\nimport Download from './Download'\nimport VideoContent from './VideoContent'\n\nimport $ from 'jquery'\n\nimport { Provider } from './context/Context'\n\nclass Layout extends Component {\n    state = {\n        state: false,\n        download: 0,\n        Last_name: '',\n        First_name: '',\n        Phone: '',\n        Company: '',\n        Department: '',\n        Job_title: '',\n        Email: '',\n        Company_size: 0,\n        Email_verification: true,\n        Phone_verification: true,\n        data: '',\n        type: '',\n        swipeItem: [\n            {\n                image: './images/product/1.png',\n                info: '混合雲可擴充伺服器- IBM Power Systems',\n                link: '/#'\n            },\n            {\n                image: './images/product/1.png',\n                info: '混合雲可擴充伺服器- IBM Power Systems',\n                link: '/#'\n            },\n            {\n                image: './images/product/1.png',\n                info: '混合雲可擴充伺服器- IBM Power Systems',\n                link: '/#'\n            },\n            {\n                image: './images/product/1.png',\n                info: '混合雲可擴充伺服器- IBM Power Systems',\n                link: '/#'\n            }\n        ],\n        videoIdx: 0,\n        videoItem: [\n            {\n                id: 'qlcHH6wMaHU',\n                state: '',\n                title: 'AI 氾濫到聽了就想吐｜沒有 IA 就別想著 AI',\n                text: '萬物皆 AI，公司老闆、主管也對人工智慧一頭熱。難道 AI 說有就能有，而且有了 AI 就一切好棒棒？​H.I.T. 真心話，告訴你投資 AI 前要該做的準備有哪些。',\n                subscribe: '點擊下方影片播放鍵，下載「台灣企業AI落地關鍵報告」還有真實案例讓您不走冤枉路，同時看看H.I.T.怎麼說！',\n                item: [\n                    {\n                        image: './images/product/1-1.png',\n                        info: 'AI 時代專用處理器架構- IBM Power System AC922',\n                        link: 'https://www.ibm.com/tw-zh/products/power-systems-ac922'\n                    },\n                    {\n                        image: './images/product/1-2.png',\n                        info: 'AI 時代專用處理器架構- IBM Power System IC922',\n                        link: 'https://www.ibm.com/tw-zh/products/power-system-ic922'\n                    },\n                    {\n                        image: './images/product/1-3.png',\n                        info: '支援AI應用的高效能儲存架構- IBM Spectrum Scale',\n                        link: 'https://www.ibm.com/tw-zh/products/spectrum-scale'\n                    },\n                    {\n                        image: './images/product/1-4.png',\n                        info: '支援AI應用的高效能儲存架構- IBM ESS3000',\n                        link: 'https://www.ibm.com/tw-zh/products/elastic-storage-system'\n                    }\n                ],\n                fileTitle: '邁向企業級人工智慧',\n                fileText: '做到善用組織資料，在企業中發揮跨部門功效，根據深度資料洞察制定更明智的決策。',\n                fileLink: 'https://www.digitimes.com.tw/seminar/IBM_20201116/pdf/%E9%82%81%E5%90%91%E4%BC%81%E6%A5%AD%E7%B4%9A%E4%BA%BA%E5%B7%A5%E6%99%BA%E6%85%A7.pdf'\n            },\n            {\n                id: '03O3HPPwOrk',\n                state: 'new',\n                title: '兼顧新舊設備，企業上雲不再擔心花錢買到爛東西',\n                text: '正思考該如何為公司採購雲端設備嗎？想知道該如何買才能讓公有雲、私有雲間互通？H.I.T. 分享年末購物季，教你該如何正確花錢、買對混合雲組合方案。',\n                subscribe: '點擊下方影片播放鍵，下載「企業混合多雲架構關鍵報告」讓您掌握雲秘訣，同時看看H.I.T.怎麼說！',\n                item: [\n                    {\n                        image: './images/product/2-1.png',\n                        info: '混合雲可擴充伺服器- IBM Power Systems',\n                        link: 'https://www.ibm.com/tw-zh/it-infrastructure/power'\n                    },\n                    {\n                        image: './images/product/2-2.png',\n                        info: '混合雲可擴充伺服器- IBM LinuxONE',\n                        link: 'https://www.ibm.com/tw-zh/it-infrastructure/linuxone'\n                    },\n                    {\n                        image: './images/product/2-3.png',\n                        info: '混合雲儲存架構- FlashSystem5000/7000/9000 系列',\n                        link: 'https://www.ibm.com/tw-zh/it-infrastructure/storage/flash'\n                    },\n                    {\n                        image: './images/product/2-4.png',\n                        info: '混合雲儲存架構- Spectrum Virtualize 儲存軟體',\n                        link: 'https://www.ibm.com/tw-zh/products/spectrum-virtualize-for-public-cloud'\n                    }\n                ],\n                fileTitle: '實現混合式多雲端的承諾',\n                fileText: '讓您的基礎架構在保持永續運行下，亦可彈性擴充、敏捷反應以及符合成本效益，並且確保資料安全。',\n                fileLink: 'https://www.digitimes.com.tw/seminar/IBM_20210104/pdf/%E5%AF%A6%E7%8F%BE%E6%B7%B7%E5%90%88%E5%BC%8F%E5%A4%9A%E9%9B%B2%E7%AB%AF%E7%9A%84%E6%89%BF%E8%AB%BE.pdf'\n            },\n            {\n                id: '',\n                state: 'comingsoon',\n                title: '超全面儲存架構全家桶，一次滿足你所有願望！',\n                text: '採購屬於公司基石的儲存設備，卻總是預算少、好煩惱？H.I.T 告訴你物超所值、超全面的 IBM 儲存架構產品線，提供各種需求所需的高效益數據分析儲存架構！​',\n                subscribe: '點擊下方影片播放鍵，下載「IDC報告」，一次瞭解數位轉型資料與儲存可用性，同時看看H.I.T.怎麼說！',\n                item: [\n                    {\n                        image: './images/product/3-1.png',\n                        info: '混合式快閃記憶體儲存',\n                        link: 'https://www.ibm.com/tw-zh/it-infrastructure/storage/flash'\n                    },\n                    {\n                        image: './images/product/3-2.png',\n                        info: 'SAN 系列儲存',\n                        link: 'https://www.ibm.com/tw-zh/it-infrastructure/storage/san'\n                    },\n                    {\n                        image: './images/product/3-3.png',\n                        info: 'Spectrum Virtualize 儲存軟體',\n                        link: 'https://www.ibm.com/tw-zh/products/spectrum-virtualize-for-public-cloud'\n                    }\n                ],\n                fileTitle: '企業轉型管理高級儲存與資料策略',\n                fileText: '滿足持續成長的業務需求，協助企業提高傳輸，為應用程式的持續增長創造空間並強化資料傳輸效能！',\n                fileLink: 'https://www.digitimes.com.tw/seminar/IBM_20210104/pdf/%E4%BC%81%E6%A5%AD%E8%BD%89%E5%9E%8B%E7%AE%A1%E7%90%86%E9%AB%98%E7%B4%9A%E5%84%B2%E5%AD%98%E8%88%87%E8%B3%87%E6%96%99%E7%AD%96%E7%95%A5.pdf'\n            },\n            {\n                id: '',\n                state: 'comingsoon',\n                title: '協尋好用的手機備份軟體！不怕資料空，只怕空備援',\n                text: '大家耳熟能詳的 ERP，雖然不陌生，但討論區上ERP的問題還是常常都討論得沸沸揚揚，甚至衍伸出EPR的都市傳說？EPR架構到底怎麼選？怎麼組合才最好、最穩定？',\n                subscribe: '點擊下方影片播放鍵，下載「儲存主導Cyber Resilience發展關鍵報告」，資安保護多重要看看H.I.T.怎麼說！',\n                item: [\n                    {\n                        image: './images/product/4-1.png',\n                        info: '資料備份- IBM Spectrum Protect',\n                        link: 'https://www.ibm.com/tw-zh/products/data-protection-and-recovery'\n                    },\n                    {\n                        image: './images/product/4-2.png',\n                        info: '資料歸檔- IBM Spectrum Protect Plus',\n                        link: 'https://www.ibm.com/tw-zh/marketplace/ibm-spectrum-protect-plus'\n                    },\n                    {\n                        image: './images/product/4-3.png',\n                        info: '離線備份-IBM Storage 磁帶機',\n                        link: 'https://www.ibm.com/tw-zh/it-infrastructure/storage/tape/drives'\n                    }\n                ],\n                fileTitle: '資料的新關鍵角色：網路彈性',\n                fileText: '可以在確保業務正常運作下，為 IT 基礎架構的每個層面建立安全保護。',\n                fileLink: 'https://www.digitimes.com.tw/seminar/IBM_20210104/pdf/%E8%B3%87%E6%96%99%E7%9A%84%E6%96%B0%E9%97%9C%E9%8D%B5%E8%A7%92%E8%89%B2%EF%BC%9A%E7%B6%B2%E8%B7%AF%E5%BD%88%E6%80%A7.pdf'\n            },\n            {\n                id: '',\n                state: 'comingsoon',\n                title: '仙女下凡來解惑，IT 人的三大企業 ERP 問題',\n                text: '大家耳熟能詳的 ERP，雖然不陌生，但討論區上ERP的問題還是常常都討論得沸沸揚揚，甚至衍伸出EPR的都市傳說？EPR架構到底怎麼選？怎麼組合才最好、最穩定？',\n                subscribe: '點擊下方影片播放鍵，瞭解企業如何降低50%的維護成本與提高66%生產效率，同時看看H.I.T.怎麼說！',\n                item: [\n                    {\n                        image: './images/product/5-1.png',\n                        info: '資料庫伺服器-SAP HANA on Power 伺服器',\n                        link: 'https://www.ibm.com/tw-zh/it-infrastructure/power/sap-hana'\n                    },\n                    {\n                        image: './images/product/5-2.png',\n                        info: '儲存架構-FlashSystem5000/7000/9000系列',\n                        link: 'https://www.ibm.com/tw-zh/it-infrastructure/storage/flash'\n                    },\n                    {\n                        image: './images/product/5-3.png',\n                        info: '資料備份-IBM Storage 磁帶機',\n                        link: 'https://www.ibm.com/tw-zh/it-infrastructure/storage/tape/drives'\n                    }\n                ],\n                fileTitle: '確保SAP HANA投資發揮效能極限！',\n                fileText: '如何部署發揮新一代ERP-SAPHANA的全部實力，以智能自動化帶來企業成本效益，獲得即時洞察協助決策！',\n                fileLink: 'https://www.digitimes.com.tw/seminar/IBM_20210104/pdf/%E7%A2%BA%E4%BF%9DSAP%20HANA%E6%8A%95%E8%B3%87%E7%99%BC%E6%8F%AE%E6%95%88%E8%83%BD%E6%A5%B5%E9%99%90%EF%BC%81.pdf'\n            }\n        ]\n    }\n\n    changeVideo = (e) => {\n        if(this.state.videoItem[e].id !== \"\") {\n            this.setState({\n                videoIdx: e\n            })\n        }\n    }\n    openForm = (_type) => {\n        this.setState({\n            state: !this.state.state,\n            type: _type\n        })\n        // this.sendTrack(this.state.videoIdx, _type)\n    }\n    onLastName = (e) => {\n        this.setState({\n            Last_name: e.target.value\n        })\n    }\n    onFirstName = (e) => {\n        this.setState({\n            First_name: e.target.value\n        })\n    }\n    onPhone = (e) => {\n        this.setState({\n            Phone: e.target.value\n        })\n    }\n    onCompany = (e) => {\n        this.setState({\n            Company: e.target.value\n        })\n    }\n    onDept = (e) => {\n        this.setState({\n            Department: e.target.value\n        })\n    }\n    onJob = (e) => {\n        this.setState({\n            Job_title: e.target.value\n        })\n    }\n    onEmail = (e) => {\n        this.setState({\n            Email: e.target.value\n        })\n    }\n    onScale= (e) => {\n        this.setState({\n            Company_size: e.target.value\n        })\n    }\n\n    ChangeEmail = () => {\n        this.setState({\n            Email_verification: !this.state.Email_verification\n        })\n    }\n    ChangePhone = () => {\n        this.setState({\n            Phone_verification: !this.state.Phone_verification\n        })\n    }\n    valid = () => {\n        const {\n            Last_name,\n            First_name,\n            Phone,\n            Company,\n            Department,\n            Job_title,\n            Email,\n            Company_size,\n            Email_verification,\n            Phone_verification\n        } = this.state;\n\n        // this.download();\n        // this.sendTrack(this.state.videoIdx, this.state.type);\n\n        const content = 'https://www.digitimes.com.tw/seminar/IBM_20210104/ajax/upload/';\n        let re = /^[0-9]+$/;\n        let emailRule = /^\\w+((-\\w+)|(\\.\\w+))*\\@[A-Za-z0-9]+((\\.|-)[A-Za-z0-9]+)*\\.[A-Za-z]+$/;\n        \n        function getState(_state) {\n            return _state ? \"NOT CHECKED\" : \"CHECKED\"\n        }\n\n        if (!Last_name) {\n            alert(\"請輸入姓氏\");\n        } else if (!First_name) {\n            alert(\"請輸入名字\");\n        } else if (!Email) {\n            alert(\"請輸入電子信箱\");\n        } else if (!Company) {\n            alert(\"請輸入任職公司\");\n        } else if (!Company_size) {\n            alert(\"請輸入公司規模\");\n        } else if (!Department) {\n            alert(\"請輸入公司部門\");\n        } else if (!Job_title) {\n            alert(\"請輸入職稱\");\n        } else if (!re.test(Phone)) {\n            alert(\"請輸入全數字電話格式\");\n        } else if (!emailRule.test(Email)) {\n            alert(\"請輸入正確信箱格式\");\n        } else if (Last_name.match(/\\d+/g) || First_name.match(/\\d+/g)) {\n            alert(\"名稱不得含有數字\");\n        } else {\n            // console.log({\n            //     Last_name,\n            //     First_name,\n            //     Phone,\n            //     Company,\n            //     Department,\n            //     Job_title,\n            //     Email,\n            //     Company_size,\n            //     Email_verification: getState(Email_verification),\n            //     Phone_verification: getState(Phone_verification)\n            // })\t\n            $.post(`${content}`,{\n                Last_name,\n                First_name,\n                Phone,\n                Company,\n                Department,\n                Job_title,\n                Email,\n                Company_size,\n                Email_verification: getState(Email_verification),\n                Phone_verification: getState(Phone_verification)\n            },(result) => {\n                console.log(result)\n                this.download();\n                this.sendTrack(this.state.videoIdx, this.state.type)\n            });\t\n        }\n    }\n\n    sendTrack = (_id, _type) => {\n        // console.log(_id, _type)\n        $.post(`https://www.digitimes.com.tw/seminar/IBM_20210104/ajax/click/`,{\n            Pid: _id,\n            Title: this.state.videoItem[_id].fileTitle,\n            Type: _type\n        },(result) => {\n            console.log(result)\n            // this.download();\n        });\n    }\n\n    download = () => {\n        window.open(this.state.videoItem[this.state.videoIdx].fileLink,'_blank');\n\n        $(\".video__popup\").fadeOut();\n        this.setState({\n            state: !this.state.state\n        })\n\n        // var link = document.createElement('a');\n        // link.href = this.state.videoItem[this.state.videoIdx].fileLink;\n        // link.download=\"\";\n        // link.click();\n    }\n    render() {\n        const { \n            Last_name,\n            First_name,\n            Phone,\n            Company,\n            Department,\n            Job_title,\n            Email,\n            Company_size,\n            data,\n            state,\n            swipeItem,\n            videoIdx,\n            videoItem,\n            Email_verification,\n            Phone_verification\n        } = this.state;\n        const contextValue = {\n            Last_name,\n            First_name,\n            Phone,\n            Company,\n            Department,\n            Job_title,\n            Email,\n            Company_size,\n            data,\n            swipeItem,\n            videoIdx,\n            videoItem,\n            Email_verification,\n            Phone_verification,\n            changeVideo: this.changeVideo,\n            openForm: this.openForm,\n            onLastName: this.onLastName,\n            onFirstName: this.onFirstName,\n            onPhone: this.onPhone,\n            onCompany: this.onCompany,\n            onDept: this.onDept,\n            onJob: this.onJob,\n            onEmail: this.onEmail,\n            onScale: this.onScale,\n            valid: this.valid,\n            download: this.download,\n            ChangeEmail: this.ChangeEmail,\n            ChangePhone: this.ChangePhone,\n        }\n        return (\n            <Fragment>\n                <Provider value={contextValue}>\n                    { state ? <Form /> : ''}\n                    <Swipe />\n                    <Video status={state}/>\n                    <Download />\n                    <VideoContent />\n                </Provider>\n            </Fragment>\n        )\n    }\n}\n\nexport default Layout;","import React from 'react'\nimport { render } from 'react-dom';\n\nimport './function/menu.js'\n\nimport Layout from './component/Layout';\n\nrender(<Layout/>, document.getElementById(\"root\"));"],"sourceRoot":""}