290 lines
9.7 KiB
QML
290 lines
9.7 KiB
QML
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"
|
|
import "qrc:///AicsKnowledgeBase/qml/component"
|
|
import "qrc:///AicsKnowledgeBase/qml/global"
|
|
|
|
FluArea {
|
|
id: note_area
|
|
paddings: 0
|
|
backgroundColor: "#f9f9f9"
|
|
// visible: false
|
|
property string type: ""
|
|
property string noteFileId
|
|
property string authorId
|
|
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
|
|
|
|
property string fileId
|
|
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 string title: "文章标题"
|
|
property list<string> tags: ["tag 1", "tag 2", "tag 3"]
|
|
property string publishTime: "2020-01-01"
|
|
property string brief: "这是一个简介"
|
|
|
|
property string fileTitle: "dfnfgf"
|
|
property string fileType: "OTHER"
|
|
|
|
function getType(suffix) {
|
|
if (suffix === "md")
|
|
return "MD"
|
|
else if (suffix === "mp4" || suffix === "avi" || suffix === "rmvb"
|
|
|| suffix === "rm" || suffix === "wmv" || suffix === "mkv")
|
|
return "VIDEO"
|
|
else
|
|
return "OTHER"
|
|
}
|
|
|
|
function loadNote(noteFileId) {
|
|
note_area.noteFileId = noteFileId
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
Request.getSearch("note/" + noteFileId, function (response, data) {
|
|
note_page.fileId = data.id
|
|
note_page.fileTitle = data.name
|
|
note_page.fileType = getType(data.knowledgeFileAttribute.suffix)
|
|
note_page.fileStars = 0
|
|
|
|
var tagString = ""
|
|
for (var j = 0; j < data.tags.length; j++) {
|
|
if (j != 0)
|
|
tagString = tagString + ","
|
|
tagString = tagString + data.tags[j].name
|
|
}
|
|
note_page.fileTags = tagString
|
|
|
|
likeCount = data.likers.length
|
|
isLike = false
|
|
for (var j = 0; j < data.likers.length; j++) {
|
|
if (data.likers[j].id === UserData.userId) {
|
|
isLike = true
|
|
break
|
|
}
|
|
}
|
|
|
|
favoriteCount = data.starrers.length
|
|
isLike = false
|
|
for (var j = 0; j < data.starrers.length; j++) {
|
|
if (data.starrers[j].id === UserData.userId) {
|
|
isFavorite = true
|
|
break
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
FluIconButton {
|
|
iconSize: 12
|
|
iconSource: FluentIcons.Back
|
|
onClicked: {
|
|
emit: SignalFileOperation.back()
|
|
}
|
|
Layout.margins: -5
|
|
}
|
|
|
|
Item {
|
|
Layout.fillWidth: true
|
|
implicitHeight: 50
|
|
|
|
FluText {
|
|
id: text_title
|
|
padding: 10
|
|
text: note_page.title
|
|
font {
|
|
pointSize: 15
|
|
bold: true
|
|
}
|
|
}
|
|
FluIconButton {
|
|
id: button_edit_note
|
|
iconSize: FluentIcons.Edit
|
|
visible: authorId === UserData.userId
|
|
onClicked: {
|
|
emit: SignalFileOperation.modifyNote(note_page.fileId,
|
|
note_page.fileType,
|
|
note_page.fileTitle,
|
|
noteFileId)
|
|
}
|
|
}
|
|
ColumnLayout {
|
|
id: layout_share
|
|
FluIconButton {
|
|
id: button_share
|
|
iconSize: 15
|
|
iconSource: FluentIcons.Share
|
|
text: note_page.shareCount.toString()
|
|
}
|
|
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
|
|
onClicked: {
|
|
note_page.isFavorite = !note_page.isFavorite
|
|
Request.put("/note/" + noteFileId + "/star", {
|
|
"active": note_page.isFavorite
|
|
})
|
|
}
|
|
}
|
|
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
|
|
onClicked: {
|
|
note_page.isLike = !note_page.isLike
|
|
Request.put("/note/" + noteFileId + "/like", {
|
|
"active": note_page.isLike
|
|
})
|
|
}
|
|
}
|
|
FluText {
|
|
id: text_like
|
|
text: note_page.likeCount
|
|
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: 140
|
|
ColumnLayout {
|
|
RowLayout {
|
|
width: parent.width
|
|
FluText {
|
|
padding: 10
|
|
text: note_page.publishTime
|
|
}
|
|
FluText {
|
|
padding: 10
|
|
text: note_page.fileSize.toString() + "MB"
|
|
}
|
|
FluText {
|
|
padding: 10
|
|
text: note_page.browsCount.toString() + "浏览量"
|
|
}
|
|
}
|
|
FluText {
|
|
Layout.topMargin: -2
|
|
Layout.leftMargin: 10
|
|
text: note_page.brief
|
|
}
|
|
RowLayout {
|
|
Layout.topMargin: 2
|
|
Layout.leftMargin: 5
|
|
Repeater {
|
|
model: note_page.tags
|
|
delegate: Button {
|
|
Layout.margins: 2
|
|
text: "#" + note_page.tags[index]
|
|
background: Rectangle {
|
|
implicitHeight: 10
|
|
implicitWidth: 10
|
|
color: FluColors.Grey20
|
|
radius: 10
|
|
}
|
|
onClicked: {
|
|
emit: note_area.clickTags(text)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Item {
|
|
Layout.fillWidth: true
|
|
implicitHeight: 30
|
|
Layout.leftMargin: 10
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onDoubleClicked: {
|
|
emit: SignalFileOperation.open(note_page.fileId)
|
|
}
|
|
}
|
|
RowLayout {
|
|
id: titleRow
|
|
Image {
|
|
id: icon
|
|
source: note_page.fileType ? "qrc:/AicsKnowledgeBase/res/"
|
|
+ note_page.fileType + ".png" : ""
|
|
Layout.preferredHeight: 24
|
|
Layout.preferredWidth: 24
|
|
}
|
|
FluText {
|
|
id: title
|
|
font.bold: true
|
|
font.pointSize: 12
|
|
text: note_page.fileTitle
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
NoteEditPage {
|
|
id: text_view
|
|
noteId: "255454"
|
|
width: parent.width
|
|
implicitHeight: width * 9 / 16
|
|
}
|
|
}
|
|
}
|