<html><head><meta charset="utf-8"><meta><meta><meta><meta><meta></head><body style="word-wrap: break-word;">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="css/esrpartstyle.css" rel="stylesheet" type="text/css"><br>
    <script src="../../ClientGlobalContext.js.aspx" type="text/javascript"></script>
    <script src="../../bah_jquery1.4.1.min.js" type="text/javascript"></script>
    <script src="../../bah_SDK.REST.js" type="text/javascript"></script>
    <script src="jquery.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    
    <style>
            .button{
                                margin-left:10%;
                                margin-right:10%;
                                margin-top:6%;
                                width:80%;
                                height:25px;
                                font-family: 'Segoe UI';
                }
            .sidebar {
                                background-color:#002050;
                                width:15%;
                                height:100%;
                                position:fixed;
                                left: 0;
                                top:0;
                }
/*            .frame{
                                display: none;
                                width: 100%;
                                height: 100%;
                }*/
                
                .framecontainer{                                
                                position:fixed;
                                top:0px;
                                left: 15%;
                                width:97%;
                                height: 100%;
                                border: 1px solid #777777;
                                background:#f0f0f0;
                               box-shadow:0px 0px 10px #777777;
                }
                #frameWrap {
                                position:relative;
                                height: 360px;
                                width: 640px;
                                border: 1px solid #777777;
                                background:#f0f0f0;
                               box-shadow:0px 0px 10px #777777;
                } 


                .iframe{
                                scroll-behavior: auto;
                                width:87%;
                                height:100%;
                                margin-right:1%;
                                //position: relative;
                                top: 50%;
                                //transform: translateY(-50%);
                }

               .loader {
                                position:absolute;
                                left:40%;
                                top:35%;
                                border-radius:20px;
                                padding:25px;
                                border:1px solid #777777;
                                background: #ffffff;
                                box-shadow:0px 0px 10px #777777;
                } 


    </style>

    <div class="sidebar" id="sidebar">
        <button class="button" id="consultsbtn">Consults</button><br>
        <button class="button" id="notesbtn">Notes</button><br>
        <button class="button" id="ordersbtn">Orders</button><br>
        <button class="button" id="postingsbtn">Postings</button><br>
        <button class="button" id="appointmentsbtn">Appointments</button><br>
    </div>
    
    <div class="framecontainer" id="framecontainer">
            <span class="loader" id="UserInstruction">Please select a button on the left to display information.</span>
            <div class="loader" id="loader1" style="background: lemonchiffon;">Please wait while Clinical Information is retrieved...</div>
            <iframe title="IFrame placeholder" class="iframe" id="displayframe"></iframe>
    </div>
   

    <script>

$(document).ready(function(){

$('#loader1').hide(); 


function getWebPartURL(kvpname) {

        var url = "not set";
        var icn = $.QueryString["data"];
        $('#loader1').show();
        $('#UserInstruction').hide(); 

        if (icn.length>0) {

              SDK.REST.retrieveMultipleRecords("bah_keyvaluepair",
              "$select=*&$filter=bah_name_text eq '"+kvpname+"'",
              function(data){
                 if(data.length>0) {
                   url = data[0].bah_stringvalue_text;
                  }
                  var newUrl = url.replace('{0}', icn);

                   // avoid entry to the history stack by dropping & recreating iFrame (vs resetting the Src)
                   $('#displayframe').remove();

                   $('<iframe />').attr({
                   name: 'displayframe',
                   id: 'displayframe',
                   src: newUrl,
                   class: 'iframe'
                   }).appendTo("#framecontainer");
                  
                   $('#UserInstruction').hide(); 
                    $('#displayframe').on('load', function () {
                        $('#loader1').hide();
                        }); 


                   //$('#displayframe').attr({
                   // src: newUrl,
                   // title:"IFrame containing Veteran data for: " + kvpname
                 //});

             },

              function(error){
                //do nothing
              },

              function(){
                //do nothing on completion
              }
              );

         }
         else
            { alert("ERROR: No National ID available.");}

     } // end getWebPartUrl

  


(function($) {
    $.QueryString = (function(a) {
        if (a == "") return {};
        var b = {};
        for (var i = 0; i < a.length; ++i)
        {
            var p=a[i].split('=', 2);
            if (p.length != 2) continue;
            b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
        }
        return b;
    })(window.location.search.substr(1).split('&'))
})(jQuery);


        $('#consultsbtn').click(function(){
             getWebPartURL("hdr_consults");
        });
        $('#notesbtn').click(function(){
             getWebPartURL("hdr_notes");
        });
        $('#ordersbtn').click(function(){
            getWebPartURL("hdr_orders");
        });
        $('#postingsbtn').click(function(){
            getWebPartURL("hdr_postings");
        });
        $('#appointmentsbtn').click(function(){
            getWebPartURL("hdr_appointments");
        });


}); // close jquery
    </script>


</body></html>