Latest revision as of 11:28, 24 December 2025

Introduction to MIB React

MIB is the main management tool in TV Open Platform. It allows the operator to manage the entire platform: configurations, parameters, users, commercial offer, contents and much more. In this new version, the tool has been completely redesigned in terms of user experience, adding a new design based on Google's material design and new features such as Edit in Lists, Bulk Edit, and more.

What's new in this version?

Renewed UI
Favorite search filters
Search history
Bulk Edit
Clone items
Edit in lists
Lists columns management
Favorite and History menu navigation

MIB React commons

User Login page

User login page

This page that allows you to authenticate in MIB with your credentials before entering in the system.
You will be requested to type the username and password fields; If the login and password match, the login will be successful and you will be logged and go to your MIB home page. The login request are sent in a secure way, through POST and HTTPs, hiding the user login and password from a third party.

There is also a Keep me logged in checkbox to allow the browser to remember the token and allow you to maintain logged for longer time, until the session expires or you perform logout.

Captcha is requested when the user has typed the password wrong several times

Wrong user/password
When you type a wrong username and/or password, MIB will show an an error alert with a message specifying the source of the error. You will be able to try again in case you made a mistake.

Captcha validation
A Captcha will be shown after several unsuccessful login attempts (up to 5). Then you will have then to fill the captcha field with the correct code or the login will continue failing even if the password is correct. This is done to avoid computer brute force attacks.

Dialog to type a new password when it has expired

Password expiration
Some users might have configured password expiration (see MIB User Management) during user provisioning. In that case, you will be requested to change their password every 60 days.

When your password has expired, you will be prompted upon a correct login request with a dialog to type the new password. Then you will have to provide the old password and the new password twice. If the new passwords mismatch or the old password is wrong, MIB will show an error.

Also, the new password will have to follow a determined regex patter (which is defined in a configuration file). Currently, the password must be at least 8 chars long and must contain at least one capital letter, one number and one special character.

Forgot your password?

Forgot my password
In case you have forgotten your password, there is a password retrieval option in the login page, that will allow you to request a recovery email containing a secure link to generate a new password for you.

To do this, you will have to type in the same email that is associated to your account and press Send recovery email button. Then a new [File:PasswordRecoveryEmailSent.png|menu] will be shown asking you to type the same email that was associated to his account and a password retrieval email will be sent.

In the password retrieval email, you will get a link that will take him to a password recovery page where will be able to type in a new password. Once the password has been typed correctly (twice), your password will be changed to this new password provided.

User Profile page

This page allows you to manage the information and settings associated to your account, update your profile picture or change your password.

To access this page, go to the top-right corner of the page; under the profile picture there is a drop down menu and then select the Edit Profile option.

In this page, you will be able to perform several actions. Once done, press button to apply your changes.

User Profile page

Update profile picture
Allows you to provide an updated profile picture. Hover on the current picture to select a new one.

Update user information
Allows you to update your Full Name, Email (required for password retrieval), Company and Timezone.

Change password
Allows you to change your password. For this, you will have to provide your current password and the new password twice.

Allows you to logout from MIB3.

Allows you to go back to MIB3.

Main Menu

The main menu is a collapsable menu that can be accessed by clicking in the top left corner of the page
The menu can be hidden by clicking again in the top left corner of the page

Main Menu

Once open, it shows the different menu items. You can navigate over the different menu items and expand 25px or collapse 25px them to access sub-menus that are contained in the main categories. You will only be able to access to those menus where you have permissions
The complete list of menu items can be found in the MIB pages section.

Search Menu Bar
It allows you to search for specific menu items without having to navigate to them. Just type in the bot the menu name and the different menus that match your search will be returned.

Home
The Home menu allows you to easily go to your MIB home page. For now, this page will be a pre-configure page associated to your profile, but in the future will be replaced by a custom home page with some useful information and statistics.

Recent
The Recent menu item allows you to browser over the last five menus that you have recently visited. To navigate back to any of them, just click on them and you will be redirected.

Favorite Menus
The Favorite Menus item allows you to browser over your favorite menus. The user is able to favorite and unfavorite menus by clicking in the favorite star next to the menu title in the Navigation Bar. If no page was added as Favorite, this option stays hidden in the Menu.

List Pages

When you access to a menu, you will first arrive to the List Page, where you will be able to browse over the menu items you have access to (for example, the list of movies). The access to the different items on the list is controlled through the Source field. You will only be able to access those items that belong to the Sources where you have access.

Main Menu

In this menu, you are able to do several actions which are described in the following sections.

Paging

The items displayed in list are divided in pages. At the bottom of the screen you have different information that allows you to navigate over the different pages:

Current page and total number of results

Jump to page action

First you can check the total number of items that this page has and the current page you are in.
Also, you are able to select the number of results that will be returned per page, allowing you to select between 10 and 250 results per page. You can also jump to a specific page number. Just type in the page number and hit Enter.
You can also move between the different pages using the page navigation bar, where will be highlighted the current page number you are in:

Click on the < button to go to the previous page
Click on the > button to go to the next page
Click on any of the Page numbers to jump directly to that specific page.

Page Navigation bar

Simple Search

The Simple Search allows you to search elements that match one of the columns of the menu. It only allows to search over the columns that are currently displayed.

Simple Search Bar

In order to perform a search:

First select the field/column you want to search in
Second select the operator. The operators available will vary depending on the data type of the column you are searching in.
- Numeric and date fields have: Equal, Not Equal, Greater Than, Greater or Equal than, Less Than, Less or Equal than.
- Text fields have: Like, Equal, Not Equal, Starts with, Ends with.
Introduce the search term and click button or press Enter.

Simple Search Filters

Every simple search is now converted into a Filter, which can be edited or Saved. You can also add additional filters, converting this into an Advanced Search.

To remove the search filter, click on Clear All Filters link.

Advanced Search

Advanced Search menu

The Advanced Search now is integrated into the list. Whenever you perform a Simple Search, a filter is automatically created. This filter can then be edited. You can also add new filtesr, stacking up the conditions that must be met to display the content.

To create an Advanced Search filter:

Click on the button to add a new condition.
First select the Media Type (data table) where you are going to search in. In this version, only the current table can be searched in.
Second select the Field/Column you want to search in.
Then select the Condition/Operator. The operators available will vary depending on the data type of the column you are searching in.
- Numeric and date fields have: Equal, Not Equal, Greater Than, Greater or Equal than, Less Than, Less or Equal than.
- Text fields have: Like, Equal, Not Equal, Starts with, Ends with.
Now introduce the search term.

You can add as many conditions as you want. You can also remove any of them.

At the left side of the current filters, you can select if you want to search in All (AND) or Any (OR).
You can save the searches that are performed regularly.

Saving an Advanced Search

Filters

Edit columns menu

The button allows you to access a new session present in all Lists. From there you can manage the Columns Visibility, Access Saved Filters and the most recent Search results.

Saved filters

Manage saved filters

The saved searches can be recovered under the Saved filters options on the Filters menu.

Saved searches Menu

From there, you can load a saved filter, share it with other users or delete it.
Once the filter is loaded, you can edit it and save it under another name.

Columns view

Under the Columns View option, you can toggle the visibility of the columns and reorder how they are displayed in the list. If the number of columns exceeds the width of the page, an horizontal scroll will be added that will allow you to navigate to all the columns of the list

Hidden: The column will not be displayed

Visible: The column will be displayed

Use this to drag and drop the different columns and define a custom ordering of the columns you want to be displayed.

Setting are automatically saved in your user profile, so the next time you enter in the page, you will have your preferred ordering.
If you want to revert back the default columns configuration, click on the Default view link.

Search history

From this option you can reapply the filters from a previous performed search, delete it or share it with other users.

Recent search

Sharing the search will provide a link that can be sent to other users. Only the filters will be shared, since the results from that search may be affected by the permissions (Sources, Lists) of the receiving user.

Recent search

Export to TSV

Export to TSV options

Notifications panel

The button allows to export the data being displayed in the list to a TSV file. You can select between two options:

Export current page: will generate a TSV file with the current page results.
Export all pages: will generate a TSV file with all the pages.

Once selected, the TSV file will start generating in background.

MIB will notify you when the files have been generated through a notification .
Click on the notification to download the TSV file.

Edit in list

One of the in MIB React version is the possibility of performing edition of data in lists, without having to go to the edit page. Only some of the pages have Edit in list feature enabled. Please visit the different MIB pages to review which pages have this feature enabled.

To edit an item in a list, hover on any of the fields that you want to edit. A different background color will indicate that you can edit that field.

Click on the field and you a prompt will open where you can type or select the new value. When finished, press Save to finish the edition or Close to cancel the operation.

Add New item

By clicking on the button, you can create a new item. You will be taken to the Edit page to create a new item.

Edit

By clicking on the ID link or the Edit button , you can edit an item. You will be taken to the Edit page to modify that item.

Bulk Edit

You can also edit several items at the same time, it is called Bulk Edit. To do it, select more than one row and click on the button. You will be taken to the Bulk Edit page to edit all the selected items at the same time.

Select several rows for accessing Bulk Edit

Delete item

You can also delete any row items by clicking on the delete button .

Refresh list

In case you want to refresh the page results, click on the button and the page will be loaded again.

Edit Page

In the edit page you will be able to review all the element information as well as related blocks. You can easily navigate over the different blocks using the Quick Access menu.
Note: If you are not able to see the Quick Access Menu, zoom out your browser to adjust the screen resolution.

Example of an edit page

You can create a new entry or edit an existing one. When editing, some fields are read only and some of them are not.

Editable Field

Non-editable Field

There are several actions that can be done on the edit page.

Create

To create a new entry, you will have to fill in all the mandatory data.

Save

Once you have finished modifying an element, you can use the button to apply changes.
MIB will perform some validations before submitting the data, such as:

Mandatory fields: all the required fields have to be filled in.
Specific page validations: some pages might have specific validation rules. Example: a movie cannot be saved without medias.
Specific block validations: some of the relateds blocks might have specific validation rules.

If any of these validations fail, an error will be displayed indicating the reason.

Save validation error

Otherwise, the modifications will be applied and the element will be saved. A confirmation message will be displayed after that.

Save success confirmation

Delete

In some of the pages, it is possible to use the button to remove an element. MIB will ask you for confirmation before removing the item.

Copy

The copy button will create a new entry copying all the basic fields, excluding the related blocks information.

Copy with Relateds

The copy with relateds button will create a new entry copying all the basic fields and the related blocks.
For the related blocks, copy with relateds will behave differently depending on the type of block:

Do not copy: the related block data will not be copied.
Use same IDs (Shallow Copy): the related block data will be copied pointing to the same items than the copied one. It will just copy the relationship.
Copy objects (Deep copy): the related block data will be copied pointing to the new items copied. It will clone the items that were linked to the source element and will link them to the new element.

Bulk Edit Page

This page allows you to edit several items at the same time. To do it, you just have to select those fields and block you want to be modified.

Modify a field
Once you select a field in Bulk Edit, you will be able to modify it. Take into account that those fields that cannot be Edit in normal Edit mode, it cannot be modified here also.

Modify a related block

1. Select the related block you want to modify for all the Bulk Edit elements.
Note: not all the blocks will be available in the Bulk Edit page because there are some modifications that are not safe.

2. After that, select the elements you want to be added/removed.

Then select what action you want to do from the drop down list:

Add to existing: All the items you select in the block will be added to the existing ones.
Find and remove these: All the items you select in the block will be removed if they exist in any of the bulk edit elements.
Clear all: It will clear all the related block entries in all the bulk edit elements.
Replace all with: It will clear all the related block entries and replace them by the ones that are selected in the block.

Apply changes
Once finished editing, press button and changes will be applied.

Content Workflow

Metadata Validation Area

Metadata

Metadata Validation Rules

Metadata Validation Results

Importer

Importer Errors

Importer Schedules

Blackouts

Blackout GRC Areas

TVOpen Blackouts

Commercial

Subscription

Commercial Offer

Commons

Edit History Dashboard

Page History Dashboard

User History Dashboard

Applications

APPs

APPs Categories

EPG Sports

Sports Tournaments

Sports Teams

Games

@@ Line 157: / Line 157: @@
 #* Text fields have: Like, Equal, Not Equal, Starts with, Ends with.
 # Introduce the search term and click [[File:SimpleSearchButton.png|middle|20px]] button or press Enter.
-<br clear=all><br />
-[[File:SimpleSearchFilters.png|600px|center|thumb|Simple Search Filters]]
+[[File:SimpleSearchFilters.png|900px|center|thumb|Simple Search Filters]]
 Every simple search is now converted into a Filter, which can be edited or Saved.
 You can also add additional filters, converting this into an Advanced Search.
@@ Line 166: / Line 166: @@
 <br clear=all><br />
-=== [[File:AdvancedSearchMib3.png|middle|40px]] Advanced Search ===
+=== Advanced Search ===
-[[File:MIB3_AdvancedSearch.png|500px|right|thumb|Advanced Search menu]]
+[[File:MIB3_AdvancedSearch.png|800px|center|thumb|Advanced Search menu]]
-The Advanced Search menu can be accessed clicking the [[File:AdvancedSearchMib3.png|middle|25px]] button. It allows you to create advanced search filters by several search terms over any of the columns available in the menu.<br />
+The Advanced Search now is integrated into the list. Whenever you perform a Simple Search, a filter is automatically created. This filter can then be edited. You can also add new filtesr, stacking up the conditions that must be met to display the content.<br />
 To create an Advanced Search filter:
-# Click on the [[File:AddMib3.png|middle|25px]] button to add a new search query.
+# Click on the [[File:ButtonAddFIlter.png|middle|108px]] button to add a new condition.
 # First select the Media Type (data table) where you are going to search in. In this version, only the current table can be searched in.
 # Second select the Field/Column you want to search in.
@@ Line 177: / Line 178: @@
 #* Text fields have: Like, Equal, Not Equal, Starts with, Ends with.
 # Now introduce the search term.
-You can add as many search queries as you want. You can also remove any of them by clicking on the [[File:DeleteRed_3.png|middle|25px]] button. <br />
+You can add as many conditions as you want. You can also remove any of them. <br />
-Once finished, you can select if you want to search in '''All (AND)''' or '''Any (OR)'''. Then click in the '''Run Advanced Search button''' to execute the search.
+At the left side of the current filters, you can select if you want to search in '''All (AND)''' or '''Any (OR)'''.
 <br clear=all>
-[[File:MIB3_AdvancedSearch_History.png|500px|left|thumb|Advanced Search History Menu]]
+You can save the searches that are performed regularly.<br />
-A new feature in MIB 3 is that you can access to your search filters history for the page and run any of the already execute search filters, favorite a search filter and remove them.<br />
+[[File:AdvancedSearchSave.png|400px|center|thumb|Saving an Advanced Search]]
-<br />
-'''Run past search filter'''<br />
-:: 1. Navigate over the different search filters in your history.
-:: 2. Select the filter and press '''Run This Advanced Search''' button. The search will be executed.
-'''Favorite search filter'''<br />
-:: 1. Navigate over the different search filters in your history.
-:: 2. Click on the favorite icon  [[File:FavoriteSearch Icon.png|middle|25px]]
-:: 3. Provide a name for the search filter and accept. The filter will be saved in your favorites list.
-'''Edit search filter'''<br />
-:: 1. Navigate over the different search filters in your history.
-:: 2. Click on the [[File:EditMib3.png|middle|25px]] button. It will take you to the Advanced Search edit area so you can modify the filter.
-'''Delete search filter'''<br />
-:: 1. Navigate over the different search filters in your history.
-:: 2. Press the [[File:DeleteRed_3.png|middle|25px]] button and the filter will be removed from your history.
 <br clear=all>
-[[File:MIB3_AdvancedSearch_Favorites.png|500px|right|thumb|Edit columns menu]]
-You can manage your favorites from the Advanced Search Favorites menu. Here you can review your favorite filters for the current page and edit your favorites list.
-<br />
-'''Run Favorite Search'''<br />
-# Navigate over the different favorite search filters.
-# Select the filter and press '''Run This Advanced Search''' button. The search will be executed.
-'''Remove from favorites'''<br />
-# Navigate over the different favorite search filters.
-# Press the [[File:DeleteRed_3.png|middle|25px]] button and the filter will be removed from your favorites list.
-'''Modify favorite filter'''<br />
-# Navigate over the different favorite search filters.
-# Press the [[File:Copy3.png|middle|25px]] button and the search filter will be open and you will be able to modify it, run it or update it.
 ===[[File:EditColumsMib3.png|middle|40px]] Filters ===
-[[File:Mib3ColumnsEdit.png|250px|right|thumb|Edit columns menu]]
+[[File:Mib3ColumnsEdit.png|250px|center|thumb|Edit columns menu]]
 The [[File:EditColumsMib3.png|middle|30px]] button allows you to access a new session present in all Lists. From there you can manage the Columns Visibility, Access Saved Filters and the most recent Search results.
 </br>
+==== Saved filters ====
+Manage saved filters
+<br clear=all><br />
+The saved searches can be recovered under the Saved filters options on the Filters menu.
+[[File:AdvancedSearchSave2.png|800px|center|thumb|Saved searches Menu]]
+From there, you can load a saved filter, share it with other users or delete it.
+<br />
+Once the filter is loaded, you can edit it and save it under another name.
+<br clear=all><br />
 ==== Columns view ====
 Under the Columns View option, you can toggle the visibility of the columns and reorder how they are displayed in the list. If the number of columns exceeds the width of the page, an horizontal scroll will be added that will allow you to navigate to all the columns of the list<br />
@@ Line 227: / Line 209: @@
 <br clear=all><br />
-==== Columns view ====
+==== Search history ====
-Manage saved filters
-<br clear=all><br />
-==== Recent search ====
 From this option you can reapply the filters from a previous performed search, delete it or share it [[ File:SearchShare.png|30px]] with other users.
 [[File:RecentSearch.png|500px|center|thumb| Recent search]]
@@ Line 252: / Line 229: @@
 <br clear=all>
-===  [[File:EditMib3.png|middle|40px]] Edit in list ===
+===  Edit in list ===
-One of the new features in MIB React version is the possibility of performing edition of data in lists, without having to go to the edit page. Only some of the pages have Edit in list feature enabled. Please visit the different [[#MIB 3.0 pages|MIB pages]] to review which pages have this feature enabled. You can also know Edit in List is enabled because you will be able to find a [[File:Save3.png|middle|25px]] button in the right top of the list page.<br /><br />
+One of the in MIB React version is the possibility of performing edition of data in lists, without having to go to the edit page. Only some of the pages have Edit in list feature enabled. Please visit the different [[#MIB React pages|MIB pages]] to review which pages have this feature enabled. <br /><br />
-To edit an item in a list, hover on any of the fields that you want to edit. An edit icon [[File:EditIcon.png|middle|20px]] will appear indicating that the you can edit the field. Otherwise, a forbidden icon will appear, indicating that that you cannot edit that field.
+To edit an item in a list, hover on any of the fields that you want to edit. A different background color will indicate that you can edit that field.
 [[File:EditInList1.png|900px|center]]
 <br />
-Click on the edit icon [[File:EditIcon.png|middle|20px]] and you will be able to edit the field. When finished, press Enter or click outside the edit area.
+Click on the field and you a prompt will open where you can type or select the new value. When finished, press Save to finish the edition or Close to cancel the operation.
 [[File:EditInList2.png|900px|center]]
-<br />
-The field will be highlighted, indicating that the field has been modified. Continue editing more entries.<br />
-Once finished editing, press [[File:Save3.png|middle|25px]] button and changes will be applied.
-[[File:EditInList3.png|900px|center]]
 <br />
 <br />
@@ Line 300: / Line 273: @@
 There are several actions that can be done on the edit page.
-=== [[File:New3.png|middle|40px]] Create ===
+=== Create ===
 To create a new entry, you will have to fill in all the mandatory data.
 <br />
+=== Save ===
-=== [[File:Save3.png|middle|40px]] Save ===
+Once you have finished modifying an element, you can use the [[File:Save3.png|middle|70px]] button to apply changes.<br />
-Once you have finished modifying an element, you can use the [[File:Save3.png|middle|25px]] button to apply changes.<br />
 MIB will perform some validations before submitting the data, such as:
 * Mandatory fields: all the required fields have to be filled in.
 * Specific page validations: some pages might have specific validation rules. Example: a movie cannot be saved without medias.
 * Specific block validations: some of the relateds blocks might have specific validation rules.
-If any of these validations fail, an error will be displayed indicating the reason. You will be able to navigate over the different errors with the up&down arrows in the error notification.
+If any of these validations fail, an error will be displayed indicating the reason.
 [[File:SaveValidationError.png|center|450px|thumb|Save validation error]]
 <br />
@@ Line 319: / Line 291: @@
 <br />
-=== [[File:Delete3.png|middle|40px]] Delete ===
+=== Delete ===
-In some of the pages, it is possible to use the [[File:Delete3.png|middle|25px]] button to remove an element. MIB will ask you for confirmation before removing the item.
+In some of the pages, it is possible to use the [[File:Delete3.png|middle|26px]] button to remove an element. MIB will ask you for confirmation before removing the item.
 <br />
-=== [[File:Copy3.png|middle|40px]] Copy ===
+=== Copy ===
-The copy button [[File:Copy3.png|middle|25px]] will create a new entry copying all the basic fields, excluding the related blocks information.
+The copy button [[File:Copy3.png|middle|37px]] will create a new entry copying all the basic fields, excluding the related blocks information.
 <br />
 === [[File:CopyWithRelateds3.png|middle|40px]] Copy with Relateds ===
@@ Line 347: / Line 318: @@
 '''Modify a related block'''<br />
-[[File:BulkEditRelated.png|center|800px]]
+[[File:BulkEditRelated.png|center|386px]]
 . Select the related block you want to modify for all the Bulk Edit elements.<br />
 Note: not all the blocks will be available in the Bulk Edit page because there are some modifications that are not safe.<br /><br />
@@ Line 362: / Line 333: @@
 '''Apply changes'''<br />
-Once finished editing, press [[File:Save3.png|middle|25px]] button and changes will be applied.
+Once finished editing, press [[File:Save3.png|middle|70px]] button and changes will be applied.
 <br />

Difference between revisions of "MIB Manual page"

Latest revision as of 11:28, 24 December 2025

Contents

Introduction to MIB React

MIB React commons

User Login page

User Profile page

Main Menu

List Pages

Paging

<img alt="SimpleSearchButton.png" src="/gvp-public/images/b/b7/SimpleSearchButton.png" decoding="async" width="40" height="40" style="vertical-align: middle" data-file-width="40" data-file-height="40"> Simple Search

Advanced Search

<img alt="EditColumsMib3.png" src="/gvp-public/images/a/a6/EditColumsMib3.png" decoding="async" width="40" height="40" style="vertical-align: middle" data-file-width="23" data-file-height="23"> Filters

Saved filters

Columns view

Search history

Export to TSV

Edit in list

Add New item

Edit

Bulk Edit

Delete item

Refresh list

Edit Page

Create

Save

Delete

Copy

<img alt="CopyWithRelateds3.png" src="/gvp-public/images/thumb/9/97/CopyWithRelateds3.png/40px-CopyWithRelateds3.png" decoding="async" width="40" height="43" style="vertical-align: middle" data-file-width="82" data-file-height="88"> Copy with Relateds

Bulk Edit Page

MIB pages

Settings

<img alt="VODIcon.png" src="/gvp-public/images/thumb/1/13/VODIcon.png/40px-VODIcon.png" decoding="async" width="40" height="40" style="vertical-align: middle" data-file-width="100" data-file-height="100"> Video On Demand

Content Workflow

Metadata

Importer

ADI Mapping

CDN

<img alt="LiveTVIcon.png" src="/gvp-public/images/thumb/6/68/LiveTVIcon.png/40px-LiveTVIcon.png" decoding="async" width="40" height="40" style="vertical-align: middle" data-file-width="100" data-file-height="100"> Live

Blackouts

<img alt="CommercialIcon.png" src="/gvp-public/images/thumb/8/8a/CommercialIcon.png/40px-CommercialIcon.png" decoding="async" width="40" height="40" style="vertical-align: middle" data-file-width="100" data-file-height="100"> Commercial

Pricing

Partners

Customer Experience

<img alt="InstancesIcon.png" src="/gvp-public/images/thumb/5/56/InstancesIcon.png/40px-InstancesIcon.png" decoding="async" width="40" height="44" style="vertical-align: middle" data-file-width="94" data-file-height="104"> Commons

Dictionaries

Simple Search

Filters

Copy with Relateds

Video On Demand

Live

Commercial

Commons