- ".concat(e,"
- ${listsHTML}
{staticList(...boxes)}
\n );\n };\n\n return (\n \n
\n {createChart()}\n \n );\n}\n\nexport default ListItem;\n","export default function Logo() {\n return (\n {title}
\n \n {count} ครั้ง\n
\n \n
\n );\n}\n\nexport default Navbar;\n","import React, { useEffect, useState } from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport ListItem from \"../ListItem\";\nimport chapterColorCode from \"../../constants/chapterColorCode\";\nimport SortBy from \"../SortBy\";\n\nimport createDataObject from \"../../c60-data-query/data-object.js\";\nimport data from \"../../c60-data-query/data.js\";\nimport { chapterIdToName } from \"../../constants/chapters\";\n\nfunction ByChapter() {\n const [sort, setSort] = useState(0);\n const [result, setResult] = useState([]);\n\n useEffect(() => {\n const dataObject = createDataObject(data);\n\n const newResult = dataObject.data.reduce((acc, row) => {\n const chapterName = chapterIdToName[row[\"หมวด\"]];\n if (!acc[chapterName]) {\n acc[chapterName] = 1;\n } else {\n acc[chapterName] += 1;\n }\n return acc;\n }, {});\n\n // Convert to array\n // [chapterName, count]\n const sorted = Object.entries(newResult).sort((a, b) =>\n sort === 0 ? b[1] - a[1] : a[1] - b[1]\n );\n setResult(sorted);\n }, [sort]);\n\n return (\n \n {location.pathname === \"/search\" && (\n
\n \n \n \n
\n )}\n\n {location.pathname === \"/search\" && (\n \n {/* Replace this with your actual search bar component */}\n\n
\n )}\n\n {location.pathname === \"/search\" && (\n \n )}\n\n {location.pathname !== \"/search\" && (\n \n setSearchInputValue(e.target.value)}\n >\n
\n \n \n
\n )}\n\n {/* Desktop Menu */}\n {location.pathname !== \"/search\" && (\n \n
\n )}\n \n \n ภาพรวม\n \n \n เกี่ยวกับโครงการ\n \n \n ข้อมูลที่เกี่ยวข้อง\n \n
\n {/* Mobile Menu */}\n \n {/* Hamburger menu icon for mobile */}\n {!showMenu ? (\n setShowMenu(true)}\n className=\"text-white focus:outline-none focus:text-white\"\n >\n setShowMenu(false)}\n className=\"text-white focus:outline-none focus:text-white\"\n >\n
\n \n {/* Mobile menu items */}\n
\n )}\n \n
\n \n \n ภาพรวม\n \n
\n \n \n เกี่ยวกับโครงการ\n \n
\n \n \n ข้อมูลที่เกี่ยวข้อง\n \n
\n \n
\n );\n}\n\nexport default ByChapter;\n","import React, { useState, useEffect, useCallback, useRef } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { Icon } from \"@iconify/react\";\n\nimport ChapterMobilePillButton from \"../SelectChapters/ChapterMobilePillButton\";\nimport SelectChaptersMobile from \"../SelectChapters/SelectChaptersMobile\";\nimport SelectChapters from \"../SelectChapters/SelectChapters\";\nimport PersonListItem from \"../PersonListItem\";\nimport SortBy from \"../SortBy\";\n\nimport createDataObject from \"../../c60-data-query/data-object.js\";\nimport data from \"../../c60-data-query/data.js\";\nimport { chapterIdToName } from \"../../constants/chapters.js\";\n\nfunction ByDiscussionist() {\n const [sort, setSort] = useState(0);\n const [selectedChapters, setSelectedChapters] = useState([]);\n const [result, setResult] = useState([]);\n\n // Mobile\n const isMobile = useMediaQuery({ query: `(max-width: 768px)` });\n const [showSelectChapters, setShowSelectChapters] = useState(false);\n\n const resultDivRef = useRef(null);\n\n const handleSelectChapters = (newSelected) => {\n setSelectedChapters(newSelected);\n };\n\n const handleChaptersModalClose = () => {\n setShowSelectChapters(false);\n if (resultDivRef && resultDivRef.current) {\n resultDivRef.current.scrollIntoView();\n }\n };\n\n const handleRemoveChapter = (chapter) => {\n setSelectedChapters((prev) => prev.filter((s) => s !== chapter));\n };\n\n const queryData = useCallback(() => {\n const dataObject = createDataObject(data);\n\n // No chapter selected, query all\n const filteredByChapterData =\n selectedChapters.length === 0\n ? dataObject.data\n : dataObject.data.filter((row) =>\n selectedChapters.includes(chapterIdToName[row[\"หมวด\"]])\n );\n\n const newResult = filteredByChapterData.reduce((acc, row) => {\n const chapterName = chapterIdToName[row[\"หมวด\"]];\n const discussionists = row[\"ผู้อภิปราย\"];\n discussionists.forEach((discussionist) => {\n if (!acc[discussionist]) {\n acc[discussionist] = {};\n acc[discussionist][chapterName] = 1;\n } else {\n if (!acc[discussionist][chapterName]) {\n acc[discussionist][chapterName] = 1;\n } else {\n acc[discussionist][chapterName] += 1;\n }\n }\n acc[discussionist][\"total\"] = acc[discussionist][\"total\"] + 1 || 1;\n });\n return acc;\n }, {});\n\n // Convert to array for sorting later\n // [name, {chapter: count, chapter: count, total: count}]\n return Object.entries(newResult);\n }, [selectedChapters]);\n\n const sortResult = useCallback(\n (result) => {\n return result.sort((a, b) =>\n sort === 0 ? b[1].total - a[1].total : a[1].total - b[1].total\n );\n },\n [sort]\n );\n\n useEffect(() => {\n const editRecord = queryData();\n const sortedEditRecord = sortResult(editRecord);\n setResult(sortedEditRecord);\n }, [queryData, sortResult]);\n\n return (\n <>\n \n
\n \n
\n ทุกหมวด
\n \n {result.map(([chapterName, count]) => (\n \n
\n \n
\n {showSelectChapters && isMobile ? (\n \n {isMobile ? null : (\n
\n \n
\n \n {isMobile ? (\n
\n \n setShowSelectChapters(true)}\n >\n {selectedChapters.length >= 1\n ? \"เลือก \" + selectedChapters.length + \" หมวด\"\n : \"ทุกหมวด\"}\n \n \n
\n ) : (\n <>\n {selectedChapters.length >= 1 ? (\n \n {selectedChapters.map((chapter) => (\n
\n \n ได้เลือก {selectedChapters.length} จากทั้งหมด\n
\n ) : (\n ทุกหมวด
\n )}\n \n )}\n \n {result.map(([discussionist, chapterCountMap]) => (\n \n
\n \n
\n {showSelectChapters && isMobile ? (\n \n {isMobile ? null : (\n
\n \n
\n \n {isMobile ? (\n
\n \n setShowSelectChapters(true)}\n >\n {selectedChapters.length >= 1\n ? \"เลือก \" + selectedChapters.length + \" หมวด\"\n : \"ทุกหมวด\"}\n \n \n
\n ) : (\n <>\n {selectedChapters.length >= 1 ? (\n \n {selectedChapters.map((chapter) => (\n
\n \n ได้เลือก {selectedChapters.length} จากทั้งหมด\n
\n ) : (\n ทุกหมวด
\n )}\n \n )}\n \n {result.map(([Section, { chapterName, total }]) => (\n \n
\n {staticList(...boxes)}
\n );\n };\n\n return (\n \n
\n {createChart()}\n \n );\n}\n\nexport default PersonListItem;\n","import React from 'react';\n\nconst ProfileImages = ({ name, imageUrl, size }) => {\n return (\n \n
\n {name}
\n \n {chapterCountMap.total}{\" \"}\n ครั้ง\n
\n \n
\n );\n};\n\nexport default ProfileImages;\n","import { useEffect } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nexport default function ScrollToTop() {\n const { pathname } = useLocation();\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, [pathname]);\n\n return null;\n}","import { Icon } from \"@iconify/react\";\n\nimport chapterColorCode from \"../../constants/chapterColorCode\";\n\nfunction ChapterButton({ chapter, selected, onClick }) {\n const activeStyle = \"rounded-full text-black px-2\";\n const inactiveStyle = \"text-[#9f9f9f] px-4\";\n\n return (\n \n 
\n
\n {name ? {name}
: null}\n\n {!selected ? (\n
\n ) : (\n \n \n
\n )}\n \n {chapter}\n
\n \n \n );\n}\n\nexport default ChapterButton;\n","import { Icon } from \"@iconify/react\";\n\nimport chapterColorCode from \"../../constants/chapterColorCode\";\n\nfunction ChapterMobilePillButton({ chapter, remove }) {\n return (\n \n
\n \n );\n}\n\nexport default ChapterMobilePillButton;\n","import ChapterButton from \"./ChapterButton\";\nimport chapters from \"../../constants/chapters\";\n\nfunction SelectChapters(props) {\n const { selectedChapters, onChange } = props;\n return (\n \n
\n {chapter}
\n \n \n {\n onChange([]);\n }}\n />\n {chapters.map((chapter) => (\n {\n if (selectedChapters.includes(chapter)) {\n onChange(selectedChapters.filter((s) => s !== chapter));\n } else {\n onChange([...selectedChapters, chapter]);\n }\n }}\n />\n ))}\n
\n );\n}\n\nexport default SelectChapters;\n","import ChapterButton from \"./ChapterButton\";\nimport chapters from \"../../constants/chapters\";\nimport { Icon } from \"@iconify/react\";\n\nfunction SelectChaptersMobile(props) {\n const { selectedChapters, onChange, close } = props;\n return (\n เนื้อหาแบ่งออกเป็น 18 หมวด
\n \n \n {\n onChange([]);\n }}\n />\n {chapters.map((chapter) => (\n {\n if (selectedChapters.includes(chapter)) {\n onChange(selectedChapters.filter((s) => s !== chapter));\n } else {\n onChange([...selectedChapters, chapter]);\n }\n }}\n />\n ))}\n
\n );\n}\n\nexport default SelectChaptersMobile;\n","import { Icon } from \"@iconify/react\";\n\nfunction DiscussionistButton({ discussionist, selected, onClick }) {\n const activeStyle = \"rounded-full text-black px-2\";\n const inactiveStyle = \"text-[#9f9f9f] px-2\";\n\n return (\n เนื้อหาแบ่งออกเป็น 18 หมวด
\n \n {!selected ? null : (\n
\n \n );\n}\n\nexport default DiscussionistButton;\n","import { Icon } from \"@iconify/react\";\n\nfunction DiscussionistMobilePillButton({ discussionist, remove }) {\n return (\n \n
\n )}\n \n {discussionist}\n
\n \n
\n \n );\n}\n\nexport default DiscussionistMobilePillButton;\n","import DiscussionistButton from \"./DiscussionistButton\";\n\nfunction SelectDiscussionists(props) {\n const { selectedDiscussionists, onChange, discussionists } = props;\n return (\n \n
\n {discussionist}
\n \n \n {\n onChange([]);\n }}\n />\n {discussionists.map((discussionist) => (\n {\n if (selectedDiscussionists.includes(discussionist)) {\n onChange(selectedDiscussionists.filter((s) => s !== discussionist));\n } else {\n onChange([...selectedDiscussionists, discussionist]);\n }\n }}\n />\n ))}\n
\n );\n}\n\nexport default SelectDiscussionists;\n","import DiscussionistButton from \"./DiscussionistButton\";\nimport { Icon } from \"@iconify/react\";\n\nfunction SelectDiscussionistsMobile(props) {\n const { selectedDiscussionists, discussionists ,onChange, close } = props;\n return (\n ผู้อภิปรายทั้งหมด {discussionists.length} ท่าน
\n \n \n {\n onChange([]);\n }}\n />\n {discussionists.map((discussionist) => (\n {\n if (selectedDiscussionists.includes(discussionist)) {\n onChange(selectedDiscussionists.filter((s) => s !== discussionist));\n } else {\n onChange([...selectedDiscussionists, discussionist]);\n }\n }}\n />\n ))}\n
\n );\n}\n\nexport default SelectDiscussionistsMobile;\n","function SortBy({ sort, setSort }) {\n return (\n ผู้อภิปรายทั้งหมด {discussionists.length} ท่าน
\n \n setSort(parseInt(e.target.value))}\n >\n \n \n \n
\n );\n}\n\nexport default SortBy;\n","const chapterColorCode = {\n \"ทั้งหมด\": \"#FFFFFF\",\n \"คำปรารภ\": \"#93785F\",\n \"บทเฉพาะกาล\": \"#FF5151\",\n \"บททั่วไป\": \"#FFD600\",\n \"พระมหากษัตริย์\": \"#4182FF\",\n \"สิทธิและเสรีภาพของปวงชนชาวไทย\": \"#00BCF8\",\n \"หน้าที่ของปวงชนชาวไทย \": \"#37CDB2\",\n \"หน้าที่ของรัฐ\": \"#1EA0C9\",\n \"แนวนโบายแห่งรัฐ\": \"#AB6CFC\",\n \"รัฐสภา\": \"#F06CFC\",\n \"คณะรัฐมนตรี\": \"#FC6CB1\",\n \"การขัดกันแห่งผลประโยชน์\": \"#C2206E\",\n \"ศาล\": \"#C2206E\",\n \"ศาลรัฐธรรมนูญ\": \"#12AD75\",\n \"องค์กรอิสระ\": \"#719C39\",\n \"องค์กรอัยการ\": \"#E05D13\",\n \"การปกครองส่วนท้องถิ่น\": \"#ECCCF8\",\n \"การแก้ไขเพิ่มเติมรัฐธรรมนูญ\": \"#4F7B4B\",\n \"การปฏิรูปประเทศ\": \"#654375\",\n}\n\nexport default chapterColorCode;","const chapters = [\n \"คำปรารภ\",\n \"บทเฉพาะกาล\",\n \"บททั่วไป\",\n \"พระมหากษัตริย์\",\n \"สิทธิและเสรีภาพของปวงชนชาวไทย\",\n \"หน้าที่ของปวงชนชาวไทย \",\n \"หน้าที่ของรัฐ\",\n \"แนวนโบายแห่งรัฐ\",\n \"รัฐสภา\",\n \"คณะรัฐมนตรี\",\n \"การขัดกันแห่งผลประโยชน์\",\n \"ศาล\",\n \"ศาลรัฐธรรมนูญ\",\n \"องค์กรอิสระ\",\n \"องค์กรอัยการ\",\n \"การปกครองส่วนท้องถิ่น\",\n \"การแก้ไขเพิ่มเติมรัฐธรรมนูญ\",\n \"การปฏิรูปประเทศ\",\n]\n\n// Used for data query\nexport const chapterNameToId = {\n \"บทเฉพาะกาล\": \"บทเฉพาะกาล\",\n \"คำปรารภ\": \"0\",\n \"บททั่วไป\": \"1\",\n \"พระมหากษัตริย์\": \"2\",\n \"สิทธิและเสรีภาพของปวงชนชาวไทย\": \"3\",\n \"หน้าที่ของปวงชนชาวไทย \": \"4\",\n \"หน้าที่ของรัฐ\": \"5\",\n \"แนวนโบายแห่งรัฐ\": \"6\",\n \"รัฐสภา\": \"7\",\n \"คณะรัฐมนตรี\": \"8\",\n \"การขัดกันแห่งผลประโยชน์\": \"9\",\n \"ศาล\": \"10\",\n \"ศาลรัฐธรรมนูญ\": \"11\",\n \"องค์กรอิสระ\": \"12\",\n \"องค์กรอัยการ\": \"13\",\n \"การปกครองส่วนท้องถิ่น\": \"14\",\n \"การแก้ไขเพิ่มเติมรัฐธรรมนูญ\": \"15\",\n \"การปฏิรูปประเทศ\": \"16\",\n}\n\n// Used for data query\nexport const chapterIdToName = {\n \"บทเฉพาะกาล\": \"บทเฉพาะกาล\",\n \"คำปรารภ\": \"คำปรารภ\",\n \"1\": \"บททั่วไป\",\n \"2\": \"พระมหากษัตริย์\",\n \"3\": \"สิทธิและเสรีภาพของปวงชนชาวไทย\",\n \"4\": \"หน้าที่ของปวงชนชาวไทย \",\n \"5\": \"หน้าที่ของรัฐ\",\n \"6\": \"แนวนโบายแห่งรัฐ\",\n \"7\": \"รัฐสภา\",\n \"8\": \"คณะรัฐมนตรี\",\n \"9\": \"การขัดกันแห่งผลประโยชน์\",\n \"10\": \"ศาล\",\n \"11\": \"ศาลรัฐธรรมนูญ\",\n \"12\": \"องค์กรอิสระ\",\n \"13\": \"องค์กรอัยการ\",\n \"14\": \"การปกครองส่วนท้องถิ่น\",\n \"15\": \"การแก้ไขเพิ่มเติมรัฐธรรมนูญ\",\n \"16\": \"การปฏิรูปประเทศ\",\n}\n\nexport default chapters","import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport { HashRouter } from 'react-router-dom';\n\nconst root = ReactDOM.createRoot(document.getElementById('root'));\nroot.render(\n \n\n
\n\n );\n}\n","import { Link, useParams } from \"react-router-dom\";\nimport React, { useState, useEffect, useRef } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { Icon } from \"@iconify/react\";\n\nimport DiscussionistMobilePillButton from \"../components/SelectDiscussionists/DiscussionistMobilePillButton\";\nimport SelectDiscussionistsMobile from \"../components/SelectDiscussionists/SelectDiscussionistsMobile\";\nimport SelectDiscussionists from \"../components/SelectDiscussionists/SelectDiscussionists\";\nimport ListItem from \"../components/ListItem\";\nimport SortBy from \"../components/SortBy\";\n\nimport createDataObject from \"../c60-data-query/data-object.js\";\nimport data from \"../c60-data-query/data.js\";\nimport chapterColorCode from \"../constants/chapterColorCode.js\";\nimport { chapterNameToId } from \"../constants/chapters.js\";\n\nexport default function Chapter() {\n const { name } = useParams();\n const [discussionists, setDiscussionists] = useState([]);\n\n const [sort, setSort] = useState(0);\n const [selectedDiscussionists, setSelectedDiscussionists] = useState([]);\n const [result, setResult] = useState([]);\n\n // Mobile\n const isMobile = useMediaQuery({ query: `(max-width: 768px)` });\n const [showSelectDiscussionists, setShowSelectDiscussionists] =\n useState(false);\n\n const resultDivRef = useRef(null);\n\n const handleSelectDiscussionists = (newSelected) => {\n setSelectedDiscussionists(newSelected);\n };\n\n const handleSelectModalClose = () => {\n setShowSelectDiscussionists(false);\n if (resultDivRef && resultDivRef.current) {\n resultDivRef.current.scrollIntoView();\n }\n };\n\n const handleRemoveDiscussionists = (discussionist) => {\n setSelectedDiscussionists((prev) =>\n prev.filter((s) => s !== discussionist)\n );\n };\n\n const queryData = (fullDiscussionists) => {\n const discussionistCriteria =\n selectedDiscussionists.length >= 1\n ? selectedDiscussionists.map((discussionist) => ({\n ผู้อภิปราย: discussionist,\n }))\n : fullDiscussionists.map((discussionist) => ({\n ผู้อภิปราย: discussionist[\"ผู้อภิปราย\"],\n }));\n\n const dataObject = createDataObject(data)\n .filter(\"หมวด\", chapterNameToId[name])\n .multiFilter(discussionistCriteria, [])\n .list(\"มาตรา\").data;\n\n const sorted = dataObject.sort((a, b) =>\n sort === 0 ? b.count - a.count : a.count - b.count\n );\n return sorted;\n };\n\n useEffect(() => {\n const panelists = createDataObject(data)\n .filter(\"หมวด\", chapterNameToId[name])\n .listPanelists().data;\n\n setDiscussionists(panelists);\n setResult(queryData(panelists));\n }, [sort, selectedDiscussionists, name]);\n\n return (\n <>\n \n
\n \n\n \n\t
\n \n\n\t
\n \n เกี่ยวกับโครงการอาสาสมัครหอสมุดรัฐสภา กิจกรรม\n
\t\t\n \n “Hack เจตนารมณ์รัฐธรรมนูญ 2560” \n
\n \n และจัดทำเว็บไซต์เปรียบเทียบบทบัญญัติและเจตนารมณ์การร่างรัฐธรรมนูญ\n
\n\t \n\t \n
\n\t\t\n \n \tรัฐธรรมนูญแห่งราชอาณาจักรไทย พุทธศักราช 2560 ได้บัญญัติถึงสิทธิเสรีภาพของประชาชน และสนับสนุนให้เกิดการมีส่วนร่วมของประชาชน การส่งเสริมและคุ้มครองสิทธิเสรีภาพของประชาชน \n\tและการเปิดโอกาสให้ประชาชนได้เข้ามามีส่วนร่วมในการพัฒนาประเทศทั้งด้านเศรษฐกิจ สังคม การเมือง และสิ่งแวดล้อมอย่างเป็นรูปธรรมมากยิ่งขึ้น \n\tอันจะนำไปสู่การพัฒนาระบบการเมืองการปกครองในระบอบประชาธิปไตยอันมีพระมหากษัตริย์ทรงเป็นประมุขให้เป็นไปในทิศทางที่เหมาะสม \n\tการพัฒนาประเทศจะเกิดประสิทธิภาพประชาชนต้องเข้ามามีส่วนร่วมในทุกระดับ และสอดคล้องกับยุคดิจิทัลที่หน่วยงานต้องนำเทคโนโลยีสารสนเทศที่มีความทันสมัย\n\tและพัฒนาไปอย่างไม่หยุดยั้งมาสร้างบริการดิจิทัลที่ตรงกับความต้องการของผู้ใช้บริการ
\n\t\t \n\t\tหอสมุดรัฐสภา สำนักวิชาการ ตระหนักถึงการเข้าถึงทรัพยากรสารสนเทศที่สะดวก รวดเร็วของสมาชิกรัฐสภาและผู้ใช้บริการในยุคดิจิทัล \n\tจึงมีแนวคิดยกระดับของการให้บริการสารสนเทศภายในหอสมุดรัฐสภาให้สามารถเข้าถึงทรัพยากรสารสนเทศเพื่อใช้ประโยชน์ในการพิจารณารัฐธรรมนูญ\n\tและร่างพระราชบัญญัติต่าง ๆ ซึ่งเป็นภารกิจโดยตรงของรัฐสภาในการทำหน้าที่ตรากฎหมายของประเทศ ให้มีความสะดวก รวดเร็ว ตรงต่อความต้องการ \n\tโดยสามารถเข้าถึงได้ทุกที่ ทุกเวลา และทุกอุปกรณ์
\t\n\t\t \n\t\tหอสมุดรัฐสภาจึงได้ริเริ่มโครงการอาสาสมัครหอสมุดรัฐสภา โดยดำเนินการกิจกรรมที่ 1 คือ กิจกรรม “Hack เจตนารมณ์รัฐธรรมนูญ 2560” \n\tและจัดทำเว็บไซต์เปรียบเทียบบทบัญญัติและเจตนารมณ์การร่างรัฐธรรมนูญ เพื่อเหนี่ยวนำทุกภาคส่วนที่เกี่ยวข้อง (Stakeholders) มาร่วมกันออกแบบนวัตกรรมใหม่ \n\tที่ขจัดปัญหาอุปสรรคด้านเวลา สถานที่ และวิธีการในการเข้าถึงบันทึกการประชุมคณะกรรมการร่างรัฐธรรมนูญ 2560 โดยนำแนวคิด Hackathon เข้ามาใช้ เปิดโอกาสให้สมาชิกสภาผู้แทนราษฎร \n\tภาคประชาชนและกลุ่มนักออกแบบที่สนใจเข้ามามีส่วนร่วมในการเสนอความต้องการ ร่วมออกแบบ ร่วมขับเคลื่อน และร่วมกันจัดทำเครื่องมือสืบค้น (Search Engine) \n\tออกมาเป็นเว็บไซต์บันทึกการประชุมคณะกรรมการร่างรัฐธรรมนูญ 2560 ที่สามารถสืบค้นเปรียบเทียบตัวบทของรัฐธรรมนูญแห่งราชอาณาจักรไทย พุทธศักราช 2560 \n\tกับร่างรัฐธรรมนูญที่มีการเสนอและแก้ไขเพิ่มเติม ตั้งแต่เริ่มประชุมครั้งแรกจนเสร็จสิ้นการร่างรัฐธรรมนูญ จำนวน 279 มาตรา ซึ่งจะเป็นประโยชน์ต่อผู้ศึกษาได้เรียนรู้ความมุ่งหมายของผู้ร่างรัฐธรรมนูญ \n\tและเส้นทางของการร่างรัฐธรรมนูญแต่ละมาตรา อันจะนำไปสู่การสืบค้นเจตนารมณ์ของรัฐธรรมนูญด้วยตนเอง สมาชิกรัฐสภา ข้าราชการ และบุคคลในวงงานรัฐสภา \n\tสามารถนำไปใช้ประโยชน์ในการศึกษาเพื่อการปรับปรุงแก้ไขเพิ่มเติมรัฐธรรมนูญต่อไป
\n\t\n\t\tโครงการอาสาสมัครหอสมุดรัฐสภา กิจกรรม Hack เจตนารมณ์รัฐธรรมนูญ 2560 ถือเป็นประวัติศาสตร์ครั้งแรกของหอสมุดรัฐสภา ที่ได้สร้างอาสาสมัคร รุ่นที่ 1 \n\tที่มีจิตสาธารณะ มีความตั้งใจเข้าร่วม Hack บันทึกการประชุมคณะกรรมการร่างรัฐธรรมนูญ 2560 จากตัวเล่มให้เป็นดิจิทัลทั้งหมด และจัดทำเครื่องมือช่วยค้นให้สามารถสืบค้นได้ทั้งจากมาตรา \n\tชื่อผู้อภิปราย และจากถ้อยคำที่มีอยู่ในบันทึกการประชุม สามารถแสดงผลเชื่อมโยงมาตราที่เกี่ยวข้อง สามารถเปรียบเทียบการเปลี่ยนแปลงแก้ไขเพิ่มเติมแต่ละหมวด \n\tแต่ละมาตราตั้งแต่ครั้งแรกที่ประชุมจนออกมาเป็นร่างที่พร้อมจะประกาศเป็นกฎหมาย โดยใช้เวลาดำเนินการโครงการตั้งแต่วันที่ 25 กันยายน 2566 ถึงวันที่ 15 มีนาคม 2567 รวมทั้งสิ้น 173 วัน \n
\n หอสมุดรัฐสภาขอยกย่องในความมีจิตสาธารณะ ความตั้งใจ และความเสียสละของอาสาสมัครหอสมุดรัฐสภา จำนวน 30 คน ดังรายนามต่อไปนี้
\n\t\t1. นายกิตติ์ธเนศ ฤทธิพรพสิษฐ์
\t\n\t\t2. นางสาวเมธิรา เกษมสันต์
\t\n\t\t3. นายธนากรณ์ อินทร
\t\t\n\t\t4. นายกฤตภาส ธิติวิเชียรเลิศ
\t\n\t\t5. นายสถาพร วิญญุนาวรรณ
\t\n\t\t6. นายณัฐพจน์ อัฒนวานิช
\t\n\t\t7. นายธนกร กิจสาระภักดี
\t\n\t\t8. นางสาวยิหวา อาทรทีป
\t\n\t\t9. นายเอกภพ สิทธิวรรณธนะ
\t\n\t\t10. นายโชคชัย แจ้งจิต
\t\t\n\t\t11. นางอักษิกา จันทรวินิจ
\n\t\t12. นางสาวเบญจรัตน์ สัจกุล
\n\t\t13. นางสาวสุพัชชา แก้วไชยษา
\n\t\t14. นางสาวสิริลักษณ์ บุตรศรีทัศน์
\n\t\t15. นางสาวปาณิสรา ศรีประทุม
\n\t\t16. นายนันทวัฒน์ ศักดิ์สกุลคุณากร
\n\t\t17. นายธีรัตม์ พณิชอุดมพัชร์
\n\t\t18. นายปภาวิชญ์ ศรีบริสุทธิ์
\n\t\t19. นายทัตธนนันต์ นวลมณี
\n\t\t20. นายอนุรัฐ เอี่ยมโภคลาภ
\n\t\t21. นางสาวชนิตา หัวเขา
\n\t\t22. นางสาวประภาวดี เอกวงศ์
\n\t\t23. นางสาวจิรารัตน์ จันทรัตน์
\n\t\t24. นายณรงศ์ศักย์ เหล่ารัตนเวช
\n\t\t25. นางสาวเมธาวี ศิริตรัย
\n\t\t26. นางสาวปารณีย์ จิรัสย์จินดา
\n\t\t27. นางสาวฐิติพร สุดใจ
\n\t\t28. นายภูริช สีนวลแล
\n\t\t29. นายธนดล เดชประภากร
\n\t\t30. นายธรรมทัศน์ ธรรมปัญญาวัฒน์
\n\t\t \n\tหอสมุดรัฐสภา สำนักวิชาการ สำนักงานเลขาธิการสภาผู้แทนราษฎร ขอขอบคุณทุกภาคส่วนที่เกี่ยวข้อง สมาชิกสภาผู้แทนราษฎร ผู้บริหารสำนักงานเลขาธิการสภาผู้แทนราษฎร \n\tที่ได้ส่งเสริมการจัดโครงการ ตลอดจนเป็นที่ปรึกษาให้คำแนะนำตั้งแต่เริ่มต้นจนสิ้นสุดโครงการ ขอขอบคุณคณะทำงานตรวจสอบการนำเข้าข้อมูลเว็บไซต์เปรียบเทียบบทบัญญัติและเจตนารมณ์การร่างรัฐธรรมนูญ 2560 \n\tในโครงการอาสาสมัครหอสมุดรัฐสภากิจกรรม Hack เจตนารมณ์รัฐธรรมนูญ 2560 ของสำนักวิชาการ ที่ได้กำหนดหลักเกณฑ์และร่วมกันตรวจสอบข้อมูลบันทึกการประชุมคณะกรรมการร่างรัฐธรรมนูญในเว็บไซต์ให้ถูกต้องตรงกับต้นฉบับ \n\tขอขอบคุณมา ณ โอกาสนี้
\n\t\n\t\t\t\t\t\t\t\tหอสมุดรัฐสภา
\n\t\t\t\t\t\t\t 15 มีนาคม 2567\n
\n
\n\t\n
\n\n\n\n \n เปิดเผยข้อมูลโดย\n
\n\n ก้าวGeek Community\n
\n\n\n
\n\n \n \n
\n \n \n \n
\n {name}
\n\n
\n
\n \n {name}
\n\n
\n
\n {showSelectDiscussionists && isMobile ? (\n \n {isMobile ? null : (\n d[\"ผู้อภิปราย\"])}\n />\n )}\n
\n \n
\n \n {isMobile ? (\n
\n \n setShowSelectDiscussionists(true)}\n >\n {selectedDiscussionists.length >= 1\n ? \"เลือก \" + selectedDiscussionists.length + \" ท่าน\"\n : \"ผู้อภิปรายทั้งหมด\"}\n \n \n
\n ) : (\n <>\n {selectedDiscussionists.length >= 1 ? (\n \n {selectedDiscussionists.map((discussionist) => (\n
\n \n ได้เลือก {selectedDiscussionists.length} จากทั้งหมด\n
\n ) : (\n \n โดยผู้อภิปรายทั้งหมด\n
\n )}\n \n )}\n \n {result.map(({ มาตรา, count }) => (\n \n
\n \n
\n \n \n \n
\n {name}
\n\n {isMobile ? null : (\n
\n \n {showSelectChapters && isMobile ? (\n \n
\n \n {isMobile ? (\n
\n \n setShowSelectChapters(true)}\n >\n {selectedChapters.length >= 1\n ? \"เลือก \" + selectedChapters.length + \" หมวด\"\n : \"ทุกหมวด\"}\n \n \n
\n ) : (\n <>\n {selectedChapters.length >= 1 ? (\n \n {selectedChapters.map((chapter) => (\n
\n \n ได้เลือก {selectedChapters.length} จากทั้งหมด\n
\n ) : (\n ทุกหมวด
\n )}\n \n )}\n \n {result.map(([Section, { chapterName, total }]) => (\n \n
\n \n
\n );\n}\n","export default function RelatedInfo() {\n return (\n \n
\n\n \n
\n \n บันทึกการประชุม\n
\n \n คณะกรรมการร่างรัฐธรรมนูญ ปี 2560\n
\n\n \n ตอบทุกความสงสัยกว่าจะมาเป็นรัฐธรรมนูญแห่งราชอาณาจักรไทย พุทธศักราช 2560
\n เรียนรู้เส้นทางการร่างรัฐธรรมนูญ และเปรียบเทียบบทบัญญัติของรัฐธรรมนูญแห่งราชอาณาจักรไทย
\n พุทธศักราช 2560 กับร่างรัฐธรรมนูญที่มีการเสนอและแก้ไขเพิ่มเติมจากบันทึกการประชุม\n
\n \n เรียนรู้เส้นทางการร่างรัฐธรรมนูญ และเปรียบเทียบบทบัญญัติของรัฐธรรมนูญแห่งราชอาณาจักรไทย
\n พุทธศักราช 2560 กับร่างรัฐธรรมนูญที่มีการเสนอและแก้ไขเพิ่มเติมจากบันทึกการประชุม\n
\n เรียนรู้ และเปรียบเทียบรัฐธรรมนูญฉบับปี 2560
\n พวกเค้าทำงานกันอย่างไร กฎหมายฉบับนี้
\n ออกมาเพื่อใคร หาคำตอบไปด้วยกัน\n
\n\n \n \n พวกเค้าทำงานกันอย่างไร กฎหมายฉบับนี้
\n ออกมาเพื่อใคร หาคำตอบไปด้วยกัน\n
\n
\n \n \n\n \n
\n \n \n
\n \n
\n \n
\n \n เลื่อนเพื่อดูภาพรวม
\n ของการร่างรัฐธรรมนูญ 60\n
\n \n ของการร่างรัฐธรรมนูญ 60\n
\n
\n\n ภาพรวม
\n \n
\n\n \n setView(\"chapter\")}\n >\n ตามหมวด\n \n setView(\"discussionist\")}\n >\n ตามผู้อภิปราย\n \n setView(\"section\")}\n >\n ตามมาตรา\n \n
\n \n {view === \"chapter\" && (
\n \n
\n );\n}\n","import React from \"react\";\nimport { Link, useParams } from \"react-router-dom\";\nimport { Icon } from \"@iconify/react\";\nimport \"../components/ProfileImages.jsx\";\nimport data from \"../c60-data-query/data.js\";\nimport { useState, useEffect } from \"react\";\n\nimport createDataObject from \"../c60-data-query/data-object.js\";\n\nexport default function Search({ searchInputValue, setSearchInputValue }) {\n const [searchInput, setSearchInput] = useState([]);\n const [articleResult, setArticleResult] = useState([]);\n const [discussionistResult, setDiscussionistResult] = useState('');\n\n // function get List of article name from json\n const getArticleList = (data) => {\n const articleList = data.map((article) => article[\"ชื่อมาตรา\"]);\n return articleList;\n };\n\n function extractNumbersFromString(text) {\n // Use a regular expression to match numbers in the text\n const numbers = text.match(/\\d+/g);\n\n // Check if numbers were found\n if (numbers) {\n // Convert the matched strings to actual numbers\n const numericValues = numbers.map(Number);\n\n return numericValues;\n } else {\n return [];\n }\n }\n\n // save history of search to local storage\n const saveHistory = (searchInputValue) => {\n const history = JSON.parse(localStorage.getItem(\"history\")) || [];\n const updatedHistory = history.filter((item) => item !== searchInputValue).concat(searchInputValue);\n localStorage.setItem(\"history\", JSON.stringify(updatedHistory));\n }\n\n // get last 10 history of search from local storage\n const getHistory = () => {\n const history = JSON.parse(localStorage.getItem(\"history\")) || [];\n console.log(history);\n return history.slice(-10);\n }\n\n\n function sortAndExtractUniqueByFrequency(arr) {\n // Step 1: Find item frequencies\n const frequencyMap = {};\n for (const item of arr) {\n frequencyMap[item] = (frequencyMap[item] || 0) + 1;\n }\n\n // Step 2: Sort by frequency (descending order)\n const sortedItems = Object.entries(frequencyMap).sort(([, countA], [, countB]) => countB - countA);\n\n // Step 3: Extract unique items\n const uniqueItems = sortedItems.map(([item]) => item);\n\n return uniqueItems;\n }\n\n\n // render history of search\n const renderHistory = () => {\n const history = getHistory();\n if(history.length === 0) return (\n
\n \n
\n \n ข้อมูลที่เกี่ยวข้อง\n
\n\n \n ความมุ่งหมายและคำอธิบายประกอบรายมาตราของรัฐธรรมนูญแห่งราชอาณาจักรไทย\n พุทธศักราช 2560\n \n \n ความในใจของคณะกรรมการร่างรัฐธรรมนูญ 2560\n \n \n คำสั่งหัวหน้าคณะรักษาความสงบแห่งชาติ ที่ ๓๔/๒๕๕๘ เรื่อง\n การอำนวยความสะดวกในการจัดทำร่างรัฐธรรมนูญ\n \n \n ประกาศคณะรักษาความสงบแห่งชาติ เรื่อง\n แต่งตั้งคณะกรรมการร่างรัฐธรรมนูญ\n \n \n แบบประเมินความพึงพอใจการใช้งานเว็บไซต์\n \n
\n ไม่มีประวัติการค้นหา
);\n return history.map((item, index) => {\n return (\n {changeTextInput(item)}}>\n
\n );\n });\n }\n\n const renderArticleResult = () => {\n if (!articleResult || articleResult.length === 0) {\n return \n
\n {item}\n ไม่พบข้อมูล
;\n }\n return articleResult.map((item, index) => {\n return (\n \n
\n {item}\n \n );\n });\n }\n\n const renderDiscussionistResult = () => {\n if (!discussionistResult || discussionistResult.length === 0) {\n return ไม่พบข้อมูล
;\n }\n return discussionistResult.map((item, index) => {\n return (\n \n
\n {item}\n \n );\n });\n }\n\n \n\n const changeTextInput = (message) => {\n const searchInput = document.getElementById('search-input');\n setSearchInput(message);\n setSearchInputValue(message)\n \n if (searchInput) {\n // Update the value directly using DOM manipulation\n searchInput.value = message;\n }\n };\n\n useEffect(() => {\n const articleSearch = createDataObject(data).filter('มาตรา', extractNumbersFromString(searchInputValue))\n .append(createDataObject(data).search('มาตรา', searchInputValue))\n .append(createDataObject(data).search('ผู้อภิปราย', searchInputValue))\n .append(createDataObject(data).search('ประเด็นการพิจารณา', searchInputValue))\n .append(createDataObject(data).search('ร่างบทบัญญัติ', searchInputValue))\n setArticleResult([...new Set(articleSearch.data.map(obj => obj.มาตรา))].filter(value => value !== \"\").splice(0, 5));\n\n // discussionist\n // search by name\n let discussionistNameSearch = [...new Set(createDataObject(data)\n .data\n .map(obj => obj.ผู้อภิปราย)\n .flat())]\n .filter(item => item.includes(searchInputValue));\n\n // search by others\n let discussionistOthersSearch = sortAndExtractUniqueByFrequency(createDataObject(data).search('มาตรา', searchInputValue)\n .append(createDataObject(data).search('ประเด็นการพิจารณา', searchInputValue))\n .append(createDataObject(data).search('ร่างบทบัญญัติ', searchInputValue))\n .data\n .map(obj => obj.ผู้อภิปราย)\n .flat());\n\n setDiscussionistResult([...new Set(discussionistNameSearch.concat(discussionistOthersSearch))].filter(value => value !== \"\").splice(0, 5));\n\n }, [searchInputValue, searchInput]);\n\n\n\n\n return (\n \n
\n );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { Link } from \"react-router-dom\";\n\nexport default function Section() {\n const [idFromURL, setIdFromURL] = useState(null);\n\n useEffect(() => {\n const hashValue = window.location.hash;\n const regex = /^#\\/chapter\\/(\\d+)$/;\n const match = hashValue.match(regex);\n\n if (match) {\n const id = parseInt(match[1], 10);\n setIdFromURL(id);\n } else {\n setIdFromURL(null);\n }\n }, []);\n\n return (\n <>\n \n
\n \n\n {searchInputValue ? (\n
\n \n
\n ) : (\n \n ค้นหาตามมาตรา\n
\n\n {renderArticleResult()}\n\n\n ค้นหาตามผู้อภิปราย\n
\n\n {renderDiscussionistResult()}\n\n
\n )}\n ประวัติการค้นหา
\n {renderHistory()}\n\n
\n \n \n \n
\n มาตรา {idFromURL}
\n\n
\n \n );\n}","const reportWebVitals = onPerfEntry => {\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","export default function isNumeric(value) {\n return /^\\d+$/.test(value);\n}","////////////////////////////////////////////////////////////////////////////////\n//#region Types and Constants\n////////////////////////////////////////////////////////////////////////////////\n\n/**\n * Actions represent the type of change to a location value.\n */\nexport enum Action {\n /**\n * A POP indicates a change to an arbitrary index in the history stack, such\n * as a back or forward navigation. It does not describe the direction of the\n * navigation, only that the current index changed.\n *\n * Note: This is the default action for newly created history objects.\n */\n Pop = \"POP\",\n\n /**\n * A PUSH indicates a new entry being added to the history stack, such as when\n * a link is clicked and a new page loads. When this happens, all subsequent\n * entries in the stack are lost.\n */\n Push = \"PUSH\",\n\n /**\n * A REPLACE indicates the entry at the current index in the history stack\n * being replaced by a new one.\n */\n Replace = \"REPLACE\",\n}\n\n/**\n * The pathname, search, and hash values of a URL.\n */\nexport interface Path {\n /**\n * A URL pathname, beginning with a /.\n */\n pathname: string;\n\n /**\n * A URL search string, beginning with a ?.\n */\n search: string;\n\n /**\n * A URL fragment identifier, beginning with a #.\n */\n hash: string;\n}\n\n// TODO: (v7) Change the Location generic default from `any` to `unknown` and\n// remove Remix `useLocation` wrapper.\n\n/**\n * An entry in a history stack. A location contains information about the\n * URL path, as well as possibly some arbitrary state and a key.\n */\nexport interface Location\n
\n \n
\n \n
\n\n บันทึกการแก้ไข
\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n เปรียบเทียบกับมติในที่ประชุมครั้งที่ 18
\n \n \n
\n \n \n
\n
\n \n
\n \n
\n ร่างปัจจุบัน
\n\n 17 กุมภาพันธ์ 2566\n
\n\n \n \n \n
\n \n
\n
\n ผู้อภิปราย
\n\n นายมีชัย ฤชุพันธุ์, นายอัชพร จารุจินดา\n
\n\n
\n หน้า
\n7-8
\n\n
\n ผู้อภิปราย
\n\n ประธานกรรมการเสนอเพิ่มความดังต่อไปนี้เป็นร่างมาตรา ๗๐/๒\n เนื่องจากมีช่องว่างการใช้ของมาตราที่ 25 และมาตราที่\n 50ไม่มีมติเนื่องจากเป็นวาระ\n พิจารณาแนวทางการดําเนินงานภายหลังการเผยแพร่ร่างรัฐธรรมนูญเบื้องต้น\n
\n\n
\n \n
\n เปรียบเทียบกับมติในที่ประชุมครั้งที่ 18
\n \n \n
\n \n
\n \n
\n \n \n
\n เพิ่มใหม่
\n\n \n
\n ลบออก
\n\n \n
\n เปลี่ยนจากเดิม
\n\n
\n \n มาตรา ๒๕ สิทธิและเสรีภาพของปวงชนชาวไทย\n นอกจากที่บัญญัติคุ้มครองไว้\n เป็นการเฉพาะในรัฐธรรมนูญแล้วการใดที่มิได้ห้ามหรือจํากัดไว้ในรัฐธรรมนูญ\n หรือในกฎหมายอื่นบุคคลย่อมมีสิทธิและเสรีภาพที่จะทําการนั้นได\n และได้รับ\n ความคุ้มครองตามรัฐธรรมนูญตราบเท่าที่การใช้สิทธิหรือเสรีภาพเช่นว่านั้น\n ไม่กระทบกระเทือนหรือเป็นอันตรายต่อความมั่นคงของรัฐ\n ความสงบเรียบร้อย หรือศีลธรรมอันดีของประชาชน\n และไม่ละเมิดสิทธิหรือเสรีภาพของบุคคลอื่น\n สิทธิหรือเสรีภาพใดที่รัฐธรรมนูญให้เป็นไปตามที่กฎหมายบัญญัติ\n หรือให้\n เป็นไปตามหลักเกณฑ์และวิธีการที่กฎหมายบัญญัติแม้ยังไม่มีการตรากฎหมายนั้นขึ้นใช้บังคับบุคคลหรือชุมชนย่อมสามารถใช้สิทธิหรือเสรีภาพนั้นได้ตาม\n เจตนารมณ์ของรัฐธรรมนูญบุคคลซึ่งถูกละเมิดสิทธิหรือเสรีภาพที่ได้รับความคุ้มครองตามรัฐธรรมนูญ\n สามารถยกบทบัญญัติแห่งรัฐธรรมนูญเพื่อใช้สิทธิทางศาลหรือยกขึ้นเป็นข้อต่อสู้คดีในศาลได้บุคคลซึ่งได้รับความเสียหายจากการถูกละเมิดสิทธิหรือเสรีภาพหรือจากการกระทําความผิดอาญาของบุคคลอื่น\n ย่อมมีสิทธิที่จะได้รับการเยียวยาหรือช่วยเหลือจากรัฐตามที่กฎหมายบัญญัติ\n
\n