Detail view options (#11)

* add detail view option

Author: HelloSebastian

assets/app.js

@@ -82,7 +82,14 @@ $(function () {
                     paginationSwitchUp: 'fa-caret-square-o-up',
                     columns: 'fa-columns',
                     refresh: 'fa-sync',
-                    export: 'fa-download'
+                    export: 'fa-download',
+                    detailOpen: 'fa-plus',
+                    detailClose: 'fa-minus',
+                    toggleOff: 'fa-toggle-off',
+                    toggleOn: 'fa-toggle-on',
+                    fullscreen: 'fa-arrows-alt',
+                    search: 'fa-search',
+                    clearSearch: 'fa-trash'
                 }
             });
 

src/DependencyInjection/Configuration.php

@@ -97,6 +97,11 @@ private function addTableDatasetOptions()
                 ->booleanNode('show-jump-to')->end()
                 ->booleanNode('show-export')->end()
                 ->scalarNode('export-types')->end()
+                ->booleanNode('detail-view')->end()
+                ->scalarNode('detail-formatter')->end()
+                ->scalarNode('detail-view-align')->end()
+                ->booleanNode('detail-view-icon')->end()
+                ->booleanNode('detail-view-by-click')->end()
                 ->booleanNode('sticky-header')->end()
                 ->integerNode('sticky-header-offset-left')->end()
                 ->integerNode('sticky-header-offset-right')->end()

src/HelloBootstrapTable.php

@@ -142,6 +142,7 @@ public function createView()
         //set up table dataset resolver
         $tableDatasetResolver = new OptionsResolver();
         $this->configureTableDataset($tableDatasetResolver);
+        $this->tableDataset = $tableDatasetResolver->resolve($this->tableDataset);
 
         //set up table option resolver
         $tableOptionResolver = new OptionsResolver();
@@ -161,7 +162,7 @@ public function createView()
         return array(
             'columns' => $columns,
             'tableName' => $this->getTableName(),
-            'tableDataset' => $tableDatasetResolver->resolve($this->tableDataset),
+            'tableDataset' => $this->tableDataset,
             'tableOptions' => $this->tableOptions,
             'callbackUrl' => $this->tableResponse->getCallbackUrl()
         );
@@ -233,6 +234,11 @@ protected function configureTableDataset(OptionsResolver $resolver)
             "show-footer" => true,
             "show-refresh" => true,
             "filter-control" => false,
+            "detail-view" => false,
+            "detail-formatter" => "",
+            "detail-view-align" => "left",
+            "detail-view-icon" => true,
+            "detail-view-by-click" => false,
             "toolbar" => "#toolbar",
             "page-list" => "[10, 25, 50, 100, 200, 500, All]",
             "page-size" => 25,
@@ -267,6 +273,11 @@ protected function configureTableDataset(OptionsResolver $resolver)
         $resolver->setAllowedTypes("search", ["bool"]);
         $resolver->setAllowedTypes("show-columns", ["bool"]);
         $resolver->setAllowedTypes("show-footer", ["bool"]);
+        $resolver->setAllowedTypes("detail-view", ["bool"]);
+        $resolver->setAllowedTypes("detail-formatter", ["string"]);
+        $resolver->setAllowedTypes("detail-view-align", ["string"]);
+        $resolver->setAllowedTypes("detail-view-icon", ["bool"]);
+        $resolver->setAllowedTypes("detail-view-by-click", ["bool"]);
         $resolver->setAllowedTypes("show-refresh", ["bool"]);
         $resolver->setAllowedTypes("filter-control", ["bool"]);
         $resolver->setAllowedTypes("toolbar", ["string", "null"]);

src/Resources/public/bootstrap-table.js

@@ -10,7 +10,14 @@
         data-columns="{{ table.columns|json_encode }}"
         data-url="{{ table.callbackUrl }}"
         data-bulk-identifier="{{ table.tableOptions.bulkIdentifier }}"
+
         {% for key, value in table.tableDataset %}
-            data-{{ key }}="{{ value is iterable ? value|json_encode : value|raw }}"
+            {% if value is iterable %}
+                data-{{ key }}="{{ value|json_encode }}"
+            {% elseif value is same as(true) or value is same as(false) %}
+                data-{{ key }}="{{ value|json_encode }}"
+            {% else %}
+                data-{{ key }}="{{ value }}"
+            {% endif %}
         {% endfor %}
 ></table>