diff --git a/Projects/Superalgos/UI/Spaces/Design-Space/DesignSpace.js b/Projects/Superalgos/UI/Spaces/Design-Space/DesignSpace.js
index 09a05e437..23e4647f3 100644
--- a/Projects/Superalgos/UI/Spaces/Design-Space/DesignSpace.js
+++ b/Projects/Superalgos/UI/Spaces/Design-Space/DesignSpace.js
@@ -1,6 +1,4 @@
-
function newSuperalgosDesignSpace() {
- const MODULE_NAME = 'Designe Space'
let thisObject = {
container: undefined,
iconsByProjectAndName: undefined,
diff --git a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
index 63f2c76a0..13fe41e75 100644
--- a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
+++ b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
@@ -1,10 +1,16 @@
function newSuperalgosDocSpace() {
const MODULE_NAME = 'Doc Space'
let thisObject = {
- changeLanguage: changeLanguage,
isVisible: undefined,
sidePanelTab: undefined,
container: undefined,
+ searchEngine: undefined,
+ mainSearchPage: undefined,
+ searchResultsPage: undefined,
+ footer: undefined,
+ documentPage: undefined,
+ language: undefined,
+ changeLanguage: changeLanguage,
openSpaceAreaAndNavigateTo: openSpaceAreaAndNavigateTo,
navigateTo: navigateTo,
scrollToElement: scrollToElement,
@@ -47,35 +53,53 @@ function newSuperalgosDocSpace() {
let docsSchemaDocument
let menuLabelsMap = new Map()
let command
- let docsIndex = []
- let language
return thisObject
function initialize() {
- docsIndex = []
- thisObject.sidePanelTab = newSidePanelTab()
- thisObject.sidePanelTab.container.connectToParent(thisObject.container, false, false)
- thisObject.sidePanelTab.initialize('right')
- openingEventSubscriptionId = thisObject.sidePanelTab.container.eventHandler.listenToEvent('opening', onOpening)
- closingEventSubscriptionId = thisObject.sidePanelTab.container.eventHandler.listenToEvent('closing', onClosing)
- browserResizedEventSubscriptionId = canvas.eventHandler.listenToEvent('Browser Resized', resize)
+ setupSidePanelTab()
setUpContextMenu()
setUpMenuItemsMap()
+ setupUserLanguage()
- /*
- Getting the used preferred languague
- */
- if (window.localStorage.getItem('Docs Language') !== null && window.localStorage.getItem('Docs Language') !== undefined && window.localStorage.getItem('Docs Language') !== 'undefined') {
- language = window.localStorage.getItem('Docs Language')
- } else {
- window.localStorage.setItem('Docs Language', DEFAULT_LANGUAGE)
- language = DEFAULT_LANGUAGE
- }
+ thisObject.searchEngine = newSuperalgosDocsSearchEngine()
+ thisObject.mainSearchPage = newSuperalgosDocsMainSearchPage()
+ thisObject.searchResultsPage = newSuperalgosDocsSearchResultsPage()
+ thisObject.documentPage = newSuperalgosDocsDocumentPage()
+ thisObject.footer = newSuperalgosDocsFooter()
+
+ thisObject.searchEngine.initialize()
+ thisObject.mainSearchPage.initialize()
+ thisObject.searchResultsPage.initialize()
+ thisObject.documentPage.initialize()
+ thisObject.footer.initialize()
isInitialized = true
+ function setupUserLanguage() {
+ /*
+ Getting the used preferred languague
+ */
+ if (window.localStorage.getItem('Docs Language') !== null && window.localStorage.getItem('Docs Language') !== undefined && window.localStorage.getItem('Docs Language') !== 'undefined') {
+ UI.projects.superalgos.spaces.docsSpace.language = window.localStorage.getItem('Docs Language')
+ } else {
+ window.localStorage.setItem('Docs Language', DEFAULT_LANGUAGE)
+ UI.projects.superalgos.spaces.docsSpace.language = DEFAULT_LANGUAGE
+ }
+
+ }
+
+ function setupSidePanelTab() {
+ thisObject.sidePanelTab = newSidePanelTab()
+ thisObject.sidePanelTab.container.connectToParent(thisObject.container, false, false)
+ thisObject.sidePanelTab.initialize('right')
+ openingEventSubscriptionId = thisObject.sidePanelTab.container.eventHandler.listenToEvent('opening', onOpening)
+ closingEventSubscriptionId = thisObject.sidePanelTab.container.eventHandler.listenToEvent('closing', onClosing)
+
+ browserResizedEventSubscriptionId = canvas.eventHandler.listenToEvent('Browser Resized', resize)
+ }
+
function setUpContextMenu() {
window.contextMenu = {
editParagraph: editParagraph,
@@ -386,12 +410,23 @@ function newSuperalgosDocSpace() {
thisObject.sidePanelTab.container.eventHandler.stopListening(openingEventSubscriptionId)
thisObject.sidePanelTab.container.eventHandler.stopListening(closingEventSubscriptionId)
+ thisObject.searchEngine.finalize()
+ thisObject.mainSearchPage.finalize()
+ thisObject.searchResultsPage.finalize()
+ thisObject.documentPage.finalize()
+ thisObject.footer.finalize()
+
+ thisObject.searchEngine = undefined
+ thisObject.mainSearchPage = undefined
+ thisObject.searchResultsPage = undefined
+ thisObject.documentPage = undefined
+ thisObject.footer = undefined
+
objectBeingRendered = undefined
paragraphMap = undefined
appSchemaDocument = undefined
docsSchemaDocument = undefined
menuLabelsMap = undefined
- docsIndex = undefined
isInitialized = false
}
@@ -401,66 +436,12 @@ function newSuperalgosDocSpace() {
}
function changeLanguage(pLanguage) {
- language = pLanguage
- window.localStorage.setItem('Docs Language', language)
- let languageLabel = UI.projects.superalgos.utilities.languages.getLaguageLabel(language)
+ UI.projects.superalgos.spaces.docsSpace.language = pLanguage
+ window.localStorage.setItem('Docs Language', UI.projects.superalgos.spaces.docsSpace.language)
+ let languageLabel = UI.projects.superalgos.utilities.languages.getLaguageLabel(UI.projects.superalgos.spaces.docsSpace.language)
navigateTo('Superalgos', 'Topic', 'Docs In ' + languageLabel)
}
- function cleanTextForSearch(text) {
- let result = replaceSpecialCharactersForSpaces(text)
- result = result.replaceAll(' ', '')
- result = result.replaceAll('s', '')
- result = result.replaceAll('ing', '')
- result = result.replaceAll('ed', '')
- result = result.replaceAll('y', '')
- result = result.replaceAll('ies', '')
- return result
- }
-
- function replaceSpecialCharactersForSpaces(text) {
- let result = text
- result = result.replaceAll('. ', ' ')
- result = result.replaceAll(', ', ' ')
- result = result.replaceAll('- ', ' ')
- result = result.replaceAll('/ ', ' ')
- result = result.replaceAll('_ ', ' ')
- result = result.replaceAll(': ', ' ')
- result = result.replaceAll('; ', ' ')
- result = result.replaceAll('( ', ' ')
- result = result.replaceAll(') ', ' ')
- result = result.replaceAll('{ ', ' ')
- result = result.replaceAll('} ', ' ')
- result = result.replaceAll('[ ', ' ')
- result = result.replaceAll('] ', ' ')
- result = result.replaceAll('" ', ' ')
- result = result.replaceAll('\\n ', ' ')
- result = result.replaceAll('\\ ', ' ')
-
- result = result.replaceAll('.', ' ')
- result = result.replaceAll(',', ' ')
- result = result.replaceAll('-', ' ')
- result = result.replaceAll('/', ' ')
- result = result.replaceAll('_', ' ')
- result = result.replaceAll(':', ' ')
- result = result.replaceAll(';', ' ')
- result = result.replaceAll('(', ' ')
- result = result.replaceAll(')', ' ')
- result = result.replaceAll('{', ' ')
- result = result.replaceAll('}', ' ')
- result = result.replaceAll('[', ' ')
- result = result.replaceAll(']', ' ')
- result = result.replaceAll('"', ' ')
- result = result.replaceAll('\\n', ' ')
- result = result.replaceAll("\\", ' ')
-
- result = result.replaceAll('@', ' ')
- result = result.replaceAll(' ', ' ')
- result = result.replaceAll(' ', ' ')
- result = result.replaceAll(' ', ' ')
- return result
- }
-
function onKeyDown(event) {
/*
When an editor is on focus we will only
@@ -526,7 +507,7 @@ function newSuperalgosDocSpace() {
/*
Deleting paragarphs is only possible in the default language.
*/
- if (language === DEFAULT_LANGUAGE) {
+ if (UI.projects.superalgos.spaces.docsSpace.language === DEFAULT_LANGUAGE) {
docsSchemaDocument.paragraphs.splice(selectededitableParagraphIndex, 1)
if (docsSchemaDocument.paragraphs.length === 0) {
let newParagraph = {
@@ -541,7 +522,7 @@ function newSuperalgosDocSpace() {
/*
Adding paragarphs is only possible in the default language.
*/
- if (language === DEFAULT_LANGUAGE) {
+ if (UI.projects.superalgos.spaces.docsSpace.language === DEFAULT_LANGUAGE) {
/*
We will update the one paragraph we have and we will add the rest.
*/
@@ -781,7 +762,9 @@ function newSuperalgosDocSpace() {
function onOpening() {
thisObject.isVisible = true
if (objectBeingRendered === undefined) {
- renderSearchPage()
+ thisObject.mainSearchPage.render()
+ detectEnterOnSearchBox()
+ setFocusOnSearchBox()
} else {
navigateTo(objectBeingRendered.project, objectBeingRendered.category, objectBeingRendered.type)
}
@@ -854,166 +837,11 @@ function newSuperalgosDocSpace() {
}
}
- function setUpSearchEngine() {
- for (let j = 0; j < PROJECTS_ARRAY.length; j++) {
- let project = PROJECTS_ARRAY[j]
-
- let documentIndex
-
- /* Search in Nodes */
- for (let i = 0; i < SCHEMAS_BY_PROJECT.get(project).array.docsNodeSchema.length; i++) {
- documentIndex = {
- phraseCount: {}, // here we have an object with properties matching it paragraph style, and each property is a map of phrases and their total count.
- docsSchemaDocument: SCHEMAS_BY_PROJECT.get(project).array.docsNodeSchema[i],
- category: 'Node',
- project: project
- }
- indexDocument(documentIndex)
- docsIndex.push(documentIndex)
- }
- /* Search in Concepts */
- for (let i = 0; i < SCHEMAS_BY_PROJECT.get(project).array.docsConceptSchema.length; i++) {
- documentIndex = {
- phraseCount: {}, // here we have an object with properties matching it paragraph style, and each property is a map of phrases and their total count.
- docsSchemaDocument: SCHEMAS_BY_PROJECT.get(project).array.docsConceptSchema[i],
- category: 'Concept',
- project: project
- }
- indexDocument(documentIndex)
- docsIndex.push(documentIndex)
- }
- /* Search in Topics */
- for (let i = 0; i < SCHEMAS_BY_PROJECT.get(project).array.docsTopicSchema.length; i++) {
- documentIndex = {
- phraseCount: {}, // here we have an object with properties matching it paragraph style, and each property is a map of phrases and their total count.
- docsSchemaDocument: SCHEMAS_BY_PROJECT.get(project).array.docsTopicSchema[i],
- category: 'Topic',
- project: project
- }
- indexDocument(documentIndex)
- docsIndex.push(documentIndex)
- }
- /* Search in Workspace */
- for (let i = 0; i < SCHEMAS_BY_PROJECT.get(project).array.workspaceSchema.length; i++) {
- documentIndex = {
- phraseCount: {}, // here we have an object with properties matching it paragraph style, and each property is a map of phrases and their total count.
- docsSchemaDocument: SCHEMAS_BY_PROJECT.get(project).array.workspaceSchema[i],
- category: 'Workspace',
- project: project
- }
- indexDocument(documentIndex)
- docsIndex.push(documentIndex)
- }
- }
-
- function indexDocument(documentIndex) {
-
- if (documentIndex.docsSchemaDocument === undefined) {
- return
- }
-
- if (documentIndex.docsSchemaDocument.topic !== undefined) {
- let paragraph = {
- style: 'Topic',
- text: documentIndex.docsSchemaDocument.topic
- }
- indexParagraph(paragraph)
- }
- if (documentIndex.docsSchemaDocument.type !== undefined) {
- let paragraph = {
- style: 'Type',
- text: documentIndex.docsSchemaDocument.type
- }
- indexParagraph(paragraph)
- }
- if (documentIndex.docsSchemaDocument.definition !== undefined) {
- let paragraph = {
- style: 'Definition',
- text: documentIndex.docsSchemaDocument.definition.text,
- translations: documentIndex.docsSchemaDocument.definition.translations
- }
- indexParagraph(paragraph)
- indexAllTranslations(paragraph)
- }
- if (documentIndex.docsSchemaDocument.paragraphs !== undefined) {
- for (let k = 0; k < documentIndex.docsSchemaDocument.paragraphs.length; k++) {
- let paragraph = documentIndex.docsSchemaDocument.paragraphs[k]
- indexParagraph(paragraph)
- indexAllTranslations(paragraph)
- }
- }
-
- function indexAllTranslations(paragraph) {
- if (paragraph.translations === undefined) { return }
- for (i = 0; i < paragraph.translations.length; i++) {
- let translation = paragraph.translations[i]
- translation.style = paragraph.style
- indexParagraph(translation)
- }
- }
-
- function indexParagraph(paragraph) {
- if (paragraph.text === undefined) {
- return
- }
- if (paragraph.style === undefined) {
- return
- }
-
- let text = paragraph.text.toLowerCase()
- let style = paragraph.style.toLowerCase()
- let stylePhraseCount = documentIndex.phraseCount[style]
-
- if (stylePhraseCount === undefined) {
- stylePhraseCount = new Map()
- documentIndex.phraseCount[style] = stylePhraseCount
- }
-
- text = replaceSpecialCharactersForSpaces(text)
-
- let splittedText = text.split(' ')
-
- for (n = 0; n < splittedText.length; n++) {
- let phrase = ''
- for (let m = 0; m < 10; m++) {
- let word = splittedText[n + m]
- if (word !== undefined) {
- if (m === 0) {
- phrase = phrase + word
- } else {
- phrase = phrase + ' ' + word
- }
- let key = cleanTextForSearch(phrase)
-
- let thisPhraseCount = stylePhraseCount.get(key)
- if (thisPhraseCount === undefined) { thisPhraseCount = 0 }
- thisPhraseCount++
-
- stylePhraseCount.set(key, thisPhraseCount)
- }
- }
- }
- }
- }
- }
-
function onClosing() {
objectBeingRendered = undefined
thisObject.isVisible = false
}
- function renderSearchPage() {
- let HTML = ''
- HTML = HTML + ''
- HTML = HTML + '
'
- HTML = HTML + '
'
- HTML = HTML + '
'
+ HTML = HTML + '
'
+ HTML = HTML + '
'
+ HTML = HTML + '
'
- HTML = HTML + '