Skip to content

Commit

Permalink
202405211732
Browse files Browse the repository at this point in the history
  • Loading branch information
Remote committed May 21, 2024
1 parent 3b5aa80 commit ee673ef
Show file tree
Hide file tree
Showing 12 changed files with 1,160 additions and 36 deletions.
1 change: 1 addition & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,3 +3,4 @@
**/sass
**/sass.scss
**/index.js
**/Icon?
171 changes: 171 additions & 0 deletions article-add.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,171 @@
<!DOCTYPE html>
<html lang="zh-hant">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>撰寫文章</title>
<!-- link -->
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css">
<link rel="stylesheet" href="https://pardnchiu.github.io/markdown-editor/css/md-viewer.css">
<!-- script -->
<script src="https://pardnchiu.github.io/PDExtension-js/v3/PDExtension.min.js" copyright="Pardn Ltd" defer></script>
<script type="module" src="./js/article-add.js"></script>
<!-- inline-style -->
<style>
.dom-temp {
display: none !important;
}
</style>
</head>

<body id="body" class="no-select">
<!-- 登入 -->
<section class="login dom-temp" :if="is_guest">
<h1>{{ login.title }}</h1>
<section>
<label>
<input type="password" placeholder="密碼" :model="login.password">
</label>
<i class="fa-solid fa-eye-slash" @click="show"></i>
</section>
<button @click="login">
前往
<i class="fa-solid fa-arrow-right"></i>
</button>
</section>
<!-- 主要 -->
<section class="dom-temp" :else>
<nav class="body-top">
<section>
<section class="left">
<a href="/">
<img src="./image/logo_ffffff.svg" alt="">
<strong>{{ title }}</strong>
</a>
</section>
<section class="right">
<button class="df" @click="logout">登出</button>
</section>
</section>
</nav>
<section>
<!-- 左側導覽列 -->
<section class="body-left">
<div :for="e in left_tab">
<p @click="tab_show">
<i :class="e.icon"></i>
<span>{{ e.title }}</span>
<i class="fa-solid fa-chevron-right"></i>
</p>
<section :data-row="LENGTH(e.body)">
<a :href="a.href" :data-selected="a.is_selected" :for="a in e.body">
<i :class="a.icon"></i>
<span>{{ a.title }}</span>
</a>
</section>
</div>
</section>
<!-- 內容 -->
<section class="body-right">
<!-- 頂部導覽列 -->
<nav>
<button>
<i class="fa-solid fa-bars"></i>
</button>
<a :href="e.href" :for="e in top_tab">{{ e.title }}</a>
</nav>
<!-- -->
<section class="PDMDEditor">
<!-- -->
<section class="editor">
<!-- -->
<section class="top">
<label>
<textarea class="h1" placeholder="輸入標題"></textarea>
</label>
<label>
<textarea class="tag" placeholder="輸入分類"></textarea>
</label>
</section>
<!-- -->
<section class="bottom-photo">
<button @click="add_photo" data-src="./image/1-1.jpg">
<img src="./image/1-1.jpg" alt="">
</button>
<button @click="add_photo" data-src="./image/1-1.jpg">
<img src="./image/2-1.jpg" alt="">
</button>
</section>
<!-- -->
<section class="bottom-button">
<section class="editor-button">
<button title="移除標題">
H<sub>x</sub>
</button>
<button title="添加H2" @click="add_h2">
H<sub>2</sub>
</button>
<button title="添加H3" @click="add_h3">
H<sub>3</sub>
</button>
<button title="添加H4" @click="add_h4">
H<sub>4</sub>
</button>
<button title="添加H5" @click="add_h5">
H<sub>5</sub>
</button>
<button title="添加H6" @click="add_h6">
H<sub>6</sub>
</button>
<button title="添加粗體" @click="add_bold">
<i class="fa-solid fa-bold"></i>
</button>
<button title="添加斜體" @click="add_italic">
<i class="fa-solid fa-italic"></i>
</button>
<button title="添加刪除線" @click="add_strikethrough">
<i class="fa-solid fa-strikethrough"></i>
</button>
<button title="添加底線" @click="add_underline">
<i class="fa-solid fa-underline"></i>
</button>
<button title="添加標示" @click="add_marker">
<i class="fa-solid fa-marker"></i>
</button>
<button title="添加引用" @click="add_blockquote">
<i class="fa-solid fa-quote-left"></i>
</button>
<button title="添加列表" @click="add_ul">
<i class="fa-solid fa-list-ul"></i>
</button>
<button title="添加有序列表" @click="add_ol">
<i class="fa-solid fa-list-ol"></i>
</button>
<button title="添加代碼" @click="add_code">
<i class="fa-solid fa-code"></i>
</button>
<button title="添加連結" @click="add_link">
<i class="fa-solid fa-link"></i>
</button>
<button title="圖片庫" @click="show_photo_library">
<i class="fa-solid fa-image"></i>
</button>
</section>
<section class="button">
<button>發布</button>
<button class="alert">清除</button>
</section>
</section>
</section>
<!-- -->
<section class="viewer"></section>
</section>
</section>
</section>
</section>
</body>

</html>
33 changes: 15 additions & 18 deletions articles.html → article-list.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -114,7 +114,6 @@ <h1>{{ login.title }}</h1>
<td :for="a in e.body" :html="a"></td>
<td>
<button>編輯</button>
<button>通知</button>
<button class="alert" :if="e.is_deleted == false">刪除</button>
</td>
</tr>
Expand Down Expand Up @@ -155,40 +154,38 @@ <h1>{{ login.title }}</h1>
// 左側導覽列
left_tab: [
{
icon: "fa-solid fa-users",
icon: "fa-solid fa-newspaper",
title: "文章管理",
body: [
{
is_selected: true,
icon: "fa-solid fa-list-alt",
icon: "fa-solid fa-table-list",
title: "文章列表",
href: "/articles.html"
href: "/article-list.html"
},
{
is_selected: false,
icon: "fa-solid fa-plus-circle",
title: "撰寫文章"
icon: "fa-solid fa-pen",
title: "撰寫文章",
href: "/article-add.html"
},
]
},
{
icon: "fa-solid fa-box",
title: "商品管理",
icon: "fa-solid fa-folder-open",
title: "檔案管理",
body: [
{
is_selected: false,
icon: "fa-solid fa-list-alt",
title: "商品列表"
icon: "fa-solid fa-photo-film",
title: "媒體庫",
href: "/photo-library.html"
},
{
is_selected: false,
icon: "fa-solid fa-plus-circle",
title: "新增商品"
},
{
is_selected: false,
icon: "fa-solid fa-exclamation-triangle",
title: "系統提醒"
icon: "fa-solid fa-file",
title: "robots.txt",
href: "/file-edit.html"
},
]
},
Expand Down Expand Up @@ -258,7 +255,7 @@ <h1>{{ login.title }}</h1>
href: "/",
},
{
title: "文章",
title: "文章列表",
href: "",
}
],
Expand Down
2 changes: 1 addition & 1 deletion css/index.css
View file

Large diffs are not rendered by default.

Loading

0 comments on commit ee673ef

Please sign in to comment.