Changes for page PLC Editor2 (LX5)

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

From version 20.13
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,6 +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
65 +{{/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 +
43 43  {{velocity output="false"}}
44 44  #set ($docextras = [])
45 45  #set ($videoCards = [
... ... @@ -93,48 +93,5 @@
93 93  }
94 94  
95 95  ])
96 -#macro (helpVideoCard $data)
97 - <div class="videoCard">
98 - <iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role="presentation" ></iframe>
99 - <div class="videoCard-body">
100 - <div class="videoCard-title">
101 - $escapetool.xml($data.title)
102 - </div>
103 - <ul>
104 - #foreach ($topic in $data.topics)
105 - <li>$topic</li>
106 - #end
107 - </ul>
108 - </div>
109 - <div class="videoCard-footer">
110 - $services.icon.renderHTML('play')
111 - <a href="$data.url">$services.localization.render('help.videos.watch')</a>
112 - <span class="videoCard-duration">
113 - $escapetool.xml($data.duration)
114 - </span>
115 - </div>
116 - </div>
117 -#end
118 -{{/velocity}}
119 119  
120 -{{velocity}}
121 -{{html clean="false"}}
122 -#set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
123 -<div class="row">
124 - #foreach ($card in $videoCards)
125 - ## See http://getbootstrap.com/css/#grid-responsive-resets .
126 - #if ($foreach.index > 0 && $foreach.index % 2 == 0)
127 - <div class="clearfix visible-sm-block "></div>
128 - #end
129 - #if ($foreach.index > 0 && $foreach.index % 3 == 0)
130 - <div class="clearfix visible-md-block visible-lg-block"></div>
131 - #end
132 - <div class="col-xs-12 col-sm-6 col-md-4">
133 - #helpVideoCard($card)
134 - </div>
135 - #end
136 -</div>
137 -{{/html}}
138 138  
139 -[[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PL_Bpnb2RgaktxcT6G9n1meunomIw3T81_]]
140 -{{/velocity}}