Changed from vitruvian to 'Pax Cerebrum'

docs/ilse.html

@@ -180,7 +180,7 @@ <h2> Augmenting Human Cognition </h2>
         <div class="what is-centered">
             <h2> What </h2>
 
-            <p class="is-size-5"> It's an application for the <a href="vitruvian-brain.html" >Vitruvian Brain Framework</a>. </p>
+            <p class="is-size-5"> It's an application for the <a href="pax-cerebrum.html" > Pax Cerabrum </a>. </p>
             <p class="is-size-5"> To Summarize, it's a tool for aiding <strong> Human Cognition.  </strong> </p>
 
             <p class="is-size-5"> To learn new things better. To remember what we have already leaned. To think and elaborate more deeply on important concepts and ultimately, increase creative output &amp; self realization. </p>
@@ -584,7 +584,7 @@ <h2> Documentation </h2>
 
         <div class="standard is-centered">
             <h2> Standard </h2>
-            <a href="Vitruvian Brain.pdf" target="_blank"> <img src="file-text.svg" alt="" style="width: 40px;"> </a>
+            <a href="Pax Cerebrum.pdf" target="_blank"> <img src="file-text.svg" alt="" style="width: 40px;"> </a>
         </div>
 
         <div style="height: 100px; clear: both;"> </div>

docs/vitruvian-brain.html → docs/pax-cerebrum.html

@@ -3,7 +3,7 @@
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title> Vitruvian Brain </title>
+        <title> Pax Cerebrum </title>
         <link rel="styleshee" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png">
         <link rel="stylesheet" href="bulma.min.css">
         <link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png">
@@ -248,7 +248,7 @@
 
         <div style="height: 100px; clear: both;"> </div>
 
-        <p class="heading-1"> Vitruvian Brain </p>
+        <p class="heading-1"> Pax Cerebrum </p>
         <!--<p class="heading-7" > 𝓐𝓾𝓰𝓶𝓮𝓷𝓽𝓲𝓷𝓰 𝓗𝓾𝓶𝓪𝓷 𝓒𝓸𝓰𝓷𝓲𝓽𝓲𝓸𝓷 </p>-->
         <p class="heading-5"> Augmenting Human Cognition </p>
 
@@ -301,7 +301,7 @@
             <p class="is-size-5"> One of the first one to attempt to construct a tool for agmenting cognition was Pietr Wozniack with the creation of Supermemo, in which both Spaced Repetition and then Incremental Reading were implemented in.</p>
             <br>
 
-            <p class="is-size-5"> Vitruvian Brain aims to be an avolution to those concepts first explored by Supermemo, by improving Upon them by: Removing unecessary jargon, simpler UI and universal access with a standard and not a tool itself altought ilse is a concrete implementation itself.</p>
+            <p class="is-size-5"> Pax Cerebrum aims to be an avolution to those concepts first explored by Supermemo, by improving Upon them by: Removing unecessary jargon, simpler UI and universal access with a standard and not a tool itself altought ilse is a concrete implementation itself.</p>
         </div>
 
         <div class="how is-centered flex">
@@ -359,7 +359,7 @@
 
         <div class="how is-centered">
             <p class="heading-4"> Standard </p>
-            <a href="Vitruvian Brain.pdf" target="_blank"> <img src="file-text.svg" alt="" style="width: 40px;"> </a>
+            <a href="Pax Cerebrum.pdf" target="_blank"> <img src="file-text.svg" alt="" style="width: 40px;"> </a>
         </div>
 
 

javascript/web/src/App.vue

@@ -189,6 +189,25 @@ input[type=range]::-webkit-slider-runnable-track  {
     color: #698b99;
 }
 
+.left-sidebar {
+    min-height: 80vh;
+    border-radius: var( --border-radius );
+    /*width: 50%;*/
+    flex-basis: 70%;
+    background-color: var( --secondary-background-color );
+    padding: var( --padding );
+}
+
+.right-sidebar {
+    min-height: 80vh;
+    border-radius: var( --border-radius );
+    /*width: 50%;*/
+    flex-basis: 70%;
+    background-color: var( --secondary-background-color );
+    padding: var( --padding );
+}
+
+
 /* ![[Ilse]] */
 .file-embed {
     margin-left: 10px;

javascript/web/src/classes/Commands.js

@@ -562,15 +562,6 @@ class Commands {
             },
             */
 
-            {
-                id: "toggle-home-page",
-                fn: async function() {
-                    ilse.is_home_page_on = !ilse.is_home_page_on
-                },
-                description: "Toggle Home Page",
-                name: "Toggle Home Page",
-            },
-
             {
                 id: "toggle-resize-mode",
                 fn: async function() {
@@ -647,7 +638,23 @@ class Commands {
                 name: "Import Plugin from URL",
             },
 
+            {
+                id: "toggle-left-sidebar",
+                fn: async function() {
+                    ilse.is_left_sidebar_open = !ilse.is_left_sidebar_open
+                },
+                description: "Toggle Left Sidebar",
+                name: "Toggle Left Sidebar",
+            },
 
+            {
+                id: "toggle-right-sidebar",
+                fn: async function() {
+                    ilse.is_right_sidebar_open = !ilse.is_right_sidebar_open
+                },
+                description: "Toggle Right Sidebar",
+                name: "Toggle Right Sidebar",
+            },
         ]
 
         this.add_components_commands()

javascript/web/src/classes/Ilse.js

@@ -81,6 +81,8 @@ export default class Ilse {
         this.tried_too_fast         = false
         this.is_vitruvian_expanded  = false
         this.is_home_page_on        = false
+        this.is_left_sidebar_open    = false
+        this.is_right_sidebar_open   = false
         this.style                  = ""
 
         this.platform               = process.env.VUE_APP_TARGET.toLowerCase()

javascript/web/src/classes/KeyboardShortcut.js

@@ -70,13 +70,16 @@ class KeyboardShortcut  {
             { combo: "ctrl+space i d", command: "toggle-dark-mode" },
             { combo: "ctrl+space i z", command: "toggle-zen-mode" },
 
+            { combo: "ctrl+space i l", command: "toggle-left-sidebar" },
             { combo: "ctrl+space i e", command: "open-make-extention-modal" },
             { combo: "ctrl+space i p i", command: "import-plugin-from-url" },
 
             { combo: "ctrl+space v t", command: "open-note-on-a-table-pan" },
             { combo: "ctrl+space v shift+m", command: "open-note-on-a-memex" },
 
-            { combo: "ctrl+h", command: "toggle-home-page" },
+            { combo: "ctrl+space tab", command: "toggle-left-sidebar" },
+            { combo: "ctrl+space shift+tab", command: "toggle-right-sidebar" },
+
             // { combo: "shift+/", command: "open-help" }, // ctrl-shift-/ = ctrl-?
 
             { combo: "ctrl+space (", command: "void" },
@@ -279,6 +282,7 @@ class KeyboardShortcut  {
 
         // Mousetrap.bindGlobal( combo, (event, combo ) => {
         this.Mousetrap.bindGlobal( combo, (event, combo ) => {
+            event.preventDefault()
             ilse.commands.run( key.command )
         }, 'keydown' )
 

javascript/web/src/classes/Note.js

@@ -24,7 +24,7 @@ export default class note {
             this.id          = this.id.trim() // "    20220124102749" -> "20220124102749"
             this.id          = this.id.substr( 0, 14 ) // 20220124102749: This is the [[Writing]] -> 20220124102749
             this.id          = this.id.replace(":", "")
-            if( this.id.length !== 14 ) this.id = `${this.id}0` // BUGFIX
+            if( this.id.length < 14 ) this.id = `${this.id}0` // BUGFIX
 
         this.content     = this.$raw
             this.content     = this.content.trim() // "    20220124102749: Example [[Writing]]" -> "20220124102749: Example [[Writing]]"
@@ -76,17 +76,20 @@ export default class note {
         let is_move_right   = number > 0
         let note
 
+        printf( "before -> this.$raw -> ", this.$raw )
         if( is_move_right ) {
 
             let spaces      = ilse.utils.get_depth_spaces( this.depth + number )
                 note          = `${spaces}${this.id}: ${this.content}`
+            printf( "note -> ", note )
                 setTimeout( () => { this.focus() }, 100 )
 
             this.constructor( note  )
         } else {
 
             let spaces      = ilse.utils.get_depth_spaces( this.depth + number )
                 note          = `${spaces}${this.id}: ${this.content}`
+            printf( "note -> ", note )
                 setTimeout( () => { this.focus() }, 100 )
 
             this.constructor( note )

javascript/web/src/classes/Notes.js

@@ -249,6 +249,9 @@ export default class Notes {
 
     query( q = "" ) {
 
+        // FEATURE: O(n)
+        if( q === "" ) return this.list
+
         let has_match = false
         let result    = []
         let list      = this.list
@@ -396,9 +399,7 @@ export default class Notes {
 
     get_references( string ) {
 
-        printf( "string -> ", string )
         let chunks = string.split(" ")
-        printf( "chunks -> ", chunks )
         let has_opening_parenthesis
         let has_closing_parenthesis
         let has_both
@@ -410,7 +411,6 @@ export default class Notes {
           has_closing_parenthesis  = chunk.indexOf( "))" ) !== -1
 
           has_both                 = has_opening_parenthesis && has_closing_parenthesis
-            if( has_both ) printf( "chunk -> ", chunk )
           if( has_both ) ref = chunk.replace( " ", "" ).replace( "((", "" ).replace( "))", "" )
 
         }

javascript/web/src/classes/Types.js

@@ -576,6 +576,42 @@ class componentTypes {
             }
         })
 
+        this.add({
+            id: "random-note",
+            name: "RandomNote",
+            description: "Get a random note, a random note from query or a random note from a file",
+            img: require("@/assets/images/dice-3.svg"),
+            type: "vue",
+            component: require("@/components/RandomNote.vue"),
+            props: {
+                is_internal: true,
+            }
+        })
+
+        this.add({
+            id: "left-sidebar",
+            name: "LeftSidebar",
+            description: "Left Sidebar is the component thatt embeds inside the left sidebar",
+            img: require("@/assets/images/arrow-narrow-left.svg"),
+            type: "vue",
+            component: require("@/components/LeftSidebar.vue"),
+            props: {
+                is_internal: true,
+            }
+        })
+
+        this.add({
+            id: "right-sidebar",
+            name: "RightSidebar",
+            description: "Right Sidebar is the component thatt embeds inside the right sidebar",
+            img: require("@/assets/images/arrow-narrow-right.svg"),
+            type: "vue",
+            component: require("@/components/RightSidebar.vue"),
+            props: {
+                is_internal: true,
+            }
+        })
+
     }
 
     get( id ) {

javascript/web/src/components/Components.vue

@@ -2,9 +2,14 @@
 .components-wrapper
 
     .components( style="display: flex; flex-direction: row;" :key="components_key" )
+
+        Component.left-sidebar( v-show="ilse.is_left_sidebar_open" :component="get_left_sidebar()" :options="{ hide_bullet: true }" :style="get_component_style(get_left_sidebar())" )
+
         .component( v-show="components.length && component.is_on" v-for="(component, component_index) in components" :key="uniqueKey + component.id"  :style="get_component_style(component)" :component="component" )
             Component( :component="component" :style="get_component_style_2()" )
 
+        Component.right-sidebar( v-show="ilse.is_right_sidebar_open" :component="get_right_sidebar()" :options="{ hide_bullet: true }" :style="get_component_style(get_right_sidebar())" )
+
     .no-components( v-if="!components.length" style="flex-direction: column; height: 89vh; overflow: hidden !important; " )
         .centered( style="" )
             h1.is-size-1 {{ $t('no_components') }}
@@ -47,6 +52,19 @@ export default {
 
     methods: {
 
+        get_left_sidebar() {
+            let c         = { 'id': 'left-sidebar', 'width': 12, 'is_on': true, 'type': 'left-sidebar', 'props': {} }
+            let component = new ilse.classes.Component( c )
+            return component
+        },
+
+        get_right_sidebar() {
+            let c         = { 'id': 'right-sidebar', 'width': 12, 'is_on': true, 'type': 'right-sidebar', 'props': {} }
+            printf( "right -> c- > ", c )
+            let component = new ilse.classes.Component( c )
+            return component
+        },
+
         get_component_style_2() {
             let style       = ``
 

javascript/web/src/components/Draw.vue

@@ -1,6 +1,6 @@
 <template lang="pug" >
 .draw
-    VueSignatureCanvas( ref="handWrite" :canvasProps="{class: 'sig-canvas'}" style="border: 1px solid var( --text-color ); " )
+    VueSignatureCanvas( ref="handWrite" :canvasProps="{class: 'sig-canvas'}" style="border: 1px solid var( --text-color ); border-radius: var( --border-radius ); " )
     button.button.slick-button.centered( style="display: block; " @click="save()" ) {{ $t('save') }}
 </template>
 <script>
@@ -69,8 +69,6 @@ export default {
 .sig-canvas {
     display: block;
     margin: 0 auto; 
-    width: 100%;
-    height: 100vh;
     background-color: rgba(244,244,244,0);
     /*position: fixed;*/
     z-index: 9;

javascript/web/src/components/File.vue

@@ -102,6 +102,7 @@ export default {
 
         async create( file ) {
             await ilse.filesystem.file.write.async( ilse.path.join("second" , file), "" )
+            this.is_create_file_button_on = false
         },
 
         // Control the margins

javascript/web/src/components/Home.vue

@@ -8,8 +8,16 @@
 
         TopMenu
         // HelloI18n
-        List( v-show="!ilse.is_home_page_on" :components="ilse.components" unique-key="home" )
-        HomePage( v-show="ilse.is_home_page_on" )
+        // img( src="@/assets/images/arrow-narrow-right.svg" style="position: fixed; left: 10px;  width: 25px; height: 25px;  " @click="ilse.is_left_sidebar_open = !ilse.is_left_sidebar_open")
+
+        // .left( v-show="is_left_on" style="display: flex;" )
+            .div( style="width: 80%; " )
+                p Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            List( :components="ilse.components" unique-key="home" )
+
+        // List( v-show="!is_left_on" :components="ilse.components" unique-key="home" )
+
+        List( :components="ilse.components" unique-key="home" )
 
         Modals
         Dialogs
@@ -32,7 +40,6 @@ const printf                                        = console.log;
     import Dialogs          from "@/components/Dialogs.vue"
     import Notifications    from "@/components/Notifications.vue"
     import List             from "@/components/Components.vue"
-    import HomePage         from "@/components/HomePage.vue"
     import HelloI18n        from "@/components/HelloI18n.vue"
 
 
@@ -50,23 +57,19 @@ export default {
         Notifications,
 
         List,
-        HomePage,
         HelloI18n,
     },
 
     data() {
         return {
+            is_left_on: false,
             ilse: ilse,
             key: Math.random(),
         }
     },
 
     methods: {
 
-        get_ilse_style() {
-            if( ilse.config.is_home_page_on ) return "overflow: hidden; "
-        },
-
         open_shortcuts() {
             ilse.modals.open( "keyboard-shortcut" )
         },