[WIP] Ajout d'une interface de merge pour les contenus #4151
+687
−42
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,76 @@ | ||
| (function($, undefined) { | ||
| "use strict"; | ||
|
|
||
| $(document).ready(function () { | ||
|
|
||
| /** | ||
| * Sets up the merge interface (using mergely) in the $div Object. Data is generally retrieved from a form field | ||
| * or an aditionnal div exposing the old data, also generated in the form. | ||
| * @param {Object} $div - The base object used to set up the interface. Generally created in forms files. | ||
| * @param {Object} $left - The object from which we will pick the content to put in the left hand side (lhs) of the editor. | ||
| * @param {Object} $right - The object from which we will pick the content to put in the right hand side (rhs) of the editor. | ||
| */ | ||
| function mergelySetUp($div, $left, $right) | ||
| { | ||
|
There was a problem hiding this comment. L’accolade doit être sur la même ligne que |
||
| $div.mergely({ | ||
| width: "auto", | ||
| height: 400, | ||
| sidebar: false, | ||
| cmsettings: { readOnly: false, lineNumbers: true, lineWrapping: true }, | ||
| lhs: function(setValue) { | ||
| setValue($left.html()); | ||
| }, | ||
| rhs: function(setValue) { | ||
| setValue($right.html()); | ||
| } | ||
| }); | ||
| } | ||
|
|
||
| mergelySetUp($(".compare-introduction"),$("#your_introduction"),$("#id_introduction")); | ||
| mergelySetUp($(".compare-conclusion"),$("#your_conclusion"),$("#id_conclusion")); | ||
| mergelySetUp($(".compare-text"),$("#your_text"),$("#id_text")); | ||
|
|
||
| $("#compare-editor-lhs").append("Votre Version"); | ||
| $("#compare-editor-rhs").append("La version courante"); | ||
|
|
||
|
|
||
| /** | ||
| * Merge content | ||
| */ | ||
| $(".merge-btn").on("click", function(e){ | ||
|
|
||
| e.stopPropagation(); | ||
| e.preventDefault(); | ||
|
|
||
| var button = $(this); | ||
|
|
||
| Array.from(this.classList).forEach(function(element){ | ||
| if (element.indexOf("need-to-merge-") >= 0) { | ||
|
|
||
| // Cut the string to get the ending part | ||
| var substring = element.substring(14); | ||
|
|
||
| var $intro = $("#id_" + substring); | ||
| var $toMerge = $(".compare-" + substring).mergely("get","rhs"); | ||
| $intro.val($toMerge); | ||
|
|
||
| // Confirmation message | ||
| var msg = "<div class='alert-box success alert-merge'>" + | ||
| "<span>Le contenu a bien été validé.</span>" + | ||
| "<a href='#close-alert-box' class='close-alert-box ico-after cross white'>Masquer l'alerte</a>" + | ||
| "</div>"; | ||
|
|
||
| button.before(msg); | ||
|
|
||
| setTimeout(function() { | ||
| $(".alert-merge").fadeOut("fast"); | ||
| }, 2000); | ||
|
|
||
| } | ||
|
|
||
| }); | ||
|
|
||
| }); | ||
|
|
||
| }); | ||
| })(jQuery); | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Il faudrait réindenter ce fichier comme le reste, avec des espaces et non des tabulations.