Changes for page ExternalApps
Last modified by bougault on 2019/09/12 12:46
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -9,7 +9,32 @@ 9 9 <style> 10 10 .application { 11 11 border: 1px solid var(--color-support-light); 12 + padding: 1rem; 12 12 } 14 + 15 +.application img { 16 + display: block; 17 + margin: 0 auto 1.5rem auto; 18 +} 19 + 20 +.application .title { 21 + text-align: center; 22 + height: 3em; 23 + margin-top: 2rem; 24 +} 25 + 26 +.application .tags { 27 + display: flex; 28 + justify-content: space-around; 29 +} 30 + 31 +.application .tags span { 32 + font-size: .8rem; 33 + background: var(--color-support-dark); 34 + color: var(--color-white); 35 + padding: .3rem .5rem; 36 + border-radius: var(--border-radius-default); 37 +} 13 13 </style> 14 14 15 15 ... ... @@ -18,6 +18,7 @@ 18 18 #set($app = $xwiki.getDocument($application)) 19 19 #set($URL = $app.display('url')) 20 20 #set($title = $app.display('title')) 46 + #set($category = $app.display('category')) 21 21 <div class="col-md-3"> 22 22 <div class="application"> 23 23 #if($app.getAttachment('logo.png').isImage()) ... ... @@ -25,11 +25,18 @@ 25 25 #else 26 26 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mN89x8AAuEB74Y0o2cAAAAASUVORK5CYII=" width="75" height="75" alt=""> 27 27 #end 28 - <h3>$title</h3> 54 + <div class="tags"><span>$category</span></div> 55 + <h3 class="title">$title</h3> 29 29 <a href="$URL">$URL</a> 30 30 <p>$!app.getValue('description')</p> 31 - <input id="$child.concat('-visibility')" type="checkbox" #if($app.getValue('private') == 1)checked#end disabled /><label for="$child.concat('-visibility')">Private</label> 58 + ##<input id="$application.concat('-visibility')" type="checkbox" #if($app.getValue('private') == 1)checked#end disabled /><label for="$application.concat('-visibility')">Private</label> 59 + 60 + <div> 61 + ##$app.getValue('maintainers') 62 + ##$app.display('maintainers') 32 32 </div> 64 + 65 + </div> 33 33 </div> 34 34 #end 35 35 </div>