summaryrefslogtreecommitdiff
AgeCommit message (Collapse)AuthorFilesLines
2020-03-11Update issue templatesDerick Montague3-0/+85
Add templates for Bug report, Feature request, and Design review
2020-03-10Remove unused colors from color paletteDerick Montague22-138/+509
The color palette has been stripped down to a maximum of two colors shades per palette. This works for our design since components use a base color with a lighter color as an accent color. This change reduces the amount of CSS generated by Bootstrap when the CSS is compiled. Github Story: https://github.com/openbmc/webui-vue/issues/2 Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I2ddb37f5c89c749a7303799c6f7499ddd83d5a92
2020-03-10Add host boot settings to power operations pageYoshie Muranaka6-3/+325
Added BootSettingsStore and component to handle changing boot source, boot override option and TPM required option. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I885dd6008aceb34b319953a2e9b6416d848baf16
2020-03-10Fix accessibility violation in user modalYoshie Muranaka1-0/+2
Add missing 'label-for', prop to select dropdown to fix form accessibility issue. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I89a530bf67165c4051c7b773917b4d60d0d17a6f
2020-03-10Add component overview documentationDerick Montague1-1/+4
Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I02de80a70acc0d6e3d1278acb33bbbb004c106b4
2020-03-07Update Language translation menuDixsie Wolmers2-6/+2
Based on community feedback, language options should be displayed in native language, e.g Spanish -> Español Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ic066ade3262db7594de851f7219b653ea87af4c3
2020-03-06Move power control to redfishDixsie Wolmers5-80/+55
Replaces power cap store and power consumption store with power control store and uses redfish. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I5cce223da17373bcae3e7c6736a4580e1bd8ae00
2020-03-06Persist language settings using local storageDixsie Wolmers3-6/+10
When user logs in, language setting will be stored in local storage. Once stored, user does not have to re-select preferred language, but can still update language settings on the login page. Before a language is saved to local storage the locale = null Renamed 'en.json' to 'en-US' because the vue i18n plugin defaults to 'en-US' when a language is not selected or null. https://github.com/kazupon/vue-i18n/blob/v8.x/src/index.js#L67 Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I577db3c4578eab30fbfae997dad0ece456fdf231
2020-03-06Fix slight alignment issue in navigationYoshie Muranaka1-1/+2
Health option in navigation was slightly offset from other menu items. This will flush all navigation items. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I27aa01e612afd4a3ce3027262e27aa39ac55f15a
2020-03-06Add power operations pageYoshie Muranaka6-1/+296
Add route, component and Control requests to enable power operations (power on, soft and hard reboot, soft and hard power off). This rewrite includes updates to use Redfish endpoints. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I54784b8cc1b6260e44e708c260ea4a531fc0a629
2020-03-05Fix float-right mixin build warningYoshie Muranaka1-5/+1
Bootstrap Sass mixin float-right is deprecated, swapped to use utitlity class instead. This will fix warning: WARNING: The `float-right` mixin has been deprecated as of v4.3.0. It will be removed entirely in v5. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ib94fff09c9c218143335f9021e0dfe213294b426
2020-03-05Refactor user management componentYoshie Muranaka1-8/+2
Removing dedicated methods to get user accounts and settings since component methods aren't reused and subsequent requests after initial load are handled on Store level. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I18bc18eea0e2e47af01afb518ccd7f0e99c414ab
2020-03-05Fix en.json formatYoshie Muranaka1-1/+2
Adding missing closing bracket Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ie80fe8dff662eaa89e3b91aed7278a5b7b1471cf
2020-03-05Update login error messageDerick Montague1-3/+2
Updating the login error message when a user enters an incorrect username of password. This is being updated to provide a more descriptive message to the user that can also be easily translated in multiple languages. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I6d798f74cfe3968496c7c14341f3aa10ccabbe75
2020-03-04Update application navigation colorsDerick Montague4-38/+47
- Current navigation color did not match mockup - Replace color variables with theme variables in .vue file - Add $gray-500 - Delete the map-remove functions. Maps are based on the added properties - Increase navigaton icon size - Add _variables.scss file for overrides to Bootstrap Sass variables and adding custom variables Testing: 1. Navigation item for current page will have a dark background, light text, and a blue border. 2. Hovering over an active navigation item will display the cursor as the default arrow. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Id391364ee74ece59ba7b20d49fda859de0c12b17
2020-03-03Add translation to header and navigationYoshie Muranaka3-30/+76
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I31a6c7a45a20c68efc367ba625c7b06b2d7ba47d
2020-03-03Add translation to user management pageYoshie Muranaka6-63/+148
Updated TableToolbar component to handle label translation outside of the component which is more consistent with bootstrap table component patterns. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ic2e75e327f6a6067905c541f9a3ea55c5d103f4b
2020-03-02Fix styling for TableRowAction buttonYoshie Muranaka1-1/+1
Padding was off for buttons in the TableRowAction component because of specificity issues. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I0b11bce612c4e1fe9b07a3ca8e33febf57f944e0
2020-02-29Move Firmware version call to use RedfishDixsie Wolmers2-43/+29
Updates firmware store to use redfish api for bmc and host firmware version. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ib545d62b5211d141307364c0e45a3462f85e9d90
2020-02-28Format date and time for international localesDixsie Wolmers7-21/+42
Uninstalls vue-date-fns and uses toLocaleDateString() method to return formatted date and time. Date language is set by i18n and time/timezone is formatted by browser locale. Uses vue filter to format date and time as: - short month, day, year, time and timezone - 'en' example: Feb 23, 2020, 3:40:25 PM CST - 'es' example: 25 feb 2020 14:23:36 GMT-6 - hour12 value is determined by browser default Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I4fe8c51f5437cef263f1e0ea4184c0b552c85f4d
2020-02-27Update bootstrap-vue packageYoshie Muranaka2-7/+14
Updating package to resolve errors while using <b-form-select-option> component. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I96f4fb48329b2a21959e3d5893903a21059a16e7
2020-02-26Update language json structureYoshie Muranaka16-203/+182
Restructure language file to use consistent pattern across pages following loose guidelines. - Create buckets for common global labels - Create common component objects–appHeader, appNavigation, appPageTitle - Page specific labels should be nested in an object with a key prefixed with 'page' followed by the page title - Any 'major' child components should be nested inside page specific objects - Avoid any complex linked locale messages - Alphabetize object keys, alphabetize nested properties at end of object block Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ie4222b3ce24dec7af31b55b5a77425ca2f492789
2020-02-25Add account settings to local user pageYoshie Muranaka4-11/+234
Adds ability to change account LockoutThreshold and LockoutDuration properties from the GUI. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ieeb75aa83c07b3de840bccdfc28e2d6e87512e2e
2020-02-25Add password requirements to local user pageYoshie Muranaka4-36/+107
- Make api call to get user account settings - Update add/edit user form to include dynamic password requirement values - Fix edit username bug by adding input listener to field that sets form control to $dirty state and adds property to PATCH request Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I3535f4214ee12c95d5e502134bf3e36597d2421a
2020-02-25Update overview events table and overview network layoutDixsie Wolmers5-91/+195
- Convert events list group to bootstrap table - Add ethernet interfaces to overview using redfish Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I633f03ba4a65358861664a869b35adf5358c45e6
2020-02-24Create TableRowAction componentYoshie Muranaka3-31/+74
Creating a reusable component to help ensure visual consistency and code reuse for table actions. Updated local user management table to use this new component. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ib94df901c5b6a70ee3299f6844b60fa761842b13
2020-02-22Update node packages to remove vulnerabilitiesDerick Montague1-6/+6
Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I58e738329eca42e65c4ebd71d9986df51e3450cc
2020-02-22Add batch actions to local user tableYoshie Muranaka12-36/+475
- Create TableToolbar component for table batch actions - Added Toast warning type and toast title message translations - Update vue-i18n package to latest v8.15.3 to use improved pluarlization features Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I455beba4f56b8209b1201bbc5ff3f616e960d189
2020-02-22Add Reboot BMC pageYoshie Muranaka9-10/+109
Created a ControlStore with the intention to consolidate actions across multiple subnav pages under the 'Control' tab, instead of creating a dedicated RebootBmc store with one action. - Update PageSection component to make sectionTitle prop optional - Changed PageTitle computed property to data since the value doesn't change during the component lifecycle - Change PageSection <section> element to <div> to avoid accessibility issues Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I2877e2a7b9bfee245c48d52c70859978b74be7f3
2020-02-22Create password visibility toggleYoshie Muranaka3-37/+103
Reusable component to show/hide password input fields, added to local user form. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I90fb865e51d99788a225812b057f4d8bacad1bc8
2020-02-21Update label and definition list styleDixsie Wolmers3-5/+14
Added typography.scss to override label and definition styles to have a consistent label pattern Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I44580093436c3c1e7e550ab63da214ffd2432c36
2020-02-21Translate overview pageDixsie Wolmers6-41/+77
- Power cap and power consumption state is translated in the store - Static overview text is translated in the template Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I9463072e38c82b4660743ba9785a606ef1c69eae
2020-02-19Add responsive layoutYoshie Muranaka8-92/+277
The main navigation will be collapsed until the viewport minimum width reaches the Bootstrap defined 'lg' breakpoint (defaults to 992px). - Adding motion variables and updating some CSS values to use existing Sass variables Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Id159b84da6adf55fdb15842b0e33b1ede4eeceb4
2020-02-19Add refresh functionality in app headerYoshie Muranaka2-3/+18
Clicking refresh in the app header will update the :key value for the router-view component, and trigger a component re-render. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I15da6d2d04fc311dfc092fbe840add950180124f
2020-02-17Add Health status to app headerYoshie Muranaka6-59/+148
Added logging path and interface to websocket subscription data filter, to dynamically indicate Health status in the app header. - Update OverviewEvents to use highPriorityEvents data - Refactor EventLogStore Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I35ad30b005c70625a5f6a69488d45db0fa049374
2020-02-14Clear application state on logoutDerick Montague2-5/+4
Remove the authError state property from the logout mutation since the the authError would not be in the true state after a successful login. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ibfe8b07c4e9e37dfab4435596c12e9a36556a714
2020-02-13Update overview quicklinks with community approved designDixsie Wolmers2-34/+84
Resubmitting after reverted–original commit here https://gerrit.openbmc-project.xyz/c/openbmc/webui-vue/+/28762 Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ib4b2cc8015b86a9f6de11ebcade57abe086c5990
2020-02-13Set up initial language translationDixsie Wolmers12-29/+291
- Add i18n internationalization plugin - Create json files for group 0 English and Spanish - Uses $t method to set up initial translations on login page - Meta title is translated using i18n in App.vue and PageTitle.Vue Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ifce9f5e54d96f8b2a13239ad6178892f99fc4537
2020-02-13Update PageTitle component to use divYoshie Muranaka1-2/+2
Changed header element to div to fix accessiblity violation of having multiple header elements without unique aria-label properties. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I1e8aeaa6ee9142e16176eb47928916424ef4fba0
2020-02-13Add toast component interactionsYoshie Muranaka6-15/+100
Include boostrap toast component to communicate success and error requests on the local user management page. - Created BVToastMixin to share initialization options - Used async/await pattern to make sure toasts are shown after asynchronous calls are complete - Followed current AngularJS pattern of manual dismiss for error toast and automatic dismiss for success toast Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I5d5c037b5f41781972106fb5e9a2096cc72c39ab
2020-02-12Update README.mdDerick Montague1-12/+20
- Fix docs script typo - Add .env file info - Update section level header hierarchy Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I0f060b89913d516f93df36c75fe3e912ea08b4bd
2020-02-08Add Getting Started documentationDerick Montague4-6/+38
- Update nav and sidebar - Add content Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I6364d01e016a2954410f154863b497c26453010e
2020-02-08Add coding guidelines and component documentationDerick Montague18-271/+1627
Resubmitting after reverted–original commit here https://gerrit.openbmc-project.xyz/c/openbmc/webui-vue/+/28760 - Update README to include instructions on documentation development - Update vue and vue-template-compiler to be compatible with vuepress Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I72049a5888ef6bea6621d0b7948f57a8e4177666
2020-02-07Update navigation item orderDerick Montague1-3/+3
- Change all navigation items to display in alphabetical order Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I69f01c7a9c1f074e96a8577c5e906bd449c3a429
2020-02-06Add focus state to navigation link itemsYoshie Muranaka1-4/+4
Nested submenu items didn't have visual indication for focus state. Adding styles needed to meet accessiblity guidelines. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I2c79e2c36a0de8d6ae27e0388c1241868172b9cd
2020-02-05Update config to keep 'secure' attributeYoshie Muranaka1-8/+0
Since switching to secure https protocol for development https://gerrit.openbmc-project.xyz/c/openbmc/webui-vue/+/28729/7 no need to remove 'secure' attribute from response header. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ic7bddb4572ec8ccd3029c493ca57627dd24b8ae4
2020-02-04Add polyfills using browserslist defaultsDerick Montague1-2/+1
The list of browsers can be determined by running `npx browserslist`. The current list of supported browsers as of this commit is: and_chr 78 and_ff 68 and_qq 1.2 and_uc 12.12 android 76 baidu 7.12 chrome 78 chrome 77 edge 18 edge 17 firefox 71 firefox 70 firefox 68 ie 11 ie_mob 11 ios_saf 13.2 ios_saf 13.0-13.1 ios_saf 12.2-12.4 kaios 2.5 op_mini all op_mob 46 opera 64 opera 63 safari 13 safari 12.1 safari 5.1 samsung 10.1 samsung 9.2 Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: If10b8d59168337c4c38a1a75ee9dd8ed8c7a636b
2020-01-31Change eslint rules to use vue recommendedDerick Montague16-68/+94
Resubmitting after reverted–original commit here https://gerrit.openbmc-project.xyz/c/openbmc/webui-vue/+/28763/7 - Ran npm run lint - Resolved eslint issues Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I2b8b9244acddd483d0a72f9a5d156a79de9869a0
2020-01-31Update local user layout and stylesYoshie Muranaka13-190/+540
Resubmitting after reverted–original commit here https://gerrit.openbmc-project.xyz/c/openbmc/webui-vue/+/28790 - Add BVConfig plugin to modify boostrap component defaults - Add vuelidate - Add package and basic validations to user form - Add all user form validations - Add checks for edit user - Create VuelidateMixin for shared methods - Update Login to use Vuelidate Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ib50ee4d1fb5f14637c9460e77f0682869a86ac8a
2020-01-29Revert "Add coding guidelines and component documentation"Gunnar Mills19-1631/+280
Merged accidentally. Did not have proper +1s/+2s. The author will resubmit. Apologies for the noise. This reverts commit aae4312c3c535253b2d5db7a75503f0237ae423e. Change-Id: I110dd4e12286836aedf84dfba2c4ef07cac08b46 Signed-off-by: Gunnar Mills <gmills@us.ibm.com>