[erp5_officejs] Revive codemirror app for javascript only

Codemirror app is now using the same mechanism as text_editor. For now, it has
exactly the same features as text editor but it will create "Web Script"
instead of "Web Page" documents. The codemirror mode is forced to "javascript"
and the content type of the document if forced to "application/javascript".

bt5/erp5_officejs/PathTemplateItem/web_page_module/gadget_officejs_codemirror_appcache.xml

@@ -107,11 +107,119 @@
             <value> <string>CACHE MANIFEST\n
 # generated on Fri, 13 Oct 2017 16:00:00 +0000\n
 CACHE:\n
+#officejs\n
+font-awesome/font-awesome.css\n
+font-awesome/font-awesome-webfont.eot\n
+font-awesome/font-awesome-webfont.woff\n
+font-awesome/font-awesome-webfont.woff2\n
+font-awesome/font-awesome-webfont.ttf\n
+font-awesome/font-awesome-webfont.svg\n
+gadget_erp5_nojqm.css\n
+jio_ojs_storage.js\n
+gadget_erp5_global.js\n
+URI.js\n
+dygraph.js\n
+handlebars.js\n
+jiodev.js\n
 renderjs.js\n
 rsvp.js\n
+gadget_global.js\n
+erp5_launcher_nojqm.js\n
+gadget_officejs_router.js\n
+gadget_erp5_router.html\n
+gadget_erp5_router.js\n
+gadget_jio.html\n
+gadget_jio.js\n
+gadget_translate.html\n
+gadget_translate.js\n
+gadget_translation.html\n
+gadget_translation.js\n
+gadget_translation_data.js\n
+gadget_erp5_editor_panel.html\n
+gadget_erp5_editor_panel.js\n
+gadget_erp5_ojs_panel.html\n
+gadget_erp5_ojs_panel.js\n
+gadget_erp5_header.html\n
+gadget_erp5_header.js\n
+gadget_ojs_jio.html\n
+gadget_ojs_jio.js\n
+gadget_erp5_page_ojs_controller.html\n
+gadget_erp5_page_ojs_controller.js\n
+gadget_erp5_page_ojs_add_document.html\n
+gadget_erp5_page_ojs_add_document.js\n
+gadget_erp5_page_ojs_configurator.html\n
+gadget_erp5_page_ojs_configurator.js\n
+gadget_erp5_page_ojs_dav_configurator.html\n
+gadget_erp5_page_ojs_dav_configurator.js\n
+gadget_erp5_page_ojs_erp5_configurator.html\n
+gadget_erp5_page_ojs_erp5_configurator.js\n
+gadget_erp5_page_ojs_dropbox_configurator.html\n
+gadget_erp5_page_ojs_dropbox_configurator.js\n
+gadget_erp5_page_ojs_sync.html\n
+gadget_erp5_page_ojs_sync.js\n
+gadget_erp5_page_ojs_document_list.html\n
+gadget_erp5_page_ojs_document_list.js\n
+gadget_ojs_configurator_access.html\n
+gadget_ojs_configurator_access.js\n
+gadget_html5_input.html\n
+gadget_html5_input.js\n
+gadget_erp5_field_multicheckbox.html\n
+gadget_erp5_field_multicheckbox.js\n
+gadget_erp5_searchfield.html\n
+gadget_erp5_searchfield.js\n
+gadget_erp5_pt_form_list.html\n
+gadget_erp5_pt_form_list.js\n
+gadget_erp5_form.html\n
+gadget_erp5_form.js\n
+gadget_erp5_label_field.html\n
+gadget_erp5_label_field.js\n
+gadget_erp5_field_listbox.html\n
+gadget_erp5_field_listbox.js\n
+gadget_erp5_field_datetime.html\n
+gadget_erp5_field_datetime.js\n
+gadget_html5_element.html\n
+gadget_html5_element.js\n
+gadget_erp5_notification.html\n
+gadget_erp5_notification.js\n
+gadget_erp5_field_string.html\n
+gadget_erp5_field_string.js\n
+gadget_erp5_field_editor.html\n
+gadget_erp5_field_editor.js\n
+gadget_erp5_field_gadget.html\n
+gadget_erp5_field_gadget.js\n
+gadget_erp5_search_editor.html\n
+gadget_erp5_search_editor.js\n
+gadget_erp5_sort_editor.html\n
+gadget_erp5_sort_editor.js\n
+gadget_erp5_field_password.html\n
+gadget_erp5_field_password.js\n
+gadget_erp5_field_textarea.html\n
+gadget_erp5_field_textarea.js\n
+gadget_html5_textarea.html\n
+gadget_html5_textarea.js\n
+gadget_editor.html\n
+gadget_editor.js\n
+gadget_button_maximize.html\n
+gadget_button_maximize.js\n
+gadget_erp5_configure_editor.html\n
+gadget_erp5_configure_editor.js\n
+\n
+#setting\n
+gadget_officejs_setting.js\n
+gadget_officejs_setting.html\n
+\n
+#code mirror\n
+gadget_officejs_codemirror_router.html\n
+gadget_officejs_jio_web_script_view.html\n
+gadget_officejs_jio_web_script_view.js\n
+\n
+# code mirror editor\n
+codemirror.gadget.html\n
+codemirror.gadget.js\n
 codemirror/lib/codemirror.js\n
 codemirror/lib/codemirror.css\n
 codemirror/addon/cm_edit/matchbrackets.js\n
+codemirror/addon/cm_edit/matchtags.js\n
 codemirror/addon/cm_edit/trailingspace.js\n
 codemirror/addon/dialog/dialog.css\n
 codemirror/addon/dialog/dialog.js\n
@@ -130,6 +238,7 @@ codemirror/addon/fold/foldcode.js\n
 codemirror/addon/fold/foldgutter.js\n
 codemirror/addon/fold/indent-fold.js\n
 codemirror/addon/fold/comment-fold.js\n
+codemirror/addon/fold/xml-fold.js\n
 codemirror/addon/merge/merge.css\n
 diff_match_patch/javascript/diff_match_patch_uncompressed.js\n
 codemirror/addon/merge/merge.js\n
@@ -273,7 +382,7 @@ NETWORK:\n
             </item>
             <item>
                 <key> <string>actor</string> </key>
-                <value> <string>superseb</string> </value>
+                <value> <string>zope</string> </value>
             </item>
             <item>
                 <key> <string>comment</string> </key>
@@ -287,7 +396,7 @@ NETWORK:\n
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>963.2052.23883.60586</string> </value>
+                <value> <string>970.25271.42440.56234</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -305,8 +414,8 @@ NETWORK:\n
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1509031162.48</float>
-                        <string>GMT+2</string>
+                        <float>1537448284.38</float>
+                        <string>UTC</string>
                       </tuple>
                     </state>
                   </object>

bt5/erp5_officejs/PathTemplateItem/web_page_module/gadget_officejs_codemirror_router.html

+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    <title>OfficeJS Router Gadget</title>
+
+    <!-- renderjs -->
+    <script src="rsvp.js" type="text/javascript"></script>
+    <script src="renderjs.js" type="text/javascript"></script>
+
+    <!-- custom script -->
+    <script src="gadget_officejs_router.js" type="text/javascript"></script>
+
+  </head>
+  <body>
+    <script data-renderjs-configuration="portal_type" type="text/x-renderjs-configuration">Web Script</script>
+    <script data-renderjs-configuration="content_type" type="text/x-renderjs-configuration">application/javascript</script>
+    <script data-renderjs-configuration="document_title" type="text/x-renderjs-configuration">JS script</script>
+    <script data-renderjs-configuration="document_title_plural" type="text/x-renderjs-configuration">JS scripts</script>
+    <script data-renderjs-configuration="parent_relative_url" type="text/x-renderjs-configuration">web_page_module</script>
+    <script data-renderjs-configuration="erp5_attachment_synchro" type="text/x-renderjs-configuration"></script>
+    <script data-renderjs-configuration="dropbox_app_key" type="text/x-renderjs-configuration">n692ixxhyg9zhqs</script>
+    <div data-gadget-url="gadget_erp5_router.html" data-gadget-scope="erp5_router"></div>
+  </body>
+</html>
\ No newline at end of file

bt5/erp5_officejs/PathTemplateItem/web_page_module/gadget_officejs_jio_web_script_view_html.html

+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>OfficeJS Jio Web Page View</title>
+
+    <script src="rsvp.js"></script>
+    <script src="renderjs.js"></script>
+    <script src="handlebars.js"></script>
+    <script src="gadget_officejs_jio_web_script_view.js"></script>
+
+  </head>
+
+  <body>
+    <form class="save_form ui-body-c" novalidate>
+      <button type="submit" class="ui-btn ui-btn-b ui-btn-inline
+        ui-icon-edit ui-btn-icon-right ui-screen-hidden"></button>
+      <div data-gadget-url="gadget_erp5_form.html"
+              data-gadget-scope="form_view"
+              data-gadget-sandbox="public">
+      </div>
+    </form>
+  </body>
+</html>

bt5/erp5_officejs/PathTemplateItem/web_page_module/gadget_officejs_jio_web_script_view_js.js

+/*global window, rJS, RSVP */
+/*jslint nomen: true, indent: 2, maxerr: 3 */
+(function (window, rJS, RSVP) {
+  "use strict";
+
+  rJS(window)
+    /////////////////////////////////////////////////////////////////
+    // Acquired methods
+    /////////////////////////////////////////////////////////////////
+    .declareAcquiredMethod("updateHeader", "updateHeader")
+    .declareAcquiredMethod("getUrlParameter", "getUrlParameter")
+    .declareAcquiredMethod("getUrlFor", "getUrlFor")
+    .declareAcquiredMethod("updateDocument", "updateDocument")
+    .declareAcquiredMethod("notifySubmitting", "notifySubmitting")
+    .declareAcquiredMethod("notifySubmitted", 'notifySubmitted')
+
+    /////////////////////////////////////////////////////////////////
+    // declared methods
+    /////////////////////////////////////////////////////////////////
+
+    .declareMethod("render", function (options) {
+      return this.changeState({
+        jio_key: options.jio_key,
+        doc: options.doc
+      });
+    })
+
+    .onEvent('submit', function () {
+      var gadget = this;
+      return gadget.notifySubmitting()
+        .push(function () {
+          return gadget.getDeclaredGadget('form_view');
+        })
+        .push(function (form_gadget) {
+          return form_gadget.getContent();
+        })
+        .push(function (content) {
+          return gadget.updateDocument(content);
+        })
+        .push(function () {
+          return gadget.notifySubmitted({message: 'Data Updated', status: 'success'});
+        });
+    })
+
+    .declareMethod("triggerSubmit", function () {
+      return this.element.querySelector('button[type="submit"]').click();
+    })
+
+    .onStateChange(function () {
+      var gadget = this;
+      return gadget.getDeclaredGadget('form_view')
+        .push(function (form_gadget) {
+          return form_gadget.render({
+            erp5_document: {
+              "_embedded": {"_view": {
+                "my_title": {
+                  "description": "",
+                  "title": "Title",
+                  "default": gadget.state.doc.title,
+                  "css_class": "",
+                  "required": 1,
+                  "editable": 1,
+                  "key": "title",
+                  "hidden": 0,
+                  "type": "StringField"
+                },
+                "my_reference": {
+                  "description": "",
+                  "title": "Reference",
+                  "default": gadget.state.doc.reference,
+                  "css_class": "",
+                  "required": 0,
+                  "editable": 1,
+                  "key": "reference",
+                  "hidden": 0,
+                  "type": "StringField"
+                },
+                "my_version": {
+                  "description": "",
+                  "title": "Version",
+                  "default": gadget.state.doc.version,
+                  "css_class": "",
+                  "required": 0,
+                  "editable": 1,
+                  "key": "version",
+                  "hidden": 0,
+                  "type": "StringField"
+                },
+                "my_language": {
+                  "description": "",
+                  "title": "Language",
+                  "default": gadget.state.doc.language,
+                  "css_class": "",
+                  "required": 0,
+                  "editable": 1,
+                  "key": "language",
+                  "hidden": 0,
+                  "type": "StringField"
+                },
+                "my_description": {
+                  "description": "",
+                  "title": "Description",
+                  "default": gadget.state.doc.description,
+                  "css_class": "",
+                  "required": 0,
+                  "editable": 1,
+                  "key": "description",
+                  "hidden": 0,
+                  "type": "TextAreaField"
+                },
+                "my_content": {
+                  "default": gadget.state.doc.text_content,
+                  "css_class": "",
+                  "required": 0,
+                  "editable": 1,
+                  "key": "text_content",
+                  "hidden": 0,
+                  "renderjs_extra": '{' +
+                    '"editor": "codemirror",' +
+                    '"portal_type": "Web Script",' +
+                    '"maximize": true}',
+                  "type": "GadgetField",
+                  "url": "gadget_editor.html",
+                  "sandbox": "public"
+                }
+              }},
+              "_links": {
+                "type": {
+                  // form_list display portal_type in header
+                  name: ""
+                }
+              }
+            },
+            form_definition: {
+              group_list: [[
+                "left",
+                [["my_title"], ["my_reference"]]
+              ], [
+                "right",
+                [["my_version"], ["my_language"]]
+              ], [
+                "center",
+                [["my_description"]]
+              ], [
+                "bottom",
+                [["my_content"]]
+              ]]
+            }
+          });
+        })
+        .push(function () {
+          return RSVP.all([
+            gadget.getUrlFor({command: 'history_previous'}),
+            gadget.getUrlFor({command: 'selection_previous'}),
+            gadget.getUrlFor({command: 'selection_next'})
+          ]);
+        })
+        .push(function (url_list) {
+          return gadget.updateHeader({
+            page_title: gadget.state.doc.title,
+            save_action: true,
+            selection_url: url_list[0],
+            previous_url: url_list[1],
+            next_url: url_list[2]
+          });
+        });
+    });
+}(window, rJS, RSVP));

bt5/erp5_officejs/PathTemplateItem/web_site_module/officejs_codemirror/app.xml

@@ -259,6 +259,36 @@
                       <value> <string>string</string> </value>
                   </item>
                 </dictionary>
+                <dictionary>
+                  <item>
+                      <key> <string>id</string> </key>
+                      <value> <string>configuration_default_view_action_reference</string> </value>
+                  </item>
+                  <item>
+                      <key> <string>type</string> </key>
+                      <value> <string>string</string> </value>
+                  </item>
+                </dictionary>
+                <dictionary>
+                  <item>
+                      <key> <string>id</string> </key>
+                      <value> <string>configuration_default_jio_document_page_gadget_url</string> </value>
+                  </item>
+                  <item>
+                      <key> <string>type</string> </key>
+                      <value> <string>string</string> </value>
+                  </item>
+                </dictionary>
+                <dictionary>
+                  <item>
+                      <key> <string>id</string> </key>
+                      <value> <string>configuration_frontpage_gadget_url</string> </value>
+                  </item>
+                  <item>
+                      <key> <string>type</string> </key>
+                      <value> <string>string</string> </value>
+                  </item>
+                </dictionary>
               </tuple>
             </value>
         </item>
@@ -273,41 +303,53 @@
             <value>
               <tuple>
                 <string>caching_policy/must-revalidate</string>
-                <string>aggregate/web_page_module/gadget_officejs_codemirror_html</string>
+                <string>aggregate/web_page_module/rjs_gadget_erp5_launcher_html</string>
               </tuple>
             </value>
         </item>
         <item>
             <key> <string>configuration_application_title</string> </key>
-            <value> <string>Office JS SVG Editor</string> </value>
+            <value> <string>OfficeJS Code Mirror Editor</string> </value>
         </item>
         <item>
             <key> <string>configuration_content_security_policy</string> </key>
             <value> <string>default-src \'self\'; img-src \'self\' data:; media-src \'self\' blob:; connect-src \'self\' https://content.dropboxapi.com https://api.dropboxapi.com mail.tiolive.com data: *.host.vifib.net *.node.vifib.com *.erp5.net https://netdna.bootstrapcdn.com; script-src \'self\' \'unsafe-eval\' \'unsafe-inline\'; font-src \'self\' netdna.bootstrapcdn.com; style-src \'self\' netdna.bootstrapcdn.com \'unsafe-inline\' data:; frame-src \'self\' data:</string> </value>
         </item>
+        <item>
+            <key> <string>configuration_default_jio_document_page_gadget_url</string> </key>
+            <value> <string>ojs_controller</string> </value>
+        </item>
+        <item>
+            <key> <string>configuration_default_view_action_reference</string> </key>
+            <value> <string>jio_view</string> </value>
+        </item>
+        <item>
+            <key> <string>configuration_frontpage_gadget_url</string> </key>
+            <value> <string>ojs_document_list</string> </value>
+        </item>
         <item>
             <key> <string>configuration_hateoas_url</string> </key>
-            <value> <string>hateoas/</string> </value>
+            <value> <string>../hateoas/</string> </value>
         </item>
         <item>
             <key> <string>configuration_header_gadget_url</string> </key>
-            <value> <string>gadget_officejs_header.html</string> </value>
+            <value> <string>gadget_erp5_header.html</string> </value>
         </item>
         <item>
             <key> <string>configuration_jio_gadget_url</string> </key>
-            <value> <string>gadget_officejs_jio.html</string> </value>
+            <value> <string>gadget_ojs_jio.html</string> </value>
         </item>
         <item>
             <key> <string>configuration_manifest_url</string> </key>
-            <value> <string>gadget_officejs.appcache</string> </value>
+            <value> <string>gadget_officejs_codemirror.appcache</string> </value>
         </item>
         <item>
             <key> <string>configuration_panel_gadget_url</string> </key>
-            <value> <string>gadget_officejs_application_panel.html</string> </value>
+            <value> <string>gadget_erp5_ojs_panel.html</string> </value>
         </item>
         <item>
             <key> <string>configuration_router_gadget_url</string> </key>
-            <value> <string>gadget_officejs_svg_editor_router.html</string> </value>
+            <value> <string>gadget_officejs_codemirror_router.html</string> </value>
         </item>
         <item>
             <key> <string>configuration_translation_gadget_url</string> </key>
@@ -550,7 +592,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>961.16277.24517.44253</string> </value>
+                <value> <string>970.22873.38688.50397</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -568,7 +610,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1504539776.32</float>
+                        <float>1537286038.01</float>
                         <string>UTC</string>
                       </tuple>
                     </state>