Changes for page ExternalApps

Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -1,22 +2,47 @@
1		-{{include reference='Collaboratory.Apps.Apps.Code.AppsMacros' /}}
2	2	{{velocity}}
3	3	{{html clean="false"}}
4	4	## space: $spaceDoc <br />
5	5	## children: $spaceDoc.getChildren()
6		-#set ($discard = $xwiki.ssx.use('Collaboratory.Apps.Apps.Code.AppsCss'))
	5	+
7	7	#set($query = 'select doc from Document doc, doc.object(ExternalApps.Code.ExternalAppsClass) as app')
8	8	#set($applications = $services.query.xwql($query).addFilter('hidden').execute())
9	9
10		-#applications( $applications false)
	9	+<style>
	10	+.application {
	11	+ border: 1px solid var(--color-support-light);
	12	+ padding: 1rem;
	13	+}
11	11
12		-#*
13		-<div class="applications">
	15	+.application img {
	16	+ display: block;
	17	+ margin: 0 auto;
	18	+}
	19	+
	20	+.application .title {
	21	+ text-align: center;
	22	+ height: 3em;
	23	+ margin-top: 2rem;
	24	+}
	25	+
	26	+.application .category {
	27	+ font-size: .8rem;
	28	+ background: var(--color-support-dark);
	29	+ color: var(--color-white);
	30	+ padding: .3rem .5rem;
	31	+ border-radius: var(--border-radius-default);
	32	+ display: inline-block;
	33	+ margin: 0 auto;
	34	+}
	35	+</style>
	36	+
	37	+
	38	+<div class="row applications">
14	14	#foreach($application in $applications)
15	15	#set($app = $xwiki.getDocument($application))
16		- #set($URL = $app.getValue('url'))
17		- #set($title = $app.getDisplayTitle())
	41	+ #set($URL = $app.display('url'))
	42	+ #set($title = $app.display('title'))
18	18	#set($category = $app.display('category'))
19		- <div>
	44	+ <div class="col-md-3">
20	20	<div class="application">
21	21	#if($app.getAttachment('logo.png').isImage())
22	22	<img src="$app.getAttachmentURL('logo.png')" width="75" height="75" alt="$title.replace('"', '\"')">
...	...	@@ -23,21 +23,20 @@
23	23	#else
24	24	<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mN89x8AAuEB74Y0o2cAAAAASUVORK5CYII=" width="75" height="75" alt="">
25	25	#end
26		- <div class="tags"><span>$category</span></div>
	51	+ <span class="category">$category</span>
27	27	<h3 class="title">$title</h3>
28	28	<a href="$URL">$URL</a>
29		- <p class="description">$!app.getValue('description')</p>
	54	+ <p>$!app.getValue('description')</p>
30	30	##<input id="$application.concat('-visibility')" type="checkbox" #if($app.getValue('private') == 1)checked#end disabled /><label for="$application.concat('-visibility')">Private</label>
31		-
	56	+
32	32	<div>
33	33	##$app.getValue('maintainers')
34	34	##$app.display('maintainers')
35	35	</div>
36		-Application document: <a href="$app.getURL()">$app.getURL()</a>
	61	+
37	37	</div>
38	38	</div>
39	39	#end
40	40	</div>
41		-*#
42	42	{{/html}}
43	43	{{/velocity}}