{"version":3,"sources":["Cards.js","App.js","serviceWorker.js","index.js"],"names":["CardItem","URL","this","props","DemoClick","items","item_props","className","map","item","style","backgroundImage","IMAGE","height","NAME","onClick","DEMO","href","SOURCE","target","React","Component","IfreamControlles","position","src","ifream_URL","allowfullscreen","CardsControlles","item_HTML","Item","push","i","length","j","App","state","ITEM","allItem","ifream_Click","click","searchInputChange","bind","window","Situation_Item","Reference_Layer_Item","Reference_features_Item","setState","activity","Metro","open","type","overlayColor","overlayAlpha","text","setTimeout","close","event","searchStr","value","reg","RegExp","resArr","count","TAG","filter","test","id","token","element","$","hide","show","data-role","data-expand","data-compact","width","data-clear-button","data-search-button","onChange","cursor","color","fontWeight","data-ripple-color","closeDemo","menuClick","display","ItemClick","TYPE","data-expand-point","Boolean","location","hostname","match","ReactDOM","render","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","console","message"],"mappings":"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","file":"static/js/main.b10a7822.chunk.js","sourcesContent":["import React from 'react';\r\n\r\nclass CardItem extends React.Component{\r\n    DemoClick(URL){\r\n        this.props.DemoClick(URL)\r\n    }\r\n    render(){\r\n        let items = this.props.item_props;\r\n        return(\r\n            <div className=\"row\">\r\n                {\r\n                    items.map(\r\n                        (item) => \r\n                        <div className=\"cell-xl-3\">\r\n                            <div>\r\n                                <div className=\"card image-header\">\r\n                                    <div className=\"card-header fg-white\"\r\n                                        style={{backgroundImage: \"url(\" + item.IMAGE + \")\" , height:\"16.5rem\"}}>                        \r\n                                    </div>\r\n                                    <div className=\"card-content p-2\">\r\n                                        {item.NAME}\r\n                                    </div>\r\n                                    <div className=\"card-footer\">\r\n                                        <button className=\"button info rounded\" onClick={()=>this.DemoClick(item.DEMO)}>Demo</button>\r\n                                        <a className=\"button warning rounded\" href={item.SOURCE} target=\"_blank\">Source</a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    )\r\n                }\r\n            </div>\r\n        )\r\n    }\r\n}\r\n\r\nclass IfreamControlles extends React.Component{\r\n    render(){\r\n        return(\r\n            <div className=\"embed-container\" style={{position: \"fixed\"}}>\r\n                <iframe src= {this.props.ifream_URL} allowfullscreen />\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nclass CardsControlles extends React.Component{\r\n    constructor(){\r\n        super();\r\n    }\r\n    DemoClick(URL){\r\n        this.props.DemoClick(URL);\r\n    }\r\n    render(){\r\n        let item = [];\r\n        let item_props = [];\r\n        let item_HTML = [];\r\n        this.props.Item.map(\r\n            (Item) => \r\n            item.push(Item)\r\n        );\r\n        for(let i = 0 ; i<= item.length / 4 ;i++){\r\n            item_props = [];\r\n            for(let j = 0 ; j < 4 ; j++){\r\n                if(item[i*4+j] != null){\r\n                    item_props.push(item[i*4+j]);\r\n                }\r\n            }\r\n            item_HTML.push(<CardItem item_props={item_props} DemoClick={(URL)=>this.DemoClick(URL)}/>);\r\n        } \r\n        return(            \r\n            <div>\r\n                {item_HTML}\r\n            </div>\r\n        );        \r\n    }\r\n}\r\n\r\nexport  {CardsControlles,IfreamControlles};","/* eslint-disable jsx-a11y/alt-text */\r\n/* eslint-disable react/jsx-no-target-blank */\r\n/* eslint-disable array-callback-return */\r\n/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react';\r\nimport { CardsControlles, IfreamControlles } from './Cards';\r\n\r\nclass App extends React.Component {\r\n  constructor() {\r\n    super();\r\n    this.state = {\r\n      ITEM: [],\r\n      allItem: [],\r\n      ifream_Click: false,\r\n      ifream_URL: \"\",\r\n      click: [false, false, false]\r\n    }\r\n    this.searchInputChange = this.searchInputChange.bind(this);\r\n  }\r\n  componentDidMount() {\r\n    let allItem = [];\r\n    let Item = [];\r\n    for (let i = 0; i < window.Situation_Item.length; i++) {\r\n      window.Situation_Item[i].ITEM.map(\r\n        (item) => {\r\n          allItem.push(item);\r\n        }\r\n      );\r\n    }\r\n    for (let i = 0; i < window.Reference_Layer_Item.length; i++) {\r\n      window.Reference_Layer_Item[i].ITEM.map(\r\n        (item) => allItem.push(item)\r\n      );\r\n    }\r\n    for (let i = 0; i < window.Reference_features_Item.length; i++) {\r\n      window.Reference_features_Item[i].ITEM.map(\r\n        (item) => allItem.push(item)\r\n      );\r\n    }\r\n    this.setState({ ITEM: Item, allItem: allItem });\r\n  }\r\n  ItemClick(item) {\r\n    this.setState({ ITEM: item, ifream_Click: false });\r\n  }\r\n  DemoClick(URL) {\r\n    var activity = window.Metro.activity.open({\r\n      type: 'cycle',\r\n      overlayColor: '#fff',\r\n      overlayAlpha: 1,\r\n      text: '<div class=\\'mt-2 text-small\\'>請稍候......</div>',\r\n    });\r\n\r\n    setTimeout(function () {\r\n      window.Metro.activity.close(activity);\r\n    }, 3000);\r\n\r\n    this.setState({ ifream_Click: true, ifream_URL: URL });\r\n  }\r\n  searchInputChange(event) {\r\n    let searchStr = event.target.value;\r\n    let reg = new RegExp(searchStr, \"gi\");\r\n    let allItem = [];\r\n    let Item = [];\r\n    this.state.allItem.map(\r\n      (item) => allItem.push(item)\r\n    );\r\n    if (searchStr === \"\" || searchStr === null) {\r\n      this.setState({ ITEM: Item });\r\n    }\r\n    else {\r\n      let resArr = [];\r\n      allItem.map(\r\n        (Item) => {\r\n          let count = 0;\r\n          Item.TAG.filter(\r\n            item => {\r\n              if (reg.test(item)) {\r\n                count++;\r\n              }\r\n            }\r\n          )\r\n          if (count > 0) {\r\n            resArr.push(Item);\r\n          }\r\n        }\r\n      );\r\n      this.setState({ ITEM: resArr, ifream_Click: false });\r\n    }\r\n  }\r\n  menuClick(id, token) {\r\n    let element = window.$(\"#\" + id);\r\n    let click = this.state.click;\r\n    if (click[token]) {\r\n      element.hide();\r\n      click[token] = false;\r\n      this.setState({ click: click });\r\n    }\r\n    else {\r\n      element.show();\r\n      click[token] = true;\r\n      this.setState({ click: click });\r\n    }\r\n  }\r\n  closeDemo() {\r\n    this.setState({ ifream_Click: false });\r\n  }\r\n  render() {\r\n    let Situation_Item = window.Situation_Item;\r\n    let Reference_Layer_Item = window.Reference_Layer_Item;\r\n    let Reference_features_Item = window.Reference_features_Item;\r\n    return (\r\n      <div>\r\n        <div data-role=\"navview\" data-expand=\"fs\" data-compact=\"false\">\r\n          <div className=\"navview-pane\" style={{ position: \"fixed\" }}>\r\n            <button className=\"pull-button\">\r\n              <span className=\"default-icon-menu\" style={{ width: \"25px\", height: \"25px\" }}></span>\r\n            </button>\r\n            <div className=\"suggest-box\">\r\n              <input type=\"text\" data-role=\"input\" data-clear-button=\"false\" data-search-button=\"true\" onChange={this.searchInputChange}></input>\r\n              <button className=\"holder\">\r\n                <span className=\"mif-search\"></span>\r\n              </button>\r\n            </div>\r\n            <ul className=\"navview-menu\">\r\n              {\r\n                this.state.ifream_Click ?\r\n                  <li>\r\n                    <a style={{ cursor: \"pointer\", color: \"red\", fontWeight: \"bold\" }} className=\"closeItem\" data-role=\"ripple\" data-ripple-color=\"#1ba1e2\" onClick={() => this.closeDemo()}>\r\n                      <span className=\"icon\"><span className=\"mif-cross-light\"></span></span>\r\n                      <span className=\"caption\">關閉Demo</span>\r\n                    </a>\r\n                  </li>\r\n                  : null\r\n              }\r\n              <li className=\"item-header\">場景</li>\r\n              <li>\r\n                <a style={{ cursor: \"pointer\" }} className=\"dropdown-toggle\" data-role=\"ripple\" data-ripple-color=\"#1ba1e2\" onClick={() => this.menuClick(\"situation\", 0)}>\r\n                  <span className=\"icon\"><span className=\"mif-folder\"></span></span>\r\n                  <span className=\"caption\">使用情境</span>\r\n                </a>\r\n                <ul className=\"navview-menu\" id=\"situation\" style={{ display: \"none\" }}>\r\n                  {\r\n                    Situation_Item.map(\r\n                      (item) =>\r\n                        <li>\r\n                          <a onClick={() => this.ItemClick(item.ITEM)} style={{ cursor: \"pointer\" }} data-role=\"ripple\" data-ripple-color=\"#1ba1e2\">\r\n                            <span className=\"caption\">{item.TYPE}</span>\r\n                          </a>\r\n                        </li>\r\n                    )\r\n                  }\r\n                </ul>\r\n              </li>\r\n              <li className=\"item-separator\"></li>\r\n              <li className=\"item-header\">基本功能</li>\r\n              <li>\r\n                <a style={{ cursor: \"pointer\" }} className=\"dropdown-toggle\" data-role=\"ripple\" data-ripple-color=\"#1ba1e2\" onClick={() => this.menuClick(\"layer\", 1)}>\r\n                  <span className=\"icon\"><span className=\"mif-folder\"></span></span>\r\n                  <span className=\"caption\">圖層</span>\r\n                </a>\r\n                <ul className=\"navview-menu\" id=\"layer\" style={{ display: \"none\" }}>\r\n                  {\r\n                    Reference_Layer_Item.map(\r\n                      (item) =>\r\n                        <li>\r\n                          <a onClick={() => this.ItemClick(item.ITEM)} style={{ cursor: \"pointer\" }} data-role=\"ripple\" data-ripple-color=\"#1ba1e2\">\r\n                            <span className=\"caption\">{item.TYPE}</span>\r\n                          </a>\r\n                        </li>\r\n                    )\r\n                  }\r\n                </ul>\r\n              </li>\r\n              <li>\r\n                <a style={{ cursor: \"pointer\" }} className=\"dropdown-toggle\" data-role=\"ripple\" data-ripple-color=\"#1ba1e2\" onClick={() => this.menuClick(\"features\", 2)}>\r\n                  <span className=\"icon\"><span className=\"mif-folder\"></span></span>\r\n                  <span className=\"caption\">功能</span>\r\n                </a>\r\n                <ul className=\"navview-menu\" id=\"features\" style={{ display: \"none\" }}>\r\n                  {\r\n                    Reference_features_Item.map(\r\n                      (item) =>\r\n                        <li>\r\n                          <a onClick={() => this.ItemClick(item.ITEM)} style={{ cursor: \"pointer\" }} data-role=\"ripple\" data-ripple-color=\"#1ba1e2\">\r\n                            <span className=\"caption\">{item.TYPE}</span>\r\n                          </a>\r\n                        </li>\r\n                    )\r\n                  }\r\n                </ul>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n          <div className=\"navview-content\">\r\n            <div style={{ position: \"unset\" }} data-role=\"appbar\" data-expand-point=\"md\">\r\n              <div className=\"ml-auto d-flex-md\">\r\n                {\r\n                  false ? (<ul className=\"app-bar-menu\" data-role=\"ripple\">\r\n                    <li><a href=\"https://www.pilotgaea.com.tw\" target=\"_blank\">官方網站</a></li>\r\n                    <li><a href=\"https://nlscsample.pilotgaea.com.tw/demo/ProgrammingGuide/\" target=\"_blank\">文件</a></li>\r\n                    <li><a href=\"https://nlscsample.pilotgaea.com.tw/demo/Reference\" target=\"_blank\">Reference</a></li>\r\n                    <li><a href=\"https://demo.pilotgaea.com.tw/\" target=\"_blank\">Demo</a></li>\r\n                  </ul>) : null\r\n                }\r\n\r\n              </div>\r\n            </div>\r\n            {\r\n              this.state.ITEM.length === 0 ? <img src=\"Demo首頁.png\" style={{ width: \"100%\", height: \"100%\" }}></img> :\r\n                this.state.ifream_Click ? <IfreamControlles ifream_URL={this.state.ifream_URL} /> : <CardsControlles Item={this.state.ITEM} DemoClick={(URL) => this.DemoClick(URL)} />\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\nexport default App;\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n    // [::1] is the IPv6 localhost address.\r\n    window.location.hostname === '[::1]' ||\r\n    // 127.0.0.0/8 are considered localhost for IPv4.\r\n    window.location.hostname.match(\r\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n    )\r\n);\r\n\r\nexport function register(config) {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Let's check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl, config);\r\n\r\n        // Add some additional logging to localhost, pointing developers to the\r\n        // service worker/PWA documentation.\r\n        navigator.serviceWorker.ready.then(() => {\r\n          console.log(\r\n            'This web app is being served cache-first by a service ' +\r\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n          );\r\n        });\r\n      } else {\r\n        // Is not localhost. Just register service worker\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        if (installingWorker == null) {\r\n          return;\r\n        }\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the updated precached content has been fetched,\r\n              // but the previous service worker will still serve the older\r\n              // content until all client tabs are closed.\r\n              console.log(\r\n                'New content is available and will be used when all ' +\r\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n              );\r\n\r\n              // Execute callback\r\n              if (config && config.onUpdate) {\r\n                config.onUpdate(registration);\r\n              }\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n\r\n              // Execute callback\r\n              if (config && config.onSuccess) {\r\n                config.onSuccess(registration);\r\n              }\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl, {\r\n    headers: { 'Service-Worker': 'script' },\r\n  })\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      const contentType = response.headers.get('content-type');\r\n      if (\r\n        response.status === 404 ||\r\n        (contentType != null && contentType.indexOf('javascript') === -1)\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister() {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready\r\n      .then(registration => {\r\n        registration.unregister();\r\n      })\r\n      .catch(error => {\r\n        console.error(error.message);\r\n      });\r\n  }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nReactDOM.render(\r\n  <App />,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n"],"sourceRoot":""}