2019-05-09 18:54:39 +12:00
<?php
use Utopia\Locale\Locale;
?>
2019-05-12 19:24:53 +12:00
< div data-service = "users.get"
data-name="user"
2019-05-09 18:54:39 +12:00
data-event="load"
2019-05-09 20:23:22 +12:00
data-param-user-id="{{router.params.id}}"
2019-05-09 18:54:39 +12:00
data-success="render,trigger"
data-error="render"
data-success-rerender="user.update"
data-error-rerender=""
data-success-triggers="user.load">
< div class = "cover" >
< h1 class = "zone xl margin-bottom-large" >
2019-05-10 04:15:51 +12:00
< a data-ls-attrs = "href=/console/users?project={{router.params.project}}" class = "back text-size-small" >< i class = "icon-left-open" ></ i > <?php echo $this -> escape ( Locale :: getText ( 'console.users.title' )); ?> </ 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 >
2019-05-09 18:54:39 +12:00
< / h1 >
< / div >
< div class = "zone xl" >
2019-05-09 20:23:22 +12:00
< ul class = "phases clear" data-ui-phases data-selected = "{{router.params.tab}}" >
< li data-state = "/console/users/view?id={{router.params.id}}&project={{router.params.project}}" >
2019-05-09 18:54:39 +12:00
< h2 > General< / h2 >
2019-05-12 03:26:03 +12:00
< div data-ls-if = "{{user.status}} === <?php echo \Auth\Auth :: USER_STATUS_BLOCKED ; ?> " style = "display: none" class = "box padding-small danger margin-bottom-xxl" >
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" >
< div class = "box margin-bottom-large" >
< div class = "text-center" >
< img src = "" data-ui-gravatar = "{{user.email}}" data-name = "{{user.name}}" data-size = "200" alt = "User Avatar" class = "avatar huge margin-top-negative-xxl" / >
2019-05-10 04:15:51 +12:00
< div class = "margin-top-small note" data-ls-bind = "Member since {{user.registration|date-text}}" > < / div >
2019-05-09 18:54:39 +12:00
< div class = "margin-top-small" >
2019-05-12 03:26:03 +12:00
< span data-ls-if = "{{user.confirm}} === true" style = "display: none;" >
2019-05-09 18:54:39 +12:00
< span class = "tag green" > Verified< / span >
< / span >
2019-05-12 03:26:03 +12:00
< span data-ls-if = "{{user.confirm}} !== true" style = "display: none;" >
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 >
< div class = "box margin-bottom"
2019-05-12 19:24:53 +12:00
data-service="users.getPrefs"
data-name="user-prefs"
2019-05-09 18:54:39 +12:00
data-event="load"
2019-05-09 20:23:22 +12:00
data-param-user-id="{{router.params.id}}"
2019-05-09 18:54:39 +12:00
data-success="render,trigger"
data-error="render"
data-success-rerender=""
data-error-rerender=""
data-success-triggers="user-prefs.load">
< div data-ls-if = "'{{user-prefs}}' && '{}' !== '{{user-prefs}}'" style = "display: none;" >
< table class = "vertical" >
< thead >
< tr >
< th > Key< / th >
< th > Value< / th >
< / tr >
< / thead >
< tbody data-ls-loop = "user-prefs" data-ls-as = "pref" >
< tr >
< td data-title = "Key: " >
2019-05-10 04:15:51 +12:00
< span data-ls-bind = "{{$index}}" > < / span >
2019-05-09 18:54:39 +12:00
< / td >
< td data-title = "Value: " >
2019-05-10 04:15:51 +12:00
< span data-ls-bind = "{{pref}}" > < / span >
2019-05-09 18:54:39 +12:00
< / td >
< / tr >
< / tbody >
< / table >
< / div >
< div data-ls-if = "'{}' === '{{user-prefs}}'" style = "display: none;" >
No user preferences found
< / div >
< / div >
< / div >
< div class = "col span-4" >
< label > User ID< / label >
< div class = "input-copy margin-bottom-large" >
2019-05-10 04:15:51 +12:00
< input id = "uid" type = "text" autocomplete = "off" placeholder = "" data-ls-bind = "{{user.$uid}}" disabled data-forms-copy >
2019-05-09 18:54:39 +12:00
< / div >
2019-05-12 03:26:03 +12:00
< div data-ls-if = "{{user.status}} !== <?php echo \Auth\Auth :: USER_STATUS_BLOCKED ; ?> " style = "display: none" >
2019-05-09 18:54:39 +12:00
< form name = "users.updateStatus" class = "margin-bottom"
2019-05-12 19:24:53 +12:00
data-service="users.updateStatus"
2019-05-09 18:54:39 +12:00
data-event="submit"
2019-05-09 20:23:22 +12:00
data-param-user-id="{{router.params.id}}"
2019-05-09 18:54:39 +12:00
data-success="alert,trigger"
data-success-alert="Blocked User Successfully"
data-success-triggers="user.update"
data-error="alert"
data-error-alert="Failed to Block User">
< button name = "status" type = "submit" class = "danger fill" value = " <?php echo \Auth\Auth :: USER_STATUS_BLOCKED ; ?> " > Block Account</ button >
< / form >
< / div >
2019-05-12 03:26:03 +12:00
< div data-ls-if = "{{user.status}} === <?php echo \Auth\Auth :: USER_STATUS_BLOCKED ; ?> " style = "display: none" >
2019-05-09 18:54:39 +12:00
< form name = "users.updateStatus" class = "margin-bottom"
2019-05-12 19:24:53 +12:00
data-service="users.updateStatus"
2019-05-09 18:54:39 +12:00
data-event="submit"
2019-05-09 20:23:22 +12:00
data-param-user-id="{{router.params.id}}"
2019-05-09 18:54:39 +12:00
data-success="alert,trigger"
data-success-alert="Blocked Activated Successfully"
data-success-triggers="user.update"
data-error="alert"
data-error-alert="Failed to Activate User">
< button name = "status" type = "submit" class = "fill" value = " <?php echo \Auth\Auth :: USER_STATUS_ACTIVATED ; ?> " > Activate Account</ button >
< / form >
< / div >
< / div >
< / div >
< / li >
2019-05-09 20:23:22 +12:00
< li data-state = "/console/users/view/devices?id={{router.params.id}}&project={{router.params.project}}" >
2019-05-09 18:54:39 +12:00
< h2 > Devices< / h2 >
2019-05-12 19:24:53 +12:00
< div data-service = "users.getSessions"
data-name="sessions"
2019-05-09 20:23:22 +12:00
data-param-user-id="{{router.params.id}}"
2019-05-09 18:54:39 +12:00
data-event="load"
data-success="render"
data-error="render"
data-success-rerender="user.update">
2019-05-12 03:26:03 +12:00
< div data-ls-if = "{{sessions.length}} === 0" style = "display: none" class = "margin-top-xl margin-bottom-xl" >
2019-05-09 18:54:39 +12:00
No sessions available
< / div >
2019-05-12 03:26:03 +12:00
< div data-ls-if = "{{sessions.length}} !== 0" style = "display: none" >
2019-05-09 18:54:39 +12:00
< div class = "box margin-bottom" >
< ul data-ls-loop = "sessions" data-ls-as = "session" class = "list" >
< li class = "clear" >
< form class = "pull-end"
2019-05-12 19:24:53 +12:00
data-service="users.deleteSession"
2019-05-09 18:54:39 +12:00
data-event="submit"
data-loading="Loading..."
data-success="trigger"
data-success-triggers="user.update"
data-error="alert"
data-error-alert="Failed to logout session">
2019-05-10 04:15:51 +12:00
< input type = "hidden" name = "userId" data-ls-bind = "{{router.params.id}}" >
< input type = "hidden" name = "sessionId" data-ls-bind = "{{session.id}}" >
2019-05-09 18:54:39 +12:00
< button class = "danger" > Logout< / button >
< / form >
2019-05-10 08:29:23 +12:00
< img data-ls-attrs = "src={{env.API}}/v1/avatars/browsers/{{session.client.short_name|lowercase}}?width=120&height=120,title={{session.client.name}},alt={{session.client.name}}" class = "avatar trans pull-start margin-end" / >
2019-05-09 18:54:39 +12:00
2019-05-10 04:15:51 +12:00
< span data-ls-bind = "{{session.client.name}}" > < / span > < span data-ls-bind = "{{session.client.version}}" > < / span > on < span data-ls-bind = "{{session.model}}" > < / span > < span data-ls-bind = "{{session.OS.name}}" > < / span > < span data-ls-bind = "{{session.OS.version}}" > < / span >
2019-05-09 18:54:39 +12:00
< div class = "note info margin-top-small" >
2019-05-10 04:15:51 +12:00
< img data-ls-attrs = "src={{env.API}}/v1/avatars/flags/{{session.geo.isoCode}}?width=80&height=80" class = "avatar xs margin-end-small inline" / >
< small data-ls-bind = "{{session.ip}}" > < / small > / < small data-ls-bind = "{{session.geo.country}}" > < / small >
2019-05-09 18:54:39 +12:00
< / div >
< / li >
< / ul >
< / div >
< form class = "inline margin-bottom-large"
2019-05-12 19:24:53 +12:00
data-service="users.deleteSessions"
2019-05-09 20:23:22 +12:00
data-param-user-id="{{router.params.id}}"
2019-05-09 18:54:39 +12:00
data-event="submit"
data-success="trigger"
data-success-triggers="user.update"
data-error="alert"
data-error-alert="Failed to logout all sessions">
< button class = "danger" > Logout from all devices< / button >
< / form >
< / div >
< / div >
< / li >
2019-05-09 20:23:22 +12:00
< li data-state = "/console/users/view/audit?id={{router.params.id}}&project={{router.params.project}}" >
2019-05-09 18:54:39 +12:00
< h2 > Audit Log< / h2 >
2019-05-12 19:24:53 +12:00
< div data-service = "users.getLogs"
data-name="logs"
2019-05-09 20:23:22 +12:00
data-param-user-id="{{router.params.id}}"
2019-05-09 18:54:39 +12:00
data-event="load"
data-success="render"
data-success-rerender="logs.load"
data-error="">
2019-05-12 03:26:03 +12:00
< div data-ls-if = "{{logs.length}} === 0" style = "display: none" class = "margin-top-xl margin-bottom-xl" >
2019-05-09 18:54:39 +12:00
No logs available
< / div >
2019-05-12 03:26:03 +12:00
< div class = "box" data-ls-if = "{{logs.length}} !== 0" style = "display: none" >
2019-05-09 18:54:39 +12:00
< table class = "vertical small" >
< thead >
< tr >
< th width = "140" > <?php echo Locale :: getText ( 'console.account.section.security.recent-activity.date' ); ?> </ th >
< th width = "175" > <?php echo Locale :: getText ( 'console.account.section.security.recent-activity.event' ); ?> </ th >
< th > <?php echo Locale :: getText ( 'console.account.section.security.recent-activity.client' ); ?> </ th >
< th width = "90" > <?php echo Locale :: getText ( 'console.account.section.security.recent-activity.location' ); ?> </ th >
< th width = "90" > <?php echo Locale :: getText ( 'console.account.section.security.recent-activity.ip' ); ?> </ th >
< / tr >
< / thead >
< tbody data-ls-loop = "logs" data-ls-as = "log" >
< tr >
2019-05-10 04:15:51 +12:00
< td data-title = " <?php echo $this -> escape ( Locale :: getText ( 'console.account.section.security.recent-activity.date' )); ?> : " >< span data-ls-bind = "{{log.time|date-time}}" ></ span ></ td >
< td data-title = " <?php echo $this -> escape ( Locale :: getText ( 'console.account.section.security.recent-activity.event' )); ?> : " >< span data-ls-bind = "{{log.event}}" ></ span ></ td >
2019-05-09 18:54:39 +12:00
< td data-title = " <?php echo $this -> escape ( Locale :: getText ( 'console.account.section.security.recent-activity.client' )); ?> : " >
2019-05-10 08:29:23 +12:00
< img data-ls-attrs = "src={{env.API}}/v1/avatars/browsers/{{log.client.short_name|lowercase}}?width=80&height=80,title={{log.client.name}},alt={{log.client.name}}" class = "avatar xs inline margin-end-small" / >
2019-05-10 04:15:51 +12:00
< span data-ls-bind = "{{log.client.name}} {{log.client.version}} on {{log.model}} {{log.OS.name}} {{log.OS.version}}" > < / span >
2019-05-09 18:54:39 +12:00
< / td >
< td data-title = " <?php echo $this -> escape ( Locale :: getText ( 'console.account.section.security.recent-activity.location' )); ?> : " >
2019-05-10 04:15:51 +12:00
< img data-ls-attrs = "src={{env.API}}/v1/avatars/flags/{{log.geo.isoCode}}?width=80&height=80" class = "avatar xs inline margin-end-small" / >
< span data-ls-bind = "{{log.geo.country}}" > < / span >
2019-05-09 18:54:39 +12:00
< / td >
2019-05-10 04:15:51 +12:00
< td data-title = " <?php echo $this -> escape ( Locale :: getText ( 'console.account.section.security.recent-activity.ip' )); ?> : " >< span data-ls-bind = "{{log.ip}}" ></ span ></ td >
2019-05-09 18:54:39 +12:00
< / tr >
< / tbody >
< / table >
< / div >
< / div >
< / li >
< / ul >
< / div >
< / div >