styles in scss with webpack

src/Bundle/ChillBudgetBundle/Resources/public/page/chillbudget.scss

@@ -41,4 +41,13 @@
 .total {
     margin-top: 1rem;
     border-top: 1px dashed black;
-}
+}
+
+.accordion-item {
+    margin-bottom: 1rem;
+}
+
+button[aria-expanded="true"] > span.folded,
+button[aria-expanded="false"] > span.unfolded { display: none; }
+button[aria-expanded="false"] > span.folded,
+button[aria-expanded="true"] > span.unfolded { display: inline; }

src/Bundle/ChillBudgetBundle/Resources/views/Household/index.html.twig

@@ -6,60 +6,6 @@
 {% set title = 'Budget for household %household%'|trans({ '%household%' : household.id } ) %}
 {% block title title %}
 
-{% block css %}
-    <style>
-    .subtitle {
-        margin-top: 1rem;
-        margin-bottom: 1rem;
-        padding: 1rem;
-    }
-    .family-title {
-        margin-bottom: 1rem !important;
-    }
-    .budget-table th {
-        color: white;
-    }
-    .budget-table th.charge {
-        background-color: #e03851;
-    }
-    .budget-table th.resource {
-        background-color: #6d9e63;
-    }
-    .budget-table th, td {
-        padding: 10px;
-        text-align: left;
-    }
-
-    .budget-table td.column-wide {
-        width: 25%;
-    }
-
-    .budget-table td.column-small {
-        width: 15%;
-    }
-
-    .bold {
-        font-weight: 600;
-    }
-
-    .total {
-        margin-top: 1rem;
-        border-top: 1px dashed black;
-    }
-
-    .accordion-item {
-        margin-bottom: 1rem;
-    }
-
-
-    button[aria-expanded="true"] > span.folded,
-    button[aria-expanded="false"] > span.unfolded { display: none; }
-    button[aria-expanded="false"] > span.folded,
-    button[aria-expanded="true"] > span.unfolded { display: inline; }
-
-    </style>
-{% endblock %}
-
 {% block content %}
 <h1>{{ title }}</h1>
 

src/Bundle/ChillBudgetBundle/Resources/views/Person/index.html.twig

@@ -4,59 +4,6 @@
 {% set title = 'Budget for %name%'|trans({ '%name%' : person.firstName ~ " " ~ person.lastName } ) %}
 {% block title title %}
 
-{% block css %}
-    <style>
-    .subtitle {
-        margin-top: 1rem;
-        margin-bottom: 1rem;
-        padding: 1rem;
-    }
-    .family-title {
-        margin-bottom: 1rem !important;
-    }
-    .budget-table th {
-        color: white;
-    }
-    .budget-table th.charge {
-        background-color: #e03851;
-    }
-    .budget-table th.resource {
-        background-color: #6d9e63;
-    }
-    .budget-table th, td {
-        padding: 10px;
-        text-align: left;
-    }
-
-    .budget-table td.column-wide {
-        width: 25%;
-    }
-
-    .budget-table td.column-small {
-        width: 15%;
-    }
-
-    .bold {
-        font-weight: 600;
-    }
-
-    .total {
-        margin-top: 1rem;
-        border-top: 1px dashed black;
-    }
-
-    .accordion-item {
-        margin-bottom: 1rem;
-    }
-
-    button[aria-expanded="true"] > span.folded,
-    button[aria-expanded="false"] > span.unfolded { display: none; }
-    button[aria-expanded="false"] > span.folded,
-    button[aria-expanded="true"] > span.unfolded { display: inline; }
-
-    </style>
-{% endblock %}
-
 {% block content %}
 <h1>{{ title }}</h1>
 
@@ -66,18 +13,17 @@
     'person': person
 } %}
 
-{# {% if (resources|length + charges|length) == 0 or futureCharges|length > 0 or futureResources|length > 0 or pastCharges|length > 0 or pastResources|length > 0 %} #}
+{% if is_granted('CHILL_BUDGET_ELEMENT_CREATE', person) %}
-    {% if is_granted('CHILL_BUDGET_ELEMENT_CREATE', person) %}
+    <ul class="record_actions sticky-form-buttons">
-        <ul class="record_actions sticky-form-buttons">
+        <li>
-            <li>
+            <a class="btn btn-create" href="{{ path('chill_budget_resource_new', { 'id': person.id} ) }}">{{ 'Create new resource'|trans }}</a>
-                <a class="btn btn-create" href="{{ path('chill_budget_resource_new', { 'id': person.id} ) }}">{{ 'Create new resource'|trans }}</a>
+        </li>
-            </li>
+        <li>
-            <li>
+            <a class="btn btn-create" href="{{ path('chill_budget_charge_new', { 'id': person.id} ) }}">{{ 'Create new charge'|trans }}</a>
-                <a class="btn btn-create" href="{{ path('chill_budget_charge_new', { 'id': person.id} ) }}">{{ 'Create new charge'|trans }}</a>
+        </li>
-            </li>
+    </ul>
-        </ul>
+{% endif %}
-    {% endif %}
+
-{# {% endif %} #}
 
 {% endblock %}
 

src/Bundle/ChillBudgetBundle/chill.webpack.config.js

@@ -1,9 +1,9 @@
-// this file loads all assets from the Chill person bundle
+// this file loads all assets from the Chill budget bundle
 module.exports = function(encore, entries)
 {
-    entries.push(__dirname + '/Resources/public/pages/index.js');
-
     encore.addAliases({
         ChillBudgetAssets: __dirname + '/Resources/public'
     });
+
+    encore.addEntry('page_budget', __dirname + '/Resources/public/page/index.js');
 };