/g, "\n");
+ this_paragraph_contents_raw = this_paragraph_contents_raw.replace(/
/g, "");
+ this_paragraph_contents_raw = this_paragraph_contents_raw.replace(/<\/div>/g, "");
+ this_paragraph_contents_raw = this_paragraph_contents_raw.replace(/ /g, " ");
+ this_paragraph_contents_raw = this_paragraph_contents_raw.replace(/ +
/g, "\n");
+ this_paragraph_contents_raw = this_paragraph_contents_raw.replace(/
/g, "\n");
+ this_paragraph_contents_raw = this_paragraph_contents_raw.trim();
+ if (!this_paragraph_contents_raw) { editorLog("empty paragraph") }
+ else { paragraph_content_list_trimmed.push(this_paragraph_contents_raw) }
+ editorLog("this_paragraph_contents_raw", this_paragraph_contents_raw);
+ }
+
+ if (!paragraph_content_list_trimmed.length ) {
+ // empty, so insert it and delete it later
+ paragraph_content_list_trimmed = [""];
+ }
+
+ return paragraph_content_list_trimmed
+}
+
+var submenu_options = { // revise as these are handled previously
+"math-like": [["me"], ["chem"], ["code"]],
+"image-like": [["image"], ["video"], ["audio"]],
+"aside-like": [["aside"], ["historical"], ["biographical"]],
+"list-like": [["itemized list", "list"], ["dictionary list", "dl"], ["table"]],
+"layout-like": [["side-by-side panels", "sbs"], ["assemblage"], ["biographical aside"], ["titled paragraph", "paragraphs"]],
+"section-like": ["section", "subsection", "paragraphs", "rq", "exercises"],
+"sbs": [["2 panels", "sbs2"], ["3 panels", "sbs3"], ["4 panels", "sbs4"]],
+"list-like": [["itemized list", "list"], ["dictionary list", "dl"], ["table"]],
+"example-like": ["example", "question", "problem"]
+}
+
+Object.assign(submenu_options, sidebyside_instances);
+
+Object.assign(submenu_options, environment_instances); // wrong because string not list
+ // or not wrong, if the code is more clever
+
+/* need to distinguish between the list of objects of a type,
+ and the list of types that can go in a location.
+ OR, is it okay that these are all in one list?
+ It seems to not be okay, because the "blockquote" entry
+ says that only a "p" can go in a blockquote. But blockquote
+ is an entry under "quoted".
+*/
+base_menu_for = {
+"section": [["paragraph", "p"],
+ ["display math/chemistry/code", "math-like", "c"],
+ ["list or table", "list-like"],
+ ["example-like", "example-like"],
+ ["definition-like", "definition-like"],
+ ["theorem-like", "theorem-like"],
+ ["remark-like"],
+ ["project/exercise-like", "project-like", "j"],
+ ["image/video/sound", "image-like", "v"],
+ ["blockquote/poem/music/etc", "quoted"],
+ ["aside-like", "aside-like", "d"],
+ ["interactives"],
+ ["proof", "proof-standalone", "o"],
+ ["layout-like"],
+ ["section-like"],
+ // ["Save", "save"],
+ ["PreTeXt source", "source"]],
+ // need to unify section with paragraphs (when sections are managed by the CAT)
+"paragraphs": [["paragraph", "p"],
+ ["display math/chemistry/code", "math-like", "c"],
+ ["list or table", "list-like"],
+ ["example-like", "example-like"],
+ ["definition-like", "definition-like"],
+ ["theorem-like", "theorem-like"],
+ ["remark-like"],
+ ["project/exercise-like", "project-like", "j"],
+ ["image/video/sound", "image-like", "v"],
+ ["blockquote/poem/music/etc", "quoted"],
+ ["aside-like", "aside-like", "d"],
+ ["interactives"],
+ ["proof", "proof-standalone", "o"],
+ ["layout-like"],
+ // ["Save", "save"],
+ ["PreTeXt source", "source"]],
+"blockquote": [["paragraph", "p"]],
+// "ol": [["list item", "li"]],
+"article": [["paragraph", "p"], // this is for theorem-like and similar
+ ["math/chemistry/code", "math-like", "c"],
+ ["list or table", "list-like"],
+ ["image/video/sound", "image-like", "v"]],
+"li": [["new list item", "li", "i"],
+ ["paragraph", "p"],
+ ["list or table", "list-like"],
+ ["math/chemistry/code", "math-like", "c"],
+ ["image/video/sound", "image-like", "v"]],
+"p": [["emphasis-like"], ["formula"], ["abbreviation"], ["symbol"], ["ref or link", "ref"]]
+}
+base_menu_for["proof"] = base_menu_for["article"];
+base_menu_for["page"] = base_menu_for["section"];
+
+
+// not currently used
+function past_edits() {
+
+ var the_past_edits = [];
+ if(recent_editing_actions.length) {
+ the_past_edits = recent_editing_actions.map(x => [x.join(" ")])}
+ else { the_past_edits = [["no chnages yet"]] }
+
+ return the_past_edits
+}
+
+// this should be created from inner_menu_for
+editing_container_for = { "p": 1, "ip": 1, "mp": 1, "fp": 1,
+ "theorem-like": ["theorem", "proposition", "lemma", "corollary", "claim", "fact", "identity", "algorithm"],
+ "definition-like": ["definition", "conjecture", "axiom", "hypothesis", "principle", "heuristic", "assumption"],
+"remark-like": ["remark", "warning", "note", "observation", "convention", "insight"],
+"example-like": ["example", "question", "problem"],
+"exercise-like": ["exercise"],
+"ol": ["item"],
+"li": [""],
+"list": [""],
+"image": [""],
+"sbs2": [""],
+"sbs3": [""],
+"sbs4": [""],
+"source": 1,
+"proof-standalone": [""], //just a guess
+"proof": [""] //just a guess
+}
+
+function make_current_editing_tree_from_id(theid) {
+
+//current_editing keeps track of where we are in the tree. maybe need a better name?
+
+ editorLog(" OOOOO make_current_editing_tree_from_id", theid);
+ editorLog(" which has internalSource", internalSource[theid]);
+ editorLog(" within", internalSource);
+ editorLog(" and the DOM object is", document.getElementById(theid));
+ // the existing current_editing know the top level id
+// var top_id = current_editing["tree"][0][0].id;
+ var top_id = top_level_id;
+
+ // but now we need to start over and go bottom-up
+ current_editing = {
+ "level": -1,
+ "location": [],
+ "tree": [ ]
+ }
+
+ var current_id = theid;
+ var current_element = document.getElementById(current_id);
+ console.log("current_id", current_id, "current_element", current_element);
+ var selectable_parent, current_element_siblings, selectable_parent_id;
+ var ct=0;
+ while (current_id != top_id && ct < 10) {
+ ct += 1;
+ editorLog("ct", ct);
+ editorLog("looking to match current_element", current_element, "until we hit", top_id);
+ selectable_parent = current_element.parentElement.closest("[data-editable]");
+ current_element_siblings = next_editable_of(selectable_parent, "children");
+ current_id = selectable_parent.id;
+ editorLog("current_id", current_id);
+ current_editing["tree"].unshift(current_element_siblings);
+ editorLog("looking for", current_element, "in", current_element_siblings);
+ for (var j=0; j < current_element_siblings.length; ++j) {
+ if (current_element == current_element_siblings[j]) {
+ current_editing["level"] += 1;
+ current_editing["location"].unshift(j);
+ editorLog("this is item", j);
+ break
+ } else {
+ editorLog(current_element == current_element_siblings[j], "aaa", current_element,"zzz", current_element_siblings[j])
+ }
+ }
+ current_element = selectable_parent
+ }
+ current_editing["level"] += 1;
+ current_editing["location"].unshift(0);
+ current_editing["tree"].unshift([document.getElementById(top_id)]);
+
+ editorLog("built current_editing after", ct, "levels");
+ editorLog("current_editing[level]", current_editing["level"]);
+ editorLog("current_editing[location]", current_editing["location"]);
+ editorLog("current_editing[tree]", current_editing["tree"])
+
+ editorLog(" OOOOO done with make_current_editing_tree_from_id", theid, document.getElementById(theid));
+
+}
+
+function standard_title_form(object_id) {
+ var the_object = internalSource[object_id];
+ var the_title = the_object.title;
+
+ var title_form = '
' + the_title + ' ';
+
+ return title_form
+}
+function standard_caption_form(object_id) {
+ var the_object = internalSource[object_id];
+ editorLog("editing caption of object_id", object_id, "which contains", the_object);
+ var the_caption = the_object.caption;
+
+ var caption_form = '
' + the_caption + ' ';
+
+ return caption_form
+}
+
+
+function menu_options_for(object_id, component_type, level) {
+ // this should be a function of the object, not just its tag
+ // p in li vs p child of section, for example
+ var menu_for;
+
+ if (!component_type) { component_type = internalSource[object_id]["sourcetag"] }
+ editorLog("component_tag", component_type);
+ if (level == "base") {
+ menu_for = base_menu_for
+ } else if (level == "move-or-delete") {
+ editorLog("C0 menu options for", component_type);
+ var m_d_options;
+ var component_parent = internalSource[object_id]["parent"][0];
+ var component_parent_tag = internalSource[component_parent]["sourcetag"];
+ if (component_type == "p" && component_parent_tag == "li") {
+ m_d_options = [
+ ["move-local-p", "Move these words within this page"],
+ ["move-local-li", "Move this list item within this page"],
+ ["move-global", "Move this another page (not implemented yet)"],
+ ["delete", "Delete"] // does it matter whether there are other p in this li?
+ ];
+ } else if(tag_type(component_type) == "p") {
+ m_d_options = [
+ ["move-local-p", "Move this text within this page"],
+ ["move-global", "Move to another page (not implemented yet)"],
+ ["delete", "Delete"]
+ ];
+ } else {
+ m_d_options = [
+ ["move-local", "Move within this page"],
+ ["move-global", "Move to another page (not implemented yet)"],
+ ["delete", "Delete"]
+ ];
+ }
+ var this_menu = "";
+ for (var i=0; i < m_d_options.length; ++i) {
+ this_menu += '
' + this_item_shortcut + '');
+ }
+ } else {
+ this_menu += 'data-jump="' + this_item_name.charAt(0) + '"';
+ }
+ if (i==0) { this_menu += ' id="choose_current"'}
+ this_menu += '>';
+
+ if (this_item_name.match(/^[a-z]/i)) {
+ first_character = this_item_name.charAt(0);
+ this_item_name = this_item_name.replace(first_character, "" + first_character + " ");
+ }
+
+ this_menu += this_item_name
+ // little right triangle if there is a submenu
+ // if (this_item_label in inner_menu_for()) { this_menu += '' }
+ if (this_item_label in submenu_options) { this_menu += '' }
+ this_menu += ' ';
+ }
+
+ return this_menu
+}
+
+function top_menu_options_for(this_obj) {
+ editorLog("top menu options for aa", this_obj);
+ var this_id = this_obj.id;
+
+// maybe the "classList" in this function shoudl instead look at the internalSource?
+
+ var this_list = "";
+
+ if (this_obj.classList.contains("heading")) {
+ var this_obj_parent = this_obj.parentElement;
+ editorLog("heading options for bbb", this_obj_parent);
+ var this_obj_parent_id = this_obj_parent.id;
+ var this_obj_parent_source = internalSource[this_obj_parent_id];
+ var this_obj_environment = this_obj_parent_source["sourcetag"];
+
+ editorLog("this_obj_environment", this_obj_environment);
+
+ this_list = '
Change the title ';
+ this_list += '
Change "' + this_obj_environment + '" to ';
+ } else {
+ var this_object_type = this_obj.tagName; // needs to examine other attributes and then look up a reasonable name
+//consolidate this redundancy
+ this_obj_id = this_obj.id;
+ if (!this_obj_id) {
+ this_obj_id=this_obj.getAttribute("data-parent_id")
+ editorLog("now has id", this_obj_id);
+ }
+ this_obj_source = internalSource[this_obj_id];
+ editorLog("this_obj_source", this_obj_source);
+ editorLog("this_obj", this_obj, "classList", this_obj.classList, "T/F", this_obj.classList.contains("image-box"));
+ this_obj_environment = this_obj_source["sourcetag"];
+ if (this_object_type == "P" || this_obj.classList.contains("displaymath")) {
+ this_list = '
Edit ' + this_obj_environment + ' ';
+ var editable_children = next_editable_of(this_obj, "children");
+ editorLog("editable_children", editable_children);
+ if (editable_children.length && !(this_object_type == "P")) {
+ this_list += '
Enter ' + this_obj_environment + ' ';
+ }
+ if (editable_children.length > 2 && (this_object_type == "SECTION")) {
+ this_list += '
Go to end of ' + this_obj_environment + ' ';
+ }
+ } else if (this_obj.classList.contains("image-box")) {
+ editorLog("found an image-box");
+ this_list = '
Modify layout ';
+ } else if (this_obj.classList.contains("sbspanel")) {
+ this_list = '
Modify layout ';
+ } else {
+ this_list += '
Enter ' + this_obj_environment + ' ';
+ if (this_object_type == "SECTION") {
+ this_list += '
Go to end of ' + this_obj_environment + ' ';
+ }
+ }
+
+ if (this_obj.classList.contains("sbspanel")) {
+ this_list += '
Insert in panel ';
+ }
+
+ if (this_obj.classList.contains("project-like")) {
+ this_list += '
Add a task ';
+ }
+
+ if (this_id != top_level_id) {
+ this_list += '
Insert before ';
+ this_list += '
Insert after ';
+
+ this_list += '
Move or delete ';
+ }
+ this_list += '
Metadata ';
+ if (this_id != top_level_id) {
+ this_list += '
Revert ';
+ }
+ if (previous_editing() && this_id == top_level_id) {
+ this_list += '
Resume previous editing ';
+ }
+ this_list += '
Save ';
+ this_list += '
Stop editing ';
+ }
+ return this_list
+}
+
+function edit_menu_from_current_editing(motion) {
+ // obviously we need to think a bit about current_editing and how it is used
+ var object_of_interest = current_editing["tree"][ current_editing["level"] ][ current_editing["location"][ current_editing["level"] ] ];
+ edit_menu_for(object_of_interest, motion);
+}
+
+function edit_menu_for(this_obj_or_id, motion) {
+ editorLog("make edit menu", motion, "for", this_obj_or_id);
+
+ // delete the old menu, if it exists
+ if (document.getElementById('edit_menu_holder')) {
+ var current_menu = document.getElementById('edit_menu_holder');
+ editorLog("current_menu", current_menu);
+ editorLog("this_choice", document.getElementById('enter_choice'));
+ if (this_choice = document.getElementById('enter_choice')) {
+ if (this_choice.getAttribute("data-location") == "stay") {
+ current_menu.previousSibling.classList.remove("may_leave")
+ } else {
+ current_menu.parentElement.classList.remove("may_select");
+ current_menu.parentElement.classList.remove("may_enter");
+ }
+ }
+ current_menu.parentElement.classList.remove("may_select");
+ current_menu.parentElement.classList.remove("may_enter");
+ current_menu.remove();
+ }
+
+ if (!this_obj_or_id) {
+ errorLog("error: empty this_obj_or_id", motion);
+ return ""
+ } else {
+ editorLog("this_obj_or_id", this_obj_or_id, "string?", typeof this_obj_or_id === 'string');
+ editorLog("which has parent", this_obj_or_id.parentElement)
+ }
+
+ console.log("this_obj_or_id", this_obj_or_id, typeof this_obj_or_id);
+ if (typeof this_obj_or_id === 'string') {
+ this_obj = document.getElementById(this_obj_or_id)
+ } else {
+ this_obj = this_obj_or_id
+ }
+ console.log("this_obj", this_obj);
+ var this_id = this_obj.id;
+// this_obj = document.getElementById(this_obj); // because is is an id? Maybe need cases here
+
+ if (motion == "entering") {
+ menu_location = "afterbegin";
+ this_obj.classList.remove("may_leave");
+ if (next_editable_of(this_obj, "children").length && !(this_obj.tagName == "P")) {
+ this_obj.classList.add("may_enter");
+ } else {
+ this_obj.classList.add("may_select");
+ }
+ if (inline_tags.includes(this_obj.tagName.toLowerCase())) {
+ this_obj.classList.add("inline");
+ }
+ } else { menu_location = "afterend";
+ this_obj.classList.remove("may_select");
+ this_obj.classList.remove("may_enter");
+ this_obj.classList.add("may_leave");
+ editorLog("added may_leave to", this_obj)
+ } // when motion is 'leaving'
+
+ var edit_menu_holder = document.createElement('div');
+ edit_menu_holder.setAttribute('id', 'edit_menu_holder');
+ edit_menu_holder.setAttribute('class', 'edit_menu_holder');
+ edit_menu_holder.setAttribute('tabindex', '-1');
+ editorLog("adding menu for", this_obj_or_id, "menu_location", menu_location);
+ editorLog("which has tag", this_obj.tagName);
+ editorLog("does", this_obj.classList, "include type", this_obj.classList.contains("type"));
+
+ this_obj.insertAdjacentElement(menu_location, edit_menu_holder);
+ editorLog("added edit_menu_holder", document.getElementById("edit_menu_holder"), motion);
+
+ var edit_option = document.createElement('span');
+ edit_option.setAttribute('id', 'enter_choice');
+
+ if (motion == "entering") {
+ editorLog("inline_tags", inline_tags, "tag", this_obj.tagName.toLowerCase());
+ editorLog("next_editable_of(this_obj, children)", next_editable_of(this_obj, "children"));
+ if (false && inline_tags.includes(this_obj.tagName.toLowerCase())) {
+ edit_option.innerHTML = "change this?";
+ edit_option.setAttribute('data-location', 'inline');
+ } else if (this_obj.classList.contains("type")) {
+ // e.g., changing "proposition" to "theorem"
+ // need to code this better: over-writing edit_option
+ edit_option = document.createElement('ol');
+ edit_option.setAttribute('id', 'edit_menu');
+ edit_option.setAttribute('class', 'edit_menu');
+ this_obj_parent_id = this_obj.parentElement.parentElement.id;
+ this_obj_environment = internalSource[this_obj_parent_id]["sourcetag"];
+ edit_option.innerHTML = '
Change "' + this_obj_environment + '" to ';
+ edit_option.setAttribute('data-location', 'inline');
+ } else if (this_obj.classList.contains("image-box")) {
+ edit_option.innerHTML = "
modify this image layout, or add near here?";
+ } else if (this_obj.classList.contains("sbspanel")) {
+ edit_option.innerHTML = "
modify this panel layout, or change panel contents?";
+ } else if (this_obj.classList.contains("title") || this_obj.classList.contains("caption")) {
+ var this_contained_type = "title";
+ if (this_obj.classList.contains("caption")) { this_contained_type = "caption" }
+ edit_option = document.createElement('ol');
+ edit_option.setAttribute('id', 'edit_menu');
+ edit_option.setAttribute('class', 'edit_menu');
+ editorLog("this_obj", this_obj);
+ editorLog("this_obj.innerHTML", this_obj.innerHTML);
+ editorLog("menu only?", this_obj.innerHTML == '');
+ this_obj_parent_id = this_obj.parentElement.parentElement.id;
+ this_obj_environment = internalSource[this_obj_parent_id]["sourcetag"];
+ if (this_obj.innerHTML == '') {
+ edit_option.innerHTML = '
Add a ' + this_contained_type + ' ';
+ } else {
+ edit_option.innerHTML = '
Change ' + this_contained_type + ' ';
+ }
+ edit_option.setAttribute('data-location', 'inline');
+ } else if ((this_obj.classList.contains("placeholder") && (this_obj.classList.contains("hint") ||
+ this_obj.classList.contains("answer") ||
+ this_obj.classList.contains("solution") ||
+ this_obj.classList.contains("proof")) ) ) {
+ var theverb = "add"
+ var thenoun = this_obj.getAttribute("data-HAS");
+ edit_option.setAttribute('id', 'choose_current');
+ edit_option.setAttribute('data-env', thenoun);
+ edit_option.setAttribute('data-parent_id', this_obj.getAttribute("data-parent_id"));
+ edit_option.innerHTML = "
" + theverb + " " + " " + thenoun;
+ } else if (this_obj.classList.contains('workspace')) {
+ edit_option.setAttribute('id', 'choose_current');
+ edit_option.setAttribute('data-env', 'workspace');
+ edit_option.setAttribute('data-action', 'modify');
+ edit_option.setAttribute('data-parent_id', this_obj.getAttribute("data-parent_id"));
+
+ edit_option.innerHTML = "
" + "adjust" + " " + " " + "workspace";
+ } else {
+ if (next_editable_of(this_obj, "children").length && this_obj.tagName != "P") {
+ editorLog("this_obj", this_obj);
+ if (this_id == top_level_id) {
+ edit_option.innerHTML = "
enter this " + internalSource[this_obj.id]["sourcetag"] + "?";
+ } else {
+ edit_option.innerHTML = "
enter this " + internalSource[this_obj.id]["sourcetag"] + ", or add near here?";
+ }
+ } else {
+ edit_option.innerHTML = "
edit this passage, or add near here?";
+ }
+ edit_option.setAttribute('data-location', 'next');
+ }
+ } else {
+ edit_option.setAttribute('data-location', 'stay');
+ edit_option.innerHTML = "continue editing this " + internalSource[this_obj.id]["sourcetag"];
+ }
+ editorLog("edit_option", edit_option);
+ document.getElementById("edit_menu_holder").insertAdjacentElement("afterbegin", edit_option);
+ document.getElementById('edit_menu_holder').focus();
+}
+
+function next_editable_of(obj, relationship) {
+ var next_to_edit;
+ editorLog("finding", relationship, "editable of", obj);
+ if (relationship == "children") {
+ next_to_edit = $(obj).find(' > [data-editable], > .sidebyside > .sbsrow > [data-editable], > li > [data-editable], > .heading > [data-editable], > .hint > [data-editable], > .answer > [data-editable]')
+ } else if (relationship == "outer-block") { // for example, a direct child of a section
+ next_to_edit = $(obj).find(' > [data-editable]')
+ } else if (relationship == "inner-block") { // typically a paragraph
+ next_to_edit = $(obj).find('section > [data-editable], [data-editable="99"], [data-editable="42"]')
+ } else if (relationship == "li-only") { // typically a paragraph
+ next_to_edit = $(obj).find('li')
+ } else {
+ editorLog("unimplemented next_editable_of")
+ }
+
+ editorLog("next_to_edit", next_to_edit);
+ return next_to_edit
+}
+
+function create_new_internal_object(new_tag, new_id, parent_description) {
+
+ var new_source = {"xml:id": new_id, "sourcetag": new_tag, "parent": parent_description, "title": ""}
+
+ editorLog("create new internal object", new_tag, "new_id", new_id, "parent_description", parent_description);
+ editorLog("within", internalSource[parent_description[0]]);
+ if (new_tag.startsWith("sbs")) { // creating an sbs, which contains one sbsrow, which contains several sbspanels
+ new_source.sourcetag = "sidebyside";
+ var sbs_layout = new_tag.split("_");
+ var [margin_left, margin_right] = [sbs_layout[1], sbs_layout[sbs_layout.length - 1]];
+ editorLog("sbs side margins", margin_left, "jj", margin_right);
+ new_source.marginleft = margin_left;
+ new_source.marginright = margin_right;
+
+ var col_content = "";
+ var widths = [];
+ for (var j=2; j <= sbs_layout.length - 2; ++j) {
+ widths.push(sbs_layout[j]);
+ var new_col_id = randomstring();
+ col_content += "<&>" + new_col_id + "<;>";
+ internalSource[new_col_id] = {"xml:id": new_col_id, "sourcetag": "sbspanel",
+ "content": "", "parent": [new_id, "content"]}
+ }
+ new_source.widths = widths;
+ new_source.content = col_content;
+
+ editorLog("new sbs", new_source);
+
+ } else {
+
+ editorLog("new_tag", new_tag);
+ var thisstructure = objectStructure[new_tag];
+ var thisownersourcestructure = {};
+ if (!thisstructure) { errorLog(new_tag + " not implemented yet"); return "" }
+ if ("owner" in thisstructure) {
+ var thisownerstructure = objectStructure[thisstructure.owner];
+ thisownersourcestructure = thisownerstructure.source;
+ }
+ var thissourcestructure = Object.assign({},thisownersourcestructure, thisstructure.source);
+
+ editorLog("thissourcestructure", thissourcestructure);
+
+ if ("attributes" in thissourcestructure) {
+ these_source_attributes = thissourcestructure.attributes;
+ for (var j=0; j < these_source_attributes.length; ++j) {
+ editorLog("adding", j, "attribute", these_source_attributes[j]);
+ new_source[these_source_attributes[j][0]] = these_source_attributes[j][1]
+ }
+ }
+
+/* here need to also use the owner structure */
+ var these_source_pieces = thissourcestructure.pieces;
+ for (var j=0; j < these_source_pieces.length; ++j) {
+ editorLog("adding a piece", these_source_pieces[j]);
+ var [this_piece, this_piece_contains] = these_source_pieces[j];
+
+ if (this_piece_contains) {
+ var new_child_id = randomstring();
+ new_source[this_piece] = "<&>" + new_child_id + "<;>";
+ create_new_internal_object(this_piece_contains, new_child_id, [new_id, this_piece]);
+ } else {
+ new_source[this_piece] = ""
+ }
+ }
+ }
+
+ editorLog("made the new_source", new_source);
+
+ internalSource[new_id] = new_source;
+
+ editorLog("parent_description", parent_description, "new_tag", new_tag, "new_id", new_id);
+ editorLog("internalSource", internalSource);
+ if (new_tag == "list") {
+ // do nothing, because it is the child "li" which we are really creating
+ // chack that: maybe do add, if the stack is in the proper order
+ } else if (tag_type(new_tag) == "p"){
+ // p is the default, so no need to keep track of it
+ } else if (new_tag == "source"){
+ // not really a tag
+ } else if (new_tag.startsWith("sbs")){
+ ongoing_editing_actions.push(["new", "sbs", new_id]);
+ } else {
+ ongoing_editing_actions.push(["new", new_tag, new_id]);
+ }
+ return new_tag
+}
+
+function show_source(sibling, relative_placement) {
+// var current_source = document.getElementById("newpretextsource");
+// if (current_source) { editorLog("curr sou", current_source); alert("curr sour"); current_source.remove() }
+ var edit_placeholder = document.createElement("span");
+ edit_placeholder.setAttribute('id', "newsource");
+ sibling.insertAdjacentElement(relative_placement, edit_placeholder);
+
+ editorLog("just added", edit_placeholder);
+
+ var the_pretext_source = output_from_id("", top_level_id, "pretext");
+
+ the_pretext_source = the_pretext_source.replace(/\n\n/g, '\n');
+
+ // remove temporary ids
+ the_pretext_source = the_pretext_source.replace(/ xml:id="tMP[0-9a-z]+"/g, '');
+ the_pretext_source = the_pretext_source.replace(/^ +$/mg, ''); // m = multiline
+
+// var the_old_source = document.getElementById("newsource");
+// if (the_old_source) { the_old_source.remove() }
+ edit_placeholder.insertAdjacentHTML('afterend', '
');
+}
+
+// unify with show_source, and maybe make the clean up part of output_from_id
+function save_source() {
+// var current_source = document.getElementById("newpretextsource");
+// if (current_source) { editorLog("curr sou", current_source); alert("curr sour"); current_source.remove() }
+ editorLog(" QQ saving");
+
+ var the_pretext_source = output_from_id("", top_level_id, "pretext");
+
+ the_pretext_source = the_pretext_source.replace(/\n\n/g, '\n');
+ // remove temporary ids
+ the_pretext_source = the_pretext_source.replace(/ xml:id="tMP[0-9a-z]+"/g, '');
+ the_pretext_source = the_pretext_source.replace(/^ +$/mg, ''); // m = multiline
+
+ editorLog(" RR saving", top_level_id, "which begins", the_pretext_source.substring(0,50));
+ parent.save_file(top_level_id, the_pretext_source)
+}
+
+function create_object_to_edit(new_tag, new_objects_sibling, relative_placement) {
+
+ // when relative_placement is "afterbegin", the new_objects_sibling is actually its parent
+ editorLog("create object to edit", new_tag, new_objects_sibling, relative_placement);
+ // first insert a placeholder to edit-in-place
+ var new_id = randomstring();
+ recent_editing_actions.push(["new", new_tag, new_id]);
+ // we won;t need all of these, so re-think when these are created
+ var edit_placeholder = document.createElement("span");
+ edit_placeholder.setAttribute('id', new_id);
+
+ // when adding an li, you are actually focused on somethign inside an li
+ // but, maybe that distinction shoud be mede before calling create object to edit ?
+ if (new_tag == "li") { new_objects_sibling = new_objects_sibling.parentElement }
+
+ var sibling_id, parent_description, object_neighbor;
+
+ if (["hint", "answer", "solution", "proof"].includes(new_tag)) { // this is only for the case that a solution does not already exist
+// create_new
+
+ sibling_id = new_objects_sibling.parentElement.id;
+ parent_description = [sibling_id, new_tag]
+
+ editorLog(new_tag, "parent_description", parent_description);
+ object_neighbor = "" ; // will not be used
+
+ } else if(new_objects_sibling.classList.contains("sbspanel")) { //bad hack! use internalCOntents!
+ sibling_id = new_objects_sibling.id;
+ editorLog("special case for empty sbspanel",sibling_id);
+ // alert("special sbspanel case");
+ parent_description = [sibling_id, "content"]
+ object_neighbor = "" ; // will not be used???
+ } else {
+ // and describe where it goes
+ editorLog("new_objects_sibling",new_objects_sibling);
+ sibling_id = new_objects_sibling.id;
+ parent_description = internalSource[sibling_id]["parent"];
+ object_neighbor = new RegExp('(<&>' + sibling_id + '<;>)');
+ }
+
+ if (relative_placement == "afterbegin" && new_tag != "image") { // when adding to a sbs panel
+ // redo the condition so that it explicitly uses sbs
+ // redundant with the "special case" above?
+ // parent_description = [new_id, "content"];
+ }
+ var object_neighbor = new RegExp('(<&>' + sibling_id + '<;>)');
+ if (new_tag == "task" && !(new_objects_sibling.classList.contains("task"))) {
+ // when task is being added by selecting from the parent exercise
+ relative_placement = "atend";
+ parent_description = [sibling_id, "tasks"];
+ }
+ if (["hint", "answer", "solution", "proof"].includes(new_tag)) { // this is only for the case that a solution does not already exist
+ relative_placement = "replace";
+ }
+ editorLog(new_tag, "parent_description", parent_description);
+
+ // then create the empty internalSource for the new object
+ var new_obj = create_new_internal_object(new_tag, new_id, parent_description);
+ if (!new_obj) { return "" }
+
+ // we have made the new object, but we still have to put it in the correct location
+
+ var the_current_arrangement = internalSource[parent_description[0]][parent_description[1]];
+ editorLog(" the_current_arrangement", the_current_arrangement);
+ editorLog(" from parent_description", parent_description, "internalSource[parent_description[0]]", internalSource[parent_description[0]]);
+ editorLog(" current_editing", current_editing);
+
+// maybe the changes to current_editing is different for lists?
+
+ var neighbor_with_new = '';
+ var current_level = current_editing["level"];
+ var current_location = current_editing["location"][current_level];
+ editorLog(" UUU current_editing", current_editing["level"], current_editing["location"].length, current_editing["tree"].length, current_editing["tree"][current_editing["level"]])
+ if (relative_placement == "beforebegin" || relative_placement == "afterbegin") {
+ neighbor_with_new = '<&>' + new_id + '<;>' + '$1';
+ }
+ else if (relative_placement == "afterend" || relative_placement == "beforeend"){
+ neighbor_with_new = '$1' + '<&>' + new_id + '<;>'
+ current_location += 1
+ }
+ editorLog("makking new_arrangement from", object_neighbor, "by", neighbor_with_new);
+
+ if (relative_placement == "atend" || relative_placement == "replace" ) {
+ // this is not quire gight, but it works for hint/answer/solution
+ new_arrangement = the_current_arrangement + '<&>' + new_id + '<;>';
+ } else if(the_current_arrangement) {
+ new_arrangement = the_current_arrangement.replace(object_neighbor, neighbor_with_new);
+ } else {
+ new_arrangement = '<&>' + new_id + '<;>';
+ }
+ editorLog("which became", new_arrangement);
+// alert("here");
+ internalSource[parent_description[0]][parent_description[1]] = new_arrangement;
+ if (new_tag == "list") {
+ // current_editing["level"] += 1;
+ // current_editing["location"].push(0);
+ // current_editing["tree"].push([document.getElementById(new_p_id)])
+ } else {
+ current_editing["location"][current_level] = current_location;
+ }
+ editorLog(" new_arrangement", new_arrangement);
+ editorLog("tried to insert", new_id, "next to", sibling_id, "in", the_current_arrangement)
+ editorLog(" updated current_editing", current_editing);
+ editorLog(" VVV current_editing", current_editing["level"], current_editing["location"].length, current_editing["tree"].length, current_editing["tree"][current_editing["level"]])
+ editorLog("relative_placement", relative_placement, "edit_placeholder", edit_placeholder);
+
+ if (relative_placement == "atend") {
+ new_objects_sibling.insertAdjacentElement("beforeend", edit_placeholder);
+ } else if (relative_placement == "replace") {
+ new_objects_sibling.replaceWith(edit_placeholder);
+ } else {
+ new_objects_sibling.insertAdjacentElement(relative_placement, edit_placeholder);
+ }
+
+ return edit_placeholder
+}
+
+function edit_in_place(obj, oldornew) {
+ // currentlt old_or_new is onlu use as "new" for a new li, so that we know
+ // to immediately make a new li to edit
+ // previous comment probebly wrong/out of date
+
+ var thisID;
+ editorLog("in edit in place", obj);
+ if (thisID = obj.getAttribute("id")) {
+ editorLog("will edit in place id", thisID, "which is", obj);
+ thisTagName = obj.tagName.toLowerCase();
+ } else { // editing somethign without an id, so probably is a title or caption
+ if (obj.classList.contains("heading")) {
+ editorLog("changing a heading");
+ editorLog("except we don;t know how to do that")
+ } else {
+ errorLog("error: I don't know how to edit", obj)
+ }
+ return ""
+ }
+
+ // this only works for paragraphs,
+ // which may be right, because existing content is mostly titles and paragraphs
+ if ( internalSource[thisID] ) {
+ var new_tag = internalSource[thisID]["sourcetag"];
+ var new_id = thisID; // track down why new_id is in the code
+ editorLog("new_tag is", new_tag, "from thisID", thisID, "from", internalSource[thisID]);
+ if (tag_type(new_tag) == "p" || tag_type(new_tag) == "md") { // make into a category?
+ var this_content_container = document.createElement('div');
+ this_content_container.setAttribute('id', "actively_editing");
+ this_content_container.setAttribute('data-age', oldornew);
+ editorLog("thing with thisID", thisID, "is",document.getElementById(thisID));
+ $("#" + thisID).replaceWith(this_content_container);
+
+ var idOfEditText = 'editing' + '_input_text';
+ var paragraph_editable = document.createElement('div');
+ paragraph_editable.setAttribute('contenteditable', 'true');
+ if (tag_type(new_tag) == "md") {
+ paragraph_editable.setAttribute('class', 'text_source displaymath_input');
+ } else {
+ paragraph_editable.setAttribute('class', 'text_source paragraph_input');
+ }
+ paragraph_editable.setAttribute('id', idOfEditText);
+ paragraph_editable.setAttribute('data-source_id', thisID);
+ paragraph_editable.setAttribute('data-parent_id', internalSource[thisID]["parent"][0]);
+ paragraph_editable.setAttribute('data-parent_component', internalSource[thisID]["parent"][1]);
+
+ document.getElementById('actively_editing').insertAdjacentElement("afterbegin", paragraph_editable);
+
+ editorLog("setting", $('#' + idOfEditText), "to have contents", internalSource[thisID]["content"]);
+
+// from https://stackoverflow.com/questions/21257688/paste-rich-text-into-content-editable-div-and-only-keep-bold-and-italics-formatt
+
+// figure out better how to do this as needed.
+ $('[contenteditable]').on('paste',function(e) {
+ e.preventDefault();
+ var text = (e.originalEvent || e).clipboardData.getData('text/plain') || prompt('Paste something..');
+ document.execCommand('insertText', false, text);
+ });
+ the_contents = internalSource[thisID]["content"];
+ the_contents = expand_condensed_source_html(the_contents, "edit");
+ the_contents = the_contents.replace(/\\cr/g, "
");
+ $('#' + idOfEditText).html(the_contents);
+ document.getElementById(idOfEditText).focus();
+ editorLog("made edit box for", thisID);
+ editorLog("which is", document.getElementById(idOfEditText));
+ editorLog("Whth content CC" + document.getElementById(idOfEditText).innerHTML + "DD");
+ editorLog("Whth content EE" + document.getElementById(idOfEditText).innerText + "FF");
+ editorLog("Whth content GG" + document.getElementById(idOfEditText).textContent + "HH");
+ this_char = "";
+ prev_char = "";
+
+ } else if (new_tag == "image") {
+ var this_content_container = document.createElement('div');
+ this_content_container.setAttribute('id', "actively_editing");
+ this_content_container.setAttribute('data-age', oldornew);
+ this_content_container.setAttribute('style', "width:50%; margin-left:auto; margin-right: auto; padding: 2em 3em 3em 3em; background: #fed");
+ $("#" + thisID).replaceWith(this_content_container);
+
+ var idOfEditText = 'editing' + '_input_image';
+ var image_editable = document.createElement('div');
+ image_editable.setAttribute('contenteditable', 'true');
+ image_editable.setAttribute('class', 'image_source');
+ image_editable.setAttribute('id', idOfEditText);
+ image_editable.setAttribute('style', "background: #fff");
+ image_editable.setAttribute('data-source_id', thisID);
+ image_editable.setAttribute('data-parent_id', internalSource[thisID]["parent"][0]);
+ image_editable.setAttribute('data-parent_component', internalSource[thisID]["parent"][1]);
+
+ document.getElementById('actively_editing').insertAdjacentElement("afterbegin", image_editable);
+
+ var edit_instructions = document.createElement('span');
+ edit_instructions.setAttribute('style', "font-size: 90%");
+ edit_instructions.innerHTML = "URL of image:"
+ document.getElementById('actively_editing').insertAdjacentElement("afterbegin", edit_instructions);
+
+ document.getElementById(idOfEditText).focus();
+ editorLog("made edit box for", thisID);
+ editorLog("which is", document.getElementById(idOfEditText));
+ editorLog("Whth content CC" + document.getElementById(idOfEditText).innerHTML + "DD");
+ editorLog("Whth content EE" + document.getElementById(idOfEditText).innerText + "FF");
+ editorLog("Whth content GG" + document.getElementById(idOfEditText).textContent + "HH");
+ this_char = "";
+ prev_char = "";
+
+ } else {
+
+ editorLog(new_tag, "create the object, then edit p in place", obj);
+
+ var this_object = html_from_internal_id(new_id, "");
+ var where_it_goes = document.getElementById(thisID);
+ where_it_goes.insertAdjacentHTML('afterend', this_object[0]);
+ where_it_goes.remove();
+ var where_it_is = document.getElementById(thisID);
+
+
+ editorLog("added this_object", this_object);
+ editorLog("where it is", where_it_is);
+
+ var this_source = internalSource[thisID];
+ if (this_source.sourcetag == "sidebyside") { // generalize to container was added
+ editorLog("added an sbs", document.getElementById(thisID));
+ editorLog("its .firstChild", document.getElementById(thisID).firstElementChild);
+ editorLog("its .firstChild.firstchild", document.getElementById(thisID).firstElementChild.firstElementChild);
+ var first_panel_id = document.getElementById(thisID).firstElementChild.firstElementChild.id;
+ editorLog("first_panel_id", first_panel_id, document.getElementById(first_panel_id));
+ make_current_editing_tree_from_id(first_panel_id);
+ edit_menu_from_current_editing("entering");
+ } else {
+ var empty_p_child = $(where_it_is).find("p");
+ if (empty_p_child[0]) {
+ editorLog("found the empty p", empty_p_child);
+ editorLog("found the empty p[0]", empty_p_child[0]);
+ edit_in_place(empty_p_child[0], "new");
+ } else {
+ errorLog("error: no empty p to edit")
+ }
+ }
+ }
+
+ } else {
+ editorLog("Error: edit in place of object that is not already known", obj);
+ editorLog("What is known:", internalSource)
+ }
+}
+
+function resume_editing() {
+ internalSource = previous_editing();
+ replace_by_id(internalSource["root_data"]["id"], "html");
+ edit_menu_for(top_level_id, "entering");
+ console.log("editing resumed");
+}
+
+function replace_by_id(theid, format) {
+
+ if (format != "html") { return "" }
+
+ var this_object_new = output_from_id("",theid, format);
+
+ console.log("id", theid);
+// GO BACK AND REVISIT THE NEXT 3 LINES
+// document.getElementById(theid).setAttribute("id", "delete_me");
+// document.getElementById("delete_me").insertAdjacentHTML('beforebegin', this_object_new);
+// document.getElementById("delete_me").remove();
+
+// need to also work with MJ3
+// MathJax.Hub.Queue(['Typeset', MathJax.Hub, document.getElementById(theid)]);
+ console.log("MathJax on", theid, document.getElementById(theid));
+// MathJax.typesetPromise(document.getElementById(theid));
+ MathJax.typesetPromise();
+
+ console.log("adjusting workspace");
+window.setTimeout(adjustWorkspace, 1000);
+}
+
+// temporary: need to unify img and sbs layout
+function modify_by_id(theid, modifier) {
+ editorLog("modifying by id", theid);
+ if (internalSource[theid]["sourcetag"] == "sbspanel") {
+ modify_by_id_sbs(theid, modifier)
+ } else if (environment_instances["project-like"].includes(internalSource[theid]["sourcetag"])
+ || internalSource[theid]["sourcetag"] == "task") {
+ modify_by_id_workspace(theid, modifier)
+ } else {
+ modify_by_id_image(theid, modifier)
+ }
+ save_edits()
+}
+
+function modify_by_id_workspace(theid, modifier) {
+
+ var the_height = internalSource[theid]["workspace"];
+ editorLog("the_height", the_height, "from", internalSource[theid]);
+
+//modify: enlarge, shrink, enlargeslightly, shrinkslightly, done
+
+ the_height = parseInt(the_height);
+ editorLog('the_height, ', the_height);
+
+ if (modifier == "enlarge") { the_height += 10 }
+ else if (modifier == "shrink") { the_height -= 10 }
+ else if (modifier == "enlargeslightly") { the_height += 1 }
+ else if (modifier == "shrinkslightly") { the_height -= 1 }
+
+ if (the_height < 0) { the_height = 0 }
+
+ internalSource[theid]["workspace"] = the_height;
+ editorLog("the_height is now", the_height);
+
+ var this_workspace = document.getElementById(theid).querySelector(".workspace");
+ this_workspace.setAttribute("style", "height:" + the_height*10 + "px");
+ this_workspace.setAttribute("data-space", the_height);
+}
+
+function modify_by_id_image(theid, modifier) {
+
+ var width = internalSource[theid]["width"];
+ var marginleft = internalSource[theid]["marginleft"];
+ var marginright = internalSource[theid]["marginright"];
+ editorLog('width, , marginright, , marginleft', width, "mr", marginright, "ml", marginleft);
+ width = parseInt(width);
+ marginright = parseInt(marginright);
+ marginleft = parseInt(marginleft);
+
+ var scale_direction = 1;
+ var moving_direction = 1;
+ if (modifier == "shrink") { scale_direction = -1 }
+ else if (modifier == "left") { moving_direction = -1 }
+ if ("enlarge shrink".includes(modifier)) {
+ if ((width >= 100 && scale_direction == 1) || (width <= 0 && scale_direction == -1)) {
+ editorLog("can't go above 100 or below 0");
+ return
+ } else {
+ width += 2*scale_direction*magnify_scale;
+ }
+ if (marginleft > 0 && marginright > 0) {
+ marginleft += -1*scale_direction*magnify_scale;
+ marginright += -1*scale_direction*magnify_scale;
+ } else if (marginleft > 0) {
+ marginleft += -2*scale_direction*magnify_scale;
+ } else if (marginright > 0) {
+ marginright += -2*scale_direction*magnify_scale;
+ } else if (scale_direction < 0) { // applies when we shrink a 100 width image
+ marginleft += -1*scale_direction*magnify_scale;
+ marginright += -1*scale_direction*magnify_scale;
+ } else {
+ // do nothing: this is a placeholder which is reached when both margins are 0
+ editorLog("already have no margins, width is", width);
+ }
+ } else if ("left right".includes(modifier)) {
+ editorLog("marginleft*moving_direction", marginleft*moving_direction, "marginright*moving_direction", marginright*moving_direction);
+ if ((marginleft > 0 && marginright > 0) || (marginright*moving_direction > 0) || (marginleft*moving_direction < 0)) {
+ marginleft += moving_direction*move_scale;
+ marginright += -1*moving_direction*move_scale;
+ } else {
+ // do nothing: this is a placeholder which is reached when both margins are 0
+ // we choose to prioritize scale, so a 100% image cannot be shifted
+ editorLog("already at 100%, width is", width);
+ }
+ }
+
+ var the_new_sizes = "width: " + width + "%;";
+ the_new_sizes += "margin-right: " + marginright + "%;";
+ the_new_sizes += "margin-left: " + marginleft + "%;";
+
+ internalSource[theid]["width"] = width;
+ internalSource[theid]["marginleft"] = marginleft;
+ internalSource[theid]["marginright"] = marginright;
+
+ document.getElementById(theid).setAttribute("style", the_new_sizes);
+}
+
+function modify_by_id_sbs(theid, modifier) {
+
+ var this_panel_source = internalSource[theid];
+// var this_width = this_panel_source["width"];
+ var this_sbs_id = this_panel_source["parent"][0];
+ var this_sbs_source = internalSource[this_sbs_id];
+ editorLog("this_sbs_source", this_sbs_source);
+ var marginleft = parseInt(this_sbs_source["marginleft"]);
+ var marginright = parseInt(this_sbs_source["marginright"]);
+ var these_siblings = this_sbs_source["content"];
+ these_siblings = these_siblings.replace(/^\s*<&>\s*/, "");
+ these_siblings = these_siblings.replace(/\s*<;>\s*$/, "");
+ these_siblings = these_siblings.replace(/>\s*<");
+ editorLog("these_siblings", these_siblings);
+ var these_siblings_list = these_siblings.split("<;><&>");
+ var this_panel_index = these_siblings_list.indexOf(theid);
+ editorLog("this panel", theid, "is", this_panel_index, "within", these_siblings_list);
+ var these_panel_widths = this_sbs_source.widths;
+ var this_width = parseInt(these_panel_widths[this_panel_index]);
+ var total_width = 0;
+ editorLog("these html siblings",document.getElementById(these_siblings_list[0])," and ", document.getElementById(these_siblings_list[1]))
+ editorLog("these siblings source", internalSource[these_siblings_list[0]], "and", internalSource[these_siblings_list[1]]);
+ for(var j=0; j < these_siblings_list.length; ++j) {
+ // var t_wid = parseInt(internalSource[these_siblings_list[j]]["width"]);
+ var t_wid = parseInt(these_panel_widths[j]);
+ these_panel_widths[j] = t_wid; // put it back as an integer
+ editorLog("adding width", t_wid);
+ total_width += t_wid;
+ // these_panel_widths.push(t_wid);
+ }
+// if (this_width != these_panel_widths[this_panel_index]) {
+// errorLog("error: width", this_width, "not on list", these_panel_widths)
+// } else {
+// editorLog("width", this_width, "on list", these_panel_widths)
+// }
+
+ editorLog("occ", marginleft, "u", total_width, "pi", marginright, "total", marginleft + total_width + marginright, "ratio", marginright/total_width)
+ var remaining_space = 100 - (marginleft + total_width + marginright);
+ editorLog("remaining_space", remaining_space);
+
+//modify: enlarge, shrink, left, right, ??? done
+
+// make the data structure better, then delete this comment
+// currently style looks like "width: 66%; margin-right: 17%; margin-left: 17%"
+ editorLog('width', this_width, "mr", marginright, "ml", marginleft);
+
+ editorLog("modifier", modifier);
+
+ var scale_direction = 1;
+ var moving_direction = 1;
+
+ if (modifier == "enlargeall") {
+ editorLog("enlarging all", "remaining space", remaining_space);
+ if (remaining_space >= these_panel_widths.length) {
+ for (var j=0; j < these_panel_widths.length; ++j) {
+ these_panel_widths[j] += 1
+ }
+ // probablu the next case handles the first case
+ } else if (remaining_space + marginleft + marginright >= these_panel_widths.length) {
+ for (var j=0; j < these_panel_widths.length; ++j) {
+ these_panel_widths[j] += 1
+ }
+ var missing_length = these_panel_widths.length - remaining_space;
+ while (missing_length) {
+ missing_length -= 1;
+ if (missing_length % 2) {
+ if (marginleft) { marginleft -= 1 }
+ else { marginright -= 1 }
+ } else {
+ if (marginright) { marginright -= 1 }
+ else { marginleft -= 1 }
+ }
+ }
+ } else {
+ editorLog("Problem: not implemented yet")
+ }
+ } else if (modifier == "shrinkall") {
+ for (var j=0; j < these_panel_widths.length; ++j) {
+ if (these_panel_widths[j]) { these_panel_widths[j] -= 1 }
+ }
+ } else if (modifier == "enlarge") {
+ editorLog("enlarging one");
+ if (remaining_space) { these_panel_widths[this_panel_index] += 1 }
+ } else if (modifier == "shrink") {
+ editorLog("shrinking one");
+ if (these_panel_widths[this_panel_index]) { these_panel_widths[this_panel_index] -= 1 }
+ } else if (modifier == "leftplus") {
+ if (remaining_space) { marginleft += 1 }
+ } else if (modifier == "leftminus") {
+ if (marginleft) { marginleft -= 1 }
+ } else if (modifier == "rightplus") {
+ if (remaining_space) { marginright += 1 }
+ } else if (modifier == "rightminus") {
+ if (marginright) { marginright -= 1 }
+ }
+ editorLog("now these_panel_widths", these_panel_widths);
+
+// missing cases??
+
+ internalSource[this_sbs_id]["marginleft"] = marginleft;
+ internalSource[this_sbs_id]["marginright"] = marginright;
+ internalSource[this_sbs_id]["widths"] = these_panel_widths;
+
+// next is wrong, becuase the sbsrow does not have an id
+/*
+ document.getElementById(this_sbs_id).style.marginLeft = marginleft + "%";
+ document.getElementById(this_sbs_id).style.marginRight = marginright + "%";
+*/
+ document.getElementById(theid).parentElement.style.marginLeft = marginleft + "%";
+ document.getElementById(theid).parentElement.style.marginRight = marginright + "%";
+
+ for (var j=0; j < these_siblings_list.length; ++j) {
+ var this_id = these_siblings_list[j];
+// internalSource[this_id]["width"] = these_panel_widths[j];
+ var width = rescale(these_panel_widths[j], 100, marginleft, marginright)
+ // document.getElementById(this_id).style.width = these_panel_widths[j] + "%";
+ document.getElementById(this_id).style.width = width + "%";
+ }
+ editorLog("NOW these html siblings",document.getElementById(these_siblings_list[0])," and ", document.getElementById(these_siblings_list[1]))
+ editorLog("NOW these siblings source", internalSource[these_siblings_list[0]], "and", internalSource[these_siblings_list[1]]);
+ editorLog("and internalSource[this_id]", internalSource[this_id]);
+ editorLog("and also internalSource[this_sbs_id]", internalSource[this_sbs_id]);
+}
+
+function move_by_id_local(theid, thehandleid) {
+ // when moving an object within a page, we create a phantomobject that is manipulated
+ // the actual movement is handled by move_object(e)
+
+ first_move = true;
+
+ document.getElementById("edit_menu_holder").remove()
+ document.getElementById(theid).classList.remove("may_select");
+
+ moved_content = internalSource[theid];
+ moved_content_tag = moved_content["sourcetag"];
+ ongoing_editing_actions.push(["moved", moved_content_tag, theid]);
+ moved_parent_and_location = moved_content["parent"];
+ editorLog("moving", theid);
+ editorLog("moved_parent_and_location", moved_parent_and_location);
+ // code duplicated elsewhere
+ var where_it_was = internalSource[moved_parent_and_location[0]][ moved_parent_and_location[1] ];
+ editorLog("where_it_was", where_it_was);
+ var object_in_parent = '<&>' + theid + '<;>';
+ var where_it_is = where_it_was.replace(object_in_parent, "");
+ editorLog("where_it_is ZZ" + where_it_is + "EE");
+ internalSource[moved_parent_and_location[0]][ moved_parent_and_location[1] ] = where_it_is;
+
+ // but first, remember the initial location of the object
+
+ moving_object = document.getElementById(theid);
+ editorLog("moving", moving_object, "within this page");
+ editorLog("moving_id", theid);
+ editorLog("current_editing[tree][0]", current_editing["tree"][0]);
+ if (moved_content_tag == "li") {
+ movement_location_neighbors = next_editable_of(current_editing["tree"][0][0], "li-only");
+ } else if (tag_type(moved_content_tag) == "p") {
+ movement_location_neighbors = next_editable_of(current_editing["tree"][0][0], "inner-block");
+ } else {
+ movement_location_neighbors = next_editable_of(current_editing["tree"][0][0], "outer-block");
+ }
+ editorLog("movement_location_neighbors", movement_location_neighbors);
+ var foundit = false;
+ var movement_location_tmp = 0;
+ for (var j=0; j < movement_location_neighbors.length; ++j) {
+ if (movement_location_neighbors[j] == moving_object) {
+ movement_location_tmp = j;
+ // delete the one which is being moved, because
+ // we are making a list of slots to place it, and its slot will still be there
+ // isn't there a better way to delete one item from a list?
+ movement_location_neighbors.splice(j, 1);
+ foundit = true;
+ break;
+ }
+ }
+
+ if (!foundit) { errorLog("serious error: trying to move an object that is not movable", theid) }
+
+ editorLog("movement_location_tmp", movement_location_tmp);
+ // a paragraph by itself in an item or a statement can have a new paragraph before or after it
+ movement_location_options = [[movement_location_neighbors[0], "beforebegin"],
+ [movement_location_neighbors[0], "afterend"]];
+ movement_location = 0;
+ var movement_location_ct = 1;
+ for (var j=1; j < movement_location_neighbors.length; ++j) {
+ if (movement_location_tmp == j) { movement_location = movement_location_ct }
+ movement_location_ct += 1;
+ if (movement_location_neighbors[j-1].parentElement == movement_location_neighbors[j].parentElement) {
+ movement_location_options.push([movement_location_neighbors[j], "afterend"])
+ } else {
+ movement_location_ct += 1;
+ movement_location_options.push([movement_location_neighbors[j], "beforebegin"])
+ movement_location_options.push([movement_location_neighbors[j], "afterend"])
+ }
+ }
+ editorLog("movement_location_ct", movement_location_ct);
+ editorLog("movement_location", movement_location);
+
+ editorLog("made", movement_location_options.length, "movement_location_options", movement_location_options);
+ editorLog("from", movement_location_neighbors.length, "movement_location_neighbors", movement_location_neighbors);
+
+ var the_phantomobject = document.createElement('div');
+ the_phantomobject.setAttribute("id", "phantomobject");
+ the_phantomobject.setAttribute("data-moving_id", theid);
+ the_phantomobject.setAttribute("data-handle_id", thehandleid);
+ the_phantomobject.setAttribute("class", "phantomobject move");
+ the_phantomobject.setAttribute("tabindex", "-1");
+ var these_instructions = '
↑ "shift-tab", or "up arrow", to move up
';
+ these_instructions += '
"return" or "escape" to set in place
';
+ these_instructions += '
↓ "tab" or "down arrow" to move down
';
+ the_phantomobject.innerHTML = these_instructions;
+ // if we are moving a p which has parent li, and it is the only p there, then delete the parent li
+ // note: this will be wrong if there is other non-p siblings inside the li
+ var moving_object_replace = moving_object;
+ if (tag_type(moved_content_tag) == "p" && internalSource[moved_parent_and_location[0]]["sourcetag"] == "li") {
+ // check if that p is the only thing inside the li (so the li is empty when we move the p), and if so,
+ // remove that li from internalSource and also the HTML, and the reverence to it in internalSource
+ if (moving_object.parentElement.getElementsByTagName("p").length == 1) {
+ moving_object_replace = moving_object.parentElement
+ var now_empty_li_id = moved_parent_and_location[0];
+ editorLog("list item now empty:", now_empty_li_id);
+ var now_empty_li_parent_and_location = internalSource[now_empty_li_id]["parent"];
+ var where_it_was = internalSource[now_empty_li_parent_and_location[0]][ now_empty_li_parent_and_location[1] ];
+ var object_in_parent = '<&>' + now_empty_li_id + '<;>';
+ var where_it_is = where_it_was.replace(object_in_parent, "");
+ delete internalSource[now_empty_li_id];
+ editorLog("where_it_is II" + where_it_is + "OO");
+ internalSource[now_empty_li_parent_and_location[0]][ now_empty_li_parent_and_location[1] ] = where_it_is;
+ }
+ }
+ moving_object_replace.replaceWith(the_phantomobject)
+ document.getElementById("phantomobject").focus();
+}
+
+function move_object(e) {
+ // we have alread set movement_location_options and movement_location
+ editorLog("movement_location",movement_location);
+ if ((e.code == "Tab" && e.shiftKey) || e.code == "ArrowUp") { // Shift-Tab up the page
+ e.preventDefault();
+ if (movement_location == 0) {
+ alert("can't move past the top")
+ } else {
+ if (first_move) { first_move = false; }
+ movement_location -= 1
+ }
+ } else if ((e.code == "Tab" || e.code == "ArrowDown") && !e.shiftKey) {
+ e.preventDefault();
+ if (first_move) { first_move = false; editorLog("did first move") }
+ if (movement_location == movement_location_options.length - 1) {
+ alert("can't move past the bottom")
+ } else {
+ movement_location += 1
+ }
+ } else if (e.code == "Escape" || e.code == "Enter" || e.code == "ArrowRight") {
+ e.preventDefault();
+ editorLog(" decided where to put moving_object", moving_object);
+ var id_of_moving_object = document.getElementById('phantomobject').getAttribute("data-moving_id");
+ editorLog("moving object started as", internalSource[id_of_moving_object]);
+ var handle_of_moving_object = document.getElementById('phantomobject').getAttribute("data-handle_id");
+ document.getElementById('phantomobject').remove();
+ var new_anchor_and_position = movement_location_options[movement_location]
+ editorLog("new_location_anchor",new_anchor_and_position);
+ new_anchor_and_position[0].insertAdjacentElement(new_anchor_and_position[1], moving_object);
+
+ // the html appears to be updated, but we still need to update both the internal source:
+ var new_neighbor_id = new_anchor_and_position[0].id;
+ editorLog("new_neighbor_id", new_neighbor_id);
+ editorLog("which has source", internalSource[new_neighbor_id]);
+ var new_neighbor_rel_pos = new_anchor_and_position[1];
+ var [new_neighbor_parent, new_neighbor_location] = internalSource[new_neighbor_id]["parent"];
+ var new_neighbor_in_context = internalSource[new_neighbor_parent][new_neighbor_location];
+ editorLog("new_neighbor_in_context was", new_neighbor_in_context);
+ var neighbor_tag = '<&>' + new_neighbor_id + '<;>';
+ var neighbor_tag_re = new RegExp(neighbor_tag);
+
+ var moving_object_tag = '<&>' + id_of_moving_object + '<;>';
+ if (new_neighbor_rel_pos == "beforebegin") {
+ // new_neighbor_in_context.replace(neighbor_tag, moving_object_tag + "\n" + neighbor_tag)
+// RegExp
+ new_neighbor_in_context = new_neighbor_in_context.replace(neighbor_tag_re, moving_object_tag + "\n" + neighbor_tag)
+ } else {
+ new_neighbor_in_context = new_neighbor_in_context.replace(neighbor_tag_re, neighbor_tag + "\n" + moving_object_tag)
+ }
+ editorLog("new_neighbor_in_context is", new_neighbor_in_context);
+ internalSource[new_neighbor_parent][new_neighbor_location] = new_neighbor_in_context;
+ internalSource[id_of_moving_object]["parent"] = [new_neighbor_parent, new_neighbor_location];
+ editorLog("moving object ended as", internalSource[id_of_moving_object]);
+
+ save_edits();
+
+ // and the navigation information
+ make_current_editing_tree_from_id(handle_of_moving_object);
+
+ var most_recent_edit = ongoing_editing_actions.pop();
+ recent_editing_actions.unshift(most_recent_edit);
+
+ edit_menu_from_current_editing("entering");
+ return
+
+ } else {
+ editorLog("don't know how to move with", e.code)
+ }
+
+ editorLog("now movement_location", movement_location);
+ var the_phantomobject = document.getElementById('phantomobject');
+ movement_location_options[movement_location][0].insertAdjacentElement(movement_location_options[movement_location][1], the_phantomobject);
+ document.getElementById("phantomobject").focus();
+}
+
+function delete_by_id(theid, thereason) {
+ // reasons to delete something: author wants it deleted, it is empty, ...
+ // first delete the specific object
+ final_added_object = "";
+ editorLog("deleting by theid", theid, "with content", internalSource[theid]);
+ var deleted_content = internalSource[theid];
+ var parent_and_location = deleted_content["parent"];
+ delete internalSource[theid];
+ editorLog("deleted", theid, "so", theid in internalSource, "now", internalSource);
+ // and save what was deleted
+ if (theid in old_content) {
+ old_content[theid].push(deleted_content)
+ } else {
+ old_content[theid] = [deleted_content]
+ }
+ if (thereason != "newempty") { // not sure newempty can still happen
+ ongoing_editing_actions.push(["deleted ", deleted_content["sourcetag"], theid]);
+ }
+ // update the parent of the object
+ var current_level = current_editing["level"];
+ var where_it_was = internalSource[parent_and_location[0]][ parent_and_location[1] ];
+ var object_in_parent = '<&>' + theid + '<;>';
+ var where_it_is = where_it_was.replace(object_in_parent, "");
+ editorLog("where_it_is ZZ" + where_it_is + "EE");
+ internalSource[parent_and_location[0]][ parent_and_location[1] ] = where_it_is;
+ // if the parent is empty, delete it
+ if (!(where_it_is.trim()) && (parent_and_location[1] == "content" || parent_and_location[1] == "statement")) {
+ editorLog(" deleted from within", internalSource[parent_and_location[0]]);
+ document.getElementById(theid).removeAttribute("data-editable"); // so it is invisible to next-editable-of as we delete its parent
+ if (internalSource[parent_and_location[0]][ "sourcetag" ] == "li") {
+ editorLog("not going up a level, because it is a list element")
+ } else {
+ current_editing["level"] -= 1;
+ }
+ delete_by_id(parent_and_location[0], thereason)
+ } else { // else, because the parent is going to be deleted, so no need to delete the child
+ // delete from the html
+ var current_index = current_editing["location"][current_level] + 1; // +1 because the deleted item is still in the current_editing tree
+ if (thereason == "empty" || thereason == "newempty") {
+ editorLog("removing from DOM", document.getElementById(theid));
+ document.getElementById(theid).remove();
+ current_index -= 1;
+ editorLog("current_index", current_index, "current_level", current_level);
+ editorLog(current_editing["tree"][ current_level ]);
+ // hack because adding a list (inside a defn?) is not updating the tree properly
+ if (current_index > current_editing["tree"][ current_level ].length - 1) {
+ current_index = current_editing["tree"][ current_level ].length - 1
+ }
+ if (current_editing["tree"][ current_level ][ current_index ].id == theid) {
+ current_editing["tree"][ current_level ].splice(current_index, 1)
+ }
+ editorLog("empty or newempty", thereason)
+ } else {
+ editorLog("deleting for another reason", thereason)
+ document.getElementById("edit_menu_holder").remove()
+ document.getElementById(theid).setAttribute("id", "deleting");
+ document.getElementById("deleting").removeAttribute("data-editable"); // so it is invisible to next-editable-of
+ setTimeout(() => { document.getElementById("deleting").remove(); }, 600);
+ }
+
+ if (current_index >= current_editing["tree"][ current_level ].length) {
+ current_index = current_editing["tree"][ current_level ].length - 2;
+ }
+ editorLog("current_index", current_index, "in", current_editing["tree"][ current_level ]);
+ editorLog("object of interest", current_editing["tree"][ current_level ][ current_index ]);
+ editorLog("current_level", current_level, "on", current_editing["tree"]);
+ make_current_editing_tree_from_id(current_editing["tree"][ current_level ][ current_index].id);
+ edit_menu_from_current_editing("entering");
+ }
+ save_edits()
+}
+
+
+var internalSource = { // currently the key is the HTML id
+ "root_data": {"id": "page-1", "number_base": "0.1" }
+}
+
+/* top_level_id is a mistake: just use internalSource.root_data.id */
+var top_level_id = internalSource["root_data"]["id"];
+
+var current_editing = {
+ "level": 0,
+ "location": [0],
+ "tree": [ [document.getElementById(top_level_id)] ]
+}
+
+
+function create_local_menu() {
+
+// this does not work, but local menu navigator would not have worked either
+
+ editorLog("make local edit menu for", this_obj_id);
+ var local_menu_holder = document.createElement('div');
+ local_menu_holder.setAttribute('id', 'local_menu_holder');
+ local_menu_holder.setAttribute('tabindex', '-1');
+ editorLog("adding local menu for", this_obj_id);
+ document.getElementById(this_obj_id).insertAdjacentElement("afterbegin", local_menu_holder);
+
+ var enter_option = document.createElement('ol');
+ enter_option.setAttribute('id', 'edit_menu');
+ enter_option.setAttribute('class', 'edit_menu');
+
+ enter_option.innerHTML = menu_options_for(this_obj_id, "XunusedX", "base");
+
+ document.getElementById("local_menu_holder").insertAdjacentElement("afterbegin", enter_option);
+
+}
+
+function extract_internal_contents(some_text) {
+
+ // some_text must be a paragraph with mixed content only contining
+ // non-nested tags
+ the_text = some_text;
+ editorLog(" xxxxxxxxxx the_text is", the_text);
+ editorLog("extract_internal_contents");
+
+ // delete class information
+ the_text = the_text.replace(/ class="[^"]"/g, "");
+
+ // inline from previous editing
+ editorLog("extracting where 'data-editable...'");
+ the_text = the_text.replace(/<([^<]+) data-editable="[^"]+" tabindex="-1">(.*?)<[^<]+>/g, save_internal_cont);
+ editorLog("extracting where 'contenteditable...'");
+ the_text = the_text.replace(/<([^<]+) contenteditable="false">(.*?)<[^<]+>/g, save_internal_cont);
+ // new $math$
+ editorLog("extracting new $math$");
+ the_text = the_text.replace(/(^|\s)\$([^\$]+)\$(\s|$|[.,!?;:])/mg, extract_new_math);
+ // new \\(math\\)
+ editorLog("extracting new \\(math\\)");
+ the_text = the_text.replace(/(^|.)\\\(([^\$]+)\\\)(.|$)/g, extract_new_math);
+ // new
math
+ editorLog("extracting new
math ");
+ the_text = the_text.replace(/(^|.)<m>(.*?)<\/m>(.|$)/g, extract_new_math);
+
+ // "..." to
, which will then be processed
+ the_text = the_text.replace(/\.\.\./g, '<ellipsis\/>');
+ // same for etc
+ the_text = the_text.replace(/(\s)etc\.?([^a-zA-Z])/g, '$1<etc\/>$2');
+
+ for (var j=0; j < inline_abbrev.length; ++j) {
+ var this_tag = inline_abbrev[j];
+ editorLog("this_tag", this_tag);
+ var this_tag_search = "<(" + this_tag + ")\\/>";
+ editorLog("searching for", this_tag_search);
+ var this_tag_search_re = new RegExp(this_tag_search,"g");
+ the_text = the_text.replace(this_tag_search_re, extract_new_inline)
+ }
+
+ // "quote" to
quote , which will then be processed
+ the_text = the_text.replace(/(^|\s)"([^"]+)"(\s|$|[.,!?;:])/g, '$1<q>$2<\/q>$3');
+ the_text = the_text.replace(/(^|\s)“([^”]+)”(\s|$|[.,!?;:])/g, '$1<q>$2<\/q>$3');
+ the_text = the_text.replace(/(^|\s)‘([^’]+)’(\s|$|[.,!?;:])/g, '$1<q>$2<\/q>$3');
+
+ for (var j=0; j < inline_tags.length; ++j) {
+ var this_tag = inline_tags[j];
+ editorLog("this_tag", this_tag);
+ var this_tag_search = "<(" + this_tag + ") *>" + "(.*?)" + "<\\/" + this_tag + ">";
+ editorLog("searching for", this_tag_search);
+ var this_tag_search_re = new RegExp(this_tag_search,"g");
+ the_text = the_text.replace(this_tag_search_re, extract_new_inline)
+ }
+
+ return the_text
+}
+
+function extract_new_math(match, sp_before, math_content, sp_after) {
+ var new_math_id = randomstring();
+ internalSource[new_math_id] = { "xml:id": new_math_id, "sourcetag": "m",
+ "content": math_content}
+ return sp_before + "<&>" + new_math_id + "<;>" + sp_after
+}
+function extract_new_inline(match, the_tag, the_content) {
+ var new_id = randomstring();
+ editorLog("extracting", the_content, "inside", the_tag);
+ internalSource[new_id] = { "xml:id": new_id, "sourcetag": the_tag,
+ "content": the_content};
+ return "<&>" + new_id + "<;>"
+}
+function extract_new_abbrev(match, the_tag) {
+ var new_id = randomstring();
+ editorLog("extracting", the_content, "inside", the_tag);
+ internalSource[new_id] = { "xml:id": new_id, "sourcetag": the_tag};
+ return "<&>" + new_id + "<;>"
+}
+
+// rename this next function
+function save_internal_cont(match, contains_id, the_contents) {
+ this_id = contains_id.replace(/.*id="(.+?)".*/, '$1');
+
+ editorLog("id", this_id, "now has contents", the_contents);
+ if ("content" in internalSource[this_id]) { // not all objects have content
+ internalSource[this_id]["content"] = the_contents;
+ } else if (internalSource[this_id]["sourcetag"] == "xref") {
+ // this needs work once we have text="custom" references
+ internalSource[this_id]["ref"] = the_contents;
+ }
+ editorLog("all of it is now", internalSource[this_id]);
+ return "<&>" + this_id + "<;>"
+}
+function assemble_internal_version_changes(object_being_edited) {
+ editorLog("in assemble_internal_version_changes");
+ editorLog("current active element to be saved", object_being_edited);
+ editorLog("which has parent", object_being_edited.parentElement);
+ editorLog("whose age is", object_being_edited.parentElement.getAttribute("data-age"));
+
+ var oldornew = object_being_edited.parentElement.getAttribute("data-age");
+ if (!oldornew) { oldornew = object_being_edited.getAttribute("data-age") }
+ editorLog(" OLDorNEW", oldornew);
+
+ var possibly_changed_ids_and_entry = [];
+ var nature_of_the_change = "";
+
+// var object_being_edited = document.activeElement;
+ var location_of_change = object_being_edited.parentElement;
+ var this_arrangement_of_objects = "";
+
+ if (object_being_edited.classList.contains("paragraph_input")) {
+ editorLog("found paragraph_input");
+ nature_of_the_change = "replace";
+ var paragraph_content = object_being_edited.innerHTML;
+ // editorLog("paragraph_content from innerHTML", paragraph_content);
+ paragraph_content = paragraph_content.trim();
+
+ var cursor_location = object_being_edited.selectionStart;
+
+ editorLog("cursor_location", cursor_location, "out of", paragraph_content.length, "paragraph_content", paragraph_content);
+
+ var parent_and_location = [object_being_edited.getAttribute("data-parent_id"), object_being_edited.getAttribute("data-parent_component")];
+ editorLog("parent_and_location", parent_and_location);
+ editorLog("of ", object_being_edited);
+
+ var prev_id = object_being_edited.getAttribute("data-source_id");
+ editorLog("prev_id", prev_id);
+ editorLog("which contains", internalSource[prev_id]);
+
+ // need to replace the below by split_paragraphs
+
+ // does the textbox contain more than one paragraph?
+ var paragraph_content_list = paragraph_content.split("
");
+ editorLog("there were", paragraph_content_list.length, "paragraphs, but some may be empty");
+ for (var j=0; j < paragraph_content_list.length; ++j) {
+ editorLog("paragraph", j, "begins", paragraph_content_list[j].substring(0,20))
+ }
+
+ var paragraph_content_list_trimmed = [];
+
+ for (var j=0; j < paragraph_content_list.length; ++j) {
+ // probably each paragraph is wrapped in meaningless div tags
+ var this_paragraph_contents_raw = paragraph_content_list[j];
+ this_paragraph_contents_raw = this_paragraph_contents_raw.replace(/<\/div>
/g, "\n");
+ this_paragraph_contents_raw = this_paragraph_contents_raw.replace(/
/g, "");
+ this_paragraph_contents_raw = this_paragraph_contents_raw.replace(/<\/div>/g, "");
+ this_paragraph_contents_raw = this_paragraph_contents_raw.replace(/ /g, " ");
+ this_paragraph_contents_raw = this_paragraph_contents_raw.replace(/ +
/g, "\n");
+ this_paragraph_contents_raw = this_paragraph_contents_raw.replace(/
/g, "\n");
+ this_paragraph_contents_raw = this_paragraph_contents_raw.trim();
+ if (!this_paragraph_contents_raw) { editorLog("empty paragraph") }
+ else { paragraph_content_list_trimmed.push(this_paragraph_contents_raw) }
+ // editorLog("this_paragraph_contents_raw", this_paragraph_contents_raw);
+ editorLog("done transforming paragraph", j, "with object_being_edited",object_being_edited);
+ editorLog("which has contents", this_paragraph_contents_raw)
+ }
+
+ if (!paragraph_content_list_trimmed.length ) {
+ // empty, so insert it and delete it later
+ paragraph_content_list_trimmed = [""];
+ }
+
+ for (var j=0; j < paragraph_content_list_trimmed.length; ++j) {
+ editorLog("_trimmed paragraph", j, "begins", paragraph_content_list_trimmed[j].substring(0,20))
+ }
+ for (var j=0; j < paragraph_content_list_trimmed.length; ++j) {
+ var this_paragraph_contents = paragraph_content_list_trimmed[j];
+ editorLog("this_paragraph_contents", this_paragraph_contents.substring(0,20));
+ if (j == 0 && prev_id) {
+ if (prev_id in internalSource) {
+ // the content is referenced, so we update the referenced content
+ // need to check internal content, such as em or math
+ this_paragraph_contents = extract_internal_contents(this_paragraph_contents);
+ if (internalSource[prev_id]["content"] != this_paragraph_contents) {
+ if (internalSource[prev_id]["content"]) {
+ ongoing_editing_actions.push(["changed", "p", prev_id]);
+ } else if (this_paragraph_contents) {
+ ongoing_editing_actions.push(["new", "p", prev_id]);
+ }
+ internalSource[prev_id]["content"] = this_paragraph_contents;
+ editorLog("changed content of", prev_id)
+ } else if (!this_paragraph_contents) { // adding an empty paragraph
+ ongoing_editing_actions.push(["empty", "p", prev_id]);
+ } else {
+ // this means the contents are nonempty and unchanged, so don't record is as a change
+ }
+ possibly_changed_ids_and_entry.push([prev_id, "content", oldornew]);
+ this_arrangement_of_objects = internalSource[parent_and_location[0]][parent_and_location[1]];
+ } else {
+ errorLog("error: existing tag from input", prev_id, "not in internalSource")
+ }
+ } else { // a newly created paragraph
+ var this_object_internal = {"sourcetag": "p", "title": ""}; //p don't have title
+ this_object_label = randomstring();
+ this_object_internal["xml:id"] = this_object_label;
+ this_object_internal["parent"] = parent_and_location;
+
+ // put the new p after the previous p in the string describing the neighboring contents
+ var object_before = new RegExp('(<&>' + prev_id + '<;>)');
+ this_arrangement_of_objects = this_arrangement_of_objects.replace(object_before, '$1' + '\n<&>' + this_object_label + '<;>');
+ prev_id = this_object_label;
+
+ this_paragraph_contents = extract_internal_contents(this_paragraph_contents);
+ this_object_internal["content"] = this_paragraph_contents;
+ internalSource[this_object_label] = this_object_internal
+ editorLog("just inserted at label", this_object_label, "content starting", this_paragraph_contents.substring(0,11), "which is now", internalSource[this_object_label]);
+ ongoing_editing_actions.push(["added", "p", this_object_label]);
+// here is where we can record that somethign is empty, hence should be deleted
+ possibly_changed_ids_and_entry.push([this_object_label, "content", "new"]);
+ }
+ }
+ editorLog("parent_and_location", parent_and_location);
+ editorLog("this_arrangement_of_objects was", internalSource[parent_and_location[0]][parent_and_location[1]]);
+ internalSource[parent_and_location[0]][parent_and_location[1]] = this_arrangement_of_objects;
+ editorLog("this_arrangement_of_objects is", this_arrangement_of_objects);
+ } else if (object_being_edited.classList.contains("displaymath_input")) {
+ editorLog("found displaymath_input");
+ nature_of_the_change = "replace";
+ var paragraph_content = object_being_edited.innerHTML;
+ // editorLog("paragraph_content from innerHTML", paragraph_content);
+ paragraph_content = paragraph_content.trim();
+
+ var cursor_location = object_being_edited.selectionStart;
+
+ editorLog("cursor_location", cursor_location, "out of", paragraph_content.length, "paragraph_content", paragraph_content);
+
+ var parent_and_location = [object_being_edited.getAttribute("data-parent_id"), object_being_edited.getAttribute("data-parent_component")];
+
+ editorLog("parent_and_location", parent_and_location);
+ editorLog("of ", object_being_edited);
+
+ var prev_id = object_being_edited.getAttribute("data-source_id");
+ editorLog("prev_id", prev_id);
+ editorLog("which contains", internalSource[prev_id]);
+
+ // textbox may contain more than one paragraph
+ var paragraph_content_list = split_paragraphs(paragraph_content);
+ var this_paragraph_contents = paragraph_content_list.join("\n\\cr\n");
+ this_paragraph_contents = extract_internal_contents(this_paragraph_contents);
+
+ if (!internalSource[prev_id]["content"]) {
+ ongoing_editing_actions.push(["new", "md", prev_id]);
+ } else {
+ ongoing_editing_actions.push(["changed", "md", prev_id]);
+ }
+
+ internalSource[prev_id]["content"] = this_paragraph_contents
+ possibly_changed_ids_and_entry.push([prev_id, "content", oldornew]);
+
+ } else if (object_being_edited.getAttribute('data-component') == "title" ||
+ object_being_edited.getAttribute('data-component') == "caption") {
+
+ var this_content_type = object_being_edited.getAttribute('data-component');
+ nature_of_the_change = "replace";
+ var line_being_edited = object_being_edited;
+ var line_content = line_being_edited.innerHTML;
+ line_content = line_content.trim();
+ editorLog("the content (is it a title or caption?) is", line_content);
+ var owner_of_change = object_being_edited.getAttribute("data-source_id");
+ var component_being_changed = object_being_edited.getAttribute("data-component");
+ editorLog("component_being_changed", component_being_changed, "within", owner_of_change);
+ if (internalSource[owner_of_change][component_being_changed]) {
+ ongoing_editing_actions.push(["changed", this_content_type, owner_of_change]);
+ } else {
+ ongoing_editing_actions.push(["added", this_content_type, owner_of_change]);
+ }
+ // update the title of the object
+ internalSource[owner_of_change][component_being_changed] = line_content;
+ possibly_changed_ids_and_entry.push([owner_of_change, this_content_type]);
+
+ } else if (object_being_edited.classList.contains("image_source")) {
+ // currently this only handles images by URL.
+ // later do the case of uploading an image.
+ var image_src = object_being_edited.innerHTML;
+
+ // what is the right way to do this?
+ image_src = image_src.replace(/
/g, "");
+ image_src = image_src.replace(/<\/div>/g, "");
+ image_src = image_src.trim();
+ editorLog("changing image src to", image_src);
+
+ var image_being_changed = object_being_edited.getAttribute("data-source_id");
+ editorLog("image_being_changed ", image_being_changed);
+
+ if (internalSource[image_being_changed]["source"]) {
+ ongoing_editing_actions.push(["changed", "source", image_being_changed]);
+ } else {
+ ongoing_editing_actions.push(["added", "source", image_being_changed]);
+ }
+ internalSource[image_being_changed]["source"] = image_src;
+ editorLog("image being changed is", internalSource[image_being_changed]);
+ // possibly_changed_ids_and_entry.push([owner_of_change, "image"]);
+ possibly_changed_ids_and_entry.push([image_being_changed, "image"]);
+
+
+ } else if (inline_tags.includes(object_being_edited.tagName.toLowerCase())) {
+ editorLog(object_being_edited, "is inline, so processing parent");
+ return assemble_internal_version_changes(object_being_edited.parentElement)
+ } else if (object_being_edited.classList.contains("edit_math_row")) {
+ nature_of_the_change = "replace";
+ var line_being_edited = object_being_edited;
+ var line_content = line_being_edited.innerHTML;
+ line_content = line_content.trim();
+ editorLog("the content (is it a title?) is", line_content);
+ var owner_of_change = object_being_edited.getAttribute("id");
+ // var component_being_changed = object_being_edited.getAttribute("data-component");
+ var component_being_changed = "content";
+ editorLog("component_being_changed", component_being_changed, "within", owner_of_change);
+ // update the title of the object
+ if (internalSource[owner_of_change][component_being_changed]) {
+ ongoing_editing_actions.push(["changed", "mrow", owner_of_change]);
+ } else {
+ ongoing_editing_actions.push(["added", "mrow", owner_of_change]);
+ }
+ internalSource[owner_of_change][component_being_changed] = line_content;
+ possibly_changed_ids_and_entry.push([owner_of_change, "mrow"]);
+
+ } else {
+ errorLog("trouble editing", object_being_edited, "AAA", object_being_edited.tagName.toLowerCase(), "not in", inline_tags);
+ alert("don;t know how to assemble internal_version_changes of " + object_being_edited.tagName)
+ }
+ editorLog("finished assembling internal version, which is now:",internalSource);
+ editorLog(" NUMBER of things chagnged:", possibly_changed_ids_and_entry.length);
+ return [nature_of_the_change, location_of_change, possibly_changed_ids_and_entry]
+}
+
+function wrap_tag(tag, content, attribute_values) {
+ // tag is either an XML tag name, or [opening_tag, closing_tag]
+
+ // layout: inline or block or title
+ // is this the right place to handle empty content?
+// editorLog("calling wrap_tag", "tag", tag, "content", content, "attribute_values", attribute_values);
+ if (!content && !tag) { return "" }
+ if (!content && !always_empty_tags.includes(tag) && !allowed_empty_tags.includes(tag)) { return "" }
+ if (!tag) { return content }
+
+ var opening_tag = closing_tag = "";
+
+ if (typeof tag == "string") {
+ if (tag) {
+ opening_tag = "<" + tag;
+ for (var j=0; j < attribute_values.length; ++j) {
+ opening_tag += ' ' + attribute_values[j]
+ }
+ closing_tag = "";
+ }
+ if (!content && (always_empty_tags.includes(tag) || allowed_empty_tags.includes(tag))) {
+ opening_tag += "/>";
+ closing_tag = "";
+ } else {
+ opening_tag += ">";
+ }
+
+ if (tag_display["inline"].includes(tag)) {
+ // do nothing
+ } else if (tag_display["title"].includes(tag)) {
+ opening_tag = "\n" + opening_tag;
+ closing_tag = closing_tag + "\n"
+ } else if (tag_display["block-tight"].includes(tag)) {
+ // do nothing
+ } else { //the default
+ opening_tag = "\n" + opening_tag + "\n";
+ if (closing_tag) {
+ closing_tag = "\n" + closing_tag + "\n"
+ }
+ }
+ } else if (tag) {
+ [opening_tag, closing_tag] = tag
+ for (var j=0; j < attribute_values.length; ++j) {
+ opening_tag += ' ' + attribute_values[j]
+ }
+ } else {
+ opening_tag = "";
+ closing_tag = "";
+ }
+ if (!opening_tag) { opening_tag = "" }
+ if (!closing_tag) { closing_tag = "" }
+
+ if (content.includes("N.m")) { editorLog("3 ----- content",content); editorLog("opening_tag", opening_tag) }
+
+ if (opening_tag.startsWith("
(.*?)<;>/g, function (match, newid) {
+ if (newid.startsWith("{")) {
+ newid = newid.slice(1,-1);
+ if (newid in output_structure) {
+ return output_structure[newid]
+ } else { // don't want to return 'undefined'
+ return ""
+ }
+ } else if (newid.startsWith("(")) {
+ var this_piece = newid.slice(1,-1);
+ var this_fcn;
+ [this_fcn, this_piece] = this_piece.split(",");
+ return process_value_from_source(this_fcn, this_piece, the_object)
+ } else {
+ if (newid in the_object) {
+ return the_object[newid]
+ } else {
+ return ""
+ }
+ }
+ });
+ editorLog(" attr_val", attr_val);
+ if (attr_val && !attr_val.includes('""')) {
+ output_attributes_values.push(attr_val)
+ }
+ }
+
+ editorLog("output_structure", output_tag, "is", output_structure);
+ editorLog("output_attributes_values", output_attributes_values);
+ editorLog("output_structure.pieces", output_structure.pieces);
+ for (var j=0; j < output_structure.pieces.length; ++j) {
+ var this_piece_output = "";
+ var [this_piece, this_tag] = output_structure.pieces[j];
+ editorLog("output_structure", output_structure);
+ // when this_piece is provisional, then this_tag is actually the key for the required content
+ editorLog(j, "this_piece", this_piece, "this_tag", this_tag, "output_tag", output_tag);
+ if (this_piece.startsWith("{")) {
+ this_piece = this_piece.slice(1,-1);
+ this_piece_output += output_from_source(the_object, objectStructure[this_piece][format], format);
+ editorLog("wrapping in bracketed tag", this_tag);
+ the_answer += wrap_tag(this_tag, this_piece_output, [])
+ } else if (this_piece.startsWith("%")) {
+ // need to distinguish between the case where this object exists,
+ // and when it does not exist and we want a placeholder
+ this_piece = this_piece.slice(1,-1);
+ editorLog("% % % % % % % % % ", this_piece, "this_tag", this_tag, "the_object", the_object);
+ editorLog("% % % % % % % % % ", the_object[this_piece]);
+ editorLog("% % % % % % % % % ", the_object[this_tag]);
+ if (the_object[this_tag]) {
+ // var sub_object = {};
+
+// Object.assign(sub_object, the_object);
+
+ // sub_object['type-contained'] = this_tag;
+ // editorLog("sub_object", sub_object);
+ // this_piece_output = output_from_source(sub_object, objectStructure[this_piece][format], format);
+ this_piece_output = expand_condensed_source_html(the_object[this_tag],"html?");
+ // this_piece_output = output_from_source(sub_object, objectStructure[this_piece][format], format);
+ the_answer += this_piece_output;
+ editorLog("this piece exists", this_piece, "this_piece_output", this_piece_output)
+ } else {
+ editorLog("making placeholder for", this_piece);
+ the_answer += wrap_tag("div", "", ['class="placeholder ' + this_piece + '"', 'data-parent_id="' + the_object['xml:id'] + '"', 'data-has="' + this_piece + '"', 'tabindex="-1"', 'data-editable="123456"', 'data-placeholder=""'])
+ }
+ } else if (this_piece.startsWith("(")) {
+ editorLog("whole this_piece", this_piece);
+ this_piece = this_piece.slice(1,-1);
+ var this_fcn;
+ [this_fcn, this_piece] = this_piece.split(",");
+ var this_content = process_value_from_source(this_fcn, this_piece, the_object)
+ editorLog(j, "parenthesized content", this_content, "this_piece", this_piece, "XX", this_tag)
+ the_answer += wrap_tag(this_tag, this_content, [])
+ } else if (this_piece in the_object) {
+ this_piece_output = output_from_text(the_object[this_piece], format);
+ if (format == "pretext" && output_tag == "md" && this_piece == "content") {
+ // convert \cr to mrow
+ this_piece_output = this_piece_output.replace(/\s*\\cr\b\s*/g, "\n\n");
+ this_piece_output = "\n" + this_piece_output + "\n ";
+ }
+ the_answer += wrap_tag(this_tag, this_piece_output, [])
+ } else {
+ editorLog("missing piece:", this_tag, "with no", this_piece)
+ }
+ }
+
+ // pretty print the output
+ if (format == "pretext" && !(inline_tags.includes(output_tag)) && !(inline_math.includes(output_tag))) {
+ the_answer = the_answer.replace(/(^|\n)( *(\w|<))/g, "$1 $2");
+ }
+ the_answer = wrap_tag(output_tag, the_answer, output_attributes_values)
+// editorLog("now the answer is", the_answer);
+
+ return the_answer
+}
+
+function output_from_text(text, format) {
+ editorLog("output_from_text of ", text, "with format", format);
+ if (text.includes("<&>")) {
+ // return text.replace(/\s*<&>(.*?)<;>\s*/g, function (match, newid) { return output_from_id(match, newid, format)})
+ return text.replace(/<&>(.*?)<;>/g, function (match, newid) { return output_from_id(match, newid, format)})
+ } else {
+ return text
+ }
+}
+
+function output_from_id(match, the_id, format) {
+ var the_answer = "";
+ editorLog("expanding the_id", the_id);
+ debugLog("expanding the_id", the_id);
+ var the_object = internalSource[the_id];
+ if (!the_object) {
+ errorLog("error: no content for", the_id);
+ return the_id
+ }
+ var src_tag = the_object.sourcetag;
+ editorLog("the_object",the_object);
+ var output_structure;
+ if (src_tag in objectStructure) {
+ output_structure = objectStructure[src_tag][format];
+ } else {
+ errorLog("error: unknown structure:", src_tag);
+ // so make reasonable assumptions about the structure
+ output_structure = {
+ "tag": src_tag,
+ "pieces": [["content", ""]]
+ }
+ }
+
+ editorLog("output_structure", output_structure);
+ // var output_tag = output_structure.tag;
+
+ the_answer = output_from_source(the_object, output_structure, format);
+
+ return the_answer
+}
+
+function expand_condensed_source_html(text, context) {
+ editorLog("iiiiiii in expand_condensed_source_html");
+ if (text.includes("<&>")) {
+ editorLog(" qqqqq expand_condensed_source_html", text);
+ if (context == "edit") {
+ return text.replace(/<&>(.*?)<;>/g,expand_condensed_src_edit)
+ } else {
+ return text.replace(/<&>(.*?)<;>/g,expand_condensed_src_html)
+ }
+ } else {
+ editorLog("returning text XX" + text.substring(0,17) + "YY");
+ editorLog("returning from expand_condensed_source_html");
+ return text
+ }
+}
+function expand_condensed_src_html(match, the_id) {
+ return html_from_internal_id(the_id, "inner")
+}
+function expand_condensed_src_edit(match, the_id) {
+ return html_from_internal_id(the_id, "edit")
+}
+
+function html_from_internal_id(the_id, is_inner) {
+ // the outer element needs to be constructed as document.createElement
+ // but the inner content is just plain text
+ // maybe saying it better: sometimes we want to create an object and
+ // insert it into the DOM. Other times we just want to construct the
+ // HTML markup fo rthe object and return that.
+ var the_object = internalSource[the_id];
+ editorLog("making html of", the_object, "is_inner", is_inner, "the_id", the_id);
+ var sourcetag = the_object["sourcetag"];
+ editorLog("which has tag", sourcetag);
+
+ editorLog("m in inline_math", inline_math.includes("m"));
+
+ var html_of_this_object;
+ var the_html_objects = [];
+
+ if (sourcetag == "image") {
+ html_of_this_object = output_from_id("", the_id, "html");
+ editorLog("html_of_this_object", html_of_this_object);
+ the_html_objects.push(html_of_this_object);
+ } else if (tag_type(sourcetag) == "p") {
+ html_of_this_object = output_from_id("", the_id, "html");
+ editorLog("html_of_this_object", html_of_this_object);
+ the_html_objects.push(html_of_this_object);
+ } else if (inline_math.includes(sourcetag) && is_inner == "edit") {
+ // here we are assuming the tag is 'm'
+ var opening_tag = '';
+ return opening_tag + spacemath_to_tex(the_object["content"]) + closing_tag
+ } else if (["me","men"].includes(sourcetag) && is_inner == "edit") {
+ var opening_tag = '';
+ return opening_tag + spacemath_to_tex(the_object["content"]) + closing_tag
+ } else if (["md","mdn"].includes(sourcetag) && is_inner == "edit") {
+ var opening_tag = '
';
+ this_content = the_object["content"].replace(/<&>(.*?)<;>/g,expand_condensed_src_edit);
+ this_content = this_content.replace("MROWsepARATOR", "\n yyyy \n");
+ return opening_tag + this_content + closing_tag
+ } else if (["mrow"].includes(sourcetag) && is_inner == "edit") {
+ var opening_tag = '
';
+ return opening_tag + "MROW" + spacemath_to_tex(the_object["content"]) + closing_tag
+ } else if (sourcetag == "xref" && is_inner == "edit") {
+ // here we are assuming the tag is 'm'
+ var opening_tag = '
';
+ return opening_tag + the_object["ref"] + closing_tag
+ } else {
+ html_of_this_object = output_from_id("", the_id, "html");
+ editorLog("html_of_this_object", html_of_this_object);
+ the_html_objects.push(html_of_this_object);
+
+ }
+
+ editorLog(" RRRR returning the_html_objects", the_html_objects);
+
+// the_html_objects = the_html_objects.replace("MROWsepARATOR", "\n\\cr\n");
+ return the_html_objects
+}
+
+function insert_html_version(these_changes) {
+
+ var nature_of_the_change = these_changes[0];
+ var location_of_change = these_changes[1];
+ var possibly_changed_ids_and_entry = these_changes[2];
+
+ editorLog("nature_of_the_change", nature_of_the_change);
+ editorLog("location_of_change", location_of_change);
+ editorLog("possibly_changed_ids_and_entry", possibly_changed_ids_and_entry);
+
+ if (!possibly_changed_ids_and_entry.length) {
+ editorLog("nothing to change");
+ // return ""
+ }
+ // we make HTML version of the objects with ids possibly_changed_ids_and_entry,
+ // and then insert those into the page.
+
+// here is where we detect deleting?
+// or is that after this function is done?
+ if (nature_of_the_change != "replace") {
+ editorLog("should be replace, since it is the edit form we are replacing");
+ }
+
+ var object_as_html = "";
+ var this_object_id, this_object_entry, this_object_oldornew, this_object;
+
+ editorLog(" there are", possibly_changed_ids_and_entry.length, "items to process");
+
+ for (var j=0; j < possibly_changed_ids_and_entry.length; ++j) {
+ this_object_id = possibly_changed_ids_and_entry[j][0];
+ this_object_entry = possibly_changed_ids_and_entry[j][1];
+ this_object_oldornew = possibly_changed_ids_and_entry[j][2];
+ editorLog("j=", j, "this thing", possibly_changed_ids_and_entry[j]);
+ this_object = internalSource[this_object_id];
+ editorLog(j, "this_object", this_object);
+ if (tag_type(this_object["sourcetag"]) == "p" || this_object["sourcetag"] == "li" || tag_type(this_object["sourcetag"]) == "md") {
+
+ var this_new_object = html_from_internal_id(this_object_id);
+ editorLog("inserting",this_new_object,"before",location_of_change);
+ location_of_change.insertAdjacentHTML('beforebegin', this_new_object[0]);
+ object_as_html = document.getElementById(this_object_id);
+
+ } else if (this_object_entry == "title") {
+ var object_as_html = document.createElement('span');
+ object_as_html.setAttribute("class", "title");
+ object_as_html.setAttribute('data-editable', 20);
+ object_as_html.setAttribute('tabindex', -1);
+ // next line should apply a transform to the source
+ object_as_html.innerHTML = this_object[this_object_entry];
+ editorLog("inserting",object_as_html,"before",location_of_change);
+ // location_of_change is the .header . We want it to be the .title
+ location_of_change = location_of_change.querySelector("#actively_editing");
+ editorLog("now location_of_change",location_of_change);
+ location_of_change.insertAdjacentElement('beforebegin', object_as_html);
+ } else if (this_object_entry == "caption") {
+ console.log("Error: don't know what to do with 'caption'")
+ } else if (this_object_entry == "image") {
+ editorLog("image, this_object", this_object);
+ var this_new_object = html_from_internal_id(this_object_id);
+ editorLog("inserting",this_new_object,"before",location_of_change);
+ location_of_change.insertAdjacentHTML('beforebegin', this_new_object[0]);
+ object_as_html = document.getElementById(this_object_id);
+
+ } else {
+ editorLog("trouble making", this_object);
+ }
+ MathJax.typesetPromise();
+// MathJax.Hub.Queue(['Typeset', MathJax.Hub, this_object_id]);
+ }
+ location_of_change.remove();
+
+ editorLog("returning from insert html version", object_as_html);
+ // call mathjax, in case the new content contains math
+ return object_as_html // the most recently added object, which we may want to
+ // do something, like add an editing menu
+} // insert html version
+
+function save_edits() {
+
+ var currentState = internalSource;
+
+ editorLog("saving", currentState);
+ localStorage.setObject("savededits", currentState);
+ return "";
+}
+
+function previous_editing() {
+ var old_internal_source = localStorage.getObject("savededits");
+ return (old_internal_source || "")
+}
+
+function local_editing_action(e) {
+ editorLog("in local editing action for" ,e.code);
+ var most_recent_edit;
+ if (e.code == "Escape" || e.code == "Enter") {
+ editorLog("I saw a Rettttt");
+ if (document.activeElement.getAttribute('data-component') == "title" ||
+ document.activeElement.getAttribute('data-component') == "caption") {
+ editorLog("probably saving a ", document.activeElement.getAttribute('data-component'));
+ e.preventDefault();
+ these_changes = assemble_internal_version_changes(document.activeElement);
+ final_added_object = insert_html_version(these_changes);
+ most_recent_edit = ongoing_editing_actions.pop();
+ recent_editing_actions.unshift(most_recent_edit);
+ editorLog("most_recent_edit should be title change", most_recent_edit);
+ editorLog("final_added_object", final_added_object);
+ this_char = "";
+ prev_char = "";
+ save_edits();
+
+ // .title is in a .heading, and neither have an id
+ make_current_editing_tree_from_id(final_added_object.parentElement.parentElement.id);
+ edit_menu_from_current_editing("entering");
+
+// editing_input_image
+ } else if (e.code == "Escape" || (prev_char.code == "Enter" && prev_prev_char.code == "Enter") || document.getElementById("editing_input_image")) {
+ editorLog("need to save");
+editorLog(" HHH current_editing", current_editing, "with active element", document.activeElement);
+
+ e.preventDefault();
+ this_char = "";
+ prev_char = "";
+ these_changes = assemble_internal_version_changes(document.activeElement);
+ editorLog(" CCC these_changes", these_changes);
+ editorLog(" CCC0 these_changes[0]", these_changes[0]);
+ editorLog("ongoing_editing_actions", ongoing_editing_actions);
+ editorLog("actively_editing", document.getElementById("actively_editing"));
+editorLog(" III current_editing", current_editing, current_editing["tree"][current_editing["level"]]);
+ previous_added_object = final_added_object;
+ final_added_object = insert_html_version(these_changes);
+ editorLog("final_added_object, previous_added_object", final_added_object, previous_added_object);
+editorLog(" LLL current_editing", current_editing, current_editing["tree"][current_editing["level"]]);
+ editorLog("the final_added_object", final_added_object);
+ editorLog("the actively_editing", document.getElementById("actively_editing"));
+ editorLog("OO", ongoing_editing_actions.length, " ongoing_editing_actions", ongoing_editing_actions);
+/*
+ editorLog("ongoing_editing_actions[0]", ongoing_editing_actions[0]);
+ editorLog("ongoing_editing_actions[0][2]", ongoing_editing_actions[0][2]);
+*/
+ // maybe this next if only handles when we delete by removing the letters in a p?
+ if (these_changes[0] == "empty") {
+ editorLog("NN", ongoing_editing_actions.length, " ongoing_editing_actions", ongoing_editing_actions);
+ editorLog("ongoing_editing_actions[0]", ongoing_editing_actions[0]);
+ editorLog("ongoing_editing_actions[0][2]", ongoing_editing_actions[0][2]);
+ editorLog(" going to delete", these_changes[2][0]);
+ // this is sort-of a hack to detext the end of inserting li
+ if (ongoing_editing_actions.length == 2 &&
+ ongoing_editing_actions[1][0] == "empty" &&
+ ongoing_editing_actions[1][1] == "p" &&
+ ongoing_editing_actions[0][0] == "new" &&
+ ongoing_editing_actions[0][1] == "li") {
+ ongoing_editing_actions.pop(); // content was empty, so there is no editing action
+ ongoing_editing_actions.pop();
+ delete_by_id(these_changes[2][0][0], "newempty");
+ current_editing["location"][current_editing["level"]] -= 1
+ final_added_object = previous_added_object; // this approach makes the updating of current_editing moot?
+ } else {
+ delete_by_id(these_changes[2][0][0], "empty");
+ }
+ editorLog("MM", ongoing_editing_actions.length, " ongoing_editing_actions", ongoing_editing_actions);
+ for (var j=0; j= 0; --j) {
+ editorLog(" X", j, "the_whole_object[j]", the_whole_object[j]);
+ document.getElementById("actively_editing").insertAdjacentElement("afterend", the_whole_object[j])
+ MathJax.typesetPromise();
+ // MathJax.Hub.Queue(['Typeset', MathJax.Hub, the_whole_object[j]]);
+ }
+
+ editorLog("here is where we need to update current_editing", "parent:", this_parent,"which is",document.getElementById(this_parent[0]), "level:", current_editing["level"], "loation:", current_editing["location"], "tree:", current_editing["tree"]);
+ $("#actively_editing").remove();
+
+editorLog(" DDD current_editing", current_editing, current_editing["tree"][current_editing["level"]]);
+
+ }
+
+ most_recent_edit = ["","",""];
+ while (ongoing_editing_actions.length) {
+ most_recent_edit = ongoing_editing_actions.pop();
+ recent_editing_actions.unshift(most_recent_edit);
+ editorLog(" most_recent_edit", most_recent_edit);
+ }
+ editorLog(" 8888 final_added_object", final_added_object);
+
+ save_edits()
+
+ // is this in the right place?
+ editorLog("most_recent_edit", most_recent_edit);
+
+ // sometimes, such as when adding items to a list, you want to
+ // automatically start adding something else.
+ // maybe refactor theorem to add proof after?
+ if (most_recent_edit[1] == "li") { // added to a list, so try adding again
+ // note that when adding an li, the neichbor is a p within the actual li neighbor
+ var new_obj = create_object_to_edit("li", document.getElementById(most_recent_edit[2]).firstElementChild, "afterend")
+ edit_in_place(new_obj, "new");
+ editorLog("now editing the assumed new li");
+editorLog(" GGG current_editing", current_editing, current_editing["tree"][current_editing["level"]]);
+
+ } else {
+
+ editorLog("re-making the tree from final_added_object", final_added_object);
+ make_current_editing_tree_from_id(final_added_object.id);
+ editorLog("and then adding a menu");
+ edit_menu_from_current_editing("entering");
+ }
+
+ } else if ( document.getElementById("actively_editing")) {
+ document.getElementById("actively_editing").remove();
+ // were actively editing, and now just re-making the menu
+ edit_menu_from_current_editing("entering");
+ } else {
+ // default makng the menu
+ edit_menu_from_current_editing("entering");
+ }
+ } // esc or enter enter enter
+ editorLog ("processed an enter");
+ } // esc or enter
+ else {
+ editorLog("e.code was not one of those we were looking for", e)
+ }
+ editorLog("leaving local editing action")
+}
+
+function main_menu_navigator(e) { // we are not currently editing
+ // so we are building the menu, and possibly moving aroung the document,
+ //for the user to decide what/how to edit
+
+// There are 3 modes:
+// #enter_choice, data-location="next"
+// #enter_choice, data-location="stay"
+// above means we are deciding whenter to edit/enter/leave and object, or to move on
+// #choose_current
+// 3rd option means we already have a menu
+
+ if (document.getElementById("enter_choice")) {
+ theEnterChoice = document.getElementById("enter_choice");
+ editorLog("enter_choice", e);
+ var theMotion = theEnterChoice.getAttribute("data-location");
+ var object_of_interest;
+ if (theMotion == "stay") {
+ object_of_interest = theEnterChoice.parentElement.previousSibling;
+ } else {
+ object_of_interest = theEnterChoice.parentElement.parentElement;
+ }
+ editorLog(" MMN: want to", theMotion, "on", object_of_interest, "from", theEnterChoice)
+
+ editorLog("current_editing", current_editing);
+ editorLog("theEnterChoice", theEnterChoice);
+ var current_level = current_editing["level"];
+ var current_location = current_editing["location"][current_level];
+ var current_siblings = current_editing["tree"][current_level];
+ editorLog("current_level", current_level, "current_location", current_location, "current_siblings", current_siblings);
+
+ if ((e.code == "Tab" || e.code == "ArrowDown") && !e.shiftKey) {
+ e.preventDefault();
+ if (current_level == 0) { // at the top, so no "next" object
+ return ""
+ }
+ // go to next sibling, or stage to exit if on last sibling
+ if (current_location == (current_siblings.length - 1)) { // on last sibling
+ editorLog("on last sibling, level was", current_level,"siblings was", current_siblings, "tree", current_editing["tree"]);
+ editorLog("current_location was", current_location);
+ current_level -= 1;
+ current_location = current_editing["location"][current_level];
+ current_editing["level"] = current_level;
+ current_editing["location"][current_level] = current_location;
+ current_siblings = current_editing["tree"][current_level];
+ editorLog("current_location is", current_location);
+ editorLog("stay menu A");
+ object_of_interest.classList.remove("may_leave");
+ object_of_interest.classList.remove("may_elect");
+ edit_menu_from_current_editing("leaving")
+ } else {
+ editorLog("moving to the next editable sibling");
+ editorLog("level was", current_level,"siblings was", current_siblings, "tree", current_editing["tree"]);
+ editorLog("current_location was", current_location);
+ editorLog(current_location, "was", current_editing);
+ current_location += 1;
+ object_of_interest.classList.remove("may_leave");
+ object_of_interest.classList.remove("may_elect");
+ editorLog("current_location is", current_location);
+ editorLog("stay menu B");
+ current_editing["location"][current_level] = current_location;
+ editorLog(current_location, "is", current_editing);
+ edit_menu_from_current_editing("entering")
+ }
+ } else if ((e.code == "Tab" && e.shiftKey) || e.code == "ArrowUp") { // Shift-Tab to prevous object
+ e.preventDefault();
+ // go to previous sibling, or up one if on first sibling
+ editorLog("Arrow Up:", "current_location", current_location, "current_level", current_level);
+ if (theMotion == "stay") { // about to leave, to return to the top of that region
+ edit_menu_from_current_editing("entering")
+ } else if (current_location == 0) {
+ if (!current_level) { // already at the top, so nowhere to go, so do nothing
+ editorLog("at the top, so can't go up");
+ return ""
+ }
+ current_level -= 1;
+ current_editing["level"] = current_level;
+ current_location = current_editing["location"][current_level];
+ editorLog("AA new current_location", current_location, " current_editing['tree']", current_editing["tree"]);
+ editorLog(" current_editing['tree'][0]", current_editing["tree"][0]);
+ current_siblings = current_editing["tree"][current_level];
+ editorLog("current_siblings", current_siblings);
+ edit_menu_from_current_editing("entering")
+ } else {
+ current_location -= 1;
+ current_editing["location"][current_level] = current_location;
+ editorLog("current_siblings", current_siblings);
+ editorLog("BB new current_location", current_location, "at level", current_level, " current_editing['tree']", current_editing["tree"]);
+ edit_menu_from_current_editing("entering")
+ }
+ } else if (e.code == "Escape" || e.code == "ArrowLeft") {
+ e.preventDefault();
+ if (current_level == 0) { return "" } // already at the top, so nowhere to go, so do nothing
+// copied from A1
+ editorLog("At ArrowLeft, level was", current_level, "with location", current_editing["location"], "and tree", current_editing["tree"][current_level]);
+ current_level -= 1;
+ current_editing["level"] = current_level;
+ current_location = current_editing["location"][current_level];
+ current_siblings = current_editing["tree"][current_level];
+ editorLog("now level id", current_level, "with location", current_editing["location"], "and tree", current_editing["tree"][current_level]);
+ edit_menu_from_current_editing("entering")
+ } else if (e.code == "Enter" || e.code == "ArrowRight") {
+ e.preventDefault();
+ if (theMotion == "stay") {
+ edit_menu_from_current_editing("entering");
+ return ""
+ }
+ var edit_submenu = document.createElement('ol');
+ edit_submenu.setAttribute('id', 'edit_menu');
+ edit_submenu.setAttribute('class', 'edit_menu');
+
+ var to_be_edited = object_of_interest;
+ editorLog("to_be_edited", to_be_edited);
+ edit_submenu.innerHTML = top_menu_options_for(to_be_edited);
+ $("#enter_choice").replaceWith(edit_submenu);
+ document.getElementById('choose_current').focus();
+ }
+ editorLog(" Just handled the case of enter_choice");
+ return ""
+
+ } else if (document.getElementById("choose_current")) {
+ var theChooseCurrent = document.getElementById("choose_current");
+ var dataLocation = theChooseCurrent.getAttribute("data-location"); // may be null
+ var dataAction = theChooseCurrent.getAttribute("data-action"); // may be null
+ var dataModifier = theChooseCurrent.getAttribute("data-modifier"); // may be null
+ var dataEnv = theChooseCurrent.getAttribute("data-env"); // may be null
+ // a hack because of how the menus were originally set up
+ if (dataEnv == "save") { dataAction = "save" }
+ var dataEnvParent = theChooseCurrent.getAttribute("data-env-parent"); // may be null
+ var object_of_interest;
+ if (document.getElementById("edit_menu_holder")) {
+ object_of_interest = document.getElementById("edit_menu_holder").parentElement
+ } else if (document.getElementById("local_menu_holder")) {
+ object_of_interest = document.getElementById("local_menu_holder").parentElement
+ } else {
+ editorLog("something is confused: should be a menu, but isn't");
+ if (theChooseCurrent.id) {
+ make_current_editing_tree_from_id(theChooseCurrent.id);
+ object_of_interest = theChooseCurrent
+ } else {
+ make_current_editing_tree_from_id(theChooseCurrent.parentElement.id);
+ object_of_interest = theChooseCurrent.parentElement
+ }
+ editorLog("made entering menu for", object_of_interest);
+ edit_menu_from_current_editing("entering")
+ }
+ current_level = current_editing["level"];
+ current_location = current_editing["location"][current_level];
+ current_siblings = current_editing["tree"][current_level];
+ editorLog("in choose_current", dataLocation, "of", object_of_interest);
+ editorLog("dataAction ", dataAction);
+ editorLog("dataLocation ", dataLocation);
+ // we have an active menu, and have selected an item
+ // there are three main sub-cases, depending on whether there is a data-location attribute,
+ // a data-action attribute, or a data-env attribute.
+ // That is the primary order in which those attributes are considered
+ // however, some actions (such as Tab and shift-Tab) are the same
+ // in each sub-case (because all we are doing is moving up and down the
+ // current list of options), so we handle those first.
+
+ if ((e.code == "Tab" || e.code == "ArrowDown") && !e.shiftKey) {
+ e.preventDefault();
+ next_menu_item = theChooseCurrent.nextSibling;
+ editorLog("theChooseCurrent", theChooseCurrent, "next_menu_item", next_menu_item);
+ if (!next_menu_item) { next_menu_item = theChooseCurrent.parentNode.firstChild }
+ editorLog("theChooseCurrent", theChooseCurrent, "next_menu_item", next_menu_item);
+ if (theChooseCurrent == next_menu_item) { //only one item on menu, so Tab shold move to the next editable item
+ // if last editable child, go up one
+ if (current_location == (current_siblings.length - 1)) {
+ current_level -= 1;
+ current_location = current_editing["location"][current_level];
+ current_editing["level"] = current_level;
+ current_editing["location"][current_level] = current_location;
+ edit_menu_from_current_editing("leaving")
+ } else {
+ current_location += 1;
+ editorLog("single item menu, current_location now", current_location);
+ current_editing["location"][current_level] = current_location;
+ edit_menu_from_current_editing("entering");
+ }
+ }
+ theChooseCurrent.removeAttribute("id");
+ editorLog("theChooseCurrent", theChooseCurrent, "next_menu_item", next_menu_item);
+ next_menu_item.setAttribute("id", "choose_current");
+ editorLog("setting focus on",next_menu_item);
+ next_menu_item.focus();
+ } // Tab
+ else if ((e.code == "Tab" && e.shiftKey) || e.code == "ArrowUp") { // Shift-Tab to prevous object
+ e.preventDefault();
+ editorLog("just saw a", e.code);
+ editorLog("focus is on", $(":focus"));
+ editorLog("saw an",e.code);
+ next_menu_item = theChooseCurrent.previousSibling;
+ editorLog("W1 theChooseCurrent", theChooseCurrent, "next_menu_item", next_menu_item);
+ if (!next_menu_item) { next_menu_item = theChooseCurrent.parentNode.lastChild }
+ editorLog("W2 theChooseCurrent", theChooseCurrent, "next_menu_item", next_menu_item);
+ if (theChooseCurrent == next_menu_item) { //only one item on menu, so Shift-Tab shold move to previous or up one level
+ if (current_editing["location"][ current_editing["level"] ] == 0) {
+ current_editing["level"] -= 1;
+ } else {
+ current_editing["location"][ current_editing["level"] ] -= 1;
+ }
+ editorLog("single item menu, current_level now", current_level);
+ edit_menu_from_current_editing("entering");
+ } else {
+ theChooseCurrent.removeAttribute("id");
+ editorLog("W3 theChooseCurrent", theChooseCurrent, "next_menu_item", next_menu_item);
+ theChooseCurrent.classList.remove("chosen");
+ next_menu_item.setAttribute("id", "choose_current");
+ editorLog("setting focus on",next_menu_item);
+ next_menu_item.focus();
+ }
+ }
+ else if (e.code == "Escape" || e.code == "ArrowLeft") {
+ editorLog("processing ESC");
+ editorLog("At ArrowLeft, level was", current_level, "xx", current_editing["level"], "with location", current_editing["location"], "and tree", current_editing["tree"][current_level]);
+ // I think the next if can never be true, because of how to route keystrokes
+ if (document.getElementById("local_menu_holder")) { // hack for when the interface gets confused
+ document.getElementById("local_menu_holder").remove()
+ } else {
+ editorLog("W4 theChooseCurrent", theChooseCurrent);
+ // need to go up one level in the menu
+ var previous_menu_item = theChooseCurrent.parentElement.parentElement; // li > ol > li
+ if (previous_menu_item.id == "edit_menu_holder") {
+ var thenewchoice = '';
+ thenewchoice += 'edit or add nearby';
+ thenewchoice += ' ';
+ previous_menu_item.innerHTML = thenewchoice
+ } else {
+ theChooseCurrent.parentElement.remove();
+ previous_menu_item.classList.remove('chosen');
+ previous_menu_item.parentElement.classList.remove('past');
+ previous_menu_item.setAttribute("id", "choose_current");
+ previous_menu_item.focus();
+ }
+ }
+ }
+ else if (keyletters.includes(e.code)) {
+ key_hit = e.code.toLowerCase().substring(3); // remove forst 3 characters, i.e., "key"
+ editorLog("key_hit", key_hit);
+ theChooseCurrent = document.getElementById('choose_current');
+ editorLog('theChooseCurrent', theChooseCurrent );
+ editorLog( $(theChooseCurrent) );
+ // there can be multiple data-jump, so use ~= to find if the one we are looking for is there
+ // and start from the beginning in case the match is earlier (make the second selector better)
+ if ((next_menu_item = $(theChooseCurrent).nextAll('[data-jump~="' + key_hit + '"]:first')[0]) ||
+ (next_menu_item = $(theChooseCurrent).prevAll('[data-jump~="' + key_hit + '"]:last')[0])) { // check there is a menu item with that key
+ theChooseCurrent.removeAttribute("id", "choose_current");
+ next_menu_item.setAttribute("id", "choose_current");
+ next_menu_item.focus();
+ } else {
+ // not sure what to do if an irrelevant key was hit
+ editorLog("that key does not match any option")
+ }
+ }
+
+// Now only Enter and ArrowRight are meaningful in this context.
+// The effect will depend on the other attributes of #choose_current:
+// dataLocation, dataAction, dataEnv
+
+ else if (e.code == "Enter" || e.code == "ArrowRight") {
+ e.preventDefault();
+ if (dataLocation) {
+ if (dataLocation == "enter") { // we are moving down into an object
+
+ editorLog("theChooseCurrent", theChooseCurrent);
+ var object_to_be_entered = object_of_interest;
+ editorLog("object_to_be_entered", object_to_be_entered);
+ object_to_be_entered.classList.remove("may_select");
+ object_to_be_entered.classList.remove("may_enter");
+ object_to_be_entered.classList.remove("may_leave");
+ editorLog('next_editable_of(object_to_be_entered, "children")');
+ editableChildren = next_editable_of(object_to_be_entered, "children");
+ current_level += 1;
+ current_editing["level"] = current_level;
+ current_editing["location"][current_level] = 0;
+ current_editing["tree"][current_level] = editableChildren;
+ editorLog("current_editing", current_editing);
+
+ editorLog("object_to_be_entered", object_to_be_entered);
+ editorLog("with some children", editableChildren);
+ // put menu on the item at the top of the block_we_are_reentering
+ // this is a repeat of a Tab case, so consolidate
+ editorLog("menu place 10");
+ editorLog("document.activeElement", document.activeElement);
+
+ editorLog("menu on", editableChildren[0]);
+ edit_menu_for(editableChildren[0], "entering");
+
+ return ""
+ // combine the next with previous, because the ony difference is which object receives focus
+ } else if (dataLocation == "end") { // move to the end of an object
+
+ editorLog("theChooseCurrent", theChooseCurrent);
+ var object_to_be_entered = object_of_interest;
+ editorLog("object_to_be_entered", object_to_be_entered);
+ object_to_be_entered.classList.remove("may_select");
+ object_to_be_entered.classList.remove("may_enter");
+ object_to_be_entered.classList.remove("may_leave");
+ editorLog('next_editable_of(object_to_be_entered, "children")');
+ editableChildren = next_editable_of(object_to_be_entered, "children");
+ var num_editableChildren = editableChildren.length;
+ current_level += 1;
+ current_editing["level"] = current_level;
+ // current_editing["location"][current_level] = 0;
+ current_editing["location"][current_level] = num_editableChildren - 1;
+ current_editing["tree"][current_level] = editableChildren;
+ editorLog("current_editing", current_editing);
+
+ editorLog("object_to_be_entered", object_to_be_entered);
+ editorLog("with some children", editableChildren);
+ // put menu on the item at the top of the block_we_are_reentering
+ // this is a repeat of a Tab case, so consolidate
+ editorLog("menu place 10end");
+ editorLog("document.activeElement", document.activeElement);
+
+ editorLog("menu on", editableChildren[num_editableChildren - 1]);
+ edit_menu_for(editableChildren[num_editableChildren - 1], "entering");
+
+ return ""
+ } else if ((dataLocation == "beforebegin") || (dataLocation == "afterend") || (dataLocation == "afterbegin")) { // should be the only other options
+ theChooseCurrent.parentElement.classList.add("past");
+ theChooseCurrent.removeAttribute("id");
+ theChooseCurrent.classList.add("chosen");
+
+ var parent_id = document.getElementById('edit_menu_holder').parentElement.parentElement.id;
+ if (!parent_id) {
+ editorLog(document.getElementById('edit_menu_holder').parentElement.parentElement, "has no id, so going down one level");
+ parent_id = document.getElementById('edit_menu_holder').parentElement.id;
+ }
+ editorLog("making a menu for", parent_id);
+ var edit_submenu = document.createElement('ol');
+ edit_submenu.innerHTML = menu_options_for(parent_id, "", "base");
+ editorLog("just inserted inner menu_options_for(" + parent_id + ")", menu_options_for(parent_id, "", "base"));
+ theChooseCurrent.insertAdjacentElement("beforeend", edit_submenu);
+ document.getElementById('choose_current').focus();
+ editorLog("focus is on", $(":focus"));
+
+ return ""
+ } else {
+ editorLog("Error: unknown dataLocation:", dataLocation)
+ }
+ } // dataLocation
+
+ else if (dataAction) {
+ if (dataAction == "edit") {
+ editorLog("going to edit", object_of_interest);
+ edit_in_place(object_of_interest, "old");
+ } else if (dataAction == "replace") { // no longer used?
+ editorLog("replace", object_of_interest, "by id", object_of_interest.id);
+ replace_by_id(object_of_interest.id, "html")
+ } else if (dataAction == "stop_editing") {
+ editorLog("stop_editing", object_of_interest, "by id", object_of_interest.id);
+ replace_by_id(object_of_interest.id, "html")
+ eraseCookie(chosen_edit_option_key)
+ } else if (dataAction == "save") {
+ save_source();
+ edit_menu_from_current_editing("entering");
+ } else if (dataAction == "resume") {
+ editorLog("resuming previous editing session");
+ resume_editing()
+ } else if (dataAction == "change-env-to") {
+ // shoudl use dataEnv ?
+ var new_env = theChooseCurrent.getAttribute("data-env");
+ editorLog("changing environment to", new_env);
+ // #edit_menu_holder is in span.type, inside .heading, inside article
+ to_be_edited = document.getElementById('edit_menu_holder').parentElement.parentElement.parentElement;
+ editorLog("to_be_edited", to_be_edited);
+ var id_of_object = to_be_edited.id;
+ var this_object_source = internalSource[id_of_object];
+ editorLog("current envoronemnt", this_object_source);
+ var old_env = internalSource[id_of_object]["sourcetag"];
+ internalSource[id_of_object]["sourcetag"] = new_env;
+ recent_editing_actions.push([old_env, new_env, id_of_object]);
+ editorLog("the change was", "changed " + old_env + " to " + new_env + " " + id_of_object);
+ var the_whole_object = html_from_internal_id(id_of_object);
+ editorLog("B: the_whole_object", the_whole_object);
+ $("#" + id_of_object).replaceWith(the_whole_object[0]); // later handle multiple additions
+ editorLog("just edited", $("#" + id_of_object));
+ // since we changed an object which is in
+ editorLog("curent_editing level", current_editing["level"], "with things", current_editing["tree"][current_editing["level"]]);
+ current_editing["level"] -= 1;
+ current_editing["tree"][current_editing["level"]] = next_editable_of(document.getElementById(id_of_object).parentElement, "children");
+ editorLog("now curent_editing level", current_editing["level"], "with things", current_editing["tree"][current_editing["level"]]);
+ edit_menu_from_current_editing("entering");
+ return ""
+
+ } else if (dataAction == 'change-env') {
+ // #edit_menu_holder is in span.type, inside .heading, inside article
+ current_env = document.getElementById('edit_menu_holder').parentElement.parentElement.parentElement;
+ current_env_id = current_env.id;
+
+ theChooseCurrent.parentElement.classList.add("past");
+ theChooseCurrent.removeAttribute("id");
+ theChooseCurrent.classList.add("chosen");
+
+ var edit_submenu = document.createElement('ol');
+ editorLog("J1 lookinh for menu options for", current_env_id);
+ edit_submenu.innerHTML = menu_options_for(current_env_id, "", "change");
+ editorLog("just inserted inner menu_options_for(parent_type)", menu_options_for(current_env_id, "", "change"));
+ theChooseCurrent.insertAdjacentElement("beforeend", edit_submenu);
+ document.getElementById('choose_current').focus();
+ editorLog("focus is on", $(":focus"));
+ } else if (dataAction == 'modify') {
+ // #edit_menu_holder is in span.type, inside .heading, inside article
+ current_env = document.getElementById('edit_menu_holder').parentElement;
+ current_env_id = current_env.id;
+
+ if (!dataModifier) {
+ theChooseCurrent.parentElement.classList.add("past");
+ theChooseCurrent.removeAttribute("id");
+ theChooseCurrent.classList.add("chosen");
+
+ var edit_submenu = document.createElement('ol');
+ // this may only hapen when adjusting workspace:
+ if (!current_env_id) {
+ edit_submenu.setAttribute('id', 'edit_menu');
+ edit_submenu.setAttribute('class', 'edit_menu');
+ current_env_id = current_env.getAttribute("data-parent_id");
+ editorLog("current_env_id", current_env_id);
+ }
+ editorLog("J2a looking for menu options for", current_env_id);
+ edit_submenu.innerHTML = menu_options_for(current_env_id, "", "modify");
+ editorLog("just inserted inner menu_options_for(parent_type)", menu_options_for(current_env_id, "", "modify"));
+ if (theChooseCurrent.tagName == "SPAN") { // when adjusting workspace
+ theChooseCurrent.replaceWith(edit_submenu);
+ } else {
+ theChooseCurrent.insertAdjacentElement("beforeend", edit_submenu);
+ }
+ document.getElementById('choose_current').focus();
+ editorLog("focus is on", $(":focus"));
+ } else if (dataModifier == "done") {
+ edit_menu_from_current_editing("entering");
+ } else if (dataModifier == "arrows") {
+ // setup_arrow_modify() // is different for images and SBSs
+ } else {
+ // this may only hapen when adjusting workspace:
+ if (!current_env_id) {
+ current_env_id = current_env.getAttribute("data-parent_id");
+ editorLog("current_env_id from parent", current_env_id);
+ }
+ modify_by_id(current_env_id, dataModifier)
+ }
+ } else if (dataAction == "move-or-delete") {
+ // almost all repeats from dataAction == 'change-env'
+ // except for current_env and menu options for. Consolidate
+ // maybe also separate actions which give anotehr menu, from actions which change content
+ current_env = document.getElementById('edit_menu_holder').parentElement;
+ editorLog("current_env", current_env);
+ current_env_id = current_env.id;
+
+ theChooseCurrent.parentElement.classList.add("past");
+ theChooseCurrent.removeAttribute("id");
+ theChooseCurrent.classList.add("chosen");
+
+ var edit_submenu = document.createElement('ol');
+ editorLog("J3 looking for menu options for", current_env_id);
+ edit_submenu.innerHTML = menu_options_for(current_env_id, "", "move-or-delete");
+ editorLog("just inserted inner menu_options_for(parent_type)", menu_options_for(current_env_id, "", "move-or-delete"));
+ theChooseCurrent.insertAdjacentElement("beforeend", edit_submenu);
+ document.getElementById('choose_current').focus();
+ editorLog("focus is on", $(":focus"));
+ } else if (dataAction == "delete") {
+ current_env = document.getElementById('edit_menu_holder').parentElement;
+ editorLog("current_env", current_env);
+ current_env_id = current_env.id;
+ delete_by_id(current_env_id, "choice")
+ } else if (["move-local", "move-local-p", "move-local-li"].includes(dataAction)) {
+ current_env = document.getElementById('edit_menu_holder').parentElement;
+ current_env_id = current_env.id;
+ handle_env_id = current_env_id; // we were focused on that p, even though
+ // we are moving an li. Later refocus on p
+ if (dataAction == "move-local-li") {
+ current_env.classList.remove("may_select");
+ current_env = current_env.parentElement;
+ current_env.classList.add("may_select");
+ current_env_id = current_env.id;
+ }
+ editorLog("current_env", current_env);
+ move_by_id_local(current_env_id, handle_env_id)
+ } else if (dataAction == "change-title") {
+ var this_heading = document.getElementById('edit_menu_holder').parentElement.parentElement;
+ var this_env_id = this_heading.getAttribute("data-parent_id");
+ var new_title_form = standard_title_form(this_env_id);
+ document.getElementById('edit_menu_holder').parentElement.insertAdjacentHTML("afterend",new_title_form);
+ document.getElementById('edit_menu_holder').parentElement.remove();
+ editorLog("change-title in progress")
+ document.getElementById('actively_editing').focus();
+ } else if (dataAction == "change-caption") {
+ alert("editing captions not implemented yet");
+ return ;
+ var this_caption = document.getElementById('edit_menu_holder').parentElement;
+ var this_env_id = this_caption.getAttribute("data-source_id");
+ var new_title_form = standard_caption_form(this_env_id);
+ document.getElementById('edit_menu_holder').parentElement.insertAdjacentHTML("afterend",new_title_form);
+ document.getElementById('edit_menu_holder').parentElement.remove();
+ editorLog("change-caption in progress")
+ document.getElementById('actively_editing').focus();
+ } else {
+ editorLog("unknown dataAction", dataAction);
+ alert("I don;t know what to do llllllll dataAction " + dataAction)
+ }
+ } // dataAction
+ else if (dataEnv) { // this has to come after dataAction, because if both occur,
+ // dataAction says to do something, and dataEnv says what to do
+ e.preventDefault(); // was this handled earlier?
+ editorLog("in dataEnv", dataEnv);
+ editorLog("selected a menu item with no action and no location");
+ $("#choose_current").parent().addClass("past");
+ editorLog("apparently selected", theChooseCurrent);
+ theChooseCurrent.removeAttribute("id");
+ theChooseCurrent.setAttribute('class', 'chosen');
+
+ // if (dataEnv in inner_menu_for()) { // object names a collection, so make submenu
+ if (dataEnv in submenu_options) { // object names a collection, so make submenu
+ editorLog("making a menu for", dataEnv);
+ var edit_submenu = document.createElement('ol');
+ edit_submenu.innerHTML = menu_options_for("", dataEnv, "inner");
+ theChooseCurrent.insertAdjacentElement("beforeend", edit_submenu);
+ document.getElementById('choose_current').focus();
+
+ // determine whether both of these next cases can occur
+ } else if (dataEnv in objectStructure || dataEnvParent in objectStructure) {
+ // we just selected an action, so do it
+ // that probably involves adding something before or after a given object
+ editorLog("making a new", dataEnv, "within", dataEnvParent);
+
+ var before_after = $("#edit_menu_holder > #edit_menu > .chosen").attr("data-location");
+
+ if (dataEnv == "source") {
+ alert(" making source");
+ show_source(object_of_interest, before_after);
+ edit_menu_from_current_editing("entering");
+ return
+ // } else if (dataEnv == "save") {
+ // save_source();
+ // edit_menu_from_current_editing("entering");
+ }
+ editorLog("create object to edit",dataEnv, object_of_interest, before_after);
+ var new_obj = create_object_to_edit(dataEnv, object_of_interest, before_after);
+ if (!new_obj) { edit_menu_from_current_editing("entering"); return "" }
+ editorLog("new_obj", new_obj);
+ edit_in_place(new_obj, "new");
+ var new_obj_id = new_obj.id;
+ editorLog("are we editing id", new_obj_id);
+ editorLog("are we editing", new_obj);
+ editorLog(" JJJ current_editing", current_editing["level"], current_editing["location"].length, current_editing["tree"].length, current_editing["tree"][current_editing["level"]]);
+ editorLog(" current_editing", current_editing);
+ object_of_interest.classList.remove("may_select");
+ object_of_interest.classList.remove("may_enter");
+ if (tmp = document.getElementById('edit_menu_holder')) { tmp.remove() }
+ if (dataEnv.startsWith("sbs")) {
+ editorLog("added sbs, now add to it", new_obj_id);
+ editorLog("document.getElementById(new_obj_id)", document.getElementById(new_obj_id));
+ var first_panel_id = document.getElementById(new_obj_id).firstElementChild.firstElementChild.id;
+ editorLog("first_panel_id", first_panel_id, document.getElementById(first_panel_id));
+ make_current_editing_tree_from_id(first_panel_id);
+ edit_menu_from_current_editing("entering");
+ }
+ } else {
+ editorLog("Error: unknown dataEnv", dataEnv);
+ editorLog("Or maybe unknown dataEnvParent", dataEnvParent);
+ editorLog("moving up the menu -- not");
+ alert("Sorry, not implemented yet!");
+ theChooseCurrent.classList.remove("chosen");
+ theChooseCurrent.parentElement.classList.remove("past");
+ theChooseCurrent.setAttribute("id", "choose_current");
+ }
+ }
+ } // // dataEnv
+ else {
+ editorLog("key that is not meaningful when navigating a menu:", e.code)
+ }
+ }
+} // main menu navigator
+
+editorLog("adding tab listener");
+
+document.addEventListener('keydown', logKeyDown);
+
+function logKeyDown(e) {
+ if (e.code == "ShiftLeft" || e.code == "ShiftRight" || e.code == "Shift") { return }
+ prev_prev_char = prev_char;
+ prev_char = this_char;
+ this_char = e;
+ editorLog("logKey",e,"XXX",e.code);
+ editorLog("are we editing", document.getElementById('actively_editing'));
+ editorLog("is there already an edit menu?", document.getElementById('edit_menu_holder'));
+
+ var input_region = document.activeElement;
+ editorLog("input_region", input_region);
+ // if we are writing something, keystrokes usually are just text input
+ if (document.getElementById('actively_editing')) {
+ editorLog(" we are actively editing");
+
+ if (e.code == "Tab" && !document.getElementById('local_menu_holder')) {
+ // disabled for now
+ e.preventDefault();
+ return ""
+ create_local_menu()
+ } else if (document.getElementById('local_menu_holder')) {
+ main_menu_navigator(e);
+ } else {
+ local_editing_action(e)
+ }
+
+ } else if (document.getElementById('phantomobject')) {
+ var the_phantomobject = document.getElementById('phantomobject');
+
+ if (the_phantomobject.classList.contains('move')) {
+ move_object(e)
+ } else {
+ alert("do not know what to do with that")
+ }
+ } else {
+ main_menu_navigator(e);
+ }
+}
+
+document.addEventListener('focus', function() {
+// editorLog('focused:', document.activeElement)
+// editorLog('which has content XX' + document.activeElement.innerHTML + "VV")
+ prev_prev_focused_element = prev_focused_element;
+ prev_focused_element = this_focused_element;
+ this_focused_element = document.activeElement;
+ $('.in_edit_tree').removeClass('in_edit_tree');
+// $(':focus').parent().addClass('in_edit_tree');
+ $('#edit_menu_holder:first-child').parent().addClass('in_edit_tree');
+ $('#edit_menu_holder').prev().addClass('in_edit_tree');
+/*
+ var edit_tree = $(':focus').parents();
+ // put little lines on teh right, to show the local heirarchy
+ for (var i=0; i < edit_tree.length; ++i) {
+ if (edit_tree[i].getAttribute('id') == "content") { break }
+ edit_tree[i].classList.add('in_edit_tree')
+ }
+*/
+}, true);
+
+function initialize_editing(xml_st) {
+
+ createCookie(chosen_edit_option_key,1,0.01);
+ // console.log("QQQQQQQQ", xml_st, "PPPPPPPPPP");
+ // Space Math uses a blank line to indicate mrows
+ xml_st = xml_st.replace(/<\/mrow>\s*/g, " \n\\cr\n ");
+ xml_st = xml_st.replace(//g, " ");
+ xml_st = xml_st.replace(/<\/mrow>/g, " ");
+
+ xmlToObject(xml_st);
+ record_children(sourceobj);
+ internalSource = re_transform_source();
+
+ console.log("mostly done initializing");
+ console.log(internalSource);
+
+ current_editing = {
+ "level": 0,
+ "location": [0],
+ // "tree": [ [document.getElementById(top_level_id)] ]
+ "tree": [ [internalSource.root_data.id] ]
+ }
+ console.log("initial current_editing", current_editing);
+
+ e_tree = current_editing["tree"];
+ editorLog("e_tree", e_tree);
+ e_level = current_editing["level"];
+ editorLog("e_level", e_level);
+ e_location = current_editing["location"];
+ editorLog("e_location", e_location);
+ console.log(" making the initial menu for", e_tree[e_level][e_location]);
+
+// document.getElementById("content").firstElementChild.setAttribute("id", internalSource.root_data.id);
+
+ console.log("replacing by id", internalSource.root_data.id);
+ replace_by_id(internalSource.root_data.id, "html");
+
+ edit_menu_for(e_tree[e_level][e_location], "entering")
+
+ console.log("internalSource internalSource internalSource internalSource internalSource internalSource", internalSource);
+
+ // done rebulding HTML, so now process math
+ // NOT CURRENTLY DOING ANYTHING????
+ console.log("ready to edit, so typeset the math");
+ document.getElementById("content").classList.add("canedit");
+ MathJax.typesetPromise();
+}
+
+var this_source_txt;
+var source_url = window.location.href;
+source_url = source_url.replace(/(#|\?).*/, "");
+source_url = source_url.replace(/html$/, "ptx");
+fetch(source_url).then(
+ function(u){ return u.text();}
+ ).then(
+ function(text){
+ this_source_txt = text;
+ // console.log("ppppppppppp this_source_txt",this_source_txt)
+ if (this_source_txt.includes("404 Not")) {
+ console.log("Error: source unavailable")
+ } else if (this_source_txt.includes(" 0) {
+// bad code because I dopied and was too lazy to rewrite
+ parseLog(xml.nodeName, "has attributes", xml.attributes);
+ for (var j = 0; j < xml.attributes.length; j++) {
+ var attribute = xml.attributes.item(j);
+ if (attribute.nodeName == "permid") { this_id = attribute.nodeValue }
+ // these look backward, but that seems to be how PTX does it currently
+ if (!this_id && attribute.nodeName == "xml:id") { this_id = attribute.nodeValue }
+ }
+ }
+ if (!this_id) {
+ this_id = randomstring()
+ }
+ return this_id
+}
+
+var sourceobj = {};
+var new_top_id = "";
+
+function xmlToObject(xml_st) {
+ var xml;
+ if (typeof xml_st == "string") {
+ // parseLog("xml starts", xml_st.slice(0,50));
+ parser = new DOMParser();
+ xml = parser.parseFromString(xml_st, "text/xml");
+// xml = $.parseXML(xml_st);
+ } else {
+ xml = xml_st
+ }
+
+ parseLog("xml", xml);
+ parseLog("xml.nodeName", xml.nodeName, "xml.nodeType", xml.nodeType);
+// var obj = {};
+ var this_id = "";
+ var this_node_content = xml.nodeValue;
+
+ if (xml.nodeType == 9) { // document
+ xml = xml.documentElement;
+ }
+
+ parseLog("this_node_content", this_node_content);
+
+ if (xml.nodeType == 1) { // element
+ this_id = xml_id_of(xml);
+ if (!new_top_id) {
+ new_top_id = this_id;
+ top_level_id = new_top_id;
+ sourceobj["root_data"] = {"id": new_top_id, "number_base": "X.Y"}
+ }
+ parseLog("found this_id", this_id);
+ var this_entry = {};
+ this_entry["xml:id"] = this_id;
+ if (["ol", "ul", "dl"].includes(xml.nodeName)) {
+ this_entry["sourcetag"] = "list"
+/*
+ } else if (["me", "men"].includes(xml.nodeName)){
+ this_entry["sourcetag"] = "displaymath"
+*/
+ } else {
+ this_entry["sourcetag"] = xml.nodeName;
+ }
+
+ this_node_content = "";
+ if (xml.hasChildNodes()) {
+ for (var i = 0; i < xml.childNodes.length; i++) {
+ var item = xml.childNodes.item(i);
+ if (item.nodeType == 8) {
+ //comment, so skip
+ } else if (item.nodeType == 3) { // text
+ this_node_content += item.nodeValue
+ } else if (item.nodeType == 1) { // element
+ var sub_node_id = xmlToObject(item); // the contents, in certain cases
+ if (contained_objects.includes(item.nodeName)) {
+ this_entry[item.nodeName] = sub_node_id
+ } else {
+ this_node_content += "<&>" + sub_node_id + "<;>"
+ }
+ } else {
+ parseLog("what to do with this node?", item)
+ }
+ }
+ }
+ if (this_node_content) {
+ this_entry["content"] = this_node_content.trim();
+ }
+
+ if (xml.attributes.length > 0) {
+ // parseLog(xml.nodeName, "has attributes", xml.attributes);
+ for (var j = 0; j < xml.attributes.length; j++) {
+ var attribute = xml.attributes.item(j);
+ if (attribute.nodeName == "source") { this_entry["source"] = attribute.nodeValue }
+ else if (attribute.nodeName == "ref") { this_entry["ref"] = attribute.nodeValue }
+ else if (attribute.nodeName == "text") { this_entry["text"] = attribute.nodeValue }
+ // width for images, widths for sbs
+ else if (attribute.nodeName == "width") {
+ var widthvalue = attribute.nodeValue;
+ if (widthvalue.endsWith("%")) { widthvalue = widthvalue.slice(0,-1); }
+ this_entry["width"] = widthvalue
+ } else if (attribute.nodeName == "margins") {
+ var marginsvalues = attribute.nodeValue.split(' ');
+ if (marginsvalues.length == 1) {
+ var margin = marginsvalues[0];
+ if (margin.endsWith("%")) { margin = margin.slice(0,-1); }
+ this_entry["marginleft"] = margin;
+ this_entry["marginright"] = margin;
+ } else if (marginsvalues.length == 2) {
+ var [marginleft, marginright] = marginsvalues;
+ if (marginleft.endsWith("%")) { marginleft = marginleft.slice(0,-1); }
+ if (marginright.endsWith("%")) { marginright = marginright.slice(0,-1); }
+ this_entry["marginleft"] = marginleft;
+ this_entry["marginright"] = marginright;
+ } else {
+ console.log("Error: too many margins in", xml)
+ }
+ }
+ }
+ }
+ // The CAT expects a width and margins on an image, but those myght not be
+ // specified in the source. So add those if not present.
+ if (xml.nodeName == "image") {
+ console.log("image attributes", xml.attributes, "ddd", xml.attributes["source"]);
+ if (!xml.attributes["width"]) {
+ console.log("no width");
+ this_entry["width"] = 100;
+ }
+ if (!xml.attributes["margins"]) {
+ console.log("no margins");
+ this_entry["marginleft"] = 0;
+ this_entry["marginright"] = 0;
+ }
+ }
+
+ if (xml.attributes) {
+ parseLog(xml, "has attributes", xml.attributes)
+ }
+// parseLog("item", item);
+ if (contained_objects.includes(xml.nodeName)) {
+ return this_node_content
+ } else {
+ sourceobj[this_id] = this_entry
+ return this_id
+ }
+ } else if (xml.nodeType == 8) {
+ // comment node, so do nothing
+ this_node_content = ""
+ } else if (xml.nodeType == 3) { // text
+ // can this, or the previous case, actually happen?
+ } else {
+ console.log("failed to deal with", xml)
+ }
+}
+
+function record_children(internal_src) {
+ for (key in internal_src) {
+ var this_item = internal_src[key];
+ if ("content" in this_item) { // skip empty tags
+ var this_content = this_item["content"];
+ parseLog("this_content", this_content);
+ var child_items = this_content.match(/<&>.*?<;>/g) || "";
+ for (var j=0; j < child_items.length; ++j) {
+ var this_child = child_items[j].slice(3,-3);
+ parseLog("this_child", this_child, "has a parent", key);
+ internal_src[this_child]["parent"] = [key, "content"]
+ }
+ }
+ // need to handle content and statement better
+ if ("statement" in this_item) { // skip empty tags
+ var this_statement = this_item["statement"];
+ // parseLog("this_statement", this_statement);
+ var child_items = this_statement.match(/<&>.*?<;>/g) || "";
+ for (var j=0; j < child_items.length; ++j) {
+ var this_child = child_items[j].slice(3,-3);
+ // parseLog("this_child", this_child, "has a parent", key);
+ internal_src[this_child]["parent"] = [key, "statement"]
+ }
+ }
+ if ("proof" in this_item) { // skip empty tags
+ var this_proof = this_item["proof"];
+ // parseLog("this_statement", this_statement);
+ var child_items = this_proof.match(/<&>.*?<;>/g) || "";
+ for (var j=0; j < child_items.length; ++j) {
+ var this_child = child_items[j].slice(3,-3);
+ // parseLog("this_child", this_child, "has a parent", key);
+ internal_src[this_child]["parent"] = [key, "proof"]
+ }
+ }
+ }
+ return internal_src
+}
+
+// transofrm again, to un-wrap list in p
+
+/* rewrite with sourceobj not global */
+function re_transform_source() {
+ var ids_to_delete = [];
+ for (var id in sourceobj) {
+ var this_item = sourceobj[id];
+ if (this_item["sourcetag"] == "list") {
+ // I think this takes the list out of its parent p,
+ // but I forgot to write this comment when I first wrote the code.
+ parseLog("found a list", this_item);
+ var [parent_id, parent_content] = this_item["parent"];
+ parseLog("with parent", sourceobj[parent_id]);
+ if (sourceobj[parent_id]["sourcetag"] == "p") {
+ var [parent_parent_id, parent_parent_content] = sourceobj[parent_id]["parent"];
+ parseLog("with parents parent", sourceobj[parent_parent_id]);
+ // need to skip the intermediate parent
+ var old_p_p_content = sourceobj[parent_parent_id][parent_parent_content];
+ var new_p_p_content = old_p_p_content.replace("<&>" + parent_id + "<;>", "<&>" + id + "<;>");
+ sourceobj[parent_parent_id][parent_parent_content] = new_p_p_content;
+ sourceobj[id]["parent"] = [parent_parent_id, parent_parent_content];
+ // then eliminate the intermediate parent
+ parseLog("deleting", parent_id);
+ // delete sourceobj[parent_id];
+ ids_to_delete.push(parent_id);
+ parseLog("now sourceobj[parent_parent_id]", sourceobj[parent_parent_id])
+ }
+ } else if (this_item["sourcetag"] == "image") {
+ if ("width" in this_item && !("marginleft" in this_item)) {
+ parseLog("no width in" + this_item["xml:id"])
+ var width = parseInt(this_item["width"]);
+ var margins = (100 - width)*0.5;
+ this_item["marginleft"] = margins;
+ this_item["marginright"] = margins;
+ }
+ } else if (["md", "mdn", "me", "men"].includes(this_item["sourcetag"])) {
+ // to handle the case of more than one displaymath in a p,
+ // we do it in two passes. First we just record the ids of the me/men's.
+ // Then we simplify the problem by handling the displaymath in the
+ // order they occur.
+ parseLog("found displaymath", this_item);
+ parseLog("with parent", sourceobj[this_item["parent"][0]]);
+ var displaymath_id= this_item["xml:id"];
+ if ("includedmath" in sourceobj[this_item["parent"][0]]) {
+ sourceobj[this_item["parent"][0]]["includedmath"].push("<&>" + displaymath_id + "<;>")
+ } else {
+ sourceobj[this_item["parent"][0]]["includedmath"] = ["<&>" + displaymath_id + "<;>"]
+ }
+ } else if (["caption"].includes(this_item["sourcetag"])) {
+ parseLog("found a caption", this_item);
+ var [parent_id, parent_content] = this_item["parent"];
+ parseLog("with parent", sourceobj[parent_id]);
+ if (sourceobj[parent_id]["sourcetag"] == "figure") {
+ var old_p_content = sourceobj[parent_id][parent_content];
+ var new_p_content = old_p_content.replace("<&>" + id + "<;>", "");
+ sourceobj[parent_id][parent_content] = new_p_content;
+ sourceobj[parent_id]["captiontext"] = sourceobj[id]["content"];
+ // then eliminate the caption object, because now it is an attribute of a figure
+ // delete sourceobj[id];
+ ids_to_delete.push(id);
+ parseLog("now sourceobj[parent_id]", sourceobj[parent_id])
+alert("testing")
+ } else { alert("error: caption not in figure") }
+ }
+ }
+ // now go through and fix the "p" containing displaymath
+ for (var id in sourceobj) {
+ var this_item = sourceobj[id];
+ if (this_item["sourcetag"] == "p") {
+ if ("includedmath" in this_item) {
+ console.log("found includedmath", this_item);
+ var outer_parent = this_item["parent"];
+ var context_of_outer_parent = sourceobj[outer_parent[0]][outer_parent[1]];
+ console.log("this item id", id, "with parent", outer_parent, "in context", context_of_outer_parent);
+ var these_includedmath = this_item["includedmath"];
+ var this_content = this_item["content"];
+ var these_includedmath_index = [];
+ for (var j=0; j < these_includedmath.length; ++j) {
+ var this_math_tag = these_includedmath[j];
+ these_includedmath_index.push([this_content.indexOf(this_math_tag),this_math_tag]);
+ console.log("this_math_tag", this_math_tag, "has index", this_content.indexOf(this_math_tag))
+ }
+ these_includedmath_index.sort();
+ parseLog("sorted list", these_includedmath_index)
+
+ // var displaymath_parent_original_content = sourceobj[outer_parent[0]]["content"];
+ parseLog("ocntent before splitting up", context_of_outer_parent);
+ this_math_tag = these_includedmath_index[0][1];
+ parseLog("this_math_tag", this_math_tag);
+ var this_math_id = this_math_tag.slice(3,-3);
+ parseLog("this_math_id", this_math_id);
+ parseLog("with source", sourceobj[this_math_id]);
+ // move punctuation inside the display math
+ // (for easier editing. move it back out later)
+ var find_char_after = new RegExp('^(.*' + this_math_tag + ")(.)\s*(.*)$", "s");
+ var char_after = this_content.replace(find_char_after, "$2");
+ if ([".", ",", ";", ":"].includes(char_after)) {
+ console.log("found punctuation", char_after);
+ this_content = this_content.replace(find_char_after, "$1$3"); // go back an omit white space
+ sourceobj[this_math_id]["content"] += char_after
+ }
+ // the original p ends at the first displaymath
+ var displaymath_id_and_before = new RegExp('^.*' + this_math_tag, "s"); // s = dotAll
+ var displaymath_id_and_after = new RegExp(this_math_tag + '.*$', "s");
+ sourceobj[id]["content"] =
+ this_content.replace(displaymath_id_and_after, "");
+ sourceobj[id]["sourcetag"] = "ip"
+ this_content = this_content.replace(displaymath_id_and_before, "");
+ parseLog("updated this_content", this_content);
+ // the first displaymath now has a different parent
+ sourceobj[this_math_id]["parent"] = outer_parent;
+ // that parent needs to know where to put the first displaymath
+ context_of_outer_parent = context_of_outer_parent.replace("<&>" + id + "<;>", "<&>" + id + "<;>" + "\n" + this_math_tag);
+ parseLog("updated context_of_outer_parent", context_of_outer_parent);
+ sourceobj[outer_parent[0]][outer_parent[1]] = context_of_outer_parent;
+ // here need to check if this_content is nonempty (after removing trailing white space
+ var new_id = "XXXX" + randomstring();
+ sourceobj[new_id] = {"xml:id":new_id, "sourcetag": "mp"};
+ sourceobj[new_id]["content"] = this_content;
+ sourceobj[new_id]["parent"] = outer_parent;
+ context_of_outer_parent = context_of_outer_parent.replace(this_math_tag, this_math_tag + "\n" + "<&>" + new_id + "<;>");
+ sourceobj[outer_parent[0]][outer_parent[1]] = context_of_outer_parent;
+ for (var j=1; j < these_includedmath_index.length; ++j) {
+ this_math_tag = these_includedmath_index[j][1];
+ this_math_id = this_math_tag.slice(3,-3);
+
+ // move punctuation inside the display math
+ // (for easier editing. move it back out later)
+ var find_char_after = new RegExp('^(.*' + this_math_tag + ")(.)\s*(.*)$", "s");
+ var char_after = this_content.replace(find_char_after, "$2");
+ if ([".", ",", ";", ":"].includes(char_after)) {
+ console.log("found punctuation", char_after);
+ this_content = this_content.replace(find_char_after, "$1$3"); // go back an omit white space
+ sourceobj[this_math_id]["content"] += char_after
+ }
+
+ displaymath_id_and_before = new RegExp('^.*' + this_math_tag, "s"); // s = dotAll
+ displaymath_id_and_after = new RegExp(this_math_tag + '.*$', "s");
+ sourceobj[new_id]["content"] = this_content.replace(displaymath_id_and_after, "");
+ this_content = this_content.replace(displaymath_id_and_before, "");
+ // this displaymath now has a different parent
+ sourceobj[this_math_id]["parent"] = outer_parent;
+ // that parent needs to know where to put the first displaymath
+ context_of_outer_parent = context_of_outer_parent.replace("<&>" + new_id + "<;>", "<&>" + new_id + "<;>" + "\n" + this_math_tag);
+ sourceobj[outer_parent[0]][outer_parent[1]] = context_of_outer_parent;
+ // omit next if this_content is only white space
+ new_id = "XXXX" + randomstring();
+ sourceobj[new_id] = {"xml:id":new_id, "sourcetag": "mp"};
+ sourceobj[new_id]["content"] = this_content;
+ sourceobj[new_id]["parent"] = outer_parent;
+ context_of_outer_parent = context_of_outer_parent.replace(this_math_tag, this_math_tag + "\n" + "<&>" + new_id + "<;>");
+ sourceobj[outer_parent[0]][outer_parent[1]] = context_of_outer_parent;
+ }
+ sourceobj[new_id]["sourcetag"] = "fp"
+ }
+ }
+ }
+ // trim leading white space in paragraph content
+ for (var id in sourceobj) {
+ var this_item = sourceobj[id];
+ if (["p", "ip", "mp", "fp"].includes(this_item["sourcetag"])) {
+ var this_content = sourceobj[id]["content"];
+ this_content = this_content.replace(/\n +/g, "\n");
+ sourceobj[id]["content"] = this_content;
+ } else if (["me", "men", "md", "mdn"].includes(this_item["sourcetag"])) {
+ var this_content = sourceobj[id]["content"];
+ this_content = this_content.replace(/\n +/g, "\n ");
+ sourceobj[id]["content"] = this_content;
+ }
+ // next also needs table (or whatever it is that has a caption)
+ if (["figure"].includes(this_item["sourcetag"])) {
+ editorLog("adjusting a figure", this_item);
+ // ??? next line should involve captiontext instead of caption ?
+ var this_caption = sourceobj[id]["caption"];
+ this_caption = this_caption.replace(/\n +/g, "\n");
+ sourceobj[id]["captiontext"] = this_caption;
+ }
+ }
+
+ for (var j=1; j < ids_to_delete.length; ++j) {
+ // delete sourceobj[ids_to_delete[j]]
+ }
+
+ return sourceobj;
+}
+
diff --git a/slides-annotated/_static/pretext/js/highlight.js b/slides-annotated/_static/pretext/js/highlight.js
new file mode 100755
index 0000000..98f906a
--- /dev/null
+++ b/slides-annotated/_static/pretext/js/highlight.js
@@ -0,0 +1,480 @@
+
+/*
+highlight_css = document.createElement('style');
+highlight_css.type = "text/css";
+highlight_css.id = "highlight_css";
+document.head.appendChild(highlight_css);
+var css_for_hl = 'span.hl { background: yellow; }\n';
+css_for_hl += '#hlmenu { position: absolute; top: 300px; left: 200px;}\n';
+css_for_hl += '#hlmenu { padding: 8px; background: #FFF; }\n';
+css_for_hl += '#hlmenu { box-shadow: 8px 10px 5px #888; border: 1px solid #aaa;}\n';
+css_for_hl += '#hlmenu .hldelete { background: #fdd; }';
+css_for_hl += '#hlmenu .hldelete:hover { background: #fbb; }';
+css_for_hl += '#hlmenu .hlcopy { background: #ddf; }';
+css_for_hl += '#hlmenu .hlcopy:hover { background: #bbf; }';
+css_for_hl += '#hlmenu .dismiss:hover { background: #ff9; }';
+css_for_hl += '#hlmenu > div { padding: 4px; font-size: 90%}';
+highlight_css.innerHTML = css_for_hl;
+*/
+
+hlmenu = document.createElement('div');
+hlmenu.id = "hlmenu";
+hlmenu.style.display = "none";
+hlmenu_contents = 'copy to clipboard
\n';
+hlmenu_contents += 'delete highlight
\n';
+hlmenu_contents += 'dismiss menu
';
+hlmenu.innerHTML = hlmenu_contents;
+document.body.appendChild(hlmenu);
+
+var all_highlights = localStorage.getObject("all_highlights");
+if (!all_highlights) {
+ console.log("no highlights on this page",all_highlights);
+ all_highlights= {};
+} else {
+ console.log("highlights already",all_highlights);
+}
+
+console.log("all_highlights.keys()", Object.keys(all_highlights));
+console.log("waiting for MathJax");
+MathJax.Hub.Register.StartupHook("End",function () {
+ // need to wait for MathJax, because MathJax changes the number of nodes in a paragraph
+ console.log("MathJax is done");
+ display_all_highlights(all_highlights, Object.keys(all_highlights), 0);
+});
+
+
+/*
+for (var key in all_highlights) {
+ var this_key = key;
+ var these_highlights = all_highlights[key];
+ console.log("adding highlights to", key);
+// await display_highlights_on(key, all_highlights[key], 0)
+ for (var i=0; i< these_highlights.length; ++i) {
+ hl = these_highlights[i];
+ console.log("inserting highlight",i,"which is",hl, "on", key);
+ // display_one_highlight(key, hl);
+//fails because
+ setTimeout(function() { display_one_highlight(this_key, hl)}, i*2000);
+
+ }
+}
+*/
+
+function index_of_child(child) {
+ var i = 0;
+ while( (child = child.previousSibling) != null )
+ {i++ }
+ return i
+}
+
+function increment_id(list_of_things_with_ids) { // assume ids are of the form xxxxNN with N a digit and x a non-digit
+ console.log("incrementing id on", list_of_things_with_ids);
+ if (list_of_things_with_ids.length == 0) {
+ return 0
+ }
+
+ id_start = list_of_things_with_ids[0]["id"].replace(/^(.*?)[0-9]+$/, "$1");
+ current_endings = [];
+ for (var i=0; i < list_of_things_with_ids.length; ++i) {
+ current_endings.push(list_of_things_with_ids[i]["id"].replace(/^.*?([0-9]+)$/, "$1"));
+ }
+ console.log("existing id endings", current_endings);
+ current_max = Math.max(...current_endings);
+ return id_start + (parseInt(current_max) + 1)
+}
+
+function enclosing_p_or_li(obj) {
+ console.log("obj.tagName", obj.tagName, "ggg",obj);
+ if (!obj) {
+ console.log("problem with previous object");
+ return null
+ }
+ else if (obj.tagName == 'P' || obj.tagName == 'LI') {
+ return obj
+ }
+ return enclosing_p_or_li(obj.parentNode)
+}
+
+// If you just loop ofer the highlights to add them,
+// you end up with a race condition because each highlight changes
+// the structure of the paragraph.
+async function display_one_highlight(parent_id, hl) {
+ var the_parent = document.getElementById(parent_id);
+ if (!the_parent) {
+ console.log("this id not on this page:", parent_id);
+ return
+ }
+ console.log("setting", hl, "on", parent_id);
+ var st_node_ind = hl['start_nn'];
+ var st_offset = hl['start_offset'];
+ var end_node_ind = hl['end_nn'];
+ var end_offset = hl['end_offset'];
+ console.log("st_node_ind", st_node_ind, "st_offset", st_offset, "end_node_ind", end_node_ind, "end_offset", end_offset);
+ // other error checks: same parent
+ if (st_offset < 0 || st_node_ind > the_parent.childNodes.length || end_node_ind > the_parent.childNodes.length || st_offset > the_parent.childNodes[st_node_ind].textContent.length || end_offset < 0 || end_offset > the_parent.childNodes[end_node_ind].textContent.length) {
+ console.log("highlight data inconsistent with paragraph structure that contains", the_parent.childNodes.length, "nodes");
+ return
+ }
+
+ let this_range = document.createRange();
+ console.log("setting this_range.setStart", the_parent.childNodes[st_node_ind], "with offset", st_offset, "out of", the_parent.childNodes[st_node_ind].textContent.length);
+ this_range.setStart(the_parent.childNodes[st_node_ind], st_offset);
+ this_range.setEnd(the_parent.childNodes[end_node_ind], end_offset);
+ var inside_part = document.createElement("span")
+ inside_part.classList.add("hl");
+ inside_part.id = hl['id'];
+ console.log("inside_part", inside_part, "going inside this_range",this_range);
+ console.log("in the_parent",the_parent);
+ this_range.surroundContents(inside_part);
+ return;
+}
+
+//var display_highlights_on = function(parent_id, highlights_on, ind) {
+async function display_highlights_on(parent_id, highlights_on, ind) {
+ console.log("display_highlights_on", parent_id, "xxxx", ind, "out of", highlights_on.length);
+ if (ind < highlights_on.length) {
+ console.log("about to display one highlight, number", ind, "on", parent_id);
+ await display_one_highlight(parent_id, highlights_on[ind]);
+ ++ind;
+ await display_highlights_on(parent_id, highlights_on, ind)
+ }
+ return;
+}
+
+async function display_all_highlights(every_highlight, hl_p_keys, i) {
+ console.log("making hl on", hl_p_keys[i]);
+ if (i < hl_p_keys.length) {
+ await display_highlights_on(hl_p_keys[i], every_highlight[hl_p_keys[i]], 0);
+ ++i;
+ await display_all_highlights(every_highlight, hl_p_keys, i)
+ }
+ return;
+}
+
+var DELAY = 500, clicks = 0, timer = null;
+$("p[id], li[id]").on("click", function(e) {
+ clicks++; //count clicks
+
+ if(clicks === 1) {
+
+ if (e.target.classList.contains("hl")) {
+ modifyhighlight(e);
+ clicks = 0;
+ } else {
+ timer = setTimeout(function() {
+ newhighlight()
+ clicks = 0; //after action performed, reset counter
+ }, DELAY);
+
+ }
+
+
+ } else if (clicks === 2) {
+ timer2 = setTimeout(function() {
+ clearTimeout(timer);
+ // alert("Double Click");
+ clicks = 0;
+ }, DELAY/2);
+ } else {
+ clearTimeout(timer); //prevent single-click action
+ clearTimeout(timer2); //prevent double-click action
+ // alert("Triple Click"); //perform triple-click action
+ clicks = 0; //after action performed, reset counter
+ }
+});
+
+function save_highlights() {
+ hl_data = {"action": "save", "user": uname, "pw": emanu, "bookID": bodyID, "type": "highlights", "hl": JSON.stringify(all_highlights)}
+ $.ajax({
+ url: "https://aimath.org/cgi-bin/u/highlights.py",
+ type: "post",
+ data: JSON.stringify(hl_data),
+ dataType: "json",
+ success: function(data) {
+ console.log("something", data, "back from highlight");
+ // alert(data);
+ },
+ error: function(errMsg) {
+ console.log("seems to be an error?",errMsg);
+ // alert("Error\n" + errMsg);
+ }
+ });
+
+ console.log("just ajax sent", JSON.stringify(reading_questions_object));
+}
+
+function newhighlight() {
+ var this_selection = window.getSelection();
+ console.log("UUUUUUUUUUUUUUUUUUUUUUUUUUU");
+ console.log("selection", this_selection, "as string", this_selection.toString(), "length", this_selection.toString().length);
+ if(this_selection.toString().length >= 3) {
+ console.log("this_selection", this_selection);
+ console.log("this_selection parentNode", this_selection.parentNode);
+
+ num_selected_ranges = this_selection.rangeCount;
+ console.log("this_selection.rangeCount", this_selection.rangeCount);
+ console.log("this_selection.getRangeAt(0)", this_selection.getRangeAt(0));
+ console.log("this_selection.getRangeAt(num_selected_ranges)", this_selection.getRangeAt(num_selected_ranges-1));
+ console.log("this_selection.getRangeAt(0).startContainer", this_selection.getRangeAt(0).startContainer);
+ console.log("this_selection.getRangeAt(0).endContainer", this_selection.getRangeAt(0).endContainer);
+ console.log("this_selection.getRangeAt(-1).startContainer", this_selection.getRangeAt(num_selected_ranges-1).startContainer);
+ console.log("this_selection.getRangeAt(-1).endContainer", this_selection.getRangeAt(num_selected_ranges-1).endContainer);
+ console.log("start equals end", this_selection.getRangeAt(0).startContainer == this_selection.getRangeAt(0).endContainer);
+ console.log("this_selection.getRangeAt(0).startContainer.parent", this_selection.getRangeAt(0).startContainer.parentNode);
+ console.log("this_selection.getRangeAt(0).endContainer.parent", this_selection.getRangeAt(0).endContainer.parentNode);
+ starting_parent = enclosing_p_or_li(this_selection.getRangeAt(0).startContainer);
+ starting_parent_id = starting_parent.id;
+ ending_parent_id = enclosing_p_or_li(this_selection.getRangeAt(num_selected_ranges-1).endContainer).id;
+ console.log("starting parent", enclosing_p_or_li(this_selection.getRangeAt(0).startContainer));
+ console.log("starting_parent.childNodes", starting_parent.childNodes);
+ console.log("starting_parent.childNodes.length", starting_parent.childNodes.length);
+ console.log("ending parent", enclosing_p_or_li(this_selection.getRangeAt(0).endContainer));
+ console.log("index of starting node", index_of_child(this_selection.getRangeAt(0).startContainer));
+ console.log("which is", starting_parent.childNodes[index_of_child(this_selection.getRangeAt(0).startContainer)]);
+ console.log("index of ending node", index_of_child(this_selection.getRangeAt(num_selected_ranges-1).endContainer));
+ console.log("which is", starting_parent.childNodes[index_of_child(this_selection.getRangeAt(num_selected_ranges-1).endContainer)]);
+ console.log("XXXXXXXXXXXXXXXXXXXXXXX");
+ starting_node = this_selection.getRangeAt(0);
+ starting_node_container = starting_node.startContainer;
+ starting_node_number = index_of_child(starting_node_container);
+ starting_node_offset = starting_node.startOffset;
+ console.log("starting_node", starting_node, "starting_node_container", starting_node_container);
+ console.log("starting_parent.childNodes[0]", starting_parent.childNodes[0]);
+ ending_node = this_selection.getRangeAt(num_selected_ranges-1);
+ ending_node_container = ending_node.endContainer;
+ console.log("ending_node", ending_node, "ending_node_container", ending_node_container);
+ ending_node_number = index_of_child(ending_node_container);
+ ending_node_offset = ending_node.endOffset;
+ console.log("selection starts at character number", starting_node.startOffset, "in node number", index_of_child(starting_node), "of node", starting_node.startContainer, "within", starting_node.startContainer.parentNode,"which is", starting_node);
+ console.log("selection ends at character number", ending_node.endOffset, "in node number", index_of_child(ending_node_container), "of node", ending_node.endContainer, "within", ending_node.endContainer.parentNode, "which is", ending_node);
+
+// let this_range = document.createRange();
+// this_range.setStart(starting_parent.childNodes[starting_node_number], starting_node_offset);
+// this_range.setEnd(document.getElementById(starting_parent_id).childNodes[ending_node_number], ending_node_offset);
+// test_inside_part=document.createElement("span")
+// test_inside_part.classList.add("gggg");
+// this_range.surroundContents(test_inside_part);
+ console.log("num_selected_ranges", num_selected_ranges, "starting_parent_id", starting_parent_id, "ending_parent_id", ending_parent_id);
+ this_selection.empty();
+ console.log("starting_parent_id", starting_parent_id, "ending_parent_id", ending_parent_id);
+ if (starting_parent_id != ending_parent_id) {
+ alert("Highlights must be within\none paragraph or list item.");
+ return ""
+ }
+ if (starting_parent != starting_node_container.parentNode) {
+ starting_node_number = index_of_child(starting_node_container.parentNode) - 1;
+ console.log("new starting node",starting_node_number, " which is", starting_parent.childNodes[starting_node_number]);
+ starting_node_offset = starting_parent.childNodes[starting_node_number].length;
+ }
+ if (starting_parent != ending_node_container.parentNode) {
+ ending_node_number = index_of_child(ending_node_container.parentNode) + 1;
+ console.log("new edngin node",ending_node_number, " which is", starting_parent.childNodes[ending_node_number]);
+ ending_node_offset = 0;
+ }
+ console.log("starting_parent eq st cont parent", starting_parent == starting_node_container.parentNode, "starting_parent eq end cont parent", starting_parent == ending_node_container.parentNode);
+// display_one_highlight(starting_parent_id, starting_node_number, starting_node_offset, ending_node_number, ending_node_offset);
+// console.log("this_range", this_range);
+ this_highlight = {"start_nn": starting_node_number,
+ "start_offset": starting_node_offset,
+ "end_nn": ending_node_number,
+ "end_offset": ending_node_offset};
+ if (starting_parent_id in all_highlights) {
+ console.log("the starting_parent_id", starting_parent_id, "is already in all_highlights", all_highlights);
+ new_id = increment_id(all_highlights[starting_parent_id]);
+ this_highlight['id'] = new_id;
+ all_highlights[starting_parent_id].push(this_highlight)
+ } else {
+ this_highlight['id'] = starting_parent_id + "-" + "hl" + 1;
+ all_highlights[starting_parent_id] = [this_highlight]
+ }
+ display_one_highlight(starting_parent_id, this_highlight);
+ localStorage.setObject("all_highlights", all_highlights);
+
+ if (uname != "guest" && role=="student") {
+ console.log("saving highlights");
+ save_highlights();
+ }
+ console.log("all_highlights", all_highlights);
+ return "";
+ }
+}
+
+function modifyhighlight(e) {
+ this_hl = e.target;
+ console.log("clicked hl", this_hl.id);
+
+ var x = e.clientX, y = e.clientY;
+ console.log("x", x, "y", y);
+ document.getElementById("hlmenu").style.top = (y - 10 + $(window).scrollTop()) + 'px';
+ document.getElementById("hlmenu").style.left = (x + 20) + 'px';
+ document.getElementById("hlmenu").style.display = 'block';
+ document.getElementsByClassName("hlcopy")[0].setAttribute("data-hlid", this_hl.id);
+ document.getElementsByClassName("hldelete")[0].setAttribute("data-hlid", this_hl.id);
+// tooltipSpan.style.left = (x + 20) + 'px';
+
+ var parent_id = this_hl.id.replace(/^(.*)-[^\-]*$/, "$1");
+ var number_of_this_highlight = this_hl.id.slice(-1);
+ var these_highlights = all_highlights[parent_id];
+ var this_highlight = these_highlights[number_of_this_highlight-1];
+ console.log("parent id", parent_id, "nunber",number_of_this_highlight);
+ var num_child_nodes = this_hl.childNodes.length;
+ console.log("which has", this_hl.childNodes.length, "child nodes");
+ for (var i=0; i < num_child_nodes; ++i) {
+ console.log(i, "node is", this_hl.childNodes[i])
+ }
+ console.log("highlights on this item",all_highlights[parent_id], "of which we clicked", these_highlights[number_of_this_highlight - 1],
+"number", number_of_this_highlight, "out of", these_highlights.length );
+ for (var i=0; i 0) {
+ all_highlights[parent_id] = new_highlights
+ } else {
+ delete all_highlights[parent_id]
+ }
+
+ localStorage.setObject("all_highlights", all_highlights);
+
+
+ // hide the current highlight
+ $(hl_to_delete).replaceWith(hl_to_delete.innerHTML);
+
+ document.getElementById(parent_id).normalize(); // because a previous step creates adjacent text nodes
+
+ document.getElementById("hlmenu").style.display = 'none';
+});
+
+$('body').on('click','.dismiss', function(e){
+ console.log(".dismiss of",this);
+ the_parent = this.closest("[id]");
+ the_parent.style.display = 'none';
+});
diff --git a/slides-annotated/_static/pretext/js/instructor.js b/slides-annotated/_static/pretext/js/instructor.js
new file mode 100755
index 0000000..df5a43c
--- /dev/null
+++ b/slides-annotated/_static/pretext/js/instructor.js
@@ -0,0 +1,131 @@
+
+var icon = {
+ "warning": "⚠️ ",
+ "commentary": "☕",
+ "media": "▶",
+ "tip": "📣",
+ "worksheet": "📄",
+ "assesment": "A+ ",
+ "slides": "📻",
+ "outcomes": "✓"
+};
+
+var html_words_of = {
+ "warning": "Common pitfall",
+ "commentary": "Alert",
+ "media": "An amusing demo",
+ "tip": "Tip: discussion point",
+ "worksheet": "Worksheet:",
+ "assesment": "Sample exam:",
+ "slides": "Slides:",
+ "outcomes": "Learning outcomes"
+}
+
+// Word PTX PDF ",
+
+var type_name = {
+ "warning": "warning",
+ "commentary": "commentary",
+ "media": "media",
+ "tip": "tip",
+ "worksheet": "worksheet",
+ "assesment": "assesment",
+ "slides": "slides",
+ "outcomes": "outcomes"
+};
+
+console.log("in instructor.js", role, "role", logged_in, "logged_in");
+
+if (role=="instructor") {
+ console.log(" loading instructor resources");
+
+ var instructor_resources = document.querySelectorAll(".instructor");
+
+ console.log('instructor_resources.length', instructor_resources.length);
+
+ var icons_on_this_page = [];
+
+ for (var j=0; j < instructor_resources.length; ++j) {
+ var instructor_resource = instructor_resources[j];
+ var instructor_resource_parent_id = instructor_resource.parentNode.id;
+ console.log(" XXXXXXXXXXXX instructor_resource.parentNode", instructor_resource.parentNode);
+ console.log("instructor_resource_parent_id", instructor_resource_parent_id);
+ if(instructor_resource_parent_id) {
+ } else {
+ instructor_resource_parent_id = instructor_resource.parentNode.parentNode.id;
+ }
+
+ this_type = instructor_resource.getAttribute("data-resource");
+ this_icon = icon[this_type];
+ var id_of_this_icon = "resourceid" + j;
+ icons_on_this_page.push([type_name[this_type], this_icon, id_of_this_icon]);
+
+ console.log("this_type", this_type, "this_icon", this_icon, "html_words_of[this_type]", html_words_of[this_type]);
+ this_item_with_resource = document.getElementById(instructor_resource_parent_id);
+ console.log("instructor_resource_parent_id", instructor_resource_parent_id, "this_item_with_resource", this_item_with_resource);
+
+ var this_margin_resource = document.createElement('div');
+ this_margin_resource.setAttribute('class', 'marginresource');
+ this_margin_resource.setAttribute('id', id_of_this_icon);
+ this_margin_resource.innerHTML = "
" + this_icon + " ";
+ if(!(this_title = instructor_resource.getAttribute("title"))) {
+ this_title = html_words_of[this_type]
+ }
+ if(instructor_resource.hasAttribute("data-content")) {
+ this_content = instructor_resource.getAttribute("data-content");
+ this_title = '
' + this_title + ' ';
+ }
+ var links_html = ""
+ if(instructor_resource.hasAttribute("data-links")) {
+ var this_links = instructor_resource.getAttribute("data-links");
+ these_links = this_links.split(";");
+ links_html = '
'
+ console.log(" OOOOOOOOOOOOOO these_links", these_links, "these_links.length", these_links.length);
+ if(these_links.length > 0) {
+ console.log("these_links[0]", these_links[0]);
+ }
+ tmpJ = these_links.length;
+ console.log("tmpJ", tmpJ);
+ for(var jj=0; jj < these_links.length; ++jj) {
+ console.log( " UUUUUUUUUUUUUu these_links[jj]", these_links[jj]);
+ this_type_and_link = these_links[jj].split(",");
+ if(jj>0) { links_html += ", " }
+ links_html += '' + this_type_and_link[0] + ' ';
+ }
+ links_html += 'XX ';
+ console.log("done adding links to title");
+ }
+ this_title = '
' + this_title
+ if(links_html) {
+ this_title += links_html
+ }
+ this_title += ' ';
+ this_margin_resource.innerHTML += this_title;
+// this_item_with_resource.insertBefore(this_margin_resource);
+ this_item_with_resource.insertBefore(this_margin_resource, this_item_with_resource.firstChild);
+ console.log("appended to ",this_item_with_resource);
+ }
+
+ icons_on_this_page.sort();
+
+ var icon_legend_for_this_page = document.createElement('div');
+ var prev_icon = "";
+ var icon_list = '
' + "" + icons_on_this_page[0][0] + ": ";
+ for (var j=0; j < icons_on_this_page.length; ++j) {
+ next_icon = icons_on_this_page[j][1];
+ if(j > 0 && next_icon !== prev_icon) {
+ icon_list += ' ' + "
";
+ icon_list += '
' + "" + icons_on_this_page[j][0] + ": ";
+ icon_list += '' + next_icon + ' ';
+ } else {
+ icon_list += '' + next_icon + ' ';
+ }
+ prev_icon = next_icon;
+ }
+ icon_list += ' ';
+
+ icon_legend_for_this_page.setAttribute('class', 'iconlegend');
+ icon_legend_for_this_page.innerHTML = icon_list
+ document.body.appendChild(icon_legend_for_this_page);
+
+} // if logged in as instructor
diff --git a/slides-annotated/_static/pretext/js/lib/jquery.espy.min.js b/slides-annotated/_static/pretext/js/lib/jquery.espy.min.js
new file mode 100755
index 0000000..31cffd1
--- /dev/null
+++ b/slides-annotated/_static/pretext/js/lib/jquery.espy.min.js
@@ -0,0 +1,195 @@
+
+(function(b, u, v) {
+ function x(b, f, e) {
+ b = (b + "").match(/^(-?[0-9]+)(%)?$/);
+ if (!b) return !1;
+ var c = parseInt(b[1], 10);
+ b[2] && (c *= f / 100);
+ return 0 > c ? f + c + (e || 0) : c
+ }
+
+ function y(k, f) {
+ function e() {
+ function b() {
+ g = +new Date;
+ f.apply(e, t);
+ c && (c = clearTimeout(c))
+ }
+ var e = this,
+ q = +new Date - g,
+ t = arguments;
+ c && (c = clearTimeout(c));
+ q > k ? b() : c = setTimeout(b, k - q)
+ }
+ var c, g = 0;
+ b.guid && (e.guid = f.guid = f.guid || b.guid++);
+ return e
+ }
+ b.Espy = function(k, f, e) {
+ function c(a, d) {
+ b.isPlainObject(a) && (d = a, a = null);
+ b.extend(t.prototype, d);
+ null !== a && (w = a)
+ }
+
+ function g(a) {
+ if (a =
+ q(a)) {
+ var d = a.$el.offset()[a.settings.horizontal ? "left" : "top"] - p.offset[a.settings.horizontal ? "left" : "top"],
+ h = a.$el[a.settings.horizontal ? "outerWidth" : "outerHeight"]();
+ b.extend(a, {
+ start: d,
+ elSize: h,
+ end: d + h
+ })
+ }
+ }
+
+ function r(a) {
+ // console.log("r(a) with a = ", a);
+ if (a === v) b.each(m, r);
+ else if (a = q(a)) {
+ var d = p[a.settings.horizontal ? "width" : "height"],
+ h = x(a.settings.size, d),
+ d = p[a.settings.horizontal ? "left" : "top"] + x(a.settings.offset, d, -h),
+ c = d + h,
+ h = a.settings.contain ? d <= a.start && c >= a.end ? "inside" : d + h / 2 > a.start + a.elSize / 2 ? a.settings.horizontal ? "left" :
+ "up" : a.settings.horizontal ? "right" : "down" : d > a.start && d < a.end || c > a.start && c < a.end || d <= a.start && c >= a.start || d <= a.end && c >= a.end ? "inside" : d > a.end ? a.settings.horizontal ? "left" : "up" : a.settings.horizontal ? "right" : "down";
+ a.state !== h && (a.state = h, "function" === typeof w && w.call(a.el, "inside" === h, h), "function" === typeof a.callback && a.callback.call(a.el, "inside" === h, h))
+ }
+ }
+
+ function s(a) {
+ if (m.hasOwnProperty(a)) return a;
+ if (b.isPlainObject(a) && m.hasOwnProperty(a.id)) return a.id;
+ a = b(a)[0];
+ var d = !1;
+ b.each(m, function(b,
+ c) {
+ c.el === a && (d = b)
+ });
+ return d
+ }
+
+ // console.log("nothing yet");
+ function q(a) {
+ return (a = s(a)) ? m[a] : !1
+ }
+ "function" !== typeof f && (e = f, f = 0);
+ // console.log("k was", k);
+ var t = function(a) {
+ b.extend(this, a)
+ },
+ u = function(a, d, c, e) {
+ this.id = a;
+ this.el = d;
+ this.$el = b(d);
+ this.callback = c;
+ this.settings = new t(e);
+ this.configure = function(a, d) {
+ b.isPlainObject(a) && (d = a, a = null);
+ b.extend(this.settings, d);
+ null !== a && (this.callback = a)
+ }
+ },
+ n = this,
+ l = b(k);
+ // console.log("l", l, "l==window", l[0]==window);
+ k = b.fn.espy.defaults;
+ // console.log("k is", k);
+ var w, m = {},
+ z = 0;
+ // because window.offset() is not defined in jQuery 3 (why?!?!?!),
+ // we have to treat that as a special case (DF 1/28/19)
+ if (l[0]==window) { offSET = { top: 0, left: 0 } }
+ else { offSET = l.offset() }
+ var p = {
+ top: l.scrollTop(),
+ left: l.scrollLeft(),
+ width: l.innerWidth(),
+ height: l.innerHeight(),
+ offset: offSET
+/*
+ offset: l.offset() || {
+ top: 0,
+ left: 0
+ }
+*/
+ };
+ // console.log("p", p);
+ c(f, b.extend({}, k, e));
+ n.add = function(a, d, c) {
+ b.isPlainObject(d) && (c = d, d = 0);
+ b(a).each(function(a, b) {
+ var e = s(b) || "s" + z++;
+ m[e] = new u(e, b, d, c);
+ g(e);
+ r(e)
+ })
+ };
+ n.configure = function(a, d, e) {
+ "function" === typeof a ? (d = a, a = null, b.isPlainObject(d) && (e = d, d = null)) : b.isPlainObject(a) ? (e = a, d = a = null) : b.isPlainObject(d) && (e = d, d = null);
+ null === a ? (c(d, e), b.each(m, function(a, b) {
+ g(b)
+ })) : b(a).each(function(a, b) {
+ var c = q(b);
+ c && (c.configure(d, e), g(b))
+ })
+ };
+ n.reload = function(a) {
+ a === v ? b.each(m, function() {
+ g(this.id)
+ }) :
+ b(a).each(function(a, b) {
+ var c = s(b);
+ c && (g(c), r(c))
+ })
+ };
+ n.remove = function(a) {
+ b(a).each(function(a, b) {
+ var c = s(b);
+ c && delete m[c]
+ })
+ };
+ n.destroy = function() {
+ l.off(".espy");
+ m = {};
+ n = v
+ };
+ n.resize = function() {
+ b.each(m, function() {
+ this.reloadOnResize && g(this)
+ });
+ p.width = l.innerWidth();
+ p.height = l.innerHeight();
+ r()
+ };
+ l.on("scroll.espy", y(k.delay, function() {
+ p.top = l.scrollTop();
+ p.left = l.scrollLeft();
+ r()
+ }));
+ l.on("resize.espy", y(k.delay, function() {
+ n.resize()
+ }))
+ };
+ b.fn.espy = function(k, f) {
+ var e, c;
+ e = f && f.context || u;
+ var g = b.data(e,
+ "espy") || b.data(e, "espy", new b.Espy(e));
+ "string" !== typeof k ? g.add(this, k, f) : (e = k, c = Array.prototype.slice.call(arguments), c[0] = this, "function" === typeof g[e] && g[e].apply(g, c));
+ return this
+ };
+ b.fn.espy.defaults = {
+ delay: 100,
+ context: window,
+ horizontal: 0,
+ offset: 0,
+ size: "100%",
+ contain: 0,
+ reloadOnResize: !0
+ }
+})(jQuery, window);
+
+
diff --git a/slides-annotated/_static/pretext/js/lib/jquery.min.js b/slides-annotated/_static/pretext/js/lib/jquery.min.js
new file mode 100755
index 0000000..4d9b3a2
--- /dev/null
+++ b/slides-annotated/_static/pretext/js/lib/jquery.min.js
@@ -0,0 +1,2 @@
+/*! jQuery v3.3.1 | (c) JS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){"use strict";var n=[],r=e.document,i=Object.getPrototypeOf,o=n.slice,a=n.concat,s=n.push,u=n.indexOf,l={},c=l.toString,f=l.hasOwnProperty,p=f.toString,d=p.call(Object),h={},g=function e(t){return"function"==typeof t&&"number"!=typeof t.nodeType},y=function e(t){return null!=t&&t===t.window},v={type:!0,src:!0,noModule:!0};function m(e,t,n){var i,o=(t=t||r).createElement("script");if(o.text=e,n)for(i in v)n[i]&&(o[i]=n[i]);t.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[c.call(e)]||"object":typeof e}var b="3.3.1",w=function(e,t){return new w.fn.init(e,t)},T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;w.fn=w.prototype={jquery:"3.3.1",constructor:w,length:0,toArray:function(){return o.call(this)},get:function(e){return null==e?o.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=w.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return w.each(this,e)},map:function(e){return this.pushStack(w.map(this,function(t,n){return e.call(t,n,t)}))},slice:function(){return this.pushStack(o.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(n>=0&&n
0&&t-1 in e)}var E=function(e){var t,n,r,i,o,a,s,u,l,c,f,p,d,h,g,y,v,m,x,b="sizzle"+1*new Date,w=e.document,T=0,C=0,E=ae(),k=ae(),S=ae(),D=function(e,t){return e===t&&(f=!0),0},N={}.hasOwnProperty,A=[],j=A.pop,q=A.push,L=A.push,H=A.slice,O=function(e,t){for(var n=0,r=e.length;n+~]|"+M+")"+M+"*"),z=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),X=new RegExp(W),U=new RegExp("^"+R+"$"),V={ID:new RegExp("^#("+R+")"),CLASS:new RegExp("^\\.("+R+")"),TAG:new RegExp("^("+R+"|[*])"),ATTR:new RegExp("^"+I),PSEUDO:new RegExp("^"+W),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+P+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},G=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Q=/^[^{]+\{\s*\[native \w/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,K=/[+~]/,Z=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ee=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},te=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ne=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},re=function(){p()},ie=me(function(e){return!0===e.disabled&&("form"in e||"label"in e)},{dir:"parentNode",next:"legend"});try{L.apply(A=H.call(w.childNodes),w.childNodes),A[w.childNodes.length].nodeType}catch(e){L={apply:A.length?function(e,t){q.apply(e,H.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function oe(e,t,r,i){var o,s,l,c,f,h,v,m=t&&t.ownerDocument,T=t?t.nodeType:9;if(r=r||[],"string"!=typeof e||!e||1!==T&&9!==T&&11!==T)return r;if(!i&&((t?t.ownerDocument||t:w)!==d&&p(t),t=t||d,g)){if(11!==T&&(f=J.exec(e)))if(o=f[1]){if(9===T){if(!(l=t.getElementById(o)))return r;if(l.id===o)return r.push(l),r}else if(m&&(l=m.getElementById(o))&&x(t,l)&&l.id===o)return r.push(l),r}else{if(f[2])return L.apply(r,t.getElementsByTagName(e)),r;if((o=f[3])&&n.getElementsByClassName&&t.getElementsByClassName)return L.apply(r,t.getElementsByClassName(o)),r}if(n.qsa&&!S[e+" "]&&(!y||!y.test(e))){if(1!==T)m=t,v=e;else if("object"!==t.nodeName.toLowerCase()){(c=t.getAttribute("id"))?c=c.replace(te,ne):t.setAttribute("id",c=b),s=(h=a(e)).length;while(s--)h[s]="#"+c+" "+ve(h[s]);v=h.join(","),m=K.test(e)&&ge(t.parentNode)||t}if(v)try{return L.apply(r,m.querySelectorAll(v)),r}catch(e){}finally{c===b&&t.removeAttribute("id")}}}return u(e.replace(B,"$1"),t,r,i)}function ae(){var e=[];function t(n,i){return e.push(n+" ")>r.cacheLength&&delete t[e.shift()],t[n+" "]=i}return t}function se(e){return e[b]=!0,e}function ue(e){var t=d.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function le(e,t){var n=e.split("|"),i=n.length;while(i--)r.attrHandle[n[i]]=t}function ce(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function fe(e){return function(t){return"input"===t.nodeName.toLowerCase()&&t.type===e}}function pe(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function de(e){return function(t){return"form"in t?t.parentNode&&!1===t.disabled?"label"in t?"label"in t.parentNode?t.parentNode.disabled===e:t.disabled===e:t.isDisabled===e||t.isDisabled!==!e&&ie(t)===e:t.disabled===e:"label"in t&&t.disabled===e}}function he(e){return se(function(t){return t=+t,se(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}function ge(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}n=oe.support={},o=oe.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&"HTML"!==t.nodeName},p=oe.setDocument=function(e){var t,i,a=e?e.ownerDocument||e:w;return a!==d&&9===a.nodeType&&a.documentElement?(d=a,h=d.documentElement,g=!o(d),w!==d&&(i=d.defaultView)&&i.top!==i&&(i.addEventListener?i.addEventListener("unload",re,!1):i.attachEvent&&i.attachEvent("onunload",re)),n.attributes=ue(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ue(function(e){return e.appendChild(d.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=Q.test(d.getElementsByClassName),n.getById=ue(function(e){return h.appendChild(e).id=b,!d.getElementsByName||!d.getElementsByName(b).length}),n.getById?(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){return e.getAttribute("id")===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n=t.getElementById(e);return n?[n]:[]}}):(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){var n="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return n&&n.value===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),r.find.TAG=n.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):n.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},r.find.CLASS=n.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&g)return t.getElementsByClassName(e)},v=[],y=[],(n.qsa=Q.test(d.querySelectorAll))&&(ue(function(e){h.appendChild(e).innerHTML="=0;)e.push(r);return e}),gt:he(function(e,t,n){for(var r=n<0?n+t:n;++r1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function be(e,t,n){for(var r=0,i=t.length;r-1&&(o[l]=!(a[l]=f))}}else v=we(v===a?v.splice(h,v.length):v),i?i(null,a,v,u):L.apply(a,v)})}function Ce(e){for(var t,n,i,o=e.length,a=r.relative[e[0].type],s=a||r.relative[" "],u=a?1:0,c=me(function(e){return e===t},s,!0),f=me(function(e){return O(t,e)>-1},s,!0),p=[function(e,n,r){var i=!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):f(e,n,r));return t=null,i}];u1&&xe(p),u>1&&ve(e.slice(0,u-1).concat({value:" "===e[u-2].type?"*":""})).replace(B,"$1"),n,u0,i=e.length>0,o=function(o,a,s,u,c){var f,h,y,v=0,m="0",x=o&&[],b=[],w=l,C=o||i&&r.find.TAG("*",c),E=T+=null==w?1:Math.random()||.1,k=C.length;for(c&&(l=a===d||a||c);m!==k&&null!=(f=C[m]);m++){if(i&&f){h=0,a||f.ownerDocument===d||(p(f),s=!g);while(y=e[h++])if(y(f,a||d,s)){u.push(f);break}c&&(T=E)}n&&((f=!y&&f)&&v--,o&&x.push(f))}if(v+=m,n&&m!==v){h=0;while(y=t[h++])y(x,b,a,s);if(o){if(v>0)while(m--)x[m]||b[m]||(b[m]=j.call(u));b=we(b)}L.apply(u,b),c&&!o&&b.length>0&&v+t.length>1&&oe.uniqueSort(u)}return c&&(T=E,l=w),x};return n?se(o):o}return s=oe.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=a(e)),n=t.length;while(n--)(o=Ce(t[n]))[b]?r.push(o):i.push(o);(o=S(e,Ee(i,r))).selector=e}return o},u=oe.select=function(e,t,n,i){var o,u,l,c,f,p="function"==typeof e&&e,d=!i&&a(e=p.selector||e);if(n=n||[],1===d.length){if((u=d[0]=d[0].slice(0)).length>2&&"ID"===(l=u[0]).type&&9===t.nodeType&&g&&r.relative[u[1].type]){if(!(t=(r.find.ID(l.matches[0].replace(Z,ee),t)||[])[0]))return n;p&&(t=t.parentNode),e=e.slice(u.shift().value.length)}o=V.needsContext.test(e)?0:u.length;while(o--){if(l=u[o],r.relative[c=l.type])break;if((f=r.find[c])&&(i=f(l.matches[0].replace(Z,ee),K.test(u[0].type)&&ge(t.parentNode)||t))){if(u.splice(o,1),!(e=i.length&&ve(u)))return L.apply(n,i),n;break}}}return(p||s(e,d))(i,t,!g,n,!t||K.test(e)&&ge(t.parentNode)||t),n},n.sortStable=b.split("").sort(D).join("")===b,n.detectDuplicates=!!f,p(),n.sortDetached=ue(function(e){return 1&e.compareDocumentPosition(d.createElement("fieldset"))}),ue(function(e){return e.innerHTML="1?w.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&D.test(e)?w(e):e||[],!1).length}});var q,L=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(w.fn.init=function(e,t,n){var i,o;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(i="<"===e[0]&&">"===e[e.length-1]&&e.length>=3?[null,e,null]:L.exec(e))||!i[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(i[1]){if(t=t instanceof w?t[0]:t,w.merge(this,w.parseHTML(i[1],t&&t.nodeType?t.ownerDocument||t:r,!0)),A.test(i[1])&&w.isPlainObject(t))for(i in t)g(this[i])?this[i](t[i]):this.attr(i,t[i]);return this}return(o=r.getElementById(i[2]))&&(this[0]=o,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):g(e)?void 0!==n.ready?n.ready(e):e(w):w.makeArray(e,this)}).prototype=w.fn,q=w(r);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};w.fn.extend({has:function(e){var t=w(e,this),n=t.length;return this.filter(function(){for(var e=0;e-1:1===n.nodeType&&w.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(o.length>1?w.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?u.call(w(e),this[0]):u.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(w.uniqueSort(w.merge(this.get(),w(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}w.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return k(e,"parentNode")},parentsUntil:function(e,t,n){return k(e,"parentNode",n)},next:function(e){return P(e,"nextSibling")},prev:function(e){return P(e,"previousSibling")},nextAll:function(e){return k(e,"nextSibling")},prevAll:function(e){return k(e,"previousSibling")},nextUntil:function(e,t,n){return k(e,"nextSibling",n)},prevUntil:function(e,t,n){return k(e,"previousSibling",n)},siblings:function(e){return S((e.parentNode||{}).firstChild,e)},children:function(e){return S(e.firstChild)},contents:function(e){return N(e,"iframe")?e.contentDocument:(N(e,"template")&&(e=e.content||e),w.merge([],e.childNodes))}},function(e,t){w.fn[e]=function(n,r){var i=w.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=w.filter(r,i)),this.length>1&&(O[e]||w.uniqueSort(i),H.test(e)&&i.reverse()),this.pushStack(i)}});var M=/[^\x20\t\r\n\f]+/g;function R(e){var t={};return w.each(e.match(M)||[],function(e,n){t[n]=!0}),t}w.Callbacks=function(e){e="string"==typeof e?R(e):w.extend({},e);var t,n,r,i,o=[],a=[],s=-1,u=function(){for(i=i||e.once,r=t=!0;a.length;s=-1){n=a.shift();while(++s-1)o.splice(n,1),n<=s&&s--}),this},has:function(e){return e?w.inArray(e,o)>-1:o.length>0},empty:function(){return o&&(o=[]),this},disable:function(){return i=a=[],o=n="",this},disabled:function(){return!o},lock:function(){return i=a=[],n||t||(o=n=""),this},locked:function(){return!!i},fireWith:function(e,n){return i||(n=[e,(n=n||[]).slice?n.slice():n],a.push(n),t||u()),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!r}};return l};function I(e){return e}function W(e){throw e}function $(e,t,n,r){var i;try{e&&g(i=e.promise)?i.call(e).done(t).fail(n):e&&g(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}w.extend({Deferred:function(t){var n=[["notify","progress",w.Callbacks("memory"),w.Callbacks("memory"),2],["resolve","done",w.Callbacks("once memory"),w.Callbacks("once memory"),0,"resolved"],["reject","fail",w.Callbacks("once memory"),w.Callbacks("once memory"),1,"rejected"]],r="pending",i={state:function(){return r},always:function(){return o.done(arguments).fail(arguments),this},"catch":function(e){return i.then(null,e)},pipe:function(){var e=arguments;return w.Deferred(function(t){w.each(n,function(n,r){var i=g(e[r[4]])&&e[r[4]];o[r[1]](function(){var e=i&&i.apply(this,arguments);e&&g(e.promise)?e.promise().progress(t.notify).done(t.resolve).fail(t.reject):t[r[0]+"With"](this,i?[e]:arguments)})}),e=null}).promise()},then:function(t,r,i){var o=0;function a(t,n,r,i){return function(){var s=this,u=arguments,l=function(){var e,l;if(!(t=o&&(r!==W&&(s=void 0,u=[e]),n.rejectWith(s,u))}};t?c():(w.Deferred.getStackHook&&(c.stackTrace=w.Deferred.getStackHook()),e.setTimeout(c))}}return w.Deferred(function(e){n[0][3].add(a(0,e,g(i)?i:I,e.notifyWith)),n[1][3].add(a(0,e,g(t)?t:I)),n[2][3].add(a(0,e,g(r)?r:W))}).promise()},promise:function(e){return null!=e?w.extend(e,i):i}},o={};return w.each(n,function(e,t){var a=t[2],s=t[5];i[t[1]]=a.add,s&&a.add(function(){r=s},n[3-e][2].disable,n[3-e][3].disable,n[0][2].lock,n[0][3].lock),a.add(t[3].fire),o[t[0]]=function(){return o[t[0]+"With"](this===o?void 0:this,arguments),this},o[t[0]+"With"]=a.fireWith}),i.promise(o),t&&t.call(o,o),o},when:function(e){var t=arguments.length,n=t,r=Array(n),i=o.call(arguments),a=w.Deferred(),s=function(e){return function(n){r[e]=this,i[e]=arguments.length>1?o.call(arguments):n,--t||a.resolveWith(r,i)}};if(t<=1&&($(e,a.done(s(n)).resolve,a.reject,!t),"pending"===a.state()||g(i[n]&&i[n].then)))return a.then();while(n--)$(i[n],s(n),a.reject);return a.promise()}});var B=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;w.Deferred.exceptionHook=function(t,n){e.console&&e.console.warn&&t&&B.test(t.name)&&e.console.warn("jQuery.Deferred exception: "+t.message,t.stack,n)},w.readyException=function(t){e.setTimeout(function(){throw t})};var F=w.Deferred();w.fn.ready=function(e){return F.then(e)["catch"](function(e){w.readyException(e)}),this},w.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--w.readyWait:w.isReady)||(w.isReady=!0,!0!==e&&--w.readyWait>0||F.resolveWith(r,[w]))}}),w.ready.then=F.then;function _(){r.removeEventListener("DOMContentLoaded",_),e.removeEventListener("load",_),w.ready()}"complete"===r.readyState||"loading"!==r.readyState&&!r.documentElement.doScroll?e.setTimeout(w.ready):(r.addEventListener("DOMContentLoaded",_),e.addEventListener("load",_));var z=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===x(n)){i=!0;for(s in n)z(e,t,s,n[s],!0,o,a)}else if(void 0!==r&&(i=!0,g(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(w(e),n)})),t))for(;s1,null,!0)},removeData:function(e){return this.each(function(){K.remove(this,e)})}}),w.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=J.get(e,t),n&&(!r||Array.isArray(n)?r=J.access(e,t,w.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=w.queue(e,t),r=n.length,i=n.shift(),o=w._queueHooks(e,t),a=function(){w.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return J.get(e,n)||J.access(e,n,{empty:w.Callbacks("once memory").add(function(){J.remove(e,[t+"queue",n])})})}}),w.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),arguments.length\x20\t\r\n\f]+)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""," "],thead:[1,""],col:[2,""],tr:[2,""],td:[3,""],_default:[0,"",""]};ge.optgroup=ge.option,ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td;function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&N(e,t)?w.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n-1)i&&i.push(o);else if(l=w.contains(o.ownerDocument,o),a=ye(f.appendChild(o),"script"),l&&ve(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}!function(){var e=r.createDocumentFragment().appendChild(r.createElement("div")),t=r.createElement("input");t.setAttribute("type","radio"),t.setAttribute("checked","checked"),t.setAttribute("name","t"),e.appendChild(t),h.checkClone=e.cloneNode(!0).cloneNode(!0).lastChild.checked,e.innerHTML="",h.noCloneChecked=!!e.cloneNode(!0).lastChild.defaultValue}();var be=r.documentElement,we=/^key/,Te=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ce=/^([^.]*)(?:\.(.+)|)/;function Ee(){return!0}function ke(){return!1}function Se(){try{return r.activeElement}catch(e){}}function De(e,t,n,r,i,o){var a,s;if("object"==typeof t){"string"!=typeof n&&(r=r||n,n=void 0);for(s in t)De(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=ke;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return w().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=w.guid++)),e.each(function(){w.event.add(this,t,i,r,n)})}w.event={global:{},add:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.get(e);if(y){n.handler&&(n=(o=n).handler,i=o.selector),i&&w.find.matchesSelector(be,i),n.guid||(n.guid=w.guid++),(u=y.events)||(u=y.events={}),(a=y.handle)||(a=y.handle=function(t){return"undefined"!=typeof w&&w.event.triggered!==t.type?w.event.dispatch.apply(e,arguments):void 0}),l=(t=(t||"").match(M)||[""]).length;while(l--)d=g=(s=Ce.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=w.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=w.event.special[d]||{},c=w.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&w.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(e,r,h,a)||e.addEventListener&&e.addEventListener(d,a)),f.add&&(f.add.call(e,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),w.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.hasData(e)&&J.get(e);if(y&&(u=y.events)){l=(t=(t||"").match(M)||[""]).length;while(l--)if(s=Ce.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){f=w.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,y.handle)||w.removeEvent(e,d,y.handle),delete u[d])}else for(d in u)w.event.remove(e,d+t[l],n,r,!0);w.isEmptyObject(u)&&J.remove(e,"handle events")}},dispatch:function(e){var t=w.event.fix(e),n,r,i,o,a,s,u=new Array(arguments.length),l=(J.get(this,"events")||{})[t.type]||[],c=w.event.special[t.type]||{};for(u[0]=t,n=1;n=1))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n-1:w.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u\x20\t\r\n\f]*)[^>]*)\/>/gi,Ae=/\s*$/g;function Le(e,t){return N(e,"table")&&N(11!==t.nodeType?t:t.firstChild,"tr")?w(e).children("tbody")[0]||e:e}function He(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function Oe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Pe(e,t){var n,r,i,o,a,s,u,l;if(1===t.nodeType){if(J.hasData(e)&&(o=J.access(e),a=J.set(t,o),l=o.events)){delete a.handle,a.events={};for(i in l)for(n=0,r=l[i].length;n1&&"string"==typeof y&&!h.checkClone&&je.test(y))return e.each(function(i){var o=e.eq(i);v&&(t[0]=y.call(this,i,o.html())),Re(o,t,n,r)});if(p&&(i=xe(t,e[0].ownerDocument,!1,e,r),o=i.firstChild,1===i.childNodes.length&&(i=o),o||r)){for(u=(s=w.map(ye(i,"script"),He)).length;f")},clone:function(e,t,n){var r,i,o,a,s=e.cloneNode(!0),u=w.contains(e.ownerDocument,e);if(!(h.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||w.isXMLDoc(e)))for(a=ye(s),r=0,i=(o=ye(e)).length;r0&&ve(a,!u&&ye(e,"script")),s},cleanData:function(e){for(var t,n,r,i=w.event.special,o=0;void 0!==(n=e[o]);o++)if(Y(n)){if(t=n[J.expando]){if(t.events)for(r in t.events)i[r]?w.event.remove(n,r):w.removeEvent(n,r,t.handle);n[J.expando]=void 0}n[K.expando]&&(n[K.expando]=void 0)}}}),w.fn.extend({detach:function(e){return Ie(this,e,!0)},remove:function(e){return Ie(this,e)},text:function(e){return z(this,function(e){return void 0===e?w.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return Re(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||Le(this,e).appendChild(e)})},prepend:function(){return Re(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Le(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return Re(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return Re(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(w.cleanData(ye(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return w.clone(this,e,t)})},html:function(e){return z(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!Ae.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=w.htmlPrefilter(e);try{for(;n=0&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))),u}function et(e,t,n){var r=$e(e),i=Fe(e,t,r),o="border-box"===w.css(e,"boxSizing",!1,r),a=o;if(We.test(i)){if(!n)return i;i="auto"}return a=a&&(h.boxSizingReliable()||i===e.style[t]),("auto"===i||!parseFloat(i)&&"inline"===w.css(e,"display",!1,r))&&(i=e["offset"+t[0].toUpperCase()+t.slice(1)],a=!0),(i=parseFloat(i)||0)+Ze(e,t,n||(o?"border":"content"),a,r,i)+"px"}w.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Fe(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=G(t),u=Xe.test(t),l=e.style;if(u||(t=Je(s)),a=w.cssHooks[t]||w.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"==(o=typeof n)&&(i=ie.exec(n))&&i[1]&&(n=ue(e,t,i),o="number"),null!=n&&n===n&&("number"===o&&(n+=i&&i[3]||(w.cssNumber[s]?"":"px")),h.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=G(t);return Xe.test(t)||(t=Je(s)),(a=w.cssHooks[t]||w.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Fe(e,t,r)),"normal"===i&&t in Ve&&(i=Ve[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),w.each(["height","width"],function(e,t){w.cssHooks[t]={get:function(e,n,r){if(n)return!ze.test(w.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?et(e,t,r):se(e,Ue,function(){return et(e,t,r)})},set:function(e,n,r){var i,o=$e(e),a="border-box"===w.css(e,"boxSizing",!1,o),s=r&&Ze(e,t,r,a,o);return a&&h.scrollboxSize()===o.position&&(s-=Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-parseFloat(o[t])-Ze(e,t,"border",!1,o)-.5)),s&&(i=ie.exec(n))&&"px"!==(i[3]||"px")&&(e.style[t]=n,n=w.css(e,t)),Ke(e,n,s)}}}),w.cssHooks.marginLeft=_e(h.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Fe(e,"marginLeft"))||e.getBoundingClientRect().left-se(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),w.each({margin:"",padding:"",border:"Width"},function(e,t){w.cssHooks[e+t]={expand:function(n){for(var r=0,i={},o="string"==typeof n?n.split(" "):[n];r<4;r++)i[e+oe[r]+t]=o[r]||o[r-2]||o[0];return i}},"margin"!==e&&(w.cssHooks[e+t].set=Ke)}),w.fn.extend({css:function(e,t){return z(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=$e(e),i=t.length;a1)}});function tt(e,t,n,r,i){return new tt.prototype.init(e,t,n,r,i)}w.Tween=tt,tt.prototype={constructor:tt,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||w.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(w.cssNumber[n]?"":"px")},cur:function(){var e=tt.propHooks[this.prop];return e&&e.get?e.get(this):tt.propHooks._default.get(this)},run:function(e){var t,n=tt.propHooks[this.prop];return this.options.duration?this.pos=t=w.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):tt.propHooks._default.set(this),this}},tt.prototype.init.prototype=tt.prototype,tt.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=w.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){w.fx.step[e.prop]?w.fx.step[e.prop](e):1!==e.elem.nodeType||null==e.elem.style[w.cssProps[e.prop]]&&!w.cssHooks[e.prop]?e.elem[e.prop]=e.now:w.style(e.elem,e.prop,e.now+e.unit)}}},tt.propHooks.scrollTop=tt.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},w.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},w.fx=tt.prototype.init,w.fx.step={};var nt,rt,it=/^(?:toggle|show|hide)$/,ot=/queueHooks$/;function at(){rt&&(!1===r.hidden&&e.requestAnimationFrame?e.requestAnimationFrame(at):e.setTimeout(at,w.fx.interval),w.fx.tick())}function st(){return e.setTimeout(function(){nt=void 0}),nt=Date.now()}function ut(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=oe[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function lt(e,t,n){for(var r,i=(pt.tweeners[t]||[]).concat(pt.tweeners["*"]),o=0,a=i.length;o1)},removeAttr:function(e){return this.each(function(){w.removeAttr(this,e)})}}),w.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?w.prop(e,t,n):(1===o&&w.isXMLDoc(e)||(i=w.attrHooks[t.toLowerCase()]||(w.expr.match.bool.test(t)?dt:void 0)),void 0!==n?null===n?void w.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=w.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!h.radioValue&&"radio"===t&&N(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(M);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),dt={set:function(e,t,n){return!1===t?w.removeAttr(e,n):e.setAttribute(n,n),n}},w.each(w.expr.match.bool.source.match(/\w+/g),function(e,t){var n=ht[t]||w.find.attr;ht[t]=function(e,t,r){var i,o,a=t.toLowerCase();return r||(o=ht[a],ht[a]=i,i=null!=n(e,t,r)?a:null,ht[a]=o),i}});var gt=/^(?:input|select|textarea|button)$/i,yt=/^(?:a|area)$/i;w.fn.extend({prop:function(e,t){return z(this,w.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[w.propFix[e]||e]})}}),w.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&w.isXMLDoc(e)||(t=w.propFix[t]||t,i=w.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=w.find.attr(e,"tabindex");return t?parseInt(t,10):gt.test(e.nodeName)||yt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),h.optSelected||(w.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),w.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){w.propFix[this.toLowerCase()]=this});function vt(e){return(e.match(M)||[]).join(" ")}function mt(e){return e.getAttribute&&e.getAttribute("class")||""}function xt(e){return Array.isArray(e)?e:"string"==typeof e?e.match(M)||[]:[]}w.fn.extend({addClass:function(e){var t,n,r,i,o,a,s,u=0;if(g(e))return this.each(function(t){w(this).addClass(e.call(this,t,mt(this)))});if((t=xt(e)).length)while(n=this[u++])if(i=mt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=t[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},removeClass:function(e){var t,n,r,i,o,a,s,u=0;if(g(e))return this.each(function(t){w(this).removeClass(e.call(this,t,mt(this)))});if(!arguments.length)return this.attr("class","");if((t=xt(e)).length)while(n=this[u++])if(i=mt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=t[a++])while(r.indexOf(" "+o+" ")>-1)r=r.replace(" "+o+" "," ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},toggleClass:function(e,t){var n=typeof e,r="string"===n||Array.isArray(e);return"boolean"==typeof t&&r?t?this.addClass(e):this.removeClass(e):g(e)?this.each(function(n){w(this).toggleClass(e.call(this,n,mt(this),t),t)}):this.each(function(){var t,i,o,a;if(r){i=0,o=w(this),a=xt(e);while(t=a[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else void 0!==e&&"boolean"!==n||((t=mt(this))&&J.set(this,"__className__",t),this.setAttribute&&this.setAttribute("class",t||!1===e?"":J.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&(" "+vt(mt(n))+" ").indexOf(t)>-1)return!0;return!1}});var bt=/\r/g;w.fn.extend({val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=g(e),this.each(function(n){var i;1===this.nodeType&&(null==(i=r?e.call(this,n,w(this).val()):e)?i="":"number"==typeof i?i+="":Array.isArray(i)&&(i=w.map(i,function(e){return null==e?"":e+""})),(t=w.valHooks[this.type]||w.valHooks[this.nodeName.toLowerCase()])&&"set"in t&&void 0!==t.set(this,i,"value")||(this.value=i))});if(i)return(t=w.valHooks[i.type]||w.valHooks[i.nodeName.toLowerCase()])&&"get"in t&&void 0!==(n=t.get(i,"value"))?n:"string"==typeof(n=i.value)?n.replace(bt,""):null==n?"":n}}}),w.extend({valHooks:{option:{get:function(e){var t=w.find.attr(e,"value");return null!=t?t:vt(w.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r-1)&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),w.each(["radio","checkbox"],function(){w.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=w.inArray(w(e).val(),t)>-1}},h.checkOn||(w.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),h.focusin="onfocusin"in e;var wt=/^(?:focusinfocus|focusoutblur)$/,Tt=function(e){e.stopPropagation()};w.extend(w.event,{trigger:function(t,n,i,o){var a,s,u,l,c,p,d,h,v=[i||r],m=f.call(t,"type")?t.type:t,x=f.call(t,"namespace")?t.namespace.split("."):[];if(s=h=u=i=i||r,3!==i.nodeType&&8!==i.nodeType&&!wt.test(m+w.event.triggered)&&(m.indexOf(".")>-1&&(m=(x=m.split(".")).shift(),x.sort()),c=m.indexOf(":")<0&&"on"+m,t=t[w.expando]?t:new w.Event(m,"object"==typeof t&&t),t.isTrigger=o?2:3,t.namespace=x.join("."),t.rnamespace=t.namespace?new RegExp("(^|\\.)"+x.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=void 0,t.target||(t.target=i),n=null==n?[t]:w.makeArray(n,[t]),d=w.event.special[m]||{},o||!d.trigger||!1!==d.trigger.apply(i,n))){if(!o&&!d.noBubble&&!y(i)){for(l=d.delegateType||m,wt.test(l+m)||(s=s.parentNode);s;s=s.parentNode)v.push(s),u=s;u===(i.ownerDocument||r)&&v.push(u.defaultView||u.parentWindow||e)}a=0;while((s=v[a++])&&!t.isPropagationStopped())h=s,t.type=a>1?l:d.bindType||m,(p=(J.get(s,"events")||{})[t.type]&&J.get(s,"handle"))&&p.apply(s,n),(p=c&&s[c])&&p.apply&&Y(s)&&(t.result=p.apply(s,n),!1===t.result&&t.preventDefault());return t.type=m,o||t.isDefaultPrevented()||d._default&&!1!==d._default.apply(v.pop(),n)||!Y(i)||c&&g(i[m])&&!y(i)&&((u=i[c])&&(i[c]=null),w.event.triggered=m,t.isPropagationStopped()&&h.addEventListener(m,Tt),i[m](),t.isPropagationStopped()&&h.removeEventListener(m,Tt),w.event.triggered=void 0,u&&(i[c]=u)),t.result}},simulate:function(e,t,n){var r=w.extend(new w.Event,n,{type:e,isSimulated:!0});w.event.trigger(r,null,t)}}),w.fn.extend({trigger:function(e,t){return this.each(function(){w.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return w.event.trigger(e,t,n,!0)}}),h.focusin||w.each({focus:"focusin",blur:"focusout"},function(e,t){var n=function(e){w.event.simulate(t,e.target,w.event.fix(e))};w.event.special[t]={setup:function(){var r=this.ownerDocument||this,i=J.access(r,t);i||r.addEventListener(e,n,!0),J.access(r,t,(i||0)+1)},teardown:function(){var r=this.ownerDocument||this,i=J.access(r,t)-1;i?J.access(r,t,i):(r.removeEventListener(e,n,!0),J.remove(r,t))}}});var Ct=e.location,Et=Date.now(),kt=/\?/;w.parseXML=function(t){var n;if(!t||"string"!=typeof t)return null;try{n=(new e.DOMParser).parseFromString(t,"text/xml")}catch(e){n=void 0}return n&&!n.getElementsByTagName("parsererror").length||w.error("Invalid XML: "+t),n};var St=/\[\]$/,Dt=/\r?\n/g,Nt=/^(?:submit|button|image|reset|file)$/i,At=/^(?:input|select|textarea|keygen)/i;function jt(e,t,n,r){var i;if(Array.isArray(t))w.each(t,function(t,i){n||St.test(e)?r(e,i):jt(e+"["+("object"==typeof i&&null!=i?t:"")+"]",i,n,r)});else if(n||"object"!==x(t))r(e,t);else for(i in t)jt(e+"["+i+"]",t[i],n,r)}w.param=function(e,t){var n,r=[],i=function(e,t){var n=g(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(Array.isArray(e)||e.jquery&&!w.isPlainObject(e))w.each(e,function(){i(this.name,this.value)});else for(n in e)jt(n,e[n],t,i);return r.join("&")},w.fn.extend({serialize:function(){return w.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=w.prop(this,"elements");return e?w.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!w(this).is(":disabled")&&At.test(this.nodeName)&&!Nt.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=w(this).val();return null==n?null:Array.isArray(n)?w.map(n,function(e){return{name:t.name,value:e.replace(Dt,"\r\n")}}):{name:t.name,value:n.replace(Dt,"\r\n")}}).get()}});var qt=/%20/g,Lt=/#.*$/,Ht=/([?&])_=[^&]*/,Ot=/^(.*?):[ \t]*([^\r\n]*)$/gm,Pt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Mt=/^(?:GET|HEAD)$/,Rt=/^\/\//,It={},Wt={},$t="*/".concat("*"),Bt=r.createElement("a");Bt.href=Ct.href;function Ft(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(M)||[];if(g(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function _t(e,t,n,r){var i={},o=e===Wt;function a(s){var u;return i[s]=!0,w.each(e[s]||[],function(e,s){var l=s(t,n,r);return"string"!=typeof l||o||i[l]?o?!(u=l):void 0:(t.dataTypes.unshift(l),a(l),!1)}),u}return a(t.dataTypes[0])||!i["*"]&&a("*")}function zt(e,t){var n,r,i=w.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&w.extend(!0,e,r),e}function Xt(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}function Ut(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}w.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ct.href,type:"GET",isLocal:Pt.test(Ct.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":$t,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":w.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?zt(zt(e,w.ajaxSettings),t):zt(w.ajaxSettings,e)},ajaxPrefilter:Ft(It),ajaxTransport:Ft(Wt),ajax:function(t,n){"object"==typeof t&&(n=t,t=void 0),n=n||{};var i,o,a,s,u,l,c,f,p,d,h=w.ajaxSetup({},n),g=h.context||h,y=h.context&&(g.nodeType||g.jquery)?w(g):w.event,v=w.Deferred(),m=w.Callbacks("once memory"),x=h.statusCode||{},b={},T={},C="canceled",E={readyState:0,getResponseHeader:function(e){var t;if(c){if(!s){s={};while(t=Ot.exec(a))s[t[1].toLowerCase()]=t[2]}t=s[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return c?a:null},setRequestHeader:function(e,t){return null==c&&(e=T[e.toLowerCase()]=T[e.toLowerCase()]||e,b[e]=t),this},overrideMimeType:function(e){return null==c&&(h.mimeType=e),this},statusCode:function(e){var t;if(e)if(c)E.always(e[E.status]);else for(t in e)x[t]=[x[t],e[t]];return this},abort:function(e){var t=e||C;return i&&i.abort(t),k(0,t),this}};if(v.promise(E),h.url=((t||h.url||Ct.href)+"").replace(Rt,Ct.protocol+"//"),h.type=n.method||n.type||h.method||h.type,h.dataTypes=(h.dataType||"*").toLowerCase().match(M)||[""],null==h.crossDomain){l=r.createElement("a");try{l.href=h.url,l.href=l.href,h.crossDomain=Bt.protocol+"//"+Bt.host!=l.protocol+"//"+l.host}catch(e){h.crossDomain=!0}}if(h.data&&h.processData&&"string"!=typeof h.data&&(h.data=w.param(h.data,h.traditional)),_t(It,h,n,E),c)return E;(f=w.event&&h.global)&&0==w.active++&&w.event.trigger("ajaxStart"),h.type=h.type.toUpperCase(),h.hasContent=!Mt.test(h.type),o=h.url.replace(Lt,""),h.hasContent?h.data&&h.processData&&0===(h.contentType||"").indexOf("application/x-www-form-urlencoded")&&(h.data=h.data.replace(qt,"+")):(d=h.url.slice(o.length),h.data&&(h.processData||"string"==typeof h.data)&&(o+=(kt.test(o)?"&":"?")+h.data,delete h.data),!1===h.cache&&(o=o.replace(Ht,"$1"),d=(kt.test(o)?"&":"?")+"_="+Et+++d),h.url=o+d),h.ifModified&&(w.lastModified[o]&&E.setRequestHeader("If-Modified-Since",w.lastModified[o]),w.etag[o]&&E.setRequestHeader("If-None-Match",w.etag[o])),(h.data&&h.hasContent&&!1!==h.contentType||n.contentType)&&E.setRequestHeader("Content-Type",h.contentType),E.setRequestHeader("Accept",h.dataTypes[0]&&h.accepts[h.dataTypes[0]]?h.accepts[h.dataTypes[0]]+("*"!==h.dataTypes[0]?", "+$t+"; q=0.01":""):h.accepts["*"]);for(p in h.headers)E.setRequestHeader(p,h.headers[p]);if(h.beforeSend&&(!1===h.beforeSend.call(g,E,h)||c))return E.abort();if(C="abort",m.add(h.complete),E.done(h.success),E.fail(h.error),i=_t(Wt,h,n,E)){if(E.readyState=1,f&&y.trigger("ajaxSend",[E,h]),c)return E;h.async&&h.timeout>0&&(u=e.setTimeout(function(){E.abort("timeout")},h.timeout));try{c=!1,i.send(b,k)}catch(e){if(c)throw e;k(-1,e)}}else k(-1,"No Transport");function k(t,n,r,s){var l,p,d,b,T,C=n;c||(c=!0,u&&e.clearTimeout(u),i=void 0,a=s||"",E.readyState=t>0?4:0,l=t>=200&&t<300||304===t,r&&(b=Xt(h,E,r)),b=Ut(h,b,E,l),l?(h.ifModified&&((T=E.getResponseHeader("Last-Modified"))&&(w.lastModified[o]=T),(T=E.getResponseHeader("etag"))&&(w.etag[o]=T)),204===t||"HEAD"===h.type?C="nocontent":304===t?C="notmodified":(C=b.state,p=b.data,l=!(d=b.error))):(d=C,!t&&C||(C="error",t<0&&(t=0))),E.status=t,E.statusText=(n||C)+"",l?v.resolveWith(g,[p,C,E]):v.rejectWith(g,[E,C,d]),E.statusCode(x),x=void 0,f&&y.trigger(l?"ajaxSuccess":"ajaxError",[E,h,l?p:d]),m.fireWith(g,[E,C]),f&&(y.trigger("ajaxComplete",[E,h]),--w.active||w.event.trigger("ajaxStop")))}return E},getJSON:function(e,t,n){return w.get(e,t,n,"json")},getScript:function(e,t){return w.get(e,void 0,t,"script")}}),w.each(["get","post"],function(e,t){w[t]=function(e,n,r,i){return g(n)&&(i=i||r,r=n,n=void 0),w.ajax(w.extend({url:e,type:t,dataType:i,data:n,success:r},w.isPlainObject(e)&&e))}}),w._evalUrl=function(e){return w.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,"throws":!0})},w.fn.extend({wrapAll:function(e){var t;return this[0]&&(g(e)&&(e=e.call(this[0])),t=w(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(e){return g(e)?this.each(function(t){w(this).wrapInner(e.call(this,t))}):this.each(function(){var t=w(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=g(e);return this.each(function(n){w(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(e){return this.parent(e).not("body").each(function(){w(this).replaceWith(this.childNodes)}),this}}),w.expr.pseudos.hidden=function(e){return!w.expr.pseudos.visible(e)},w.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},w.ajaxSettings.xhr=function(){try{return new e.XMLHttpRequest}catch(e){}};var Vt={0:200,1223:204},Gt=w.ajaxSettings.xhr();h.cors=!!Gt&&"withCredentials"in Gt,h.ajax=Gt=!!Gt,w.ajaxTransport(function(t){var n,r;if(h.cors||Gt&&!t.crossDomain)return{send:function(i,o){var a,s=t.xhr();if(s.open(t.type,t.url,t.async,t.username,t.password),t.xhrFields)for(a in t.xhrFields)s[a]=t.xhrFields[a];t.mimeType&&s.overrideMimeType&&s.overrideMimeType(t.mimeType),t.crossDomain||i["X-Requested-With"]||(i["X-Requested-With"]="XMLHttpRequest");for(a in i)s.setRequestHeader(a,i[a]);n=function(e){return function(){n&&(n=r=s.onload=s.onerror=s.onabort=s.ontimeout=s.onreadystatechange=null,"abort"===e?s.abort():"error"===e?"number"!=typeof s.status?o(0,"error"):o(s.status,s.statusText):o(Vt[s.status]||s.status,s.statusText,"text"!==(s.responseType||"text")||"string"!=typeof s.responseText?{binary:s.response}:{text:s.responseText},s.getAllResponseHeaders()))}},s.onload=n(),r=s.onerror=s.ontimeout=n("error"),void 0!==s.onabort?s.onabort=r:s.onreadystatechange=function(){4===s.readyState&&e.setTimeout(function(){n&&r()})},n=n("abort");try{s.send(t.hasContent&&t.data||null)}catch(e){if(n)throw e}},abort:function(){n&&n()}}}),w.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),w.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return w.globalEval(e),e}}}),w.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),w.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(i,o){t=w("' +
+ `` +
+ '' +
+ '' +
+ '' + form.outerHTML + ' ' +
+ ' 
+
