2019-08-08 06:10:53 +12:00
< div
2020-01-31 06:12:29 +13:00
data-service="users.get"
2019-08-08 06:10:53 +12:00
data-name="user"
2020-02-10 10:44:11 +13:00
data-event="load,users.update"
2019-08-08 06:10:53 +12:00
data-param-user-id="{{router.params.id}}"
data-success="trigger"
2020-01-31 09:58:49 +13:00
data-success-param-trigger-events="users.get">
2019-05-09 18:54:39 +12:00
< div class = "cover" >
< h1 class = "zone xl margin-bottom-large" >
2020-06-10 02:43:24 +12:00
< a data-ls-attrs = "href=/console/users?project={{router.params.project}}" class = "back text-size-small link-return-animation--start" > < i class = "icon-left-open" > < / i > Users< / a >
2019-05-09 18:54:39 +12:00
< br / >
2019-05-10 04:15:51 +12:00
< span data-ls-bind = "{{user.name}}" > < / span >
2021-05-29 21:10:27 +12:00
< span data-ls-if = "{{user.name|escape}} === '' && {{user.email}} !== ''" > Unknown< / span >
< span data-ls-if = "{{user.name|escape}} === '' && {{user.email}} === ''" > Anonymous User< / span >
2019-05-09 18:54:39 +12:00
< / h1 >
< / div >
2020-04-24 06:49:31 +12:00
< div data-ui-modal class = "modal width-large box close" data-button-hide = "on" data-open-event = "open-json" >
< button type = "button" class = "close pull-end" data-ui-modal-close = "" > < i class = "icon-cancel" > < / i > < / button >
< h2 > JSON View< / h2 >
< div class = "margin-bottom" >
< input type = "hidden" data-ls-bind = "{{user}}" data-forms-code / >
< / div >
< button data-ui-modal-close = "" type = "button" class = "reverse" > Cancel< / button >
< / div >
2019-05-09 18:54:39 +12:00
< div class = "zone xl" >
2019-05-09 20:23:22 +12:00
< ul class = "phases clear" data-ui-phases data-selected = "{{router.params.tab}}" >
2020-05-11 16:39:00 +12:00
< li data-state = "/console/users/user?id={{router.params.id}}&project={{router.params.project}}" >
2020-07-17 09:51:43 +12:00
< h2 > Overview< / h2 >
2019-05-09 18:54:39 +12:00
2021-07-14 23:02:12 +12:00
< div data-ls-if = "{{user.status}} === false" style = "display: none" class = "box padding-small danger margin-bottom-xxl text-align-center" >
2019-05-09 18:54:39 +12:00
This user account is blocked.
< / div >
< div class = "row responsive margin-top-xl" >
< div class = "col span-8" >
2020-05-01 04:35:39 +12:00
< label > < / label >
2019-05-09 18:54:39 +12:00
< div class = "box margin-bottom-large" >
2019-08-12 09:52:36 +12:00
< div class = "text-align-center" >
2020-06-11 20:58:53 +12:00
< img src = "" data-ls-attrs = "src={{user|avatar}}" data-size = "200" alt = "User Avatar" class = "avatar huge margin-top-negative-xxl" / >
2019-05-09 18:54:39 +12:00
2020-07-15 23:22:38 +12:00
< div class = "margin-top-small" data-ls-bind = "Member since {{user.registration|dateText}}" > < / div >
2019-05-09 18:54:39 +12:00
< div class = "margin-top-small" >
2020-02-24 08:27:02 +13:00
< span data-ls-if = "{{user.emailVerification}} === true" >
2019-05-09 18:54:39 +12:00
< span class = "tag green" > Verified< / span >
< / span >
2020-02-24 08:27:02 +13:00
< span data-ls-if = "{{user.emailVerification}} !== true" >
2019-05-09 18:54:39 +12:00
< span class = "tag" > Unverified< / span >
< / span >
< / div >
2019-05-10 04:15:51 +12:00
< div class = "margin-top-small" data-ls-bind = "{{user.email}}" > < / div >
2019-05-09 18:54:39 +12:00
< / div >
< / div >
< h3 class = "margin-bottom" > Preferences< / h3 >
2019-08-08 06:10:53 +12:00
< div class = "box margin-bottom"
2020-01-31 06:12:29 +13:00
data-service="users.getPrefs"
2019-08-08 06:10:53 +12:00
data-name="user-prefs"
data-event="load"
data-param-user-id="{{router.params.id}}"
data-success="trigger"
2020-01-31 09:58:49 +13:00
data-success-param-trigger-events="users.getPrefs">
2019-05-09 18:54:39 +12:00
2020-02-24 08:27:02 +13:00
< div data-ls-if = "!{{user-prefs|isEmptyObject}}" >
2019-05-09 18:54:39 +12:00
< table class = "vertical" >
< thead >
2019-08-06 18:42:47 +12:00
< tr >
< th > Key< / th >
< th > Value< / th >
< / tr >
2019-05-09 18:54:39 +12:00
< / thead >
< tbody data-ls-loop = "user-prefs" data-ls-as = "pref" >
2019-08-06 18:42:47 +12:00
< tr >
< td data-title = "Key: " >
< span data-ls-bind = "{{$index}}" > < / span >
< / td >
< td data-title = "Value: " >
< span data-ls-bind = "{{pref}}" > < / span >
< / td >
< / tr >
2019-05-09 18:54:39 +12:00
< / tbody >
< / table >
< / div >
2020-02-24 08:27:02 +13:00
< div data-ls-if = "{{user-prefs|isEmptyObject}}" >
2019-05-09 18:54:39 +12:00
No user preferences found
< / div >
2020-09-29 02:34:16 +13:00
< / div >
2020-09-20 01:20:19 +12:00
2020-09-29 02:34:16 +13:00
< h3 class = "text-danger" > Danger Zone< / h3 >
2021-05-29 21:10:27 +12:00
< div class = "box danger margin-bottom" >
2020-09-29 03:34:47 +13:00
< p > This is the area where you can delete this user.< / p >
2021-07-14 23:02:12 +12:00
2020-09-29 03:34:47 +13:00
< p > By deleting this user you will lose all data associated with this user.< / p >
2021-07-14 23:02:12 +12:00
2020-09-29 03:34:47 +13:00
< p > PLEASE NOTE: User deletion is irreversible.< / p >
2021-07-14 23:02:12 +12:00
2020-09-29 02:34:16 +13:00
< form class = "inline"
2021-01-18 19:29:26 +13:00
data-analytics
data-analytics-activity
2020-09-29 02:34:16 +13:00
data-analytics-event="submit"
data-analytics-category="console"
data-analytics-label="Delete User"
2021-05-29 08:24:24 +12:00
data-service="users.delete"
2020-09-29 02:34:16 +13:00
data-event="submit"
data-param-user-id="{{router.params.id}}"
data-success="alert,trigger,redirect"
data-confirm="Are you sure you want to delete this user?"
data-success-param-alert-text="Deleted user successfully"
2020-09-29 04:40:31 +13:00
data-success-param-trigger-events="users.delete"
2020-09-29 02:34:16 +13:00
data-success-param-redirect-url="/console/users?project={{router.params.project}}"
data-failure="alert"
data-failure-param-alert-text="Failed to delete user"
data-failure-param-alert-classname="error">
< input type = "hidden" name = "projectId" data-ls-bind = "{{router.params.project}}" / >
2021-07-14 23:02:12 +12:00
2020-09-29 03:36:32 +13:00
< button class = "danger reverse" type = "submit" > Delete User< / button >
2020-09-29 02:34:16 +13:00
< / form >
2019-05-09 18:54:39 +12:00
< / div >
< / div >
2020-05-01 04:35:39 +12:00
< div class = "col span-4 sticky-top" >
2019-05-09 18:54:39 +12:00
< label > User ID< / label >
2020-04-24 06:49:31 +12:00
< div class = "input-copy margin-bottom" >
2020-02-17 20:16:11 +13:00
< input id = "uid" type = "text" autocomplete = "off" placeholder = "" data-ls-bind = "{{user.$id}}" disabled data-forms-copy >
2019-05-09 18:54:39 +12:00
< / div >
2020-04-24 06:49:31 +12:00
< ul class = "margin-bottom-large text-fade text-size-small" >
< li class = "margin-bottom-small" > < i class = "icon-angle-circled-right margin-start-tiny margin-end-tiny" > < / i > < button data-ls-ui-trigger = "open-json" class = "link text-size-small" > View as JSON< / button > < / li >
< / ul >
2021-07-14 23:02:12 +12:00
< div data-ls-if = "{{user.status}} === true" style = "display: none" >
2019-08-08 06:10:53 +12:00
< form name = "users.updateStatus" class = "margin-bottom"
2021-01-18 19:29:26 +13:00
data-analytics
data-analytics-activity
2020-02-04 19:28:41 +13:00
data-analytics-event="submit"
data-analytics-category="console"
data-analytics-label="Update User Status"
2020-01-31 06:12:29 +13:00
data-service="users.updateStatus"
2019-08-08 06:10:53 +12:00
data-event="submit"
data-param-user-id="{{router.params.id}}"
data-success="alert,trigger"
2020-06-07 18:22:51 +12:00
data-success-param-alert-text="Blocked user successfully"
2020-01-31 09:58:49 +13:00
data-success-param-trigger-events="users.update"
2019-08-08 17:09:49 +12:00
data-failure="alert"
2020-06-07 18:22:51 +12:00
data-failure-param-alert-text="Failed to block user"
2019-08-09 01:43:24 +12:00
data-failure-param-alert-classname="error">
2019-08-08 06:10:53 +12:00
2021-07-14 23:02:12 +12:00
< button name = "status" type = "submit" class = "danger fill" value = "false" data-cast-to = "boolean" > Block Account< / button >
2019-05-09 18:54:39 +12:00
< / form >
< / div >
2021-07-14 23:02:12 +12:00
< div data-ls-if = "{{user.status}} === false" style = "display: none" >
2019-08-08 06:10:53 +12:00
< form name = "users.updateStatus" class = "margin-bottom"
2021-01-18 19:29:26 +13:00
data-analytics
data-analytics-activity
2020-02-04 19:28:41 +13:00
data-analytics-event="submit"
data-analytics-category="console"
data-analytics-label="Update User Status"
2020-01-31 06:12:29 +13:00
data-service="users.updateStatus"
2019-08-08 06:10:53 +12:00
data-event="submit"
data-param-user-id="{{router.params.id}}"
data-success="alert,trigger"
2020-06-07 18:22:51 +12:00
data-success-param-alert-text="Activated user successfully"
2020-01-31 09:58:49 +13:00
data-success-param-trigger-events="users.update"
2019-08-08 17:09:49 +12:00
data-failure="alert"
2020-06-07 18:22:51 +12:00
data-failure-param-alert-text="Failed to activate user"
2019-08-09 01:43:24 +12:00
data-failure-param-alert-classname="error">
2019-05-09 18:54:39 +12:00
2021-07-14 23:02:12 +12:00
< button name = "status" type = "submit" class = "fill" value = "true" data-cast-to = "boolean" > Activate Account< / button >
2019-05-09 18:54:39 +12:00
< / form >
< / div >
< / div >
< / div >
< / li >
2021-05-21 02:03:47 +12:00
< li data-state = "/console/users/user/sessions?id={{router.params.id}}&project={{router.params.project}}" >
< h2 > Sessions< / h2 >
2019-05-09 18:54:39 +12:00
2019-08-08 06:10:53 +12:00
< div
2020-01-31 06:12:29 +13:00
data-service="users.getSessions"
2019-08-08 06:10:53 +12:00
data-name="sessions"
data-param-user-id="{{router.params.id}}"
2020-05-01 18:27:35 +12:00
data-event="load,users.update">
2019-05-09 18:54:39 +12:00
2020-10-31 08:53:27 +13:00
< div data-ls-if = "{{sessions.sessions.length}} === 0" style = "display: none" class = "margin-top-xxl margin-bottom-xxl text-align-center" >
2020-05-01 06:47:08 +12:00
No sessions available.
2019-05-09 18:54:39 +12:00
< / div >
2020-10-31 08:53:27 +13:00
< div data-ls-if = "{{sessions.sessions.length}} !== 0" style = "display: none" >
2019-05-09 18:54:39 +12:00
< div class = "box margin-bottom" >
2020-10-31 08:53:27 +13:00
< ul data-ls-loop = "sessions.sessions" data-ls-as = "session" class = "list" >
2019-05-09 18:54:39 +12:00
< li class = "clear" >
2019-08-08 06:10:53 +12:00
< form class = "pull-end"
2021-01-18 19:29:26 +13:00
data-analytics
data-analytics-activity
2020-02-04 19:28:41 +13:00
data-analytics-event="submit"
data-analytics-category="console"
data-analytics-label="Delete User Session"
2020-09-29 03:34:47 +13:00
data-service="users.deleteSession"
2019-08-08 06:10:53 +12:00
data-event="submit"
data-loading="Loading..."
data-success="trigger"
2020-01-31 09:58:49 +13:00
data-success-param-trigger-events="users.update"
2019-08-08 17:09:49 +12:00
data-failure="alert"
2019-08-09 01:43:24 +12:00
data-failure-param-alert-text="Failed to logout session"
data-failure-param-alert-classname="error">
2019-05-10 04:15:51 +12:00
< input type = "hidden" name = "userId" data-ls-bind = "{{router.params.id}}" >
2020-05-01 18:27:35 +12:00
< input type = "hidden" name = "sessionId" data-ls-bind = "{{session.$id}}" >
2019-05-09 18:54:39 +12:00
< button class = "danger" > Logout< / button >
< / form >
2021-05-26 20:40:52 +12:00
< div class = "pull-start margin-end avatar-container" >
2021-05-29 21:10:27 +12:00
< img onerror = "this.onerror=null;this.src='/images/unknown.svg'" data-ls-attrs = "src={{env.API}}/avatars/browsers/{{session.clientCode|lowercase}}?width=120&height=120&project={{env.PROJECT}},title={{session.clientName}},alt={{session.clientName}}" class = "avatar" loading = "lazy" width = "60" height = "60" / >
2021-05-26 20:40:52 +12:00
< div data-ls-if = "{{session.provider}} !== 'email'" class = "corner" >
< img data-ls-attrs = "src=/images/users/{{session.provider}}.png?buster= <?php echo APP_CACHE_BUSTER ; ?> ,title={{session.provider}},alt={{session.provider}}" class = "avatar xs" loading = "lazy" width = "30" height = "30" />
< / div >
< / div >
2019-05-09 18:54:39 +12:00
2020-10-31 08:53:27 +13:00
< span data-ls-bind = "{{session.clientName}}" > < / span > < span data-ls-bind = "{{session.clientVersion}}" > < / span > on < span data-ls-bind = "{{session.deviceModel}}" > < / span > < span data-ls-bind = "{{session.osName}}" > < / span > < span data-ls-bind = "{{session.osVersion}}" > < / span >
2019-05-09 18:54:39 +12:00
2019-08-24 07:07:17 +12:00
< div class = "margin-top-small" >
2021-05-29 21:10:27 +12:00
< img onerror = "this.onerror=null;this.src='/images/unknown.svg'" data-ls-if = "{{session.countryCode}} !== '--'" data-ls-attrs = "src={{env.API}}/avatars/flags/{{session.countryCode}}?width=120&height=120&project={{env.PROJECT}}" class = "avatar xxs margin-end-small inline" / >
2020-10-31 08:53:27 +13:00
< small data-ls-bind = "{{session.ip}}" > < / small > / < small data-ls-bind = "{{session.countryName}}" > < / small >
2019-05-09 18:54:39 +12:00
< / div >
< / li >
< / ul >
< / div >
2019-08-08 06:10:53 +12:00
< form class = "inline margin-bottom-large"
2021-01-18 19:29:26 +13:00
data-analytics
data-analytics-activity
2020-02-04 19:28:41 +13:00
data-analytics-event="submit"
data-analytics-category="console"
data-analytics-label="Delete User Sessions"
2020-01-31 06:12:29 +13:00
data-service="users.deleteSessions"
2019-08-08 06:10:53 +12:00
data-param-user-id="{{router.params.id}}"
data-event="submit"
data-success="trigger"
2020-01-31 09:58:49 +13:00
data-success-param-trigger-events="users.update"
2019-08-08 17:09:49 +12:00
data-failure="alert"
2019-08-09 01:43:24 +12:00
data-failure-param-alert-text="Failed to logout all sessions"
data-failure-param-alert-classname="error">
2021-05-21 02:03:47 +12:00
< button class = "danger" > Logout from all sessions< / button >
2019-05-09 18:54:39 +12:00
< / form >
< / div >
< / div >
< / li >
2020-05-11 16:39:00 +12:00
< li data-state = "/console/users/user/audit?id={{router.params.id}}&project={{router.params.project}}" >
2020-02-29 19:24:55 +13:00
< h2 > Activity< / h2 >
2019-05-09 18:54:39 +12:00
2019-08-08 06:10:53 +12:00
< div
2020-01-31 06:12:29 +13:00
data-service="users.getLogs"
2019-08-08 06:10:53 +12:00
data-name="logs"
data-param-user-id="{{router.params.id}}"
data-event="load,logs-load">
2019-05-09 18:54:39 +12:00
2021-05-29 21:10:27 +12:00
< div data-ls-if = "{{logs.logs.length}} === 0" style = "display: none" class = "margin-top-xxl margin-bottom-xxl text-align-center" >
2020-05-01 06:47:08 +12:00
No logs available.
2019-05-09 18:54:39 +12:00
< / div >
2021-05-29 21:10:27 +12:00
< div class = "box" data-ls-if = "{{logs.logs.length}} !== 0" style = "display: none" >
2019-05-09 18:54:39 +12:00
< table class = "vertical small" >
< thead >
2019-08-06 18:42:47 +12:00
< tr >
2019-09-27 06:47:48 +12:00
< th width = "140" > Date< / th >
< th width = "175" > Event< / th >
< th > Client< / th >
< th width = "90" > Location< / th >
< th width = "90" > IP< / th >
2019-08-06 18:42:47 +12:00
< / tr >
2019-05-09 18:54:39 +12:00
< / thead >
2020-10-31 08:53:27 +13:00
< tbody data-ls-loop = "logs.logs" data-ls-as = "log" >
2019-08-06 18:42:47 +12:00
< tr >
2020-07-15 23:22:38 +12:00
< td data-title = "Date: " > < span data-ls-bind = "{{log.time|dateTime}}" > < / span > < / td >
2019-09-27 06:47:48 +12:00
< td data-title = "Event: " > < span data-ls-bind = "{{log.event}}" > < / span > < / td >
< td data-title = "Client: " >
2020-10-31 08:53:27 +13:00
< img onerror = "this.onerror=null;this.src='/images/unknown.svg'" data-ls-if = "({{log.clientCode}})" data-ls-attrs = "src={{env.API}}/avatars/browsers/{{log.clientCode|lowercase}}?width=80&height=80&project={{env.PROJECT}},title={{log.clientName}},alt={{log.clientName}}" class = "avatar xxs inline margin-end-small" / >
< span data-ls-if = "({{log.clientName}})" data-ls-bind = "{{log.clientName}} {{log.clientVersion}} on {{log.model}} {{log.osName}} {{log.osVersion}}" > < / span >
< div data-ls-if = "(!{{log.clientName}})" class = "text-align-center text-fade" > Unknown< / div >
2019-08-06 18:42:47 +12:00
< / td >
2019-09-27 06:47:48 +12:00
< td data-title = "Location: " >
2020-10-31 08:53:27 +13:00
< img onerror = "this.onerror=null;this.src='/images/unknown.svg'" data-ls-if = "{{log.countryCode}} !== '--'" data-ls-attrs = "src={{env.API}}/avatars/flags/{{log.countryCode}}?width=80&height=80&project={{env.PROJECT}}" class = "avatar xxs inline margin-end-small" / >
< span data-ls-bind = "{{log.countryName}}" > < / span >
2019-08-06 18:42:47 +12:00
< / td >
2019-09-27 06:47:48 +12:00
< td data-title = "IP: " > < span data-ls-bind = "{{log.ip}}" > < / span > < / td >
2019-08-06 18:42:47 +12:00
< / tr >
2019-05-09 18:54:39 +12:00
< / tbody >
< / table >
< / div >
< / div >
< / li >
< / ul >
< / div >
2020-06-10 02:43:24 +12:00
< / div >