Warn the user the changes are not saved when clicking the Cancel button #62 (#76)

* Warn the user the changes are not saved when clicking the Cancel button #62

* Add translations

Author: trrenty

application-onlyoffice-connector-ui/src/main/resources/XWikiOnlyOfficeCode/Translations.xml

@@ -61,6 +61,7 @@ xoo.inFrameContent.editConvertibleVersion.title=This document type ({0}) cannot
 xoo.inFrameContent.editConvertibleVersion.value=Edit version
 xoo.inFrameContent.loading=Loading OnlyOffice...
 xoo.inFrameContent.onPage=on page
+xoo.editor.cancel.confirm=You have unsaved changes. Are you sure you want to continue?
 xoo.validation.attachmentExists=An attachment with that name ({0}) already exists. Please choose another name.
 xoo.validation.attachmentMissing=Document or attachment not found!
 xoo.validation.documentMissing=Document parameter required!

application-onlyoffice-connector-ui/src/main/resources/XWikiOnlyOfficeCode/XooEdit.xml

@@ -145,6 +145,8 @@
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       <title>${currentAction}$escapetool.xml($request.filename)</title>
       #template('stylesheets.vm')
+      #template('javascript.vm')
+
       <link rel="stylesheet" type="text/css" href="$doc.getURL('ssx')">
       ## Old IE
       <link rel="shortcut icon" href="$xwiki.getSkinFile('icons/xwiki/favicon.ico')" />
@@ -155,13 +157,7 @@
       ## For smart phones and tablets
       <link rel="apple-touch-icon" href="$xwiki.getSkinFile('icons/xwiki/favicon144.png')" />
 
-      <script type="text/javascript" src="$services.webjars.url('requirejs', 'require.min.js')"></script>
       <script type="text/javascript" language="javascript">
-        require.config({
-          paths: {
-            'jquery': "$services.webjars.url('jquery', 'jquery.min.js')"
-          }
-        });
         require.onError = function(err) {
           var div = document.getElementById('iframeEditor');
           if (!div) {

application-onlyoffice-connector-webjar/src/main/webjar/xwiki-onlyoffice.js

@@ -17,7 +17,13 @@
  * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
  * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
  */
-define(['jquery'], function ($) {
+define('xwiki-onlyoffice-wrapper', {
+  prefix: 'xoo.editor.',
+  keys: [
+    'cancel.confirm'
+  ]
+});
+define(['jquery', 'xwiki-l10n!xwiki-onlyoffice-wrapper'], function ($, l10n) {
   var TEXT_EXTENSIONS = [
     "djvu", "doc", "docx", "epub", "fb2", "htm", "html", "mht", "odt",
     "pdf", "rtf", "txt", "xps"
@@ -206,9 +212,15 @@ define(['jquery'], function ($) {
       ready = true;
       console.log("Document editor ready2");
       $('#button-cancel').on('click', function () {
+        if (window.docEditor && window.docEditor.xwikiEdited && !confirm(l10n.get('cancel.confirm'))) {
+          return;
+        }
         window.location.href = ctx.config.DOCU_VIEW_URL;
       });
       $('#button-sac').on('click', save(function () {
+        if (window.docEditor) {
+          window.docEditor.xwikiEdited = false;
+        }
         console.log("saved");
       }, false));
       $('#button-sav').on('click', save(function () {
@@ -265,7 +277,12 @@ define(['jquery'], function ($) {
         onRequestEditRights: function () { docEditor.applyEditRights(true); },
         // The event.data will be true when the current user is editing the document and false when the current user's
         // changes are sent to the document editing service.
-        onDocumentStateChange: function (evt) { $('#button-sav').prop('disabled', evt.data); },
+        onDocumentStateChange: function (evt) {
+          $('#button-sav').prop('disabled', evt.data);
+          if (window.docEditor) {
+            window.docEditor.xwikiEdited = true;
+          }
+        },
         onError: onError
       }
     };