{"version":3,"sources":["../node_modules/suneditor/src/lang sync /^/.*/.js$","app/models/articles.ts","app/models/pagination.ts","app/api/agent.ts","app/stores/articleGroupDetailStore.ts","app/stores/articleStore.ts","app/models/main_video_news.ts","app/stores/mainVideoNewsStore.ts","app/stores/userStore.ts","app/stores/store.ts","app/stores/commonStore.ts","app/stores/modalStore.ts","app/layout/LoadingComponent.tsx","app/layout/Admin/ContentManagement/form/TranslationArea.tsx","app/common/imageUpload/PhotoWidgetCropper.tsx","app/common/imageUpload/PhotoWidgetDropzone.tsx","app/layout/Admin/ContentManagement/form/ContentManagementForm.tsx","app/layout/Admin/ContentManagement/ContentManagement.tsx","app/layout/PrivateRoute.tsx","features/errors/ServerError.tsx","features/errors/NotFound.tsx","assets/utcc-cits_logo.svg","app/layout/Admin/AdminNavBar.tsx","features/users/LoginForm.tsx","app/layout/Admin/MainVideoNews/MainVideoNews.tsx","app/common/form/MyTextInput.tsx","features/errors/ValidationErrors.tsx","app/layout/Admin/ChangePassword/ChangePassword.tsx","app/layout/Admin/Admin.tsx","app/layout/NavBar.tsx","app/layout/TopBar.tsx","assets/utcc-cits_logo_footer.svg","app/layout/Footer.tsx","assets/main-page.png","app/layout/Mainpage/MainBackgroud.tsx","app/layout/Component/ColoredLineH.tsx","assets/no-image.jpg","app/layout/Component/ResearchCarousel.tsx","app/layout/Mainpage/MainActivitiesResearch.tsx","assets/icon-advertise.svg","assets/aut_1.jpg","assets/aut_2.jpg","assets/aut_3.jpg","assets/aut_4.jpg","assets/aut_5.jpg","app/layout/Mainpage/MainAdvertise.tsx","app/layout/Mainpage/MainNews.tsx","assets/main-organization-top.png","assets/main-organization-people-1.png","assets/main-organization-people-2.png","assets/main-organization-people-3.png","assets/main-organization-people-4.png","assets/main-organization-people-5.png","assets/main-organization-people-6.png","assets/main-organization-people-7.png","assets/main-organization-people-8.png","app/layout/Mainpage/MainOrganization.tsx","assets/info_1.png","assets/info_2.png","assets/info_3.png","app/layout/Component/ImageGalleryComponent.tsx","app/layout/Mainpage/MainInfographic.tsx","assets/main-radio.png","app/layout/Mainpage/MainRadio.tsx","app/layout/Mainpage/MainContact.tsx","app/layout/Mainpage/MainPage.tsx","assets/organization-top.png","assets/organization-campus.png","assets/organization-staff-1.png","assets/organization-staff-2.png","assets/organization-staff-10.png","assets/organization-staff-11.png","app/layout/Organization/History/OrganizationHistory.tsx","assets/organization-activity.png","assets/organization-staff.png","assets/organization-investment.png","app/layout/Organization/Activity/OrganizationActivity.tsx","assets/organization-top-news.jpg","app/layout/Organization/News/OrganizationNews.tsx","assets/organization-staff-research-1.png","app/layout/Organization/Staff/OrganizationStaff.tsx","assets/radio-top.jpg","app/layout/Radio/GoodMorning/RadioGoodMorning.tsx","app/layout/Radio/AseanConnect/RadioAseanConnect.tsx","app/layout/Radio/Millionaire/RadioMillionaire.tsx","app/layout/Radio/NewsCorner/RadioNewsCorner.tsx","app/layout/Radio/Other/RadioOther.tsx","assets/news-top.jpg","app/layout/News/Announce/NewsAnnounce.tsx","app/layout/News/News/NewsNews.tsx","app/layout/News/Article/NewsArticle.tsx","assets/research-top.png","app/layout/Research/Research.tsx","app/layout/Organization/Activity/Details/OrganizationActivityDetails.tsx","app/layout/Organization/News/Details/OrganizationNewsDetails.tsx","app/layout/News/Announce/Details/NewsAnnounceDetails.tsx","app/layout/News/News/Details/NewsNewsDetails.tsx","app/layout/News/Article/Details/NewsArticleDetails.tsx","app/layout/Research/Details/ResearchDetails.tsx","app/layout/App.tsx","reportWebVitals.ts","index.tsx"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","Article","init","assign","this","ArticleFormValues","article","undefined","section","sectionDetail","content","firstPage","tagId","youtubeLink","articleGroupId","articleGroupName","articleGroupDescription","articleGroupDetailId","articleGroupDetailName","articleGroupDetailDescription","startDate","endDate","photos","image","createDate","createBy","PaginatedResult","data","pagination","PagingParams","pageNumber","pageSize","axios","defaults","baseURL","process","interceptors","request","use","config","token","store","commonStore","headers","Authorization","response","a","JSON","parse","error","status","history","push","startsWith","userStore","logout","toast","Promise","reject","responseBody","requests","url","get","then","body","post","put","delete","agent","Articles","list","params","details","create","update","uploadPhoto","file","filename","articleId","formData","FormData","append","setMainPhoto","deletePhoto","photoId","ArticleGroup","articlegroups","ArticleGroupDetail","all","Account","current","login","user","register","changePassword","refreshToken","MainVideoNews","ArticleGroupDetailStore","articleGroupDetails","articleGroupDetail","loading","loadingInitial","pagingParams","predicate","Map","uploading","ORGANIZATION","RADIO","RESEARCH","NEWS","ORGANIZATION_ACTIVITY","ORGANIZATION_NEWS","RADIO_GOODMORNING","RADIO_ASEANCONNECT","RADIO_NEWSCORNER","RADIO_MILLIONAIRE","RADIO_OTHER","NEWS_ANNOUNCE","NEWS_NEWS","NEWS_ACTIVITY","NEWS_ARTICLE","setPagingParams","setPredicate","value","resetPredicate","forEach","key","set","getArticleGroupDetails","setLoadingInitial","axiosParamsContent","getArticleGroupDetailsContent","setPagination","clearArticleGroupDetails","state","makeAutoObservable","reaction","URLSearchParams","toString","toISOString","ArticleStore","articleRegistry","articles","selectedArticle","editMode","RESEARCH_BOOK","loadArticles","axiosParams","result","getArticlesContent","axiosParamsFirstPageFiveContent","getArticleContent","loadFirstPageOrganizationNews","axiosParamsFirstPageThreeContent","loadFirstPageNews","loadFirstPageNewsRadio","loadFirstPageRadio","loadFirstPageOrganizationActivity","axiosParamsFirstPage","loadFirstPageResearch","axiosParamsFirstPageResearch","loadFirstPageResearchBook","loadArticle","getArticle","setArticle","runInAction","console","log","clearArticles","selectArticle","find","cancelSelectedArticle","openForm","closeForm","createArticle","newArticle","updateArticle","updatedArticle","photo","clear","Array","from","values","sort","b","getTime","entries","articlesByDate","reduce","activities","activity","date","format","MainVideoNewsFormValues","mainVideoNews","mainVideoNewsStore","mainVideoNewsRegistry","mainVideoNew","selectedMainVideoNew","setMainVideoNews","getMainVideoNews","loadingMainVideoNews","axiosMainVideoNewsParams","createMainVideoNews","newMainVideoNews","updateMainVideoNews","updatedMainVideoNews","UserStore","refreshTokenTimeout","creds","setToken","startRefreshTokenTimer","window","localStorage","removeItem","getUser","username","modalStore","closeModal","setDisplayName","name","displayName","stopRefreshTokenTimer","jwtToken","atob","split","timeout","Date","exp","now","setTimeout","clearTimeout","articleStore","articleGroupDetailStore","getItem","appLoaded","setServerError","setAppLoaded","setItem","modal","open","openModal","StoreContext","createContext","useStore","useContext","LoandingComponent","inverted","Dimmer","active","Loader","TranslationArea","initialContent","onSubmit","useState","setContent","autoFocus","width","height","setOptions","buttonList","setContents","onChange","Grid","columns","stackable","Column","Button","disabled","onClick","positive","type","PhotoWidgetCropper","imagePreview","setCropper","src","style","initialAspectRatio","aspectRatio","preview","guides","viewMode","autoCropArea","background","onInitialized","cropper","PhotoWidgetDropzone","setFiles","setFilename","dzStyles","border","borderColor","borderRadius","paddingTop","textAlign","onDrop","useCallback","acceptedFiles","URL","createObjectURL","acceptedFileItems","path","useDropzone","getRootProps","getInputProps","isDragActive","Icon","size","Header","observer","articleSelected","useHistory","files","loadingNext","useEffect","formObject","articleGroup","length","textButton","handleInputChange","event","target","React","setOpen","Row","Modal","onClose","onOpen","closeOnDimmerClick","trigger","className","Content","scrolling","Description","divided","stretched","textalign","Segment","Form","photoIdForDelete","Id","getCroppedCanvas","toBlob","blob","uuid","autoComplete","Field","filter","x","required","description","placeholder","Tab","Pane","floated","icon","sub","color","minHeight","overflow","Group","widths","Card","itemsPerRow","isMain","Image","Actions","primary","setArticleGroupDetails","setStartDate","setEndate","articleForm","setArticleForm","setLoadingNext","fetchData","inline","Input","selected","dateFormat","locale","placeholderText","pageStart","loadMore","currentPage","hasMore","totalPages","initialLoad","Intl","DateTimeFormat","year","month","day","Container","Message","info","PrivateRoute","Component","component","rest","isLoggedIn","render","props","to","as","message","marginTop","NotFound","Inline","Link","Menu","fixed","vertical","fluid","Item","header","logo","alt","marginRight","Dropdown","floating","text","Divider","NavLink","verticalAlign","maxWidth","initialValues","password","setErrors","catch","handleSubmit","errors","isSubmitting","stacked","iconPosition","hidden","Label","marginBottom","basic","MyTextInput","useField","field","meta","touched","label","ValidationErrors","List","err","i","email","validationSchema","Yup","oldPassword","newPassword","isValid","dirty","finally","position","hideProgressBar","exact","ContentManagement","ChangePassword","ServerError","LoginForm","NavBar","script","document","createElement","async","appendChild","removeChild","href","tabIndex","Footer","MainBackgroud","showArrows","autoPlay","infiniteLoop","showThumbs","showStatus","interval","image_bg","ColoredLineH","backgroundColor","ResearchCarousel","useKeyboardArrows","transitionTime","no_image","MainActivitiesResearch","firstArticles","setFirstArticles","listArticles","setListArticles","listResearchArticles","setListResearchArticles","listResearchBookArticles","setListResearchBookArticles","setLoading","index","slice","fetchDataResearch","fetchDataResearchBook","frameBorder","allowFullScreen","allow","icon_advertise","aut_1","aut_2","aut_3","aut_4","aut_5","setArticles","fetchVideoData","MainOrganization","open2","setOpen2","open3","setOpen3","open4","setOpen4","open5","setOpen5","open6","setOpen6","open7","setOpen7","open8","setOpen8","main_organization_top","main_organization_people_1","closeIcon","main_organization_people_2","main_organization_people_3","main_organization_people_4","main_organization_people_6","main_organization_people_8","main_organization_people_7","main_organization_people_5","ImageGalleryComponent","info_1","info_2","info_3","MainInfographic","MainRadio","icon_radio","MainContact","organization_top","organization_campus","organization_staff_1","organization_staff_2","organization_staff_10","organization_staff_11","listOtherArticles","setListOtherArticles","fetchDataOtherNews","compact","fetchDataBook","useParams","App","MainPage","OrganizationHistory","OrganizationActivity","OrganizationActivityDetails","OrganizationNews","OrganizationNewsDetails","OrganizationStaff","RadioGoodMorning","RadioAseanConnect","RadioNewsCorner","RadioMillionaire","RadioOther","Research","ResearchDetails","NewsAnnounce","NewsAnnounceDetails","NewsNews","NewsNewsDetails","NewsArticle","NewsArticleDetails","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","createBrowserHistory","ReactDOM","Provider","getElementById"],"mappings":"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","file":"static/js/main.74855b54.chunk.js","sourcesContent":["var map = {\n\t\"./ckb.js\": 160,\n\t\"./da.js\": 161,\n\t\"./de.js\": 162,\n\t\"./en.js\": 105,\n\t\"./es.js\": 163,\n\t\"./fr.js\": 164,\n\t\"./he.js\": 165,\n\t\"./index.js\": 361,\n\t\"./it.js\": 166,\n\t\"./ja.js\": 167,\n\t\"./ko.js\": 168,\n\t\"./lv.js\": 169,\n\t\"./nl.js\": 170,\n\t\"./pl.js\": 171,\n\t\"./pt_br.js\": 172,\n\t\"./ro.js\": 173,\n\t\"./ru.js\": 174,\n\t\"./se.js\": 175,\n\t\"./ua.js\": 176,\n\t\"./zh_cn.js\": 177\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 360;","import { ArticleGroups } from \"./article_groups\";\r\nimport { ArticleGroupDetails } from \"./article_group_details\";\r\n\r\nexport interface Article {\r\n  id: string;\r\n  sectionDetail: string;\r\n  section: string;\r\n  firstPage: string;\r\n  content: string;\r\n  readCount: number;\r\n  tagId: string;\r\n  youtubeLink: string;\r\n  articleGroupId: string;\r\n  articleGroupName: string;\r\n  articleGroupDescription: string;\r\n  articleGroupDetailId: string;\r\n  articleGroupDetailName: string;\r\n  articleGroupDetailDescription: string;\r\n  createDate: Date;\r\n  createBy: string;\r\n  photos: Photo[];\r\n  articleGroup: ArticleGroups;\r\n  articleGroupDetail: ArticleGroupDetails;\r\n  image: string;\r\n}\r\n\r\nexport class Article implements Article {\r\n  constructor(init?: ArticleFormValues) {\r\n    Object.assign(this, init);\r\n  }\r\n}\r\n\r\nexport interface Photo {\r\n  id: string;\r\n  url: string;\r\n  isMain: boolean;\r\n}\r\n\r\nexport class ArticleFormValues {\r\n  id?: string = undefined;\r\n  section: string | undefined = '';\r\n  sectionDetail: string | undefined = '';\r\n  content: string | undefined = '';\r\n  firstPage: string | undefined = '';\r\n  tagId: string = '';\r\n  youtubeLink: string = '';\r\n  articleGroupId: string | undefined = '';\r\n  articleGroupName: string | undefined = '';\r\n  articleGroupDescription: string | undefined = '';\r\n  articleGroupDetailId: string | undefined = '';\r\n  articleGroupDetailName: string | undefined = '';\r\n  articleGroupDetailDescription: string | undefined = '';\r\n  startDate: Date | null = null;\r\n  endDate: Date | null = null;\r\n  photos?: Photo[];\r\n  image: string = \"\";\r\n  createDate: Date | null = null;\r\n  createBy: string = \"\";\r\n\r\n\r\n  constructor(article?: ArticleFormValues) {\r\n    if (article) {\r\n      this.id = article.id;\r\n      this.section = article.section;\r\n      this.sectionDetail = article.sectionDetail;\r\n      this.content = article.content;\r\n      this.firstPage = article.firstPage;\r\n      this.tagId = article.tagId;\r\n      this.youtubeLink = article.youtubeLink;\r\n      this.articleGroupId = article.articleGroupId;\r\n      this.articleGroupName = article.articleGroupName;\r\n      this.articleGroupDescription = article.articleGroupDescription;\r\n      this.articleGroupDetailId = article.articleGroupDetailId;\r\n      this.articleGroupDetailName = article.articleGroupDetailName;\r\n      this.articleGroupDetailDescription = article.articleGroupDetailDescription;\r\n      this.startDate = article.startDate;\r\n      this.endDate = article.endDate;\r\n      this.photos = article.photos;\r\n      this.image = article.image;\r\n      this.createDate = article.createDate;\r\n      this.createBy = article.createBy;\r\n    }\r\n  }\r\n  \r\n}\r\n\r\n","export interface Pagination {\r\n    currentPage: number;\r\n    itemsPerPage: number;\r\n    totalItems: number;\r\n    totalPages: number;\r\n}\r\n\r\nexport class PaginatedResult<T> {\r\n    data: T;\r\n    pagination: Pagination;\r\n\r\n    constructor(data: T, pagination: Pagination) {\r\n        this.data = data;\r\n        this.pagination = pagination;\r\n    }\r\n}\r\n\r\nexport class PagingParams {\r\n    pageNumber;\r\n    pageSize;\r\n\r\n    constructor(pageNumber = 1, pageSize = 5) {\r\n        this.pageNumber = pageNumber;\r\n        this.pageSize = pageSize;\r\n    }\r\n}","import { ArticleFormValues, Article, Photo } from 'app/models/articles';\r\nimport { ArticleGroups } from 'app/models/article_groups';\r\nimport { ArticleGroupDetails } from 'app/models/article_group_details';\r\nimport { MainVideoNews as MainVideoNew, MainVideoNewsFormValues } from 'app/models/main_video_news';\r\nimport { PaginatedResult } from 'app/models/pagination';\r\nimport { UserFormValues, Users } from 'app/models/users';\r\nimport { store } from 'app/stores/store';\r\nimport axios, { AxiosError, AxiosResponse } from 'axios';\r\nimport { toast } from 'react-toastify';\r\nimport { history } from \"../..\";\r\n\r\naxios.defaults.baseURL = process.env.REACT_APP_API_ENDPOINT;\r\n\r\naxios.interceptors.request.use(config => {\r\n    const token = store.commonStore.token;\r\n    if (token) config.headers!.Authorization = `Bearer ${token}`\r\n    return config;\r\n})\r\n\r\naxios.interceptors.response.use(async response => {\r\n    const pagination = response.headers['pagination'];\r\n    if (pagination) {\r\n        response.data = new PaginatedResult(response.data, JSON.parse(pagination));\r\n        return response as AxiosResponse<PaginatedResult<any>>\r\n    }\r\n    return response;\r\n}, (error: AxiosError) => {\r\n    const { status, headers } = error.response!;\r\n    switch (status) {\r\n        case 400:\r\n            history.push('/not-found');\r\n            break;\r\n        case 401:\r\n            if (status === 401 && headers['www-authenticate']?.startsWith('Bearer error=\"invalid_token\"')) {\r\n                store.userStore.logout();\r\n                toast.error('Session expired - please login again');\r\n            }\r\n            break;\r\n        case 404:\r\n            history.push('/not-found');\r\n            break;\r\n        case 500:\r\n            history.push('/server-error');\r\n            break;\r\n    }\r\n    return Promise.reject(error);\r\n})\r\n\r\nconst responseBody = <T>(response: AxiosResponse<T>) => response.data;\r\n\r\nconst requests = {\r\n    get: <T>(url: string) => axios.get<T>(url).then(responseBody),\r\n    post: <T>(url: string, body: {}) => axios.post<T>(url, body).then(responseBody),\r\n    put: <T>(url: string, body: {}) => axios.put<T>(url, body).then(responseBody),\r\n    del: <T>(url: string) => axios.delete<T>(url).then(responseBody),\r\n}\r\n\r\nconst Articles = {\r\n    list: (params: URLSearchParams) => axios.get<PaginatedResult<Article[]>>('/articles', { params })\r\n        .then(responseBody),\r\n    details: (id: string) => requests.get<Article>(`/articles/${id}`),\r\n    create: (article: ArticleFormValues) => axios.post<void>('/articles', article),\r\n    update: (article: ArticleFormValues) => axios.put<void>(`/articles/${article.id}`, article),\r\n    delete: (id: string) => axios.delete<void>(`/articles/${id}`),\r\n    data: () => requests.get<Article[]>('/articlesdata'),\r\n    uploadPhoto: (file: Blob, filename: string, articleId: string) => {\r\n        let formData = new FormData();\r\n        formData.append('File', file);\r\n        formData.append('filename', filename);\r\n        formData.append('articleId', articleId);\r\n        \r\n        return axios.post<Photo>('photos', formData, {\r\n            headers: { 'Content-type': 'multipart/form-data' }\r\n        })\r\n    },\r\n    setMainPhoto: (id: string) => requests.post(`/photos/${id}/setMain`, {}),\r\n    deletePhoto: (photoId: string, articleId: string) => requests.del(`/photos/${photoId}/${articleId}`),\r\n}\r\n\r\nconst ArticleGroup = {\r\n    list: () => requests.get<ArticleGroups[]>('/articlegroups'),\r\n    details: (id: string) => requests.get<ArticleGroups>(`/articlegroups/${id}`),\r\n    create: (articlegroups: ArticleGroups) => axios.post<void>('/articlegroups', articlegroups),\r\n    update: (articlegroups: ArticleGroups) => axios.put<void>(`/articlegroups/${articlegroups.id}`, articlegroups),\r\n    delete: (id: string) => axios.delete<void>(`/articlegroups/${id}`)\r\n}\r\n\r\nconst ArticleGroupDetail = {\r\n    list: (params: URLSearchParams) => axios.get<PaginatedResult<ArticleGroupDetails[]>>('/ArticleGroupDetails', { params })\r\n        .then(responseBody),\r\n    all: () => requests.get<ArticleGroupDetails[]>('/ArticleGroupDetails'),\r\n    details: (id: string) => requests.get<ArticleGroupDetails>(`/ArticleGroupDetails/${id}`),\r\n}\r\n\r\nconst Account = {\r\n    current: () => requests.get<Users>('/account'),\r\n    login: (user: UserFormValues) => requests.post<Users>('/account/login', user),\r\n    register: (user: UserFormValues) => requests.post<Users>('/account/register', user),\r\n    changePassword: (user: UserFormValues) => requests.put<void>('/account/changepassword', user),\r\n    refreshToken: () => requests.post<Users>('/account/refreshToken', {}),\r\n}\r\n\r\n\r\nconst MainVideoNews = {\r\n    list: (params: URLSearchParams) => axios.get<PaginatedResult<MainVideoNew[]>>('/mainvideonews', { params })\r\n        .then(responseBody),\r\n    details: (id: string) => requests.get<MainVideoNew>(`/mainvideonews/${id}`),\r\n    create: (article: MainVideoNewsFormValues) => axios.post<void>('/mainvideonews', article),\r\n    update: (article: MainVideoNewsFormValues) => axios.put<void>(`/mainvideonews/${article.id}`, article),\r\n}\r\n\r\nconst agent = {\r\n    Articles,\r\n    ArticleGroup,\r\n    ArticleGroupDetail,\r\n    Account,\r\n    MainVideoNews\r\n}\r\n\r\nexport default agent;\r\n\r\n","import agent from \"app/api/agent\";\r\nimport { ArticleGroupDetails } from \"app/models/article_group_details\";\r\nimport { Pagination, PagingParams } from \"app/models/pagination\";\r\nimport { makeAutoObservable, reaction } from \"mobx\";\r\n\r\nexport default class ArticleGroupDetailStore {\r\n\r\n    articleGroupDetails: ArticleGroupDetails[] = [];\r\n    articleGroupDetail: ArticleGroupDetails | null = null;\r\n\r\n    loading = false;\r\n    loadingInitial = false;\r\n    pagination: Pagination | null = null;\r\n    pagingParams = new PagingParams();\r\n    predicate = new Map();\r\n    uploading = false;\r\n\r\n    ORGANIZATION = \"ORGANIZATION\";\r\n    RADIO = \"RADIO\";\r\n    RESEARCH = \"RESEARCH\";\r\n    NEWS = \"NEWS\";\r\n\r\n    ORGANIZATION_ACTIVITY = \"ORGANIZATION_ACTIVITY\";\r\n    ORGANIZATION_NEWS = \"ORGANIZATION_NEWS\";\r\n\r\n    RADIO_GOODMORNING = \"RADIO_GOODMORNING\";\r\n    RADIO_ASEANCONNECT = \"RADIO_ASEANCONNECT\";\r\n    RADIO_NEWSCORNER = \"RADIO_NEWSCORNER\";\r\n    RADIO_MILLIONAIRE = \"RADIO_MILLIONAIRE\";\r\n    RADIO_OTHER = \"RADIO_OTHER\";\r\n\r\n    NEWS_ANNOUNCE = \"NEWS_ANNOUNCE\";\r\n    NEWS_NEWS = \"NEWS_NEWS\";\r\n    NEWS_ACTIVITY = \"NEWS_ACTIVITY\";\r\n    NEWS_ARTICLE = \"NEWS_ARTICLE\";\r\n\r\n    constructor() {\r\n        makeAutoObservable(this);\r\n\r\n        reaction(\r\n            () => this.predicate.keys(),\r\n            () => {\r\n                this.pagingParams = new PagingParams();\r\n            }\r\n        )\r\n    }\r\n\r\n    setPagingParams = (pagingParams: PagingParams) => {\r\n        this.pagingParams = pagingParams;\r\n    }\r\n\r\n    setPredicate = (predicate: string, value: string | Date) => {\r\n        const resetPredicate = () => {\r\n            this.predicate.forEach((value, key) => {\r\n                this.predicate.delete(key);\r\n            })\r\n        }\r\n        switch (predicate) {\r\n            // case 'all':\r\n            //     resetPredicate();\r\n            //     this.predicate.set('all', value);\r\n            //     break;\r\n            case 'articleGroupId':\r\n                resetPredicate();\r\n                this.predicate.set('articleGroupId', value);\r\n                break;\r\n            case 'articleGroupName':\r\n                resetPredicate();\r\n                this.predicate.set('articleGroupName', value);\r\n                break;\r\n            case 'articleGroupDetailId':\r\n                resetPredicate();\r\n                this.predicate.set('articleGroupDetailId', value);\r\n                break;\r\n            case 'articleGroupDetailName':\r\n                resetPredicate();\r\n                this.predicate.set('articleGroupDetailName', value);\r\n                break;\r\n            case 'startDate':\r\n                // this.predicate.delete('startDate');\r\n                this.predicate.set('startDate', value);\r\n                break;\r\n            case 'endDate':\r\n                // this.predicate.delete('endDate');\r\n                this.predicate.set('endDate', value);\r\n                break;\r\n        }\r\n    }\r\n\r\n    get axiosParams() {\r\n        const params = new URLSearchParams();\r\n        params.append('pageNumber', this.pagingParams.pageNumber.toString());\r\n        params.append('pageSize', this.pagingParams.pageSize.toString());\r\n        this.predicate.forEach((value, key) => {\r\n            if (key === 'startDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else if (key === 'endDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else {\r\n                params.append(key, value);\r\n            }\r\n        })\r\n        return params;\r\n    }\r\n\r\n    get axiosParamsContent() {\r\n        const params = new URLSearchParams();\r\n        params.append('pageNumber', this.pagingParams.pageNumber.toString());\r\n        params.append('pageSize', \"100\");\r\n        this.predicate.forEach((value, key) => {\r\n            if (key === 'startDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else if (key === 'endDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else {\r\n                params.append(key, value);\r\n            }\r\n        })\r\n        return params;\r\n    }\r\n\r\n    getArticleGroupDetails = async () => {\r\n        this.setLoadingInitial(true);\r\n        const articleGroupDetails: ArticleGroupDetails[] = [];\r\n        try {\r\n            const result = await agent.ArticleGroupDetail.list(this.axiosParamsContent);\r\n            result.data.forEach(data => {\r\n                articleGroupDetails.push(data);\r\n            })\r\n            return articleGroupDetails;\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n            return articleGroupDetails;\r\n        }\r\n    }\r\n\r\n    getArticleGroupDetailsContent = async (articleGroupId: string = \"\", articleGroupName: string = \"\") => {\r\n        this.setLoadingInitial(true);\r\n        const articleGroupDetails: ArticleGroupDetails[] = [];\r\n        try {\r\n            const result = await agent.ArticleGroupDetail.list(this.axiosParamsContent);\r\n            result.data.forEach(articleGroupDetail => {\r\n                articleGroupDetails.push(articleGroupDetail);\r\n            });\r\n\r\n            return articleGroupDetails;\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n            return articleGroupDetails;\r\n        }\r\n    }\r\n\r\n    setPagination = (pagination: Pagination) => {\r\n        this.pagination = pagination;\r\n    }\r\n\r\n    clearArticleGroupDetails = async () => {\r\n        this.setLoadingInitial(true);\r\n        try {\r\n            this.articleGroupDetails = [];\r\n            this.setLoadingInitial(false);\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n        }\r\n    }\r\n\r\n    setLoadingInitial = (state: boolean) => {\r\n        this.loadingInitial = state;\r\n    }\r\n\r\n}","import agent from \"app/api/agent\";\r\nimport { Article, ArticleFormValues, Photo } from \"app/models/articles\";\r\nimport { Pagination, PagingParams } from \"app/models/pagination\";\r\nimport { makeAutoObservable, reaction, runInAction } from \"mobx\";\r\nimport { store } from \"./store\";\r\nimport { format } from 'date-fns';\r\n\r\nexport default class ArticleStore {\r\n    articleRegistry = new Map<string, Article>();\r\n    articles: Article[] = [];\r\n    article: Article | null = null;\r\n    selectedArticle: Article | undefined = undefined;\r\n    editMode = false;\r\n    loading = false;\r\n    loadingInitial = false;\r\n    pagination: Pagination | null = null;\r\n    pagingParams = new PagingParams();\r\n    predicate = new Map();\r\n    uploading = false;\r\n\r\n    ORGANIZATION = \"ORGANIZATION\";\r\n    RADIO = \"RADIO\";\r\n    RESEARCH = \"RESEARCH\";\r\n    NEWS = \"NEWS\";\r\n\r\n    RESEARCH_BOOK = \"RESEARCH_BOOK\";\r\n\r\n    ORGANIZATION_ACTIVITY = \"ORGANIZATION_ACTIVITY\";\r\n    ORGANIZATION_NEWS = \"ORGANIZATION_NEWS\";\r\n\r\n    RADIO_GOODMORNING = \"RADIO_GOODMORNING\";\r\n    RADIO_ASEANCONNECT = \"RADIO_ASEANCONNECT\";\r\n    RADIO_NEWSCORNER = \"RADIO_NEWSCORNER\";\r\n    RADIO_MILLIONAIRE = \"RADIO_MILLIONAIRE\";\r\n    RADIO_OTHER = \"RADIO_OTHER\";\r\n\r\n    NEWS_ANNOUNCE = \"NEWS_ANNOUNCE\";\r\n    NEWS_NEWS = \"NEWS_NEWS\";\r\n    NEWS_ARTICLE = \"NEWS_ARTICLE\";\r\n\r\n    constructor() {\r\n        makeAutoObservable(this);\r\n\r\n        reaction(\r\n            () => this.predicate.keys(),\r\n            () => {\r\n                this.pagingParams = new PagingParams();\r\n                this.articleRegistry.clear();\r\n                // this.loadArticles();\r\n                // this.loadFirstPageArticlesAll();\r\n            }\r\n        )\r\n    }\r\n\r\n    setPagingParams = (pagingParams: PagingParams) => {\r\n        this.pagingParams = pagingParams;\r\n    }\r\n\r\n    setPredicate = (predicate: string, value: string | Date) => {\r\n        const resetPredicate = () => {\r\n            this.predicate.forEach((value, key) => {\r\n                // if (key !== 'startDate') this.predicate.delete(key);\r\n                // if (key !== 'endDate') this.predicate.delete(key);\r\n                this.predicate.delete(key);\r\n            })\r\n        }\r\n        switch (predicate) {\r\n            // case 'all':\r\n            //     resetPredicate();\r\n            //     this.predicate.set('all', value);\r\n            //     break;\r\n            case 'section':\r\n                resetPredicate();\r\n                this.predicate.set('section', value);\r\n                break;\r\n            case 'articleGroupId':\r\n                resetPredicate();\r\n                this.predicate.set('articleGroupId', value);\r\n                break;\r\n            case 'articleGroupName':\r\n                resetPredicate();\r\n                this.predicate.set('articleGroupName', value);\r\n                break;\r\n            case 'articleGroupDetailId':\r\n                resetPredicate();\r\n                this.predicate.set('articleGroupDetailId', value);\r\n                break;\r\n            case 'articleGroupDetailName':\r\n                resetPredicate();\r\n                this.predicate.set('articleGroupDetailName', value);\r\n                break;\r\n            case 'YoutubeLink':\r\n                resetPredicate();\r\n                this.predicate.set('YoutubeLink', value);\r\n                break;\r\n\r\n            case 'startDate':\r\n                // this.predicate.delete('startDate');\r\n                this.predicate.set('startDate', value);\r\n                break;\r\n            case 'endDate':\r\n                // this.predicate.delete('endDate');\r\n                this.predicate.set('endDate', value);\r\n                break;\r\n        }\r\n    }\r\n\r\n    get axiosParams() {\r\n        const params = new URLSearchParams();\r\n        params.append('pageNumber', this.pagingParams.pageNumber.toString());\r\n        params.append('pageSize', this.pagingParams.pageSize.toString());\r\n        this.predicate.forEach((value, key) => {\r\n            if (key === 'startDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else if (key === 'endDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else {\r\n                params.append(key, value);\r\n            }\r\n        })\r\n        return params;\r\n    }\r\n\r\n    get axiosParamsFirstPage() {\r\n        const params = new URLSearchParams();\r\n        params.append('pageNumber', this.pagingParams.pageNumber.toString());\r\n        params.append('pageSize', \"4\");\r\n        this.predicate.forEach((value, key) => {\r\n            if (key === 'startDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else if (key === 'endDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else {\r\n                params.append(key, value);\r\n            }\r\n        })\r\n        return params;\r\n    }\r\n\r\n    get axiosParamsFirstPageThreeContent() {\r\n        const params = new URLSearchParams();\r\n        params.append('pageNumber', this.pagingParams.pageNumber.toString());\r\n        params.append('pageSize', \"3\");\r\n        this.predicate.forEach((value, key) => {\r\n            if (key === 'startDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else if (key === 'endDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else {\r\n                params.append(key, value);\r\n            }\r\n        })\r\n        return params;\r\n    }\r\n    get axiosParamsFirstPageFiveContent() {\r\n        const params = new URLSearchParams();\r\n        params.append('pageNumber', this.pagingParams.pageNumber.toString());\r\n        params.append('pageSize', \"5\");\r\n        this.predicate.forEach((value, key) => {\r\n            if (key === 'startDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else if (key === 'endDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else {\r\n                params.append(key, value);\r\n            }\r\n        })\r\n        return params;\r\n    }\r\n\r\n    get axiosParamsFirstPageResearch() {\r\n        const params = new URLSearchParams();\r\n        params.append('pageNumber', this.pagingParams.pageNumber.toString());\r\n        params.append('pageSize', \"10\");\r\n        this.predicate.forEach((value, key) => {\r\n            if (key === 'startDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else if (key === 'endDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else {\r\n                params.append(key, value);\r\n            }\r\n        })\r\n        return params;\r\n    }\r\n\r\n    get axiosParamsContent() {\r\n        const params = new URLSearchParams();\r\n        params.append('pageNumber', this.pagingParams.pageNumber.toString());\r\n        params.append('pageSize', \"4\");\r\n        this.predicate.forEach((value, key) => {\r\n            if (key === 'startDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else if (key === 'endDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else {\r\n                params.append(key, value);\r\n            }\r\n        })\r\n        return params;\r\n    }\r\n\r\n    get articlesByDate() {\r\n        return Array.from(this.articleRegistry.values()).sort((a, b) =>\r\n            a.createDate!.getTime() - b.createDate!.getTime());\r\n    }\r\n\r\n    get groupedArticles() {\r\n        return Object.entries(\r\n            this.articlesByDate.reduce((activities, activity) => {\r\n                const date = format(activity.createDate!, 'dd MMM yyyy');\r\n                activities[date] = activities[date] ? [...activities[date], activity] : [activity];\r\n                return activities;\r\n            }, {} as { [key: string]: Article[] })\r\n        )\r\n    }\r\n\r\n    loadArticles = async () => {\r\n        this.setLoadingInitial(true);\r\n        try {\r\n            const result = await agent.Articles.list(this.axiosParams);\r\n            result.data.forEach(article => {\r\n                this.articles.push(article);\r\n            })\r\n            this.setPagination(result.pagination);\r\n            this.setLoadingInitial(false);\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n        }\r\n    }\r\n\r\n    getArticlesContent = async (articleGroupId: string = \"\", articleGroupName: string = \"\") => {\r\n        this.setLoadingInitial(true);\r\n        const articles: Article[] = [];\r\n        try {\r\n            const result = await agent.Articles.list(this.axiosParamsFirstPageFiveContent);\r\n            result.data.forEach(article => {\r\n                articles.push(article);\r\n            });\r\n            \r\n            this.setPagination(result.pagination);\r\n            this.setLoadingInitial(false);\r\n\r\n            return articles;\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n            return articles;\r\n        }\r\n    }\r\n\r\n    getArticleContent = async (articleId: string) => {\r\n        this.setLoadingInitial(true);\r\n        let article = new Article;\r\n        try {\r\n            article = await agent.Articles.details(articleId);\r\n            \r\n            this.setLoadingInitial(false);\r\n            return article;\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n            return article;\r\n        }\r\n    }\r\n\r\n    loadFirstPageOrganizationNews = async () => {\r\n        this.setLoadingInitial(true);\r\n        const articles: Article[] = [];\r\n        try {\r\n            this.setPredicate('articleGroupDetailName', this.ORGANIZATION_NEWS);\r\n            const result = await agent.Articles.list(this.axiosParamsFirstPageThreeContent);\r\n            result.data.forEach(article => {\r\n                articles.push(article);\r\n            });\r\n\r\n            return articles;\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n            return articles;\r\n        }\r\n    }\r\n\r\n    loadFirstPageNews = async () => {\r\n        this.setLoadingInitial(true);\r\n        const articles: Article[] = [];\r\n        try {\r\n            this.setPredicate('articleGroupDetailName', this.NEWS_NEWS);\r\n            const result = await agent.Articles.list(this.axiosParamsFirstPageThreeContent);\r\n\r\n            result.data.forEach(article => {\r\n                articles.push(article);\r\n            });\r\n\r\n            return articles;\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n            return articles;\r\n        }\r\n    }\r\n\r\n    loadFirstPageNewsRadio = async () => {\r\n        this.setLoadingInitial(true);\r\n        const articles: Article[] = [];\r\n        try {\r\n            this.setPredicate('articleGroupName', this.NEWS);\r\n            const result = await agent.Articles.list(this.axiosParamsFirstPageThreeContent);\r\n\r\n            result.data.forEach(article => {\r\n                articles.push(article);\r\n            });\r\n\r\n            return articles;\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n            return articles;\r\n        }\r\n    }\r\n\r\n    loadFirstPageRadio = async () => {\r\n        this.setLoadingInitial(true);\r\n        const articles: Article[] = [];\r\n        try {\r\n            this.setPredicate('articleGroupDetailName', this.RADIO_GOODMORNING);\r\n            const result = await agent.Articles.list(this.axiosParamsFirstPageFiveContent);\r\n\r\n            result.data.forEach(article => {\r\n                articles.push(article);\r\n            });\r\n\r\n            return articles;\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n            return articles;\r\n        }\r\n    }\r\n\r\n    loadFirstPageOrganizationActivity = async () => {\r\n        this.setLoadingInitial(true);\r\n        const articles: Article[] = [];\r\n        try {\r\n            this.setPredicate('articleGroupDetailName', this.ORGANIZATION_ACTIVITY);\r\n            const result = await agent.Articles.list(this.axiosParamsFirstPage);\r\n\r\n            result.data.forEach(article => {\r\n                articles.push(article);\r\n            });\r\n\r\n            return articles;\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n            return articles;\r\n        }\r\n    }\r\n\r\n    loadFirstPageResearch = async () => {\r\n        this.setLoadingInitial(true);\r\n        const articles: Article[] = [];\r\n        try {\r\n            this.setPredicate('articleGroupDetailName', this.RESEARCH);\r\n            const result = await agent.Articles.list(this.axiosParamsFirstPageResearch);\r\n\r\n            result.data.forEach(article => {\r\n                articles.push(article);\r\n            });\r\n\r\n            return articles;\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n            return articles;\r\n        }\r\n    }\r\n\r\n    loadFirstPageResearchBook = async () => {\r\n        this.setLoadingInitial(true);\r\n        const articles: Article[] = [];\r\n        try {\r\n            this.setPredicate('articleGroupDetailName', this.RESEARCH_BOOK);\r\n            const result = await agent.Articles.list(this.axiosParamsFirstPageResearch);\r\n\r\n            result.data.forEach(article => {\r\n                articles.push(article);\r\n            });\r\n\r\n            return articles;\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n            return articles;\r\n        }\r\n    }\r\n\r\n    setPagination = (pagination: Pagination) => {\r\n        this.pagination = pagination;\r\n    }\r\n\r\n    loadArticle = async (id: string) => {\r\n        let article = this.getArticle(id);\r\n        if (article) {\r\n            this.selectedArticle = article;\r\n            return article;\r\n        } else {\r\n            this.loadingInitial = true;\r\n            try {\r\n                article = await agent.Articles.details(id);\r\n                this.setArticle(article);\r\n                runInAction(() => {\r\n                    this.selectedArticle = article;\r\n                })\r\n                this.setLoadingInitial(false);\r\n                return article;\r\n            } catch (error) {\r\n                console.log(error);\r\n                this.setLoadingInitial(false);\r\n            }\r\n        }\r\n    }\r\n\r\n    clearArticles = async () => {\r\n        this.setLoadingInitial(true);\r\n        try {\r\n            this.articles = [];\r\n            this.setLoadingInitial(false);\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n        }\r\n    }\r\n\r\n    private setArticle = (article: Article) => {\r\n        const user = store.userStore.user;\r\n        // if (user) {\r\n        //     activity.isGoing = activity.attendees!.some(\r\n        //         a => a.username === user.username\r\n        //     )\r\n        //     activity.isHost = activity.hostUsername === user.username;\r\n        //     activity.host = activity.attendees?.find(x => x.username === activity.hostUsername);\r\n        // }\r\n        // activity.date = new Date(activity.date!);\r\n        this.articleRegistry.set(article.id, article);\r\n    }\r\n\r\n    private getArticle = (id: string) => {\r\n        return this.articleRegistry.get(id);\r\n    }\r\n\r\n    setLoadingInitial = (state: boolean) => {\r\n        this.loadingInitial = state;\r\n    }\r\n\r\n    selectArticle = (id: string) => {\r\n        this.selectedArticle = this.articles.find(a => a.id === id);\r\n    }\r\n\r\n    cancelSelectedArticle = () => {\r\n        this.selectedArticle = undefined;\r\n    }\r\n\r\n    openForm = (id?: string) => {\r\n        id ? this.selectArticle(id) : this.cancelSelectedArticle();\r\n        this.editMode = true;\r\n    }\r\n\r\n    closeForm = () => {\r\n        this.editMode = false;\r\n    }\r\n\r\n    createArticle = async (article: ArticleFormValues) => {\r\n        const user = store.userStore.user;\r\n        try {\r\n            await agent.Articles.create(article);\r\n            const newArticle = new Article(article);\r\n            this.setArticle(newArticle);\r\n            runInAction(() => {\r\n                this.selectedArticle = newArticle;\r\n            })\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n    updateArticle = async (article: ArticleFormValues) => {\r\n        this.uploading = true;\r\n        try {\r\n            await agent.Articles.update(article);\r\n            runInAction(() => {\r\n                if (article.id) {\r\n                    let updatedArticle = { ...this.getArticle(article.id), ...article }\r\n                    this.articleRegistry.set(article.id, updatedArticle as Article);\r\n                    this.selectedArticle = updatedArticle as Article;\r\n                    this.uploading = false;\r\n                }\r\n            })\r\n        } catch (error) {\r\n            runInAction(() => {\r\n                this.uploading = false;\r\n            });\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n    uploadPhoto = async (file: Blob, filename: string, articleId: string) => {\r\n        this.uploading = true;\r\n        try {\r\n            const response = await agent.Articles.uploadPhoto(file, filename, articleId);\r\n            const photo = response.data;\r\n            runInAction(() => {\r\n                this.article?.photos?.push(photo);\r\n                this.uploading = false;\r\n            });\r\n        } catch (error) {\r\n            console.log(error);\r\n            runInAction(() => this.uploading = false);\r\n        }\r\n    }\r\n\r\n    setMainPhoto = async (photo: Photo) => {\r\n        this.loading = true;\r\n        try {\r\n            await agent.Articles.setMainPhoto(photo.id);\r\n            // store.articleStore.setImage(photo.url);\r\n            runInAction(() => {\r\n                // if (this.profile && this.profile.photos) {\r\n                //     this.profile.photos.find(p => p.isMain)!.isMain = false;\r\n                //     this.profile.photos.find(p => p.id === photo.id)!.isMain = true;\r\n                //     this.profile.image = photo.url;\r\n                //     this.loading = false;\r\n                // }\r\n                this.loading = false;\r\n            })\r\n        } catch (error) {\r\n            runInAction(() => this.loading = false);\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n    deletePhoto = async (photoId: string, articleId: string) => {\r\n        this.loading = true;\r\n        try {\r\n            const result = await agent.Articles.deletePhoto(photoId, articleId);\r\n         \r\n            runInAction(() => {\r\n                this.uploading = false;\r\n            });\r\n            return true;\r\n        } catch (error) {\r\n            runInAction(() => {\r\n                this.uploading = false;\r\n            });\r\n            console.log(error);\r\n            return false;\r\n        }\r\n    }\r\n\r\n  \r\n\r\n\r\n}","export interface MainVideoNews {\r\n  id: string;\r\n  youtubeLink: string;\r\n}\r\n\r\nexport class MainVideoNews implements MainVideoNews {\r\n  constructor(init?: MainVideoNewsFormValues) {\r\n    Object.assign(this, init);\r\n  }\r\n}\r\n\r\nexport class MainVideoNewsFormValues {\r\n  id?: string = undefined;\r\n  youtubeLink: string = '';\r\n \r\n  constructor(mainVideoNews?: MainVideoNewsFormValues) {\r\n    if (mainVideoNews) {\r\n      this.id = mainVideoNews.id;\r\n      this.youtubeLink = mainVideoNews.youtubeLink;\r\n    }\r\n  }\r\n}","import agent from \"app/api/agent\";\r\nimport { Article, ArticleFormValues, Photo } from \"app/models/articles\";\r\nimport { Pagination, PagingParams } from \"app/models/pagination\";\r\nimport { makeAutoObservable, reaction, runInAction } from \"mobx\";\r\nimport { store } from \"./store\";\r\nimport { format } from 'date-fns';\r\nimport { MainVideoNews, MainVideoNewsFormValues } from \"app/models/main_video_news\";\r\n\r\nexport default class mainVideoNewsStore {\r\n    mainVideoNewsRegistry = new Map<string, MainVideoNews>();\r\n    mainVideoNews: MainVideoNews[] = [];\r\n    mainVideoNew: MainVideoNews | null = null;\r\n    selectedMainVideoNew: MainVideoNews | undefined = undefined;\r\n    editMode = false;\r\n    loading = false;\r\n    loadingInitial = false;\r\n    pagination: Pagination | null = null;\r\n    pagingParams = new PagingParams();\r\n    predicate = new Map();\r\n    uploading = false;\r\n\r\n    constructor() {\r\n        makeAutoObservable(this);\r\n\r\n        reaction(\r\n            () => this.predicate.keys(),\r\n            () => {\r\n                this.pagingParams = new PagingParams();\r\n                this.mainVideoNewsRegistry.clear();\r\n                // this.loadArticles();\r\n                // this.loadFirstPageArticlesAll();\r\n            }\r\n        )\r\n    }\r\n\r\n    setLoadingInitial = (state: boolean) => {\r\n        this.loadingInitial = state;\r\n    }\r\n\r\n    setPagingParams = (pagingParams: PagingParams) => {\r\n        this.pagingParams = pagingParams;\r\n    }\r\n\r\n    setPagination = (pagination: Pagination) => {\r\n        this.pagination = pagination;\r\n    }\r\n\r\n    private setMainVideoNews = (mainVideoNews: MainVideoNews) => {\r\n        const user = store.userStore.user;\r\n        this.mainVideoNewsRegistry.set(mainVideoNews.id, mainVideoNews);\r\n    }\r\n\r\n    private getMainVideoNews = (id: string) => {\r\n        return this.mainVideoNewsRegistry.get(id);\r\n    }\r\n\r\n    get axiosParams() {\r\n        const params = new URLSearchParams();\r\n        params.append('pageNumber', this.pagingParams.pageNumber.toString());\r\n        params.append('pageSize', this.pagingParams.pageSize.toString());\r\n        this.predicate.forEach((value, key) => {\r\n            if (key === 'startDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else if (key === 'endDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else {\r\n                params.append(key, value);\r\n            }\r\n        })\r\n        return params;\r\n    }\r\n\r\n    get axiosMainVideoNewsParams() {\r\n        const params = new URLSearchParams();\r\n        params.append('pageNumber', this.pagingParams.pageNumber.toString());\r\n        params.append('pageSize', \"1\");\r\n        this.predicate.forEach((value, key) => {\r\n            if (key === 'startDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else if (key === 'endDate') {\r\n                params.append(key, (value as Date).toISOString())\r\n            }\r\n            else {\r\n                params.append(key, value);\r\n            }\r\n        })\r\n        return params;\r\n    }\r\n\r\n    loadingMainVideoNews = async () => {\r\n        this.setLoadingInitial(true);\r\n        try {\r\n            const result = await agent.MainVideoNews.list(this.axiosMainVideoNewsParams);\r\n            result.data.forEach(article => {\r\n                this.mainVideoNews.push(article);\r\n            })\r\n            this.setPagination(result.pagination);\r\n            this.setLoadingInitial(false);\r\n            return this.mainVideoNews;\r\n        } catch (error) {\r\n            this.setLoadingInitial(false);\r\n        }\r\n    }\r\n\r\n    createMainVideoNews = async (mainVideoNews: MainVideoNewsFormValues) => {\r\n        this.uploading = true;\r\n        try {\r\n            await agent.MainVideoNews.create(mainVideoNews);\r\n            const newMainVideoNews = new MainVideoNews(mainVideoNews);\r\n            this.setMainVideoNews(newMainVideoNews);\r\n            runInAction(() => {\r\n                this.selectedMainVideoNew = newMainVideoNews;\r\n                this.uploading = false;\r\n            })\r\n        } catch (error) {\r\n            runInAction(() => {\r\n                this.uploading = false;\r\n            });\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n    updateMainVideoNews = async (mainVideoNews: MainVideoNewsFormValues) => {\r\n        this.uploading = true;\r\n        try {\r\n            await agent.MainVideoNews.update(mainVideoNews);\r\n            runInAction(() => {\r\n                if (mainVideoNews.id) {\r\n                    let updatedMainVideoNews = { ...this.getMainVideoNews(mainVideoNews.id), ...mainVideoNews }\r\n                    this.mainVideoNewsRegistry.set(mainVideoNews.id, updatedMainVideoNews as MainVideoNews);\r\n                    this.selectedMainVideoNew = updatedMainVideoNews as MainVideoNews;\r\n                    this.uploading = false;\r\n                }\r\n            })\r\n        } catch (error) {\r\n            runInAction(() => {\r\n                this.uploading = false;\r\n            });\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n\r\n}","import agent from \"app/api/agent\";\r\nimport { UserFormValues, Users } from \"app/models/users\";\r\nimport { makeAutoObservable, runInAction } from \"mobx\";\r\nimport { store } from \"./store\";\r\nimport { history } from \"../..\";\r\n\r\nexport default class UserStore {\r\n\r\n    user: Users | null = null;\r\n    refreshTokenTimeout: any;\r\n    loading = false;\r\n\r\n    constructor() {\r\n        makeAutoObservable(this)\r\n    }\r\n\r\n    get isLoggedIn() {\r\n        return !!this.user;\r\n    }\r\n\r\n    login = async (creds: UserFormValues) => {\r\n        try {\r\n            const user = await agent.Account.login(creds);\r\n            store.commonStore.setToken(user.token);\r\n            this.startRefreshTokenTimer(user);\r\n            runInAction(() => this.user = user);\r\n            history.push('/admin');\r\n        } catch (error) {\r\n            throw error;\r\n        }\r\n    }\r\n\r\n    logout = () => {\r\n        store.commonStore.setToken(null);\r\n        window.localStorage.removeItem('jwt');\r\n        this.user = null;\r\n        history.push('/admin');\r\n    }\r\n\r\n    getUser = async () => {\r\n        try {\r\n            const user = await agent.Account.current();\r\n            store.commonStore.setToken(user.token);\r\n            runInAction(() => this.user = user);\r\n            this.startRefreshTokenTimer(user);\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n    register = async (creds: UserFormValues) => {\r\n        try {\r\n            await agent.Account.register(creds);\r\n            history.push(`/account/registerSuccess?username=${creds.username}`);\r\n            store.modalStore.closeModal();\r\n        } catch (error) {\r\n            throw error;\r\n        }\r\n    }\r\n\r\n    changePassword = async (creds: UserFormValues) => {\r\n        this.loading = true;\r\n        try {\r\n            this.user != null ? creds.username = this.user.username : creds.username = \"\";\r\n            await agent.Account.changePassword(creds);\r\n            this.loading = false;\r\n        } catch (error) {\r\n            this.loading = false;\r\n            throw error;\r\n        }\r\n    }\r\n\r\n    setDisplayName = (name: string) => {\r\n        if (this.user) this.user.displayName = name;\r\n    }\r\n\r\n    refreshToken = async () => {\r\n        this.stopRefreshTokenTimer();\r\n        try {\r\n            const user = await agent.Account.refreshToken();\r\n            runInAction(() => this.user = user);\r\n            store.commonStore.setToken(user.token);\r\n            this.startRefreshTokenTimer(user);\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n    private startRefreshTokenTimer(user: Users) {\r\n        const jwtToken = JSON.parse(atob(user.token.split('.')[1]));\r\n        const expires = new Date(jwtToken.exp * 1000);\r\n        const timeout = expires.getTime() - Date.now() - (60 * 1000);\r\n        this.refreshTokenTimeout = setTimeout(this.refreshToken, timeout);\r\n    }\r\n\r\n    private stopRefreshTokenTimer() {\r\n        clearTimeout(this.refreshTokenTimeout);\r\n    }\r\n\r\n}","import { createContext, useContext } from \"react\";\r\nimport ArticleGroupDetailStore from \"./articleGroupDetailStore\";\r\nimport ArticleStore from \"./articleStore\";\r\nimport CommonStore from \"./commonStore\";\r\nimport mainVideoNewsStore from \"./mainVideoNewsStore\";\r\nimport ModalStore from \"./modalStore\";\r\nimport UserStore from \"./userStore\";\r\n\r\ninterface Store{\r\n    articleStore: ArticleStore;\r\n    articleGroupDetailStore: ArticleGroupDetailStore;\r\n    commonStore: CommonStore;\r\n    userStore: UserStore;\r\n    modalStore: ModalStore;\r\n    mainVideoNewsStore: mainVideoNewsStore;\r\n}\r\n\r\nexport const store: Store = {\r\n    articleStore: new ArticleStore(),\r\n    articleGroupDetailStore: new ArticleGroupDetailStore(),\r\n    commonStore: new CommonStore(),\r\n    userStore: new UserStore(),\r\n    modalStore: new ModalStore(),\r\n    mainVideoNewsStore: new mainVideoNewsStore(),\r\n}\r\n\r\nexport const StoreContext = createContext(store);\r\n\r\nexport function useStore(){\r\n    return useContext(StoreContext);\r\n}","import { makeAutoObservable, reaction } from \"mobx\";\r\nimport { ServerError } from \"../models/serverError\";\r\n\r\nexport default class CommonStore {\r\n    error: ServerError | null = null;\r\n    token: string | null = window.localStorage.getItem('jwt');\r\n    appLoaded = false;\r\n\r\n    constructor() {\r\n        makeAutoObservable(this);\r\n\r\n        reaction(\r\n            () => this.token,\r\n            token => {\r\n                if (token) {\r\n                    window.localStorage.setItem('jwt', token)\r\n                } else {\r\n                    window.localStorage.removeItem('jwt')\r\n                }\r\n            }\r\n        )\r\n    }\r\n    \r\n    setServerError = (error: ServerError) => {\r\n        this.error = error;\r\n    }\r\n\r\n    setToken = (token: string | null) => {\r\n        this.token = token;\r\n    }\r\n\r\n    setAppLoaded = () => {\r\n        this.appLoaded = true;\r\n    }\r\n}","import { makeAutoObservable } from \"mobx\"\r\n\r\ninterface Modal {\r\n    open: boolean;\r\n    body: JSX.Element | null;\r\n}\r\n\r\nexport default class ModalStore {\r\n    modal: Modal = {\r\n        open: false,\r\n        body: null\r\n    }\r\n\r\n    constructor() {\r\n        makeAutoObservable(this)\r\n    }\r\n\r\n    openModal = (content: JSX.Element) => {\r\n        this.modal.open = true;\r\n        this.modal.body = content;\r\n    }\r\n\r\n    closeModal = () => {\r\n        this.modal.open = false;\r\n        this.modal.body = null;\r\n    }\r\n}","import React from 'react';\r\nimport { Dimmer, Loader } from 'semantic-ui-react';\r\n\r\ninterface Props {\r\n    inverted?: boolean;\r\n    content: string;\r\n}\r\n\r\nexport default function LoandingComponent({ inverted = true, content = 'Loading...' }: Props) {\r\n    return (\r\n        <Dimmer active={true} inverted={inverted}>\r\n            <Loader content={content} />\r\n        </Dimmer>\r\n    )\r\n}","import { useState } from \"react\";\r\nimport \"./styles.css\";\r\nimport SunEditor from \"suneditor-react\";\r\nimport \"suneditor/dist/css/suneditor.min.css\";\r\nimport { Button, Grid } from \"semantic-ui-react\";\r\nimport { useStore } from \"app/stores/store\";\r\n\r\ninterface Props {\r\n    initialContent?: string;\r\n    onSubmit: (content: string) => void;\r\n}\r\n\r\nexport const TranslationArea = ({\r\n    initialContent = \"\",\r\n    onSubmit\r\n}: Props) => {\r\n\r\n    const [content, setContent] = useState(initialContent);\r\n    const { articleStore, userStore } = useStore();\r\n    \r\n    return (\r\n        <div>\r\n            <SunEditor\r\n                autoFocus={true}\r\n                width=\"100%\"\r\n                height=\"400px\"\r\n                setOptions={{\r\n                    buttonList: [\r\n                        // default\r\n                        [\"undo\", \"redo\"],\r\n                        [\"fontSize\", \"bold\", \"underline\", \"italic\", \"list\", \"blockquote\"],\r\n                        [\"table\", \"link\", \"image\"],\r\n                        [\"fullScreen\"],\r\n                        [\"preview\"]\r\n                    ]\r\n                }}\r\n                setContents={initialContent}\r\n                onChange={setContent}\r\n            />\r\n            <br></br>\r\n            <div>\r\n                <Grid columns={1} stackable >\r\n                    <Grid.Column>\r\n                        <Button disabled={articleStore.uploading} loading={articleStore.uploading} onClick={() => onSubmit(content)} positive type='submit'>Save Content</Button>\r\n                    </Grid.Column>\r\n                </Grid>\r\n            </div>\r\n        </div>\r\n    );\r\n};","import React from 'react';\r\nimport { Cropper } from 'react-cropper';\r\nimport 'cropperjs/dist/cropper.css';\r\n\r\ninterface Props {\r\n    imagePreview: string;\r\n    setCropper: (cropper: Cropper) => void;\r\n}\r\n\r\nexport default function PhotoWidgetCropper({imagePreview, setCropper}: Props) {\r\n    return (\r\n        <Cropper \r\n            src={imagePreview}\r\n            style={{height: 200, width: '100%'}}\r\n            initialAspectRatio={1}\r\n            aspectRatio={1}\r\n            preview='.img-preview'\r\n            guides={false}\r\n            viewMode={0}\r\n            autoCropArea={1}\r\n            background={false}\r\n            \r\n            onInitialized={cropper => setCropper(cropper)}\r\n        />\r\n    )\r\n}","import React, { useCallback } from 'react'\r\nimport { useDropzone } from 'react-dropzone'\r\nimport { Header, Icon } from 'semantic-ui-react'\r\nimport { string } from 'yup'\r\n\r\ninterface Props {\r\n    setFiles: (files: any) => void;\r\n    setFilename: (filename: string) => void;\r\n}\r\n\r\nexport default function PhotoWidgetDropzone({ setFiles, setFilename }: Props) {\r\n    const dzStyles = {\r\n        border: 'dashed 3px #eee',\r\n        borderColor: '#eee',\r\n        borderRadius: '5px',\r\n        paddingTop: '30px',\r\n        textAlign: 'center' as 'center',\r\n        height: 200\r\n    }\r\n\r\n    const dzActive = {\r\n        borderColor: 'green'\r\n    }\r\n\r\n    const onDrop = useCallback(acceptedFiles => {\r\n        setFiles(acceptedFiles.map((file: any) => Object.assign(file, {\r\n            preview: URL.createObjectURL(file)\r\n        })));\r\n\r\n        const acceptedFileItems = acceptedFiles.map((file: { path: string }) => (\r\n            file.path\r\n        ));\r\n\r\n        setFilename(acceptedFileItems);\r\n\r\n    }, [setFiles])\r\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop })\r\n\r\n    return (\r\n        <div {...getRootProps()} style={isDragActive ? { ...dzStyles, ...dzActive } : dzStyles} >\r\n            <input {...getInputProps()} />\r\n            <Icon name='upload' size='huge' />\r\n            <Header content='Drop image here' />\r\n        </div>\r\n    )\r\n}\r\n\r\nfunction setFilename(acceptedFileItems: any) {\r\n    throw new Error('Function not implemented.')\r\n}\r\n","\r\nimport { Article, ArticleFormValues } from 'app/models/articles';\r\nimport { ArticleGroups } from 'app/models/article_groups';\r\nimport React, { ChangeEvent, useEffect, useState } from 'react';\r\nimport { Button, Form, Modal, Icon, Image, Grid, Header, Segment, Card, Tab } from 'semantic-ui-react';\r\nimport 'suneditor/dist/css/suneditor.min.css';\r\nimport { TranslationArea } from './TranslationArea';\r\nimport agent from 'app/api/agent';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useStore } from 'app/stores/store';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { observer } from 'mobx-react-lite';\r\nimport PhotoUploadWidget from 'app/common/imageUpload/PhotoUploadWidget';\r\nimport { ArticleGroupDetails } from 'app/models/article_group_details';\r\n\r\nimport PhotoWidgetCropper from 'app/common/imageUpload/PhotoWidgetCropper';\r\nimport PhotoWidgetDropzone from 'app/common/imageUpload/PhotoWidgetDropzone';\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\n\r\ninterface Props {\r\n    article: Article | undefined;\r\n    articleGroupDetails: ArticleGroupDetails[];\r\n}\r\n\r\nexport default observer(function ContentManagementForm({ article: articleSelected, articleGroupDetails }: Props) {\r\n\r\n    const history = useHistory();\r\n    const { articleStore, userStore } = useStore();\r\n    const { selectedArticle, createArticle } = articleStore;\r\n\r\n    const [article, setArticle] = useState<ArticleFormValues>(new ArticleFormValues());\r\n    const [files, setFiles] = useState<any>([]);\r\n    const [filename, setFilename] = useState<any>([]);\r\n    const [addPhotoMode, setAddPhotoMode] = useState(false);\r\n    const [cropper, setCropper] = useState<Cropper>();\r\n    const [loadingNext, setLoadingNext] = useState(false);\r\n\r\n    useEffect(() => {\r\n\r\n        if (articleSelected) {\r\n            var formObject = new ArticleFormValues();\r\n\r\n            formObject.id = articleSelected?.id!;\r\n            formObject.section = articleSelected?.section;\r\n            formObject.sectionDetail = articleSelected?.sectionDetail;\r\n            formObject.youtubeLink = articleSelected?.youtubeLink;\r\n            formObject.articleGroupId = articleSelected?.articleGroupId;\r\n            formObject.articleGroupDetailId = articleSelected?.articleGroupDetail.id;\r\n            formObject.content = articleSelected?.content;\r\n            formObject.createDate = articleSelected?.createDate;\r\n            formObject.articleGroupName = articleSelected?.articleGroup.name;\r\n            formObject.articleGroupDetailName = articleSelected?.articleGroupDetailName;\r\n\r\n            if (articleSelected.photos.length > 0) {\r\n                formObject.photos = articleSelected.photos;\r\n            }\r\n\r\n            setArticle(new ArticleFormValues(formObject))\r\n\r\n        };\r\n    }, [files]);\r\n\r\n    const textButton = articleSelected ? 'Edit' : 'Add';\r\n\r\n    function handleSubmit() {\r\n\r\n        const deletePhoto = async (photoIdForDelete: string, Id: string) => {\r\n            const result = await (articleStore.deletePhoto(photoIdForDelete, Id));\r\n        };\r\n\r\n        if (userStore.user) {\r\n            article.createBy = userStore.user?.username\r\n        } else {\r\n            article.createBy = 'SYSTEM';\r\n        }\r\n\r\n        if (article?.id) {\r\n\r\n            if (article.photos != undefined && article.photos.length > 0) {\r\n                const photoIdForDelete = article.photos[0].id;\r\n\r\n                if (photoIdForDelete && cropper) {\r\n                    deletePhoto(photoIdForDelete, article.id);\r\n                }\r\n                else {\r\n                    article.photos = undefined;\r\n                }\r\n\r\n            }\r\n\r\n            if (cropper) {\r\n                cropper.getCroppedCanvas().toBlob(blob => articleStore.uploadPhoto(blob!, filename, article.id!));\r\n                article.photos = articleStore.article?.photos;\r\n            }\r\n\r\n            article.tagId = uuid();\r\n            articleStore.updateArticle(article);\r\n\r\n        } else {\r\n            article.id = uuid();\r\n            article.tagId = uuid();\r\n            article.createDate = new Date();\r\n            createArticle(article).then(() => {\r\n                if (cropper) {\r\n                    cropper.getCroppedCanvas().toBlob(blob => articleStore.uploadPhoto(blob!, filename, article.id!));\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    function handleInputChange(event: ChangeEvent<HTMLInputElement>) {\r\n        const { name, value } = event.target;\r\n        setArticle({ ...article, [name]: value })\r\n    }\r\n\r\n    const [open, setOpen] = React.useState(false)\r\n\r\n    const onSubmitContent = (content: string) => {\r\n        \r\n        article.content = content;\r\n        article.tagId = uuid();\r\n        article.photos = undefined;\r\n        setArticle(article);\r\n\r\n        articleStore.updateArticle(article);\r\n    };\r\n\r\n    function onArticleGroupSelected(event: ChangeEvent<HTMLSelectElement>) {\r\n        article.articleGroupDetailId = event.target.value;\r\n        const { name, value } = event.target;\r\n\r\n        articleGroupDetails.filter(x => x.id == article.articleGroupDetailId).map(data => {\r\n            article.articleGroupId = data.articleGroup.id;\r\n        });\r\n\r\n        setArticle({ ...article, [name]: value });\r\n    }\r\n\r\n    function onClose() {\r\n        articleStore.clearArticles();\r\n        articleStore.loadArticles();\r\n        setOpen(false);\r\n    }\r\n\r\n    if (articleStore.loadingInitial && !loadingNext) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n        <Grid>\r\n            <Grid.Row>\r\n                <Grid.Column>\r\n                    <Modal\r\n                        open={open}\r\n                        onClose={() => setOpen(false)}\r\n                        onOpen={() => setOpen(true)}\r\n                        closeOnDimmerClick={false}\r\n                        size={'fullscreen'}\r\n\r\n                        trigger={<Button className=\"ui basic green button\">{textButton}</Button>}>\r\n\r\n                        <Modal.Content scrolling>\r\n                            <Modal.Description>\r\n                                <Grid columns={2} divided >\r\n                                    <Grid.Row stretched >\r\n                                        <Grid.Column textalign='left' columns={2}>\r\n                                            <Segment>\r\n                                                <Form onSubmit={handleSubmit} autoComplete='off'>\r\n                                                    <Form.Field textalign='left'>\r\n                                                        <label>Content Group</label>\r\n                                                        <select name=\"skills\" className=\"ui fluid search dropdown admin-input\"\r\n                                                            value={article.articleGroupDetailId}\r\n                                                            onChange={onArticleGroupSelected}\r\n                                                            required>\r\n                                                            <option value=''> == Select == </option>\r\n                                                            {articleGroupDetails.map(articleGroupDetail => (\r\n                                                                <option value={articleGroupDetail.id}>\r\n                                                                    {articleGroupDetail.articleGroup.description + ' - ' + articleGroupDetail.description}\r\n                                                                </option>\r\n                                                            ))}\r\n                                                        </select>\r\n                                                    </Form.Field>\r\n                                                    <Form.Field textalign='left'>\r\n                                                        <label>Section</label>\r\n                                                        <input placeholder='Section' value={article.section} name='section' onChange={handleInputChange} required />\r\n                                                    </Form.Field>\r\n                                                    <Form.Field textalign='left'>\r\n                                                        <label>Video Link เช่น Youtube, Facebook 1.กดปุ่ม Share 2. Copy Link</label>\r\n                                                        <input placeholder='Video Link' value={article.youtubeLink} name='youtubeLink' onChange={handleInputChange} />\r\n                                                    </Form.Field>\r\n                                                    <Form.Field>\r\n                                                        <Tab.Pane>\r\n                                                            <Grid>\r\n                                                                <Grid.Column width={16}>\r\n                                                                    <Header floated='left' icon='image' content='Photos' />\r\n                                                                </Grid.Column>\r\n                                                                <Grid.Column width={16}>\r\n                                                                    <Grid>\r\n                                                                        <Grid.Column width={4}>\r\n                                                                            <Header sub color='teal' content='Step 1 - Add Photo' />\r\n                                                                            <PhotoWidgetDropzone setFiles={setFiles} setFilename={setFilename} />\r\n                                                                        </Grid.Column>\r\n                                                                        <Grid.Column width={1} />\r\n                                                                        <Grid.Column width={4}>\r\n                                                                            <Header sub color='teal' content='Step 2 - Resize image' />\r\n                                                                            {files && files.length > 0 && (\r\n                                                                                <PhotoWidgetCropper setCropper={setCropper} imagePreview={files[0].preview} />\r\n                                                                            )}\r\n                                                                        </Grid.Column>\r\n                                                                        <Grid.Column width={1} />\r\n                                                                        <Grid.Column width={4}>\r\n                                                                            <Header sub color='teal' content='Step 3 - Preview & Upload' />\r\n                                                                            {files && files.length > 0 &&\r\n                                                                                <>\r\n                                                                                    <div className='img-preview' style={{ minHeight: 200, overflow: 'hidden' }} />\r\n                                                                                    <Button.Group widths={2}>\r\n                                                                                        {/* <Button loading={articleStore.uploading} onClick={onCrop} positive icon='check' /> */}\r\n                                                                                        <Button disabled={articleStore.uploading} onClick={() => setFiles([])} icon='close' />\r\n                                                                                    </Button.Group>\r\n                                                                                </>}\r\n\r\n                                                                        </Grid.Column>\r\n                                                                    </Grid>\r\n\r\n                                                                    <Card.Group itemsPerRow={3}>\r\n                                                                        {article.photos?.filter(x => x.isMain === true).map(photo => (\r\n                                                                            <Card>\r\n                                                                                <Image src={photo.url} size='medium' />\r\n                                                                            </Card>\r\n                                                                        ))}\r\n                                                                    </Card.Group>\r\n\r\n                                                                </Grid.Column>\r\n                                                            </Grid>\r\n                                                        </Tab.Pane>\r\n                                                    </Form.Field>\r\n                                                    <Form.Field textalign='left'>\r\n                                                        <label>Section Detail</label>\r\n                                                        <input placeholder='Section Detaill' value={article.sectionDetail} name='sectionDetail' onChange={handleInputChange} required />\r\n                                                    </Form.Field>\r\n                                                    <Button disabled={articleStore.uploading} loading={articleStore.uploading} positive type='submit' >Save Article</Button>\r\n                                                </Form>\r\n                                            </Segment>\r\n                                        </Grid.Column>\r\n                                        <Grid.Column >\r\n                                            <Segment>\r\n                                                <div className=\"TransalationArea\" id=\"TransalationAreaId\">\r\n                                                    <TranslationArea\r\n                                                        initialContent={article.content}\r\n                                                        onSubmit={onSubmitContent}\r\n                                                    />\r\n                                                </div>\r\n                                            </Segment>\r\n                                        </Grid.Column>\r\n                                    </Grid.Row>\r\n                                </Grid>\r\n\r\n                            </Modal.Description>\r\n                        </Modal.Content>\r\n                        <Modal.Actions>\r\n                            <Button onClick={() => onClose()} disabled={articleStore.uploading} loading={articleStore.uploading} primary>\r\n                                Close <Icon name='chevron right' />\r\n                            </Button>\r\n\r\n                        </Modal.Actions>\r\n                    </Modal>\r\n                </Grid.Column>\r\n            </Grid.Row>\r\n        </Grid>\r\n    )\r\n})\r\n","import React, { ChangeEvent, useEffect, useState } from 'react';\r\nimport 'app/layout/Admin/ContentManagement/ContentManagement.css';\r\nimport { ArticleGroups } from 'app/models/article_groups';\r\nimport { observer } from 'mobx-react-lite';\r\nimport { ArticleFormValues } from 'app/models/articles';\r\nimport { useStore } from 'app/stores/store';\r\nimport agent from 'app/api/agent';\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport ContentManagementForm from './form/ContentManagementForm';\r\nimport DatePicker from 'react-datepicker';\r\nimport { Button, Container, Form, Icon, Input, Loader, Message } from 'semantic-ui-react';\r\nimport { PaginatedResult, PagingParams } from 'app/models/pagination';\r\nimport InfiniteScroll from 'react-infinite-scroller';\r\nimport { ArticleGroupDetails } from 'app/models/article_group_details';\r\nimport axios from 'axios';\r\n\r\nexport default observer(function ContentManagement() {\r\n\r\n    const { articleStore, articleGroupDetailStore } = useStore();\r\n    const { setPredicate, loadArticles, articleRegistry, setPagingParams, pagination } = articleStore;\r\n\r\n    const [articleGroupDetails, setArticleGroupDetails] = useState<ArticleGroupDetails[]>([]);\r\n\r\n\r\n    const [startDate, setStartDate] = useState<Date>();\r\n    const [endDate, setEndate] = useState<Date>();\r\n\r\n    const [articleForm, setArticleForm] = useState<ArticleFormValues>(new ArticleFormValues());\r\n\r\n    const [loadingNext, setLoadingNext] = useState(false);\r\n\r\n    function handleGetNext() {\r\n        setLoadingNext(true);\r\n        setPagingParams(new PagingParams(pagination!.currentPage + 1))\r\n        loadArticles().then(() => setLoadingNext(false));\r\n    }\r\n\r\n    useEffect(() => {\r\n\r\n        const fetchData = async () => {\r\n            const data = await articleGroupDetailStore.getArticleGroupDetails();\r\n            setArticleGroupDetails(data);\r\n        }\r\n        fetchData();\r\n\r\n        if (articleRegistry.size <= 1) articleStore.loadArticles();\r\n    }, [articleRegistry, articleStore.loadArticles])\r\n\r\n    function handleSubmit() {\r\n        if (articleForm.articleGroupDetailId) setPredicate('articleGroupDetailId', articleForm.articleGroupDetailId);\r\n        if (articleForm.section) setPredicate('section', articleForm.section);\r\n        if (startDate) setPredicate('startDate', startDate as Date);\r\n        if (endDate) setPredicate('endDate', endDate as Date);\r\n\r\n        setPagingParams(new PagingParams());\r\n        articleStore.clearArticles();\r\n        articleStore.loadArticles();\r\n    }\r\n\r\n    function handleInputChange(event: any) {\r\n        const { name, value } = event.target;\r\n        setArticleForm({ ...articleForm, [name]: value });\r\n    }\r\n\r\n    function onArticleGroupSelected(event: ChangeEvent<HTMLSelectElement>) {\r\n        articleForm.articleGroupDetailId = event.target.value;\r\n        const { name, value } = event.target;\r\n        setArticleForm({ ...articleForm, [name]: value });\r\n    }\r\n\r\n    if (articleStore.loadingInitial && !loadingNext) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n        <div className=\"ui one wide column grid admin-main-content\">\r\n            <div className=\"column\">\r\n                <div className=\"ui fluid card\">\r\n                    <div className=\"content\">\r\n                        <div className=\"header\">Content Management</div>\r\n                    </div>\r\n                    <div className=\"content\">\r\n                        <div className=\"ui form admin-container\">\r\n\r\n                            <Form onSubmit={handleSubmit} autoComplete='off' >\r\n                                <Form.Group inline widths={12}>\r\n                                    <Form.Field textalign='left'>\r\n                                        <label>Content Group</label>\r\n                                        <select name=\"articleGroupId\" className=\"ui fluid search dropdown\"\r\n                                            value={articleForm.articleGroupDetailId}\r\n                                            onChange={onArticleGroupSelected}\r\n                                        >\r\n                                            <option value=''> == Select == </option>\r\n                                            {articleGroupDetails.map(articleGroupDetail => (\r\n                                                <option value={articleGroupDetail.id}>{articleGroupDetail.articleGroup.description + ' - ' + articleGroupDetail.description}</option>\r\n                                            ))}\r\n                                        </select>\r\n                                    </Form.Field>\r\n                                    <Form.Field textalign='left'>\r\n                                        <label>Section</label>\r\n                                        <Input placeholder='Section' name=\"section\" value={articleForm.section} onChange={handleInputChange} />\r\n                                    </Form.Field>\r\n                                    <Form.Field textalign='left'>\r\n                                        <label>Start Date</label>\r\n                                        <DatePicker\r\n                                            selected={startDate}\r\n                                            dateFormat={\"dd/MM/yyyy\"}\r\n                                            locale=\"th-TH\"\r\n                                            placeholderText=\"Start Date\"\r\n                                            onChange={(date: Date) => setStartDate(date!)}\r\n                                        />\r\n                                    </Form.Field>\r\n                                    <Form.Field textalign='left'>\r\n                                        <label>End Date</label>\r\n                                        <DatePicker\r\n                                            selected={endDate}\r\n                                            dateFormat={\"dd/MM/yyyy\"}\r\n                                            locale=\"th-TH\"\r\n                                            placeholderText=\"End Date\"\r\n                                            onChange={(date: Date) => setEndate(date!)}\r\n                                        />\r\n                                    </Form.Field>\r\n                                    <Form.Field textalign='left'>\r\n                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                        <Button primary type='submit'>Search</Button>\r\n                                    </Form.Field>\r\n                                </Form.Group>\r\n                            </Form>\r\n                            <div className=\"field\">\r\n                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                {\r\n                                    <ContentManagementForm article={undefined} articleGroupDetails={articleGroupDetails} />\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className=\"content\">\r\n                    {articleStore.loadingInitial && !loadingNext ? (\r\n                        <>\r\n\r\n                        </>\r\n                    ) : (\r\n                        articleStore.articles.length === 0 ? (\r\n                            <></>\r\n                        ) : (\r\n                            <InfiniteScroll\r\n                                pageStart={0}\r\n                                loadMore={handleGetNext}\r\n                                hasMore={!loadingNext && !!pagination && pagination.currentPage < pagination.totalPages}\r\n                                initialLoad={false}\r\n                            >\r\n                                <div className=\"ui fluid card\">\r\n                                    <table className=\"ui sortable celled table\">\r\n                                        <thead>\r\n                                            <tr>\r\n                                                <th className=\"\">Article Group</th>\r\n                                                <th className=\"\">Section</th>\r\n                                                <th className=\"\">Create Date</th>\r\n                                                <th className=\"\">Create By</th>\r\n                                                <th></th>\r\n                                            </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                            {articleStore.articles.map(articles => (\r\n                                                <tr>\r\n                                                    <td>{articles.articleGroup.description + ' - ' + articles.articleGroupDetail.description}</td>\r\n                                                    <td>{articles.section}</td>\r\n                                                    <td>\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(articles.createDate))}\r\n                                                    </td>\r\n                                                    <td>{articles.createBy}</td>\r\n                                                    <td>\r\n                                                        {\r\n                                                            <ContentManagementForm article={articles}\r\n                                                                articleGroupDetails={articleGroupDetails} />}\r\n                                                    </td>\r\n                                                </tr>\r\n                                            ))}\r\n                                        </tbody>\r\n                                    </table>\r\n                                </div>\r\n                            </InfiniteScroll>\r\n                        )\r\n                    )}\r\n\r\n                </div>\r\n                <div className=\"content\">\r\n                    <Loader active={loadingNext} />\r\n                </div>\r\n\r\n                {!loadingNext && !!pagination && pagination.currentPage < pagination.totalPages ? (\r\n                    <Container textAlign='center'>\r\n                        <Message info >\r\n                            <Icon size='large' name='arrow alternate circle down outline' />Scroll down to load more\r\n                        </Message>\r\n                    </Container>\r\n                ) : (\r\n                    <Container textAlign='center'>\r\n                        <Message >\r\n                            No more content\r\n                        </Message>\r\n                    </Container>\r\n                )}\r\n            </div>\r\n        </div >\r\n    )\r\n})","import { Redirect, Route, RouteComponentProps, RouteProps } from \"react-router-dom\";\r\nimport { useStore } from \"../stores/store\";\r\n\r\ninterface Props extends RouteProps {\r\n    component: React.ComponentType<RouteComponentProps<any>> | React.ComponentType<any>;\r\n}\r\n\r\nexport default function PrivateRoute({component: Component, ...rest}: Props) {\r\n    const {userStore: {isLoggedIn}} = useStore();\r\n    return (\r\n        <Route \r\n            {...rest}\r\n            render={(props) => isLoggedIn ? <Component {...props} /> : <Redirect to='/' />}\r\n        />\r\n    )\r\n}","import { observer } from 'mobx-react-lite';\r\nimport React from 'react';\r\nimport { Container, Header, Segment } from 'semantic-ui-react';\r\nimport { useStore } from '../../app/stores/store';\r\n\r\nexport default observer(function ServerError() {\r\n    const {commonStore} = useStore();\r\n    return (\r\n        <Container>\r\n            <Header as='h1' content='Server Error' />\r\n            <Header sub as='h5' color='red' content={commonStore.error?.message} />\r\n            {commonStore.error?.details &&\r\n                <Segment>\r\n                    <Header as='h4' content='Stack trace' color='teal' />\r\n                    <code style={{marginTop: '10px'}}>{commonStore.error.details}</code>\r\n                </Segment>\r\n                \r\n            }\r\n        </Container>\r\n    )\r\n})","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Button, Header, Icon, Segment } from 'semantic-ui-react';\r\n\r\nexport default function NotFound() {\r\n    return (\r\n        <Segment placeholder>\r\n            <Header icon>\r\n                <Icon name='search' />\r\n                Oops - we've looked everywhere and could not find this.\r\n            </Header>\r\n            <Segment.Inline>\r\n                <Button as={Link} to='/' primary>\r\n                    Return to main page\r\n                </Button>\r\n            </Segment.Inline>\r\n        </Segment>\r\n    )\r\n}","export default __webpack_public_path__ + \"static/media/utcc-cits_logo.11a3c422.svg\";","import { observer } from 'mobx-react-lite';\r\nimport React from 'react';\r\nimport { NavLink } from 'react-router-dom';\r\nimport { Container, Menu, Dropdown, Divider } from 'semantic-ui-react';\r\nimport { useStore } from 'app/stores/store';\r\nimport logo from 'assets/utcc-cits_logo.svg';\r\n\r\nexport default observer(function AdminNavBar() {\r\n    const { userStore: { user, logout, isLoggedIn } } = useStore();\r\n    return (\r\n\r\n        <Menu inverted fixed='left' vertical>\r\n            <Container fluid>\r\n                <Menu.Item header>\r\n                    <img src={logo} alt='UTCC CITS Admin' style={{ marginRight: '5px' }} />\r\n                    UTCC CITS Admin\r\n                </Menu.Item>\r\n                {isLoggedIn &&\r\n                    <>\r\n                        <Menu.Item>\r\n                            user: {user?.displayName}\r\n                            <Dropdown floating >\r\n                                <Dropdown.Menu>\r\n                                    <Dropdown.Item onClick={logout} text='Logout' icon='power' />\r\n                                </Dropdown.Menu>\r\n                            </Dropdown>\r\n                        </Menu.Item>\r\n                        <Divider />\r\n                        <Menu.Item as={NavLink} to='/admin/contentmanagement' name={'Content Management'} />\r\n                        <Menu.Item as={NavLink} to='/admin/mainvideonews' name={'วีดิโอหน้าแรก(Update ข่าวสารและบทความ)'} />\r\n                        <Menu.Item as={NavLink} to='/admin/changepassword' name={'Change Password'} />\r\n                    </>}\r\n\r\n            </Container>\r\n        </Menu>\r\n\r\n    )\r\n})","import MyTextInput from 'app/common/form/MyTextInput';\r\nimport { useStore } from 'app/stores/store';\r\nimport { ErrorMessage, Field, Form, Formik } from 'formik';\r\nimport { values } from 'mobx';\r\nimport { observer } from 'mobx-react-lite';\r\nimport React from 'react';\r\nimport { Button, Grid, Header, Label, Message, Image, Segment, Divider } from 'semantic-ui-react';\r\n\r\nexport default observer(function LoginForm() {\r\n\r\n    const { userStore } = useStore();\r\n\r\n    return (\r\n\r\n\r\n        <Grid textAlign='center' style={{ height: '100vh' }} verticalAlign='middle'>\r\n            <Grid.Column style={{ maxWidth: 450 }} >\r\n                <Header as='h2' color='teal' textAlign='center'>\r\n                    Log-in to UTCC CITS Admin\r\n                </Header>\r\n\r\n\r\n                <Formik\r\n                    initialValues={{ username: '', password: '', error: null }}\r\n                    onSubmit={(values, { setErrors }) => userStore.login(values).catch(error =>\r\n                        setErrors({ error: 'Invalid username or password' }))}\r\n                >\r\n                    {({ handleSubmit, isSubmitting, errors }) => (\r\n                        <Segment stacked>\r\n                            <Form className='ui form' onSubmit={handleSubmit} autoComplete='off'>\r\n                                <Field name='username' fluid icon='user' iconPosition='left' placeholder='username' />\r\n                                <Divider hidden />\r\n                                <Field name='password' placeholder='Password' type='password' />\r\n                                <Divider hidden />\r\n                                <ErrorMessage\r\n                                    name='error' render={() =>\r\n                                        <Label style={{ marginBottom: 10 }} basic color='red' content={errors.error} />}\r\n                                />\r\n                                <Button positive content='Login' type='Submit' fluid />\r\n                            </Form>\r\n                        </Segment>\r\n                    )}\r\n                </Formik>\r\n            </Grid.Column>\r\n        </Grid>\r\n\r\n\r\n\r\n        // <Formik\r\n        //                     initialValues={{ username: '', password: '', error: null }}\r\n        //                     onSubmit={(values, { setErrors }) => userStore.login(values).catch(error =>\r\n        //                         setErrors({ error: 'Invalid username or password' }))}\r\n        //                 >\r\n        //                     {({ handleSubmit, isSubmitting, errors }) => (\r\n        //                         <Form className='ui form' onSubmit={handleSubmit} autoComplete='off'>\r\n        //                             {/* <Header as='h2' content='Login to UTCC CITS Admin' color='teal' textAlign='center' /> */}\r\n        //                             <Field name='username' fluid icon='user' iconPosition='left' placeholder='username' />\r\n        //                             <Field name='password' placeholder='Password' type='password' />\r\n        //                             <ErrorMessage\r\n        //                                 name='error' render={() =>\r\n        //                                     <Label style={{ marginBottom: 10 }} basic color='red' content={errors.error} />}\r\n        //                             />\r\n        //                             <Button positive content='Login' type='Submit' fluid />\r\n        //                         </Form>\r\n        //                     )}\r\n        //                 </Formik>\r\n\r\n    )\r\n});","\r\nimport React, { ChangeEvent, useEffect, useState } from 'react';\r\nimport { Button, Divider, Form, Grid, Segment } from 'semantic-ui-react';\r\nimport 'suneditor/dist/css/suneditor.min.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useStore } from 'app/stores/store';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { observer } from 'mobx-react-lite';\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { MainVideoNewsFormValues } from 'app/models/main_video_news';\r\nimport ReactPlayer from 'react-player';\r\n\r\nexport default observer(function MainVideoNews() {\r\n\r\n    const history = useHistory();\r\n    const { mainVideoNewsStore } = useStore();\r\n    const [mainVideoNews, setMainVideoNews] = useState<MainVideoNewsFormValues>(new MainVideoNewsFormValues());\r\n\r\n    useEffect(() => {\r\n        mainVideoNewsStore.loadingMainVideoNews();\r\n\r\n        var formObject = new MainVideoNewsFormValues();\r\n\r\n        if (mainVideoNewsStore.mainVideoNews && mainVideoNewsStore.mainVideoNews.length > 0) {\r\n            formObject.id = mainVideoNewsStore.mainVideoNews[0].id!;\r\n            formObject.youtubeLink = mainVideoNewsStore.mainVideoNews[0].youtubeLink;\r\n            setMainVideoNews(new MainVideoNewsFormValues(formObject));\r\n        }\r\n\r\n    }, []);\r\n\r\n    function handleSubmit() {\r\n        if (mainVideoNews?.id) {\r\n            mainVideoNewsStore.updateMainVideoNews(mainVideoNews);\r\n        } else {\r\n            mainVideoNews.id = uuid();\r\n            mainVideoNewsStore.createMainVideoNews(mainVideoNews);\r\n        }\r\n    }\r\n\r\n    function handleInputChange(event: ChangeEvent<HTMLInputElement>) {\r\n        const { name, value } = event.target;\r\n        setMainVideoNews({ ...mainVideoNews, [name]: value })\r\n    }\r\n\r\n    if (mainVideoNewsStore.loadingInitial) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className=\"column\">\r\n            <div className=\"ui fluid card\">\r\n                <div className=\"content\">\r\n                    <div className=\"header\">จัดการวีดิโอหน้าแรก (Update ข่าวสารและบทความ)</div>\r\n                </div>\r\n            </div>\r\n\r\n\r\n            <Grid>\r\n                <Grid.Row stretched>\r\n                    <Grid.Column textalign='left' columns={1}>\r\n                        <Form onSubmit={handleSubmit} autoComplete='off'>\r\n            \r\n                            <Form.Field textalign='left'>\r\n                                <label>Video Link เช่น Youtube, Facebook 1.กดปุ่ม Share 2. Copy Link</label>\r\n                                <input placeholder='Video Link' value={mainVideoNews.youtubeLink} name='youtubeLink' onChange={handleInputChange} required />\r\n                            </Form.Field>\r\n\r\n                            <label>Example</label>\r\n                            <br></br>\r\n                            {mainVideoNews && mainVideoNews.youtubeLink.length > 0 ? (\r\n                                < ReactPlayer url={mainVideoNews.youtubeLink} width='100%' height='100%' />\r\n                            ) : (\r\n                                <label>Video Link Not Working... ลองหา Link ใหม่ดูครับ</label>\r\n                            )\r\n                            }\r\n                            <Divider></Divider>\r\n                            <Form.Field textalign='left'>\r\n                                <Button disabled={mainVideoNewsStore.uploading} loading={mainVideoNewsStore.uploading} positive type='submit' >Save</Button>\r\n                            </Form.Field>\r\n                        </Form>\r\n                    </Grid.Column>\r\n                </Grid.Row>\r\n            </Grid>\r\n        </div>\r\n    )\r\n})\r\n","import { useField } from 'formik';\r\nimport React from 'react';\r\nimport { Form, Label } from 'semantic-ui-react';\r\n\r\ninterface Props {\r\n    placeholder: string;\r\n    name: string;\r\n    type?: string;\r\n    label?: string;\r\n}\r\n\r\nexport default function MyTextInput(props: Props) {\r\n    const [field, meta] = useField(props.name); \r\n    return (\r\n        <Form.Field error={meta.touched && !!meta.error}>\r\n            <label>{props.label}</label>\r\n            <input {...field} {...props} />\r\n            {meta.touched && meta.error ? (\r\n                <Label basic color='red'>{meta.error}</Label>\r\n            ) : null}\r\n        </Form.Field>\r\n    )\r\n}","import React from 'react';\r\nimport { Message } from 'semantic-ui-react';\r\n\r\ninterface Props {\r\n    errors: any;\r\n}\r\n\r\nexport default function ValidationErrors({errors}: Props) {\r\n    return (\r\n        <Message error>\r\n            {errors && (\r\n                <Message.List>\r\n                    {errors.map((err: any, i: any) => (\r\n                        <Message.Item key={i}>{err}</Message.Item>\r\n                    ))}\r\n                </Message.List>\r\n            )}\r\n        </Message>\r\n    )\r\n}","\r\nimport React, { ChangeEvent, useEffect, useState } from 'react';\r\nimport { Button, Divider, Form, Grid, Header, Message, Segment } from 'semantic-ui-react';\r\nimport 'suneditor/dist/css/suneditor.min.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useStore } from 'app/stores/store';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { observer } from 'mobx-react-lite';\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { UserFormValues } from 'app/models/users';\r\nimport { ErrorMessage, Formik } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport MyTextInput from 'app/common/form/MyTextInput';\r\nimport ValidationErrors from 'features/errors/ValidationErrors';\r\n\r\nexport default observer(function ChangePassword() {\r\n\r\n    const history = useHistory();\r\n    const { userStore } = useStore();\r\n    const [userFormValues, setUserFormValues] = useState<UserFormValues>();\r\n\r\n\r\n    return (\r\n        <Formik\r\n            initialValues={{ displayName: '', username: '', email: '', password: '', error: null }}\r\n            onSubmit={(values, { setErrors }) => userStore.changePassword(values).catch(error =>\r\n                setErrors({ error }))}\r\n            validationSchema={Yup.object({\r\n                oldPassword: Yup.string().required(),\r\n                newPassword: Yup.string().required(),\r\n            })}\r\n        >\r\n            {({ handleSubmit, isSubmitting, errors, isValid, dirty }) => (\r\n                <Form className='ui form error' onSubmit={handleSubmit} autoComplete='off'>\r\n                    <Header as='h2' content='Change Password' color='teal' textAlign='center' />\r\n                    <MyTextInput name='oldPassword' placeholder='Old Password' type='password' />\r\n                    <MyTextInput name='newPassword' placeholder='New Password' type='password' />\r\n                    <Message size='small' info>\r\n                        <p>Password policy</p>\r\n                        <p>1.อักขระขั้นต่ำ 8 ตัวอักษร</p>\r\n                        <p>2.มีตัวเลขอย่างน้อย 1 ตัวอักษร</p>\r\n                        <p>3.มีอักขระพิเศษอย่างน้อย 1 ตัวอักษร</p>\r\n                        <p>4.มีตัวอักษรตัวใหญ่อย่างน้อย 1 ตัวอักษร</p>\r\n                    </Message>\r\n                    <ErrorMessage\r\n                        name='error' render={() =>\r\n                            <ValidationErrors errors={errors.error} />}\r\n                    />\r\n                    <Button disabled={!isValid || !dirty || isSubmitting}\r\n                        loading={isSubmitting} positive content='Change Password' type='submit' fluid />\r\n                </Form>\r\n            )}\r\n        </Formik>\r\n    )\r\n})\r\n","\nimport 'app/layout/Admin/Admin.css';\nimport {\n  Switch,\n  Route,\n} from \"react-router-dom\";\nimport ContentManagement from './ContentManagement/ContentManagement';\nimport { useEffect } from 'react';\nimport LoadingComponent from '../LoadingComponent';\nimport { useStore } from 'app/stores/store';\nimport PrivateRoute from '../PrivateRoute';\nimport ServerError from 'features/errors/ServerError';\nimport NotFound from 'features/errors/NotFound';\nimport { observer } from 'mobx-react-lite';\nimport { ToastContainer } from 'react-toastify';\nimport AdminNavBar from './AdminNavBar';\nimport { Container } from 'semantic-ui-react';\nimport LoginForm from 'features/users/LoginForm';\nimport MainVideoNews from './MainVideoNews/MainVideoNews';\nimport ChangePassword from './ChangePassword/ChangePassword';\n\n\nfunction Admin() {\n  const { commonStore, userStore } = useStore();\n\n  useEffect(() => {\n    if (commonStore.token) {\n      userStore.getUser().finally(() => commonStore.setAppLoaded());\n    } else {\n      commonStore.setAppLoaded();\n    }\n  }, [commonStore, userStore])\n\n  if (!commonStore.appLoaded) return <LoadingComponent content='Loading app...' />\n\n  return (\n\n    <>\n      <ToastContainer position='bottom-right' hideProgressBar />\n     \n      {userStore.isLoggedIn ? (\n        <>\n          <AdminNavBar />\n          <Container>\n            <div className=\"admin-main-content\">\n              <Switch>\n                <PrivateRoute exact path='/admin' component={ContentManagement} />\n                <PrivateRoute path='/admin/contentmanagement' component={ContentManagement} />\n                <PrivateRoute path='/admin/mainvideonews' component={MainVideoNews} />\n                <PrivateRoute path='/admin/changepassword' component={ChangePassword} />\n                <Route path='/server-error' component={ServerError} />\n                <Route component={NotFound} />\n              </Switch>\n            </div>\n          </Container>\n        </>\n      ) : (\n        <Route exact path='/admin' component={LoginForm} />\n      )}\n\n    </>\n  );\n}\n\nexport default observer(Admin);\n\n","import React, { useEffect, useState } from 'react';\r\n\r\nimport logo from 'assets/utcc-cits_logo.svg';\r\nimport './NavBar.css';\r\n import './main.css';\r\n\r\nexport default function NavBar() {\r\n\r\n    // <script src=\"nav.js\"></script>\r\n\r\n    useEffect(() => {\r\n        const script = document.createElement('script');\r\n        script.src = \"../../nav.js\";\r\n        script.async = true;\r\n        document.body.appendChild(script);\r\n        return () => {\r\n            document.body.removeChild(script);\r\n        }\r\n    }, []);\r\n\r\n    return (\r\n        <nav>\r\n            <ul className=\"menu\">\r\n                <li className=\"logo\">\r\n                    <a className=\"nav-a\" href=\"#\">\r\n                        <img className=\"nav-logo-pc\" src={logo} width='338px' height='87px' />\r\n                        <img className=\"nav-logo-mobile\" src={logo} height='50px' />\r\n                    </a>\r\n                </li>\r\n                <li className=\"item\"><a className=\"nav-a\" href=\"/\">หน้าแรก</a></li>\r\n                <li className=\"item has-submenu\">\r\n                    <a tabIndex={0} className=\"nav-a\" >หน่วยงาน</a>\r\n                    <ul className=\"submenu\">\r\n                        <li className=\"subitem\"><a className=\"nav-a\" href=\"/home/organization_history\">ประวัติหน่วยงาน</a></li>\r\n                        <li className=\"subitem\"><a className=\"nav-a\" href=\"/home/organization_activity\">กิจกรรมหน่วยงาน</a></li>\r\n                        <li className=\"subitem\"><a className=\"nav-a\" href=\"/home/organization_news\">ข่าวประชาสัมพันธ์</a></li>\r\n                        <li className=\"subitem\"><a className=\"nav-a\" href=\"/home/organization_staff\">คณะทีมอาจารย์และนักวิจัย</a></li>\r\n                    </ul>\r\n                </li>\r\n                <li className=\"item has-submenu\">\r\n                    <a tabIndex={0} className=\"nav-a\" >รายการโทรทัศน์/วิทยุ</a>\r\n                    <ul className=\"submenu\">\r\n                        <li className=\"subitem\"><a className=\"nav-a\" href=\"/home/radio_goodmorning\">Good Morning Asean (วิทยุ)</a></li>\r\n                        <li className=\"subitem\"><a className=\"nav-a\" href=\"/home/radio_aseanconnect\">Asean Connect (ทีวี)</a></li>\r\n                        <li className=\"subitem\"><a className=\"nav-a\" href=\"/home/radio_newscorner\">2 มุมข่าว</a></li>\r\n                        <li className=\"subitem\"><a className=\"nav-a\" href=\"/home/radio_millionaire\">หัวใจเศรษฐี</a></li>\r\n                        <li className=\"subitem\"><a className=\"nav-a\" href=\"/home/radio_other\">อื่นๆ ที่น่าสนใจ</a></li>\r\n                    </ul>\r\n                </li>\r\n                <li className=\"item\"><a className=\"nav-a\" href=\"/home/research\">ผลงาน/โครงการวิจัย</a></li>\r\n                <li className=\"item has-submenu\">\r\n                    <a tabIndex={0} className=\"nav-a\" >ข่าว/บทความ</a>\r\n                    <ul className=\"submenu\">\r\n                        <li className=\"subitem\"><a className=\"nav-a\" href=\"/home/news_announce\">แถลงข่าว</a></li>\r\n                        <li className=\"subitem\"><a className=\"nav-a\" href=\"/home/news_news\">ข่าว</a></li>\r\n                        <li className=\"subitem\"><a className=\"nav-a\" href=\"/home/news_article\">บทความ</a></li>\r\n                    </ul>\r\n                </li>\r\n                <li className=\"toggle\"><a className=\"nav-a\" href=\"#\"><i className=\"fas fa-bars\"></i></a></li>\r\n            </ul>\r\n        </nav>\r\n    )\r\n}","import React from 'react';\r\n\r\nexport default function NavBar() {\r\n    return (\r\n        <div className='topbar flex-container'>\r\n            <span className='topbar-content '>ศูนย์ศึกษาการค้าระหว่างประเทศ มหาวิทยาลัยหอการค้าไทย. Contact: 02-697-6348-9 Fax: 02-697-6347</span>\r\n        </div>\r\n    )\r\n}","export default __webpack_public_path__ + \"static/media/utcc-cits_logo_footer.5c32799d.svg\";","import React from 'react';\r\nimport './main.css';\r\nimport logo from 'assets/utcc-cits_logo_footer.svg';\r\nimport { Divider, Header, Icon, Segment } from 'semantic-ui-react';\r\nexport default function Footer() {\r\n    return (\r\n        <div className=\"wrap footer\">\r\n            <div className=\"footer-1\">\r\n                <Segment basic textAlign='center'>\r\n                    <a href=\"#\">\r\n                        <img className=\"nav-logo-pc\" src={logo} width='338px' height='87px' />\r\n                        <img className=\"nav-logo-mobile\" src={logo} height='50px' />\r\n                    </a>\r\n                </Segment>\r\n\r\n                <Segment.Group textAlign='center' basic>\r\n                    <Header textAlign='center' size='medium'>\r\n                        <a className=\"nav-a-footer\" href=\"/\">หน้าแรก</a>\r\n                    </Header>\r\n                </Segment.Group>\r\n\r\n                <Segment.Group textAlign='center' basic>\r\n                    <Header textAlign='center' size='medium'>\r\n                        <div className=\"nav-a-footer\">หน่วยงาน <Icon name='angle down' size='small' /></div>\r\n                    </Header>\r\n                    <Segment textAlign='center' basic><a className=\"nav-a-footer\" href=\"/home/organization_history\">ประวัติหน่วยงาน</a></Segment>\r\n                    <Segment textAlign='center' basic><a className=\"nav-a-footer\" href=\"/home/organization_activity\">กิจกรรมหน่วยงาน</a></Segment>\r\n                    <Segment textAlign='center' basic><a className=\"nav-a-footer\" href=\"/home/organization_news\">ข่าวประชาสัมพันธ์</a></Segment>\r\n                    <Segment textAlign='center' basic><a className=\"nav-a-footer\" href=\"/home/organization_staff\">คณะทีมอาจารย์และนักวิจัย</a></Segment>\r\n                </Segment.Group>\r\n\r\n                <Segment.Group textAlign='center' basic>\r\n                    <Header textAlign='center' size='medium'>\r\n                        <div className=\"nav-a-footer\">รายการวิทยุ <Icon name='angle down' size='small' /></div>\r\n                    </Header>\r\n                    <Segment textAlign='center' basic><a className=\"nav-a-footer\" href=\"/home/radio_goodmorning\">Good Morning Asean(วิทยุ)</a></Segment>\r\n                    <Segment textAlign='center' basic><a className=\"nav-a-footer\" href=\"/home/radio_aseanconnect\">Asean Connect(ทีวี)</a></Segment>\r\n                    <Segment textAlign='center' basic><a className=\"nav-a-footer\" href=\"/home/radio_newscorner\">2 มุมข่าว</a></Segment>\r\n                    <Segment textAlign='center' basic><a className=\"nav-a-footer\" href=\"/home/radio_millionaire\">หัวใจเศรษฐี</a></Segment>\r\n                    <Segment textAlign='center' basic><a className=\"nav-a-footer\" href=\"/home/radio_other\">อื่นๆ ที่น่าสนใจ</a></Segment>\r\n                </Segment.Group>\r\n\r\n                <Segment.Group textAlign='center' basic>\r\n                    <Header textAlign='center' size='medium'>\r\n                        <a className=\"nav-a-footer\" href=\"/home/research\">ผลงาน/โครงการวิจัย</a>\r\n                    </Header>\r\n                </Segment.Group>\r\n\r\n                <Segment.Group textAlign='center' basic>\r\n                    <Header textAlign='center' size='medium'>\r\n                        <a className=\"nav-a-footer\" href=\"#\">ข่าว/บทความ</a>\r\n                        <Segment textAlign='center' basic><a className=\"nav-a-footer\" href=\"/home/news_announce\">แถลงข่าว</a></Segment>\r\n                        <Segment textAlign='center' basic><a className=\"nav-a-footer\" href=\"/home/news_news\">ข่าว</a></Segment>\r\n                        <Segment textAlign='center' basic><a className=\"nav-a-footer\" href=\"/home/news_article\">บทความ</a></Segment>\r\n                    </Header>\r\n                </Segment.Group>\r\n            </div>\r\n\r\n            <div className=\"footer-2\">\r\n                <Segment.Group textAlign='center' vertical basic>\r\n                    <Divider section />\r\n                    <Header textAlign='center' size='medium'>\r\n                        <a className=\"nav-a-footer\" href=\"#\">Copyright 2021.</a>\r\n                    </Header>\r\n                </Segment.Group>\r\n            </div>\r\n\r\n        </div>\r\n\r\n\r\n    )\r\n}","export default __webpack_public_path__ + \"static/media/main-page.b387b5e1.png\";","import React from 'react';\r\nimport 'app/layout/main.css';\r\nimport image_bg from 'assets/main-page.png';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport { Carousel } from 'react-responsive-carousel';\r\n\r\nexport default function MainBackgroud() {\r\n    return (\r\n        <div className='main-backgroud flex-container'>\r\n            <div className='main-background-image zoominheader'>\r\n                <Carousel showArrows={true} autoPlay={true} infiniteLoop={true} showThumbs={false} showStatus={false} interval={10000}>\r\n                    <div>\r\n                        <img src={image_bg} />\r\n                    </div>\r\n                    <div>\r\n                        <img src={image_bg} />\r\n                    </div>\r\n                    <div>\r\n                        <img src={image_bg} />\r\n                    </div>\r\n                </Carousel>\r\n                <div className='main-backgroud-content'>\r\n                    <div className='main-backgroud-content-article'>\r\n                        <div className=\"main-backgroud-content-article-1\">CENTER FOR INTERNATIONAL TRADE STUDIES (CITS)</div>\r\n                        <div className=\"main-backgroud-content-article-1\">ศูนย์ศึกษาการค้าระหว่างประเทศ มหาวิทยาลัยหอการค้าไทย</div>\r\n                        <div className=\"main-backgroud-content-article-2\">A GREAT PLACE FOR RESEARCHS</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","export default function ColoredLineH(color: any) {\r\n    return (\r\n        <hr\r\n            style={{\r\n                color: color,\r\n                backgroundColor: color,\r\n                height: \"0.1px\",\r\n                width: \"80%\"\r\n            }} />\r\n    );\r\n}","export default __webpack_public_path__ + \"static/media/no-image.1287f47e.jpg\";","import React from \"react\";\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport { Carousel } from \"react-responsive-carousel\";\r\nimport \"./ResearchCarousel.css\";\r\nimport { Article } from \"../../models/articles\";\r\nimport logo from 'assets/utcc-cits_logo.svg';\r\nimport no_image from 'assets/no-image.jpg';\r\n\r\ninterface Props {\r\n    articles: Article[];\r\n}\r\nexport default function ResearchCarousel({ articles }: Props) {\r\n    return (\r\n        <div className=\"research-carousel\">\r\n            <Carousel\r\n                showThumbs={false}\r\n                showStatus={false}\r\n                infiniteLoop={true}\r\n                // emulateTouch\r\n                autoPlay={true}\r\n                interval={3000}\r\n                useKeyboardArrows={false}\r\n                transitionTime={1000}\r\n            // axis=\"vertical\"\r\n            // selectedItem={1}\r\n            >\r\n\r\n                {articles.map(article => (\r\n                    article.photos.length > 0 ? (\r\n                        <>\r\n                            <div className=\"slide-holder\">\r\n                                <img\r\n                                    src={article.photos?.filter(x => x.isMain === true)[0].url}\r\n                                />\r\n                                <div className=\"text-container\">\r\n                                    <img className=\"research-logo-image\" src={logo} />\r\n                                    <a href={'/home/research/' + article.id} className=\"pagewrap main-left-content-article-2-link\">\r\n                                        <p className=\"article-header-tiny text-small\">\r\n                                            {article.section}\r\n                                        </p>\r\n                                        <div className=\"article text-small\">\r\n                                            {article.sectionDetail}\r\n                                        </div>\r\n                                    </a>\r\n                                </div>\r\n                            </div></>\r\n                    ) : (\r\n                        <>\r\n                            <div className=\"slide-holder\">\r\n                                <img\r\n                                    src={no_image}\r\n                                />\r\n                                <div className=\"text-container\">\r\n                                    <img className=\"research-logo-image\" src={logo} />\r\n                                    <p className=\"article-header-tiny text-small\">\r\n                                        {article.section}\r\n                                    </p>\r\n                                    <div className=\"article text-small\">\r\n                                        {article.sectionDetail}\r\n                                    </div>\r\n                                </div>\r\n                            </div></>\r\n                    )\r\n\r\n                ))}\r\n            </Carousel>\r\n        </div>\r\n    );\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport 'app/layout/Mainpage/MainActivitiesResearch.css';\r\nimport { Article } from '../../models/articles';\r\nimport ColoredLineH from '../Component/ColoredLineH';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from '../LoadingComponent';\r\nimport ResearchCarousel from '../Component/ResearchCarousel';\r\nimport { useStore } from 'app/stores/store';\r\nimport no_image from 'assets/no-image.jpg';\r\n\r\nexport default function MainActivitiesResearch() {\r\n\r\n    const [firstArticles, setFirstArticles] = useState<Article[]>([]);\r\n    const [listArticles, setListArticles] = useState<Article[]>([]);\r\n    const [listResearchArticles, setListResearchArticles] = useState<Article[]>([]);\r\n    const [listResearchBookArticles, setListResearchBookArticles] = useState<Article[]>([]);\r\n    const { articleStore } = useStore();\r\n    const [loading, setLoading] = useState(true);\r\n\r\n    useEffect(() => {\r\n\r\n        const fetchData = async () => {\r\n            const data = await (articleStore.loadFirstPageOrganizationActivity());\r\n            setFirstArticles(data.filter((articles, index) => index === 0));\r\n            setListArticles(data.slice(1));\r\n        };\r\n        const fetchDataResearch = async () => {\r\n            const data = await (articleStore.loadFirstPageResearch());\r\n            setListResearchArticles(data);\r\n        };\r\n        const fetchDataResearchBook = async () => {\r\n            const data = await (articleStore.loadFirstPageResearchBook());\r\n            setListResearchBookArticles(data);\r\n        };\r\n\r\n        fetchData();\r\n        fetchDataResearch();\r\n        fetchDataResearchBook();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n        <main>\r\n            <div className=\"flex-container main\">\r\n                <div className=\"main-left\">\r\n                    <div className=\"main-left-header-left\">\r\n                        <span className=\"main-left-header-left-1\">กิจกรรมหน่วยงาน</span>\r\n                        <a href={'/home/organization_activity/'} className=\"underline main-left-header-left-2\">ดูทั้งหมด&nbsp;{'>'}</a>\r\n                    </div>\r\n                    <div className=\"main-left-content-article-1\">\r\n                        {firstArticles.map(article => (\r\n                            article.photos.length > 0 ? (\r\n                                <><img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"main-left-content-article-1-image\"></img>\r\n                                    <a href={'/home/organization_activity/' + article.id} className=\"main-left-content-article-1-link\">\r\n                                        <div className=\"article-header-date white\">\r\n                                            {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                year: \"numeric\",\r\n                                                month: \"long\",\r\n                                                day: \"2-digit\"\r\n                                            }).format(new Date(article.createDate))}</div>\r\n                                        <div className=\"article-header-small text-tiny main-left-content-article-1-link-text\">{article.section}</div>\r\n                                        <div className=\"text-small main-left-content-article-1-link-text\">{article.sectionDetail}</div>\r\n                                        <div className=\"article-readmore main-left-content-article-1-link-text\">อ่านต่อ</div>\r\n                                    </a></>\r\n                            ) : (\r\n                                <><img src={no_image} className=\"main-left-content-article-1-image\"></img>\r\n                                    <a href={'/home/organization_activity/' + article.id} className=\"main-left-content-article-1-link\">\r\n                                        <div className=\"article-header-date\">\r\n                                            {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                year: \"numeric\",\r\n                                                month: \"long\",\r\n                                                day: \"2-digit\"\r\n                                            }).format(new Date(article.createDate))}</div>\r\n                                        <div className=\"article-header-small text-tiny main-left-content-article-1-link-text\">{article.section}</div>\r\n                                        <div className=\"text-small main-left-content-article-1-link-text\">{article.sectionDetail}</div>\r\n                                        <div className=\"article-readmore main-left-content-article-1-link-text\">อ่านต่อ</div>\r\n                                    </a></>\r\n                            )\r\n                        ))}\r\n                    </div>\r\n                    <div className=\"main-left-content-article-2\">\r\n                        {listArticles.map(article => (\r\n                            article.photos.length > 0 ? (\r\n                                <>\r\n                                    <div className=\"main-left-content-article-2-inner\">\r\n                                        <img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"advertise-main-list-content-left2\"></img>\r\n                                        <div className=\"advertise-main-list-content-left2-article-1\">\r\n                                            <a href={'/home/organization_activity/' + article.id} className=\"pagewrap main-left-content-article-2-link\">\r\n                                                <div className=\"article-header-date\">\r\n                                                    {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                        year: \"numeric\",\r\n                                                        month: \"long\",\r\n                                                        day: \"2-digit\"\r\n                                                    }).format(new Date(article.createDate))}</div>\r\n                                                <div className=\"article-header text-small\">{article.section}</div>\r\n                                                <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                                <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                            </a>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"vspace-small\"></div>\r\n                                    <ColoredLineH color=\"#F5F5F5\" />\r\n                                    <div className=\"vspace-small\"></div>\r\n                                </>\r\n                            ) : (\r\n                                <>\r\n                                    <div className=\"main-left-content-article-2-inner\">\r\n                                        <img src={no_image} className=\"advertise-main-list-content-left2\"></img>\r\n                                        <div className=\"advertise-main-list-content-left2-article-1\">\r\n                                            <a href={'/home/organization_activity/' + article.id} className=\"pagewrap main-left-content-article-2-link\">\r\n                                                <div className=\"article-header-date\">\r\n                                                    {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                        year: \"numeric\",\r\n                                                        month: \"long\",\r\n                                                        day: \"2-digit\"\r\n                                                    }).format(new Date(article.createDate))}</div>\r\n                                                <div className=\"article-header text-small\">{article.section}</div>\r\n                                                <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                                <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                            </a>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"vspace-small\"></div>\r\n                                    <ColoredLineH color=\"#F5F5F5\" />\r\n                                    <div className=\"vspace-small\"></div>\r\n                                </>\r\n                            )\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"main-right\">\r\n\r\n                    <div className=\"main-right-header-left\">\r\n                        <span className=\"main-right-header-left-1\">งานวิจัย</span>\r\n                        <a href={'/home/research/'} className=\"underline main-right-header-left-2\">Link&nbsp;{'>'}</a>\r\n                    </div>\r\n                    <div className=\"main-list-research\">\r\n                        <ResearchCarousel articles={listResearchArticles} />\r\n                    </div>\r\n\r\n                    <div className=\"main-right-header-left\">\r\n                        <span className=\"main-right-header-left-1\">แนะนำหนังสือ</span>\r\n                    </div>\r\n                    <div className=\"main-list-research\">\r\n                        <ResearchCarousel articles={listResearchBookArticles} />\r\n                    </div>\r\n                    <div className=\"facebook-page-container\">\r\n                        <iframe src=\"https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2F%25E0%25B8%25AD%25E0%25B8%25B1%25E0%25B8%2597%25E0%25B8%2598%25E0%25B9%258C-%25E0%25B8%259E%25E0%25B8%25B4%25E0%25B8%25A8%25E0%25B8%25B2%25E0%25B8%25A5%25E0%25B8%25A7%25E0%25B8%25B2%25E0%25B8%2599%25E0%25B8%25B4%25E0%25B8%258A-%25E0%25B8%2599%25E0%25B8%25B2%25E0%25B8%25A2%25E0%25B8%25AB%25E0%25B8%25B1%25E0%25B8%25A7%25E0%25B8%25AD%25E0%25B8%25B1%25E0%25B8%2597%25E0%25B8%2598%25E0%25B9%258C-390845791564224%2F&tabs=timeline&width=320&height=600&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=1755651624644297\"\r\n                            width=\"320\" height=\"500\"\r\n                            scrolling=\"no\" frameBorder=\"0\" allowFullScreen={true}\r\n                            allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"\r\n                            className=\"facebook-page\">\r\n                        </iframe>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </main>\r\n    )\r\n}\r\n\r\n","export default __webpack_public_path__ + \"static/media/icon-advertise.f3039a44.svg\";","export default __webpack_public_path__ + \"static/media/aut_1.6aa0effe.jpg\";","export default __webpack_public_path__ + \"static/media/aut_2.43d1060d.jpg\";","export default __webpack_public_path__ + \"static/media/aut_3.8d36cff4.jpg\";","export default __webpack_public_path__ + \"static/media/aut_4.e7035ea3.jpg\";","export default __webpack_public_path__ + \"static/media/aut_5.cfa732a2.jpg\";","import React, { useEffect, useState } from 'react';\r\nimport './MainAdvertise.css';\r\nimport 'app/layout/main.css';\r\nimport icon_advertise from 'assets/icon-advertise.svg';\r\nimport no_image from 'assets/no-image.jpg';\r\nimport aut_1 from 'assets/aut_1.jpg';\r\nimport aut_2 from 'assets/aut_2.jpg';\r\nimport aut_3 from 'assets/aut_3.jpg';\r\nimport aut_4 from 'assets/aut_4.jpg';\r\nimport aut_5 from 'assets/aut_5.jpg';\r\nimport { Article } from '../../models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport { Carousel } from 'react-responsive-carousel';\r\nimport LoadingComponent from '../LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\n\r\nexport default observer(function MainAdvertise() {\r\n\r\n    const { articleStore } = useStore();\r\n    const [firstArticles, setFirstArticles] = useState<Article[]>([]);\r\n    const [listArticles, setListArticles] = useState<Article[]>([]);\r\n    const [loading, setLoading] = useState(true);\r\n\r\n    useEffect(() => {\r\n\r\n        const fetchData = async () => {\r\n            const data = await (articleStore.loadFirstPageOrganizationNews());\r\n            setFirstArticles(data.filter((articles, index) => index === 0));\r\n            setListArticles(data.slice(1));\r\n        };\r\n        fetchData();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className=\"container flex-container\">\r\n            <div className=\"left\"></div>\r\n            <div className=\"advertise-main\">\r\n                <div className=\"advertise-header\">\r\n                    <div className=\"wrap text-header advertise-main-header-left\">\r\n                        <span><img src={icon_advertise} style={{ width: \"32px\", height: \"32px\", verticalAlign: \"middle\" }} />&nbsp;ข่าวประชาสัมพันธ์</span>\r\n                    </div>\r\n                    <a href={'/home/organization_news/'} className=\"wrap advertise-main-header-right\">\r\n                        <span className=\"advertise-main-header-right-col\">ดูทั้งหมด&nbsp;&nbsp;{'>'}</span>\r\n                    </a>\r\n                </div>\r\n                <div className=\"advertise-main-list-content\">\r\n                    <div className=\"advertise-main-list-content-left flex-container\">\r\n                        {firstArticles && firstArticles.map(article => (\r\n                            article.photos.length > 0 ? (\r\n                                <>\r\n                                    <img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"advertise-main-list-content-left1\"></img>\r\n\r\n                                    <div className=\"wrap advertise-main-list-content-left1-article\">\r\n                                        <a href={'/home/organization_news/' + article.id} className=\"advertise-main-list-content-left1-article-link\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <div className=\"article-header text-tiny\">{article.section}</div>\r\n                                            <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                            <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                        </a>\r\n                                    </div>\r\n                                </>\r\n                            ) : (\r\n                                <>\r\n                                    <img src={no_image} className=\"advertise-main-list-content-left1\"></img>\r\n\r\n                                    <div className=\"wrap advertise-main-list-content-left1-article\">\r\n                                        <a href={'/home/organization_news/' + article.id} className=\"advertise-main-list-content-left1-article-link\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</\r\n                                            div>\r\n                                            <div className=\"article-header text-tiny\">{article.section}</div>\r\n                                            <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                            <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                        </a>\r\n                                    </div>\r\n                                </>)\r\n                        ))}\r\n                        <div className=\"advertise-main-list-content-left-detail flex-container\">\r\n                            {listArticles && listArticles.map(article => (\r\n                                article.photos.length > 0 ? (\r\n                                    <>\r\n                                        <div className=\"advertise-main-list-content-left-detail-1 flex-container\">\r\n                                            <img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"advertise-main-list-content-left2\"></img>\r\n\r\n                                            <div className=\"wrap advertise-main-list-content-left2-article\">\r\n                                                <a href={'/home/organization_news/' + article.id} className=\"pagewrap advertise-main-list-content-left2-article-link\">\r\n                                                    <div className=\"article-header-date\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article-header text-tiny\">{article.section}</div>\r\n                                                    <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                                    <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                                </a>\r\n                                            </div>\r\n                                        </div>\r\n                                    </>\r\n                                ) : (\r\n                                    <>\r\n                                        <div className=\"advertise-main-list-content-left-detail-1 flex-container\">\r\n                                            <img src={no_image} className=\"advertise-main-list-content-left2\"></img>\r\n\r\n                                            <div className=\"wrap advertise-main-list-content-left2-article\">\r\n                                                <a href={'/home/organization_news/' + article.id} className=\"pagewrap advertise-main-list-content-left2-article-link\">\r\n                                                    <div className=\"article-header-date\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article-header text-tiny\">{article.section}</div>\r\n                                                    <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                                    <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                                </a>\r\n                                            </div>\r\n                                        </div>\r\n                                    </>)\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"advertise-main-list-content-right\">\r\n                        <Carousel showArrows={true} autoPlay={true} infiniteLoop={true} showThumbs={false} showStatus={false}>\r\n                            <div>\r\n                                <img src={aut_1} />\r\n                                <p className=\"legend\">รองศาสตราจารย์ ดร.อัทธ์ พิศาลวานิช</p>\r\n                            </div>\r\n                            <div>\r\n                                <img src={aut_2} />\r\n                                <p className=\"legend\">รองศาสตราจารย์ ดร.อัทธ์ พิศาลวานิช</p>\r\n                            </div>\r\n                            <div>\r\n                                <img src={aut_3} />\r\n                                <p className=\"legend\">รองศาสตราจารย์ ดร.อัทธ์ พิศาลวานิช</p>\r\n                            </div>\r\n                            <div>\r\n                                <img src={aut_4} />\r\n                                <p className=\"legend\">รองศาสตราจารย์ ดร.อัทธ์ พิศาลวานิช</p>\r\n                            </div>\r\n                            <div>\r\n                                <img src={aut_5} />\r\n                                <p className=\"legend\">รองศาสตราจารย์ ดร.อัทธ์ พิศาลวานิช</p>\r\n                            </div>\r\n                        </Carousel>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className=\"right\"></div>\r\n        </div >\r\n    )\r\n})","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './MainNews.css';\r\nimport { Article } from '../../models/articles';\r\nimport ReactPlayer from \"react-player\"\r\nimport LoadingComponent from '../LoadingComponent';\r\nimport { observer } from 'mobx-react-lite';\r\nimport { useStore } from 'app/stores/store';\r\nimport no_image from 'assets/no-image.jpg';\r\nimport { MainVideoNews } from 'app/models/main_video_news';\r\n\r\nexport default observer(function MainNews() {\r\n\r\n    const { articleStore, mainVideoNewsStore } = useStore();\r\n    const [articles, setArticles] = useState<Article[]>();\r\n    const [mainVideoNews, setMainVideoNews] = useState<MainVideoNews[]>();\r\n    const [loading, setLoading] = useState(true);\r\n\r\n    useEffect(() => {\r\n\r\n        const fetchData = async () => {\r\n            const data = await (articleStore.loadFirstPageNews());\r\n            setArticles(data);\r\n        };\r\n\r\n        const fetchVideoData = async () => {\r\n            const data = await (mainVideoNewsStore.loadingMainVideoNews());\r\n            setMainVideoNews(data);\r\n        };\r\n\r\n        fetchVideoData();\r\n        fetchData();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className=\"container flex-container\">\r\n            <div className=\"news-main\">\r\n                <div className=\"news-header\">\r\n                    <div className=\"wrap text-header news-main-header-left\">\r\n                        <span>Update ข่าวสารและบทความ</span>\r\n                    </div>\r\n                    <a href={'/home/news_news/'} className=\"wrap news-main-header-right\">\r\n                        <span className=\"news-main-header-right-col\">ดูข่าวทั้งหมด&nbsp;&nbsp;{'>'}</span>\r\n                    </a>\r\n                </div>\r\n                <div className=\"wrap news-main-list-content-1\">\r\n                    <div className=\"wrap news-main-list-content-left\">\r\n                        {mainVideoNews && mainVideoNews.map(article => (\r\n                            <>\r\n                                {\r\n                                    article.youtubeLink && article.youtubeLink.length > 0 ? (\r\n                                        <ReactPlayer url={article.youtubeLink} width='100%' height='100%' />\r\n                                    ) : (\r\n                                        <></>\r\n                                    )\r\n                                }\r\n                            </>\r\n                        ))}\r\n                    </div>\r\n                    <div className=\"wrap news-main-list-content-right\">\r\n                        {articles && articles.map(article => (\r\n                            <div className=\"wrap news-main-list-content-right-inner\">\r\n                                {article.photos.length > 0 ? (\r\n                                    <img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"wrap news-main-list-content\"></img>\r\n                                ) : (\r\n                                    <img src={no_image} className=\"wrap news-main-list-content\"></img>\r\n                                )\r\n                                }\r\n\r\n                                <div className=\"wrap news-main-list-content-article\">\r\n                                    <a href={'/home/news_news/' + article.id} className=\"pagewrap news-main-list-content-left1-article-link\">\r\n                                        <div className=\"article-header-date\">\r\n                                            {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                year: \"numeric\",\r\n                                                month: \"long\",\r\n                                                day: \"2-digit\"\r\n                                            }).format(new Date(article.createDate))}</div>\r\n                                        <div className=\"article-header-small text-tiny\">{article.section}</div>\r\n                                        <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                        <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div >\r\n    )\r\n})","export default __webpack_public_path__ + \"static/media/main-organization-top.4a4da0a5.png\";","export default __webpack_public_path__ + \"static/media/main-organization-people-1.c4329933.png\";","export default __webpack_public_path__ + \"static/media/main-organization-people-2.732fe0c6.png\";","export default __webpack_public_path__ + \"static/media/main-organization-people-3.1e2a6390.png\";","export default __webpack_public_path__ + \"static/media/main-organization-people-4.9f39a87d.png\";","export default __webpack_public_path__ + \"static/media/main-organization-people-5.6e5aba87.png\";","export default __webpack_public_path__ + \"static/media/main-organization-people-6.7d7289df.png\";","export default __webpack_public_path__ + \"static/media/main-organization-people-7.3b852f3d.png\";","export default __webpack_public_path__ + \"static/media/main-organization-people-8.8669c579.png\";","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './MainOrganization.css';\r\nimport main_organization_top from 'assets/main-organization-top.png';\r\nimport main_organization_people_1 from 'assets/main-organization-people-1.png';\r\nimport main_organization_people_2 from 'assets/main-organization-people-2.png';\r\nimport main_organization_people_3 from 'assets/main-organization-people-3.png';\r\nimport main_organization_people_4 from 'assets/main-organization-people-4.png';\r\nimport main_organization_people_5 from 'assets/main-organization-people-5.png';\r\nimport main_organization_people_6 from 'assets/main-organization-people-6.png';\r\nimport main_organization_people_7 from 'assets/main-organization-people-7.png';\r\nimport main_organization_people_8 from 'assets/main-organization-people-8.png';\r\nimport axios from 'axios';\r\nimport { Article } from '../../models/articles';\r\nimport { Header, Modal } from 'semantic-ui-react';\r\n\r\nexport default function MainOrganization() {\r\n\r\n    const [articles, setArticles] = useState<Article[]>([]);\r\n    const [open2, setOpen2] = React.useState(false);\r\n    const [open3, setOpen3] = React.useState(false);\r\n    const [open4, setOpen4] = React.useState(false);\r\n    const [open5, setOpen5] = React.useState(false);\r\n    const [open6, setOpen6] = React.useState(false);\r\n    const [open7, setOpen7] = React.useState(false);\r\n    const [open8, setOpen8] = React.useState(false);\r\n\r\n    useEffect(() => {\r\n        axios.get<Article[]>(process.env.REACT_APP_API_ENDPOINT + '/articles').then(response => {\r\n            setArticles(response.data);\r\n        })\r\n    }, [])\r\n\r\n    return (\r\n\r\n        <div className=\"container flex-container\">\r\n            <div className=\"left\"></div>\r\n            <div className=\"content wrap organization-main\">\r\n                <img src={main_organization_top} className=\"organization-main-background\" style={{ width: \"100%\", height: \"150px\" }} />\r\n                <div className=\"wrap organization-main-content1\">\r\n                    <div className=\"wrap organization-main-content1-header\">คณะทีมอาจารย์และนักวิจัย</div>\r\n                    <div className=\"wrap organization-main-content1-detail\">เราเป็นผู้เชี่ยวชาญด้านการทำวิจัยด้านการค้าระหว่างประเทศมากกว่า 30 ปี ทั้งในอาเซียน จีน ตะวันออกกลาง อินเดีย สหรัฐอเมริกา และยุโรป และเชี่ยวชาญในสินค้าเกษตรและแปรรูป เช่น ข้าว ยาง ปาล์ม มันสำปะหลัง ผลไม้ และสมุนไพร</div>\r\n                    <div className=\"wrap organization-main-content1-link-container\">\r\n                        <a href={'/home/organization_staff/'} className=\"wrap organization-main-content1-link-button\">\r\n                            ดูทั้งหมด&nbsp;&nbsp;{'>'}\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n                <div className=\"organization-main-people flex-container\">\r\n                    <div className=\"wrap organization-main-people-left\">\r\n                        <img src={main_organization_people_1} className=\"organization-main-people-left-img\" />\r\n                        <a href={'/home/organization_history/'} className=\"wrap organization-main-people-link-button\">\r\n                            ดูประวัติทั้งหมด\r\n                        </a>\r\n                    </div>\r\n                    <div className=\"content flex-container organization-main-people-right\">\r\n                        <div className=\"content organization-main-people-right-top\">\r\n                            <Modal\r\n                                closeIcon\r\n                                size='tiny'\r\n                                onClose={() => setOpen2(false)}\r\n                                onOpen={() => setOpen2(true)}\r\n                                open={open2}\r\n                                trigger={<img src={main_organization_people_2} className=\"organization-main-people-2-image organization-main-people-big\" />}\r\n                            >\r\n                                <Modal.Header>ชื่อนักวิจัย</Modal.Header>\r\n                                <Modal.Content image>\r\n                                    <br></br>\r\n                                    <img src={main_organization_people_2} className=\"img-center organization-main-people-2-image organization-main-people-big\" />\r\n                                    <Modal.Description>\r\n                                        <Header>นักวิจัย</Header>\r\n                                        <p className=\"organization-staff-name\">พูนทวี ชัยวิจิตมลากูล</p>\r\n                                    </Modal.Description>\r\n                                </Modal.Content>\r\n                            </Modal>\r\n\r\n                            <Modal\r\n                                closeIcon\r\n                                size='tiny'\r\n                                onClose={() => setOpen3(false)}\r\n                                onOpen={() => setOpen3(true)}\r\n                                open={open3}\r\n                                trigger={<img src={main_organization_people_3} className=\"organization-main-people-3-image organization-main-people-small\" />}\r\n                            >\r\n                                <Modal.Header>ชื่อนักวิจัย</Modal.Header>\r\n                                <Modal.Content image>\r\n                                    <br></br>\r\n                                    <img src={main_organization_people_3} className=\"img-center organization-main-people-2-image organization-main-people-big\" />\r\n                                    <Modal.Description>\r\n                                        <Header>นักวิจัย</Header>\r\n                                        <p className=\"organization-staff-name\">กัลยา ชอบธรรม</p>\r\n                                    </Modal.Description>\r\n                                </Modal.Content>\r\n                            </Modal>\r\n\r\n                            <Modal\r\n                                closeIcon\r\n                                size='tiny'\r\n                                onClose={() => setOpen4(false)}\r\n                                onOpen={() => setOpen4(true)}\r\n                                open={open4}\r\n                                trigger={<img src={main_organization_people_4} className=\"organization-main-people-4-image organization-main-people-small\" />}\r\n                            >\r\n                                <Modal.Header>ชื่อนักวิจัย</Modal.Header>\r\n                                <Modal.Content image>\r\n                                    <br></br>\r\n                                    <img src={main_organization_people_4} className=\"img-center organization-main-people-2-image organization-main-people-big\" />\r\n                                    <Modal.Description>\r\n                                        <Header>นักวิจัย</Header>\r\n                                        <p className=\"organization-staff-name\">ณัฐธภา ประธานทรง</p>\r\n                                    </Modal.Description>\r\n                                </Modal.Content>\r\n                            </Modal>\r\n\r\n                            <Modal\r\n                                closeIcon\r\n                                size='tiny'\r\n                                onClose={() => setOpen6(false)}\r\n                                onOpen={() => setOpen6(true)}\r\n                                open={open6}\r\n                                trigger={<img src={main_organization_people_6} className=\"organization-main-people-5-image organization-main-people-medium\" />}\r\n                            >\r\n                                <Modal.Header>ชื่อนักวิจัย</Modal.Header>\r\n                                <Modal.Content image>\r\n                                    <br></br>\r\n                                    <img src={main_organization_people_6} className=\"img-center organization-main-people-2-image organization-main-people-big\" />\r\n                                    <Modal.Description>\r\n                                        <Header>นักวิจัย</Header>\r\n                                        <p className=\"organization-staff-name\">อุมาวดี เพชรหวล</p>\r\n                                    </Modal.Description>\r\n                                </Modal.Content>\r\n                            </Modal>\r\n\r\n                            <Modal\r\n                                closeIcon\r\n                                size='tiny'\r\n                                onClose={() => setOpen8(false)}\r\n                                onOpen={() => setOpen8(true)}\r\n                                open={open8}\r\n                                trigger={<img src={main_organization_people_8} className=\"organization-main-people-6-image organization-main-people-medium\" />}\r\n                            >\r\n                                <Modal.Header>ชื่อนักวิจัย</Modal.Header>\r\n                                <Modal.Content image>\r\n                                    <br></br>\r\n                                    <img src={main_organization_people_8} className=\"img-center organization-main-people-2-image organization-main-people-big\" />\r\n                                    <Modal.Description>\r\n                                        <Header>ผู้ช่วยนักวิจัย</Header>\r\n                                        <p className=\"organization-staff-name\">กรรวี ชูทัน</p>\r\n                                    </Modal.Description>\r\n                                </Modal.Content>\r\n                            </Modal>\r\n\r\n                            <Modal\r\n                                closeIcon\r\n                                size='tiny'\r\n                                onClose={() => setOpen7(false)}\r\n                                onOpen={() => setOpen7(true)}\r\n                                open={open7}\r\n                                trigger={<img src={main_organization_people_7} className=\"organization-main-people-7-image organization-main-people-small\" />}\r\n                            >\r\n                                <Modal.Header>ชื่อนักวิจัย</Modal.Header>\r\n                                <Modal.Content image>\r\n                                    <br></br>\r\n                                    <img src={main_organization_people_7} className=\"img-center organization-main-people-2-image organization-main-people-big\" />\r\n                                    <Modal.Description>\r\n                                        <Header>นักวิจัย</Header>\r\n                                        <p className=\"organization-staff-name\">วรรณวิภา สุรัสวดี</p>\r\n                                    </Modal.Description>\r\n                                </Modal.Content>\r\n                            </Modal>\r\n\r\n                            <Modal\r\n                                closeIcon\r\n                                size='tiny'\r\n                                onClose={() => setOpen5(false)}\r\n                                onOpen={() => setOpen5(true)}\r\n                                open={open5}\r\n                                trigger={<img src={main_organization_people_5} className=\"organization-main-people-8-image organization-main-people-small\" />}\r\n                            >\r\n                                <Modal.Header>ชื่อนักวิจัย</Modal.Header>\r\n                                <Modal.Content image>\r\n                                    <br></br>\r\n                                    <img src={main_organization_people_5} className=\"img-center organization-main-people-2-image organization-main-people-big\" />\r\n                                    <Modal.Description>\r\n                                        <Header>นักวิจัย</Header>\r\n                                        <p className=\"organization-staff-name\">ปวีนา บูรพนาวิบูลย์</p>\r\n                                    </Modal.Description>\r\n                                </Modal.Content>\r\n                            </Modal>\r\n\r\n                        </div>\r\n                        <div className=\"organization-main-people-right-bottom\">\r\n                            <div className=\"organization-main-people-right-content-1\">รองศาสตราจารย์ ดร.อัทธ์ พิศาลวานิช</div>\r\n                            <div className=\"organization-main-people-right-content-2\">(Associate Professor Dr. Aat Pisanwanich)</div>\r\n                            <div className=\"organization-main-people-right-content-3\">อาจารย์ประจำคณะเศรษฐศาสตร์ สาขาวิชา เศรษฐศาสตร์ระหว่างประเทศ และผู้อำนวยการศูนย์ศึกษาการค้าระหว่างประเทศ มหาวิทยาลัยหอการค้าไทย</div>\r\n                            <div className=\"organization-main-people-right-content-4\">ความเชี่ยวชาญ</div>\r\n                            <div className=\"organization-main-people-right-content-5\">1. วิเคราะห์นโยบายสินค้าเกษตร เช่น ข้าว ยางพารา กาแฟ ประมง โคเนื้อ มันสำปะหลัง ปาล์มน้ำมัน สมุนไพร ทุเรียนและผลไม้อื่นๆ<br></br>2. เศรษฐกิจและการค้าระหว่างประเทศ<br></br>3. การค้าและการลงทุนในอาเซียน อาเซียน+3 อาเซียน+6 และตะวันออกกลาง<br></br>4. วิเคราะห์ธุรกิจ(Business Model)</div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"right\"></div>\r\n        </div >\r\n\r\n    )\r\n}\r\n\r\n","export default __webpack_public_path__ + \"static/media/info_1.20311555.png\";","export default __webpack_public_path__ + \"static/media/info_2.8e8224cf.png\";","export default __webpack_public_path__ + \"static/media/info_3.9bc00048.png\";","import React, { useEffect, useState } from \"react\";\r\nimport axios from \"axios\";\r\nimport \"react-image-gallery/styles/css/image-gallery.css\";\r\n\r\nimport \"react-alice-carousel/lib/alice-carousel.css\";\r\nimport info_1 from 'assets/info_1.png';\r\nimport info_2 from 'assets/info_2.png';\r\nimport info_3 from 'assets/info_3.png';\r\nimport info_4 from 'assets/info_4.png';\r\n\r\nimport { Carousel } from 'react-responsive-carousel';\r\n\r\nexport default function ImageGalleryComponent() {\r\n\r\n    return (\r\n        <div className=\"main-infographic-list\">\r\n            <Carousel showArrows={true} autoPlay={true} infiniteLoop={true} showThumbs={false} showStatus={false} interval={5000}>\r\n                <div>\r\n                    <img src={info_1} />\r\n                </div>\r\n                <div>\r\n                    <img src={info_2} />\r\n                </div>\r\n                <div>\r\n                    <img src={info_3} />\r\n                </div>\r\n            </Carousel>\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport 'app/layout/Mainpage/MainInfographic.css';\r\n\r\nimport axios from 'axios';\r\nimport { Article} from '../../models/articles';\r\nimport ImageGalleryComponent from 'app/layout/Component/ImageGalleryComponent';\r\n\r\nexport default function MainInfographic() {\r\n\r\n    return (\r\n        <div className=\"flex-container\">\r\n            <div className=\"main-infographic\">\r\n                <div className=\"underline main-infographic-header\">INFOGRAPHIC</div>\r\n                <ImageGalleryComponent />\r\n            </div>\r\n        </div >\r\n    )\r\n}","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAKKADAAQAAAABAAAAKQAAAABkTm0mAAAEr0lEQVRYCd2W65UaRxCFwUcB4AwmA5GBOwMRwjgCkcGOIxAZ0MoARcAogiUDcATCEaDvDl3tmqYHdtfaP65zinrcW4/uGXaZz94ol8tlSeknNKBNUkyWA94Jlf02n89l31dYqkG/oEf0tfKDgie0ec2W85eQabqA9wVtK/zv5HQ75wJriJfoxyKvcIP+xa2WNRXqgxTLtahO7yUSrB6UDjC8hbjoDvWini/qMTmHBlvfEb9DF5MFDwBq9YrocF70ZF4nVOvUz67LAX/5ui7TbHoF9OT6b6fY1XeQQhW0qeib/Kn3Ba4ek94zHcBut8eXTH57qRO3R+0djcz4k/i+aDnUJNbYgHpUW7R8N0ndyJHME2rL55bKoXo6JpsM1hxYK2NiDxOcDqy2WE/eq2s1uJNfilRn/FVt7gy0QW3wCX90YsXoM+olEoRqQ5JgOrA4XvYEZe+G3DmRtMMIH/qT9I1GQ1WA+uV64mYofMGHuOgBNdmXZQA6jEk3wsmqgUkcgQQAvvkNXvKnYvpEG4K9+eYWeJP7OOCM/y8Ag7hDTWIuKhwIAX1CP6N/FHAOwfyS6wzggKmHSZcxMnrukpiTOMQNaljvMflgC3TrOLhZVPeEjt4nxag9EXFKvCcnOQ7zcMIQXj/CkEwfpKLDmgJbgh0dPuWKUy7hZ26Kvq1rtJwRdJYoiDqp3V68g6k8okvjyEd3qMkzTrlkn8DrTaVi8awIu9aC1qi3AbLkgyOGAosOaz3mfTit43UFtnJYKLBDwqIW0ekkZYPumr5cimJ/wuixmk8Pu4AfHifv+6wLrE+z+98A8qPxJPyQYv3e8xJcsHH+lGscLZRr0//2v1NRuUOf8h+14GslN2PI4VExnN5xgvPlnlLcJFuaxVsWLJu8a3xvwfPE5HxrPLJmgpPTcPKNk+wzcHUWKc49C3ymBf9JSSMbx4rs95rle3OwnfOn3LUB/nGzuOZZ77Nxkl0m+13f4vyN8STyATWxgoFCMhqAbX2d94U5XldgK4eFArO/LLsZpM6IniSf/DlhG4+R0zfSMFG2aGMc/GXKYQY58LkwXJY4XqHLucirt0knYrAIuyrI1kSUpsC0xFnAA6kt52eWh29dv+Uwk4QNisUSjcP2HpMP1rlmU+66UtcnsuY2HifeJeyU8yQ2KSlTFuQlcgEOvNbVyD2g4krle2mtlmTjgM7yspNYAURflAo1NN8EfkBNtEyo1IhzNhL2+rgg4qtfV6mJia+6xQgnYaA4YQQWAfhJJER23MhxwRrUlrx5RRx1Bi+gJtFjgw+yQK3ZUfENiQT5JWrS1jg+B7EzMrbxmPnkNfuISrRDdbaGt2Ik2VoDb8E8p97IFcBvrCE2OCi75PeOs8pAzYEYHflmSbDO8Fp9LWd81ZY4ua3DY4nfxJB13QdXtFXOiPi/ZEH1RPeoSW8zHloqyiV3VgT2qxbc22bYHs2XYLNkq79m0o/JAP5VJKRafIXe/Pl7qvzKvJBm3jT7cJNJiVTQcrINqdMU7z/kA7UNcw73ekwuaEX3GrD8J3hn407Y6u2nC7i7nPo9XHBiqKV35ryXrb6DD4b14PYj9wF1BKumH2X+D8FPwEBJTCP3hLUAAAAASUVORK5CYII=\"","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport 'app/layout/Mainpage/MainRadio.css';\r\nimport icon_radio from 'assets/main-radio.png';\r\nimport { Article } from '../../models/articles';\r\nimport ReactPlayer from \"react-player\"\r\nimport { useStore } from 'app/stores/store';\r\nimport LoadingComponent from '../LoadingComponent';\r\n\r\nexport default function MainRadio() {\r\n\r\n    const [firstArticles, setFirstArticles] = useState<Article[]>([]);\r\n    const [listArticles, setListArticles] = useState<Article[]>([]);\r\n    const { articleStore } = useStore();\r\n    const [loading, setLoading] = useState(true);\r\n\r\n    useEffect(() => {\r\n\r\n        const fetchData = async () => {\r\n            const data = await (articleStore.loadFirstPageRadio());\r\n            setFirstArticles(data.filter((articles, index) => index === 0));\r\n            setListArticles(data.slice(1));\r\n        };\r\n        fetchData();\r\n        setLoading(false);\r\n\r\n    }, [])\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className=\"flex-container\">\r\n            <div className=\"radio-main\">\r\n                <div className=\"radio-main-header\">\r\n                    <div className=\"radio-main-header-left\">\r\n                        <span><img src={icon_radio} className=\"radio-main-header-left-image\" />&nbsp;รายการ GOOD MORNING ASEAN FM 100.5 ทุกวันศุกร์ 7.00 - 7.30 น.</span>\r\n                    </div>\r\n                    <a href={'/home/radio_goodmorning/'} className=\"radio-main-header-right\">\r\n                        <span className=\"radio-main-header-right-col\">รายการทั้งหมด&nbsp;{'>'}</span>\r\n                    </a>\r\n                </div>\r\n                <div className=\"radio-main-list-content\">\r\n                    <div className=\"flex-container radio-main-list-content-left\">\r\n                        {firstArticles.map(article => (\r\n                            article.youtubeLink && article.youtubeLink.length > 0 ? (\r\n                                <ReactPlayer url={article.youtubeLink} className=\"radio-main-list-content-video-big\" width='100%' height='100%' />\r\n                            ) : (\r\n                                <></>\r\n                            )\r\n                        ))}\r\n\r\n                    </div>\r\n                    <div className=\"radio-main-list-content-right\">\r\n                        {listArticles.map(article => (\r\n                            article.youtubeLink && article.youtubeLink.length > 0 ? (\r\n                                <div className=\"flex-container radio-main-list-content-right-inner\">\r\n                                    <ReactPlayer url={article.youtubeLink} className=\"radio-main-list-content-video-medium\" width='100%' height='100%' />\r\n                                </div>\r\n                            ) : (\r\n                                <></>\r\n                            )\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    )\r\n}\r\n\r\n","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './MainContact.css';\r\nimport axios from 'axios';\r\nimport { Article } from '../../models/articles';\r\nimport ReactPlayer from \"react-player\"\r\nimport LoadingComponent from '../LoadingComponent';\r\n\r\nexport default function MainContact() {\r\n    const [loading, setLoading] = useState(true);\r\n    const [listArticles, setListArticles] = useState<Article[]>([]);\r\n\r\n    useEffect(() => {\r\n        axios.get<Article[]>(process.env.REACT_APP_API_ENDPOINT + '/articles').then(response => {\r\n            setListArticles(response.data);\r\n        });\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className=\"container flex-container\">\r\n            <div className=\"contact-main\">\r\n                <div className=\"contact-header\">\r\n                    <div className=\"text-header contact-main-header-left\">\r\n                        <span>ติดต่อเรา/แผนที่</span>\r\n                    </div>\r\n                </div>\r\n                <div className=\"contact-main-content\">\r\n                    <div className=\"contact-main-left\">\r\n                        <div className=\"contact-main-list-content-left\">\r\n                            <iframe width=\"600\" height=\"450\" className=\"google-map\" loading=\"lazy\" allowFullScreen \r\n                            src=\"https://www.google.com/maps/embed/v1/search?q=%E0%B8%A1%E0%B8%AB%E0%B8%B2%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A5%E0%B8%B1%E0%B8%A2%E0%B8%AB%E0%B8%AD%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%84%E0%B9%89%E0%B8%B2%E0%B9%84%E0%B8%97%E0%B8%A2%20Vibhavadi%20Rangsit%20Road%2C%20%E0%B9%81%E0%B8%82%E0%B8%A7%E0%B8%87%20%E0%B8%A3%E0%B8%B1%E0%B8%8A%E0%B8%94%E0%B8%B2%E0%B8%A0%E0%B8%B4%E0%B9%80%E0%B8%A9%E0%B8%81%20Din%20Daeng%2C%20Bangkok%2C%20Thailand&key=AIzaSyASkxIXkkAnGeXRe6zXHfwBpFVg-jNM3b4\">\r\n\r\n                            </iframe>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"contact-main-right\">\r\n                        <div className=\"contact-main-list-content-right\">\r\n                            <div className=\"article-header\">CENTER FOR INTERNATIONAL TRADE STUDIES (CITS)</div>\r\n                            <div className=\"article\">ศูนย์ศึกษาการค้าระหว่างประเทศ มหาวิทยาลัยหอการค้าไทย</div>\r\n                            <div className=\"contact-detail-container\">\r\n                                <div className=\"article contact-detail-3\">ตำแหน่งที่ตั้ง</div>\r\n                                <div className=\"article contact-detail-4\">126/1 ถนนวิภาวดีรังสิต แขวงรัชดาภิเษก เขตดินแดง กรุงเทพฯ 10400</div>\r\n                            </div>\r\n                            <div className=\"contact-detail-container\">\r\n                                <div className=\"article contact-detail-3\">เว็ปไซต์</div>\r\n                                <div className=\"article contact-detail-4\">https://utcc-cits.herokuapp.com/</div>\r\n                            </div>\r\n                            <div className=\"contact-detail-container\">\r\n                                <div className=\"article contact-detail-3\">ติดต่อ</div>\r\n                                <div className=\"article contact-detail-4\">โทรศัพท์: 02 697 6348-9 โทรสาร: 02 697 6347</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div >\r\n    )\r\n}\r\n\r\n","import React from 'react';\r\nimport 'app/layout/main.css';\r\nimport { observer } from \"mobx-react-lite\";\r\nimport MainBackgroud from './MainBackgroud';\r\nimport MainActivitiesResearch from './MainActivitiesResearch';\r\nimport MainAdvertise from './MainAdvertise';\r\nimport MainNews from './MainNews';\r\nimport MainOrganization from './MainOrganization';\r\nimport MainInfographic from './MainInfographic';\r\nimport MainRadio from './MainRadio';\r\nimport MainContact from './MainContact';\r\n\r\n\r\nexport default observer(function MainPage() {\r\n    return (\r\n        <>\r\n            <MainBackgroud />\r\n            <main>\r\n                <MainAdvertise />\r\n                <MainNews />\r\n                <MainOrganization />\r\n                <MainRadio />\r\n                <MainInfographic />\r\n                <MainActivitiesResearch />\r\n                <MainContact />\r\n            </main>\r\n        </>\r\n    )\r\n})","export default __webpack_public_path__ + \"static/media/organization-top.6c7e5973.png\";","export default __webpack_public_path__ + \"static/media/organization-campus.2aa8406f.png\";","export default __webpack_public_path__ + \"static/media/organization-staff-1.a5fac425.png\";","export default __webpack_public_path__ + \"static/media/organization-staff-2.22a0dca2.png\";","export default __webpack_public_path__ + \"static/media/organization-staff-10.b4a0aa4c.png\";","export default __webpack_public_path__ + \"static/media/organization-staff-11.c564a287.png\";","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './OrganizationHistory.css';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/organization-top.png';\r\nimport logo from 'assets/utcc-cits_logo.svg';\r\nimport organization_campus from 'assets/organization-campus.png';\r\nimport organization_activity from 'assets/organization-activity.png';\r\nimport organization_staff from 'assets/organization-staff.png';\r\nimport organization_investment from 'assets/organization-investment.png';\r\nimport organization_staff_1 from 'assets/organization-staff-1.png';\r\nimport organization_staff_2 from 'assets/organization-staff-2.png';\r\nimport organization_staff_3 from 'assets/organization-staff-3.png';\r\nimport organization_staff_4 from 'assets/organization-staff-4.png';\r\nimport organization_staff_10 from 'assets/organization-staff-10.png';\r\nimport organization_staff_11 from 'assets/organization-staff-11.png';\r\n\r\nimport ReactPlayer from 'react-player';\r\n\r\nexport default observer(function OrganizationHistory() {\r\n\r\n    const [loading, setLoading] = useState(true);\r\n\r\n    useEffect(() => {\r\n\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-activity-main flex-container'>\r\n            <div className='organization-activity-main-bg'>\r\n                <img src={organization_top} className='organization-activity-main-bg-image' />\r\n                <div className='organization-activity-main-content'>\r\n                    <div className=\"organization-activity-main-content-article-1\">ประวัติหน่วยงาน</div>\r\n                    <div className=\"organization-activity-main-content-article-2\">หน่วยงาน - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className='organization-history-main-campus'>\r\n                    <div className='organization-history-main-campus-1'>\r\n                        <div className='organization-history-main-campus-1-inner-1'>\r\n                            <img src={organization_campus} className='organization-history-main-campus-image' />\r\n                            <div className='organization-history-main-campus-content-1'>\r\n                                <div className=\"organization-history-main-campus-content-1-article-1\">ปรัชญา / ปณิธาน</div>\r\n                                <div className=\"organization-history-main-campus-content-1-article-2\">“แหล่งวิชาการ เชี่ยวชาญวิจัย<br></br>เสนอแนะนโยบาย ทำนายการค้า”</div>\r\n                                <div className=\"organization-history-main-campus-content-1-article-1\">วิสัยทัศน์</div>\r\n                                <div className=\"organization-history-main-campus-content-1-article-3\">เป็นศูนย์วิเคราะห์ วิจัย ที่เชี่ยวชาญเศรษฐกิจการค้าระหว่างประเทศ</div>\r\n                            </div>\r\n                        </div>\r\n                        <div className='organization-history-main-campus-1-inner-2'>\r\n                            <div className='organization-history-main-campus-content-2'>\r\n                                <div className=\"organization-history-main-campus-content-2-article-1\">ภารกิจหลัก</div>\r\n                                <div className=\"organization-history-main-campus-content-2-article-2\">1. เป็นแหล่งรวบรวมข้อมูลที่ละเอียดและทันสมัยเกี่ยวกับกฎเกณฑ์และระเบียบต่างๆขององค์การการค้าโลก อาทิเช่น - ประวัติความเป็นมาโครงสร้าง และความรู้ทั่วไปเกี่ยวกับ GATT และ WTO - สนธิสัญญา ข้อตกลงและเอกสารทางการ ของ GATT และ WTO - ผลกระทบของ GATT และ WTO ต่อโลกโดยรวม - ผลกระทบของ GATT และ WTO ต่อ โลกโดยรวม - ข้อเสนอในการเจรจารอบใหม่ของประเทศต่างๆ - พันธกรณีและการบังคับใช้ข้อตกลงของประเทศต่างๆ - กรณีพิพาทและการตัดสินข้อพิพาทภายใต้ WTO - ข้อกีดกันทางการค้าที่เป็นภาษี - ข้อกีดกันทางการค้าที่ไม่ใช่ภาษี - ประเทศไทยกับการค้าระหว่างประเทศและ WTO - ผลกระทบของ GATT และ WTO ต่อไทยโดยรวม - โครงสร้างและ ความสามารถในการแข่งขันในภาคเกษตร - โครงสร้างและความสามารถในการแข่งขันในภาคอุตสาหกรรมเกษตร - โครงสร้างและความสามารถในการแข่งขันในภาคอุตสาหกรรม - โครงสร้างและความสามารถในการแข่งขันในภาค บริการ - โครงสร้างและความสามารถในการแข่งขันด้านการลงทุน - การประมง - สิ่งทอ - พาณิชย์อิเลคทรอนิคส์ - กฏแหล่งกำเนิดสินค้า - การค้าและสิ่งแวดล้อม - สิทธิบัตรและลิขสิทธิ์ - Special & Differential Treatments (S&D) - GMO - Non-Trade Concerns - สถิติการค้าต่างๆ<br></br>2. เขียนบทความทางวิชาการที่มีคุณภาพเกี่ยวกับการค้าระหว่างประเทศ<br></br>3. ให้ข้อเสนอแนะที่เป็นประโยชน์ต่อประเทศทางด้านการพัฒนาการค้าระหว่างประเทศ แก่หน่วยงานภาครัฐ</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className='organization-history-main-campus-2'>\r\n                        <div className=\"organization-history-main-campus-content-3\">\r\n                            <div className=\"organization-history-main-campus-content-3-video\">\r\n                                <ReactPlayer url=\"https://www.youtube.com/watch?v=Va7yeRrKqtc\" width='100%' height='100%' />\r\n                            </div>\r\n                        </div>\r\n                        <div className='organization-history-main-campus-content-4'>\r\n                            <div className=\"organization-history-main-campus-content-4-article-1\">จุดมุ่งหมาย</div>\r\n                            <div className=\"organization-history-main-campus-content-4-article-2\">1. เป็นศูนย์รวบรวมข้อมูลและข่าวสารเกี่ยวกับความเป็นไปและกฎระเบียบทางการค้าระหว่าง ประเทศและองค์กรการค้าโลก เพื่อบริการและเผยแพร่แก่นักศึกษาสถาบันการศึกษา หน่วยงานธุรกิจตลอดจนสถาบันอื่นๆทั้งในภาครัฐ และเอกชน<br></br>2. ศึกษาวิเคราะห์ประเด็นปัญหา กฎระเบียบ และนโยบายการค้าระหว่างประเทศโดยเฉพาะที่ เกี่ยวข้องกับองค์การการค้าโลกโดยจัดทำเป็นรายงาน บทวิเคราะห์ทางวิชาการ และข้อ เสนอแนะเชิงนโยบาย เพื่อเป็นประโยชน์ในด้านการศึกษาและการปรับตัวของภาคเอกชน ไทย ตลอดจนสื่อความคิดเห็นเชิงวิชาการไปยังหน่วยงานภาครัฐร่วมมือกับคณะ กรรมการ ร่วมภาคเอกชน อันประกอบด้วย สภาหอการค้าแห่งประเทศไทย สภาอุตสาหกรรมแห่งประเทศไทยและสมาคมธนาคารไทยตลอดจนหน่วยงานภาครัฐ ใน การดำเนินการศึกษาวิจัย จัดสัมมนา และการดำเนินโครงการที่เกี่ยวข้องกับการค้า ระหว่างประเทศและองค์การการค้า อันจะยังประโยชน์ต่อสาธารณชนทั่วไป</div>\r\n                        </div>\r\n                    </div>\r\n                    <div className='organization-history-main-campus-3'>\r\n                        <div className='organization-history-main-campus-content-5'>\r\n                            <div className=\"organization-history-main-campus-content-5-image\">\r\n                                <img src={organization_activity} />\r\n                            </div>\r\n                            <div className=\"organization-history-main-campus-content-5-article-1\">กิจกรรม</div>\r\n                            <div className=\"organization-history-main-campus-content-5-article-2\">1. งานรวบรวม ทำสำเนา บันทึกคอมพิวเตอร์ และเข้าแฟ้มข่าว และข้อมูล<br></br>2. งานให้บริการข่างสารข้อมูลแก่นักศึกษา ภาคธุรกิจ และหน่วยงานต่างๆ ณ ศูนย์<br></br>3. งานเขียนและบันทึกข่าวและข้อมูลในเว็บไซต์<br></br>4. เขียนและเผยแพร่บทความ บทวิเคราะห์ งานวิจัยในเว็บไซต์ newsletter หนังสือพิมพ์ และวารสารภาครัฐและเอกชน<br></br>5. ร่วมประชุมกรรมการร่วมภาคเอกชน (กกร) WTO และการสัมมนา/ระดมความเห็นร่วมกับหน่วยงานภาครัฐและเอกชน</div>\r\n                        </div>\r\n                        <div className='organization-history-main-campus-content-6'>\r\n                            <div className=\"organization-history-main-campus-content-6-image\">\r\n                                <img src={organization_staff} />\r\n                            </div>\r\n                            <div className=\"organization-history-main-campus-content-6-article-1\">โครงสร้างบริหาร</div>\r\n                            <div className=\"organization-history-main-campus-content-6-article-2\">โครงสร้างการบริหารของศูนย์ศึกษาการค้าระหว่างประเทศประกอบด้วย 2 ส่วน คือ<br></br>1. คณะทำงาน อันมีหัวหน้าศูนย์เป็นประธานทำหน้าที่ดำเนินงานต่างๆตามวัตถุประสงค์ของศูนย์ฯเพื่อให้งานสำเร็จลุล่วงไปด้วยดี<br></br>2. คณะกรรมการ ทำหน้าที่ให้คำปรึกษาข้อแนะนำและความคิดเห็นแก่คณะทำงาน</div>\r\n                        </div>\r\n                        <div className='organization-history-main-campus-content-7'>\r\n                            <div className=\"organization-history-main-campus-content-7-image\">\r\n                                <img src={organization_investment} />\r\n                            </div>\r\n                            <div className=\"organization-history-main-campus-content-7-article-1\">แหล่งเงินทุน</div>\r\n                            <div className=\"organization-history-main-campus-content-7-article-2\">ได้รับการสนับสนุนจากงบประมาณประจำปีจากมหาวิทยาลัยหอการค้าและหน่วยงานราชการทั้งในและต่างประเทศ</div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </main>\r\n\r\n            <div className='organization-history-history-bg'>\r\n                <img src={organization_top} className='organization-history-history-bg-image' />\r\n            </div>\r\n\r\n            <main>\r\n                <div className='organization-history-history-content-1'>\r\n                    <div className=\"organization-history-history-content-1-article-1\">ประวัติความเป็นมา</div>\r\n                    <div className=\"organization-history-history-content-1-article-2\">สภาวการณ์ในปัจจุบัน การค้าระหว่างประเทศเป็นปัจจัยสำคัญอย่างยิ่งต่อการพัฒนาประเทศ เนื่องจากประเทศต่างๆทั่วโลกมีความจำเป็นที่จะต้องขยายตลาดและการลงทุนใน ธุรกิจต่างๆ สู่ประเทศอื่นๆ ขณะเดียวกันก็จำเป็นที่จะต้องเปิดประเทศของตน เพื่อเปิดโอกาสให้ประเทศอื่นๆ เข้ามาเปิดตลาดการค้าและขยายการลงทุนในประเทศของตน ซึ่งรูปแบบการค้าระหว่างประเทศ มีการพัฒนาสู่รูปแบบที่ซับซ้อนขึ้น<br></br><br></br>จึงมีความจำเป็นที่จะต้องสร้างกฎเกณฑ์ ในระเบียบการค้า ต่างๆ เพื่อให้เกิดความเป็นธรรมแก่ทุกประเทศมากที่สุด โดนเหตุนี้องค์การการค้าโลกหรือWTO จึงถูก จัดตั้งขึ้นเมื่อวันที่ 1 มกราคม พ.ศ. 2538 เพื่อเป็นเวทีสำหรับเจรจาการค้า และยุติข้อพิพาท ทางการค้าแก่ประเทศต่างๆ<br></br><br></br>สำหรับประเทศไทยนั้นมีการพึ่งพารายได้จากการค้าระหว่างประเทศมากพอสมควร มาตั้งแต่อดีต จนถึงปัจจุบันโดยรายได้จากการส่งออกที่สำคัญของไทยตั้งแต่อดีตได้แก่สินค้า เกษตรและพัฒนา มาเป็นสินค้าอุตสาหกรรมและบริการในปัจจุบัน ยิ่งนับวัน การค้าระหว่างประเทศยิ่งมีความสำคัญ ต่อเศรษฐกิจไทยมากยิ่งขึ้น<br></br><br></br>ด้วยเหตุนี้ มหาวิทยาลัยหอการค้าไทย ซึ่งได้เล็งเห็นถึงความสำคัญ ของการดำเนินธุรกิจการค้าระหว่างประเทศภายใต้กรอบของ องค์การการค้าโลกในปัจจุบัน และ อนาคตจึงได้จัดตั้งศูนย์ศึกษาการค้าระหว่างประเทศเมื่อวันที่ 15 ตุลาคม 2542 ซึ่งทำหน้าที่ศึกษา และรวบรวมข้อมูลเกี่ยวกับกฎเกณฑ์และระเบียบต่างๆภายใต้องค์การการค้าโลก เพื่อสนับสนุน ให้ภาคธุรกิจไทยได้เข้าใจถึงกฎเกณฑ์ทางการค้าระหว่างประเทศอย่างถ่องแท้</div>\r\n                </div>\r\n                <div className='organization-history-history-content-staff'>\r\n                    <div className='organization-history-history-content-2'>\r\n                        <div className=\"organization-history-history-content-2-staff-1-image\">\r\n                            <img src={organization_staff_1} />\r\n                        </div>\r\n                    </div>\r\n                    <div className='organization-history-history-content-staff-inner'>\r\n                        <div className='organization-history-history-content-staff-1'>\r\n                            <div className='organization-history-history-content-3'>\r\n                          \r\n                                <div className=\"organization-history-history-content-3-article-1\">รองศาสตราจารย์ ดร.อัทธ์ พิศาลวานิช</div>\r\n                                <div className=\"organization-history-history-content-3-article-2\">(Associate Professor Dr. Aat Pisanwanich)<br></br><br></br>อาจารย์ประจำคณะเศรษฐศาสตร์ สาขาวิชา เศรษฐศาสตร์ระหว่างประเทศ<br></br>และผู้อำนวยการศูนย์ศึกษาการค้าระหว่างประเทศ มหาวิทยาลัยหอการค้าไทย</div>\r\n                            </div>\r\n                        </div>\r\n                        <div className='organization-history-history-content-staff-2'>\r\n                            <div className='organization-history-history-content-4'>\r\n                            \r\n                                <div className=\"organization-history-history-content-2-staff-2-image\">\r\n                                    <img src={organization_staff_2} />\r\n                                </div>\r\n                           \r\n                                <div className=\"organization-history-history-content-2-staff-2-image\">\r\n                                    <img src={organization_staff_10} />\r\n                                </div>\r\n                \r\n                                <div className=\"organization-history-history-content-2-staff-2-image\">\r\n                                    <img src={organization_staff_11} />\r\n                                </div>\r\n                     \r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </main>\r\n\r\n        </div>\r\n    )\r\n})","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './OrganizationActivity.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/organization-top.png';\r\nimport { Button, Container, Icon, Loader } from 'semantic-ui-react';\r\nimport { PagingParams } from 'app/models/pagination';\r\nimport no_image from 'assets/no-image.jpg';\r\n\r\nexport default observer(function OrganizationActivity() {\r\n\r\n    const [firstArticles, setFirstArticles] = useState<Article[]>([]);\r\n    const [listArticles, setListArticles] = useState<Article[]>([]);\r\n    const [listOtherArticles, setListOtherArticles] = useState<Article[]>([]);\r\n\r\n    const { articleStore } = useStore();\r\n    const { setPredicate, setPagingParams, pagination } = articleStore;\r\n\r\n    const [loading, setLoading] = useState(true);\r\n    const [loadingNext, setLoadingNext] = useState(false);\r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n\r\n            setPredicate('articleGroupDetailName', articleStore.ORGANIZATION_ACTIVITY);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setFirstArticles(data.filter((articles, index) => index === 0));\r\n            setListArticles(data.slice(1));\r\n        }\r\n\r\n        const fetchDataOtherNews = async () => {\r\n\r\n            setPredicate('articleGroupName', articleStore.ORGANIZATION);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setListOtherArticles(data);\r\n        };\r\n\r\n        fetchData();\r\n        fetchDataOtherNews();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    function handleGetNext() {\r\n        setLoadingNext(true);\r\n        setPredicate('articleGroupDetailName', articleStore.ORGANIZATION_ACTIVITY);\r\n        setPagingParams(new PagingParams(pagination!.currentPage + 1));\r\n\r\n        articleStore.getArticlesContent().then((data) => {\r\n            data.forEach(article => {\r\n                listArticles.push(article);\r\n            });\r\n            setLoadingNext(false);\r\n        });\r\n    }\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-activity-main flex-container'>\r\n            <div className='organization-activity-main-bg'>\r\n                <img src={organization_top} className='organization-activity-main-bg-image' />\r\n                <div className='organization-activity-main-content'>\r\n                    <div className=\"organization-activity-main-content-article-1\">กิจกรรมหน่วยงาน/อบรมสัมมนา</div>\r\n                    <div className=\"organization-activity-main-content-article-2\">หน่วยงาน - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className='organization-activity-main-content-detail'>\r\n                    <div className='organization-activity-main-content-1'>\r\n                        <div className=\"organization-activity-main-content-1-header\">กิจกรรมอัพเดทล่าสุด</div>\r\n                        {firstArticles && firstArticles.map((article, index) => (\r\n                            article.photos.length > 0 ? (\r\n                                <>\r\n                                    <div className=\"organization-activity-main-content-1-image\">\r\n                                        <img src={article.photos?.filter(x => x.isMain === true)[0].url} ></img>\r\n                                    </div>\r\n                                    <div className=\"wrap organization-activity-main-content-1-article\">\r\n                                        <a href={'/home/organization_activity/' + article.id} className=\"organization-activity-main-content-1-article-link\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <div className=\"article-header text-tiny\">{article.section}</div>\r\n                                            <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                            <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                        </a>\r\n                                    </div></>\r\n                            ) : (\r\n                                <>\r\n                                    <div className=\"organization-activity-main-content-1-image\">\r\n                                        <img src={no_image} ></img>\r\n                                    </div>\r\n                                    <div className=\"wrap organization-activity-main-content-1-article\">\r\n                                        <a href={'/home/organization_activity/' + article.id} className=\"organization-activity-main-content-1-article-link\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <div className=\"article-header text-tiny\">{article.section}</div>\r\n                                            <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                            <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                        </a>\r\n                                    </div></>\r\n                            )\r\n\r\n                        ))}\r\n\r\n\r\n                        <div className='organization-activity-main-content-1-list'>\r\n                            {listArticles && listArticles.map((article, index) => (\r\n                                article.photos.length > 0 ? (\r\n                                    <div className=\"wrap organization-activity-main-content-1-list-inner\">\r\n                                        <><img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"organization-activity-main-content-1-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-1-list-article\">\r\n                                                <a href={'/home/organization_activity/' + article.id} className=\"organization-activity-main-content-1-list-article-link\">\r\n                                                    <div className=\"article-header-date\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article-header text-small text-size-small\">{article.section}</div>\r\n                                                    <div className=\"text-small text-size-tiny\">{article.sectionDetail}</div>\r\n                                                    <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                ) : (\r\n                                    <div className=\"wrap organization-activity-main-content-1-list-inner\">\r\n                                        <><img src={no_image} className=\"organization-activity-main-content-1-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-1-list-article\">\r\n                                                <a href={'/home/organization_activity/' + article.id} className=\"organization-activity-main-content-1-list-article-link\">\r\n                                                    <div className=\"article-header-date\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article-header text-small text-size-small\">{article.section}</div>\r\n                                                    <div className=\"text-small text-size-tiny\">{article.sectionDetail}</div>\r\n                                                    <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                )\r\n\r\n                            ))}\r\n\r\n                            <div className=\"content\">\r\n                                <Loader active={loadingNext} />\r\n                            </div>\r\n\r\n                            {!loadingNext && !!pagination && pagination.currentPage < pagination.totalPages ? (\r\n                                <Container textAlign='center'>\r\n                                    <Button compact size='medium' onClick={handleGetNext} basic color='teal' >\r\n                                        <Icon size='large' name='arrow alternate circle down outline' />Read more\r\n                                    </Button>\r\n                                </Container>\r\n                            ) : (\r\n                                <Container textAlign='center'>\r\n                                    <Button compact size='medium' basic color='grey' disabled>\r\n                                        No more content.\r\n                                    </Button>\r\n                                </Container>\r\n                            )}\r\n\r\n                        </div>\r\n                    </div>\r\n                    <div className='organization-activity-main-content-2'>\r\n                        <div className=\"organization-activity-main-content-2-header content-header\">ข่าวอื่นๆที่น่าสนใจ</div>\r\n                        <div className=\"organization-activity-main-content-2-list\">\r\n                            {listOtherArticles && listOtherArticles.map((article, index) => (\r\n                                article.photos.length > 0 ? (\r\n                                    <div className=\"wrap organization-activity-main-content-2-list-inner\">\r\n                                        <><img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"organization-activity-main-content-2-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-2-list-article\">\r\n                                                <a href={'/home/organization_activity/' + article.id} className=\"organization-activity-main-content-2-list-article-link\">\r\n                                                    <div className=\"content-header-small\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article text-small text-size-small\">{article.section}</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                ) : (\r\n                                    <div className=\"wrap organization-activity-main-content-2-list-inner\">\r\n                                        <><img src={no_image} className=\"organization-activity-main-content-2-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-2-list-article\">\r\n                                                <a href={'/home/organization_activity/' + article.id} className=\"organization-activity-main-content-2-list-article-link\">\r\n                                                    <div className=\"content-header-small\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article text-small text-size-small\">{article.section}</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                )\r\n\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </main>\r\n\r\n\r\n        </div>\r\n    )\r\n})","export default __webpack_public_path__ + \"static/media/organization-top-news.a2fe2fca.jpg\";","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './OrganizationNews.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/organization-top-news.jpg';\r\nimport { Button, Container, Icon, Loader, Message } from 'semantic-ui-react';\r\nimport { PagingParams } from 'app/models/pagination';\r\nimport no_image from 'assets/no-image.jpg';\r\n\r\nexport default observer(function OrganizationNews() {\r\n\r\n    const [firstArticles, setFirstArticles] = useState<Article[]>([]);\r\n    const [listArticles, setListArticles] = useState<Article[]>([]);\r\n    const [listOtherArticles, setListOtherArticles] = useState<Article[]>([]);\r\n\r\n    const { articleStore } = useStore();\r\n    const { setPredicate, loadArticles, articleRegistry, setPagingParams, pagination } = articleStore;\r\n\r\n    const [loading, setLoading] = useState(true);\r\n    const [loadingNext, setLoadingNext] = useState(false);\r\n\r\n    useEffect(() => {\r\n        \r\n        const fetchData = async () => {\r\n\r\n            setPredicate('articleGroupDetailName', articleStore.ORGANIZATION_NEWS);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setFirstArticles(data.filter((articles, index) => index === 0));\r\n            setListArticles(data.slice(1));\r\n        }\r\n\r\n        const fetchDataOtherNews = async () => {\r\n\r\n            setPredicate('articleGroupName', articleStore.ORGANIZATION);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setListOtherArticles(data);\r\n        };\r\n\r\n        fetchData();\r\n        fetchDataOtherNews();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    function handleGetNext() {\r\n        setLoadingNext(true);\r\n        setPredicate('articleGroupDetailName', articleStore.ORGANIZATION_NEWS);\r\n        setPagingParams(new PagingParams(pagination!.currentPage + 1));\r\n\r\n        articleStore.getArticlesContent().then((data) => {\r\n            data.forEach(article => {\r\n                listArticles.push(article);\r\n            });\r\n            setLoadingNext(false);\r\n        });\r\n    }\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-activity-main flex-container'>\r\n            <div className='organization-activity-main-bg'>\r\n                <img src={organization_top} className='organization-activity-main-bg-image' />\r\n                <div className='organization-activity-main-content'>\r\n                    <div className=\"organization-activity-main-content-article-1\">ข่าวประชาสัมพันธ์</div>\r\n                    <div className=\"organization-activity-main-content-article-2\">หน่วยงาน - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className='organization-activity-main-content-detail'>\r\n                    <div className='organization-activity-main-content-1'>\r\n                        <div className=\"organization-activity-main-content-1-header\">ข่าวประชาสัมพันธ์อัพเดทล่าสุด</div>\r\n                        {firstArticles && firstArticles.map((article, index) => (\r\n                                article.photos.length > 0 ? (\r\n                                <>\r\n                                    <div className=\"organization-activity-main-content-1-image\">\r\n                                        <img src={article.photos?.filter(x => x.isMain === true)[0].url} ></img>\r\n                                    </div>\r\n                                    <div className=\"wrap organization-activity-main-content-1-article\">\r\n                                        <a href={'/home/organization_news/' + article.id} className=\"organization-activity-main-content-1-article-link\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <div className=\"article-header text-tiny\">{article.section}</div>\r\n                                            <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                            <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                        </a>\r\n                                    </div></>\r\n                            ) : (\r\n                                <>\r\n                                    <div className=\"organization-activity-main-content-1-image\">\r\n                                        <img src={no_image} ></img>\r\n                                    </div>\r\n                                    <div className=\"wrap organization-activity-main-content-1-article\">\r\n                                        <a href={'/home/organization_news/' + article.id} className=\"organization-activity-main-content-1-article-link\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <div className=\"article-header text-tiny\">{article.section}</div>\r\n                                            <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                            <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                        </a>\r\n                                    </div></>\r\n                            )\r\n\r\n                        ))}\r\n\r\n\r\n                        <div className='organization-activity-main-content-1-list'>\r\n                            {listArticles && listArticles.map((article, index) => (\r\n                                    article.photos.length > 0 ? (\r\n                                    <div className=\"wrap organization-activity-main-content-1-list-inner\">\r\n                                        <><img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"organization-activity-main-content-1-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-1-list-article\">\r\n                                                <a href={'/home/organization_news/' + article.id} className=\"organization-activity-main-content-1-list-article-link\">\r\n                                                    <div className=\"article-header-date\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article-header text-small text-size-small\">{article.section}</div>\r\n                                                    <div className=\"text-small text-size-tiny\">{article.sectionDetail}</div>\r\n                                                    <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                ) : (\r\n                                    <div className=\"wrap organization-activity-main-content-1-list-inner\">\r\n                                        <><img src={no_image} className=\"organization-activity-main-content-1-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-1-list-article\">\r\n                                                <a href={'/home/organization_news/' + article.id} className=\"organization-activity-main-content-1-list-article-link\">\r\n                                                    <div className=\"article-header-date\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article-header text-small text-size-small\">{article.section}</div>\r\n                                                    <div className=\"text-small text-size-tiny\">{article.sectionDetail}</div>\r\n                                                    <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                )\r\n\r\n                            ))}\r\n\r\n                            <div className=\"content\">\r\n                                <Loader active={loadingNext} />\r\n                            </div>\r\n\r\n                            {!loadingNext && !!pagination && pagination.currentPage < pagination.totalPages ? (\r\n                                <Container textAlign='center'>\r\n                                    <Button compact size='medium' onClick={handleGetNext} basic color='teal' >\r\n                                        <Icon size='large' name='arrow alternate circle down outline' />Read more\r\n                                    </Button>\r\n                                </Container>\r\n                            ) : (\r\n                                <Container textAlign='center'>\r\n                                    <Button compact size='medium' basic color='grey' disabled>\r\n                                        No more content.\r\n                                    </Button>\r\n                                </Container>\r\n                            )}\r\n\r\n                        </div>\r\n                    </div>\r\n                    <div className='organization-activity-main-content-2'>\r\n                        <div className=\"organization-activity-main-content-2-header content-header\">ข่าวอื่นๆที่น่าสนใจ</div>\r\n                        <div className='organization-activity-main-content-2-list'>\r\n                            {listOtherArticles && listOtherArticles.map((article, index) => (\r\n                                    article.photos.length > 0 ? (\r\n                                    <div className=\"wrap organization-activity-main-content-2-list-inner\">\r\n                                        <><img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"organization-activity-main-content-2-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-2-list-article\">\r\n                                                <a href={'/home/organization_news/' + article.id} className=\"organization-activity-main-content-2-list-article-link\">\r\n                                                    <div className=\"content-header-small\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article text-small text-size-small\">{article.section}</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                ) : (\r\n                                    <div className=\"wrap organization-activity-main-content-2-list-inner\">\r\n                                        <><img src={no_image} className=\"organization-activity-main-content-2-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-2-list-article\">\r\n                                                <a href={'/home/organization_news/' + article.id} className=\"organization-activity-main-content-2-list-article-link\">\r\n                                                    <div className=\"content-header-small\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article text-small text-size-small\">{article.section}</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                )\r\n\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </main>\r\n\r\n\r\n        </div>\r\n    )\r\n})","export default __webpack_public_path__ + \"static/media/organization-staff-research-1.483d85c5.png\";","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './OrganizationStaff.css';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/organization-staff-research-1.png';\r\nimport logo from 'assets/utcc-cits_logo.svg';\r\nimport organization_staff_1 from 'assets/organization-staff-1.png';\r\nimport organization_staff_2 from 'assets/organization-staff-2.png';\r\nimport organization_staff_3 from 'assets/organization-staff-3.png';\r\nimport organization_staff_4 from 'assets/organization-staff-4.png';\r\nimport organization_staff_10 from 'assets/organization-staff-10.png';\r\nimport organization_staff_11 from 'assets/organization-staff-11.png';\r\n\r\nexport default observer(function OrganizationStaff() {\r\n\r\n    const [loading, setLoading] = useState(true);\r\n\r\n    useEffect(() => {\r\n\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-activity-main flex-container'>\r\n            <div className='organization-activity-main-bg'>\r\n                <img src={organization_top} className='organization-activity-main-bg-image' />\r\n                <div className='organization-activity-main-content'>\r\n                    <div className=\"organization-activity-main-content-article-1\">คณะทีมอาจารย์และนักวิจัย</div>\r\n                    <div className=\"organization-activity-main-content-article-2\">หน่วยงาน - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n\r\n                <div className='organization-history-history-content-staff'>\r\n                    <div className='organization-history-history-content-2'>\r\n                        <div className=\"organization-history-history-content-2-staff-1-image\">\r\n                            <img src={organization_staff_1} />\r\n                        </div>\r\n                    </div>\r\n                    <div className='organization-history-history-content-staff-inner'>\r\n                        <div className='organization-history-history-content-staff-1'>\r\n                            <div className='organization-history-history-content-3'>\r\n                                <div className=\"organization-history-history-content-3-article-1\">รองศาสตราจารย์ ดร.อัทธ์ พิศาลวานิช</div>\r\n                                <div className=\"organization-history-history-content-3-article-2\">(Associate Professor Dr. Aat Pisanwanich)<br></br><br></br>อาจารย์ประจำคณะเศรษฐศาสตร์ สาขาวิชา เศรษฐศาสตร์ระหว่างประเทศ<br></br>และผู้อำนวยการศูนย์ศึกษาการค้าระหว่างประเทศ มหาวิทยาลัยหอการค้าไทย</div>\r\n                            </div>\r\n                        </div>\r\n                        <div className='organization-history-history-content-staff-2'>\r\n                            <div className='organization-history-history-content-4'>\r\n                                <div className=\"organization-history-history-content-2-staff-2-image\">\r\n                                    <img src={organization_staff_2} />\r\n                                </div>\r\n\r\n                                <div className=\"organization-history-history-content-2-staff-2-image\">\r\n                                    <img src={organization_staff_10} />\r\n                                </div>\r\n\r\n                                <div className=\"organization-history-history-content-2-staff-2-image\">\r\n                                    <img src={organization_staff_11} />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </main>\r\n\r\n        </div>\r\n    )\r\n})","export default __webpack_public_path__ + \"static/media/radio-top.ee2aeb68.jpg\";","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './RadioGoodMorning.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/radio-top.jpg';\r\nimport { Button, Container, Icon, Loader } from 'semantic-ui-react';\r\nimport { PagingParams } from 'app/models/pagination';\r\nimport icon_radio from 'assets/main-radio.png';\r\nimport ReactPlayer from 'react-player';\r\n\r\nexport default observer(function RadioGoodMorning() {\r\n\r\n    const { articleStore } = useStore();\r\n    const { setPredicate, setPagingParams, pagination } = articleStore;\r\n\r\n    const [articles, setArticles] = useState<Article[]>([]);\r\n    const [loading, setLoading] = useState(true);\r\n    const [loadingNext, setLoadingNext] = useState(false);\r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            setPredicate('articleGroupDetailName', articleStore.RADIO_GOODMORNING);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setArticles(data);\r\n        }\r\n        fetchData();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n\r\n\r\n    function handleGetNext() {\r\n        setLoadingNext(true);\r\n        setPagingParams(new PagingParams(pagination!.currentPage + 1));\r\n\r\n        articleStore.getArticlesContent().then((data) => {\r\n            data.forEach(article => {\r\n                articles.push(article);\r\n            });\r\n            setLoadingNext(false);\r\n        });\r\n    }\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-radiomorning-main flex-container'>\r\n            <div className='organization-radiomorning-main-bg'>\r\n                <img src={organization_top} className='organization-radiomorning-main-bg-image' />\r\n                <div className='organization-radiomorning-main-content'>\r\n                    <div className=\"organization-radiomorning-main-content-article-1\">Good Morning Asean (วิทยุ)</div>\r\n                    <div className=\"organization-radiomorning-main-content-article-2\">รายการโทรทัศน์/วิทยุ - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className=\"flex-container radio-main-container\">\r\n                    <div className=\"radio-main\">\r\n                        <div className=\"radio-main-header\">\r\n                            <div className=\"radio-main-header-left\">\r\n                                <span><img src={icon_radio} className=\"radio-main-header-left-image\" />&nbsp; รายการ GOOD MORNING ASEAN FM 100.5 ทุกวันศุกร์ 7.00 - 7.30 น.</span>\r\n                            </div>\r\n\r\n                        </div>\r\n                        <div className=\"radio-main-list-content\">\r\n                            <div className=\"flex-container radio-main-list-content-left\">\r\n                                {articles && articles.map((article, index) => (\r\n                                    index === 0 &&\r\n                                        article.youtubeLink.length > 0 ? (\r\n                                        <ReactPlayer url={article.youtubeLink} className=\"radio-main-list-content-video-big\" width='100%' height='100%' />\r\n                                    ) : (\r\n                                        <></>\r\n                                    )\r\n                                ))}\r\n                            </div>\r\n                            <div className=\"radio-main-list-content-right\">\r\n                                {articles && articles.map((article, index) => (\r\n                                    index >= 1 &&\r\n                                        article.youtubeLink.length > 0 ? (\r\n                                        <div className=\"flex-container radio-main-list-content-right-inner\">\r\n                                            <ReactPlayer url={article.youtubeLink} className=\"radio-main-list-content-video-medium\" width='100%' height='100%' />\r\n                                        </div>\r\n                                    ) : (\r\n                                        <></>\r\n                                    )\r\n                                ))}\r\n                            </div>\r\n                            <div className=\"content\">\r\n                                <Loader active={loadingNext} />\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                    <br></br>\r\n                    {!loadingNext && !!pagination && pagination.currentPage < pagination.totalPages ? (\r\n                        <Container textAlign='center'>\r\n                            <Button compact size='medium' onClick={handleGetNext} basic color='teal' >\r\n                                <Icon size='large' name='arrow alternate circle down outline' />Read more\r\n                            </Button>\r\n                        </Container>\r\n                    ) : (\r\n                        <Container textAlign='center'>\r\n                            <Button compact size='medium' basic color='grey' disabled>\r\n                                No more content.\r\n                            </Button>\r\n                        </Container>\r\n                    )}\r\n                </div>\r\n            </main>\r\n\r\n\r\n        </div>\r\n    )\r\n})","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './RadioAseanConnect.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/radio-top.jpg';\r\nimport { Button, Container, Icon, Loader } from 'semantic-ui-react';\r\nimport { PagingParams } from 'app/models/pagination';\r\nimport icon_radio from 'assets/main-radio.png';\r\nimport ReactPlayer from 'react-player';\r\n\r\nexport default observer(function RadioAseanConnect() {\r\n\r\n    const { articleStore } = useStore();\r\n    const { setPredicate, setPagingParams, pagination } = articleStore;\r\n\r\n    const [articles, setArticles] = useState<Article[]>([]);\r\n    const [loading, setLoading] = useState(true);\r\n    const [loadingNext, setLoadingNext] = useState(false);\r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            setPredicate('articleGroupDetailName', articleStore.RADIO_ASEANCONNECT);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setArticles(data);\r\n        }\r\n        fetchData();\r\n\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    function handleGetNext() {\r\n        setLoadingNext(true);\r\n        setPagingParams(new PagingParams(pagination!.currentPage + 1));\r\n\r\n        articleStore.getArticlesContent().then((data) => {\r\n            data.forEach(article => {\r\n                articles.push(article);\r\n            });\r\n            setLoadingNext(false);\r\n        });\r\n    }\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-radiomorning-main flex-container'>\r\n            <div className='organization-radiomorning-main-bg'>\r\n                <img src={organization_top} className='organization-radiomorning-main-bg-image' />\r\n                <div className='organization-radiomorning-main-content'>\r\n                    <div className=\"organization-radiomorning-main-content-article-1\">Asean Connect (ทีวี)</div>\r\n                    <div className=\"organization-radiomorning-main-content-article-2\">รายการโทรทัศน์/วิทยุ - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className=\"flex-container radio-main-container\">\r\n                    <div className=\"radio-main\">\r\n                        <div className=\"radio-main-header\">\r\n                            <div className=\"radio-main-header-left\">\r\n                                <span><img src={icon_radio} className=\"radio-main-header-left-image\" />&nbsp; รายการ Asean Connect(ทีวี)</span>\r\n                            </div>\r\n\r\n                        </div>\r\n                        <div className=\"radio-main-list-content\">\r\n                            <div className=\"flex-container radio-main-list-content-left\">\r\n                                {articles && articles.map((article, index) => (\r\n                                    index === 0 &&\r\n                                        article.youtubeLink.length > 0 ? (\r\n                                        <ReactPlayer url={article.youtubeLink} className=\"radio-main-list-content-video-big\" width='100%' height='100%' />\r\n                                    ) : (\r\n                                        <></>\r\n                                    )\r\n                                ))}\r\n                            </div>\r\n                            <div className=\"radio-main-list-content-right\">\r\n                                {articles && articles.map((article, index) => (\r\n                                    index >= 1 &&\r\n                                        article.youtubeLink.length > 0 ? (\r\n                                        <div className=\"flex-container radio-main-list-content-right-inner\">\r\n                                            <ReactPlayer url={article.youtubeLink} className=\"radio-main-list-content-video-medium\" width='100%' height='100%' />\r\n                                        </div>\r\n                                    ) : (\r\n                                        <></>\r\n                                    )\r\n                                ))}\r\n                            </div>\r\n                            <div className=\"content\">\r\n                                <Loader active={loadingNext} />\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n                    <br></br>\r\n                    {!loadingNext && !!pagination && pagination.currentPage < pagination.totalPages ? (\r\n                        <Container textAlign='center'>\r\n                            <Button compact size='medium' onClick={handleGetNext} basic color='teal' >\r\n                                <Icon size='large' name='arrow alternate circle down outline' />Read more\r\n                            </Button>\r\n                        </Container>\r\n                    ) : (\r\n                        <Container textAlign='center'>\r\n                            <Button compact size='medium' basic color='grey' disabled>\r\n                                No more content.\r\n                            </Button>\r\n                        </Container>\r\n                    )}\r\n                </div>\r\n            </main>\r\n\r\n        </div>\r\n    )\r\n})","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './RadioMillionaire.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/radio-top.jpg';\r\nimport { Button, Container, Icon, Loader } from 'semantic-ui-react';\r\nimport { PagingParams } from 'app/models/pagination';\r\nimport icon_radio from 'assets/main-radio.png';\r\nimport ReactPlayer from 'react-player';\r\n\r\nexport default observer(function RadioMillionaire() {\r\n\r\n    const { articleStore } = useStore();\r\n    const { setPredicate, setPagingParams, pagination } = articleStore;\r\n\r\n    const [articles, setArticles] = useState<Article[]>([]);\r\n    const [loading, setLoading] = useState(true);\r\n    const [loadingNext, setLoadingNext] = useState(false);\r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            setPredicate('articleGroupDetailName', articleStore.RADIO_MILLIONAIRE);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setArticles(data);\r\n        }\r\n        fetchData();\r\n\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    function handleGetNext() {\r\n        setLoadingNext(true);\r\n        setPagingParams(new PagingParams(pagination!.currentPage + 1));\r\n\r\n        articleStore.getArticlesContent().then((data) => {\r\n            data.forEach(article => {\r\n                articles.push(article);\r\n            });\r\n            setLoadingNext(false);\r\n        });\r\n    }\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-radiomorning-main flex-container'>\r\n            <div className='organization-radiomorning-main-bg'>\r\n                <img src={organization_top} className='organization-radiomorning-main-bg-image' />\r\n                <div className='organization-radiomorning-main-content'>\r\n                    <div className=\"organization-radiomorning-main-content-article-1\">หัวใจเศรษฐี</div>\r\n                    <div className=\"organization-radiomorning-main-content-article-2\">รายการโทรทัศน์/วิทยุ - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className=\"flex-container radio-main-container\">\r\n                    <div className=\"radio-main\">\r\n                        <div className=\"radio-main-header\">\r\n                            <div className=\"radio-main-header-left\">\r\n                                <span><img src={icon_radio} className=\"radio-main-header-left-image\" />&nbsp; รายการ หัวใจเศรษฐี</span>\r\n                            </div>\r\n\r\n                        </div>\r\n                        <div className=\"radio-main-list-content\">\r\n                            <div className=\"flex-container radio-main-list-content-left\">\r\n                                {articles && articles.map((article, index) => (\r\n                                    index === 0 &&\r\n                                        article.youtubeLink.length > 0 ? (\r\n                                        <ReactPlayer url={article.youtubeLink} className=\"radio-main-list-content-video-big\" width='100%' height='100%' />\r\n                                    ) : (\r\n                                        <></>\r\n                                    )\r\n                                ))}\r\n                            </div>\r\n                            <div className=\"radio-main-list-content-right\">\r\n                                {articles && articles.map((article, index) => (\r\n                                    index >= 1 &&\r\n                                        article.youtubeLink.length > 0 ? (\r\n                                        <div className=\"flex-container radio-main-list-content-right-inner\">\r\n                                            <ReactPlayer url={article.youtubeLink} className=\"radio-main-list-content-video-medium\" width='100%' height='100%' />\r\n                                        </div>\r\n                                    ) : (\r\n                                        <></>\r\n                                    )\r\n                                ))}\r\n                            </div>\r\n                            <div className=\"content\">\r\n                                <Loader active={loadingNext} />\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n                    <br></br>\r\n                    {!loadingNext && !!pagination && pagination.currentPage < pagination.totalPages ? (\r\n                        <Container textAlign='center'>\r\n                            <Button compact size='medium' onClick={handleGetNext} basic color='teal' >\r\n                                <Icon size='large' name='arrow alternate circle down outline' />Read more\r\n                            </Button>\r\n                        </Container>\r\n                    ) : (\r\n                        <Container textAlign='center'>\r\n                            <Button compact size='medium' basic color='grey' disabled>\r\n                                No more content.\r\n                            </Button>\r\n                        </Container>\r\n                    )}\r\n                </div>\r\n            </main>\r\n\r\n\r\n        </div>\r\n    )\r\n})","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './RadioNewsCorner.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/radio-top.jpg';\r\nimport { Button, Container, Icon, Loader } from 'semantic-ui-react';\r\nimport { PagingParams } from 'app/models/pagination';\r\nimport icon_radio from 'assets/main-radio.png';\r\nimport ReactPlayer from 'react-player';\r\n\r\nexport default observer(function RadioNewsCorner() {\r\n\r\n    const { articleStore } = useStore();\r\n    const { setPredicate, setPagingParams, pagination } = articleStore;\r\n\r\n    const [articles, setArticles] = useState<Article[]>([]);\r\n    const [loading, setLoading] = useState(true);\r\n    const [loadingNext, setLoadingNext] = useState(false);\r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            setPredicate('articleGroupDetailName', articleStore.RADIO_NEWSCORNER);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setArticles(data);\r\n        }\r\n        fetchData();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    function handleGetNext() {\r\n        setLoadingNext(true);\r\n        setPagingParams(new PagingParams(pagination!.currentPage + 1));\r\n\r\n        articleStore.getArticlesContent().then((data) => {\r\n            data.forEach(article => {\r\n                articles.push(article);\r\n            });\r\n            setLoadingNext(false);\r\n        });\r\n    }\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-radiomorning-main flex-container'>\r\n            <div className='organization-radiomorning-main-bg'>\r\n                <img src={organization_top} className='organization-radiomorning-main-bg-image' />\r\n                <div className='organization-radiomorning-main-content'>\r\n                    <div className=\"organization-radiomorning-main-content-article-1\">2 มุมข่าว</div>\r\n                    <div className=\"organization-radiomorning-main-content-article-2\">รายการโทรทัศน์/วิทยุ - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className=\"flex-container radio-main-container\">\r\n                    <div className=\"radio-main\">\r\n                        <div className=\"radio-main-header\">\r\n                            <div className=\"radio-main-header-left\">\r\n                                <span><img src={icon_radio} className=\"radio-main-header-left-image\" />&nbsp; รายการ 2 มุมข่าว</span>\r\n                            </div>\r\n\r\n                        </div>\r\n                        <div className=\"radio-main-list-content\">\r\n                            <div className=\"flex-container radio-main-list-content-left\">\r\n                                {articles && articles.map((article, index) => (\r\n                                    index === 0 &&\r\n                                        article.youtubeLink.length > 0 ? (\r\n                                        <ReactPlayer url={article.youtubeLink} className=\"radio-main-list-content-video-big\" width='100%' height='100%' />\r\n                                    ) : (\r\n                                        <></>\r\n                                    )\r\n                                ))}\r\n                            </div>\r\n                            <div className=\"radio-main-list-content-right\">\r\n                                {articles && articles.map((article, index) => (\r\n                                    index >= 1 &&\r\n                                        article.youtubeLink.length > 0 ? (\r\n                                        <div className=\"flex-container radio-main-list-content-right-inner\">\r\n                                            <ReactPlayer url={article.youtubeLink} className=\"radio-main-list-content-video-medium\" width='100%' height='100%' />\r\n                                        </div>\r\n                                    ) : (\r\n                                        <></>\r\n                                    )\r\n                                ))}\r\n                            </div>\r\n                            <div className=\"content\">\r\n                                <Loader active={loadingNext} />\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n                    <br></br>\r\n                    {!loadingNext && !!pagination && pagination.currentPage < pagination.totalPages ? (\r\n                        <Container textAlign='center'>\r\n                            <Button compact size='medium' onClick={handleGetNext} basic color='teal' >\r\n                                <Icon size='large' name='arrow alternate circle down outline' />Read more\r\n                            </Button>\r\n                        </Container>\r\n                    ) : (\r\n                        <Container textAlign='center'>\r\n                            <Button compact size='medium' basic color='grey' disabled>\r\n                                No more content.\r\n                            </Button>\r\n                        </Container>\r\n                    )}\r\n                </div>\r\n            </main>\r\n\r\n\r\n        </div>\r\n    )\r\n})","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './RadioOther.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/radio-top.jpg';\r\nimport { Button, Container, Icon, Loader } from 'semantic-ui-react';\r\nimport { PagingParams } from 'app/models/pagination';\r\nimport icon_radio from 'assets/main-radio.png';\r\nimport ReactPlayer from 'react-player';\r\n\r\nexport default observer(function RadioOther() {\r\n\r\n    const { articleStore } = useStore();\r\n    const { setPredicate, setPagingParams, pagination } = articleStore;\r\n\r\n    const [articles, setArticles] = useState<Article[]>([]);\r\n    const [loading, setLoading] = useState(true);\r\n    const [loadingNext, setLoadingNext] = useState(false);\r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            setPredicate('articleGroupDetailName', articleStore.RADIO_OTHER);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setArticles(data);\r\n        }\r\n        fetchData();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    function handleGetNext() {\r\n        setLoadingNext(true);\r\n        setPagingParams(new PagingParams(pagination!.currentPage + 1));\r\n\r\n        articleStore.getArticlesContent().then((data) => {\r\n            data.forEach(article => {\r\n                articles.push(article);\r\n            });\r\n            setLoadingNext(false);\r\n        });\r\n    }\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-radiomorning-main flex-container'>\r\n            <div className='organization-radiomorning-main-bg'>\r\n                <img src={organization_top} className='organization-radiomorning-main-bg-image' />\r\n                <div className='organization-radiomorning-main-content'>\r\n                    <div className=\"organization-radiomorning-main-content-article-1\">อื่นๆ ที่น่าสนใจ</div>\r\n                    <div className=\"organization-radiomorning-main-content-article-2\">รายการโทรทัศน์/วิทยุ - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className=\"flex-container radio-main-container\">\r\n                    <div className=\"radio-main\">\r\n                        <div className=\"radio-main-header\">\r\n                            <div className=\"radio-main-header-left\">\r\n                                <span><img src={icon_radio} className=\"radio-main-header-left-image\" />&nbsp; รายการอื่นๆ ที่น่าสนใจ</span>\r\n                            </div>\r\n                      \r\n                        </div>\r\n                        <div className=\"radio-main-list-content\">\r\n                            <div className=\"flex-container radio-main-list-content-left\">\r\n                                {articles && articles.map((article, index) => (\r\n                                    index === 0 &&\r\n                                        article.youtubeLink.length > 0 ? (\r\n                                        <ReactPlayer url={article.youtubeLink} className=\"radio-main-list-content-video-big\" width='100%' height='100%' />\r\n                                    ) : (\r\n                                        <></>\r\n                                    )\r\n                                ))}\r\n                            </div>\r\n                            <div className=\"radio-main-list-content-right\">\r\n                                {articles && articles.map((article, index) => (\r\n                                    index >= 1 &&\r\n                                        article.youtubeLink.length > 0 ? (\r\n                                        <div className=\"flex-container radio-main-list-content-right-inner\">\r\n                                            <ReactPlayer url={article.youtubeLink} className=\"radio-main-list-content-video-medium\" width='100%' height='100%' />\r\n                                        </div>\r\n                                    ) : (\r\n                                        <></>\r\n                                    )\r\n                                ))}\r\n                            </div>\r\n                            <div className=\"content\">\r\n                                <Loader active={loadingNext} />\r\n                            </div>\r\n\r\n                        </div>\r\n                        \r\n\r\n                    </div>\r\n                    <br></br>\r\n                    {!loadingNext && !!pagination && pagination.currentPage < pagination.totalPages ? (\r\n                            <Container textAlign='center'>\r\n                                <Button compact size='medium' onClick={handleGetNext} basic color='teal' >\r\n                                    <Icon size='large' name='arrow alternate circle down outline' />Read more\r\n                                </Button>\r\n                            </Container>\r\n                        ) : (\r\n                            <Container textAlign='center'>\r\n                                <Button compact size='medium' basic color='grey' disabled>\r\n                                    No more content.\r\n                                </Button>\r\n                            </Container>\r\n                        )}\r\n                </div>\r\n            </main>\r\n\r\n\r\n        </div>\r\n    )\r\n})","export default __webpack_public_path__ + \"static/media/news-top.51dbb416.jpg\";","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './NewsAnnounce.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/news-top.jpg';\r\nimport { Button, Container, Icon, Loader } from 'semantic-ui-react';\r\nimport { PagingParams } from 'app/models/pagination';\r\nimport no_image from 'assets/no-image.jpg';\r\nimport icon_radio from 'assets/main-radio.png';\r\nimport ReactPlayer from 'react-player';\r\n\r\nexport default observer(function NewsAnnounce() {\r\n\r\n    const { articleStore } = useStore();\r\n    const { setPredicate, setPagingParams, pagination } = articleStore;\r\n\r\n    const [articles, setArticles] = useState<Article[]>([]);\r\n    const [firstArticles, setFirstArticles] = useState<Article[]>([]);\r\n    const [listArticles, setListArticles] = useState<Article[]>([]);\r\n    const [listOtherArticles, setListOtherArticles] = useState<Article[]>([]);\r\n    const [loading, setLoading] = useState(true);\r\n    const [loadingNext, setLoadingNext] = useState(false);\r\n\r\n    useEffect(() => {\r\n\r\n        const fetchData = async () => {\r\n\r\n            setPredicate('articleGroupDetailName', articleStore.NEWS_ANNOUNCE);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setArticles(data);\r\n            // setFirstArticles(data.filter((articles, index) => index === 0));\r\n            // setListArticles(data.slice(1));\r\n        };\r\n\r\n        const fetchDataOtherNews = async () => {\r\n\r\n            setPredicate('articleGroupName', articleStore.NEWS);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setListOtherArticles(data);\r\n        };\r\n\r\n        fetchData();\r\n        fetchDataOtherNews();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    function handleGetNext() {\r\n        setLoadingNext(true);\r\n        setPredicate('articleGroupDetailName', articleStore.NEWS_ANNOUNCE);\r\n        setPagingParams(new PagingParams(pagination!.currentPage + 1));\r\n\r\n        articleStore.getArticlesContent().then((data) => {\r\n            data.forEach(article => {\r\n                listArticles.push(article);\r\n            });\r\n            setLoadingNext(false);\r\n        });\r\n    }\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-activity-main flex-container'>\r\n            <div className='organization-activity-main-bg'>\r\n                <img src={organization_top} className='organization-activity-main-bg-image' />\r\n                <div className='organization-activity-main-content'>\r\n                    <div className=\"organization-activity-main-content-article-1\">แถลงข่าว</div>\r\n                    <div className=\"organization-activity-main-content-article-2\">แถลงข่าว - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className=\"flex-container radio-main-container\">\r\n                    <div className=\"radio-main\">\r\n                        <div className=\"radio-main-header\">\r\n                            <div className=\"radio-main-header-left\">\r\n                                <span><img src={icon_radio} className=\"radio-main-header-left-image\" />&nbsp; แถลงข่าว</span>\r\n                            </div>\r\n\r\n                        </div>\r\n                        <div className=\"radio-main-list-content\">\r\n                            <div className=\"flex-container radio-main-list-content-left\">\r\n                                {articles && articles.map((article, index) => (\r\n                                    index === 0 &&\r\n                                        article.youtubeLink.length > 0 ? (\r\n                                        <ReactPlayer url={article.youtubeLink} className=\"radio-main-list-content-video-big\" width='100%' height='100%' />\r\n                                    ) : (\r\n                                        <></>\r\n                                    )\r\n                                ))}\r\n                            </div>\r\n                            <div className=\"radio-main-list-content-right\">\r\n                                {articles && articles.map((article, index) => (\r\n                                    index >= 1 &&\r\n                                        article.youtubeLink.length > 0 ? (\r\n                                        <div className=\"flex-container radio-main-list-content-right-inner\">\r\n                                            <ReactPlayer url={article.youtubeLink} className=\"radio-main-list-content-video-medium\" width='100%' height='100%' />\r\n                                        </div>\r\n                                    ) : (\r\n                                        <></>\r\n                                    )\r\n                                ))}\r\n                            </div>\r\n                            <div className=\"content\">\r\n                                <Loader active={loadingNext} />\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n                    <br></br>\r\n                    {!loadingNext && !!pagination && pagination.currentPage < pagination.totalPages ? (\r\n                        <Container textAlign='center'>\r\n                            <Button compact size='medium' onClick={handleGetNext} basic color='teal' >\r\n                                <Icon size='large' name='arrow alternate circle down outline' />Read more\r\n                            </Button>\r\n                        </Container>\r\n                    ) : (\r\n                        <Container textAlign='center'>\r\n                            <Button compact size='medium' basic color='grey' disabled>\r\n                                No more content.\r\n                            </Button>\r\n                        </Container>\r\n                    )}\r\n                </div>\r\n            </main>\r\n        </div>\r\n    )\r\n})","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './NewsNews.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/news-top.jpg';\r\nimport { Button, Container, Icon, Loader, Message } from 'semantic-ui-react';\r\nimport { PagingParams } from 'app/models/pagination';\r\nimport no_image from 'assets/no-image.jpg';\r\n\r\nexport default observer(function NewsNews() {\r\n\r\n    const { articleStore } = useStore();\r\n    const { setPredicate, setPagingParams, pagination } = articleStore;\r\n\r\n    const [firstArticles, setFirstArticles] = useState<Article[]>([]);\r\n    const [listArticles, setListArticles] = useState<Article[]>([]);\r\n    const [listOtherArticles, setListOtherArticles] = useState<Article[]>([]);\r\n    const [loading, setLoading] = useState(true);\r\n    const [loadingNext, setLoadingNext] = useState(false);\r\n\r\n    useEffect(() => {\r\n\r\n        const fetchData = async () => {\r\n\r\n            setPredicate('articleGroupDetailName', articleStore.NEWS_NEWS);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setFirstArticles(data.filter((articles, index) => index === 0));\r\n            setListArticles(data.slice(1));\r\n        };\r\n\r\n        const fetchDataOtherNews = async () => {\r\n\r\n            setPredicate('articleGroupDetailName', articleStore.NEWS_ARTICLE);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setListOtherArticles(data);\r\n        };\r\n\r\n        fetchData();\r\n        fetchDataOtherNews();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n\r\n\r\n    function handleGetNext() {\r\n        setLoadingNext(true);\r\n        setPredicate('articleGroupDetailName', articleStore.NEWS_NEWS);\r\n        setPagingParams(new PagingParams(pagination!.currentPage + 1));\r\n\r\n        articleStore.getArticlesContent().then((data) => {\r\n            data.forEach(article => {\r\n                listArticles.push(article);\r\n            });\r\n            setLoadingNext(false);\r\n        });\r\n    }\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n\r\n        <div className='organization-activity-main flex-container'>\r\n            <div className='organization-activity-main-bg'>\r\n                <img src={organization_top} className='organization-activity-main-bg-image' />\r\n                <div className='organization-activity-main-content'>\r\n                    <div className=\"organization-activity-main-content-article-1\">ข่าว</div>\r\n                    <div className=\"organization-activity-main-content-article-2\">ข่าว - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className='organization-activity-main-content-detail'>\r\n                    <div className='organization-activity-main-content-1'>\r\n                        <div className=\"organization-activity-main-content-1-header\">กิจกรรมอัพเดทล่าสุด</div>\r\n                        {firstArticles && firstArticles.map((article, index) => (\r\n                            article.photos.length > 0 ? (\r\n                                <>\r\n                                    <div className=\"organization-activity-main-content-1-image\">\r\n                                        <img src={article.photos?.filter(x => x.isMain === true)[0].url} ></img>\r\n                                    </div>\r\n                                    <div className=\"wrap organization-activity-main-content-1-article\">\r\n                                        <a href={'/home/news_news/' + article.id} className=\"organization-activity-main-content-1-article-link\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <div className=\"article-header text-tiny\">{article.section}</div>\r\n                                            <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                            <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                        </a>\r\n                                    </div></>\r\n                            ) : (\r\n                                <>\r\n                                    <div className=\"organization-activity-main-content-1-image\">\r\n                                        <img src={no_image} ></img>\r\n                                    </div>\r\n                                    <div className=\"wrap organization-activity-main-content-1-article\">\r\n                                        <a href={'/home/news_news/' + article.id} className=\"organization-activity-main-content-1-article-link\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <div className=\"article-header text-tiny\">{article.section}</div>\r\n                                            <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                            <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                        </a>\r\n                                    </div></>\r\n                            )\r\n\r\n                        ))}\r\n\r\n\r\n                        <div className='organization-activity-main-content-1-list'>\r\n                            {listArticles && listArticles.map((article, index) => (\r\n                                article.photos.length > 0 ? (\r\n                                    <div className=\"wrap organization-activity-main-content-1-list-inner\">\r\n                                        <><img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"organization-activity-main-content-1-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-1-list-article\">\r\n                                                <a href={'/home/news_news/' + article.id} className=\"pagewrap organization-activity-main-content-1-list-article-link\">\r\n                                                    <div className=\"article-header-date\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article-header text-small text-size-small\">{article.section}</div>\r\n                                                    <div className=\"text-small text-size-tiny\">{article.sectionDetail}</div>\r\n                                                    <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                ) : (\r\n                                    <div className=\"wrap organization-activity-main-content-1-list-inner\">\r\n                                        <><img src={no_image} className=\"organization-activity-main-content-1-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-1-list-article\">\r\n                                                <a href={'/home/news_news/' + article.id} className=\"pagewrap organization-activity-main-content-1-list-article-link\">\r\n                                                    <div className=\"article-header-date\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article-header text-small text-size-small\">{article.section}</div>\r\n                                                    <div className=\"text-small text-size-tiny\">{article.sectionDetail}</div>\r\n                                                    <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                )\r\n\r\n                            ))}\r\n\r\n                            <div className=\"content\">\r\n                                <Loader active={loadingNext} />\r\n                            </div>\r\n\r\n                            {!loadingNext && !!pagination && pagination.currentPage < pagination.totalPages ? (\r\n                                <Container textAlign='center'>\r\n                                    <Button compact size='medium' onClick={handleGetNext} basic color='teal' >\r\n                                        <Icon size='large' name='arrow alternate circle down outline' />Read more\r\n                                    </Button>\r\n                                </Container>\r\n                            ) : (\r\n                                <Container textAlign='center'>\r\n                                    <Button compact size='medium' basic color='grey' disabled>\r\n                                        No more content.\r\n                                    </Button>\r\n                                </Container>\r\n                            )}\r\n\r\n                        </div>\r\n                    </div>\r\n                    <div className='organization-activity-main-content-2'>\r\n                        <div className=\"organization-activity-main-content-2-header content-header\">ข่าวอื่นๆที่น่าสนใจ</div>\r\n                        <div className=\"organization-activity-main-content-2-list\">\r\n                            {listOtherArticles && listOtherArticles.map((article, index) => (\r\n                                    article.photos.length > 0 ? (\r\n                                    <div className=\"wrap organization-activity-main-content-2-list-inner\">\r\n                                        <><img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"organization-activity-main-content-2-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-2-list-article\">\r\n                                                <a href={'/home/news_news/' + article.id} className=\"organization-activity-main-content-2-list-article-link\">\r\n                                                    <div className=\"content-header-small\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article text-small text-size-small\">{article.section}</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                ) : (\r\n                                    <div className=\"wrap organization-activity-main-content-2-list-inner\">\r\n                                        <><img src={no_image} className=\"organization-activity-main-content-2-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-2-list-article\">\r\n                                                <a href={'/home/news_news/' + article.id} className=\"organization-activity-main-content-2-list-article-link\">\r\n                                                    <div className=\"content-header-small\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article text-small text-size-small\">{article.section}</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                )\r\n\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </main>\r\n\r\n\r\n        </div>\r\n    )\r\n})","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './NewsArticle.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/news-top.jpg';\r\nimport { Button, Container, Icon, Loader, Message } from 'semantic-ui-react';\r\nimport { PagingParams } from 'app/models/pagination';\r\nimport no_image from 'assets/no-image.jpg';\r\n\r\nexport default observer(function NewsArticle() {\r\n\r\n    const { articleStore } = useStore();\r\n    const { setPredicate, setPagingParams, pagination } = articleStore;\r\n\r\n    const [firstArticles, setFirstArticles] = useState<Article[]>([]);\r\n    const [listArticles, setListArticles] = useState<Article[]>([]);\r\n    const [listOtherArticles, setListOtherArticles] = useState<Article[]>([]);\r\n    const [loading, setLoading] = useState(true);\r\n    const [loadingNext, setLoadingNext] = useState(false);\r\n\r\n    useEffect(() => {\r\n     \r\n        const fetchData = async () => {\r\n\r\n            setPredicate('articleGroupDetailName', articleStore.NEWS_ARTICLE);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setFirstArticles(data.filter((articles, index) => index === 0));\r\n            setListArticles(data.slice(1));\r\n        };\r\n\r\n        const fetchDataOtherNews = async () => {\r\n\r\n            setPredicate('articleGroupDetailName', articleStore.NEWS_NEWS);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setListOtherArticles(data);\r\n        };\r\n\r\n        fetchData();\r\n        fetchDataOtherNews();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n\r\n\r\n    function handleGetNext() {\r\n        setLoadingNext(true);\r\n        setPredicate('articleGroupDetailName', articleStore.NEWS_ARTICLE);\r\n        setPagingParams(new PagingParams(pagination!.currentPage + 1));\r\n\r\n        articleStore.getArticlesContent().then((data) => {\r\n            data.forEach(article => {\r\n                listArticles.push(article);\r\n            });\r\n            setLoadingNext(false);\r\n        });\r\n    }\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n\r\n        <div className='organization-activity-main flex-container'>\r\n            <div className='organization-activity-main-bg'>\r\n                <img src={organization_top} className='organization-activity-main-bg-image' />\r\n                <div className='organization-activity-main-content'>\r\n                    <div className=\"organization-activity-main-content-article-1\">บทความ</div>\r\n                    <div className=\"organization-activity-main-content-article-2\">บทความ - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className='organization-activity-main-content-detail'>\r\n                    <div className='organization-activity-main-content-1'>\r\n                        <div className=\"organization-activity-main-content-1-header\">กิจกรรมอัพเดทล่าสุด</div>\r\n                        {firstArticles && firstArticles.map((article, index) => (\r\n                            article.photos.length > 0 ? (\r\n                                <>\r\n                                    <div className=\"organization-activity-main-content-1-image\">\r\n                                        <img src={article.photos?.filter(x => x.isMain === true)[0].url} ></img>\r\n                                    </div>\r\n                                    <div className=\"wrap organization-activity-main-content-1-article\">\r\n                                        <a href={'/home/news_article/' + article.id} className=\"organization-activity-main-content-1-article-link\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <div className=\"article-header text-tiny\">{article.section}</div>\r\n                                            <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                            <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                        </a>\r\n                                    </div></>\r\n                            ) : (\r\n                                <>\r\n                                    <div className=\"organization-activity-main-content-1-image\">\r\n                                        <img src={no_image} ></img>\r\n                                    </div>\r\n                                    <div className=\"wrap organization-activity-main-content-1-article\">\r\n                                        <a href={'/home/news_article/' + article.id} className=\"organization-activity-main-content-1-article-link\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <div className=\"article-header text-tiny\">{article.section}</div>\r\n                                            <div className=\"text-small\">{article.sectionDetail}</div>\r\n                                            <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                        </a>\r\n                                    </div></>\r\n                            )\r\n\r\n                        ))}\r\n\r\n\r\n                        <div className='organization-activity-main-content-1-list'>\r\n                            {listArticles && listArticles.map((article, index) => (\r\n                                article.photos.length > 0 ? (\r\n                                    <div className=\"wrap organization-activity-main-content-1-list-inner\">\r\n                                        <><img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"organization-activity-main-content-1-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-1-list-article\">\r\n                                                <a href={'/home/news_article/' + article.id} className=\"pagewrap organization-activity-main-content-1-list-article-link\">\r\n                                                    <div className=\"article-header-date\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article-header text-small text-size-small\">{article.section}</div>\r\n                                                    <div className=\"text-small text-size-tiny\">{article.sectionDetail}</div>\r\n                                                    <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                ) : (\r\n                                    <div className=\"wrap organization-activity-main-content-1-list-inner\">\r\n                                        <><img src={no_image} className=\"organization-activity-main-content-1-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-1-list-article\">\r\n                                                <a href={'/home/news_article/' + article.id} className=\"pagewrap organization-activity-main-content-1-list-article-link\">\r\n                                                    <div className=\"article-header-date\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article-header text-small text-size-small\">{article.section}</div>\r\n                                                    <div className=\"text-small text-size-tiny\">{article.sectionDetail}</div>\r\n                                                    <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                )\r\n\r\n                            ))}\r\n\r\n                            <div className=\"content\">\r\n                                <Loader active={loadingNext} />\r\n                            </div>\r\n\r\n                            {!loadingNext && !!pagination && pagination.currentPage < pagination.totalPages ? (\r\n                                <Container textAlign='center'>\r\n                                    <Button compact size='medium' onClick={handleGetNext} basic color='teal' >\r\n                                        <Icon size='large' name='arrow alternate circle down outline' />Read more\r\n                                    </Button>\r\n                                </Container>\r\n                            ) : (\r\n                                <Container textAlign='center'>\r\n                                    <Button compact size='medium' basic color='grey' disabled>\r\n                                        No more content.\r\n                                    </Button>\r\n                                </Container>\r\n                            )}\r\n\r\n                        </div>\r\n                    </div>\r\n                    <div className='organization-activity-main-content-2'>\r\n                        <div className=\"organization-activity-main-content-2-header content-header\">ข่าวอื่นๆที่น่าสนใจ</div>\r\n                        <div className=\"organization-activity-main-content-2-list\">\r\n                            {listOtherArticles && listOtherArticles.map((article, index) => (\r\n                                    article.photos.length > 0 ? (\r\n                                    <div className=\"wrap organization-activity-main-content-2-list-inner\">\r\n                                        <><img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"organization-activity-main-content-2-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-2-list-article\">\r\n                                                <a href={'/home/news_article/' + article.id} className=\"organization-activity-main-content-2-list-article-link\">\r\n                                                    <div className=\"content-header-small\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article text-small text-size-small\">{article.section}</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                ) : (\r\n                                    <div className=\"wrap organization-activity-main-content-2-list-inner\">\r\n                                        <><img src={no_image} className=\"organization-activity-main-content-2-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-2-list-article\">\r\n                                                <a href={'/home/news_article/' + article.id} className=\"organization-activity-main-content-2-list-article-link\">\r\n                                                    <div className=\"content-header-small\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article text-small text-size-small\">{article.section}</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                )\r\n\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </main>\r\n\r\n\r\n        </div>\r\n    )\r\n})","export default __webpack_public_path__ + \"static/media/research-top.a806172d.png\";","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './Research.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/research-top.png';\r\nimport { Button, Container, Icon, Loader, Message } from 'semantic-ui-react';\r\nimport { PagingParams } from 'app/models/pagination';\r\nimport no_image from 'assets/no-image.jpg';\r\n\r\nexport default observer(function Research() {\r\n\r\n    const [firstArticles, setFirstArticles] = useState<Article[]>([]);\r\n    const [listArticles, setListArticles] = useState<Article[]>([]);\r\n\r\n    const { articleStore } = useStore();\r\n    const { setPredicate, loadArticles, articleRegistry, setPagingParams, pagination } = articleStore;\r\n\r\n    const [listOtherArticles, setListOtherArticles] = useState<Article[]>([]);\r\n\r\n    const [loading, setLoading] = useState(true);\r\n    const [loadingNext, setLoadingNext] = useState(false);\r\n\r\n    useEffect(() => {\r\n   \r\n        const fetchData = async () => {\r\n\r\n            setPredicate('articleGroupDetailName', articleStore.RESEARCH);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setFirstArticles(data.filter((articles, index) => index === 0));\r\n            setListArticles(data.slice(1));\r\n        }\r\n\r\n        const fetchDataBook = async () => {\r\n\r\n            setPredicate('articleGroupDetailName', articleStore.RESEARCH_BOOK);\r\n            setPagingParams(new PagingParams());\r\n\r\n            const data = await articleStore.getArticlesContent();\r\n            setListOtherArticles(data);\r\n        };\r\n\r\n        fetchData();\r\n        fetchDataBook();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    function handleGetNext() {\r\n        setLoadingNext(true);\r\n        setPagingParams(new PagingParams(pagination!.currentPage + 1));\r\n\r\n        articleStore.getArticlesContent().then((data) => {\r\n            data.forEach(article => {\r\n                listArticles.push(article);\r\n            });\r\n            setLoadingNext(false);\r\n        });\r\n    }\r\n    \r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-activity-main flex-container'>\r\n            <div className='organization-activity-main-bg'>\r\n                <img src={organization_top} className='organization-activity-main-bg-image' />\r\n                <div className='organization-activity-main-content'>\r\n                    <div className=\"organization-activity-main-content-article-1\">ผลงาน/โครงการวิจัย</div>\r\n                    <div className=\"organization-activity-main-content-article-2\">ผลงาน/โครงการวิจัย - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className='organization-activity-main-content-detail'>\r\n                    <div className='organization-activity-main-content-1'>\r\n                        <div className=\"organization-activity-main-content-1-header\">ผลงาน/โครงการวิจัยล่าสุด</div>\r\n                        {firstArticles && firstArticles.map((article, index) => (\r\n                                article.photos.length > 0 ? (\r\n                                <>\r\n                                    <div className=\"research-content-1-image\">\r\n                                        <img src={article.photos?.filter(x => x.isMain === true)[0].url} ></img>\r\n                                    </div>\r\n                                    <div className=\"wrap organization-activity-main-content-1-article\">\r\n                                        <a href={'/home/research/' + article.id} className=\"organization-activity-main-content-1-article-link\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <div className=\"article-header text-small\">{article.section}</div>\r\n                                            <div className=\"text-tiny\">{article.sectionDetail}</div>\r\n                                            <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                        </a>\r\n                                    </div></>\r\n                            ) : (\r\n                                <>\r\n                                    <div className=\"research-content-1-image\">\r\n                                        <img src={no_image} ></img>\r\n                                    </div>\r\n                                    <div className=\"wrap organization-activity-main-content-1-article\">\r\n                                        <a href={'/home/research/' + article.id} className=\"organization-activity-main-content-1-article-link\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <div className=\"article-header text-small\">{article.section}</div>\r\n                                            <div className=\"text-tiny\">{article.sectionDetail}</div>\r\n                                            <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                        </a>\r\n                                    </div></>\r\n                            )\r\n\r\n                        ))}\r\n\r\n\r\n                        <div className='organization-activity-main-content-1-list'>\r\n                            {listArticles && listArticles.map((article, index) => (\r\n                                    article.photos.length > 0 ? (\r\n                                    <div className=\"research-content-1-list-inner\">\r\n                                        <><img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"research-content-1-list-image\"></img>\r\n                                            <div className=\"organization-activity-main-content-1-list-article\">\r\n                                                <a href={'/home/research/' + article.id} className=\"pagewrap organization-activity-main-content-1-list-article-link\">\r\n                                                    <div className=\"article-header-date\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article-header text\">{article.section}</div>\r\n                                                    <div className=\"text-small text-size-tiny\">{article.sectionDetail}</div>\r\n                                                    <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                ) : (\r\n                                    <div className=\"research-content-1-list-inner\">\r\n                                        <><img src={no_image} className=\"research-content-1-list-image\"></img>\r\n                                            <div className=\"organization-activity-main-content-1-list-article\">\r\n                                                <a href={'/home/research/' + article.id} className=\"pagewrap organization-activity-main-content-1-list-article-link\">\r\n                                                    <div className=\"article-header-date\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article-header text\">{article.section}</div>\r\n                                                    <div className=\"text-small text-size-tiny\">{article.sectionDetail}</div>\r\n                                                    <div className=\"article-readmore\">อ่านต่อ</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                )\r\n\r\n                            ))}\r\n\r\n                            <div className=\"content\">\r\n                                <Loader active={loadingNext} />\r\n                            </div>\r\n\r\n                            {!loadingNext && !!pagination && pagination.currentPage < pagination.totalPages ? (\r\n                                <Container textAlign='center'>\r\n                                    <Button compact size='medium' onClick={handleGetNext} basic color='teal' >\r\n                                        <Icon size='large' name='arrow alternate circle down outline' />Read more\r\n                                    </Button>\r\n                                </Container>\r\n                            ) : (\r\n                                <Container textAlign='center'>\r\n                                    <Button compact size='medium' basic color='grey' disabled>\r\n                                        No more content.\r\n                                    </Button>\r\n                                </Container>\r\n                            )}\r\n\r\n                        </div>\r\n                    </div>\r\n                    <div className='organization-activity-main-content-2'>\r\n                        <div className=\"organization-activity-main-content-2-header content-header\">แนะนำหนังสือ</div>\r\n                        <div className=\"organization-activity-main-content-2-list\">\r\n                            {listOtherArticles && listOtherArticles.map((article, index) => (\r\n                                    article.photos.length > 0 ? (\r\n                                    <div className=\"wrap research-content-2-list-inner\">\r\n                                        <><img src={article.photos?.filter(x => x.isMain === true)[0].url} className=\"research-content-2-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-2-list-article\">\r\n                                                <a href={'/home/news_news/' + article.id} className=\"organization-activity-main-content-2-list-article-link\">\r\n                                                    <div className=\"content-header-small\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article text-small text-size-small\">{article.section}</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                ) : (\r\n                                    <div className=\"wrap research-content-2-list-inner\">\r\n                                        <><img src={no_image} className=\"research-content-2-list-image\"></img>\r\n                                            <div className=\"wrap organization-activity-main-content-2-list-article\">\r\n                                                <a href={'/home/news_news/' + article.id} className=\"organization-activity-main-content-2-list-article-link\">\r\n                                                    <div className=\"content-header-small\">\r\n                                                        {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                            year: \"numeric\",\r\n                                                            month: \"long\",\r\n                                                            day: \"2-digit\"\r\n                                                        }).format(new Date(article.createDate))}</div>\r\n                                                    <div className=\"article text-small text-size-small\">{article.section}</div>\r\n                                                </a>\r\n                                            </div></>\r\n                                    </div>\r\n                                )\r\n\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </main>\r\n\r\n\r\n        </div>\r\n    )\r\n})","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './OrganizationActivityDetails.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/organization-top.png';\r\nimport no_image from 'assets/no-image.jpg';\r\nimport { useParams } from 'react-router-dom';\r\nimport parse from 'html-react-parser';\r\n\r\nexport default observer(function OrganizationActivityDetails() {\r\n\r\n    const { articleStore } = useStore();\r\n\r\n    const [article, setArticle] = useState<Article>();\r\n    const [loading, setLoading] = useState(true);\r\n\r\n    const { id } = useParams<{ id: string }>();\r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            const data = await articleStore.getArticleContent(id);\r\n            setArticle(data);\r\n        }\r\n        fetchData();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-activity-main flex-container'>\r\n            <div className='organization-activity-main-bg'>\r\n                <img src={organization_top} className='organization-activity-main-bg-image' />\r\n                <div className='organization-activity-main-content'>\r\n                    <div className=\"organization-activity-main-content-article-1\">กิจกรรมหน่วยงาน/อบรมสัมมนา</div>\r\n                    <div className=\"organization-activity-main-content-article-2\">หน่วยงาน - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className='content-main-detail'>\r\n                    <div className='content-main-detail-1'>\r\n                        <div className=\"content-main-detail-1-header\">{article?.section}</div>\r\n                        {article && article.photos.length > 0 ? (\r\n                            <>\r\n                                <div className=\"content-main-detail-1-image\">\r\n                                    <img src={article.photos?.filter(x => x.isMain === true)[0].url} ></img>\r\n                                </div>\r\n                            </>\r\n                        ) : (\r\n                            <>\r\n                                <div className=\"content-main-detail-1-image\">\r\n                                    <img src={no_image} ></img>\r\n                                </div>\r\n                            </>\r\n                        )}\r\n\r\n                        <div className='content-main-detail-1-list'>\r\n                            {article && (\r\n                                <div className=\"wrap content-main-detail-1-list-inner\">\r\n                                    <>\r\n                                        <div className=\"wrap content-main-detail-1-list-article\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <br></br>\r\n                                            <div className=\"article-header text-size-small\">{article.sectionDetail}</div>\r\n                                            <br></br>\r\n                                            <div className=\"text-size-tiny\">{parse(article.content)}</div>\r\n                                        </div>\r\n                                    </>\r\n                                </div>\r\n                            )}\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </main>\r\n        </div>\r\n    )\r\n})","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './OrganizationNewsDetails.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/organization-top.png';\r\nimport no_image from 'assets/no-image.jpg';\r\nimport { useParams } from 'react-router-dom';\r\nimport parse from 'html-react-parser';\r\n\r\nexport default observer(function OrganizationNewsDetails() {\r\n\r\n    const { articleStore } = useStore();\r\n\r\n    const [article, setArticle] = useState<Article>();\r\n    const [loading, setLoading] = useState(true);\r\n\r\n    const { id } = useParams<{ id: string }>();\r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            const data = await articleStore.getArticleContent(id);\r\n            setArticle(data);\r\n        }\r\n        fetchData();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-activity-main flex-container'>\r\n            <div className='organization-activity-main-bg'>\r\n                <img src={organization_top} className='organization-activity-main-bg-image' />\r\n                <div className='organization-activity-main-content'>\r\n                    <div className=\"organization-activity-main-content-article-1\">ข่าวประชาสัมพันธ์</div>\r\n                    <div className=\"organization-activity-main-content-article-2\">หน่วยงาน - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className='content-main-detail'>\r\n                    <div className='content-main-detail-1'>\r\n                        <div className=\"content-main-detail-1-header\">{article?.section}</div>\r\n                        {article && article.photos.length > 0 ? (\r\n                            <>\r\n                                <div className=\"content-main-detail-1-image\">\r\n                                    <img src={article.photos?.filter(x => x.isMain === true)[0].url} ></img>\r\n                                </div>\r\n                            </>\r\n                        ) : (\r\n                            <>\r\n                                <div className=\"content-main-detail-1-image\">\r\n                                    <img src={no_image} ></img>\r\n                                </div>\r\n                            </>\r\n                        )}\r\n\r\n                        <div className='content-main-detail-1-list'>\r\n                            {article && (\r\n                                <div className=\"wrap content-main-detail-1-list-inner\">\r\n                                    <>\r\n                                        <div className=\"wrap content-main-detail-1-list-article\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <br></br>\r\n                                            <div className=\"article-header text-size-small\">{article.sectionDetail}</div>\r\n                                            <br></br>\r\n                                            <div className=\"text-size-tiny\">{parse(article.content)}</div>\r\n                                        </div>\r\n                                    </>\r\n                                </div>\r\n                            )}\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </main>\r\n        </div>\r\n    )\r\n})","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './NewsAnnounceDetails.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/news-top.jpg';\r\nimport no_image from 'assets/no-image.jpg';\r\nimport { useParams } from 'react-router-dom';\r\nimport parse from 'html-react-parser';\r\n\r\nexport default observer(function NewsAnnounceDetails() {\r\n\r\n    const { articleStore } = useStore();\r\n\r\n    const [article, setArticle] = useState<Article>();\r\n    const [loading, setLoading] = useState(true);\r\n\r\n    const { id } = useParams<{ id: string }>();\r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            const data = await articleStore.getArticleContent(id);\r\n            setArticle(data);\r\n        }\r\n        fetchData();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-activity-main flex-container'>\r\n            <div className='organization-activity-main-bg'>\r\n                <img src={organization_top} className='organization-activity-main-bg-image' />\r\n                <div className='organization-activity-main-content'>\r\n                    <div className=\"organization-activity-main-content-article-1\">แถลงข่าว</div>\r\n                    <div className=\"organization-activity-main-content-article-2\">ข่าว/บทความ - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className='content-main-detail'>\r\n                    <div className='content-main-detail-1'>\r\n                        <div className=\"content-main-detail-1-header\">{article?.section}</div>\r\n                        {article && article.photos.length > 0 ? (\r\n                            <>\r\n                                <div className=\"content-main-detail-1-image\">\r\n                                    <img src={article.photos?.filter(x => x.isMain === true)[0].url} ></img>\r\n                                </div>\r\n                            </>\r\n                        ) : (\r\n                            <>\r\n                                <div className=\"content-main-detail-1-image\">\r\n                                    <img src={no_image} ></img>\r\n                                </div>\r\n                            </>\r\n                        )}\r\n\r\n                        <div className='content-main-detail-1-list'>\r\n                            {article && (\r\n                                <div className=\"wrap content-main-detail-1-list-inner\">\r\n                                    <>\r\n                                        <div className=\"wrap content-main-detail-1-list-article\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <br></br>\r\n                                            <div className=\"article-header text-size-small\">{article.sectionDetail}</div>\r\n                                            <br></br>\r\n                                            <div className=\"text-size-tiny\">{parse(article.content)}</div>\r\n                                        </div>\r\n                                    </>\r\n                                </div>\r\n                            )}\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </main>\r\n        </div>\r\n    )\r\n})","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './NewsNewsDetails.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/news-top.jpg';\r\nimport no_image from 'assets/no-image.jpg';\r\nimport { useParams } from 'react-router-dom';\r\nimport parse from 'html-react-parser';\r\n\r\nexport default observer(function NewsNewsDetails() {\r\n\r\n    const { articleStore } = useStore();\r\n\r\n    const [article, setArticle] = useState<Article>();\r\n    const [loading, setLoading] = useState(true);\r\n\r\n    const { id } = useParams<{ id: string }>();\r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            const data = await articleStore.getArticleContent(id);\r\n            setArticle(data);\r\n        }\r\n        fetchData();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-activity-main flex-container'>\r\n            <div className='organization-activity-main-bg'>\r\n                <img src={organization_top} className='organization-activity-main-bg-image' />\r\n                <div className='organization-activity-main-content'>\r\n                    <div className=\"organization-activity-main-content-article-1\">ข่าว</div>\r\n                    <div className=\"organization-activity-main-content-article-2\">ข่าว/บทความ - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className='content-main-detail'>\r\n                    <div className='content-main-detail-1'>\r\n                        <div className=\"content-main-detail-1-header\">{article?.section}</div>\r\n                        {article && article.photos.length > 0 ? (\r\n                            <>\r\n                                <div className=\"content-main-detail-1-image\">\r\n                                    <img src={article.photos?.filter(x => x.isMain === true)[0].url} ></img>\r\n                                </div>\r\n                            </>\r\n                        ) : (\r\n                            <>\r\n                                <div className=\"content-main-detail-1-image\">\r\n                                    <img src={no_image} ></img>\r\n                                </div>\r\n                            </>\r\n                        )}\r\n\r\n                        <div className='content-main-detail-1-list'>\r\n                            {article && (\r\n                                <div className=\"wrap content-main-detail-1-list-inner\">\r\n                                    <>\r\n                                        <div className=\"wrap content-main-detail-1-list-article\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <br></br>\r\n                                            <div className=\"article-header text-size-small\">{article.sectionDetail}</div>\r\n                                            <br></br>\r\n                                            <div className=\"text-size-tiny\">{parse(article.content)}</div>\r\n                                        </div>\r\n                                    </>\r\n                                </div>\r\n                            )}\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </main>\r\n        </div>\r\n    )\r\n})","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './NewsArticleDetails.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/news-top.jpg';\r\nimport no_image from 'assets/no-image.jpg';\r\nimport { useParams } from 'react-router-dom';\r\nimport parse from 'html-react-parser';\r\n\r\nexport default observer(function NewsArticleDetails() {\r\n\r\n    const { articleStore } = useStore();\r\n\r\n    const [article, setArticle] = useState<Article>();\r\n    const [loading, setLoading] = useState(true);\r\n\r\n    const { id } = useParams<{ id: string }>();\r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            const data = await articleStore.getArticleContent(id);\r\n            setArticle(data);\r\n        }\r\n        fetchData();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-activity-main flex-container'>\r\n            <div className='organization-activity-main-bg'>\r\n                <img src={organization_top} className='organization-activity-main-bg-image' />\r\n                <div className='organization-activity-main-content'>\r\n                    <div className=\"organization-activity-main-content-article-1\">บทความ</div>\r\n                    <div className=\"organization-activity-main-content-article-2\">หน่วยงาน - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className='content-main-detail'>\r\n                    <div className='content-main-detail-1'>\r\n                        <div className=\"content-main-detail-1-header\">{article?.section}</div>\r\n                        {article && article.photos.length > 0 ? (\r\n                            <>\r\n                                <div className=\"content-main-detail-1-image\">\r\n                                    <img src={article.photos?.filter(x => x.isMain === true)[0].url} ></img>\r\n                                </div>\r\n                            </>\r\n                        ) : (\r\n                            <>\r\n                                <div className=\"content-main-detail-1-image\">\r\n                                    <img src={no_image} ></img>\r\n                                </div>\r\n                            </>\r\n                        )}\r\n\r\n                        <div className='content-main-detail-1-list'>\r\n                            {article && (\r\n                                <div className=\"wrap content-main-detail-1-list-inner\">\r\n                                    <>\r\n                                        <div className=\"wrap content-main-detail-1-list-article\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <br></br>\r\n                                            <div className=\"article-header text-size-small\">{article.sectionDetail}</div>\r\n                                            <br></br>\r\n                                            <div className=\"text-size-tiny\">{parse(article.content)}</div>\r\n                                        </div>\r\n                                    </>\r\n                                </div>\r\n                            )}\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </main>\r\n        </div>\r\n    )\r\n})","import React, { useEffect, useState } from 'react';\r\nimport 'app/layout/main.css';\r\nimport './ResearchDetails.css';\r\nimport { Article } from 'app/models/articles';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport LoadingComponent from 'app/layout/LoadingComponent';\r\nimport { useStore } from 'app/stores/store';\r\nimport { observer } from 'mobx-react-lite';\r\nimport organization_top from 'assets/research-top.png';\r\nimport no_image from 'assets/no-image.jpg';\r\nimport { useParams } from 'react-router-dom';\r\nimport parse from 'html-react-parser';\r\n\r\nexport default observer(function ResearchDetails() {\r\n\r\n    const { articleStore } = useStore();\r\n\r\n    const [article, setArticle] = useState<Article>();\r\n    const [loading, setLoading] = useState(true);\r\n\r\n    const { id } = useParams<{ id: string }>();\r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            const data = await articleStore.getArticleContent(id);\r\n            setArticle(data);\r\n        }\r\n        fetchData();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    if (loading) return <LoadingComponent content='Loading...' />\r\n\r\n    return (\r\n\r\n        <div className='organization-activity-main flex-container'>\r\n            <div className='organization-activity-main-bg'>\r\n                <img src={organization_top} className='organization-activity-main-bg-image' />\r\n                <div className='organization-activity-main-content'>\r\n                    <div className=\"organization-activity-main-content-article-1\">ผลงาน/โครงการวิจัย</div>\r\n                    <div className=\"organization-activity-main-content-article-2\">ผลงาน/โครงการวิจัย - ศูนย์ศึกษาการค้าระหว่างประเทศ</div>\r\n                </div>\r\n            </div>\r\n\r\n            <main>\r\n                <div className='content-main-detail'>\r\n                    <div className='content-main-detail-1'>\r\n                        <div className=\"content-main-detail-1-header\">{article?.section}</div>\r\n                        {article && article.photos.length > 0 ? (\r\n                            <>\r\n                                <div className=\"content-main-detail-1-image\">\r\n                                    <img src={article.photos?.filter(x => x.isMain === true)[0].url} ></img>\r\n                                </div>\r\n                            </>\r\n                        ) : (\r\n                            <>\r\n                                <div className=\"content-main-detail-1-image\">\r\n                                    <img src={no_image} ></img>\r\n                                </div>\r\n                            </>\r\n                        )}\r\n\r\n                        <div className='content-main-detail-1-list'>\r\n                            {article && (\r\n                                <div className=\"wrap content-main-detail-1-list-inner\">\r\n                                    <>\r\n                                        <div className=\"wrap content-main-detail-1-list-article\">\r\n                                            <div className=\"article-header-date\">\r\n                                                {new Intl.DateTimeFormat(\"th-TH\", {\r\n                                                    year: \"numeric\",\r\n                                                    month: \"long\",\r\n                                                    day: \"2-digit\"\r\n                                                }).format(new Date(article.createDate))}</div>\r\n                                            <br></br>\r\n                                            <div className=\"article-header text-size-small\">{article.sectionDetail}</div>\r\n                                            <br></br>\r\n                                            <div className=\"text-size-tiny\">{parse(article.content)}</div>\r\n                                        </div>\r\n                                    </>\r\n                                </div>\r\n                            )}\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </main>\r\n        </div>\r\n    )\r\n})","import NavBar from './NavBar';\nimport TopBar from './TopBar';\nimport Footer from './Footer';\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom';\nimport MainPage from './Mainpage/MainPage';\nimport OrganizationHistory from './Organization/History/OrganizationHistory';\nimport OrganizationActivity from './Organization/Activity/OrganizationActivity';\nimport OrganizationNews from './Organization/News/OrganizationNews';\nimport OrganizationStaff from './Organization/Staff/OrganizationStaff';\nimport RadioGoodMorning from './Radio/GoodMorning/RadioGoodMorning';\nimport RadioAseanConnect from './Radio/AseanConnect/RadioAseanConnect';\nimport RadioMillionaire from './Radio/Millionaire/RadioMillionaire';\nimport RadioNewsCorner from './Radio/NewsCorner/RadioNewsCorner';\nimport RadioOther from './Radio/Other/RadioOther';\nimport NewsAnnounce from './News/Announce/NewsAnnounce';\nimport NewsNews from './News/News/NewsNews';\nimport NewsArticle from './News/Article/NewsArticle';\nimport Research from './Research/Research';\nimport OrganizationActivityDetails from './Organization/Activity/Details/OrganizationActivityDetails';\nimport OrganizationNewsDetails from './Organization/News/Details/OrganizationNewsDetails';\nimport NewsAnnounceDetails from './News/Announce/Details/NewsAnnounceDetails';\nimport NewsNewsDetails from './News/News/Details/NewsNewsDetails';\nimport NewsArticleDetails from './News/Article/Details/NewsArticleDetails';\nimport ResearchDetails from './Research/Details/ResearchDetails';\n\n\nfunction App() {\n\n  <script src=\"nav.js\"></script>\n\n\n  return (\n    <>\n      <div className=\"pagewrap main-app\">\n        <TopBar />\n        <NavBar />\n        <Router>\n          <Switch>\n            <Route exact path='/home' component={MainPage} />\n\n            <Route path='/home/organization_history' component={OrganizationHistory} />\n\n            <Route exact path='/home/organization_activity' component={OrganizationActivity} />\n            <Route path='/home/organization_activity/:id' component={OrganizationActivityDetails} />\n\n            <Route exact path='/home/organization_news' component={OrganizationNews} />\n            <Route path='/home/organization_news/:id' component={OrganizationNewsDetails} />\n\n            <Route path='/home/organization_staff' component={OrganizationStaff} />\n\n            <Route path='/home/radio_goodmorning' component={RadioGoodMorning} />\n            <Route path='/home/radio_aseanconnect' component={RadioAseanConnect} />\n            <Route path='/home/radio_newscorner' component={RadioNewsCorner} />\n            <Route path='/home/radio_millionaire' component={RadioMillionaire} />\n            <Route path='/home/radio_other' component={RadioOther} />\n\n            <Route exact path='/home/research' component={Research} />\n            <Route path='/home/research/:id' component={ResearchDetails} />\n\n            <Route exact path='/home/news_announce' component={NewsAnnounce} />\n            <Route path='/home/news_announce/:id' component={NewsAnnounceDetails} />\n\n            <Route exact path='/home/news_news' component={NewsNews} />\n            <Route path='/home/news_news/:id' component={NewsNewsDetails} />\n\n            <Route exact path='/home/news_article' component={NewsArticle} />\n            <Route path='/home/news_article/:id' component={NewsArticleDetails} />\n\n          </Switch>\n        </Router>\n        <footer>\n          <Footer />\n        </footer>\n      </div>\n    </>\n  );\n}\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","\nimport Admin from 'app/layout/Admin/Admin';\nimport { store, StoreContext } from 'app/stores/store';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter as Router, Redirect, Route, Switch } from 'react-router-dom';\nimport 'semantic-ui-css/semantic.min.css';\nimport App from './app/layout/App';\nimport reportWebVitals from './reportWebVitals';\nimport 'react-datepicker/dist/react-datepicker.css';\n\nimport { createBrowserHistory } from 'history';\n\nexport const history = createBrowserHistory();\n\nReactDOM.render(\n  <StoreContext.Provider value={store}>\n    <Router>\n      <Switch>\n      <Route path=\"/home\" render={() => <App />} />\n      <Route path=\"/admin\" render={() => <Admin />} />\n      <Redirect to=\"/home\" />\n      </Switch>\n    </Router>\n  </StoreContext.Provider >,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}