feat: add form for search

CMakeLists.txt

@@ -341,6 +341,8 @@ set(${PROJECT_NAME}_SOURCES
   src/widget/emoticonswidget.h
   src/widget/flowlayout.cpp
   src/widget/flowlayout.h
+  src/widget/searchform.cpp
+  src/widget/searchform.h
   src/widget/form/addfriendform.cpp
   src/widget/form/addfriendform.h
   src/widget/form/chatform.cpp

res.qrc

@@ -96,5 +96,7 @@
         <file>ui/contentDialog/contentDialog.css</file>
         <file>ui/tooliconsZone/tooliconsZone.css</file>
         <file>ui/chatForm/searchButton.svg</file>
+        <file>ui/chatForm/searchDownButton.svg</file>
+        <file>ui/chatForm/searchUpButton.svg</file>
     </qresource>
 </RCC>

src/widget/chatformheader.cpp

@@ -281,6 +281,17 @@ void ChatFormHeader::updateMuteVolButton(bool active, bool outputMuted)
     updateButtonsView();
 }
 
+void ChatFormHeader::updateSearchButton(bool active)
+{
+    if (active) {
+        searchState = ToolButtonState::On;
+    } else {
+        searchState = ToolButtonState::Off;
+    }
+
+    updateButtonsView();
+}
+
 void ChatFormHeader::setAvatar(const QPixmap &img)
 {
     avatar->setPixmap(img);

src/widget/chatformheader.h

@@ -67,6 +67,7 @@ class ChatFormHeader : public QWidget
     void updateCallButtons(bool online, bool audio, bool video = false);
     void updateMuteMicButton(bool active, bool inputMuted);
     void updateMuteVolButton(bool active, bool outputMuted);
+    void updateSearchButton(bool active);
 
     void setAvatar(const QPixmap& img);
     QSize getAvatarSize() const;

src/widget/form/chatform.cpp

@@ -41,6 +41,7 @@
 #include "src/widget/tool/screenshotgrabber.h"
 #include "src/widget/translator.h"
 #include "src/widget/widget.h"
+#include "src/widget/searchform.h"
 
 #include <QClipboard>
 #include <QFileDialog>
@@ -491,7 +492,13 @@ void ChatForm::onVolMuteToggle()
 
 void ChatForm::onSearchTrigered()
 {
-
+    if (searchForm->maximumHeight() == 0) {
+        searchForm->setMaximumHeight(50);
+        headWidget->updateSearchButton(true);
+    } else {
+        searchForm->setMaximumHeight(0);
+        headWidget->updateSearchButton(false);
+    }
 }
 
 void ChatForm::onFileSendFailed(uint32_t friendId, const QString& fname)

src/widget/form/genericchatform.cpp

@@ -39,6 +39,7 @@
 #include "src/widget/tool/flyoutoverlaywidget.h"
 #include "src/widget/translator.h"
 #include "src/widget/widget.h"
+#include "src/widget/searchform.h"
 
 #include <QClipboard>
 #include <QFileDialog>
@@ -135,8 +136,10 @@ GenericChatForm::GenericChatForm(QWidget* parent)
 {
     curRow = 0;
     headWidget = new ChatFormHeader();
+    searchForm = new SearchForm();
     chatWidget = new ChatLog(this);
     chatWidget->setBusyNotification(ChatMessage::createBusyNotification());
+    searchForm->setMaximumHeight(0);
 
     // settings
     const Settings& s = Settings::getInstance();
@@ -190,6 +193,7 @@ GenericChatForm::GenericChatForm(QWidget* parent)
     mainFootLayout->setSpacing(0);
 
     QVBoxLayout* contentLayout = new QVBoxLayout(contentWidget);
+    contentLayout->addWidget(searchForm);
     contentLayout->addWidget(chatWidget);
     contentLayout->addLayout(mainFootLayout);
 

src/widget/form/genericchatform.h

@@ -40,6 +40,7 @@ class CroppingLabel;
 class FlyoutOverlayWidget;
 class GenericNetCamView;
 class MaskablePixmapWidget;
+class SearchForm;
 class Widget;
 
 class QLabel;
@@ -151,6 +152,7 @@ protected slots:
 
     ChatFormHeader* headWidget;
 
+    SearchForm *searchForm;
     ChatLog* chatWidget;
     ChatTextEdit* msgEdit;
     FlyoutOverlayWidget* fileFlyout;

src/widget/searchform.cpp

@@ -0,0 +1,28 @@
+#include "searchform.h"
+#include "src/widget/style.h"
+#include <QHBoxLayout>
+#include <QLineEdit>
+#include <QPushButton>
+
+SearchForm::SearchForm(QWidget *parent) : QWidget(parent)
+{
+    QHBoxLayout *layout = new QHBoxLayout();
+    searchLine = new QLineEdit();
+    upButton = new QPushButton();
+    upButton->setAttribute(Qt::WA_LayoutUsesWidgetRect);
+    upButton->setObjectName("searchUpButton");
+    upButton->setProperty("state", "green");
+    upButton->setStyleSheet(Style::getStylesheet(QStringLiteral(":/ui/chatForm/buttons.css")));
+
+    downButton = new QPushButton();
+    downButton->setAttribute(Qt::WA_LayoutUsesWidgetRect);
+    downButton->setObjectName("searchDownButton");
+    downButton->setProperty("state", "green");
+    downButton->setStyleSheet(Style::getStylesheet(QStringLiteral(":/ui/chatForm/buttons.css")));
+
+    layout->addWidget(searchLine);
+    layout->addWidget(upButton);
+    layout->addWidget(downButton);
+
+    setLayout(layout);
+}

src/widget/searchform.h

@@ -0,0 +1,21 @@
+#ifndef SEARCHFORM_H
+#define SEARCHFORM_H
+
+#include <QWidget>
+
+class QPushButton;
+class QLineEdit;
+
+class SearchForm final : public QWidget
+{
+    Q_OBJECT
+public:
+    explicit SearchForm(QWidget *parent = nullptr);
+
+private:
+    QPushButton* upButton;
+    QPushButton* downButton;
+    QLineEdit* searchLine;
+};
+
+#endif // SEARCHFORM_H

ui/chatForm/buttons.css

@@ -75,6 +75,25 @@ QAbstractButton#searchButton
     height: 40px;
 }
 
+/* SearchLine */
+
+
+QAbstractButton#searchUpButton
+{
+    background-image: url(":/ui/chatForm/searchUpButton.svg");
+    border-radius: 5px;
+    width: 35px;
+    height: 35px;
+}
+
+QAbstractButton#searchDownButton
+{
+    background-image: url(":/ui/chatForm/searchDownButton.svg");
+    border-radius: 5px;
+    width: 35px;
+    height: 35px;
+}
+
 /* Common */
 
 QAbstractButton