... |
... |
@@ -5,27 +5,35 @@ |
5 |
5 |
#set($description = "$!wikimacro.parameters.description") |
6 |
6 |
#set($image = "$!wikimacro.parameters.image") |
7 |
7 |
|
8 |
|
-## Format for display only |
9 |
|
-=== Incident Preview === |
|
8 |
+## Display a nice preview with clean styling |
|
9 |
+<div style="border:1px solid #ddd; border-radius:5px; margin:10px 0; padding:15px; background-color:#f9f9f9;"> |
|
10 |
+ <h3 style="margin-top:0; color:#333;">Incident Preview</h3> |
|
11 |
+ <div style="display:flex; margin-bottom:15px;"> |
|
12 |
+ <div style="width:200px; margin-right:15px;"> |
|
13 |
+ #if($image && $image != "") |
|
14 |
+ <img src="$xwiki.getAttachmentURL($image)" width="200" style="border:1px solid #ccc;"/> |
|
15 |
+ #else |
|
16 |
+ <div style="width:200px; height:150px; background:#eee; display:flex; align-items:center; justify-content:center; border:1px solid #ccc;"> |
|
17 |
+ No image |
|
18 |
+ </div> |
|
19 |
+ #end |
|
20 |
+ </div> |
|
21 |
+ <div> |
|
22 |
+ <h3 style="margin-top:0;"><a href="$url">$headline</a></h3> |
|
23 |
+ <p>$description</p> |
|
24 |
+ <p><a href="$url">Read More</a></p> |
|
25 |
+ </div> |
|
26 |
+ </div> |
10 |
10 |
|
11 |
|
-|#if($image && $image != "")[[image:$image||width="200"]]#{else}No image#{end}| |
12 |
|
-=== [[$headline>>$url]] === |
13 |
|
- |
14 |
|
-$description |
15 |
|
- |
16 |
|
-[[Read More>>$url]] |
17 |
|
- |
18 |
|
-<div style="margin-top:10px; background-color:#f8f9fa; padding:10px; border:1px solid #ddd; border-radius:4px;"> |
19 |
|
- <strong>Note:</strong> This is just a preview. Copy the wiki syntax below and paste it where needed. |
20 |
|
-</div> |
21 |
|
- |
22 |
|
-<pre style="background-color:#f5f5f5; padding:10px; border:1px solid #ddd; overflow:auto;"> |
23 |
|
-(% style="margin-bottom:20px; width:100%" %) |
|
28 |
+ <div style="margin-top:20px; background-color:#f0f0f0; padding:15px; border:1px solid #ddd; border-radius:4px;"> |
|
29 |
+ <h4 style="margin-top:0;">Wiki Syntax (Copy this to your page)</h4> |
|
30 |
+ <textarea style="width:100%; height:150px; font-family:monospace; padding:10px;">(% style="margin-bottom:20px; width:100%" %) |
24 |
24 |
|#if($image && $image != "")[[image:$image||data-xwiki-image-style="thumbnail-clickable" style="border:1px solid #ccc" width="200"]]#{else}No image provided.#{end}| |
25 |
25 |
|
26 |
26 |
=== [[$headline>>$url]] === |
27 |
27 |
|
28 |
28 |
$description |
29 |
|
-[[Read More>>$url]] |
30 |
|
-</pre> |
|
36 |
+[[Read More>>$url]]</textarea> |
|
37 |
+ </div> |
|
38 |
+</div> |
31 |
31 |
{{/velocity}} |