1 <div class="modal-mask diff-panel" v-show="display"> |
1 <div class="diff-viewer-wrapper col-md-12"> |
2 <p class="pull-right" @click="close"><i class="fa fa-close"></i>fermer</p> |
2 <modalpanel ref="panel"> |
3 <slot name="header"></slot> |
3 <h5 slot="header">Comparer les deux versions:</h5> |
4 <slot name="content"></slot> |
4 |
5 <slot name="footer"></slot> |
5 <div slot="content"> |
|
6 <div ref="modalcontent"> |
|
7 |
|
8 <div v-show="fragmentMode"> |
|
9 <svg> |
|
10 |
|
11 <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> |
|
12 |
|
13 <g v-bind:transform='matrixTransform'> |
|
14 <path v-bind:d="originalPath" fill="red" stroke="blue" opacity="0.3"></path> |
|
15 <path v-bind:d="modifiedPath" fill="blue" stroke="red" opacity="0.3"></path> |
|
16 </g> |
|
17 </svg> |
|
18 </div> |
|
19 |
|
20 <div v-show="textMode"> |
|
21 <div v-html="diffText"></div> |
|
22 </div> |
|
23 |
|
24 <div v-show='tagMode'> |
|
25 <ul> |
|
26 <li v-for="(tag, index) in tags"> |
|
27 |
|
28 <template v-if="!tag.action"> |
|
29 <li> |
|
30 <span>{{ tag.tag_label }}</span> | précision : {{ tag.accuracy }} |
|
31 - |
|
32 pertinence : {{ tag.relevancy }} |
|
33 </li> |
|
34 </template> |
|
35 |
|
36 <template v-if="tag.action=='replace'"> |
|
37 <del>--</del> <del>{{ tag.tag_label }}</del> a été remplacé par |
|
38 <ins>++</ins> <strong><ins>{{ tag.new_label }}</ins></strong> |
|
39 précision : <ins>{{ tag.new_accuracy }}</ins> - |
|
40 pertinence: <ins>{{ tag.new_relevancy }}</ins> |
|
41 </template> |
|
42 |
|
43 <template v-if="tag.action=='add'"> |
|
44 <li> |
|
45 <ins>++</ins> <ins>{{ tag.tag_label }}</ins> |
|
46 précision : <ins>{{ tag.accuracy }}</ins> - |
|
47 pertinence : <ins>{{ tag.relevancy }}</ins> |
|
48 </li> |
|
49 </template> |
|
50 |
|
51 <template v-if="tag.action=='del'"> |
|
52 <li><del>--</del> <del>{{ tag.tag_label }}</del> a été effacé</li> |
|
53 </template> |
|
54 |
|
55 <template v-if="tag.action=='update'"> |
|
56 <li> |
|
57 <strong>{{ tag.tag_label }}</strong> |
|
58 <template v-if="tag.accuracy != tag.new_accuracy"> |
|
59 précision: <del>{{ tag.accuracy }}</del> <ins>{{ tag.new_accuracy }}</ins> - |
|
60 </template> |
|
61 <template v-if="tag.accuracy == tag.new_accuracy"> |
|
62 précision: {{ tag.accuracy }} - |
|
63 </template> |
|
64 <template v-if="tag.relevancy != tag.new_relevancy"> |
|
65 pertinence: <del>{{ tag.relevancy }}</del> <ins>{{ tag.new_relevancy }}</ins> |
|
66 </template> |
|
67 <template v-if="tag.relevancy == tag.new_relevancy"> |
|
68 pertinence: {{ tag.relevancy }} |
|
69 </template> |
|
70 |
|
71 </li> |
|
72 </template> |
|
73 </li> |
|
74 </ul> |
|
75 </div> |
|
76 </div> |
|
77 </div> |
|
78 </modalpanel> |
6 </div> |
79 </div> |