smmdbapi part 5

* displaying course information * treetableview is now material too
2017-06-18 13:01:04 +02:00
parent 1b828d6e4b
commit 20835d4611
15 changed files with 299 additions and 30 deletions
--- a/bin/.gitignore
+++ b/bin/.gitignore
@ -1,2 +1,3 @@
 /application/
 /datatypes/
+/resources/
--- a/bin/application/MainWindow.fxml
+++ b/bin/application/MainWindow.fxml
@ -87,7 +87,7 @@
      </AnchorPane>
      <AnchorPane fx:id="smmdbAnchorPane" style="-fx-background-color: white;" visible="false" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="175.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="38.0">
         <children>
-            <JFXTreeTableView fx:id="courseTreeTable" layoutX="14.0" layoutY="14.0" prefHeight="537.0" prefWidth="400.0" AnchorPane.bottomAnchor="14.0" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="14.0" />
+            <JFXTreeTableView fx:id="courseTreeTable" layoutX="14.0" layoutY="14.0" prefHeight="537.0" prefWidth="405.0" AnchorPane.bottomAnchor="14.0" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="14.0" />
            <ImageView fx:id="smmdbImageView" fitHeight="150.0" fitWidth="267.0" layoutX="436.0" layoutY="14.0" pickOnBounds="true" preserveRatio="true" AnchorPane.leftAnchor="436.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="14.0" />
            <ScrollPane fx:id="smmdbScrollPane" layoutX="436.0" layoutY="181.0" prefHeight="314.0" prefWidth="267.0" AnchorPane.bottomAnchor="67.0" AnchorPane.leftAnchor="436.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="181.0">
               <content>
--- a/bin/application/MainWindowController$1.class
+++ b/bin/application/MainWindowController$1.class
--- a/bin/application/MainWindowController$2.class
+++ b/bin/application/MainWindowController$2.class
--- a/bin/application/MainWindowController$3.class
+++ b/bin/application/MainWindowController$3.class
--- a/bin/application/MainWindowController$4.class
+++ b/bin/application/MainWindowController$4.class
--- a/bin/application/MainWindowController$5.class
+++ b/bin/application/MainWindowController$5.class
--- a/bin/application/MainWindowController$6.class
+++ b/bin/application/MainWindowController$6.class
--- a/bin/application/MainWindowController$7.class
+++ b/bin/application/MainWindowController$7.class
--- a/bin/application/MainWindowController.class
+++ b/bin/application/MainWindowController.class
--- a/bin/application/MainWindows.css
+++ b/bin/application/MainWindows.css
@ -1,4 +1,86 @@
-.jfx-hamburgerW StackPane { -fx-background-color: white; 
-							-fx-background-radius: 5px; }
-.jfx-hamburgerB StackPane { -fx-background-color: black; 
-							-fx-background-radius: 5px; }
+/*
+ * HAMBURGER CSS
+ */
+ 
+.jfx-hamburgerW StackPane {
+	-fx-background-color: white; 
+	-fx-background-radius: 5px;
+}
+
+.jfx-hamburgerB StackPane {
+	-fx-background-color: black;
+	-fx-background-radius: 5px;
+}
+							
+/*
+ * TREE TABLE CSS
+ */
+
+.tree-table-view {
+    -fx-tree-table-color: rgba(0, 168, 204, 0.2);
+    -fx-tree-table-rippler-color: rgba(0, 168, 204, 0.4);
+}
+
+.tree-table-view:focused .tree-table-row-cell:selected {
+    -fx-background-color: -fx-tree-table-color;
+    -fx-table-cell-border-color: -fx-tree-table-color;
+    -fx-text-fill: BLACK;
+}
+
+.tree-table-view:focused .tree-table-row-cell:selected .tree-table-cell {
+    -fx-text-fill: BLACK;
+}
+
+.tree-table-view .jfx-rippler {
+    -jfx-rippler-fill: -fx-tree-table-rippler-color;
+}
+
+.tree-table-view .column-header,
+.tree-table-view .column-header-background,
+.tree-table-view .column-header-background .filler {
+    -fx-background-color: TRANSPARENT;
+}
+
+.tree-table-view .column-header {
+    -fx-border-width: 0 1 0 1;
+    -fx-border-color: #F3F3F3;
+}
+
+.tree-table-view .column-header .label {
+    -fx-text-fill: #949494;
+    -fx-padding: 16 0 16 0;
+}
+
+.tree-table-view .column-header .arrow, .tree-table-view .column-header .sort-order-dot {
+    -fx-background-color: #949494;
+}
+
+.tree-table-view .column-header:last-visible {
+    -fx-border-width: 0 2 0 1;
+}
+
+.tree-table-view .column-header-background {
+    -fx-border-width: 0 0.0 1 0;
+    -fx-border-color: #F3F3F3;
+}
+
+.tree-table-view .tree-table-cell {
+    -fx-border-width: 0 0 0 0;
+    -fx-padding: 16 0 16 0;
+}
+
+.tree-table-view .column-overlay {
+    -fx-background-color: -fx-tree-table-color;
+}
+
+.tree-table-view .column-resize-line, .tree-table-view .column-drag-header {
+    -fx-background-color: -fx-tree-table-rippler-color;
+}
+
+.tree-table-view:focused {
+    -fx-background-color: -fx-tree-table-color, -fx-box-border, -fx-control-inner-background;
+    -fx-background-insets: -1.4, 0, 1;
+    -fx-background-radius: 1.4, 0, 0;
+    /*....*/
+    -fx-padding: 1; /* 0.083333em; */
+}