Addendum 2: View Code

The following source code is the View (HTML) source code.  This source code is best viewed with MS Code for proper visual code formatting and grouping. .
<!DOCTYPE html>
<html lang=”en”>
<head>
    <meta charset=”utf-8″>
    <meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>
    <title>Black Hole Route Injection</title>
    <!– Bootstrap –>
    <!link href=”static/js/bootstrap.tmp.css” rel=”stylesheet”>
    <link href=”static/js/bootstrap.css” rel=”stylesheet”>
    <link href=”http://getbootstrap.com/examples/jumbotron-narrow/jumbotron-narrow.css” rel=”stylesheet”>
    <link rel=”stylesheet” href=”https://www.w3schools.com/w3css/4/w3.css”>
    <!script type=”text/javascript” src=”static/js/angular.js”></script>
    <!script src=”https://rawgit.com/CautemocSg/ng-ip-address/master/ngIpAddress.min.js”></script>
</head>
<body>
    <div ng-app=”myApp” ng-controller=”HomeCtrl”>
        <form name=”SearchForm”>
            <div ng-if=”PhaseOne”>
                <div class=”container”>
                    <div class=”header”>
                        <nav>
                            <ul class=”nav nav-pills pull-right”>
                            </ul>
                        </nav>
                        <h3 align=”center”>Route Black-Hole Portal</h3>
                    </div>
                    <div class=”jumbotron”>
                        <h3 align=”left”>Re-push all B-H prefixes? Or search for a B-H prefix in the Data Base?</h3>
                        <button class=”w3-btn w3-large w3-blue” ng-click=”Repush()”>Repush ?</button>
                        <button class=”w3-btn w3-large w3-blue” ng-click=”DBaseSearch()”>Database Search ?</button>
                    </div>
                </div>
            </div>
            <div ng-if=”repush”>
                <div>
                    <div class=”container”>
                        <div class=”header”>
                            <nav>
                                <ul class=”nav nav-pills pull-right”>
                                </ul>
                            </nav>                                                 
                        </div>
                        <div class=”jumbotron”>
                            <h3 align=”left”>Push results </h3>
                            <span ng-show=”repushed == ‘false'”>
                                <button ng-click=”Repush()”>Repush all Prefixes</button> </span>
                            <div ng-if=”PushedErr == ‘true'”>
                                There were problems:likely DB content/access issues
                                <label for=”txtmessage” class=”control-label”>Error Message:</label>
                                <input type=”text” ng-readonly=”ReadOnly” class=”form-control” ng-model=”message” id=”txtmessage”>
                                <input type=”button” value=”Refresh the Page For New Request ?” onClick=”window.location.reload()”>
                            </div> 
                            <div ng-if=”PushedErr == ‘false'”>
                                <label for=”txtPrefixes” class=”control-label”>Prefixes Copied:</label>
                               <input type=”text” ng-readonly=”ReadOnly” class=”form-control” ng-model=”PrefixCopied” id=”txtPrefixes”>
                                <input type=”button” value=”Refresh the Page For New Request ?” onClick=”window.location.reload()”>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div ng-if=”DBSearched && buttonpressed == false”>
                <div class=”container”>
                    <div class=”header”>
                        <nav>
                            <ul class=”nav nav-pills pull-right”>
                            </ul>
                        </nav>
                        <h3 align=”center”>Route Black-Hole Portal</h3>
                    </div>
                    <div class=”jumbotron”>
                        <h3 align=”center”>Data base Search </h3>
                        <div>
                            <fieldset>
                                <legend>Enter Address for Search</legend>
                                <label>IP Address</label>
                                <input type=”text” name=”SearchInput1″ ng-model=”$parent.ipAddress1″ ng-ip-address />
                                <span ng-if=”SearchForm.SearchInput1.$invalid”>Invalid</span>
                                <div>
                                    <span ng-if=”SearchForm.SearchInput1.$dirty && SearchForm.SearchInput1.$valid”>
                                    Valid
                                    <button ng-click=”selectentry()”>Select</button></span>
                                </div>
                            </fieldset>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div ng-if=”DBSearched && buttonpressed”>
                    <div class=”container”>
                        <div class=”header”>
                            <nav>
                                <ul class=”nav nav-pills pull-right”>
                                </ul>
                            </nav>
                            <h3 align=”center”>Route Black-Hole Portal</h3>
                        </div>
                        <div class=”jumbotron”>
                            <h3 align=”center”>Data base Search </h3>
                            <div>
                                <fieldset>
                                    <div ng-if=”PrefixFound != 0 && PrefixRemain != 0″>
                                        Prefix Found
                                        <button ng-click=”Removeentry()”>remove Entry?</button>
                                    </div>
                                    <div ng-if=”PrefixFound == 0 && AddaPrefix == 0″>
                                        No Such prefix in Data Base
                                        <button ng-click=”Addentry()”>Add Entry?</button>
                                    </div>
                                    <div ng-if=”AddaPrefix”>
                                        <legend>Enter any Additional BGP Attributes</legend>
                                        <div class=”form-group”>
                                            <label for=”txtNeighbor” class=”control-label”>Neighbor:</label>
                                            <input type=”text” class=”form-control” ng-model=”info.neighbor” id=”txtNeighbor”>
                                        </div>
                                        <div class=”form-group”>
                                            <label for=”txtNextHop” class=”control-label”>NextHop:</label>
                                            <input type=”text” class=”form-control” ng-model=”info.nexthop” id=”txtNextHop”>
                                        </div>
                                        <div class=”form-group”>
                                            <label for=”txtASPath” class=”control-label”>ASPath</label>
                                            <input type=”text” class=”form-control” ng-model=”info.aspath” id=”txtASPath”>
                                        </div>
                                        <div class=”form-group”>
                                            <label for=”txtLocalPref” class=”control-label”>LocalPref:</label>
                                            <input type=”text” class=”form-control” ng-model=”info.localpref” id=”txtLocalPref”>
                                        </div>
                                        <div class=”form-group”>
                                            <label for=”txtOperationNotes” class=”control-label”>OperationNotes:</label>
                                            <input type=”text” class=”form-control” ng-model=”info.opnotes” id=”txtOperationNotes”>
                                        </div>
                                        <div ng-show=”AddSuccess == 0″>
                                            <button ng-click=”AnnouncePrefix()”>Announce the Prefix</button>
                                        </div>
                                        <div ng-if=”AddSuccess == info.prefix”>
                                            <input type=”button” value=”Success !!! Refresh the Page For New Request ?” onClick=”window.location.reload()”>
                                        </div>
                                    </div>
                                    <div>
                                        <div ng-if=”DeleteAPrefix == 1″>
                                            <div ng-show=”DeleteAPrefix == 1 && PrefixRemain != 0″>
                                                <button ng-click=”DenounceEntry()”>Remove the Prefix</button>
                                            </div>
                                            <div ng-if=”PrefixRemain == 0″>
                                                No Such prefixes Remain in the Data Base !
                                                <input type=”button” value=”Success !!! Refresh the Page For New Request ?” onClick=”window.location.reload()”>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!– jQuery (necessary for Bootstrap’s JavaScript plugins) –>
    <!script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script>
    <!– Include all compiled plugins (below), or include individual files as needed –>
    <script type=”text/javascript” src=”static/js/angular.min.js”></script>
    <script type=”text/javascript” src=”static/js/jquery.min.js”></script>
    <script type=”text/javascript” src=”static/js/bootstrap.min.js”></script>
    <script type=”text/javascript” src=”static/js/bootstrap-theme.css”></script>
    <script type=”text/javascript” src=”static/js/ngIpAddress.min.js”></script>
    <script type=”text/javascript” src=”static/js/app-ip.js”></script>
    <script type=”text/javascript” src=”static/js/announce_prefix3.js”></script>
</body>
</html>