2019-05-09 18:54:39 +12:00
< div class = "cover" >
2020-02-28 06:44:03 +13:00
< h1 class = "zone xl margin-bottom-large" >
2020-06-10 02:43:24 +12:00
< a data-ls-attrs = "href=/console" class = "back text-size-small link-return-animation--start" > < i class = "icon-left-open" > < / i > Home< / a >
2020-02-28 06:44:03 +13:00
< br / >
< span > Your Account< / 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}}" >
2019-05-09 18:54:39 +12:00
< li data-state = "/console/account" >
2020-07-17 09:50:47 +12:00
< h2 class = "margin-bottom" > Overview< / h2 >
2019-08-08 17:09:49 +12:00
< div
data-service="account.get"
data-scope="console"
data-name="account"
data-event="load"
data-failure="trigger"
2020-01-31 06:12:29 +13:00
data-failure-param-trigger-events="account.deleteSession">
2019-05-09 18:54:39 +12:00
2020-02-27 10:54:12 +13:00
< div class = "row responsive force-reverse" >
< div class = "col span-3 text-align-center margin-bottom" >
2020-06-11 20:58:53 +12:00
< img src = "" data-ls-attrs = "src={{account|avatar}}" data-size = "200" height = "150" alt = "User Avatar" class = "avatar huge huge margin-bottom-small" / >
2020-02-27 10:54:12 +13:00
< / div >
2019-05-09 18:54:39 +12:00
< div class = "col span-9" >
< div class = "box margin-bottom-xl" >
< div >
2019-08-08 17:09:49 +12:00
< form name = "account.update"
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 Account Name"
2019-08-08 17:09:49 +12:00
data-service="account.updateName"
data-scope="console"
data-event="submit"
data-success="trigger,alert"
data-success-param-alert-text="Your name was updated successfully"
2020-02-24 19:59:10 +13:00
data-success-param-trigger-events="account.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 update your name"
data-failure-param-alert-classname="error">
2019-05-09 18:54:39 +12:00
2019-09-27 06:47:48 +12:00
< label for = "name" > Name< / label >
2019-05-09 18:54:39 +12:00
2020-02-23 21:57:51 +13:00
< div class = "row responsive" >
< div class = "col span-8 margin-bottom-small" >
2020-09-08 09:28:40 +12:00
< input name = "name" id = "name" type = "text" autocomplete = "off" data-ls-bind = "{{account.name}}" required class = "margin-bottom-no" maxlength = "128" >
2019-05-09 18:54:39 +12:00
< / div >
< div class = "col span-4" >
2020-06-11 19:57:12 +12:00
< button type = "submit" class = "fill margin-bottom-no" > Update Name< / button >
2019-05-09 18:54:39 +12:00
< / div >
< / div >
< / form >
< / div >
< hr / >
2019-08-08 17:09:49 +12:00
< form name = "update-email"
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 Account Email"
2019-08-08 17:09:49 +12:00
data-service="account.updateEmail"
data-scope="console"
data-event="submit"
data-success="trigger,alert"
data-success-param-alert-text="Email address updated successfully"
2020-03-22 10:22:47 +13:00
data-success-param-trigger-events="account-update,modal-close"
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 updating email address"
data-failure-param-alert-classname="error">
2019-05-09 18:54:39 +12:00
2019-09-27 06:47:48 +12:00
< label > Email< / label >
2020-02-23 21:57:51 +13:00
< div class = "row responsive" >
< div class = "col span-8 margin-bottom-small" >
2019-05-10 04:15:51 +12:00
< input name = "email" type = "email" class = "margin-bottom-no" autocomplete = "off" placeholder = "me@example.com" data-ls-bind = "{{account.email}}" required >
2019-05-09 18:54:39 +12:00
< / div >
< div class = "col span-4" >
2020-06-11 19:57:12 +12:00
< div data-ui-modal class = "modal box close width-small height-small" data-button-text = "Update Email" data-button-class = "fill" >
2020-02-28 06:44:03 +13:00
< h3 > Confirm Password< / h3 >
< hr / >
2019-09-27 06:47:48 +12:00
< label > Password< / label >
2019-05-09 18:54:39 +12:00
< input name = "password" type = "password" class = "full-width" autocomplete = "off" placeholder = "" required >
2020-02-28 06:44:03 +13:00
< hr / >
2019-05-09 18:54:39 +12:00
2020-02-23 21:57:51 +13:00
< button type = "submit" class = "margin-bottom-no" > Update< / button > < button data-ui-modal-close = "" type = "button" class = "reverse" > Cancel< / button >
2019-05-09 18:54:39 +12:00
< / div >
< / div >
< / div >
< / form >
< hr / >
2020-06-11 19:57:12 +12:00
< div data-ui-modal class = "modal box close width-small" data-button-text = "Update Password" data-button-class = "" >
2019-09-27 06:47:48 +12:00
< h1 > Update Password< / h1 >
2019-05-09 18:54:39 +12:00
2019-08-08 17:09:49 +12:00
< form name = "update-password"
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 Account Password"
2019-08-08 17:09:49 +12:00
data-service="account.updatePassword"
data-scope="console"
data-event="submit"
2020-02-24 19:59:10 +13:00
data-success="trigger,alert,reset"
data-success-param-trigger-events="account-update"
2019-08-08 17:09:49 +12:00
data-success-param-alert-text="Password updated successfully"
data-failure="alert"
2019-08-09 01:43:24 +12:00
data-failure-param-alert-text="Failed updating password"
data-failure-param-alert-classname="error">
2019-05-09 18:54:39 +12:00
2019-09-27 06:47:48 +12:00
< label > Current Password< / label >
2019-05-09 18:54:39 +12:00
< input name = "oldPassword" type = "password" class = "full-width" autocomplete = "off" placeholder = "" required >
2019-09-27 06:47:48 +12:00
< label > New Password< / label >
2019-05-09 18:54:39 +12:00
< input name = "password" type = "password" class = "full-width" autocomplete = "off" placeholder = "" required data-forms-password-meter >
2020-02-28 06:44:03 +13:00
< hr / >
2019-05-09 18:54:39 +12:00
< footer >
2019-09-27 06:47:48 +12:00
< button type = "submit" > Update Password< / button > < button data-ui-modal-close = "" type = "button" class = "reverse" > Cancel< / button >
2019-05-09 18:54:39 +12:00
< / footer >
< / form >
< / div >
< hr / >
2019-08-08 17:09:49 +12:00
< form class = "margin-top"
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 Account Current Session"
2020-02-12 11:54:40 +13:00
data-service="account.deleteSession"
2019-08-08 17:09:49 +12:00
data-scope="console"
data-event="submit"
data-success="trigger"
2020-01-31 06:12:29 +13:00
data-success-param-trigger-events="account.deleteSession"
2019-08-08 17:09:49 +12:00
data-failure="alert"
2019-08-09 01:43:24 +12:00
data-failure-param-alert-text="Logout failed"
data-failure-param-alert-classname="error">
2020-02-16 07:34:16 +13:00
< input type = "hidden" name = "sessionId" value = "current" >
2020-02-12 11:54:40 +13:00
2019-09-27 06:47:48 +12:00
< button class = "fill danger icon fill" > < i class = "icon-login" > < / i > Logout< / button >
2019-05-09 18:54:39 +12:00
< / form >
< / div >
< / div >
< / div >
< div class = "row responsive" >
< div class = "col span-9" >
2019-09-27 06:47:48 +12:00
< h3 class = "text-danger" > Danger Zone< / h3 >
2019-05-09 18:54:39 +12:00
< div class = "box danger" >
2019-09-27 06:47:48 +12:00
< p > This is the area where you can delete your account.< / p >
2019-05-09 18:54:39 +12:00
2019-09-27 06:47:48 +12:00
< p > By deleting your account you will lose access to any of your teams and shared data.< / p >
2019-05-09 18:54:39 +12:00
2020-01-12 13:20:35 +13:00
< p > PLEASE NOTE: Account deletion is irreversible.< / p >
2019-05-09 18:54:39 +12:00
2019-08-08 17:09:49 +12:00
< form class = "inline"
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 Account"
2020-01-31 06:12:29 +13:00
data-service="account.delete"
2019-08-08 17:09:49 +12:00
data-scope="console"
data-event="submit"
data-confirm="Are you sure you want to delete your account?"
data-success="trigger"
2020-01-31 06:12:29 +13:00
data-success-param-trigger-events="account.delete"
2019-08-08 17:09:49 +12:00
data-failure="alert"
2019-08-09 01:43:24 +12:00
data-failure-param-alert-text="Account deactivation failed"
data-failure-param-alert-classname="error">
2019-09-27 06:47:48 +12:00
< button class = "danger reverse" > Delete Account< / button >
2019-05-09 18:54:39 +12:00
< / form >
< / div >
< / div >
< div class = "col span-3" > < / div >
< / div >
< / div >
< / li >
2021-05-26 20:41:17 +12:00
< li data-state = "/console/account/sessions" >
< h2 > Sessions< / h2 >
2019-05-09 18:54:39 +12:00
2019-08-08 17:09:49 +12:00
< div class = "box margin-bottom"
data-service="account.getSessions"
data-scope="console"
data-name="sessions"
2020-02-12 11:54:40 +13:00
data-event="load,account.deleteRemoteSession">
2019-05-09 18:54:39 +12:00
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" >
2020-02-24 08:27:02 +13:00
< span data-ls-if = "true != {{session.current}}" >
2019-08-07 00:22:54 +12:00
<!-- From remote session ( - logout event) -->
2019-08-08 17:09:49 +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 Account Session"
2020-01-31 06:12:29 +13:00
data-service="account.deleteSession"
2019-08-08 17:09:49 +12:00
data-scope="console"
data-event="submit"
2019-09-27 06:52:57 +12:00
data-loading="Loading..."
2019-08-08 17:09:49 +12:00
data-success="trigger"
2020-02-12 11:54:40 +13:00
data-success-param-trigger-events="account.deleteRemoteSession"
2019-08-08 17:09:49 +12:00
data-failure="alert"
2019-09-27 06:47:48 +12:00
data-failure-param-alert-text="Logout from Session Failed"
2019-08-09 01:43:24 +12:00
data-failure-param-alert-classname="error">
2020-02-17 20:16:11 +13:00
< input type = "hidden" name = "sessionId" data-ls-bind = "{{session.$id}}" >
2019-09-27 06:47:48 +12:00
< button class = "danger" > Logout< / button >
2019-05-09 18:54:39 +12:00
< / form >
< / span >
2020-02-24 08:27:02 +13:00
< span data-ls-if = "true == {{session.current}}" >
2019-08-07 00:22:54 +12:00
<!-- From current session (+logout event) -->
2019-08-08 17:09:49 +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 Account Current Session"
2020-01-31 06:12:29 +13:00
data-service="account.deleteSession"
2019-08-08 17:09:49 +12:00
data-scope="console"
data-event="submit"
2019-09-27 06:52:57 +12:00
data-loading="Loading..."
2019-08-08 17:09:49 +12:00
data-success="trigger,redirect"
2020-01-31 06:12:29 +13:00
data-success-param-trigger-events="account.deleteSession"
2019-08-08 17:09:49 +12:00
data-success-param-redirect-url="/"
data-failure="alert"
2019-09-27 06:47:48 +12:00
data-failure-param-alert-text="Logout from Session Failed"
2019-08-09 01:43:24 +12:00
data-failure-param-alert-classname="error">
2020-02-17 20:16:11 +13:00
< input type = "hidden" name = "sessionId" data-ls-bind = "{{session.$id}}" >
2019-09-27 06:47:48 +12:00
< button class = "danger" > Logout< / button >
2019-05-09 18:54:39 +12:00
< / form >
< / span >
2021-05-26 20:41:17 +12:00
< div class = "pull-start margin-end avatar-container" >
2022-01-19 22:03:53 +13:00
< img onerror = "this.onerror=null;this.className='avatar hide'" 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" data-ls-if = "{{session.clientCode|lowercase}} !== 'cli'" / >
< img onerror = "this.onerror=null;this.className='avatar hide'" data-ls-attrs = "src=/images/clients/terminal.png?buster= <?php echo APP_CACHE_BUSTER ; ?> ,title={{session.clientName}},alt={{session.clientName}}" class = "avatar" loading = "lazy" width = "60" height = "60" data-ls-if = "{{session.clientCode|lowercase}} === 'cli'" >
2021-05-26 20:41:17 +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-if = "(!{{log.clientName}})" > Unknown< / span >
< span data-ls-if = "({{log.clientName}})" 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
2020-02-24 08:27:02 +13:00
< span data-ls-if = "true == {{session.current}}" >
2019-09-27 06:47:48 +12:00
< span class = "tag green" > Current Session< / span >
2019-05-09 18:54:39 +12:00
< / span >
2019-08-24 07:07:17 +12:00
< div class = "margin-top-small" >
2021-08-22 23:03:53 +12:00
< img onerror = "this.onerror=null;this.className='avatar hide'" data-ls-if = "{{session.countryCode}} !== '--'" data-ls-attrs = "src={{env.API}}/avatars/flags/{{session.countryCode}}?width=80&height=80&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 17:09:49 +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 Account Sessions"
2020-01-31 06:12:29 +13:00
data-service="account.deleteSessions"
2019-08-08 17:09:49 +12:00
data-scope="console"
data-event="submit"
data-success="trigger,redirect"
2020-01-31 06:12:29 +13:00
data-success-param-trigger-events="account.deleteSession"
2019-10-11 06:18:22 +13:00
data-success-param-redirect-url="/"
2019-08-08 17:09:49 +12:00
data-failure="alert"
2019-09-27 06:47:48 +12:00
data-failure-param-alert-text="Logout from All Sessions Failed"
2019-08-09 01:43:24 +12:00
data-failure-param-alert-classname="error">
2019-08-07 08:38:47 +12:00
< input type = "hidden" name = "id" value = "0" >
2021-05-26 20:41:17 +12:00
< button class = "danger" > Logout from all sessions< / button >
2019-05-09 18:54:39 +12:00
< / form >
2019-08-28 11:02:19 +12:00
< / li >
< li data-state = "/console/account/activity" >
2022-01-05 22:30:14 +13:00
< h2 > Activity< / h2 >
2019-05-09 18:54:39 +12:00
2019-08-28 11:02:19 +12:00
< div
2020-01-31 06:12:29 +13:00
data-service="account.getLogs"
2019-08-08 17:09:49 +12:00
data-scope="console"
data-name="securityLogs"
data-event="load">
2019-05-09 18:54:39 +12:00
2021-11-18 23:33:42 +13:00
< div class = "box margin-bottom" >
2019-05-09 18:54:39 +12:00
< table class = "vertical small" >
< thead >
2019-08-07 00:22:54 +12:00
< tr >
2021-08-13 23:19:16 +12:00
< th width = "120" > Date< / th >
2019-09-27 06:47:48 +12:00
< th width = "175" > Event< / th >
< th > Client< / th >
2021-08-22 23:03:53 +12:00
< th width = "110" > Location< / th >
2019-09-27 06:47:48 +12:00
< th width = "90" > IP< / th >
2019-08-07 00:22:54 +12:00
< / tr >
2019-05-09 18:54:39 +12:00
< / thead >
2020-10-31 08:53:27 +13:00
< tbody data-ls-loop = "securityLogs.logs" data-ls-as = "log" >
2019-08-07 00:22:54 +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: " >
2022-01-19 22:03:53 +13:00
< img onerror = "this.onerror=null;this.className='avatar hide'" 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" data-ls-if = "{{log.clientCode|lowercase}} !== 'cli'" / >
< img onerror = "this.onerror=null;this.className='avatar hide'" data-ls-attrs = "src=/images/clients/terminal.png?buster= <?php echo APP_CACHE_BUSTER ; ?> ,title={{log.clientName}},alt={{log.clientName}}" class = "avatar xxs inline margin-end-small" data-ls-if = "{{log.clientCode|lowercase}} === 'cli'" />
2020-10-31 08:53:27 +13:00
< span data-ls-if = "(!{{log.clientName}})" > Unknown< / span >
< span data-ls-if = "({{log.clientName}})" data-ls-bind = "{{log.clientName}} {{log.clientVersion}} on {{log.model}} {{log.osName}} {{log.osVersion}}" > < / span >
2019-08-07 00:22:54 +12:00
< / td >
2019-09-27 06:47:48 +12:00
< td data-title = "Location: " >
2021-08-22 23:03:53 +12:00
< img onerror = "this.onerror=null;this.className='avatar xxs hide'" 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-07 00:22:54 +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-07 00:22:54 +12:00
< / tr >
2019-05-09 18:54:39 +12:00
< / tbody >
< / table >
< / div >
2021-11-18 23:33:42 +13:00
< div class = "pull-end text-align-center paging" >
< form
data-service="account.getLogs"
data-event="submit"
data-param-limit="<?php echo APP_PAGING_LIMIT ; ?> "
data-param-offset="{{router.params.offset}}"
data-scope="console"
data-name="securityLogs"
data-success="state"
data-success-param-state-keys="offset">
2022-02-28 22:26:55 +13:00
< button name = "offset" data-paging-back data-offset = "{{router.params.offset}}" data-total = "{{securityLogs.total}}" class = "margin-end round small" aria-label = "Back" > < i class = "icon-left-open" > < / i > < / button >
2021-11-18 23:33:42 +13:00
< / form >
2022-02-28 22:25:38 +13:00
< span data-ls-bind = "{{router.params.offset|pageCurrent}} / {{securityLogs.total|pageTotal}}" > < / span >
2021-11-18 23:33:42 +13:00
< form
data-service="account.getLogs"
data-event="submit"
data-param-limit="<?php echo APP_PAGING_LIMIT ; ?> "
data-param-offset="{{router.params.offset}}"
data-scope="console"
data-name="securityLogs"
data-success="state"
data-success-param-state-keys="offset">
2022-02-28 22:26:55 +13:00
< button name = "offset" data-paging-next data-offset = "{{router.params.offset}}" data-total = "{{securityLogs.total}}" class = "margin-start round small" aria-label = "Next" > < i class = "icon-right-open" > < / i > < / button >
2021-11-18 23:33:42 +13:00
< / form >
< / div >
2019-05-09 18:54:39 +12:00
< / div >
< / li >
< / ul >
2020-06-10 02:43:24 +12:00
< / div >