summaryrefslogtreecommitdiff
path: root/src/components
AgeCommit message (Collapse)AuthorFilesLines
2020-09-22Show total and filtered number of items in a tableSukanya Pandey1-0/+35
-The total number of items and the filtered items will be shown in the EventLogs, Sensors and HardwareStatus table. Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: I0ee6410bf675038a350a71a02ec076f9e8baf004
2020-09-15Refactor navigation componentYoshie Muranaka2-168/+179
We are anticipating necessary customizations to the app navigation for different environments. This refactoring will allow for a more programmatic approach. By abstracting the navigation into a JS object we can leverage the Vue mixin to isolate customizations while sharing a standard template and styles. There may be slight changes to data-test-id-* hooks. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I0d095acfee29cfdd4ce1094b860d754f45dc6db9
2020-09-09Add title attribute to all icon only buttonsDixsie Wolmers2-4/+18
- Title attribute allows action text to be displayed on hover - Carets in hardware status table will be addressed in a separate commit as part of Hardware status accessibility updates Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I58a85b6d244d1125f0b43c22d0bb456a36815097
2020-09-01Increase the global margin size for page sectionSurenNeware1-7/+1
- Increase the global margin bottom size to 4rem for the page section. - Kept same size for responsive sizes. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I155006a0ea9a7f6fd947d6daaea4510cadf641db
2020-08-28Add VirtualMedia pageMateusz Gapski1-0/+3
More info: https://github.com/openbmc/webui-vue/issues/7 Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com> Change-Id: I68f2074e77301c68c425f1e661988c751224b713
2020-08-28Add Intel themeMateusz Gapski2-5/+5
Add Intel fonts, colours Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com> Change-Id: Idbfa1422f2667515efb60e24f9a84b7d77d11fcd
2020-08-26Update page section heading to match style guideDixsie Wolmers1-1/+0
- Removes partial border below section heading Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ica98d171c16ebc694e0c8c816a161f94425a33b9
2020-08-25Add link to header logoDixsie Wolmers1-5/+7
- Adds link to app header logo that will redirect to overview Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ia17356ee89d732c30d681754d1c9c26c0ea6481b
2020-08-18Add form input field validation iconsDixsie Wolmers2-10/+3
Updates form validation to match updated style guide: - Datepicker and password toggle form field padding adjusted to accomodate validation icons - Valid form validation icon is hidden - Adds carbon icons and enables validation icons in IBM environment Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I7edff1e9527ad2c2cfec236daacb83ad4864d785
2020-08-14Remove date bug in event logs pageSukanya Pandey1-5/+15
- Before this commit the filtering on date for offset timing wasnt working. -After this commit the filtering on date for UTC as well for offset is working as expected. Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: Ib627ce944c269dfe52b2ac4fd5670786ec05bb1f
2020-08-13Add Firmware pageYoshie Muranaka1-1/+1
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-12Add info icon for informational alertSurenNeware2-5/+21
-Add new style carbon icon for informational alert -Change alert icon position from center to top Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: If32d712db16472ce9a78e04e5871d0b799bb5895
2020-08-12Add secondary variant to cancel buttonSurenNeware1-15/+1
-Update cancel button in table toolbar to match updates in style guide. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I43554a405259931c5e9187968464d286bfe811c7
2020-08-07Update Date and Time Settings to include UTC/offset labelDixsie Wolmers1-0/+14
Label updates allow the user to easily understand the expectation for entering time by using specific label text for "24 hour time" and removing parenthesis from the helper text as parenthesis are not needed to in the input field. UTC/offset is displayed based on user preference. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I41f98d9d16f0a4a81af39ce9b25768a1c0b89f08
2020-07-29Disable elements on page during loadingMateusz Gapski1-0/+7
Pages: Network settings, Date and time, LDAP, Manage power usage More details: https://github.com/openbmc/webui-vue/issues/15 Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com> Change-Id: I02c5aaff180a4ce445b7135403a169a8db3704da
2020-07-28Update Interface colorsDixsie Wolmers1-1/+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 extra margin to bottom of navigationYoshie Muranaka1-1/+1
Adding extra spacing between the last navigation item and the edge of the browser screen. The extra space makes the last item easier to view and click, on shorter screens or when all menu items are expanded. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I1776c8aa419480c568533baa92e60cc7d8a68bb0
2020-07-27Add application header test hooksDerick Montague1-8/+29
We are not able to easily pass the data attribute to the markup created by some of the Bootstrap-vue components. In these cases we are adding the data attribute to the parent container. Those elements will use the word container in the data attribute value. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I5f1cb43aaed9233415e9b7b9a7f71580f27f921d
2020-07-27Add ability to customize theme stylesYoshie Muranaka11-22/+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-24Use proper casing for data-test-id valuesDerick Montague1-9/+9
- Used hyphenated words instead of camelCase to represent multiple words Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I66a18adb3b00f642861201b353f9c0051cea4bb7
2020-07-24Add test hooks to primary navigationDerick Montague1-21/+82
The button elements will be labeled using the word button. The data attribute for the anchor elements will be added to the parent container and will use the word container in the data attribute value. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I7967b3ac659b1363a07b7686b874cf044a1a48ad
2020-07-24Add table responsive layout and fix search icon visibilitySurenNeware1-0/+1
-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 Wolmers3-8/+1
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-23Overlapping search box and toolbar with selected rowsMateusz Gapski1-0/+1
More details: https://github.com/openbmc/webui-vue/issues/19 Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com> Change-Id: I6c84f979baa1d381c8ae62781a2607d3de63169a
2020-07-23Add the updated icons for critical and exportSukanya Pandey1-2/+3
-the critical icon in the header and tables. -the export icon in the event log page. Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: I5b3beedb8339ba6e6bbd34b43ea7698fc44f9e42
2020-07-23Fix browser warning of non-unique id on Hardware pageYoshie Muranaka1-3/+4
Adds a unique id to the global search component. The search component has an id attribute. When it is reused on the same page, like Hardware status, the id is no longer unique within the document. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I1226aa9da69b90b9a7da9ed3d053fde020babcc0
2020-07-22Intel environmentMateusz Gapski1-2/+13
add environment for Intel add logo as a placeholder Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com> Change-Id: Iad1ef66ef73e7f9e0857122cc29729543cbf6682
2020-07-22KVM consoleMateusz Gapski1-0/+3
- The kvm console with using novnc library Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com> Change-Id: Icfb7643595d8c17231ca3671753d6de971525bd3
2020-07-22Add slot for an optional action in Alert componentYoshie Muranaka1-1/+4
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ia2891eaf6e22c367d3080a9a3cb2eff0a27563bf
2020-07-21Update LoadingBar componentDixsie Wolmers1-0/+2
Adds "striped" and "animated" prop to loading component to improve user experience when saving or loading on a page. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ie1c3c253172486a5915cdc79952271bad846cfde
2020-07-21Update use of Sass variables for better themingYoshie Muranaka5-17/+17
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-17Add test hooks to TableFilter componentYoshie Muranaka1-1/+7
Adding standardized test hooks to filter dropdown component, nested checkbox options and clear all button. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I46d7166f35eb51ebf5eb6a136266591884e93324
2020-07-17Refactor global TableFilter component and mixinYoshie Muranaka2-17/+64
Add key property to TableFilter component to make sure filtering is based on specific row property. Previously, the table filter was checking all row properties for matches. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I589886a0d487ac3ab8def585cc7286e61992afdb
2020-07-10Add date and time settingsDixsie Wolmers1-0/+3
Adds ablity to change date and time manually, or configure using NTP servers. - If NTP is selected, user is required to enter at least one NTP address - Date and time are ISO formatted Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I0d67c80487fdd815eacc3539ccd702b23618260e
2020-07-09Add code for Serial Over LANSukanya Pandey1-0/+3
- The output of serial connection of the hosts on the workstation terminal. - The library used is xterm which will provide the terminal to show the data. Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: I6000cae42f237fffe216e2079cf2a6c39db236fd
2020-07-02Resolve LoadingBar accessibility issueDerick Montague1-5/+6
- Add an aria-label to the b-progress-bar component to meet accessibility guidelines - Nest b-progess-bar component in b-progress component in order to add aria-label to the correct element Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I3b7d23026d4bcdb607fdbad24170e38116a7eb8a
2020-07-01Resolve hidden focus within closed navigationDerick Montague1-1/+2
When the primary navigation is closed a keyboard user can still tab into the menu. This can be confusing since the user can not visibly determine what element as focus. This occurs because we chose not to hide and show the menu. This simplifies the solution for users relying on assistive technology. This change will show a keyboard user the navigation when they tab into it. This removes any confusion of where the user's keyboard focus is without having to complicate the solution used for assistive technology users. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I17fa9f257610c3c40844660b341ccc6af2ee3b4e
2020-06-26Add test hooks to event logs pageYoshie Muranaka1-0/+1
- Add data-test-id test hooks to simplify the xpath queries needed to set up automation testing - Reduce the possibility of breaking automation tests when/if pages are updated Adds test hooks to table checkboxes, batch action delete button, inline row delete button. Will add hooks to table filter dropdown separately, because the component needs refactoring. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I84fef897bbe29ea410a3b7d663828ddd7c91aa88
2020-06-26Update Sensors page to use table mixinsYoshie Muranaka1-0/+2
- Add number formatting to TableDataFormatter mixin - Use TableDataFormatter mixin to show different status icons for sensor status (OK, Warning, Critical) - Use TableSortMixin to sort by status (OK, Warning, Critical) Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I99899bbc19db3529f0fdfe34be30b09d41456b42
2020-06-26Fix Search component default prop validationYoshie Muranaka1-1/+1
Changed placeholder prop validation to use a regular function instead of an arrow function to fix undefined errors where 'this' is undefined. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I315542aae3d53a169767fda0407d8379d1b13027
2020-06-24Responsive Site HeaderSurenNeware2-9/+50
- Changed Header shortcut menu Icon position - Fixed Media devices responsive layout Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I817d8f11d9fb720bb9e37f4a136cb19305144228
2020-06-18Update TableDataFormatter filenameYoshie Muranaka1-2/+2
Changed TableDataFormatter to TableDataFormatterMixin to be consistent with other Mixin files. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Iae6528deda3099cf730150164739ee2fb64bbfe3
2020-06-18Add BMC manager table to hardware status pageYoshie Muranaka1-0/+3
Add properties at /redfish/v1/Managers/bmc endpoint in a table with expandable row to view details. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ieb32a9b2a535ddd7d24edcb68761c51eace2e5a8
2020-06-18Add DIMM slot table to hardware status pageYoshie Muranaka1-1/+1
Add items at /redfish/v1/Systems/system/Memory endpoint to DIMM slot table. The table is sortable and has a row expansion to view details. The code is currently missing most properties needed to match the design. This table will need to be revisited when all properties are available. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I07cacf3403fe84431cb9fe0e4315069fc7baf27d
2020-06-17Profile settings pageSukanya Pandey1-49/+67
-To set the profile by setting password. -This commit adds a profile page which allows the user to change their password. In the future, the profile page will also contain user settings like language and timezone. The API called to change the user's password is '/redfish/v1/AccountService/Accounts/<userName>' Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: Ie54a54beff8c85bc9ac5af21c35edc481b34cf44
2020-06-17Add power supplies table to hardware status pageYoshie Muranaka1-0/+11
Adds items at /redfish/v1/Chassis/chassis/Power endpoint in Power supplies table. Table is sortable and has a row expansion to view details. - Table sort mixin to reuse sort method for status values Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ib2953ad06be3fa25e9dbbbed34e37d09154431f5
2020-06-17Add Hardware status page and system tableYoshie Muranaka2-1/+26
Adds ability to see system information in table format with a row expansion details view. Modified tables styles to add table borders. Created global mixin for table data formatting: - Show '--' for undefined or empty string values - Map Redfish health status options to status-icon values Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I5b45c37997647f5a265c1e84eb53f0b51699ee20
2020-06-13Add date filter on Event logs pageYoshie Muranaka2-0/+195
Created global TableDateFilter component that uses the BootstrapVue Datepicker with a native text input. This will allow users to manually enter a date in ISO format or use the Bootstrap calendar dropdown. Storing language preference from Login to use locale prop on BootstrapVue Datepicker component. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I66de9fb04451572c9a90f90d8522934b6204aed2
2020-06-12Global Search componentSurenNeware1-0/+64
Added global Search component to Sensors page. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I3121cc4e582c782fa7e9937738cefbeddc23610e
2020-06-10Add batch actions and row action to Event LogsYoshie Muranaka1-18/+48
Adds ability to export and delete event logs by row or in a table batch action. - Modifications to TableRowAction component to allow single row export functionality Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ica50dd0868ac85cc2d6925a9448858b40da9c529