Display file tags in File Details

resources.qrc

@@ -11,6 +11,7 @@
         <file>src/gui/filedetails/FileDetailsPage.qml</file>
         <file>src/gui/filedetails/FileDetailsView.qml</file>
         <file>src/gui/filedetails/FileDetailsWindow.qml</file>
+        <file>src/gui/filedetails/FileTag.qml</file>
         <file>src/gui/filedetails/NCInputTextEdit.qml</file>
         <file>src/gui/filedetails/NCInputTextField.qml</file>
         <file>src/gui/filedetails/NCTabButton.qml</file>

src/gui/CMakeLists.txt

@@ -88,6 +88,8 @@ set(client_SRCS
     editlocallyjob.cpp
     editlocallymanager.h
     editlocallymanager.cpp
+    filetagmodel.h
+    filetagmodel.cpp
     folder.h
     folder.cpp
     foldercreationdialog.h

src/gui/filedetails/FileDetailsPage.qml

@@ -81,7 +81,19 @@ Page {
             Layout.topMargin: root.topPadding
 
             columns: root.showCloseButton ? 3 : 2
-            rows: showFileLockedString ? 3 : 2
+            rows: {
+                let rows = 2;
+
+                if (showFileLockedString) {
+                    rows++;
+                }
+
+                if (root.fileDetails.fileTagModel.totalTags > 0) {
+                    rows++;
+                }
+
+                return rows;
+            }
 
             rowSpacing: Style.standardSpacing / 2
             columnSpacing: Style.standardSpacing
@@ -154,6 +166,50 @@ Page {
                 wrapMode: Text.Wrap
                 visible: headerGridLayout.showFileLockedString
             }
+
+            Row {
+                id: tagRow
+
+                Layout.fillWidth: true
+                Layout.rightMargin: headerGridLayout.textRightMargin
+
+                Repeater {
+                    id: tagRepeater
+
+                    readonly property var fileTagModel: root.fileDetails.fileTagModel
+                    readonly property int maxTags: 3
+
+                    model: fileTagModel
+                    delegate: FileTag {
+                        readonly property int availableLayoutSpace: tagRow.width - tagRow.spacing - overflowTag.width
+                        readonly property int maxWidth: (availableLayoutSpace / tagRepeater.maxTags) - tagRow.spacing
+
+                        width: Math.min(maxWidth, implicitWidth)
+                        text: model.display
+                    }
+
+                    Component.onCompleted: fileTagModel.maxTags = 3
+                }
+
+                FileTag {
+                    id: overflowTag
+
+                    readonly property int totalFileTags: tagRepeater.fileTagModel.totalTags
+                    readonly property int maxFileTags: tagRepeater.fileTagModel.maxTags
+
+                    visible: totalFileTags > maxFileTags
+                    text: "+" + String(totalFileTags - maxFileTags)
+
+                    HoverHandler {
+                        id: hoverHandler
+                    }
+
+                    NCToolTip {
+                        visible: hoverHandler.hovered
+                        text: tagRepeater.fileTagModel.overflowTagsString
+                    }
+                }
+            }
         }
 
         TabBar {

src/gui/filedetails/FileTag.qml

@@ -0,0 +1,33 @@
+/*
+ * Copyright (C) 2023 by Claudio Cambra <claudio.cambra@nextcloud.com>
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
+ * or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
+ * for more details.
+ */
+
+import QtQuick 2.15
+
+import Style 1.0
+import "../tray"
+
+EnforcedPlainTextLabel {
+    id: internalLabel
+
+    background: Rectangle {
+        border.color: Style.lightHover
+        border.width: Style.normalBorderWidth
+        radius: Style.veryRoundedButtonRadius
+        color: "transparent"
+    }
+
+    color: Style.ncSecondaryTextColor
+    elide: Text.ElideRight
+    padding: Style.smallSpacing
+}

src/gui/filedetails/filedetails.cpp

@@ -14,6 +14,7 @@
 
 #include <QDateTime>
 
+#include "accountstate.h"
 #include "filedetails.h"
 #include "folderman.h"
 
@@ -71,6 +72,7 @@ void FileDetails::setLocalPath(const QString &localPath)
 
     _filelockState = _fileRecord._lockstate;
     updateLockExpireString();
+    updateFileTagModel(folder);
 
     Q_EMIT fileChanged();
 }
@@ -153,4 +155,21 @@ bool FileDetails::isFolder() const
     return _fileInfo.isDir();
 }
 
+FileTagModel *FileDetails::fileTagModel() const
+{
+    return _fileTagModel.get();
+}
+
+void FileDetails::updateFileTagModel(const Folder * const folder)
+{
+    Q_ASSERT(folder);
+    const auto account = folder->accountState()->account();
+    Q_ASSERT(account);
+
+    const auto serverRelPath = QString(folder->remotePathTrailingSlash() + name());
+
+    _fileTagModel = std::make_unique<FileTagModel>(serverRelPath, account);
+    Q_EMIT fileTagModelChanged();
+}
+
 } // namespace OCC

src/gui/filedetails/filedetails.h

@@ -21,8 +21,12 @@
 
 #include "common/syncjournalfilerecord.h"
 
+#include "gui/filetagmodel.h"
+
 namespace OCC {
 
+class Folder;
+
 class FileDetails : public QObject
 {
     Q_OBJECT
@@ -33,6 +37,7 @@ class FileDetails : public QObject
     Q_PROPERTY(QString iconUrl READ iconUrl NOTIFY fileChanged)
     Q_PROPERTY(QString lockExpireString READ lockExpireString NOTIFY lockExpireStringChanged)
     Q_PROPERTY(bool isFolder READ isFolder NOTIFY isFolderChanged)
+    Q_PROPERTY(FileTagModel* fileTagModel READ fileTagModel NOTIFY fileTagModelChanged)
 
 public:
     explicit FileDetails(QObject *parent = nullptr);
@@ -44,6 +49,7 @@ class FileDetails : public QObject
     [[nodiscard]] QString iconUrl() const;
     [[nodiscard]] QString lockExpireString() const;
     [[nodiscard]] bool isFolder() const;
+    [[nodiscard]] FileTagModel *fileTagModel() const;
 
 public slots:
     void setLocalPath(const QString &localPath);
@@ -53,10 +59,12 @@ public slots:
     void fileChanged();
     void lockExpireStringChanged();
     void isFolderChanged();
+    void fileTagModelChanged();
 
 private slots:
     void refreshFileDetails();
     void updateLockExpireString();
+    void updateFileTagModel(const OCC::Folder * const folder);
 
 private:
     QString _localPath;
@@ -70,6 +78,8 @@ private slots:
     QTimer _filelockStateUpdateTimer;
 
     QLocale _locale;
+
+    std::unique_ptr<FileTagModel> _fileTagModel;
 };
 
 } // namespace OCC