Use more specific naming

js/components/dodlogin.js

@@ -1,5 +1,5 @@
 export default {
-  name: 'fullpagenotice',
+  name: 'dodlogin',
 
   data: function() {
     return {

js/index.js

@@ -6,7 +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 dodlogin from './components/dodlogin'
 import levelofwarrant from './components/levelofwarrant'
 import optionsinput from './components/options_input'
 import multicheckboxinput from './components/multi_checkbox_input'
@@ -47,7 +47,7 @@ Vue.mixin(Modal)
 const app = new Vue({
   el: '#app-root',
   components: {
-    fullpagenotice,
+    dodlogin,
     toggler,
     levelofwarrant,
     optionsinput,

styles/atat.scss

@@ -42,7 +42,7 @@
 @import 'components/audit_log';
 @import 'components/usa_banner';
 @import 'components/checklist';
-@import 'components/full_page_notice.scss';
+@import 'components/dod_login_notice.scss';
 
 @import 'sections/login';
 @import 'sections/home';

styles/components/_dod_login_notice.scss

@@ -1,4 +1,4 @@
-.full-page-notice {
+.dod-login-notice {
   background: rgba(0,0,0,.5);
   bottom: 0;
   left: 0;

templates/fragments/dod_login.html

@@ -1,10 +1,10 @@
-<fullpagenotice inline-template key="notice">
+<dodlogin inline-template key="notice">
   <div>
     <div class="usa-button usa-button-primary usa-button-big login-banner__button" v-on:click="displayNotice()">
       {{ "login.login_button" | translate }}
     </div>
 
-    <div class="full-page-notice" v-if="visible" v-cloak>
+    <div class="dod-login-notice" v-if="visible" v-cloak>
       <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>
@@ -30,4 +30,4 @@
       </div>
     </div>
   </div>
-</fullpagenotice>
+</dodlogin>

templates/login.html

@@ -21,7 +21,7 @@
 
           <img class="login-banner__logo" src="{{url_for('static', filename='img/ccpo-logo.svg')}}" alt="{{ "login.ccpo_logo_alt_text" | translate }}">
 
-          {% include "fragments/dod_notice.html" %}
+          {% include "fragments/dod_login.html" %}
         </div>
 
         {% with %}