Changed layout in detail page and form

openstad · Sep 13, 2023 · eeb6b9a · eeb6b9a
1 parent 8ce375b
commit eeb6b9a
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 12 deletions.
diff --git a/packages/cms/lib/modules/resource-form-widgets/public/css/main.less b/packages/cms/lib/modules/resource-form-widgets/public/css/main.less
@@ -139,14 +139,17 @@
   background-color: #f1f0ef;
   margin-bottom: 4px;
 
+  p {
+    margin: 0;
+  }
+
   a {
     text-align: center;
     flex-grow: 1;
     display: flex;
     justify-content: space-between;
-    p {
-      margin: 0;
-    }
+    text-decoration:none;
+
     .elipsize {
       text-overflow: ellipsis;
     }

diff --git a/packages/cms/lib/modules/resource-form-widgets/views/includes/fields/budget.html b/packages/cms/lib/modules/resource-form-widgets/views/includes/fields/budget.html
@@ -46,8 +46,8 @@ <h2>
       {% for budget in activeResource.extraData.budgetDocuments %}
         <div class="filepond-uploaded-item">
           <a href="{{budget.url}}" target="_blank">
-            <p>{{budget.username}}</p>
             <p class="elipsize">{{budget.name}}</p>
+            <p>{{budget.username}}</p>
             <p>{{budget.date  | date('YYYY-MM-DD') }} </p>
           </a>
 

diff --git a/packages/cms/lib/modules/resource-representation-widgets/views/display/idea-page.html b/packages/cms/lib/modules/resource-representation-widgets/views/display/idea-page.html
@@ -264,16 +264,41 @@ <h1>{{idea.title}}</h1>
 			<h3>Budget</h3>
 			<p>€{{(idea.budget or '') | sanitize | safe | nlbr }}</p>
 
+
 			{% if idea.extraData.budgetDocuments %}
-				{% for budget in idea.extraData.budgetDocuments %}
-				<div class="filepond-uploaded-item">
-					<a href="{{budget.url}}" target="_blank">
-					  <p>{{budget.username}}</p>
-					  <p class="elipsize">{{budget.name}}</p>
-					  <p>{{budget.date  | date('YYYY-MM-DD') }} </p>
-					</a>
+				<div class="form-group">
+					<div class="row">
+						<div class="col-sm-6">
+							<p>Begroting</p>
+						</div>
+						<div class="col-sm-3">
+							<p>Naam</p>
+						</div>
+						<div class="col-sm-2">
+							<p>Datum</p>
+						</div>
+						<div class="col-sm-1">
+						</div>
+					</div>
+					{% for budget in idea.extraData.budgetDocuments %}
+						<div  class="row filepond-uploaded-item">
+							<div class="col-sm-6">
+								<p class="elipsize">{{budget.name}}</p>
+							</div>
+							<div class="col-sm-3">
+								<p>{{budget.username}}</p>
+							</div>
+							<div class="col-sm-2">
+								<p>{{budget.date  | date('YYYY-MM-DD') }} </p>
+							</div>
+							<div class="col-sm-1">
+								<a href="{{budget.url}}" target="_blank">
+									<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWRvd25sb2FkLWNsb3VkIj48cGF0aCBkPSJNNCAxNC44OTlBNyA3IDAgMSAxIDE1LjcxIDhoMS43OWE0LjUgNC41IDAgMCAxIDIuNSA4LjI0MiIvPjxwYXRoIGQ9Ik0xMiAxMnY5Ii8+PHBhdGggZD0ibTggMTcgNCA0IDQtNCIvPjwvc3ZnPg=="/>
+								</a>
+							</div>
+						</div>
+					{% endfor %}			
 				</div>
-				{% endfor %}			
 			{% endif %}			
 		{% endif %}