summaryrefslogtreecommitdiff
path: root/src
AgeCommit message (Collapse)AuthorFilesLines
2020-05-05Update Sass architecture to require helper importsDerick Montague35-49/+96
- Restructuring file strucure to support single file components use of Sass variables when imported into vuepress. - Creating a scalable file structure using Sass best practices Tested by building and testing both the vue web ui and the the documentation application. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Iddcefbf305c8dac978ee24e903df33b609e395e3
2020-05-05Add export functionality to Sensors pageYoshie Muranaka4-3/+86
- Create TableToolbarExport component to be used as a slot in TableToolbar - Allows selected table items to be exported Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I929347e046af8a5d5188e4c4fd9fc874e067cce5
2020-05-01Create LoadingBar componentYoshie Muranaka4-1/+112
Create loading bar component to indicate when page data is 'loading'. Not every component view will need to show the loading bar (eg Reboot BMC). The LoadingBarMixin can be imported per component as needed. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I6735be37bc0a81f5bb2b7c93fb31a0e0ef9b40d1
2020-05-01Add missing router namesYoshie Muranaka1-1/+2
Overview and Sensors routes were missing router names. Removed empty string value name, since it doesn't help identify a router by name. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Idcff2c4104427d50abfc260c90d8087efe6525e3
2020-05-01Update local user button icon positionYoshie Muranaka1-3/+3
Move icon to left of button text to follow consistent patterns defined in style guide. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I56a9f4bb47fb28d6791ad1d9e0b986f3a8b5cbd4
2020-05-01Add LDAP role groups tableYoshie Muranaka5-49/+585
Adds ability to add, edit, and delete RemoteRoleMapping objects from the GUI. Role group table functionality includes sort, single row edit and delete, and batch delete. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Id9168c90b78a6f4090ab0ab3e37e74b8cd821d54
2020-05-01Remove hostname D-Bus requestYoshie Muranaka4-26/+1
Hostname is available in NetworkSettingsStore using redfish api. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I26c26281ca8d9003d2daaed13d6bbd4db6ed700c
2020-04-28Change host status request to RedfishYoshie Muranaka1-4/+6
Use /redfish/v1/Systems/system Redfish endpoint to get host status from PowerState property. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ied2e70d5e26eb820d41d6b63acdded237f7646a4
2020-04-25Add LDAP pageYoshie Muranaka9-1/+605
Adds ability to enable LDAP service and modify LDAP and ActiveDirectory properties. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I59d65bba7f6fe321af395227ce2f7188d9c006b7
2020-04-25Add webpack config for env specific buildsYoshie Muranaka4-0/+181
Add documentation and example files to make environment specific build modifications. - Store any env specific router and store modules in separate env directory Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I06ff3cb0928707354266dd25b399710847e7fa18
2020-04-25Update layout fluid prop to set max-widthYoshie Muranaka8-9/+18
Setting page container fluid prop to 'xl' to allow fluid/100% container width until reaching the xl breakpoint. After reaching the xl breakpoint, a max-width is set to the container. This will make sure that the page content doesn't stretch into an unreasonable layout on wide viewports. https://bootstrap-vue.org/docs/components/layout#fluid-width-container Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ic50dd3b4339d532663279350afdcc30e59bb0c74
2020-04-22Fix local user edit bugYoshie Muranaka2-0/+2
When clicking the edit action in the local user table multiple times in a row, the form values do not populate. Setting the activeUser value to null whenever the modal is hidden will fix this issue–the value change will trigger the watch method in the modal and set form values. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I0b86b7e8b0454a69adf10fdd534a85a28d57b2a9
2020-04-21Add dynamic AccountService RolesYoshie Muranaka3-1/+22
Get roles on local user management privilege dropdown from /redfish/v1/AccountService/Roles instead of hard-coded values. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I00409b17fc1a2a49b880883749c0241e0aae283e
2020-04-21Create TableFilter componentYoshie Muranaka8-9/+195
Global TableFilter component and TableFilterMixin can be used with any table. The TableFilterMixin will return filtered data with items that match any of the filter tags. When the table search component is built, it should use the BoostrapVue Table :filter prop. - Filter by status added to Sensors table Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I57ebab1686b2d267383cb0e1be252627bf42c98c
2020-04-16Create accessible InfoTooltip ComponentYoshie Muranaka3-2/+35
Adds a global reusable component that will display the info icon with accesible markup. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I5f7ee4a45e19ce851b3eff705d722517db07c0bf
2020-04-15Update OverviewStore to use redfish apiYoshie Muranaka1-2/+2
Changed OverviewStore call from D-Bus to redfish to get server model, serial number, and manufacturer info. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ia0a0a87f1199b2e64d2bb501a719063a01a8aea4
2020-04-13Update BMC time to use redfishYoshie Muranaka1-4/+3
Change getBmcTime call from D-Bus to redfish endpoint in GlobalStore module. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I3c459d6bf40a778d5e03d112c12e45ad8554c141
2020-04-09Add generate CSR to SSL certificates pageYoshie Muranaka9-5/+1188
Adds ability to generate, then download or copy a CSR from the GUI - Import FormTagsPlugin to use for alternate names field Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I060e8d7917a79dafbfb67c758f5baa4a36ab86ae
2020-04-09Fix documentation errorDerick Montague2-7/+5
Using SCSS tokens in single file components results in a compile issue causing the documentation to white screen. Moving custom alert styles to the global alert .scss file to resolve this issue and to keep all alert styles in one place. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I047fa15c76cdfb842e5c00eea99e529595b94632
2020-04-09Resolve header and nav accessibility violationsDerick Montague3-22/+38
- Add aria-label to nav sections in app-header and app-nav to meet accessibility guidelines. When application has multiple nav elements an aria-label is required to help screen readers identify the elements - Remove b-nav child of b-nav-bar in app-header to fix invalid markup generated by Bootstrap-vue components. Components were not used as expected by the component library - Replace b-nav-item with HTML <li> elements using nav-item css classes in order to use button elements. Bootstrap-vue generates <a> elements which is not the semantic HTML element to use for items that are not links to other sections of the application. - Removed aria-expanded and nav-open class from nav-trigger button - Update appHeader unit test Used a TDD approach to write all tests to fail and then updated the methods and actions to make the tests suceed. Each test resulting in a dispatched action should be called once only and with the expected action. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I18af3727708526f814b7ceb77a0c28fda9f3d9bd
2020-04-08Add SSL Certificate expiration warningsYoshie Muranaka4-2/+88
Adds status icons in data table and alert banners for expiring and expired certificates. Warning will be visible within 30 days of certificate expiration. Critical/danger indicators will be visible when certificate is expired. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I6f8c27d4ba1563a79b46eec7b869366ecee42f75
2020-04-08Add SSL Certificates pageYoshie Muranaka11-5/+581
Adds ability to view, add, replace, and delete SSL certificates in GUI. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I5cf9fa7bbd588dfb22f2431eed0b5976ff860703
2020-03-31Add local user account manual unlockYoshie Muranaka4-6/+57
Adds ability to manually unlock user account if account service settings lockout duration set to 0. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I75351c5e03bd5403e8dc7679d8d98b90adb90277
2020-03-26Add mocha and chai test frameworkSukanya Pandey1-1/+1
- Mocha/Chai/Sinon test frameowrk because it has 100% feature parity with vue-loader. - Code for making 'expect' function accessible globally. Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: Idf809cb08d8c1ef177ff92f0ee1be04ac74059a3
2020-03-26Add Sensors pageYoshie Muranaka8-2/+267
- Update api calls to use Redfish - Add column sort to name and status columns - Set default table sort to status column - Added lodash package Github story: https://github.com/openbmc/webui-vue/issues/4 Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ic6e76107475fbf5fb34deb01a4de4a4a9ccfeabf
2020-03-20Add alert message component and documentationDerick Montague7-29/+105
- Add custom alert component to simplify the use of custom alerts - Add documentation for using the custom alert - Update the login error alert to use the alert component instead of the Bootstrap-vue component. - Register alert component in enhanceApp - Replace Sass variables used in the StatusIcon component style block to use the Boostrap theme-color and gray Sass functions so the colors can be used in the Vuepress documentation custom components Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ibd93402c919a42bd5c24cc9e7c6c8fc6f17a4db4
2020-03-20Add toast component documentationDerick Montague3-2/+20
- Add documentation that describes when and how to use a toast message with code snippets - Add an informational toast method in the BVToastMixin - Add BVToastMixin to enhaceApp to register mixin globally. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I89bf2aa8b3fdb9294354a80c98ccf692b6e3615a
2020-03-20Add buttons documentationDerick Montague2-3/+21
- Add documentation for how to use buttons - Update markup and CSS rulesets to support icons on the left or the right of text Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ic897f416e85824287360bc7ef5dc47c402d64eba
2020-03-13Fix accessibility violations and use b-form-groupDerick Montague2-12/+17
- Update authError to be set to false in order to hide the error message when the user logs in. This is needed if the user name or password are incorrect multiple times. If it is not hidden between login attempts, the user will only be notified on the first attempt. - Use the b-form-group component for consistency. - Add id attributes to the required field error messages so that the error can be added to the input field's aria-describedby attribute Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I86902cc2c85b3bbf156c2920ec2031ee4dccd2ef
2020-03-13Revert "Add alert message component and documentation"Derick Montague6-100/+25
This reverts commit 71650fff20c0ad29eb05d770736386863324b64e. Reason for revert: Found an issue with Sass loader when compiling docs that needs to be addressed. Change-Id: Icdd1243665f60849bfb341594452687fcdaeebe2
2020-03-12Add alert message component and documentationDerick Montague6-25/+100
- Add custom alert component to simplify the use of custom alerts - Add documentation for using the custom alert - Update the login error alert to use the alert component instead of the Bootstrap-vue component. - Add the enhanceApp and bmcAppPlugin to extend vuepress to use both the BMC custom and Boostrap-Vue components along with the custom styles Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I5c0b696ca47ddba0df18041d6c5ee7509bf23572
2020-03-12Fix Overview errorsYoshie Muranaka1-3/+4
Updated computed variable names and store actions to match what is defined in FirmwareStore. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Id95e6cdae6eda4588f2f7b7264c5d4152bfd4c03
2020-03-10Remove unused colors from color paletteDerick Montague13-137/+61
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-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 Wolmers5-10/+40
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