diff --git a/homepage/src/pages/admin.jsx b/homepage/src/pages/admin.jsx
new file mode 100644
index 00000000..87f19150
--- /dev/null
+++ b/homepage/src/pages/admin.jsx
@@ -0,0 +1,57 @@
+import Head from 'next/head';
+import Script from 'next/script';
+
+import { fetchCards } from '../lib/fetchCards';
+import { processCard } from '../lib/processCard';
+import DecapCms from '../CMS/DecapCms';
+
+/**
+ *
+ * @type {import('next').GetStaticProps}
+ */
+export const getStaticProps = async ({ locales }) => {
+ const assetsTasks = locales.map(async (locale) => {
+ const rawCards = fetchCards(locale);
+ const cardTasks = rawCards.map(async (card) => {
+ return processCard(card, rawCards);
+ });
+ const cards = await Promise.all(cardTasks);
+
+ return {
+ locale,
+ cards,
+ };
+ });
+
+ const assets = await Promise.all(assetsTasks);
+ const assetsByLocale = assets.reduce((assets, asset) => {
+ assets[asset.locale] = asset;
+ return assets;
+ }, {});
+
+ return {
+ props: {
+ assetsByLocale,
+ },
+ };
+};
+
+const Admin = ({ assetsByLocale }) => {
+ const Cms = DecapCms(assetsByLocale);
+ return (
+ <>
+
+
Content Manager
+
+
+
+
+ );
+};
+
+export default Admin;
+
+Admin.getLayout = (page) => page;
diff --git a/homepage/src/pages/admin/index.jsx b/homepage/src/pages/admin/index.jsx
deleted file mode 100644
index f954acc3..00000000
--- a/homepage/src/pages/admin/index.jsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import dynamic from 'next/dynamic';
-import Head from 'next/head';
-import Script from 'next/script';
-import config from './config.json';
-
-import FooterLinks from '../../layouts/footer/footerLinks';
-import { componentMapper } from '../../lib/componentMapper';
-import contentMapper from '../../layouts/contentMapper';
-import Card from '../../components/cards/card';
-import { processCard } from '../../lib/processCard';
-
-import mockCards from './mock_cards.json';
-
-const PagePreview = ({ entry }) => {
- const layoutList = entry.getIn(['data', 'layout_list']);
- const sections = layoutList?.map((layout) => {
- const component = componentMapper(layout.toJS(), mockCards);
- return contentMapper(component);
- });
- return
{sections}
;
-};
-
-const FooterPreview = ({ entry }) => {
- const footer = entry.getIn(['data', 'footer']);
- const links = footer
- ?.get('links')
- .map((link) => {
- return {
- displayText: link.get('display_text')?.toString(),
- url: link.get('url')?.toString(),
- };
- })
- .toArray();
- return
;
-};
-
-const CardPreview = ({ entry, getAsset }) => {
- const data = entry.getIn(['data']).toJS();
- const content = data.body;
-
- // TODO: Cards could not be retrieved from the CMS. Set it as empty for now.
- const card = processCard({ data, content }, []);
-
- card.data.image = getAsset(card.data.image).toString();
-
- return
;
-};
-
-const CMS = dynamic(
- () =>
- import('decap-cms-app').then((cms) => {
- cms.init({ config });
- cms.registerPreviewStyle(
- 'https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css',
- );
- cms.registerPreviewStyle(
- 'https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/all.min.css',
- );
- cms.registerPreviewStyle(
- 'https://fonts.googleapis.com/css?family=Montserrat:400,700',
- );
- cms.registerPreviewStyle(
- 'https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700',
- );
- cms.registerPreviewStyle('/css/style.css');
-
- cms.registerPreviewTemplate('pages', PagePreview);
- cms.registerPreviewTemplate('footer', FooterPreview);
- cms.registerPreviewTemplate('cards', CardPreview);
- }),
- { ssr: false, loading: () =>
Loading...
},
-);
-
-const Admin = () => {
- return (
- <>
-
-
Content Manager
-
-
-
-
- );
-};
-
-export default Admin;
-
-Admin.getLayout = (page) => page;
diff --git a/homepage/src/pages/admin/mock_cards.json b/homepage/src/pages/admin/mock_cards.json
deleted file mode 100644
index 32704338..00000000
--- a/homepage/src/pages/admin/mock_cards.json
+++ /dev/null
@@ -1,321 +0,0 @@
-[
- {
- "data": {
- "image": "/images/uploads/開放資料－common-voice.jpg",
- "title": "(MOCK) Common Voice (MOCK)",
- "description": "(MOCK) 蒐集各語言真人發音資料庫，讓電腦學會最真實的說話方式 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": ["open data", "designer", "writer", "engineer", "basic"],
- "id": "common-voice"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open data\n- designer\n- writer\n- engineer\n- basic"
- },
- {
- "data": {
- "image": "/images/uploads/開放政府－專案卡-39.jpg",
- "title": "(MOCK) Democracy OS (MOCK)",
- "description": "(MOCK) 民主參與系統，可討論政策、模擬投票、進行參與式預算等 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": ["open gov", "civil servants", "advocator", "engineer", "basic"],
- "id": "democracy-os"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open gov\n- civil servants\n- advocator\n- engineer\n- basic"
- },
- {
- "data": {
- "image": "/images/uploads/開放原始碼－firefox.jpg",
- "title": "(MOCK) Firefox (MOCK)",
- "description": "(MOCK) 自由及開放原始碼的網頁瀏覽器 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": ["open source", "marketing", "designer", "engineer", "advance"],
- "id": "firefox"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open source\n- marketing\n- designer\n- engineer\n- advance"
- },
- {
- "data": {
- "image": "/images/uploads/事件卡-github-當機了.jpg",
- "title": "(MOCK) GitHub 當機了 (MOCK)",
- "description": "(MOCK) (MOCK)",
- "draft": false,
- "type": "event",
- "id": "github-當機了"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: event. \n\nTags: No tags"
- },
- {
- "data": {
- "image": "/images/uploads/專案卡-12.jpg",
- "title": "(MOCK) Inkscape (MOCK)",
- "description": "(MOCK) 一款通用公眾授權條款釋出的開源向量圖形編輯器 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": ["open source", "designer", "writer", "engineer", "basic"],
- "id": "inkscape"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open source\n- designer\n- writer\n- engineer\n- basic"
- },
- {
- "data": {
- "image": "/images/uploads/專案卡-10.jpg",
- "title": "(MOCK) LibreOffice (MOCK)",
- "description": "(MOCK) 一套自由及開放原始碼的辦公軟體。 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": ["open source", "designer", "writer", "engineer", "advance"],
- "id": "libreoffice"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open source\n- designer\n- writer\n- engineer\n- advance"
- },
- {
- "data": {
- "image": "/images/uploads/專案卡-07.jpg",
- "title": "(MOCK) OCF Lab (MOCK)",
- "description": "(MOCK) 由開放文化基金會創立，關注開放的新聞平台。 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": ["open source", "designer", "writer", "advocator", "basic"],
- "id": "ocf-lab"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open source\n- designer\n- writer\n- advocator\n- basic"
- },
- {
- "data": {
- "image": "/images/uploads/專案卡-03.jpg",
- "title": "(MOCK) Open Hack Farm (MOCK)",
- "description": "(MOCK) 「開放農業實驗基地」致力開源及開放資料的農業應用 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": [
- "open source",
- "civil servants",
- "advocator",
- "engineer",
- "basic"
- ],
- "id": "open-hack-farm"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open source\n- civil servants\n- advocator\n- engineer\n- basic"
- },
- {
- "data": {
- "image": "/images/uploads/開放政府－vtaiwan.jpg",
- "title": "(MOCK) vTaiwan (MOCK)",
- "description": "(MOCK) 供民眾針對台灣法規表達意見、納入政策討論過程的平台 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": [
- "open gov",
- "legal",
- "civil servants",
- "writer",
- "advocator",
- "advance"
- ],
- "id": "vtaiwan"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open gov\n- legal\n- civil servants\n- writer\n- advocator\n- advance"
- },
- {
- "data": {
- "image": "/images/uploads/專案卡-04.jpg",
- "title": "(MOCK) 了解開源授權 (MOCK)",
- "description": "(MOCK) 授權條款是開源不可缺少的要件，與自由程度直接相關 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": ["open source", "writer", "advocator", "engineer", "basic"],
- "id": "了解開源授權"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open source\n- writer\n- advocator\n- engineer\n- basic"
- },
- {
- "data": {
- "image": "/images/uploads/開放資料－全民追公車.jpg",
- "title": "(MOCK) 全民追公車 (MOCK)",
- "description": "(MOCK) 利用交通局開放資料，做大眾運輸路線、位置追蹤 App (MOCK)",
- "draft": false,
- "type": "project",
- "tags": ["open data", "designer", "engineer", "civil servants", "basic"],
- "id": "全民追公車"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open data\n- designer\n- engineer\n- civil servants\n- basic"
- },
- {
- "data": {
- "image": "/images/uploads/開放政府－台灣成功加入「開放政府夥伴聯盟」.jpg",
- "title": "(MOCK) 台灣成功加入「開放政府夥伴聯盟」 (MOCK)",
- "description": "(MOCK) 這是一套訴求「透明、參與、課責、涵容」的國際標準 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": [
- "open gov",
- "marketing",
- "legal",
- "writer",
- "advocator",
- "advance"
- ],
- "id": "台灣成功加入「開放政府夥伴聯盟」"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open gov\n- marketing\n- legal\n- writer\n- advocator\n- advance"
- },
- {
- "data": {
- "image": "/images/uploads/開放資料－國家寶藏.jpg",
- "title": "(MOCK) 國家寶藏 (MOCK)",
- "description": "(MOCK) 讓志工到美國翻拍流落的臺灣史料，公開給大眾免費使用 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": ["open data", "basic", "writer", "advocator", "engineer"],
- "id": "國家寶藏"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open data\n- basic\n- writer\n- advocator\n- engineer"
- },
- {
- "data": {
- "image": "/images/uploads/開放資料－在專制國家推動開放資料專法.jpg",
- "title": "(MOCK) 在專制國家推動開放資料專法 (MOCK)",
- "description": "(MOCK) 把政府長年蒐集的各種資料，攤在陽光下給民眾檢視使用 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": ["open data", "legal", "civil servants", "advocator", "advance"],
- "id": "在專制國家推動開放資料專法"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open data\n- legal\n- civil servants\n- advocator\n- advance"
- },
- {
- "data": {
- "image": "/images/uploads/開放政府－實價登錄到門牌.jpg",
- "title": "(MOCK) 實價登錄到門牌 (MOCK)",
- "description": "(MOCK) 揭露每戶房屋的成交價格，以推動房價交易透明化 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": [
- "open gov",
- "designer",
- "writer",
- "advocator",
- "engineer",
- "basic"
- ],
- "id": "實價登錄到門牌"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open gov\n- designer\n- writer\n- advocator\n- engineer\n- basic"
- },
- {
- "data": {
- "image": "/images/uploads/開放資料－掃了再買.jpg",
- "title": "(MOCK) 掃了再買 (MOCK)",
- "description": "(MOCK) 一掃就讓你看光商品企業違規裁罰紀錄的良心購物 App (MOCK)",
- "draft": false,
- "type": "project",
- "tags": ["marketing", "advocator", "engineer", "advance", "open data"],
- "id": "掃了再買"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - marketing\n- advocator\n- engineer\n- advance\n- open data"
- },
- {
- "data": {
- "image": "/images/uploads/人力卡－文字工作者.jpg",
- "title": "(MOCK) 文字工作者 (MOCK)",
- "description": "(MOCK) (MOCK)",
- "draft": false,
- "type": "job",
- "tags": ["writer"],
- "id": "文字工作者"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: job. \n\nTags: - writer"
- },
- {
- "data": {
- "image": "/images/uploads/專案卡-33.jpg",
- "title": "(MOCK) 民意代表投票指南 (MOCK)",
- "description": "(MOCK) 彙整候選人資料，幫助選民好好做功課、投下神聖的一票 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": [
- "open gov",
- "designer",
- "civil servants",
- "writer",
- "advocator",
- "basic"
- ],
- "id": "民意代表投票指南"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open gov\n- designer\n- civil servants\n- writer\n- advocator\n- basic"
- },
- {
- "data": {
- "image": "/images/uploads/事件卡-猛漢肺炎來襲.jpg",
- "title": "(MOCK) 猛漢肺炎來襲 (MOCK)",
- "description": "(MOCK) (MOCK)",
- "draft": false,
- "type": "event",
- "id": "猛漢肺炎來襲"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: event. \n\nTags: No tags"
- },
- {
- "data": {
- "image": "/images/uploads/人力－行銷公關.jpg",
- "title": "(MOCK) 行銷公關 (MOCK)",
- "description": "(MOCK) (MOCK)",
- "draft": false,
- "type": "job",
- "tags": ["marketing"],
- "id": "行銷公關"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: job. \n\nTags: - marketing"
- },
- {
- "data": {
- "image": "/images/uploads/人力卡－議題工作者.jpg",
- "title": "(MOCK) 議題工作者 (MOCK)",
- "description": "(MOCK) (MOCK)",
- "draft": false,
- "type": "job",
- "tags": ["advocator"],
- "id": "議題工作者"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: job. \n\nTags: - advocator"
- },
- {
- "data": {
- "image": "/images/uploads/開放政府－資料申請小幫手.jpg",
- "title": "(MOCK) 資料申請小幫手 (MOCK)",
- "description": "(MOCK) 一套協助民眾索取政府資料更簡便、更視覺化的機制 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": ["open gov", "designer", "civil servants", "engineer", "basic"],
- "id": "資料申請小幫手"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open gov\n- designer\n- civil servants\n- engineer\n- basic"
- },
- {
- "data": {
- "image": "/images/uploads/開放資料－開放館藏.jpg",
- "title": "(MOCK) 開放館藏 (MOCK)",
- "description": "(MOCK) 開放博物館的文物資料並數位化，讓愛好者拿來合法使用 (MOCK)",
- "draft": false,
- "type": "project",
- "tags": ["open data", "designer", "civil servants", "engineer", "basic"],
- "id": "開放館藏"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: project. \n\nTags: - open data\n- designer\n- civil servants\n- engineer\n- basic"
- },
- {
- "data": {
- "image": "/images/uploads/事件卡-鯊魚咬斷海底電纜.jpg",
- "title": "(MOCK) 鯊魚咬斷海底電纜 (MOCK)",
- "description": "(MOCK) (MOCK)",
- "draft": false,
- "type": "event",
- "id": "鯊魚咬斷海底電纜"
- },
- "content": "This is mock content. Please visit Cards collection to update cards \n\nType: event. \n\nTags: No tags"
- }
-]