summaryrefslogtreecommitdiff
path: root/src/views/Overview
AgeCommit message (Collapse)AuthorFilesLines
2021-01-11Removed truncated style from overview pageSurenNeware2-16/+7
- Removed truncated style from network information section. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I11339a1c6099a733b07979dd26b13a0b400de19a
2020-12-02Fix server LED switch value on errorYoshie Muranaka1-3/+1
Add error state handling in the ServerLed store to make sure the UI accurately reflects the state if there is an error. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I7f3647df9f5a32e241005eb7058a7cda1e0ba36a
2020-12-02Refactor server LED indicator variable namingDerick Montague1-8/+13
- Make name consistent between both Overview and Server LED views Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I36601b603bfeb4e9f2b782641dd2813882466c21
2020-12-01Update indicator LED switch using another propertySurenNeware1-3/+1
- Update indicator LED redfish endpoint based on 'LocationIndicatorActive' property. - Updated both ServerLED and Overview page. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: Id47133e4834b658d49911be87d93f7985519a6d2
2020-11-13Align button iconsDixsie Wolmers1-2/+2
- Fixes button icon and text alignment - App header buttons to be addressed separately - Button documentation will be addressed in separate commit - Aligns form input buttons: datepicker, clear search, and password toggle - Moves title from icon to button for icon only buttons - Aligns validation icon with form input buttons Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ie28d7d7dd7303ab6bf1897d1fa569e1580cc2f9d
2020-11-12Resolve custom-event-name-casing lint warningsSukanya Pandey4-6/+6
Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: I9eea4eac3b8cacc216fc9ad1011e51622622e75f
2020-11-03Update linting packages to use latestDerick Montague4-35/+32
- 99% of changes were small syntax changes that were changed by the lint command. There were a couple of small manual changes to meet the property order patterns established as part of the vue:recommended guidelines. There are rules that were set from errors to warnings and new stories are being opened to address those issues. Testing: - Successfully ran npm run serve - Successfully ran npm run lint - Verified functionality works as expected, e.g. success and failure use cases - Resolved any JavaScript errors thrown to the console Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ie082f31c73ccbe8a60afa8f88a9ef6dbf33d9fd2
2020-10-30Add two file firmware updateYoshie Muranaka1-22/+37
Adds the ability to upload separate Host and BMC firmware images through the GUI. By default, the two file firmware update page will be shown. Changes to the .env configurations will enable the single file upload page. The IBM env is configured to allow single file firmware update. Two file upload features: - File upload through local workstation or tftp server - Reboot from backup BMC image - Does not have ability to reboot from backup host image - Does not implement checks in GUI for host status, which is the same as what we have in phosphor-webui Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ibf2a2d9ffc3952dd5a5454c723350c61d9f91c3e
2020-10-26Make copy of single file firmware uploadYoshie Muranaka1-1/+1
Make a copy of single file firmware upload component and store in env directory. Update IBM router to use copied single file firmware components. Update IBM store module to use copied single file firmware store. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I046ce6c69a02b90400058866295b84c5435f5a4b
2020-10-19Update relative path imports to use '@' aliasSurenNeware1-2/+2
- Add '@/' instead of '../../../' Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: Ida1dc26f2bd62f38914a74b729ee8fd143c360ac
2020-10-07Add updated table stylesSukanya Pandey1-0/+1
- Refer below link for styles: https://ibm.invisionapp.com/share/D8O06PPE32B#/screens Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: I6dcc3b8d0fb7ef19388b5bfeaf87fce78725b638
2020-10-06Add stacked table style for small screenSurenNeware1-0/+1
- Add style to the stacked table type for small screen only. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I79fb44b20c8436df5734f89e60c98966c9c6a591
2020-09-11Change overview page critical event sort orderDerick Montague1-1/+1
- Set the table to sort by id rather than date to resolve confusion if date stamps are identical. In this use case, the id column will not be sorted correctly based on limitations in the framework. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I51ad712d34aea7da2a4152dfb695c16b5f94b453
2020-08-26Format date and time in event log tablesDixsie Wolmers1-1/+2
- Adds line break to format date and time in Event Logs and Overview event log table Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ib277a88b80115753bc74dc6dd21bf6a49eef101f
2020-08-21Add default empty table stateSurenNeware1-29/+26
-Add empty table state to High priority events table in Overview page and Processors table in Hardware status page. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I68b613cc181c2423c9a8769d26f218ff89a0c834
2020-08-13Add Firmware pageYoshie Muranaka1-2/+2
Adds ability to upload a fimware image by local workstation or TFTP. Also adds ability to reboot BMC from the backup image. - Add route definition, component view, and store for Firmware page - Get ActiveSoftwareImage location at /redfish/v1/Managers/bmc - Get backup by checking for an image id that is not the same as the active image /redfish/v1/UpdateService/FirmwareInventory - Switch running firmware image by making PATCH request to /redfish/v1/Managers/bmc Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I04450e5a170d374122908c4c0349ba3b6e93ed2c
2020-08-04Remove unnecessary style block from overview pageSurenNeware1-7/+4
- Remove text-transform from Overview Network style block. - This commit will not change the original state of value getting from backend by text transform. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I91db237cc0753e2dc477b2d324d745ea1e387c2b
2020-07-28Update Interface colorsDixsie Wolmers1-2/+1
Components affected by style guide gray pallete changes were updated from gray200 to gray100. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ib5b2cca55f2c7d1d6be49e8e64a10db6ef5e4524
2020-07-27Add ability to customize theme stylesYoshie Muranaka2-3/+0
Showcases how different themes/styles can be supported using .env variables. If an environemnt name is specified during the build process, an overrides file will be pulled in to allow modifications to color and font definitions. This commit includes possible style modifications with the openpower env name as an example. To see the openpower changes, add the variable definition VUE_APP_NAME="openpower" to your .env.development.local file or build using 'npm run build -- --mode openpower' - Moves helper imports into vue config to allow for specific import order - Removed helper imports in SFCs Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Iaf7a59c24fda06a7b74e23f2f042fb3300cb2056
2020-07-24Add table responsive layout and fix search icon visibilitySurenNeware1-2/+2
-Add responsive layout for all the tables. -Fix search icon visibility in search component. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: Ibb4f77cf322aeb3699b13ab6cbbdb6cc38efbdc4
2020-07-23Update global typographyDixsie Wolmers1-2/+2
Updated the following body, label, and heading styles to match new style guide: - Font sizes - Font weight - Line height - Color Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I014c968f6542b697fec8c3b9af781e64ac10794d
2020-07-21Update use of Sass variables for better themingYoshie Muranaka1-1/+1
Use Bootstrap color functions for theme-colors and grays instead of directly referencing Sass variable to allow more flexible theming. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Id08b77ff6df3bdf99400dcdfe964853706f1070f
2020-07-10Fix overview page server information bugDixsie Wolmers1-4/+8
The frontend displays "--" as the default state when static values are null. When backend returns an empty string for server model, serial number, manufacturer or firmware version, then return "--" to follow the current default state pattern. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ica0d864993d7124598c09c5bd33d0313d84059db
2020-07-09Add server LED switch calls to Overview pageYoshie Muranaka1-8/+28
The Overview page currently shows a static Server LED switch. It does not accurately display the IndicatorLED state. This commit will add ability to toggle the IndicatorLED value and accurately displays the current value. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I4fc9b18a0c87db421dfa73e51ecc472d0907d323
2020-07-06Add test hooks to overview pageDixsie Wolmers2-5/+11
- Adds data-test-id test hooks to simplify the xpath queries needed to set up automation testing - Adds standardized test hooks to all interactive buttons - Adds link to SOL console and network settings pages Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I4cb0f4c93cf14377af1fe6d18aa591678c739b45
2020-06-17Refactor Overview pageYoshie Muranaka1-7/+15
Use SystemStore to get Server information values on the overview page. Added missing properties to SystemStore and removed hostFirmware from FirmwareStore. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I5923adb0345f0de28f9a66f460e41d15f87f743a
2020-05-21Add Event log pageYoshie Muranaka1-2/+1
Add basic event log table with the ability to sort by column (ID, Severity, Type, Date) and filter by severity. - Updated existing translation for eventLog to eventLogs Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ic233593cc8804d9dcefb2b5740dfac3d52899b02
2020-05-21Update EventLogStore request to use RedfishYoshie Muranaka1-17/+18
Changes to WebSocketPlugin to dispatch event log GET request when new event interfaces are received. By re-fetching the Redfish logs the health status icon in the application header will always reflect the visible event logs. The plugin was previously only updating the header status, so it was possible for the header status and event logs to be out of sync. - Changed to use Redfish endpoint for event log GET request /redfish/v1/Systems/system/LogServices/EventLog/Entries - Update AppHeader Health status icon to reflect changes made with Redfish log Severity property Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I73a3a441dcbbb3a29ef9a51f961c062689cb5add
2020-05-05Add loading bar to Overview pageYoshie Muranaka4-26/+33
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I47ef77dda6b348c854e875aa458acfa44e287c49
2020-05-05Update Sass architecture to require helper importsDerick Montague2-0/+3
- 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-01Remove hostname D-Bus requestYoshie Muranaka1-2/+0
Hostname is available in NetworkSettingsStore using redfish api. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I26c26281ca8d9003d2daaed13d6bbd4db6ed700c
2020-04-25Update layout fluid prop to set max-widthYoshie Muranaka1-1/+1
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-08Add SSL Certificate expiration warningsYoshie Muranaka1-1/+4
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-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 Montague1-1/+1
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-06Move power control to redfishDixsie Wolmers1-12/+14
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-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-02-29Move Firmware version call to use RedfishDixsie Wolmers1-5/+6
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 Wolmers2-3/+9
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-26Update language json structureYoshie Muranaka4-39/+31
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-25Update overview events table and overview network layoutDixsie Wolmers3-56/+156
- 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-21Translate overview pageDixsie Wolmers3-27/+38
- 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 Muranaka1-2/+2
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-17Add Health status to app headerYoshie Muranaka1-2/+2
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-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 Wolmers1-1/+1
- 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-01-31Change eslint rules to use vue recommendedDerick Montague3-30/+30
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-29Revert "Update overview quicklinks with community approved design"Gunnar Mills2-84/+35
Merged accidentally. Did not have proper +1s/+2s. The author will resubmit. Apologies for the noise. This reverts commit 256f5b967beb1505cab73ce59f534b6b9860e38f. Change-Id: I2cc7f48565221742245613aee383541152e71096 Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
2020-01-29Revert "Change eslint rules to use vue recommended"Gunnar Mills3-30/+30
Merged accidentally. Although this one did have the proper +1s/+2s. The 2 underneath did not. The author will resubmit. This reverts commit 5e7ac49058e5dc37fd43ecf3c0d06f5dda14af5b. Change-Id: Iceb1de3a170cc0b592b183545c792aa3eb87bfee Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
2020-01-29Change eslint rules to use vue recommendedDerick Montague3-30/+30
- Ran npm run lint - Resolved eslint issues Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Icd433ca55321d8bceb941e2d13ebade72bd4981f