passport/rootfs/web/src/views/AccessTokenList.vue at v1.1.0 · drycc/passport · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!--app列表页-->
<template>
<div :id="'vue-content-'+Math.random().toString(36).substring(2)">
    <nav-bar />
    <div class="main-panel bg-lightest-silver relative mt5">
        <div class="main-content">
            <main-nav :is-access-token-active="true"/>
            <access-token-delete ref="accessTokenDelete" v-if="isShowDelete"
              :token="token"
              @closeDelete="closeDelete"
            />
            <div class="w-100 mt4 ml2 mb2 mr2 limit-width" style="margin-top: 0px">
                <table class="w-100">
                    <tbody>
                        <tr class="w-100 f5">
                            <th class="pl1 pr1 pv2 bb b--light-gray b">
                                application
                            </th>
                            <th class="pv2 pr1 bb b--light-gray b">
                                token
                            </th>
                            <th class="pv2 pr1 bb b--light-gray b">
                                created
                            </th>
                            <th class="pv2 pr1 bb b--light-gray b">
                                expires
                            </th>
                            <th class="pv2 pr1 bb b--light-gray b">
                            </th>
                        </tr>
                    <template v-for="(token, index) in tokens">
                        <tr class="ember-view">
                            <td class="bb b--light-silver pv2 pr1 gray">{{ token.application }}</td>
                            <td class="bb b--light-silver pv2 pr1 gray">{{ token.token }}</td>
                            <td class="bb b--light-silver pv2 pr1 gray">{{ token.created }}</td>
                            <td class="bb b--light-silver pv2 pr1 gray">{{ token.expires }}</td>
                            <td class="bb b--light-silver action-cell ember-view">
                              <button @click="showDelete(index)" class="bg-transparent hk-focus-ring--blue:focus cursor-hand br1 ba0 b--none pa--1 mr2" title="Delete" type="button" >
                                <span class="clip">Delete</span>
                                <svg style="height: 16px; width: 16px;" class="icon malibu-icon fill-gray hover-fill-red" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M574.55 522.35L904.4 192.5c16.65-16.65 16.65-44.1 0-60.75l-1.8-1.8c-16.65-16.65-44.1-16.65-60.75 0L512 460.25l-329.85-330.3c-16.65-16.65-44.1-16.65-60.75 0l-1.8 1.8c-17.1 16.65-17.1 44.1 0 60.75l329.85 329.85L119.6 852.2c-16.65 16.65-16.65 44.1 0 60.75l1.8 1.8c16.65 16.65 44.1 16.65 60.75 0L512 584.9l329.85 329.85c16.65 16.65 44.1 16.65 60.75 0l1.8-1.8c16.65-16.65 16.65-44.1 0-60.75L574.55 522.35z" ></path></svg>
                              </button>
                            </td>
                        </tr>
                    </template>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <main-footer />
</div>
</template>

<script>
import AccessTokenList from  "./AccessTokenList"
export default AccessTokenList
</script>

<style scoped>
    .pr1 {
        padding-right: 15px;
    }
</style>