summaryrefslogtreecommitdiff
path: root/src/components
AgeCommit message (Collapse)AuthorFilesLines
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
2020-06-10Add pagination to Event Log tableYoshie Muranaka1-0/+37
Created BvPaginationMixin for shared pagination values and methods. Chose to use exising BoostrapVue components as-is instead of wrapping in a custom component since it would add unnecessary complexity. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I246d761d90db36efeb442b0ee1074b629d32edef
2020-06-05Add network settings pageDixsie Wolmers1-1/+1
- Adds ability to configure newtowrk settings by selected ethernet interface - Default gateway is currently unavailable in redfish, to work around, grabbed gateway from first static ipv4 configuration and assigned to new static ipv4 configurations - Adds ability to add, modify and delete static ipv4 configs - Adds ability to add, modify and delete static dns - Adds ability to edit gateway, hostname and mac address - Form validations include regex for ip, mac address, and hostname - Language translations to be addressed in separate commit - Enabling DHCP and configuring DHCP settings to be addressed in separate commit Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I122034ae0ef3a8c08e5599ee3eca66e8d0d59f67
2020-06-02Add link to app header status iconsDixsie Wolmers1-2/+2
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Id7a303c415778351089786e894c42770e1810d01
2020-05-21Add Event log pageYoshie Muranaka1-2/+2
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-21Remove focus outline from navigation itemsYoshie Muranaka1-0/+5
Removing outline from app navigation to allow for custom Bootstrap box-shadow focus styles. Explicitly set outline property to none to override default user agent styles. Needed to apply to <li> and <a> (nav-item and nav-link). Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Iaf70215c68b91fd03f595487a30e93e024c12a1d
2020-05-21Update EventLogStore request to use RedfishYoshie Muranaka1-3/+3
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-21Add manage power usage pageSukanya Pandey1-1/+1
-The page is used to control the power. -Maximum power can be set between 1 to 10000. -The API used to get and set the power limit:/redfish/v1/Chassis/chassis/Power Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: I1cab4876e9149d92de75014d7680ac11410ca4fe
2020-05-20Add ServerLED pageSurenNeware1-1/+1
Added ability to turn on/off Indicator LED. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: Ia59eb0214530906dea840ff18ff22fc913870bb9
2020-05-16Add Redfish mapping for quiesced and dignostics modeYoshie Muranaka1-0/+2
- Add yellow warning icon Power status in app header for diagnostics mode Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I8a0f18139da2a29f4bcc4025db3aada158f86026
2020-05-05Import sass helpers to LoaderBar componentYoshie Muranaka1-0/+2
Fixes errors when trying to access Sass variables in LoaderBar component. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I9aa4baa2c1725a62bdbad36a5bda342563090b0a
2020-05-05Use Jest as the test frameworkDerick Montague1-0/+1
- Remove mocha, chai, sinon and setup.js - Add snapshot test to ApplicationHeader spec and remove skip nav link test - Add an update snapshot test that can be run if a page changes and the snapshot needs to be updated - Remove tight coupling of application structure and test in ApplicationHeader spec We are changing to Jest for a few reasons: 1. Jest is the testing framework used by most Vue applications and has robust documentation 2. It requires less configuration and works out of the box 3. It includes the ability to perform snapshot testing of rendered UI, which is much easier to maintain than trying to test specific UI elements. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I7bca3613991ebae1fd464fa3a60f079d044ed7b4
2020-05-05Update Sass architecture to require helper importsDerick Montague8-0/+16
- 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 Muranaka2-1/+37
- 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 Muranaka3-1/+110
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-04-25Add LDAP pageYoshie Muranaka1-1/+1
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-21Create TableFilter componentYoshie Muranaka2-0/+116
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
generated by cgit v1.2.3 (git 2.39.0) at 2024-07-03 23:58:16 +0300