![]() 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 : |
<html> <head> <title>Icon Adapter</title> <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, user-scale=0"> <link href="https://cdn.materialdesignicons.com/5.3.45/css/materialdesignicons.min.css" media="all" rel="stylesheet" type="text/css"/> <!-- <link href="https://cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css" media="all" rel="stylesheet"--> <!-- type="text/css"/>--> <script src="../dist/absol-acomp.js?time=<?php echo stat('../dist/absol-acomp.js')['mtime'];?>"></script> </head> <body> <style> #demo{ border-collapse: collapse; } #demo td{ border: 1px solid black; padding: 5px 10px; } #demo thead{ font-weight: bold; } #demo .mdi{ font-size: 2em; } </style> <table id="demo"> <thead> <tr> <td>Old name</td> <td>New name</td> <td>Preview</td> </tr> </thead> <tbody id="demo-body"> </tbody> </table> <script> var _ = absol._; var $ = absol.$; var demoBody = $('#demo-body'); var nameMap = absol.MaterialDesignIconsNameMap; for (var oldName in nameMap) { demoBody.addChild(_({ tag: 'tr', child: [ { tag: 'td', child: { text: oldName } }, { tag: 'td', child: { text: nameMap[oldName] } }, { tag: 'td', child: 'span.mdi.mdi-' + oldName }, ] })) } </script> </body> </html>