AicsKnowledgeBase_client/AicsKnowledgeBase/qml/page/NotePage.qml

206 lines
6.2 KiB
QML
Raw Normal View History

2023-07-06 14:21:01 +08:00
import QtQuick
import QtQuick.Layouts
import QtQuick.Window
import QtQuick.Controls
import QtQuick.Controls.Basic
import QtWebEngine 1.2
import FluentUI
import AicsKB.FileTransferManager
import SignalFileOperation 1.0
import "qrc:///AicsKnowledgeBase/qml/page"
2023-07-06 17:16:55 +08:00
import "qrc:///AicsKnowledgeBase/qml/component"
import "qrc:///AicsKnowledgeBase/qml/global"
2023-07-06 14:21:01 +08:00
FluArea {
id: note_area
paddings: 0
backgroundColor: "#f9f9f9"
2023-07-06 17:16:55 +08:00
// visible: false
2023-07-06 14:21:01 +08:00
property string type: ""
2023-07-06 17:16:55 +08:00
property string noteFileId
2023-07-06 14:21:01 +08:00
signal clickTags(string tagName)
// paddings: {
// top: 10
// right: 0
// bottom: 10
// left: 10
// }
FluScrollablePage {
id: note_page
anchors.fill: parent
leftPadding: 10
topPadding: 10
rightPadding: 10
bottomPadding: 0
2023-07-06 17:16:55 +08:00
property string fileId
2023-07-06 14:21:01 +08:00
property int likeCount: 0
property int favoriteCount: 0
property int shareCount: 0
property int browsCount: 555
property bool isLike: false
property bool isFavorite: false
property double fileSize: 455
2023-07-06 17:16:55 +08:00
property string title: "文章标题"
property list<string> tags: ["tag 1", "tag 2", "tag 3"]
property string publishTime: "2020-01-01"
2023-07-06 14:21:01 +08:00
property string brief: "这是一个简介"
function getType(suffix) {
if(suffix === "md")
2023-07-06 17:16:55 +08:00
return "MD"
else if(suffix === "mp4" || suffix === "avi"
|| suffix === "rmvb" || suffix === "rm"
|| suffix === "wmv" || suffix === "mkv")
return "VIDEO"
else return "OTHER"
2023-07-06 14:21:01 +08:00
}
2023-07-06 20:26:47 +08:00
function loadNote(noteFileId) {
2023-07-06 17:16:55 +08:00
note_area.noteFileId = noteFileId
}
Component.onCompleted: {
}
FluIconButton {
iconSize: 12
iconSource: FluentIcons.Back
onClicked: {
emit: SignalFileOperation.back()
}
Layout.margins: -5
2023-07-06 14:21:01 +08:00
}
Item {
Layout.fillWidth: true
implicitHeight: 50
FluText {
id: text_title
padding: 10
2023-07-06 17:16:55 +08:00
text: note_page.title
2023-07-06 14:21:01 +08:00
font {
pointSize: 15
bold: true
}
}
ColumnLayout {
id: layout_share
FluIconButton {
id: button_share
iconSize: 15
iconSource: FluentIcons.Share
2023-07-06 17:16:55 +08:00
text: note_page.shareCount.toString()
2023-07-06 14:21:01 +08:00
}
FluText {
id: text_share
text: note_page.shareCount
font.pointSize: 8
Layout.alignment: button_share.Center
Layout.topMargin: -5
}
anchors {
verticalCenter: text_title.verticalCenter
right: parent.right
}
}
ColumnLayout {
id: layout_favorite
FluIconButton {
id: button_favorite
iconSize: 15
iconSource: note_page.isFavorite ? FluentIcons.FavoriteStarFill : FluentIcons.FavoriteStar
}
FluText {
id: text_favorite
text: note_page.favoriteCount
font.pointSize: 8
Layout.alignment: button_favorite.Center
Layout.topMargin: -5
}
anchors {
verticalCenter: text_title.verticalCenter
right: layout_share.left
}
}
ColumnLayout {
id: layout_like
FluIconButton {
id: button_like
iconSize: 15
iconSource: note_page.isLike ? FluentIcons.HeartFill : FluentIcons.Heart
}
FluText {
id: text_like
2023-07-06 17:16:55 +08:00
text: note_page.likeCount
2023-07-06 14:21:01 +08:00
font.pointSize: 8
Layout.alignment: button_like.Center
Layout.topMargin: -5
}
anchors {
verticalCenter: text_title.verticalCenter
right: layout_favorite.left
}
}
}
FluArea {
Layout.fillWidth: true
implicitHeight: 100
ColumnLayout {
RowLayout {
2023-07-06 17:16:55 +08:00
width: parent.width
2023-07-06 14:21:01 +08:00
FluText {
padding: 10
2023-07-06 17:16:55 +08:00
text: note_page.publishTime
2023-07-06 14:21:01 +08:00
}
FluText {
padding: 10
2023-07-06 17:16:55 +08:00
text: note_page.fileSize.toString() + "MB"
2023-07-06 14:21:01 +08:00
}
FluText {
padding: 10
2023-07-06 17:16:55 +08:00
text: note_page.browsCount.toString() + "浏览量"
2023-07-06 14:21:01 +08:00
}
}
FluText {
Layout.topMargin: -2
Layout.leftMargin: 10
2023-07-06 17:16:55 +08:00
text: note_page.brief
2023-07-06 14:21:01 +08:00
}
RowLayout {
Layout.topMargin: 2
Layout.leftMargin: 5
Repeater {
2023-07-06 17:16:55 +08:00
model: note_page.tags
2023-07-06 14:21:01 +08:00
delegate: Button {
Layout.margins: 2
2023-07-06 17:16:55 +08:00
text: "#" + note_page.tags[index]
2023-07-06 14:21:01 +08:00
background: Rectangle {
implicitHeight: 10
implicitWidth: 10
color: FluColors.Grey20
radius: 10
}
onClicked: {
2023-07-06 17:16:55 +08:00
emit: note_area.clickTags(text)
2023-07-06 14:21:01 +08:00
}
}
}
}
}
}
NoteEditPage {
2023-07-06 17:16:55 +08:00
id: text_view
2023-07-06 14:21:01 +08:00
noteId: "255454"
2023-07-06 17:16:55 +08:00
width: parent.width
2023-07-06 14:21:01 +08:00
implicitHeight: 400
}
}
}