{"id":2591,"date":"2025-10-01T11:57:22","date_gmt":"2025-10-01T11:57:22","guid":{"rendered":"https:\/\/documentation.iqonic.design\/streamit\/?p=2591"},"modified":"2025-11-14T09:12:33","modified_gmt":"2025-11-14T09:12:33","slug":"user-restriction-view","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/streamit\/2025\/10\/01\/user-restriction-view\/","title":{"rendered":"User Restriction View"},"content":{"rendered":"<div class=\"nolwrap\">\n<h2 class=\"wp-block-heading\"><strong>Overview<\/strong><\/h2>\n\n\n\n<p>The <em>User Restriction View<\/em> provides a clear and interactive interface that shows users how restrictions are applied to their account based on their membership plan or default login rules. This view allows users to understand why certain actions such as logging in from an extra device or playing content on restricted platforms may be blocked. It also helps maintain account security and ensures proper use of your platform according to plan-based rules.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Below the overview, you can introduce the two main types of restrictions:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>1. Login Flow Restriction<\/strong><\/h2>\n\n\n\n<p>This section explains how login limits and device restrictions affect users during the sign-in process.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>User Step 1 \u2013 Login Attempt<\/strong><\/h4>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1766\" height=\"909\" src=\"https:\/\/documentation.iqonic.design\/streamit\/wp-content\/uploads\/sites\/4\/2025\/10\/image-3.png\" alt=\"\" class=\"wp-image-2782\"\/><\/figure>\n\n\n\n<p>On the login screen, the user enters their <strong>username\/email<\/strong> and <strong>password<\/strong>.<br>After submitting the credentials:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The system first checks whether the login details are valid.<\/li>\n\n\n\n<li>If the credentials are incorrect, an appropriate error message is shown.<\/li>\n\n\n\n<li>If the credentials are correct, the system checks <strong>how many devices are already logged in<\/strong> under this account.<\/li>\n\n\n\n<li>If the user has <strong>reached their maximum allowed login limit<\/strong>, they are automatically redirected to a screen displaying all currently logged-in devices (shown in Step 2).<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>User Step 2 \u2013 Device List &amp; Forced Logout<\/strong><\/h4>\n\n\n\n<p>If the login limit has been reached, the user is shown a <strong>list of all active logged-in devices<\/strong> associated with their account.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1779\" height=\"911\" src=\"https:\/\/documentation.iqonic.design\/streamit\/wp-content\/uploads\/sites\/4\/2025\/10\/image-4.png\" alt=\"\" class=\"wp-image-2784\"\/><\/figure>\n\n\n\n<p>On this screen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The user sees a message instructing them to <strong>log out one device to continue<\/strong>.<\/li>\n\n\n\n<li>Each device in the list shows:\n<ul class=\"wp-block-list\">\n<li>Device name<\/li>\n\n\n\n<li>Last active time<\/li>\n\n\n\n<li>A <strong>Log Out<\/strong> button<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>To proceed:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1780\" height=\"913\" src=\"https:\/\/documentation.iqonic.design\/streamit\/wp-content\/uploads\/sites\/4\/2025\/10\/image-5.png\" alt=\"\" class=\"wp-image-2785\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The user must click <strong>Log Out<\/strong> on any one listed device.<\/li>\n\n\n\n<li>After logging out a device, the system <strong>automatically completes the login<\/strong> using the credentials entered in Step 1.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2. Player Restriction<\/strong><\/h2>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. Limit Reached Template<\/strong><\/h4>\n\n\n\n<p>This template is displayed when the user <strong>exceeds the allowed device limit<\/strong> for their account.<br>For example, if the account limit is <strong>2 devices<\/strong>, but <strong>3 devices<\/strong> are currently logged in, then <strong>all 3 logged-in users<\/strong> will immediately see this template on their screen under player.<br>Once any one of the devices is logged out, the remaining logged-in devices can continue watching content normally.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>How This Template Works<\/strong><\/h5>\n\n\n\n<p>The layout of the template is divided into two main sides:<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>\ud83d\udda5 Left Side \u2013 Restriction Message + Device Count<\/strong><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Shows a clear message such as <strong>\u201cDevice Limit Reached\u201d<\/strong><\/li>\n\n\n\n<li>Displays how many devices are allowed and how many are currently logged in<\/li>\n\n\n\n<li>Informs the user that they must log out <strong>one device<\/strong> to continue watching<\/li>\n\n\n\n<li>Allows the user to understand the restriction instantly without confusion<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>\u27a1 Right Side \u2013 Device Logout Panel<\/strong><\/h5>\n\n\n\n<p>At the top-right section, users see a list of all currently logged-in devices:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Device name (browser\/app\/platform)<\/li>\n\n\n\n<li>Last active time<\/li>\n\n\n\n<li>A <strong>Log out<\/strong> button for each device<\/li>\n<\/ul>\n\n\n\n<p>The user can log out any device from here to free up a slot and continue watching.<\/p>\n\n\n\n<p>At the bottom-right section, the template displays a <strong>recommended membership plan<\/strong>, which allows higher or unlimited device limits.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The recommended plan is <strong>automatically selected<\/strong> based on the <strong>highest available price plan<\/strong> in the membership system.<\/li>\n\n\n\n<li>Shows the upgraded plan name and price (fetched dynamically).<\/li>\n\n\n\n<li>Encourages users to upgrade if they frequently reach the device limit.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2. \u201cYou Are Removed\u201d Popup<\/strong><\/h4>\n\n\n\n<p>This restriction is applied to ensure <strong>content security<\/strong> and prevent unauthorized or simultaneous device usage beyond the allowed limit.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1903\" height=\"909\" src=\"https:\/\/documentation.iqonic.design\/streamit\/wp-content\/uploads\/sites\/4\/2025\/10\/image-6.png\" alt=\"\" class=\"wp-image-2792\"\/><\/figure>\n\n\n\n<p>When two or more users are logged in using the <strong>same account<\/strong>, any active user can remove another logged-in user from the session. If a user is watching a movie and <strong>another user removes them<\/strong>, the system will immediately display the <strong>\u201cYou\u2019ve Been Removed\u201d<\/strong> popup \u2014 even if the video is currently playing.<br>No refresh is required; the restriction appears automatically in real time.<\/p>\n\n\n\n<p>After seeing this popup, the removed user <strong>cannot continue watching<\/strong> and must log in again to regain access.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>How the Removal Popup Works <\/strong><\/h5>\n\n\n\n<p>The popup includes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A warning icon<\/strong> that clearly indicates the session has ended<\/li>\n\n\n\n<li><strong>Message Title:<\/strong> \u201cYou\u2019ve Been Removed\u201d<\/li>\n\n\n\n<li><strong>Description:<\/strong> Explains that another user has removed access and the session can no longer continue<\/li>\n\n\n\n<li><strong>Two buttons:<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Go to Home<\/strong> \u2013 redirects the user back to the homepage<\/li>\n\n\n\n<li><strong>Back<\/strong> \u2013 returns the user to the previous page<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>This ensures that users understand why access was lost and provides a smooth path to exit the restricted session.<\/p>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Overview The User Restriction View provides a clear and interactive interface that shows users how restrictions are applied to their account based on their membership plan or default login rules. This view allows users to understand why certain actions such as logging in from an extra device or playing content on restricted platforms may be [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":2732,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2591","post","type-post","status-publish","format-standard","hentry","category-streamit"],"featured_image_src":null,"author_info":{"display_name":"wordpressadminiq","author_link":"https:\/\/documentation.iqonic.design\/streamit\/author\/wordpressadminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/2591","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/comments?post=2591"}],"version-history":[{"count":27,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/2591\/revisions"}],"predecessor-version":[{"id":2794,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/2591\/revisions\/2794"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/2732"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/media?parent=2591"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/categories?post=2591"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/tags?post=2591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}