diff options
Diffstat (limited to 'src/web/app/common')
| -rw-r--r-- | src/web/app/common/-tags/authorized-apps.tag | 34 | ||||
| -rw-r--r-- | src/web/app/common/-tags/signin-history.tag | 116 |
2 files changed, 0 insertions, 150 deletions
diff --git a/src/web/app/common/-tags/authorized-apps.tag b/src/web/app/common/-tags/authorized-apps.tag deleted file mode 100644 index ed1570650a..0000000000 --- a/src/web/app/common/-tags/authorized-apps.tag +++ /dev/null @@ -1,34 +0,0 @@ -<mk-authorized-apps> - <div class="none ui info" v-if="!fetching && apps.length == 0"> - <p>%fa:info-circle%%i18n:common.tags.mk-authorized-apps.no-apps%</p> - </div> - <div class="apps" v-if="apps.length != 0"> - <div each={ app in apps }> - <p><b>{ app.name }</b></p> - <p>{ app.description }</p> - </div> - </div> - <style lang="stylus" scoped> - :scope - display block - - > .apps - > div - padding 16px 0 0 0 - border-bottom solid 1px #eee - - </style> - <script lang="typescript"> - this.mixin('api'); - - this.apps = []; - this.fetching = true; - - this.on('mount', () => { - this.$root.$data.os.api('i/authorized_apps').then(apps => { - this.apps = apps; - this.fetching = false; - }); - }); - </script> -</mk-authorized-apps> diff --git a/src/web/app/common/-tags/signin-history.tag b/src/web/app/common/-tags/signin-history.tag deleted file mode 100644 index a347c7c235..0000000000 --- a/src/web/app/common/-tags/signin-history.tag +++ /dev/null @@ -1,116 +0,0 @@ -<mk-signin-history> - <div class="records" v-if="history.length != 0"> - <mk-signin-record each={ rec in history } rec={ rec }/> - </div> - <style lang="stylus" scoped> - :scope - display block - - </style> - <script lang="typescript"> - this.mixin('i'); - this.mixin('api'); - - this.mixin('stream'); - this.connection = this.stream.getConnection(); - this.connectionId = this.stream.use(); - - this.history = []; - this.fetching = true; - - this.on('mount', () => { - this.$root.$data.os.api('i/signin_history').then(history => { - this.update({ - fetching: false, - history: history - }); - }); - - this.connection.on('signin', this.onSignin); - }); - - this.on('unmount', () => { - this.connection.off('signin', this.onSignin); - this.stream.dispose(this.connectionId); - }); - - this.onSignin = signin => { - this.history.unshift(signin); - this.update(); - }; - </script> -</mk-signin-history> - -<mk-signin-record> - <header @click="toggle"> - <template v-if="rec.success">%fa:check%</template> - <template v-if="!rec.success">%fa:times%</template> - <span class="ip">{ rec.ip }</span> - <mk-time time={ rec.created_at }/> - </header> - <pre ref="headers" class="json" show={ show }>{ JSON.stringify(rec.headers, null, 2) }</pre> - - <style lang="stylus" scoped> - :scope - display block - border-bottom solid 1px #eee - - > header - display flex - padding 8px 0 - line-height 32px - cursor pointer - - > [data-fa] - margin-right 8px - text-align left - - &.check - color #0fda82 - - &.times - color #ff3100 - - > .ip - display inline-block - text-align left - padding 8px - line-height 16px - font-family monospace - font-size 14px - color #444 - background #f8f8f8 - border-radius 4px - - > mk-time - margin-left auto - text-align right - color #777 - - > pre - overflow auto - margin 0 0 16px 0 - max-height 100px - white-space pre-wrap - word-break break-all - color #4a535a - - </style> - - <script lang="typescript"> - import hljs from 'highlight.js'; - - this.rec = this.opts.rec; - this.show = false; - - this.on('mount', () => { - hljs.highlightBlock(this.$refs.headers); - }); - - this.toggle = () => { - this.update({ - show: !this.show - }); - }; - </script> -</mk-signin-record> |