Add DoD Disclaimer
This commit is contained in:
parent
d67a56b7b2
commit
4d47c881b6
33
js/components/fullpagenotice.js
Normal file
33
js/components/fullpagenotice.js
Normal file
@ -0,0 +1,33 @@
|
||||
import checkboxinput from './checkbox_input'
|
||||
import FormMixin from '../mixins/form'
|
||||
|
||||
export default {
|
||||
name: 'fullpagenotice',
|
||||
|
||||
mixins: [FormMixin],
|
||||
|
||||
components: {
|
||||
checkboxinput,
|
||||
},
|
||||
|
||||
data: function() {
|
||||
return {
|
||||
agree: false,
|
||||
visible: true,
|
||||
}
|
||||
},
|
||||
|
||||
mounted: function() {
|
||||
this.$root.$on('field-change', this.handleValidChange)
|
||||
},
|
||||
|
||||
methods: {
|
||||
handleValidChange: function(event) {
|
||||
this.agree = event.value
|
||||
},
|
||||
|
||||
agreeToTermsClick: function() {
|
||||
this.visible = false
|
||||
},
|
||||
},
|
||||
}
|
@ -6,6 +6,7 @@ import classes from '../styles/atat.scss'
|
||||
import Vue from 'vue/dist/vue'
|
||||
import VTooltip from 'v-tooltip'
|
||||
|
||||
import fullpagenotice from './components/fullpagenotice'
|
||||
import levelofwarrant from './components/levelofwarrant'
|
||||
import optionsinput from './components/options_input'
|
||||
import multicheckboxinput from './components/multi_checkbox_input'
|
||||
@ -46,6 +47,7 @@ Vue.mixin(Modal)
|
||||
const app = new Vue({
|
||||
el: '#app-root',
|
||||
components: {
|
||||
fullpagenotice,
|
||||
toggler,
|
||||
levelofwarrant,
|
||||
optionsinput,
|
||||
|
@ -42,6 +42,7 @@
|
||||
@import 'components/audit_log';
|
||||
@import 'components/usa_banner';
|
||||
@import 'components/checklist';
|
||||
@import 'components/full_page_notice.scss';
|
||||
|
||||
@import 'sections/login';
|
||||
@import 'sections/home';
|
||||
|
16
styles/components/_full_page_notice.scss
Normal file
16
styles/components/_full_page_notice.scss
Normal file
@ -0,0 +1,16 @@
|
||||
.full-page-notice {
|
||||
background: rgba(0,0,0,.5);
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
overflow: scroll;
|
||||
padding: $gap*4 0;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 999;
|
||||
|
||||
.usa-alert {
|
||||
margin: 0 auto;
|
||||
max-width: $article-max-width + $nav-width;
|
||||
}
|
||||
}
|
43
templates/fragments/dod_notice.html
Normal file
43
templates/fragments/dod_notice.html
Normal file
@ -0,0 +1,43 @@
|
||||
<fullpagenotice inline-template key="notice">
|
||||
<div class="full-page-notice" v-show="visible">
|
||||
<div class='usa-alert usa-alert-info'>
|
||||
<div class='usa-alert-body'>
|
||||
<h3>You are accessing a U.S. Government (USG) Information System (IS) that is provided for USG-authorized use only.</h3>
|
||||
|
||||
<h4>By using this IS (which includes any device attached to this IS), you consent to the following conditions:</h4>
|
||||
|
||||
<ul>
|
||||
<li> The USG routinely intercepts and monitors communications on this IS for purposes including, but not limited to, penetration testing, COMSEC monitoring, network operations and defense, personnel misconduct (PM), law enforcement (LE), and counterintelligence (CI) investigations.</li>
|
||||
|
||||
<li>At any time, the USG may inspect and seize data stored on this IS.</li>
|
||||
|
||||
<li>Communications using, or data stored on, this IS are not private, are subject to routine monitoring, interception, and search, and may be disclosed or used for any USG-authorized purpose.</li>
|
||||
|
||||
<li>This IS includes security measures (e.g., authentication and access controls) to protect USG interests--not for your personal benefit or privacy.</li>
|
||||
|
||||
<li>Notwithstanding the above, using this IS does not constitute consent to PM, LE or CI investigative searching or monitoring of the content of privileged communications, or work product, related to personal representation or services by attorneys, psychotherapists, or clergy, and their assistants. Such communications and work product are private and confidential. See User Agreement for details.</li>
|
||||
</ul>
|
||||
|
||||
<checkboxinput inline-template key="agree">
|
||||
<div class="usa-input">
|
||||
<fieldset data-ally-disabled="true" v-on:change="onInput">
|
||||
<legend>
|
||||
<input id="abc" type="checkbox" name="abc" value="y" />
|
||||
<label for="abc">
|
||||
I've read and consent to the terms in IS user agreement
|
||||
</label>
|
||||
</legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
</checkboxinput>
|
||||
|
||||
<div
|
||||
class="usa-button usa-button-primary"
|
||||
v-on:click="agreeToTermsClick"
|
||||
v-bind:class="{ 'usa-button-disabled': !agree }">
|
||||
{{ "common.continue" | translate }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fullpagenotice>
|
@ -6,6 +6,8 @@
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% include "fragments/dod_notice.html" %}
|
||||
|
||||
<div class='global-layout login-layout'>
|
||||
<div class='global-panel-container login-container'>
|
||||
<div class='col'>
|
||||
|
@ -21,6 +21,7 @@ common:
|
||||
back: Back
|
||||
cancel: Cancel
|
||||
confirm: Confirm
|
||||
continue: Continue
|
||||
delete_confirm: 'Please type the word DELETE to confirm:'
|
||||
edit: Edit
|
||||
hide: Hide
|
||||
|
Loading…
x
Reference in New Issue
Block a user