![]() System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/html/libs/absol-acomp/demo/ |
Upload File : |
<!DOCTYPE html> <html> <head> <title>Menu</title> <link rel="stylesheet" href="https://absol.cf/hightlight/styles/default.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <script src="https://absol.cf/hightlight/highlight.pack.js"></script> <script src="../dist/absol-acomp.js?<?php echo stat('../dist/absol-acomp.js')['mtime'];?>"></script> <style> .dark.bg { background-color: rgba(30, 30, 32, 1); /* background-color: white; */ } .bg { padding-top: 20px; padding-bottom: 20px; border: solid 1px rgb(30, 30, 32); } </style> </head> <body> <h1>Light Theme(defalt)</h1> <div class="bg light" style="height: 500px"></div> <div class="bg dark" style="height: 500px"></div> <script class="viewable"> var FileMenuConfig = { items: [{ text: 'File', items: [ { text: "New", items: [ { text: "Module", iconSrc:'http://absol.cf/exticons/extra/folder-git.svg' }, { text: "Project", iconSrc:'http://absol.cf/exticons/extra/folder-classic.svg' }, { text: "Solution", cmd: "new_solution", iconSrc : 'http://absol.cf/exticons/extra/folder-svn.svg' } ] }, { text: "New Node from template", cmd: 'template_new', disable: true }, { text: "Open Node", key: 'Ctrl+O', cmd: 'open', disable: true }, { disable: true, text: "Open Recent", items: [ { text: "Node A" }, { text: "Node B" }, { text: "Node C" }, { text: "Node D", items: [ { text: "Node D" }, { text: "Node E" }, { text: "Node F" }, { text: "Node G" }] } ] }, '=================================', { text: "Save", key: 'Ctrl+S', disable: true }, { text: "Save As", key: 'Ctrl+Shift+S', disable: true }, { text: "Save All", disable: true }, '=================================', { text: "Auto Save", disable: true }, { text: "Prereferences" }, '=================================', { text: "Open Project", key: 'Ctrl+Alt+O', cmd: 'open_project' }, { text: "Open Solution", key: 'Ctrl+Alt+O', cmd: 'open_solution' }, { text: "Open Recent Project", items: [ { text: "Project A" }, { text: "Project E" }, { text: "Project F" }, { text: "Project G" }] , disable: true }, { text: 'Logout', cmd: 'logout' } ] }, { text: 'Edit', items: [ { text: 'Undo', key: 'Ctrl+Z', cmd: 'undo' }, { text: 'Redo', key: 'Ctrl+Y', cmd: 'redo' }, "================================", { text: 'Cut', key: 'Ctrl+X', cmd: 'cut' }, { text: 'Copy', key: 'Ctrl+C', cmd: 'copy' }, { text: 'Paste', key: 'Ctrl+V', cmd: 'paste' }, "==============================", { text: 'Find', key: 'Ctrl+F', cmd: 'find' }, { text: 'Replace', key: 'Ctrl+R', cmd: 'replace' }, "=============================", { text: 'Find in Nodes', key: 'Ctrl+Shift+F' }, { text: 'Replace in Nodes', key: 'Ctrl+Shift+R' } ] }, { text: 'Selection', items: [ { text: 'Select All', key: 'Ctrl+A', cmd: 'selectall' }, { text: 'Expand Selection', key: 'Ctrl+Shift+M', cmd: 'expandToMatching' }, { text: 'Delete Line', key: 'Ctrl+D', cmd: 'removeline' }, "================================", { text: 'Copy Line Up', key: 'Alt+Shift+ArrowUp', cmd: 'copylinesup' }, { text: 'Copy Line Down', key: 'Alt+Shift+ArrowDown', cmd: 'copylinesdown' }, { text: 'Move Line Up', key: 'Alt+ArrowUp', cmd: 'movelinesup' }, { text: 'Move Line Down', key: 'Alt+ArrowDown', cmd: 'movelinesdown' }, ] }, { text: 'View', items: [{ text: 'Nothing to View' }] }, { text: 'Help', items: [ { text: 'Documentation', cmd: 'doc' }, { text: "About Frame" } ] } ] }; absol._({ tag: 'hmenu', props: FileMenuConfig, on: { // press: this.onPressMenu.bind(this) } }).addTo(absol.$('.bg.light')) absol._({ tag: 'hmenu', props: FileMenuConfig, on: { // press: this.onPressMenu.bind(this) } }).addTo(absol.$('.bg.dark')) </script> <!--Created using ToHtml.com on 2019-05-27 04:27:01 UTC --> <script src="https://absol.cf/absol/demo/autohightlighting.js"></script> </body> </html>