summaryrefslogtreecommitdiff
path: root/src/views/Overview
AgeCommit message (Collapse)AuthorFilesLines
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
2020-01-29Update overview quicklinks with community approved designDixsie Wolmers2-35/+84
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ia748182f6a6bf8d7dc87e2f367f02c0528ecf441
2020-01-29Fix linting in script blocks in vue filesDerick Montague3-23/+23
- Removed the .eslintrc and added the pretteri rules to the eslintrc file - Ran `npm run lint --fix` Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I4e36c1967ae9b4d839ef88f1d47ffa20ab4e4991
2020-01-29Add store modules needed to support overview viewDixsie Wolmers3-117/+98
- Update overview page to get data from store Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Id2fcad660efc0da5c7b878e872355bf5773c7ed7
2020-01-28Add page level layout componentsYoshie Muranaka1-14/+14
Adding components to help standardize type, size, spacing for common elements on a page. Also removed a conflicting class name and added modifications to the main container. The main container needed a min-height and height value set, which became apparent with added background color. Adding a background color will move us closer to agreed design solution to add a subtle background color instead of adding a border to separate main content from left hand navigation. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ie63c4f0c0f3fd199fa0ca790065402e06a613691
2020-01-27Add singlequote override and fix filesDerick Montague1-1/+1
Based on phosphor-webui and JavaScript common practices we are setting ESLint to required single quote for JS files and double quote for SCSS files. This commit adds the ESLint override to the prettier rules and runs the npm lint script that fixes the files that violate the rule. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I50cba77b2d0797595ce94258029608efa8665005
2020-01-23Rename overview files and update structureDerick Montague3-2/+4
- Changed Home to Overview - Changed Events to OverviewEvents - Added an index.js to make importing cleaner Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ia2b3938dadd7d896e83b29532db069b17b9b9929
2020-01-22Add system overview viewDixsie Wolmers3-0/+254
- Sets up system overview layout with out of the box Bootstrap - Creates overview quick links and overview events - Add Date-FNS Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Id0a3d4d3b82ef2e1a4f838b3c7e725558e602504