Skip to content
Snippets Groups Projects
Commit dfc3c810 authored by Benjamin Kott's avatar Benjamin Kott Committed by Oliver Hader
Browse files

[BUGFIX] Only render widget footer if defined and correct styling issues 

Widget footer is now only rendered if the optional footer section for
widgets is used and contains content. In addition, minor styling issues
were resolved. Templates were cleaned up again. Some extra conditions
were added to prevent empty tags.

Resolves: #90530
Releases: master
Change-Id: Idb4a6858395622a62448041fec3d510bec6fb271
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/63410


Tested-by: default avatarDaniel Goerz <daniel.goerz@posteo.de>
Tested-by: default avatarTYPO3com <noreply@typo3.com>
Tested-by: default avatarOliver Bartsch <bo@cedev.de>
Tested-by: default avatarOliver Hader <oliver.hader@typo3.org>
Reviewed-by: default avatarDaniel Goerz <daniel.goerz@posteo.de>
Reviewed-by: default avatarOliver Bartsch <bo@cedev.de>
Reviewed-by: default avatarOliver Hader <oliver.hader@typo3.org>
parent dad2e015
Branches
Tags
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 65 additions and 45 deletions
Build/Sources/Sass/dashboard/_widget.scss
+ 0
− 1
View file @ dfc3c810
...@@ -39,7 +39,6 @@ ...@@ -39,7 +39,6 @@
} }
.widget-content-main { .widget-content-main {
display: flex;
flex-grow: 1; flex-grow: 1;
overflow-y: auto; overflow-y: auto;
padding: $widget-padding; padding: $widget-padding;
......
Build/Sources/Sass/dashboard/_widget_number.scss
+ 6
− 1
View file @ dfc3c810
.widget-number {
height: 100%;
display: flex;
align-items: center;
}
.widget-number-icon { .widget-number-icon {
display: flex; display: flex;
justify-content: center;
align-items: center; align-items: center;
width: 42px; width: 42px;
margin-right: 20px; margin-right: 20px;
......
typo3/sysext/dashboard/Resources/Private/Layouts/Widget/Widget.html
+ 6
− 3
View file @ dfc3c810
...@@ -3,7 +3,10 @@ ...@@ -3,7 +3,10 @@
<div class="widget-content-main"> <div class="widget-content-main">
<f:render section="main" optional="true" /> <f:render section="main" optional="true" />
</div> </div>
<div class="widget-content-footer"> <f:variable name="footer" value="{f:render(section:'footer', optional: 'true')}" />
<f:render section="footer" optional="true" /> <f:if condition="{footer -> f:spaceless()}">
</div> <div class="widget-content-footer">
{footer -> f:format.raw()}
</div>
</f:if>
</html> </html>
typo3/sysext/dashboard/Resources/Private/Templates/Widget/ChartWidget.html
+ 4
− 2
View file @ dfc3c810
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true"> <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<f:layout name="Widget/Widget" /> <f:layout name="Widget/Widget" />
<f:section name="main"> <f:section name="main">
<div class="widget-chart"> <div class="widget-chart">
<canvas></canvas> <canvas></canvas>
</div> </div>
</f:section>
</f:section>
<f:section name="footer"> <f:section name="footer">
<f:if condition="{button}"> <f:if condition="{button}">
<a href="{button.link}" target="{button.target}" class="widget-cta">{button.text}</a> <a href="{button.link}" target="{button.target}" class="widget-cta">{button.text}</a>
</f:if> </f:if>
</f:section> </f:section>
</html> </html>
typo3/sysext/dashboard/Resources/Private/Templates/Widget/CtaWidget.html
+ 14
− 10
View file @ dfc3c810
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" data-namespace-typo3-fluid="true"> <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" data-namespace-typo3-fluid="true">
<f:layout name="Widget/Widget"/> <f:layout name="Widget/Widget"/>
<f:section name="main"> <f:section name="main">
<f:if condition="{text}"> <f:if condition="{text}">
{text} {text}
</f:if> </f:if>
</f:section> </f:section>
<f:section name="footer"> <f:section name="footer">
<f:link.external uri="{link}" target="_blank" class="widget-cta"> <f:if condition="{link}">
<f:if condition="{icon}"> <f:link.external uri="{link}" target="_blank" class="widget-cta">
<div class="widget-cta-icon"> <f:if condition="{icon}">
<core:icon identifier="{icon}" size="large" alternativeMarkupIdentifier="inline" /> <div class="widget-cta-icon">
</div> <core:icon identifier="{icon}" size="large" alternativeMarkupIdentifier="inline" />
</f:if> </div>
<f:if condition="{label}"> </f:if>
<f:translate key="{label}" default="{label}"/> <f:if condition="{label}">
</f:if> <f:translate key="{label}" default="{label}"/>
</f:link.external> </f:if>
</f:link.external>
</f:if>
</f:section> </f:section>
</html> </html>
typo3/sysext/dashboard/Resources/Private/Templates/Widget/ListWidget.html
+ 7
− 5
View file @ dfc3c810
...@@ -2,10 +2,12 @@ ...@@ -2,10 +2,12 @@
<f:layout name="Widget/Widget" /> <f:layout name="Widget/Widget" />
<f:section name="main"> <f:section name="main">
<ul> <f:if condition="{items}">
<f:for each="{items}" as="item"> <ul>
<li><f:link.typolink parameter="{item.link}">{item.title}</f:link.typolink></li> <f:for each="{items}" as="item">
</f:for> <li><f:link.typolink parameter="{item.link}">{item.title}</f:link.typolink></li>
</ul> </f:for>
</ul>
</f:if>
</f:section> </f:section>
typo3/sysext/dashboard/Resources/Private/Templates/Widget/NumberWithIconWidget.html
+ 16
− 13
View file @ dfc3c810
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" data-namespace-typo3-fluid="true"> <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" data-namespace-typo3-fluid="true">
<f:layout name="Widget/Widget" />
<f:section name="main">
<div class="widget-content-main"> <div class="widget-number">
<f:if condition="{icon}"> <f:if condition="{icon}">
<div class="widget-number-icon"> <div class="widget-number-icon">
<core:icon identifier="{icon}" size="large" alternativeMarkupIdentifier="inline" /> <core:icon identifier="{icon}" size="large" alternativeMarkupIdentifier="inline" />
</div> </div>
</f:if>
<div class="widget-number-content">
<div class="widget-number-title">{title}</div>
<f:if condition="{subtitle}">
<div class="widget-number-subtitle"><small>{subtitle}</small></div>
</f:if> </f:if>
<div class="widget-number-number">{number}</div> <div class="widget-number-content">
<div class="widget-number-title">{title}</div>
<f:if condition="{subtitle}">
<div class="widget-number-subtitle"><small>{subtitle}</small></div>
</f:if>
<div class="widget-number-number">{number}</div>
</div>
</div> </div>
</div>
</html> </f:section>
typo3/sysext/dashboard/Resources/Private/Templates/Widget/RssWidget.html
+ 1
− 1
View file @ dfc3c810
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
</f:section> </f:section>
<f:section name="footer"> <f:section name="footer">
<f:if condition="moreItemsLink"> <f:if condition="{moreItemsLink}">
<f:link.typolink parameter="{moreItemsLink}" target="_blank" class="widget-cta"> <f:link.typolink parameter="{moreItemsLink}" target="_blank" class="widget-cta">
<f:translate key="{moreItemsText}" default="{moreItemsText}"/> <f:translate key="{moreItemsText}" default="{moreItemsText}"/>
</f:link.typolink> </f:link.typolink>
......
typo3/sysext/dashboard/Resources/Private/Templates/Widget/T3GeneralInformation.html
+ 10
− 8
View file @ dfc3c810
...@@ -4,14 +4,16 @@ ...@@ -4,14 +4,16 @@
<div class="row"> <div class="row">
<div class="col-sm-8"> <div class="col-sm-8">
<p> <f:if condition="{currentVersion} && {copyrightYear}">
{f:translate(key: 'LLL:EXT:about/Resources/Private/Language/Modules/about.xlf:cms_description', <p>
arguments: '{ {f:translate(key: 'LLL:EXT:about/Resources/Private/Language/Modules/about.xlf:cms_description',
0: currentVersion, arguments: '{
1: "&copy; {copyrightYear}", 0: currentVersion,
2: "Kasper Sk&aring;rh&oslash;j" 1: "&copy; {copyrightYear}",
}') -> f:format.raw()} 2: "Kasper Sk&aring;rh&oslash;j"
</p> }') -> f:format.raw()}
</p>
</f:if>
</div> </div>
<div class="col-sm-4"> <div class="col-sm-4">
<img src="{f:uri.resource(path: 'Images/typo3_orange.svg', extensionName: 'backend')}" <img src="{f:uri.resource(path: 'Images/typo3_orange.svg', extensionName: 'backend')}"
......
typo3/sysext/dashboard/Resources/Public/Css/dashboard.css
+ 1
− 1
View file @ dfc3c810
...@@ -10,4 +10,4 @@ ...@@ -10,4 +10,4 @@
* *
* The TYPO3 project - inspiring people to share! * The TYPO3 project - inspiring people to share!
*/ */
.module.module{background-color:#eaeaea}.module.module h1{line-height:calc(48 / 32);margin-bottom:20px;font-weight:900;font-size:32px}.dashboard-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:-24px -24px 24px;padding:24px 24px 0;background:#dadada;border-bottom:1px solid #cdcdcd}.dashboard-tabs{display:flex;flex-wrap:wrap;align-items:center}.dashboard-tab{border-radius:5px 5px 0 0;display:inline-block;padding:12px;margin-right:2px;background:#bababa;color:#000}.dashboard-tab:focus,.dashboard-tab:hover{text-decoration:none;background:#adadad;color:#000}.dashboard-tab--active{background:#ff8700;color:#fff}.dashboard-tab--active:focus,.dashboard-tab--active:hover{text-decoration:none;background:#e67a00;color:#f2f2f2}.dashboard-button-tab-add{margin:5px}.dashboard-configuration{padding:10px 0}.dashboard-configuration-button{margin-left:10px;color:#737373;text-decoration:none}.dashboard-configuration-button:focus,.dashboard-configuration-button:hover{color:#ff8700;text-decoration:none}.dashboard-configuration-button:active{color:#000;text-decoration:none}.dashboard-empty{position:relative}.dashboard-empty-content{background-color:rgba(0,0,0,.05);border:2px dashed rgba(0,0,0,.15);padding:2.5em;text-align:center}.dashboard-empty-content h3{font-size:1.5em;margin-bottom:.5em}.dashboard-empty-content p{font-size:1.25em;margin-bottom:1em}.dashboard-empty-content>:first-child{margin-top:0}.dashboard-empty-content>:last-child{margin-bottom:0}.dashboard-grid{position:relative;margin-right:-10px;margin-left:-10px}.dashboard-item{position:absolute;z-index:1;padding:10px;width:100%;height:auto}@media screen and (min-width:750px){.dashboard-item{width:50%;height:200px}}@media screen and (min-width:1285px){.dashboard-item{width:25%}}.dashboard-item.muuri-item-positioning{z-index:2}.dashboard-item.muuri-item-positioning .widget-remove{display:none}.dashboard-item.muuri-item-placeholder{z-index:2;margin:0;opacity:.5}.dashboard-item.muuri-item-placeholder .widget{border:1px dashed #737373}.dashboard-item.muuri-item-placeholder .widget-remove{display:none}.dashboard-item.muuri-item-dragging,.dashboard-item.muuri-item-releasing{z-index:9999}.dashboard-item.muuri-item-releasing .widget-remove{display:none}.dashboard-item.muuri-item-dragging{cursor:move}.dashboard-item.muuri-item-hidden{z-index:0}.dashboard-item.widget-waiting{line-height:200px}.dashboard-item--enableSelect{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}@media screen and (min-width:750px){.dashboard-item--h4{height:400px}}@media screen and (min-width:750px){.dashboard-item--h6{height:600px}}.dashboard-item--w4{width:100%}@media screen and (min-width:1285px){.dashboard-item--w4{width:50%}}.dashboard-item-content{position:relative;width:100%;height:100%}.dashboard-button{display:inline-flex;align-items:center;border-radius:3px;background:#313131;color:#fff;padding:8px;text-decoration:none}.dashboard-button:focus,.dashboard-button:hover{text-decoration:none;background:#ff8700;color:#fff}.dashboard-button .dashboard-button-icon .icon{display:block}.dashboard-button .dashboard-button-icon+.dashboard-button-text{margin-left:.25em;margin-right:.25em}.dashboard-button-add{position:fixed;padding:16px;right:24px;bottom:24px;z-index:2}.widget{height:100%;border-radius:2px;overflow:hidden;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.15);color:#000}.widget:hover .widget-actions{opacity:1}.widget-content{display:flex;flex-direction:column;height:100%}.widget-content-title{padding:10px 20px;padding-right:76px;border-bottom:1px solid #d7d7d7;font-family:"Source Sans Pro",sans-serif;font-size:16px;font-weight:700;line-height:1.25}.widget-content-title span{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.widget-content-main{display:flex;flex-grow:1;overflow-y:auto;padding:20px}.widget-content-footer{padding:20px;padding-top:0}.widget-actions{position:absolute;display:flex;top:calc(((16px * 1.25)/ 2) + (20px / 2));right:10px;transform:translate(0,-50%);opacity:0;transition:opacity .2s ease-in-out}.widget-action{width:28px;height:28px;position:relative;color:#737373;text-align:center}.widget-action:focus,.widget-action:hover{color:#ff8700}.widget-action .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.widget-action-move{cursor:-webkit-grab;cursor:grab}.widget-waiting{position:absolute;top:50%;left:50%;line-height:300px;margin-right:-50%;transform:translate(-50%,-50%)}.widget-error{padding:20px;position:absolute;top:50%;text-align:center;transform:translateY(-50%);color:#c83c3c}.widget-chart{width:100%;height:100%}.widget-edit{width:45px;text-align:center}.widget-editIcon{color:#000}.widget-editIcon:focus,.widget-editIcon:hover{color:#ff8700}.widget-table{width:100%;color:#000}.widget-table thead tr{background-color:transparent}.widget-table tr:nth-child(odd){background-color:transparent}.widget-table tr:nth-child(even){background-color:#f2f2f2}.widget-table tbody td,.widget-table tbody th{border-top:1px solid #e0e0e0}.widget-table tbody:first-child tr:first-child td,.widget-table tbody:first-child tr:first-child th{border-top:none}.widget-table td,.widget-table th{padding:10px}.widget-table td>:first-child,.widget-table th>:first-child{margin-top:0}.widget-table td>:last-child,.widget-table th>:last-child{margin-bottom:0}.widget-table th{font-weight:700}.widget-content-main .widget-table-wrapper{margin-top:-10px;margin-left:-20px;margin-right:-20px}.widget-content-main .widget-table-wrapper td:first-child,.widget-content-main .widget-table-wrapper th:first-child{padding-left:20px}.widget-content-main .widget-table-wrapper td:last-child,.widget-content-main .widget-table-wrapper th:last-child{padding-right:20px}.widget-cta{display:flex;justify-content:center;align-items:center;background-color:#313131;color:#fff;border-radius:3px;padding:8px}.widget-cta:focus,.widget-cta:hover{text-decoration:none;background:#ff8700;color:#fff}.widget-cta-icon{display:flex;justify-content:center;align-items:center;width:18px;height:18px;margin-right:12px;color:#fff}.widget-doughnut--value{line-height:1.3;font-weight:900;font-size:36px;text-align:center}.widget-doughnut--meta{margin-top:10px;font-style:italic;color:#737373;text-align:center}.widget-number-icon{display:flex;justify-content:center;align-items:center;width:42px;margin-right:20px;color:#000}.widget-number-content{display:flex;flex-direction:column;justify-content:center}.widget-number-title{line-height:1.3;margin-bottom:5px;font-size:16px;color:#000}.widget-number-number{line-height:1.3;font-weight:900;font-size:24px} .module.module{background-color:#eaeaea}.module.module h1{line-height:calc(48 / 32);margin-bottom:20px;font-weight:900;font-size:32px}.dashboard-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:-24px -24px 24px;padding:24px 24px 0;background:#dadada;border-bottom:1px solid #cdcdcd}.dashboard-tabs{display:flex;flex-wrap:wrap;align-items:center}.dashboard-tab{border-radius:5px 5px 0 0;display:inline-block;padding:12px;margin-right:2px;background:#bababa;color:#000}.dashboard-tab:focus,.dashboard-tab:hover{text-decoration:none;background:#adadad;color:#000}.dashboard-tab--active{background:#ff8700;color:#fff}.dashboard-tab--active:focus,.dashboard-tab--active:hover{text-decoration:none;background:#e67a00;color:#f2f2f2}.dashboard-button-tab-add{margin:5px}.dashboard-configuration{padding:10px 0}.dashboard-configuration-button{margin-left:10px;color:#737373;text-decoration:none}.dashboard-configuration-button:focus,.dashboard-configuration-button:hover{color:#ff8700;text-decoration:none}.dashboard-configuration-button:active{color:#000;text-decoration:none}.dashboard-empty{position:relative}.dashboard-empty-content{background-color:rgba(0,0,0,.05);border:2px dashed rgba(0,0,0,.15);padding:2.5em;text-align:center}.dashboard-empty-content h3{font-size:1.5em;margin-bottom:.5em}.dashboard-empty-content p{font-size:1.25em;margin-bottom:1em}.dashboard-empty-content>:first-child{margin-top:0}.dashboard-empty-content>:last-child{margin-bottom:0}.dashboard-grid{position:relative;margin-right:-10px;margin-left:-10px}.dashboard-item{position:absolute;z-index:1;padding:10px;width:100%;height:auto}@media screen and (min-width:750px){.dashboard-item{width:50%;height:200px}}@media screen and (min-width:1285px){.dashboard-item{width:25%}}.dashboard-item.muuri-item-positioning{z-index:2}.dashboard-item.muuri-item-positioning .widget-remove{display:none}.dashboard-item.muuri-item-placeholder{z-index:2;margin:0;opacity:.5}.dashboard-item.muuri-item-placeholder .widget{border:1px dashed #737373}.dashboard-item.muuri-item-placeholder .widget-remove{display:none}.dashboard-item.muuri-item-dragging,.dashboard-item.muuri-item-releasing{z-index:9999}.dashboard-item.muuri-item-releasing .widget-remove{display:none}.dashboard-item.muuri-item-dragging{cursor:move}.dashboard-item.muuri-item-hidden{z-index:0}.dashboard-item.widget-waiting{line-height:200px}.dashboard-item--enableSelect{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}@media screen and (min-width:750px){.dashboard-item--h4{height:400px}}@media screen and (min-width:750px){.dashboard-item--h6{height:600px}}.dashboard-item--w4{width:100%}@media screen and (min-width:1285px){.dashboard-item--w4{width:50%}}.dashboard-item-content{position:relative;width:100%;height:100%}.dashboard-button{display:inline-flex;align-items:center;border-radius:3px;background:#313131;color:#fff;padding:8px;text-decoration:none}.dashboard-button:focus,.dashboard-button:hover{text-decoration:none;background:#ff8700;color:#fff}.dashboard-button .dashboard-button-icon .icon{display:block}.dashboard-button .dashboard-button-icon+.dashboard-button-text{margin-left:.25em;margin-right:.25em}.dashboard-button-add{position:fixed;padding:16px;right:24px;bottom:24px;z-index:2}.widget{height:100%;border-radius:2px;overflow:hidden;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.15);color:#000}.widget:hover .widget-actions{opacity:1}.widget-content{display:flex;flex-direction:column;height:100%}.widget-content-title{padding:10px 20px;padding-right:76px;border-bottom:1px solid #d7d7d7;font-family:"Source Sans Pro",sans-serif;font-size:16px;font-weight:700;line-height:1.25}.widget-content-title span{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.widget-content-main{flex-grow:1;overflow-y:auto;padding:20px}.widget-content-footer{padding:20px;padding-top:0}.widget-actions{position:absolute;display:flex;top:calc(((16px * 1.25)/ 2) + (20px / 2));right:10px;transform:translate(0,-50%);opacity:0;transition:opacity .2s ease-in-out}.widget-action{width:28px;height:28px;position:relative;color:#737373;text-align:center}.widget-action:focus,.widget-action:hover{color:#ff8700}.widget-action .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.widget-action-move{cursor:-webkit-grab;cursor:grab}.widget-waiting{position:absolute;top:50%;left:50%;line-height:300px;margin-right:-50%;transform:translate(-50%,-50%)}.widget-error{padding:20px;position:absolute;top:50%;text-align:center;transform:translateY(-50%);color:#c83c3c}.widget-chart{width:100%;height:100%}.widget-edit{width:45px;text-align:center}.widget-editIcon{color:#000}.widget-editIcon:focus,.widget-editIcon:hover{color:#ff8700}.widget-table{width:100%;color:#000}.widget-table thead tr{background-color:transparent}.widget-table tr:nth-child(odd){background-color:transparent}.widget-table tr:nth-child(even){background-color:#f2f2f2}.widget-table tbody td,.widget-table tbody th{border-top:1px solid #e0e0e0}.widget-table tbody:first-child tr:first-child td,.widget-table tbody:first-child tr:first-child th{border-top:none}.widget-table td,.widget-table th{padding:10px}.widget-table td>:first-child,.widget-table th>:first-child{margin-top:0}.widget-table td>:last-child,.widget-table th>:last-child{margin-bottom:0}.widget-table th{font-weight:700}.widget-content-main .widget-table-wrapper{margin-top:-10px;margin-left:-20px;margin-right:-20px}.widget-content-main .widget-table-wrapper td:first-child,.widget-content-main .widget-table-wrapper th:first-child{padding-left:20px}.widget-content-main .widget-table-wrapper td:last-child,.widget-content-main .widget-table-wrapper th:last-child{padding-right:20px}.widget-cta{display:flex;justify-content:center;align-items:center;background-color:#313131;color:#fff;border-radius:3px;padding:8px}.widget-cta:focus,.widget-cta:hover{text-decoration:none;background:#ff8700;color:#fff}.widget-cta-icon{display:flex;justify-content:center;align-items:center;width:18px;height:18px;margin-right:12px;color:#fff}.widget-doughnut--value{line-height:1.3;font-weight:900;font-size:36px;text-align:center}.widget-doughnut--meta{margin-top:10px;font-style:italic;color:#737373;text-align:center}.widget-number{height:100%;display:flex;align-items:center}.widget-number-icon{display:flex;align-items:center;width:42px;margin-right:20px;color:#000}.widget-number-content{display:flex;flex-direction:column;justify-content:center}.widget-number-title{line-height:1.3;margin-bottom:5px;font-size:16px;color:#000}.widget-number-number{line-height:1.3;font-weight:900;font-size:24px}
\ No newline at end of file \ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment