[Kimchi-devel] [PATCH 0/9] Adding new-ui base templates and widgets

From: samhenri <samuel.guimaraes(a)eldorado.org.br&gt; Adding new-ui to Wok, Kimchi and Gingerbase. Changelog: Wok: -Minor fixes in SCSS files. -New wok.confirm widget for confirmation messages. -Renamed grid.js in 'js/samples' folder to 'js/src/wok.datagrid.js' and updated with new-ui for Storage and Networks. -Added SCSS files for Kimchi pages (WIP - Going to move UI build process to Kimchi and Ginger once new-ui is finished). -Copied distros logos to Wok (may have to update copying information) to use as icons in Template creation. -Updated wok.window to support multiple modal windows and added optional parameter do set modal target. -Updated Toolbars to receive Bootstrap second-level navigation. Kimchi: -Guests - "Create Guest" modal window and added toolbar. Old-ui styles are missing but the page is still working. -"Edit Guest" had some conflicts with jQuery-UI customization so I will update to Bootstrap markup, it is still working but with messed styles. -TO DO: Update with "List" and "Gallery" views, finish "Edit Guest". -Templates - Create Template modal window and added toolbar. Old-ui styles are missing but tab is still working. -"Edit Template" had some conflicts with jQuery-UI customization so I will update to Bootstrap markup, it is still working but with messed styles. -TO DO: Update with "List" and "Gallery" views, finish "Edit Template". -Storage - Updated to new-ui grid and styles and added toolbar. -TO DO: Update "Create Storage" modal window; Fix collapsible panel; Add new-ui icons; Create JS to set correct icon according to capacity in Storage Pool; -Network - Updated with new-ui. -TO DO: Update Update "Create Storage" jQuery-UI dialog to Bootstrap modal window. Gingerbase: -Minor fixes from previous patches sent to ML. -Integrated same UI build process from Wok to Gingerbase (using sassc cli) and removed old CSS files. -TO DO: Add a spinner to dashboard polylines to avoid weird pattern behind lines; Fix performance with hidden panels showing when loading page; Move Software Updates and update jQuery-UI Accordion with new-ui. Thanks, Samuel samhenri (9): Adding new-ui base templates and widgets - SCSS Adding new-ui base templates and widgets - Images Adding new-ui base templates and widgets - JS Adding new-ui base templates and widgets - HTML Adding new-ui to Gingerbase (Host tab) Adding new-ui to Templates tab Adding new-ui to Storage tab Adding new-ui to Networks tab Adding new-ui to Guests tab src/wok/plugins/gingerbase/.gitignore | 2 +- src/wok/plugins/gingerbase/configure.ac | 1 - src/wok/plugins/gingerbase/ui/config/tab-ext.xml | 2 +- src/wok/plugins/gingerbase/ui/css/Makefile.am | 11 +- .../plugins/gingerbase/ui/css/src/gingerbase.scss | 29 + .../gingerbase/ui/css/src/modules/_host.scss | 172 ++++++ .../gingerbase/ui/css/theme-default/host.css | 289 ---------- .../gingerbase/ui/css/theme-default/report-add.css | 39 -- .../ui/css/theme-default/report-rename.css | 41 -- .../ui/css/theme-default/repository-add.css | 44 -- .../ui/css/theme-default/repository-edit.css | 90 --- src/wok/plugins/gingerbase/ui/images/Makefile.am | 2 - src/wok/plugins/gingerbase/ui/images/logo.ico | Bin 1214 -> 15086 bytes .../gingerbase/ui/images/theme-default/Makefile.am | 20 - .../ui/images/theme-default/host-icon-sprite.png | Bin 1034 -> 0 bytes .../images/theme-default/kimchi-loading15x15.gif | Bin 1653 -> 0 bytes .../gingerbase/ui/js/src/gingerbase.host.js | 642 +++++++++++---------- src/wok/plugins/gingerbase/ui/pages/host.html.tmpl | 211 +++---- .../gingerbase/ui/pages/report-add.html.tmpl | 46 +- .../gingerbase/ui/pages/report-rename.html.tmpl | 42 +- .../gingerbase/ui/pages/repository-add.html.tmpl | 124 ++-- .../gingerbase/ui/pages/repository-edit.html.tmpl | 138 ++--- src/wok/plugins/kimchi/ui/config/tab-ext.xml | 8 +- .../kimchi/ui/css/theme-default/network.css | 267 --------- .../kimchi/ui/css/theme-default/template_add.css | 317 ---------- .../kimchi/ui/js/src/kimchi.guest_add_main.js | 10 +- src/wok/plugins/kimchi/ui/js/src/kimchi.network.js | 72 ++- .../kimchi/ui/js/src/kimchi.storage_main.js | 6 +- .../kimchi/ui/js/src/kimchi.template_add_main.js | 406 +++++++++---- .../plugins/kimchi/ui/pages/guest-add.html.tmpl | 114 ++-- src/wok/plugins/kimchi/ui/pages/guests.html.tmpl | 58 +- src/wok/plugins/kimchi/ui/pages/network.html.tmpl | 185 +++--- src/wok/plugins/kimchi/ui/pages/storage.html.tmpl | 74 ++- .../plugins/kimchi/ui/pages/template-add.html.tmpl | 344 +++++------ .../kimchi/ui/pages/template-edit.html.tmpl | 236 ++++---- .../plugins/kimchi/ui/pages/templates.html.tmpl | 93 +-- ui/css/src/bootstrap-select.custom.scss | 1 + ui/css/src/modules/_administration.scss | 0 ui/css/src/modules/_datagrid.scss | 72 +++ ui/css/src/modules/_guests.scss | 92 +++ ui/css/src/modules/_host.scss | 169 ------ ui/css/src/modules/_iso-list.scss | 121 ++++ ui/css/src/modules/_jqueryui.scss | 0 ui/css/src/modules/_menu-flat.scss | 16 +- ui/css/src/modules/_modal-flat.scss | 2 +- ui/css/src/modules/_navbar-flat.scss | 4 +- ui/css/src/modules/_network.scss | 317 ++++++++++ ui/css/src/modules/_storage.scss | 0 ui/css/src/modules/_templates.scss | 99 ++++ ui/css/src/modules/_toolbar.scss | 24 +- ui/css/src/modules/_wok-confirm.scss | 42 ++ ui/css/src/modules/_wok-grid.scss | 25 +- ui/css/src/wok.scss | 47 +- ui/images/theme-default/Makefile.am | 2 +- ui/images/theme-default/alert.png | Bin 3537 -> 0 bytes ui/images/theme-default/arrow-down-black.png | Bin 2942 -> 0 bytes ui/images/theme-default/arrow-down.png | Bin 537 -> 0 bytes ui/images/theme-default/bg-mask.png | Bin 2899 -> 0 bytes ui/images/theme-default/bg.png | Bin 35585 -> 0 bytes ui/images/theme-default/check-green.png | Bin 3501 -> 0 bytes ui/images/theme-default/check-grey.png | Bin 3535 -> 0 bytes ui/images/theme-default/folder-arrow-down.png | Bin 2956 -> 0 bytes ui/images/theme-default/folder-arrow-right.png | Bin 2958 -> 0 bytes ui/images/theme-default/icon-alert.png | Bin 3545 -> 0 bytes ui/images/theme-default/icon-centos.png | Bin 0 -> 4734 bytes ui/images/theme-default/icon-debian.png | Bin 0 -> 4239 bytes ui/images/theme-default/icon-event.png | Bin 3791 -> 0 bytes ui/images/theme-default/icon-fedora.png | Bin 0 -> 4449 bytes ui/images/theme-default/icon-gentoo.png | Bin 0 -> 15307 bytes ui/images/theme-default/icon-opensuse.png | Bin 0 -> 3046 bytes ui/images/theme-default/icon-setting.png | Bin 3664 -> 0 bytes ui/images/theme-default/icon-tool.png | Bin 4466 -> 0 bytes ui/images/theme-default/icon-ubuntu.png | Bin 0 -> 4818 bytes ui/images/theme-default/logo-flat.svg | 43 ++ ui/images/theme-default/logo-plain.gif | Bin 1601 -> 0 bytes ui/images/theme-default/logo-white.png | Bin 9879 -> 7583 bytes ui/images/theme-default/nav-bg.png | Bin 3043 -> 0 bytes ui/images/theme-default/thumb-guest.png | Bin 3896 -> 0 bytes ui/images/theme-default/thumb-host.png | Bin 5069 -> 0 bytes ui/images/theme-default/user-icon.png | Bin 269 -> 0 bytes ui/images/theme-default/wok-loading.gif | Bin 6181 -> 0 bytes ui/js/src/wok.confirm.js | 91 +++ ui/js/src/wok.datagrid.js | 123 ++++ ui/js/src/wok.grid.js | 416 ++++--------- ui/js/src/wok.line-chart.js | 74 ++- ui/js/src/wok.list.js | 302 ++++++++++ ui/js/src/wok.login.js | 9 +- ui/js/src/wok.main.js | 61 +- ui/js/src/wok.message.js | 95 +-- ui/js/src/wok.window.js | 31 +- ui/js/widgets/grid.js | 123 ---- ui/js/widgets/samples/grid.html | 4 +- ui/pages/login.html.tmpl | 186 +++--- ui/pages/wok-ui.html.tmpl | 222 +++---- 94 files changed, 3526 insertions(+), 3422 deletions(-) create mode 100644 src/wok/plugins/gingerbase/ui/css/src/gingerbase.scss create mode 100644 src/wok/plugins/gingerbase/ui/css/src/modules/_host.scss delete mode 100644 src/wok/plugins/gingerbase/ui/css/theme-default/host.css delete mode 100644 src/wok/plugins/gingerbase/ui/css/theme-default/report-add.css delete mode 100644 src/wok/plugins/gingerbase/ui/css/theme-default/report-rename.css delete mode 100644 src/wok/plugins/gingerbase/ui/css/theme-default/repository-add.css delete mode 100644 src/wok/plugins/gingerbase/ui/css/theme-default/repository-edit.css delete mode 100644 src/wok/plugins/gingerbase/ui/images/theme-default/Makefile.am delete mode 100644 src/wok/plugins/gingerbase/ui/images/theme-default/host-icon-sprite.png delete mode 100644 src/wok/plugins/gingerbase/ui/images/theme-default/kimchi-loading15x15.gif delete mode 100644 src/wok/plugins/kimchi/ui/css/theme-default/network.css delete mode 100644 src/wok/plugins/kimchi/ui/css/theme-default/template_add.css create mode 100644 ui/css/src/modules/_administration.scss create mode 100644 ui/css/src/modules/_datagrid.scss create mode 100644 ui/css/src/modules/_guests.scss delete mode 100644 ui/css/src/modules/_host.scss create mode 100644 ui/css/src/modules/_iso-list.scss create mode 100644 ui/css/src/modules/_jqueryui.scss create mode 100644 ui/css/src/modules/_network.scss create mode 100644 ui/css/src/modules/_storage.scss create mode 100644 ui/css/src/modules/_templates.scss create mode 100644 ui/css/src/modules/_wok-confirm.scss delete mode 100644 ui/images/theme-default/alert.png delete mode 100644 ui/images/theme-default/arrow-down-black.png delete mode 100644 ui/images/theme-default/arrow-down.png delete mode 100644 ui/images/theme-default/bg-mask.png delete mode 100644 ui/images/theme-default/bg.png delete mode 100644 ui/images/theme-default/check-green.png delete mode 100644 ui/images/theme-default/check-grey.png delete mode 100644 ui/images/theme-default/folder-arrow-down.png delete mode 100644 ui/images/theme-default/folder-arrow-right.png delete mode 100644 ui/images/theme-default/icon-alert.png create mode 100644 ui/images/theme-default/icon-centos.png create mode 100644 ui/images/theme-default/icon-debian.png delete mode 100644 ui/images/theme-default/icon-event.png create mode 100644 ui/images/theme-default/icon-fedora.png create mode 100644 ui/images/theme-default/icon-gentoo.png create mode 100644 ui/images/theme-default/icon-opensuse.png delete mode 100644 ui/images/theme-default/icon-setting.png delete mode 100644 ui/images/theme-default/icon-tool.png create mode 100644 ui/images/theme-default/icon-ubuntu.png create mode 100644 ui/images/theme-default/logo-flat.svg delete mode 100644 ui/images/theme-default/logo-plain.gif delete mode 100644 ui/images/theme-default/nav-bg.png delete mode 100644 ui/images/theme-default/thumb-guest.png delete mode 100644 ui/images/theme-default/thumb-host.png delete mode 100644 ui/images/theme-default/user-icon.png delete mode 100644 ui/images/theme-default/wok-loading.gif create mode 100644 ui/js/src/wok.confirm.js create mode 100644 ui/js/src/wok.datagrid.js create mode 100644 ui/js/src/wok.list.js delete mode 100644 ui/js/widgets/grid.js -- 1.9.3