fez5587/Superalgos
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Titles and Subtitles

Browse Source
This commit is contained in:
Luis Fernando Molina committed 2020-12-10 16:41:27 +01:00
1 parent 603c872b37
commit 0404aa110f
3 files changed
+3397 -2269
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Client/WebServer/index.html
+4 -2
View File
@@ -109,14 +109,16 @@
<ul id="menu">
<li class="menu-item" onClick="window.contextMenu.editParagraph()">Edit Paragraph</li>
<li class="menu-item" onClick="window.contextMenu.addParagraph()">Add Paragraph</li>
<li class="menu-item" onClick="window.contextMenu.toJsCode()">JS Code Style</li>
<li class="menu-item" onClick="window.contextMenu.toJsonCode()">JSON Code Style</li>
<li class="menu-item" onClick="window.contextMenu.toText()">Text Style</li>
<li class="menu-item" onClick="window.contextMenu.toTitle()">Title Style</li>
<li class="menu-item" onClick="window.contextMenu.toSubtitle()">Subtitle Style</li>
<li class="menu-item" onClick="window.contextMenu.toNote()">Note Style</li>
<li class="menu-item" onClick="window.contextMenu.toWarning()">Warning Style</li>
<li class="menu-item" onClick="window.contextMenu.toImportant()">Important Style</li>
<li class="menu-item" onClick="window.contextMenu.toSuccess()">Success Style</li>
<li class="menu-item" onClick="window.contextMenu.toList()">List Style</li>
<li class="menu-item" onClick="window.contextMenu.toJsCode()">JS Code Style</li>
<li class="menu-item" onClick="window.contextMenu.toJsonCode()">JSON Code Style</li>
</ul>
</body>
Projects/Superalgos/Schemas/DocSchema.json
+3332 -2228
View File
File diff suppressed because it is too large. Load diff
Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
+61 -39
View File
@@ -56,6 +56,8 @@ function newSuperalgosDocSpace() {
toJsCode: toJsCode,
toJsonCode: toJsonCode,
toText: toText,
toTitle: toTitle,
toSubtitle: toSubtitle,
toNote: toNote,
toWarning: toWarning,
toImportant: toImportant,
@@ -71,6 +73,15 @@ function newSuperalgosDocSpace() {
if (selectedParagraph === undefined) { return }
let extraClassName = ''
if (selectedParagraph.id.indexOf('definition') >= 0) {
extraClassName = ' ' + 'docs-definitionTable'
}
if (selectedParagraph.id.indexOf('title') >= 0) {
extraClassName = ' ' + 'docs-h3'
}
if (selectedParagraph.id.indexOf('subtitle') >= 0) {
extraClassName = ' ' + 'docs-h4'
}
if (selectedParagraph.id.indexOf('note') >= 0) {
extraClassName = ' ' + 'docs-alert-note'
}
@@ -87,7 +98,7 @@ function newSuperalgosDocSpace() {
textArea = document.createElement('textarea');
textArea.id = "textArea";
textArea.spellcheck = false;
textArea.className = "docs-text-area"+ extraClassName
textArea.className = "docs-text-area" + extraClassName
textArea.style.height = selectedParagraphHeight
textArea.value = selectedParagraphData
selectedParagraph.innerHTML = ""
@@ -117,6 +128,18 @@ function newSuperalgosDocSpace() {
renderPage()
}
function toTitle() {
let docSchemaParagraph = docSchemaParagraphMap.get(selectedParagraph.id)
docSchemaParagraph.style = 'Title'
renderPage()
}
function toSubtitle() {
let docSchemaParagraph = docSchemaParagraphMap.get(selectedParagraph.id)
docSchemaParagraph.style = 'Subtitle'
renderPage()
}
function toNote() {
let docSchemaParagraph = docSchemaParagraphMap.get(selectedParagraph.id)
docSchemaParagraph.style = 'Note'
@@ -215,6 +238,10 @@ function newSuperalgosDocSpace() {
contextMenuClickablDiv.addEventListener('contextmenu', e => {
e.preventDefault()
if (EDITOR_ON_FOCUS === true) {
exitEditMode()
return
}
if (contextMenuGetSelection() === false) {
/*
The click was in a place where we can not recognize an editable piece.
@@ -281,6 +308,12 @@ function newSuperalgosDocSpace() {
if (paragraphNode.id.indexOf('text') >= 0) {
selectedParagraphData = paragraphNode.innerText
}
if (paragraphNode.id.indexOf('title') >= 0) {
selectedParagraphData = paragraphNode.innerText
}
if (paragraphNode.id.indexOf('subtitle') >= 0) {
selectedParagraphData = paragraphNode.innerText
}
if (paragraphNode.id.indexOf('note') >= 0) {
selectedParagraphData = paragraphNode.innerText.substring(6, paragraphNode.innerText.length)
}
@@ -358,16 +391,15 @@ function newSuperalgosDocSpace() {
HTML = HTML + '<div id="docs-content">'
/* Content Section */
if (nodeDocsDefinition.content !== undefined) {
for (let i = 0; i < nodeDocsDefinition.content.length; i++) {
let paragraph = nodeDocsDefinition.content[i]
if (nodeDocsDefinition.paragraphs !== undefined) {
for (let i = 0; i < nodeDocsDefinition.paragraphs.length; i++) {
let paragraph = nodeDocsDefinition.paragraphs[i]
let innerHTML = addToolTips(renderingNode, paragraph.text)
let styleClass = ''
let prefix = ''
let sufix = ''
let role = ''
let key = 'content-paragraph-' + i
let key = 'paragraph-' + i
switch (paragraph.style) {
case 'Text': {
@@ -375,6 +407,23 @@ function newSuperalgosDocSpace() {
prefix = ''
role = ''
key = key + '-text'
innerHTML = addToolTips(renderingNode, paragraph.text)
break
}
case 'Title': {
styleClass = 'class="docs-h3"'
prefix = ''
role = ''
key = key + '-title'
innerHTML = paragraph.text
break
}
case 'Subtitle': {
styleClass = ''
prefix = 'class="docs-h4"'
role = ''
key = key + '-subtitle'
innerHTML = paragraph.text
break
}
case 'Note': {
@@ -382,6 +431,7 @@ function newSuperalgosDocSpace() {
prefix = '<i class="docs-fa docs-note-circle"></i> <b>Note:</b>'
role = 'role="alert"'
key = key + '-note'
innerHTML = addToolTips(renderingNode, paragraph.text)
break
}
case 'Success': {
@@ -389,6 +439,7 @@ function newSuperalgosDocSpace() {
prefix = '<i class="docs-fa docs-check-square-o"></i> <b>Tip:</b>'
role = 'role="alert"'
key = key + '-success'
innerHTML = addToolTips(renderingNode, paragraph.text)
break
}
case 'Important': {
@@ -396,6 +447,7 @@ function newSuperalgosDocSpace() {
prefix = '<i class="docs-fa docs-warning-sign"></i> <b>Important:</b>'
role = 'role="alert"'
key = key + '-important'
innerHTML = addToolTips(renderingNode, paragraph.text)
break
}
case 'Warning': {
@@ -403,6 +455,7 @@ function newSuperalgosDocSpace() {
prefix = '<i class="docs-fa docs-warning-sign"></i> <b>Warning:</b>'
role = 'role="alert"'
key = key + '-warning'
innerHTML = addToolTips(renderingNode, paragraph.text)
break
}
case 'List': {
@@ -411,47 +464,16 @@ function newSuperalgosDocSpace() {
sufix = '</li>'
role = ''
key = key + '-list'
innerHTML = addToolTips(renderingNode, paragraph.text)
break
}
}
HTML = HTML + '<p><div id="' + key + '" ' + styleClass + ' ' + role + '">' + prefix + ' ' + innerHTML + sufix +'</div></p>'
HTML = HTML + '<p><div id="' + key + '" ' + styleClass + ' ' + role + '">' + prefix + ' ' + innerHTML + sufix + '</div></p>'
docSchemaParagraphMap.set(key, paragraph)
}
}
/* Adding Section */
if (nodeDocsDefinition.adding !== undefined) {
if (nodeDocsDefinition.adding.length > 0) {
HTML = HTML + '<h3 class="docs-h3">Adding a ' + renderingNode.type + '</h3>'
for (let i = 0; i < nodeDocsDefinition.adding.length; i++) {
let paragraph = nodeDocsDefinition.adding[i]
HTML = HTML + '<p id="adding-paragraph-' + i + '">' + paragraph.text + '</p>'
}
}
}
/* Configuring Section */
if (nodeDocsDefinition.configuring !== undefined) {
if (nodeDocsDefinition.configuring.length > 0) {
HTML = HTML + '<h3 class="docs-h3">Configuring a ' + renderingNode.type + '</h3>'
for (let i = 0; i < nodeDocsDefinition.configuring.length; i++) {
let paragraph = nodeDocsDefinition.configuring[i]
HTML = HTML + '<p id="configuring-paragraph-' + i + '">' + paragraph.text + '</p>'
}
}
}
/* Starting Section */
if (nodeDocsDefinition.starting !== undefined) {
if (nodeDocsDefinition.starting.length > 0) {
HTML = HTML + '<h3 class="docs-h3">Starting a ' + renderingNode.type + '</h3>'
for (let i = 0; i < nodeDocsDefinition.starting.length; i++) {
let paragraph = nodeDocsDefinition.starting[i]
HTML = HTML + '<p id="starting-paragraph-' + i + '">' + paragraph.text + '</p>'
}
}
}
HTML = HTML + '</div>' // Content Ends
HTML = HTML + '</div>' // Container Ends