improved design: moved channel details+posts into tabs, and added tabs for comments+post details

2024-12-24 23:19:29 -05:00 · 2020-06-03 21:06:37 +02:00 · 2020-06-03 21:06:37 +02:00 · da968379d6
commit da968379d6
parent 5a6c8de005
3 changed files with 332 additions and 304 deletions
--- a/retroshare-gui/src/gui/gxschannels/GxsChannelPostsWidgetWithModel.cpp
+++ b/retroshare-gui/src/gui/gxschannels/GxsChannelPostsWidgetWithModel.cpp
@ -20,6 +20,7 @@

 #include <QDateTime>
 #include <QSignalMapper>
+#include <QPainter>

 #include "retroshare/rsgxscircles.h"

@ -52,6 +53,86 @@
 #define VIEW_MODE_FEEDS  1
 #define VIEW_MODE_FILES  2

+Q_DECLARE_METATYPE(RsGxsChannelPost*)
+
+void ChannelPostDelegate::paint(QPainter * painter, const QStyleOptionViewItem & option, const QModelIndex & index) const
+{
+	QString byteUnits[4] = {tr("B"), tr("KB"), tr("MB"), tr("GB")};
+	QStyleOptionViewItem opt = option;
+	QStyleOptionProgressBarV2 newopt;
+	QRect pixmapRect;
+	QPixmap pixmap;
+	qlonglong fileSize;
+	double dlspeed, multi;
+	int seconds,minutes, hours, days;
+	qlonglong remaining;
+	QString temp ;
+	qlonglong completed;
+	qlonglong downloadtime;
+	qint64 qi64Value;
+
+	// prepare
+	painter->save();
+	painter->setClipRect(opt.rect);
+
+	RsGxsChannelPost post = index.data(Qt::UserRole).value<RsGxsChannelPost>() ;
+    //const RsGxsChannelPost& post(*pinfo);
+
+	QVariant value = index.data(Qt::TextColorRole);
+
+	if(value.isValid() && qvariant_cast<QColor>(value).isValid())
+		opt.palette.setColor(QPalette::Text, qvariant_cast<QColor>(value));
+
+	QPalette::ColorGroup cg = option.state & QStyle::State_Enabled ? QPalette::Normal : QPalette::Disabled;
+
+	if(option.state & QStyle::State_Selected)
+		painter->setPen(opt.palette.color(cg, QPalette::HighlightedText));
+	else
+		painter->setPen(opt.palette.color(cg, QPalette::Text));
+
+	//painter->drawText(option.rect, Qt::AlignRight, QString("TODO"));
+
+	QPixmap thumbnail;
+	GxsIdDetails::loadPixmapFromData(post.mThumbnail.mData, post.mThumbnail.mSize, thumbnail,GxsIdDetails::ORIGINAL);
+
+    QFontMetricsF fm(opt.font);
+
+	int W = IMAGE_SIZE_FACTOR_W * fm.height() * IMAGE_ZOOM_FACTOR;
+	int H = IMAGE_SIZE_FACTOR_H * fm.height() * IMAGE_ZOOM_FACTOR;
+
+	int w = fm.width("X") ;
+	int h = fm.height() ;
+
+    float img_coord_x = IMAGE_MARGIN_FACTOR*0.5*w;
+    float img_coord_y = IMAGE_MARGIN_FACTOR*0.5*h;
+
+    QPoint img_pos(img_coord_x,img_coord_y);
+    QPoint img_size(W,H);
+
+    QPoint txt_pos(0,img_coord_y + H + h);
+
+    painter->drawPixmap(QRect(opt.rect.topLeft() + img_pos,opt.rect.topLeft()+img_pos+img_size),thumbnail.scaled(W,H,Qt::KeepAspectRatio,Qt::SmoothTransformation));
+    painter->drawText(QRect(option.rect.topLeft() + txt_pos,option.rect.bottomRight()),Qt::AlignCenter,QString::fromStdString(post.mMeta.mMsgName));
+}
+
+QSize ChannelPostDelegate::sizeHint(const QStyleOptionViewItem& option, const QModelIndex& index) const
+{
+	RsGxsChannelPost post = index.data(Qt::UserRole).value<RsGxsChannelPost>() ;
+
+	//QPixmap thumbnail;
+	//GxsIdDetails::loadPixmapFromData(post.mThumbnail.mData, post.mThumbnail.mSize, thumbnail,GxsIdDetails::ORIGINAL);
+
+    QFontMetricsF fm(option.font);
+
+	int W = IMAGE_SIZE_FACTOR_W * fm.height() * IMAGE_ZOOM_FACTOR;
+	int H = IMAGE_SIZE_FACTOR_H * fm.height() * IMAGE_ZOOM_FACTOR;
+
+	int h = fm.height() ;
+	int w = fm.width("X") ;
+
+	return QSize(W+IMAGE_MARGIN_FACTOR*w,H + 2*h);
+}
+
 /** Constructor */
 GxsChannelPostsWidgetWithModel::GxsChannelPostsWidgetWithModel(const RsGxsGroupId &channelId, QWidget *parent) :
 	GxsMessageFrameWidget(rsGxsChannels, parent),
@ -61,6 +142,9 @@ GxsChannelPostsWidgetWithModel::GxsChannelPostsWidgetWithModel(const RsGxsGroupI
 	ui->setupUi(this);

 	ui->postsTree->setModel(mThreadModel = new RsGxsChannelPostsModel());
+    ui->postsTree->setItemDelegate(new ChannelPostDelegate());
+
+    connect(ui->postsTree->selectionModel(),SIGNAL(selectionChanged(const QItemSelection&,const QItemSelection&)),this,SLOT(showPostDetails()));

 	/* Setup UI helper */

@ -95,7 +179,7 @@ GxsChannelPostsWidgetWithModel::GxsChannelPostsWidgetWithModel(const RsGxsGroupI

 	/* Initialize view button */
 	//setViewMode(VIEW_MODE_FEEDS); see processSettings
-	ui->infoWidget->hide();
+	//ui->infoWidget->hide();

 	QSignalMapper *signalMapper = new QSignalMapper(this);
 	connect(ui->feedToolButton, SIGNAL(clicked()), signalMapper, SLOT(map()));
@ -109,7 +193,7 @@ GxsChannelPostsWidgetWithModel::GxsChannelPostsWidgetWithModel(const RsGxsGroupI
 	ui->loadingLabel->hide();
 	ui->progressBar->hide();

-	ui->nameLabel->setMinimumWidth(20);
+	//ui->nameLabel->setMinimumWidth(20);

 	/* Initialize feed widget */
 	//ui->feedWidget->setSortRole(ROLE_PUBLISH, Qt::DescendingOrder);
@ -169,6 +253,13 @@ void GxsChannelPostsWidgetWithModel::handleEvent_main_thread(std::shared_ptr<con
 	}
 }

+void GxsChannelPostsWidgetWithModel::showPostDetails()
+{
+    QModelIndex selected_index = ui->postsTree->selectionModel()->currentIndex();
+
+    std::cerr << "Showing details about selected index : "<< selected_index.row() << "," << selected_index.column() << std::endl;
+}
+
 void GxsChannelPostsWidgetWithModel::updateGroupData()
 {
 	if(groupId().isNull())
@ -280,12 +371,12 @@ QString GxsChannelPostsWidgetWithModel::groupName(bool)

 void GxsChannelPostsWidgetWithModel::groupNameChanged(const QString &name)
 {
-	if (groupId().isNull()) {
-		ui->nameLabel->setText(tr("No Channel Selected"));
-		ui->logoLabel->setPixmap(QPixmap(":/icons/png/channels.png"));
-	} else {
-		ui->nameLabel->setText(name);
-	}
+//	if (groupId().isNull()) {
+//		ui->nameLabel->setText(tr("No Channel Selected"));
+//		ui->logoLabel->setPixmap(QPixmap(":/icons/png/channels.png"));
+//	} else {
+//		ui->nameLabel->setText(name);
+//	}
 }

 QIcon GxsChannelPostsWidgetWithModel::groupIcon()
@ -336,7 +427,7 @@ void GxsChannelPostsWidgetWithModel::insertChannelDetails(const RsGxsChannelGrou
 	} else {
 		chanImage = QPixmap(CHAN_DEFAULT_IMAGE);
 	}
-	ui->logoLabel->setPixmap(chanImage);
+	//ui->logoLabel->setPixmap(chanImage);

 	if (group.mMeta.mSubscribeFlags & GXS_SERV::GROUP_SUBSCRIBE_PUBLISH)
 	{
@ -361,7 +452,7 @@ void GxsChannelPostsWidgetWithModel::insertChannelDetails(const RsGxsChannelGrou
 		ui->feedToolButton->setEnabled(true);

 		ui->fileToolButton->setEnabled(true);
-		ui->infoWidget->hide();
+		//ui->infoWidget->hide();
 		setViewMode(viewMode());
 		
 		ui->subscribeToolButton->setText(tr("Subscribed") + " " + QString::number(group.mMeta.mPop) );
@ -785,7 +876,7 @@ void GxsChannelPostsWidgetWithModel::blank()
 	mThreadModel->clear();
    groupNameChanged(QString());

-	ui->infoWidget->hide();
+	//ui->infoWidget->hide();
 }

 bool GxsChannelPostsWidgetWithModel::navigate(const RsGxsMessageId &msgId)
--- a/retroshare-gui/src/gui/gxschannels/GxsChannelPostsWidgetWithModel.h
+++ b/retroshare-gui/src/gui/gxschannels/GxsChannelPostsWidgetWithModel.h
@ -23,8 +23,9 @@

 #include <map>

-#include "gui/gxs/GxsMessageFramePostWidget.h"
+#include <QAbstractItemDelegate>

+#include "gui/gxs/GxsMessageFramePostWidget.h"
 #include "gui/feeds/FeedHolder.h"

 namespace Ui {
@ -36,6 +37,24 @@ class QTreeWidgetItem;
 class FeedItem;
 class RsGxsChannelPostsModel;

+class ChannelPostDelegate: public QAbstractItemDelegate
+{
+	Q_OBJECT
+
+	public:
+		ChannelPostDelegate(QObject *parent=0) : QAbstractItemDelegate(parent){}
+        virtual ~ChannelPostDelegate(){}
+
+		void paint(QPainter * painter, const QStyleOptionViewItem & option, const QModelIndex & index) const override;
+        QSize sizeHint(const QStyleOptionViewItem& option, const QModelIndex& index) const override;
+
+	private:
+ 		static constexpr float IMAGE_MARGIN_FACTOR = 1.0;
+ 		static constexpr float IMAGE_SIZE_FACTOR_W = 4.0 ;
+ 		static constexpr float IMAGE_SIZE_FACTOR_H = 6.0 ;
+ 		static constexpr float IMAGE_ZOOM_FACTOR   = 1.0;
+};
+
 class GxsChannelPostsWidgetWithModel: public GxsMessageFrameWidget
 {
 	Q_OBJECT
@ -91,6 +110,7 @@ protected:
 	virtual void setAllMessagesReadDo(bool read, uint32_t &token);

 private slots:
+	void showPostDetails();
 	void updateGroupData();
 	void createMsg();
 	void toggleAutoDownload();
--- a/retroshare-gui/src/gui/gxschannels/GxsChannelPostsWidgetWithModel.ui
+++ b/retroshare-gui/src/gui/gxschannels/GxsChannelPostsWidgetWithModel.ui
@ -26,69 +26,6 @@
   <property name="bottomMargin">
    <number>0</number>
   </property>
-   <item>
-    <widget class="QFrame" name="headFrame">
-     <property name="frameShape">
-      <enum>QFrame::Box</enum>
-     </property>
-     <property name="frameShadow">
-      <enum>QFrame::Sunken</enum>
-     </property>
-     <layout class="QHBoxLayout" name="horizontalLayout_3">
-      <property name="leftMargin">
-       <number>4</number>
-      </property>
-      <property name="topMargin">
-       <number>4</number>
-      </property>
-      <property name="rightMargin">
-       <number>4</number>
-      </property>
-      <property name="bottomMargin">
-       <number>4</number>
-      </property>
-      <item>
-       <widget class="QLabel" name="logoLabel">
-        <property name="minimumSize">
-         <size>
-          <width>64</width>
-          <height>64</height>
-         </size>
-        </property>
-        <property name="maximumSize">
-         <size>
-          <width>64</width>
-          <height>64</height>
-         </size>
-        </property>
-        <property name="text">
-         <string/>
-        </property>
-        <property name="pixmap">
-         <pixmap>:/images/channels.png</pixmap>
-        </property>
-        <property name="scaledContents">
-         <bool>true</bool>
-        </property>
-       </widget>
-      </item>
-      <item>
-       <widget class="StyledElidedLabel" name="nameLabel">
-        <property name="palette">
-         <palette>
-          <active/>
-          <inactive/>
-          <disabled/>
-         </palette>
-        </property>
-        <property name="text">
-         <string notr="true">Channel Name</string>
-        </property>
-       </widget>
-      </item>
-     </layout>
-    </widget>
-   </item>
   <item>
    <widget class="QFrame" name="toolBarFrame">
     <property name="frameShape">
@ -285,237 +222,226 @@
    </widget>
   </item>
   <item>
-    <widget class="QWidget" name="infoWidget" native="true">
-     <property name="styleSheet">
-      <string notr="true"/>
+    <widget class="QTabWidget" name="tabWidget">
+     <property name="currentIndex">
+      <number>0</number>
     </property>
-     <layout class="QVBoxLayout" name="verticalLayout">
-      <property name="leftMargin">
-       <number>3</number>
-      </property>
-      <property name="topMargin">
-       <number>0</number>
-      </property>
-      <property name="rightMargin">
-       <number>3</number>
-      </property>
-      <property name="bottomMargin">
-       <number>3</number>
-      </property>
-      <item>
-       <widget class="QFrame" name="infoFrame">
-        <property name="autoFillBackground">
-         <bool>false</bool>
-        </property>
-        <property name="frameShape">
-         <enum>QFrame::NoFrame</enum>
-        </property>
-        <property name="frameShadow">
-         <enum>QFrame::Plain</enum>
-        </property>
-        <layout class="QGridLayout" name="gridLayout_2">
-         <property name="leftMargin">
-          <number>6</number>
+     <widget class="QWidget" name="tab_3">
+      <attribute name="title">
+       <string>Channel details</string>
+      </attribute>
+      <layout class="QHBoxLayout" name="horizontalLayout_3">
+       <item>
+        <widget class="QGroupBox" name="groupBox">
+         <property name="title">
+          <string>Channel details</string>
         </property>
-         <property name="topMargin">
-          <number>6</number>
-         </property>
-         <property name="rightMargin">
-          <number>6</number>
-         </property>
-         <property name="bottomMargin">
-          <number>6</number>
-         </property>
-         <item row="0" column="0">
-          <widget class="QGroupBox" name="groupBox">
-           <property name="title">
-            <string>Channel details</string>
-           </property>
-           <layout class="QGridLayout" name="gridLayout">
-            <property name="leftMargin">
-             <number>9</number>
+         <layout class="QGridLayout" name="gridLayout">
+          <property name="leftMargin">
+           <number>9</number>
+          </property>
+          <property name="topMargin">
+           <number>9</number>
+          </property>
+          <property name="rightMargin">
+           <number>9</number>
+          </property>
+          <property name="bottomMargin">
+           <number>9</number>
+          </property>
+          <item row="1" column="0">
+           <widget class="QLabel" name="infoLastPostLabel">
+            <property name="sizePolicy">
+             <sizepolicy hsizetype="Maximum" vsizetype="Preferred">
+              <horstretch>0</horstretch>
+              <verstretch>0</verstretch>
+             </sizepolicy>
            </property>
-            <property name="topMargin">
-             <number>9</number>
+            <property name="font">
+             <font>
+              <weight>75</weight>
+              <bold>true</bold>
+             </font>
            </property>
-            <property name="rightMargin">
-             <number>9</number>
+            <property name="text">
+             <string>Last Post:</string>
            </property>
-            <property name="bottomMargin">
-             <number>9</number>
-            </property>
-            <item row="1" column="0">
-             <widget class="QLabel" name="infoLastPostLabel">
-              <property name="sizePolicy">
-               <sizepolicy hsizetype="Maximum" vsizetype="Preferred">
-                <horstretch>0</horstretch>
-                <verstretch>0</verstretch>
-               </sizepolicy>
-              </property>
-              <property name="font">
-               <font>
-                <weight>75</weight>
-                <bold>true</bold>
-               </font>
-              </property>
-              <property name="text">
-               <string>Last Post:</string>
-              </property>
-             </widget>
-            </item>
-            <item row="6" column="0" colspan="3">
-             <widget class="QTextBrowser" name="infoDescription">
-              <property name="html">
-               <string notr="true">&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0//EN&quot; &quot;http://www.w3.org/TR/REC-html40/strict.dtd&quot;&gt;
+           </widget>
+          </item>
+          <item row="6" column="0" colspan="3">
+           <widget class="QTextBrowser" name="infoDescription">
+            <property name="html">
+             <string notr="true">&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0//EN&quot; &quot;http://www.w3.org/TR/REC-html40/strict.dtd&quot;&gt;
 &lt;html&gt;&lt;head&gt;&lt;meta name=&quot;qrichtext&quot; content=&quot;1&quot; /&gt;&lt;style type=&quot;text/css&quot;&gt;
 p, li { white-space: pre-wrap; }
 &lt;/style&gt;&lt;/head&gt;&lt;body style=&quot; font-family:'Ubuntu'; font-size:11pt; font-weight:400; font-style:normal;&quot;&gt;
 &lt;p style=&quot; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;&quot;&gt;&lt;span style=&quot; font-family:'MS Shell Dlg 2'; font-size:8pt;&quot;&gt;Description&lt;/span&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</string>
-              </property>
-              <property name="textInteractionFlags">
-               <set>Qt::LinksAccessibleByMouse|Qt::TextSelectableByMouse</set>
-              </property>
-              <property name="openExternalLinks">
-               <bool>true</bool>
-              </property>
-              <property name="openLinks">
-               <bool>true</bool>
-              </property>
-             </widget>
-            </item>
-            <item row="5" column="0">
-             <widget class="QLabel" name="infoDescriptionLabel">
-              <property name="font">
-               <font>
-                <weight>75</weight>
-                <bold>true</bold>
-               </font>
-              </property>
-              <property name="text">
-               <string>Description:</string>
-              </property>
-             </widget>
-            </item>
-            <item row="4" column="0">
-             <widget class="QLabel" name="label_2">
-              <property name="font">
-               <font>
-                <weight>75</weight>
-                <bold>true</bold>
-               </font>
-              </property>
-              <property name="text">
-               <string>Created:</string>
-              </property>
-             </widget>
-            </item>
-            <item row="2" column="0">
-             <widget class="QLabel" name="label">
-              <property name="font">
-               <font>
-                <weight>75</weight>
-                <bold>true</bold>
-               </font>
-              </property>
-              <property name="text">
-               <string>Administrator:</string>
-              </property>
-             </widget>
-            </item>
-            <item row="0" column="0">
-             <widget class="QLabel" name="infoPostsLabel">
-              <property name="sizePolicy">
-               <sizepolicy hsizetype="Maximum" vsizetype="Preferred">
-                <horstretch>0</horstretch>
-                <verstretch>0</verstretch>
-               </sizepolicy>
-              </property>
-              <property name="font">
-               <font>
-                <weight>75</weight>
-                <bold>true</bold>
-               </font>
-              </property>
-              <property name="text">
-               <string>Posts:</string>
-              </property>
-             </widget>
-            </item>
-            <item row="3" column="0">
-             <widget class="QLabel" name="label_3">
-              <property name="font">
-               <font>
-                <weight>75</weight>
-                <bold>true</bold>
-               </font>
-              </property>
-              <property name="text">
-               <string>Distribution:</string>
-              </property>
-             </widget>
-            </item>
-            <item row="4" column="1" colspan="2">
-             <widget class="QLabel" name="infoCreated">
-              <property name="text">
-               <string>unknown</string>
-              </property>
-             </widget>
-            </item>
-            <item row="3" column="1" colspan="2">
-             <widget class="QLabel" name="infoDistribution">
-              <property name="text">
-               <string>unknown</string>
-              </property>
-             </widget>
-            </item>
-            <item row="2" column="1" colspan="2">
-             <widget class="GxsIdLabel" name="infoAdministrator">
-              <property name="text">
-               <string>unknown</string>
-              </property>
-              <property name="openExternalLinks">
-               <bool>true</bool>
-              </property>
-             </widget>
-            </item>
-            <item row="1" column="1" colspan="2">
-             <widget class="QLabel" name="infoLastPost">
-              <property name="text">
-               <string notr="true">unknown</string>
-              </property>
-             </widget>
-            </item>
-            <item row="0" column="1" colspan="2">
-             <widget class="QLabel" name="infoPosts">
-              <property name="text">
-               <string notr="true">0</string>
-              </property>
-             </widget>
-            </item>
-           </layout>
-          </widget>
-         </item>
-        </layout>
-       </widget>
-      </item>
-      <item>
-       <spacer name="verticalSpacer">
-        <property name="orientation">
-         <enum>Qt::Vertical</enum>
-        </property>
-        <property name="sizeHint" stdset="0">
-         <size>
-          <width>0</width>
-          <height>0</height>
-         </size>
-        </property>
-       </spacer>
-      </item>
-     </layout>
+            </property>
+            <property name="textInteractionFlags">
+             <set>Qt::LinksAccessibleByMouse|Qt::TextSelectableByMouse</set>
+            </property>
+            <property name="openExternalLinks">
+             <bool>true</bool>
+            </property>
+            <property name="openLinks">
+             <bool>true</bool>
+            </property>
+           </widget>
+          </item>
+          <item row="5" column="0">
+           <widget class="QLabel" name="infoDescriptionLabel">
+            <property name="font">
+             <font>
+              <weight>75</weight>
+              <bold>true</bold>
+             </font>
+            </property>
+            <property name="text">
+             <string>Description:</string>
+            </property>
+           </widget>
+          </item>
+          <item row="4" column="0">
+           <widget class="QLabel" name="label_2">
+            <property name="font">
+             <font>
+              <weight>75</weight>
+              <bold>true</bold>
+             </font>
+            </property>
+            <property name="text">
+             <string>Created:</string>
+            </property>
+           </widget>
+          </item>
+          <item row="2" column="0">
+           <widget class="QLabel" name="label">
+            <property name="font">
+             <font>
+              <weight>75</weight>
+              <bold>true</bold>
+             </font>
+            </property>
+            <property name="text">
+             <string>Administrator:</string>
+            </property>
+           </widget>
+          </item>
+          <item row="0" column="0">
+           <widget class="QLabel" name="infoPostsLabel">
+            <property name="sizePolicy">
+             <sizepolicy hsizetype="Maximum" vsizetype="Preferred">
+              <horstretch>0</horstretch>
+              <verstretch>0</verstretch>
+             </sizepolicy>
+            </property>
+            <property name="font">
+             <font>
+              <weight>75</weight>
+              <bold>true</bold>
+             </font>
+            </property>
+            <property name="text">
+             <string>Posts:</string>
+            </property>
+           </widget>
+          </item>
+          <item row="3" column="0">
+           <widget class="QLabel" name="label_3">
+            <property name="font">
+             <font>
+              <weight>75</weight>
+              <bold>true</bold>
+             </font>
+            </property>
+            <property name="text">
+             <string>Distribution:</string>
+            </property>
+           </widget>
+          </item>
+          <item row="4" column="1" colspan="2">
+           <widget class="QLabel" name="infoCreated">
+            <property name="text">
+             <string>unknown</string>
+            </property>
+           </widget>
+          </item>
+          <item row="3" column="1" colspan="2">
+           <widget class="QLabel" name="infoDistribution">
+            <property name="text">
+             <string>unknown</string>
+            </property>
+           </widget>
+          </item>
+          <item row="2" column="1" colspan="2">
+           <widget class="GxsIdLabel" name="infoAdministrator">
+            <property name="text">
+             <string>unknown</string>
+            </property>
+            <property name="openExternalLinks">
+             <bool>true</bool>
+            </property>
+           </widget>
+          </item>
+          <item row="1" column="1" colspan="2">
+           <widget class="QLabel" name="infoLastPost">
+            <property name="text">
+             <string notr="true">unknown</string>
+            </property>
+           </widget>
+          </item>
+          <item row="0" column="1" colspan="2">
+           <widget class="QLabel" name="infoPosts">
+            <property name="text">
+             <string notr="true">0</string>
+            </property>
+           </widget>
+          </item>
+         </layout>
+        </widget>
+       </item>
+      </layout>
+     </widget>
+     <widget class="QWidget" name="tab_4">
+      <attribute name="title">
+       <string>Posts</string>
+      </attribute>
+      <layout class="QHBoxLayout" name="horizontalLayout_4">
+       <item>
+        <widget class="QTreeView" name="postsTree">
+         <property name="selectionBehavior">
+          <enum>QAbstractItemView::SelectItems</enum>
+         </property>
+         <attribute name="headerStretchLastSection">
+          <bool>false</bool>
+         </attribute>
+        </widget>
+       </item>
+      </layout>
+     </widget>
    </widget>
   </item>
   <item>
-    <widget class="QTreeView" name="postsTree"/>
+    <widget class="QTabWidget" name="details_TW">
+     <property name="currentIndex">
+      <number>0</number>
+     </property>
+     <widget class="QWidget" name="tab">
+      <attribute name="title">
+       <string>Details</string>
+      </attribute>
+      <layout class="QHBoxLayout" name="horizontalLayout">
+       <item>
+        <widget class="QTextEdit" name="textEdit"/>
+       </item>
+      </layout>
+     </widget>
+     <widget class="QWidget" name="tab_2">
+      <attribute name="title">
+       <string>Comments</string>
+      </attribute>
+     </widget>
+    </widget>
   </item>
  </layout>
  <action name="actionFeeds">
@ -528,10 +454,6 @@ p, li { white-space: pre-wrap; }
    <string>Files</string>
   </property>
  </action>
-  <zorder>toolBarFrame</zorder>
-  <zorder>headFrame</zorder>
-  <zorder>infoWidget</zorder>
-  <zorder>postsTree</zorder>
 </widget>
 <customwidgets>
  <customwidget>
@ -544,11 +466,6 @@ p, li { white-space: pre-wrap; }
   <extends>QToolButton</extends>
   <header>gui/common/SubscribeToolButton.h</header>
  </customwidget>
-  <customwidget>
-   <class>StyledElidedLabel</class>
-   <extends>QLabel</extends>
-   <header>gui/common/StyledElidedLabel.h</header>
-  </customwidget>
  <customwidget>
   <class>LineEditClear</class>
   <extends>QLineEdit</extends>
@ -556,8 +473,8 @@ p, li { white-space: pre-wrap; }
  </customwidget>
 </customwidgets>
 <resources>
-  <include location="../icons.qrc"/>
  <include location="../images.qrc"/>
+  <include location="../icons.qrc"/>
 </resources>
 <connections/>
 </ui>