UNPKG

apim-developer-portal1

Version:

API management developer portal

139 lines (134 loc) • 7.28 kB
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<div role="table" class="table"> <div role="rowgroup" class="table-head"> <div role="row" class="table-row"> <div role="cell" class="col-8 text-truncate">Subscription details</div> <div role="cell" class="col-2 text-truncate">Product</div> <div role="cell" class="col-1 text-truncate">State</div> <div role="cell" class="col-1 text-truncate">Action</div> </div> </div> <div role="rowgroup" class="table-body"> <!-- ko if: subscriptions().length === 0 --> <div role="row" class="table-row"> <div role="cell" class="col-12" colspan="4"> You don't have subscriptions. </div> </div> <!-- /ko --> <!-- ko if: subscriptions().length > 0 --> <!-- ko foreach: subscriptions --> <div role="row" class="table-row"> <div role="cell" class="col-8"> <div role="table"> <div role="row" class="row"> <div role="cell" class="col-md-3"> Name </div> <div role="cell" class="col-md-6"> <!-- ko ifnot: $data.isEdit --> <span data-bind="text: model.name"></span> <!-- /ko --> <!-- ko if: $data.isEdit --> <input type="text" class="form-control" data-bind="value: editName" /> <!-- /ko --> </div> <div role="cell" class="col-md-3"> <!-- ko ifnot: $data.isEdit --> <a role="button" class="btn-link" href="#" data-bind="click: toggleEdit" aria-label="Rename subscription">Rename</a> <!-- /ko --> <!-- ko if: $data.isEdit --> <a role="button" class="btn-link" href="#" data-bind="click: $parent.renameSubscription" aria-label="Save subscription name">Save</a> | <a role="button" class="btn-link" href="#" data-bind="click: toggleEdit" aria-label="Cancel subscription rename">Cancel</a> <!-- /ko --> </div> </div> <!-- ko if: $data.model.isAwaitingApproval --> <div role="row" class="row"> <label class="col-lg-3">Requested on</label> <div class="col-lg-6"> <span data-bind="text: $parent.timeToString(model.createdDate)"></span> </div> </div> <!-- /ko --> <!-- ko ifnot: $data.model.isRejected --> <!-- ko if: $data.model.startDate --> <div role="row" class="row"> <div role="cell" class="col-lg-3"> Started on </div> <div role="cell" class="col-lg-6"> <span data-bind="text: $parent.timeToString(model.startDate)"></span> </div> </div> <!-- /ko --> <div role="row" class="row"> <div role="cell" class="col-md-3"> Primary key </div> <div role="cell" class="col-md-6"> <code data-bind="text: primaryKey"></code> </div> <div role="cell" class="col-md-3 nowrap"> <!-- ko ifnot: $data.isPRegenerating --> <a href="#" role="button" class="btn-link" data-bind="click: togglePrimaryKey, text: primaryKeyBtnLabel, attr: { 'aria-label': primaryKeyBtnLabel() + ' primary key'}"></a> | <a href="#" role="button" class="btn-link" data-bind="click: $parent.regeneratePKey, hasFocus: $data.changedItem() === 'primaryKey'" aria-label="Regenerate primary key">Regenerate</a> <!-- /ko --> <!-- ko if: $data.isPRegenerating --> <div class="progress" role="presentation"> <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div> </div> <!-- /ko --> </div> </div> <div role="row" class="row"> <div role="cell" class="col-md-3">Secondary key</div> <div role="cell" class="col-md-6"> <code data-bind="text: secondaryKey"></code> </div> <div role="cell" class="col-md-3 nowrap"> <!-- ko ifnot: $data.isSRegenerating --> <a href="#" role="button" class="btn-link" data-bind="click: toggleSecondaryKey, text: secondaryKeyBtnLabel, attr: { 'aria-label': secondaryKeyBtnLabel() + ' Secondary key'}"></a> | <a href="#" role="button" class="btn-link" data-bind="click: $parent.regenerateSKey, hasFocus: $data.changedItem() === 'secondaryKey'" aria-label="Regenerate Secondary key">Regenerate</a> <!-- /ko --> <!-- ko if: $data.isSRegenerating --> <div class="progress" role="presentation"> <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div> </div> <!-- /ko --> </div> </div> <!-- /ko --> </div> </div> <div role="cell" class="col-2"> <span data-bind="text: model.productName"></span> </div> <div role="cell" class="col-1"> <span data-bind="text: model.state"></span> </div> <div role="cell" class="col-1"> <!-- ko if: $data.model.canBeCancelled() --> <a class="btn-link" href="#" data-bind="click: $parent.cancelSubscription" aria-label="Cancel subscription"> Cancel </a> <!-- /ko --> </div> </div> <!-- /ko --> <!-- /ko --> </div> </div>