casConsentReviewView.html 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. <!DOCTYPE html>
  2. <html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout}">
  3. <head>
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
  6. <title th:text="#{screen.consent.review.header}">Consent Review View</title>
  7. <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
  8. <script th:src="@{#{webjars.datatables.jquery.datatablesmin.js}}"></script>
  9. <script th:src="@{#{webjars.datatables.datatables.bootstrapmin.js}}"></script>
  10. <script type="text/javascript" th:inline="javascript">
  11. var urls = {
  12. delete: /*[[@{/consentReview/deleteConsentDecision}]]*/,
  13. getConsentDecisions: /*[[@{/consentReview/getConsentDecisions}]]*/
  14. };
  15. var strings = {
  16. error: /*[[#{screen.consent.review.error}]]*/,
  17. success: /*[[#{screen.consent.review.success}]]*/,
  18. confirm: /*[[#{screen.consent.review.confirm}]]*/,
  19. yes: /*[[#{screen.consent.review.yes}]]*/,
  20. no: /*[[#{screen.consent.review.no}]]*/,
  21. data: {
  22. search: /*[[#{screen.consent.review.data.search}]]*/,
  23. zeroRecords: /*[[#{screen.consent.review.data.zerorecords}]]*/,
  24. info: /*[[#{screen.consent.review.data.info}]]*/,
  25. infoFiltered: /*[[#{screen.consent.review.data.infofiltered}]]*/,
  26. infoEmpty: /*[[#{screen.consent.review.data.infoempty}]]*/
  27. }
  28. };
  29. function jqueryReady() {
  30. head.load(
  31. /*[[@{/js/consentReview.js}]]*/
  32. );
  33. };
  34. </script>
  35. <link rel="stylesheet" th:href="@{/css/consentReview.css}"/>
  36. </head>
  37. <body>
  38. <main role="main" class="container mt-3 mb-3">
  39. <div layout:fragment="content">
  40. <div id="content">
  41. <div class="card consentOverview">
  42. <div class="card-header">
  43. <h3 th:utext="#{screen.consent.review.header}">Review Attribute Consent</h3>
  44. </div>
  45. <div class="card-body">
  46. <div id="loadingMessage">
  47. <h4 th:text="#{screen.consent.review.loading}">Loading consent decisions...</h4>
  48. </div>
  49. <div id="no-consent-decisions">
  50. <p th:text="#{screen.consent.review.noconsentdecisions}">There are no consent decisions
  51. registered for you.</p>
  52. </div>
  53. <div id="consent-decisons">
  54. <div id="alertWrapper"></div>
  55. <table id="consentDecisions" class="table table-striped table-hover">
  56. <thead>
  57. <th th:text="#{screen.consent.review.date}">Date</th>
  58. <th th:texT="#{screen.consent.review.service}">Service</th>
  59. </thead>
  60. <tbody>
  61. <tr class="info hidden">
  62. <td class="info" colspan="3">
  63. <div>
  64. <table class="table table-bordered row-detail">
  65. <tbody>
  66. <tr>
  67. <td class="field-label active consent-created-date-label col-3"
  68. th:utext="#{screen.consent.review.createddate}">Created Date:
  69. </td>
  70. <td class="created-date"></td>
  71. </tr>
  72. <tr>
  73. <td class="field-label active consent-reminder-label col-3"
  74. th:utext="#{screen.consent.review.reminder}">Reminder:
  75. </td>
  76. <td class="consent-reminder">
  77. <span class="seconds"
  78. th:utext="#{screen.consent.options.timeunit.seconds}">Seconds</span>
  79. <span class="minutes"
  80. th:utext="#{screen.consent.options.timeunit.minutes}">Minutes</span>
  81. <span class="hours"
  82. th:utext="#{screen.consent.options.timeunit.hours}">Hours
  83. <span class="days"
  84. th:utext="#{screen.consent.options.timeunit.days}">Days</span>
  85. <span class="weeks"
  86. th:utext="#{screen.consent.options.timeunit.weeks}">Weeks</span>
  87. <span class="months"
  88. th:utext="#{screen.consent.options.timeunit.months}">Months</span>
  89. <span class="years"
  90. th:utext="#{screen.consent.options.timeunit.years}">Years</span>
  91. </td>
  92. </tr>
  93. <tr>
  94. <td class="field-label active consent-option-label col-3"
  95. th:utext="#{screen.consent.review.option}">Option:
  96. </td>
  97. <td class="consent-options">
  98. <span class="attribute-name label label-default"
  99. th:utext="#{screen.consent.options.attributename}"
  100. th:title="#{screen.consent.review.options.desc.attributename}"
  101. data-toggle="tooltip"
  102. data-placement="bottom">Attribute Name</span>
  103. <span class="attribute-value label label-default"
  104. th:utext="#{screen.consent.options.attributevalue}"
  105. th:title="#{screen.consent.review.options.desc.attributevalue}"
  106. data-toggle="tooltip"
  107. data-placement="bottom">Attribute Value</span>
  108. <span class="always label label-default"
  109. th:utext="#{screen.consent.options.always}"
  110. th:title="#{screen.consent.review.options.desc.always}"
  111. data-toggle="tooltip" data-placement="bottom">Show the consent screen every time I attempt to log in.</span>
  112. </td>
  113. </tr>
  114. <tr>
  115. <td class="field-label active consent-attributes-label col-3"
  116. th:utext="#{screen.consent.review.attributes}">Attributes:
  117. </td>
  118. <td>
  119. <table class="table table-striped table-bordered consent-attributes">
  120. <thead>
  121. <tr>
  122. <th th:text="#{screen.consent.attributes.attribute}">
  123. Attribute
  124. </th>
  125. <th th:text="#{screen.consent.attributes.values}">Value(s)
  126. </th>
  127. </tr>
  128. </thead>
  129. <tbody>
  130. </tbody>
  131. </table>
  132. </td>
  133. </tr>
  134. </tbody>
  135. </table>
  136. <button type="button" class="btn btn-danger"
  137. th:utext="#{screen.consent.review.delete}">DELETE
  138. </button>
  139. </div>
  140. </td>
  141. </tr>
  142. </tbody>
  143. </table>
  144. </div>
  145. </div>
  146. <button type="button" name="logout" id="logout" class="btn btn-primary"
  147. th:utext="#{screen.welcome.button.logout}">Logout
  148. </button>
  149. </div>
  150. </div>
  151. </div>
  152. </main>
  153. </body>
  154. </html>