From d8bcfa4d7d3944e843964249f773db9b0fc05498 Mon Sep 17 00:00:00 2001
From: Dennis Brentjes <d.brentjes@gmail.com>
Date: Mon, 27 Oct 2014 22:40:39 +0100
Subject: Adds the generic gui project

---
 Projects/generic_gui.markdown | 125 ++++++++++++++++++++++++++++++++++++++++++
 Projects/index.html           |   4 +-
 _data/projects.yml            |   3 +
 assets/generic_gui.png        | Bin 0 -> 24460 bytes
 assets/generic_gui_full.png   | Bin 0 -> 40418 bytes
 public/css/main.css           |   9 +++
 6 files changed, 139 insertions(+), 2 deletions(-)
 create mode 100644 Projects/generic_gui.markdown
 create mode 100644 assets/generic_gui.png
 create mode 100644 assets/generic_gui_full.png

diff --git a/Projects/generic_gui.markdown b/Projects/generic_gui.markdown
new file mode 100644
index 0000000..40bf652
--- /dev/null
+++ b/Projects/generic_gui.markdown
@@ -0,0 +1,125 @@
+
+This project is a generalization of the generic gui implementation used in DMP.
+I use boost fusion to implement a Qt model adapter that can show data from standard c++ classes.
+You can than create a gui type, either a QTableWidget type or a custom form class.
+These classes will inspect the your custom fusion adapted data type and create all the neccesary boiler plate such as header names and function that enable to set and get the underlying data.
+This means that when you edit the gui you edit the underlying datastructures directly.
+But I can better show you all a simple main that you can write using this system.
+I hope it shows of the expressive power more than a couple paragraphs of text would.
+
+```
+#include "main_window.hpp"
+#include "fusion_model.hpp"
+#include "qt_adapter.hpp"
+#include "meta_types.hpp"
+#include "fusion_outputter.hpp"
+#include "form.hpp"
+
+#include <boost/fusion/adapted.hpp>
+
+#include <iostream>
+
+struct Data {
+	const std::string name;
+	std::string gender;
+	uint32_t number;
+	const double ratio1;
+	double ratio2;
+	bool boolean;
+};
+
+BOOST_FUSION_ADAPT_STRUCT(
+	Data,
+	(const std::string, name)
+	(std::string, gender)
+	(uint32_t, number)
+	(const double, ratio1)
+	(double,ratio2)
+	(bool, boolean)
+)
+
+struct DataModel : public FusionModel<std::vector<Data>> {
+
+	std::vector<Data> model;
+
+	DataModel()
+	: FusionModel(model)
+	{}
+
+	void add_data(Data d) {
+		call_on_observers(&FusionModelObserver::append_row_begin);
+		model.push_back(d);
+		call_on_observers(&FusionModelObserver::append_row_end);
+	}
+};
+
+struct DataMapping : public FusionModel<std::map<std::string, Data>> {
+
+	std::map<std::string, Data> model;
+
+	DataMapping()
+	: FusionModel(model)
+	{}
+
+	void add_data(std::string key, Data value)
+	{
+		call_on_observers(&FusionModelObserver::append_row_begin);
+		data.emplace(key, value);
+		call_on_observers(&FusionModelObserver::append_row_end);
+	}
+};
+
+struct CustomDataModelWidget : public WidgetType<DataModel>::type
+{
+	CustomDataModelWidget(std::shared_ptr<DataModel> model)
+	: WidgetType<DataModel>::type(model)
+	{}
+};
+
+int main()
+{
+	Data d1{"Jan", "Male", 1, 3.333, 0.333, true};
+	Data d2{"Piet", "Male",2, 1.5, 0.5, false};
+	Data d3{"Klaas", "Confused", 3, 0.1337, 0.0337, false};23
+
+	auto model = std::make_shared<DataModel>();
+
+	model->add_data(d1);
+	model->add_data(d2);
+	model->add_data(d3);
+
+	auto mapping = std::make_shared<DataMapping>();
+
+	mapping->add_data("nummer1", d1);
+	mapping->add_data("nummer2", d2);
+	mapping->add_data("nummer3", d3);
+
+	MainWindow w;
+
+	auto widget1 = make_qt_widget<CustomDataModelWidget>(model);
+	auto widget2 = make_qt_widget<Gui::Table>(model);
+	auto widget3 = make_qt_widget<Gui::Table>(mapping);
+	auto widget4 = make_qt_widget<Gui::Form>(model);
+
+	w.add_widget(widget1.get());
+	w.add_widget(widget2.get());
+	w.add_widget(widget3.get());
+	w.add_widget(widget4.get());
+
+	int ret = w.show_and_run();
+
+	std::cout << "model: " << std::endl << model->data << std::endl;
+	std::cout << "mapping: " << std::endl << mapping->data << std::endl;
+
+	return ret;
+}
+
+```
+
+when executed this will generate the following gui, which if you update will be reflected in the datastructures used.
+
+![generic gui](/assets/generic_gui_full.png)
+
+Its not very pretty, but it's a nice testcase for the generic gui system and its a nice small sample to show you what it can do.
+
+You can find the project on my github page: [generic_gui](https://github.com/Roflincopter/generic_gui)
diff --git a/Projects/index.html b/Projects/index.html
index edcdfc7..8461e82 100644
--- a/Projects/index.html
+++ b/Projects/index.html
@@ -3,9 +3,9 @@ layout: default
 ---
 
 {% for project in site.data['projects'] %}
-    <div class="col-sm-4 col-xs-6">
+    <div class="col-xl-2 col-md-3 col-sm-4 col-xs-6">
         <div align="center">
-            <h6 class="h6">{{project.name}}</h1>
+            <h6 class="h6 ellipsis">{{project.name}}</h6>
         </div>
         <a href="/Projects/{{project.name}}.html">
             <img src="{{project.thumbnail}}" width=100% height=100% />
diff --git a/_data/projects.yml b/_data/projects.yml
index 3b45868..57a0df4 100644
--- a/_data/projects.yml
+++ b/_data/projects.yml
@@ -7,3 +7,6 @@
 - name: HS Soundboard
   file: hssb.markdown
   thumbnail: /assets/hssb.png
+- name: Generic Qt gui
+  file: generic_gui.markdown
+  thumbnail: /assets/generic_gui.png
diff --git a/assets/generic_gui.png b/assets/generic_gui.png
new file mode 100644
index 0000000..45c5797
Binary files /dev/null and b/assets/generic_gui.png differ
diff --git a/assets/generic_gui_full.png b/assets/generic_gui_full.png
new file mode 100644
index 0000000..2e2eac8
Binary files /dev/null and b/assets/generic_gui_full.png differ
diff --git a/public/css/main.css b/public/css/main.css
index 03ada2c..7985af8 100755
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -45,6 +45,15 @@ a:visited {
 	color: #a0a;
 }
 
+.ellipsis {
+  text-overflow: ellipsis;
+
+  /* Required for text-overflow to do anything */
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+
 /*****************************************************************************/
 /*
 /* Home
-- 
cgit v1.2.3-70-g09d2