diff -r 9ed54b10ce16 -r e1e14766f608 src_js/iconolab-bundle/src/components/diffviewer/template.html
--- a/src_js/iconolab-bundle/src/components/diffviewer/template.html	Fri Aug 26 18:48:30 2016 +0200
+++ b/src_js/iconolab-bundle/src/components/diffviewer/template.html	Tue Aug 30 16:58:59 2016 +0200
@@ -1,6 +1,79 @@
-<div class="modal-mask diff-panel" v-show="display">
-	<p class="pull-right" @click="close"><i class="fa fa-close"></i>fermer</p>
-	<slot name="header"></slot>
-	<slot name="content"></slot>
-	<slot name="footer"></slot>
+<div class="diff-viewer-wrapper col-md-12">
+	<modalpanel ref="panel">
+		<h5 slot="header">Comparer les deux versions:</h5>
+
+		<div slot="content">
+			<div ref="modalcontent">
+				
+				<div v-show="fragmentMode">
+					<svg>
+
+					 <image xmlns:xlink="http://www.w3.org/1999/xlink" v-bind:href="imagePath" x="0" y="0" v-bind:width="imageWidth" v-bind:height="imageHeight"></image>
+
+						<g v-bind:transform='matrixTransform'>
+							<path v-bind:d="originalPath" fill="red" stroke="blue" opacity="0.3"></path>
+							<path v-bind:d="modifiedPath" fill="blue" stroke="red" opacity="0.3"></path>
+						</g>
+					</svg>
+				</div>
+				
+				<div v-show="textMode">
+					<div v-html="diffText"></div>
+				</div>
+				
+				<div v-show='tagMode'>
+					<ul>
+						<li v-for="(tag, index) in tags">
+							
+							<template v-if="!tag.action">
+								<li>
+									<span>{{ tag.tag_label }}</span> | précision : {{ tag.accuracy }} 
+									- 
+									pertinence : {{ tag.relevancy }}
+								</li>
+							</template>
+
+							<template v-if="tag.action=='replace'">
+								<del>--</del> <del>{{ tag.tag_label }}</del> a été remplacé par
+								<ins>++</ins> <strong><ins>{{ tag.new_label }}</ins></strong> 
+								précision : <ins>{{ tag.new_accuracy }}</ins> - 
+								pertinence: <ins>{{ tag.new_relevancy }}</ins>
+							</template>
+
+							<template v-if="tag.action=='add'">
+								<li>
+									<ins>++</ins> <ins>{{ tag.tag_label }}</ins>
+									précision : <ins>{{ tag.accuracy }}</ins> - 
+									pertinence : <ins>{{ tag.relevancy }}</ins>
+								</li>
+							</template>
+
+							<template v-if="tag.action=='del'">
+								<li><del>--</del> <del>{{ tag.tag_label }}</del> a été effacé</li> 
+							</template>
+
+							<template v-if="tag.action=='update'">
+								<li>	
+									<strong>{{ tag.tag_label }}</strong> 
+									<template v-if="tag.accuracy != tag.new_accuracy">
+										précision: <del>{{ tag.accuracy }}</del> <ins>{{ tag.new_accuracy }}</ins> -	
+									</template>
+									<template v-if="tag.accuracy == tag.new_accuracy">
+										précision: {{ tag.accuracy }} -
+									</template>
+									<template v-if="tag.relevancy != tag.new_relevancy">
+										pertinence: <del>{{ tag.relevancy }}</del> <ins>{{ tag.new_relevancy }}</ins>
+									</template>
+									<template v-if="tag.relevancy == tag.new_relevancy">
+										pertinence: {{ tag.relevancy }}	
+									</template>
+										
+								</li>
+							</template>
+						</li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</modalpanel>
 </div>
\ No newline at end of file