Changes for page PLC Editor2 (LX5)

Last modified by Mora Zhou on 2024/12/05 16:06

From version 20.11
edited by Stone Wu
on 2022/08/24 10:02
Change comment: There is no comment for this version
To version 20.3
edited by Stone Wu
on 2022/08/24 09:41
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -40,7 +40,52 @@
40 40  
41 41  = Video =
42 42  
43 +#macro (helpVideoCard $data)
44 + <div class="videoCard">
45 + <iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role="presentation" ></iframe>
46 + <div class="videoCard-body">
47 + <div class="videoCard-title">
48 + $escapetool.xml($data.title)
49 + </div>
50 + <ul>
51 + #foreach ($topic in $data.topics)
52 + <li>$topic</li>
53 + #end
54 + </ul>
55 + </div>
56 + <div class="videoCard-footer">
57 + $services.icon.renderHTML('play')
58 + <a href="$data.url">$services.localization.render('help.videos.watch')</a>
59 + <span class="videoCard-duration">
60 + $escapetool.xml($data.duration)
61 + </span>
62 + </div>
63 + </div>
64 +#end
43 43  {{/velocity}}
66 +
67 +{{velocity}}
68 +{{html clean="false"}}
69 +#set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
70 +<div class="row">
71 + #foreach ($card in $videoCards)
72 + ## See http://getbootstrap.com/css/#grid-responsive-resets .
73 + #if ($foreach.index > 0 && $foreach.index % 2 == 0)
74 + <div class="clearfix visible-sm-block "></div>
75 + #end
76 + #if ($foreach.index > 0 && $foreach.index % 3 == 0)
77 + <div class="clearfix visible-md-block visible-lg-block"></div>
78 + #end
79 + <div class="col-xs-12 col-sm-6 col-md-4">
80 + #helpVideoCard($card)
81 + </div>
82 + #end
83 +</div>
84 +{{/html}}
85 +
86 +[[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PL_Bpnb2RgaktxcT6G9n1meunomIw3T81_]]
87 +{{/velocity}}
88 +
44 44  {{velocity output="false"}}
45 45  #set ($docextras = [])
46 46  #set ($videoCards = [
... ... @@ -94,50 +94,5 @@
94 94  }
95 95  
96 96  ])
97 -#macro (helpVideoCard $data)
98 - <div class="videoCard">
99 - <iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role="presentation" ></iframe>
100 - <div class="videoCard-body">
101 - <div class="videoCard-title">
102 - $escapetool.xml($data.title)
103 - </div>
104 - <ul>
105 - #foreach ($topic in $data.topics)
106 - <li>$topic</li>
107 - #end
108 - </ul>
109 - </div>
110 - <div class="videoCard-footer">
111 - $services.icon.renderHTML('play')
112 - <a href="$data.url">$services.localization.render('help.videos.watch')</a>
113 - <span class="videoCard-duration">
114 - $escapetool.xml($data.duration)
115 - </span>
116 - </div>
117 - </div>
118 -#end
119 -{{/velocity}}
120 120  
121 -{{velocity}}
122 -{{html clean="false"}}
123 -#set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
124 -<div class="row">
125 - #foreach ($card in $videoCards)
126 - ## See http://getbootstrap.com/css/#grid-responsive-resets .
127 - #if ($foreach.index > 0 && $foreach.index % 2 == 0)
128 - <div class="clearfix visible-sm-block "></div>
129 - #end
130 - #if ($foreach.index > 0 && $foreach.index % 3 == 0)
131 - <div class="clearfix visible-md-block visible-lg-block"></div>
132 - #end
133 - <div class="col-xs-12 col-sm-6 col-md-4">
134 - #helpVideoCard($card)
135 - </div>
136 - #end
137 -</div>
138 -{{/html}}
139 139  
140 -[[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PL_Bpnb2RgaktxcT6G9n1meunomIw3T81_]]
141 -{{/velocity}}
142 -
143 -