





<!-- Edit Modal Code -->
<script>
/*
			* DIALOG SIMPLE
			*/
		
			// Dialog click
			$('.class_modal').click(function(e) {
				e.preventDefault();
				$('#dialog_frame').attr('src', $(this).attr('href'));
				$('#dialog_simple').dialog('open');
				console.log($(this).attr('href'));
				return false;
			});
		

		
		
		var wWidth = $(window).width();
		if (wWidth > 1280 ) {wWidth = 1280 }
        var dWidth = wWidth * 0.95;
        var wHeight = $(window).height();
        var dHeight = wHeight * 0.95;		
		
			$('#dialog_simple').dialog({
				autoOpen : false,
				width: dWidth,
				height: dHeight,
				resizable : false,
				modal : true
				
			});	
  </script>
  


<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable" tabindex="-1" role="dialog" aria-describedby="dialog_simple" aria-labelledby="ui-id-22" style="display: none;">
	<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
		<span id="ui-id-22" class="ui-dialog-title">
		<div class="widget-header">
		<h4><i class="fa fa-warning"></i> Edit</h4>
		</div></span>
		<button class="ui-dialog-titlebar-close"></button>
	</div>
	<div id="dialog_simple" class="ui-dialog-content ui-widget-content">
		<iframe id='dialog_frame' src="" width="99.6%" height="99.6%" frameborder="0"></iframe>
		
	</div>
	<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
		<div class="ui-dialog-buttonset tet">			
			<button type="button" class="btn btn-default"><i class="fa fa-times"></i>&nbsp; Cancel</button>
		</div>
	</div>
</div>

<!-- Edit Modal Code -->




<!--BreadCrumbs--><script>
breadCrumbText = "<!li><span class=\"hidden-xs\"><a href=# onClick=\"return funGo('/portal3/?NoClientID=True&RDM=433503')\" title=\"Dashboard\"><i class=\"fa fa-lg fa-fw fa-dashboard\"></i> <span class=\"menu-item-parent\">Dashboards</span></a><!/li></span>";
	breadCrumbText = breadCrumbText + '<!li> > <a href=/portal3/?ClientID=1672#ajax/?rID=Synopsis&ClientID=1672&RDM=433503><i class=\"fa fa-lg fa-fw fa-company\"></i> Prime Communications, Inc.</a><!/li> ';
document.getElementById('breadcrumb').innerHTML= breadCrumbText;
</script>
<script>document.title = 'Config Item - Dustin test new Macro - 12345678 - Prime Communications, Inc.'</script>



				<!-- Bread crumb is created dynamically -->
				<!-- row -->
				<div class="row">
				
					<!-- col
					<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
						<a class="btn btn-default" href="javascript:void(0);">Edit</a> <a class="btn btn-default" href="javascript:void(0);">Delete</a> <a class="btn btn-default" href="javascript:void(0);">Security</a><BR><BR>
					</div>
					 end col -->
				
					<!-- right side of the page with the sparkline graphs -->

				
				</div>
				<!-- end row -->
				
				<!-- row -->
				
				<div class="row">

					<div class="col-sm-12">

				
							<div class="well well-sm">

				
								<div class="row">
				
									<div class="col-sm-12 col-md-12 col-lg-12 expand">
										<div class="well well-light well-sm no-margin no-padding">
				
											<div  class="row">
				
												<div  class="col-sm-12">
<style>

#user_ConfigObject_block {
    padding-top: 15px;
}


.profile-pic div{
    position: relative;
    top: -26px;
}

.profile-pic>img {
    border-radius: 0;
    position: relative;
    border: 5px solid #fff;
    top: -44px;
    left: 10px;
    display: inline-block;
    text-align: right;
    z-index: 4;
    max-width: 100px;
    margin-bottom: -30px;
}

.profile-pic {
    height: 100%;
}

.profile-pic div {
    position: relative;
    left: 10px;
    text-align: center;
}

#ConfigObject_info {
    padding-top: 10px;
}

#custom_email_wrap {
    margin-top: 20px;
    padding: 10px !important;

}

#custom_email h4 {
   margin: 10px;

}

#custom_email .inbox-data-from div {
    width: 100%;
}

@media (max-width: 1470px) {
    .expand{
        width: 100%;
    }
}
</style>
													<div  id="user_name_block">
                                                        <div class="row">
                                                            <div class="col-xs-12 col-md-offset-0">
															
															
															
															<h1>
															
<div class="title">
<style>
    .title .options {
        float: right
    }

    .title .name {
        float: left
    }

    .e-btn {
        float: right;
        font-size: 13px;
        margin-right: 10px;
    }

    .d-btn {
        float: right;
        font-size: 13px;
    }

    @media(max-width:767px) {
        .e-btn, .d-btn {
            display: none;
        }

        .title .name {
            width: 100%;
        }
    }	

</style>												
															
															<span class="name"><i class="fa fa-lg fa-fw fa-configitem"></i> Genetec Macro - Dustin test new Macro - 12345678</span>
										<span class="options" style="padding-right:15px"><!-- /btn-group -->&nbsp;&nbsp;</span>
</div>




									
															<br><div class="clearfix hidden-xs"></div>

															<table><tr><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td><small></small></td></TR></table>
										

</h1>
                                                             </div>
                                                        </div>
													</div>
												</div>			
												<div class="col-xs-12 fr-view">
													<div class="row  col-xs-offset-0">				
														<div class="col-sm-12" id="ConfigObject_info">
                                                            <div class="row">
                                                                <div class="col-sm-12">
                                                                    <ul class="list-unstyled">
																															
																																							
																	
                                                                    </ul>
                                                                 </div>
                                                            </div>
															

															</p>
															
																
															
														</div>

				
													</div>
				
												</div>
				
											</div>
											<!-- end row -->
				
										</div>
				
									</div>
									<div class="col-sm-12 col-md-12 col-lg-12 expand">
                                        <div class="jarviswidget jarviswidget-sortable" id="wid-id-0" data-widget-togglebutton="false" data-widget-editbutton="false" data-widget-fullscreenbutton="false" data-widget-colorbutton="false" data-widget-deletebutton="false" role="widget">
												
                                            <header role="heading">

                                                <ul class="nav nav-tabs pull-left in" id="myTab">

												<li class="active"><a href="#sTemplate352" data-toggle="tab" onclick="document.getElementById('mainArticle').className = 'col-sm-12 col-md-12 col-lg-6'">Macro</a></li>	
                                                </ul>

								                <span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span>
                                            </header>
                                            <div id="myTabContent" class="tab-content">
											
											
											<div id="sNotes" class="tab-pane fade row padding-10">


                                                <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12 sortable-grid ui-sortable" >
                                <div class="jarviswidget jarviswidget-color-blueDark jarviswidget-sortable" id="wid-id-notes" data-widget-fullscreenbutton="false"  data-widget-editbutton="false" role="widget" style="">
                                    <header role="heading"><div class="widget-toolbar" role="menu"></div>


                                        
                                        <h2><span class="widget-icon"> <i class="fa fa-pencil"></i></span>&nbsp;Notes</h2>
                                    <span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span></header>
                                    <div role="content">
                                        <div class="jarviswidget-editbox">
                                        </div>
                                        <div class="widget-body dataTableMarginFixd fr-view table-responsive">
                                            <table class="table table-bordered table-striped table-hover" width="100%">
                                            <tbody>                                                                                    <div class="tab-pane fade" id="sNoteEdit"><input type="hidden" id="EditRecID" name="EditRecID" value=""/>							<div id="dialog_notes_edit" style="display:none;">								<div class="note-bit-div">								</div>								<textarea name="EditNotes" id="newnotes" style="display: none;"></textarea>							</div>                                                                                    </div>                                            </tbody></table>
                                        </div>
                                    </div>
                                </div>
                            </article></div>


<div class="tab-pane fade  " id="sCustom">

	<div style="margin: 0cm 1cm 1cm 1cm;">
	<Form name=NeededToGetPasswordCopyToClipBoardToWorkInViewMode class=smart-form></form>
	</div>

</div>													


<div class="tab-pane fade  active in padding-10 no-padding-bottom row" id="sTemplate352"><Form name=NeededToGetPasswordCopyToClipBoardToWorkInViewMode352 class=smart-form><i></i></span><span id="sectionInfo"><legend><legend>Info</legend><br/><section><label class="label">Name</label><label class="input"><input  disabled="disabled" class="form-control"  type="text" id="field4736" name="field4736" class="input-sm" value="DustinMacro2"></label></section><section><label class="label">Tier</label><label class="select"><select   disabled="disabled" class="form-control"   id="field4737" name="field4737"><option value="0" selected="" disabled="">Select an option</option><option value=".">.</option><option value="Free">Free</option><option value="Low">Low</option><option value="Mid">Mid</option><option value="High">High</option><option value="Custom">Custom</option></select></label></label></section>				<section><label class="label">Date</label><label class="input"><input type="text" class="datepickerTrigger"" id="field4738"  disabled="disabled" class="form-control"  name="field4738" class="input-sm" value=""></label></section><section><label class="label">Description</label><label class="textarea textarea-resizable"></label></section></span><span id="sectionConfiguration"><legend><legend>Configuration</legend><br/><section><label class="label">Configuration</label><label class="textarea textarea-resizable"></label></section><section><label class="label">Notes</label><label class="textarea textarea-resizable"></label></section></span><span id="sectionCode"><legend><legend>Code</legend><br/><section><label class="label">Code</label><label class="label">&nbsp;&nbsp;&nbsp;</label></section></span></form></div>
											
											<div class="tab-pane fade  padding-10 no-padding-bottom row" id="sForms">		
												
											</div>	


	
                                            <div class="tab-pane fade active in padding-10 no-padding-bottom row" id="sChanges">		
												
                                            </div>
																						



                            <div class="tab-pane fade active in padding-10 no-padding-bottom row>" id="sSheets">
                                
                            </div>


	<div class="tab-pane fade active in padding-10 no-padding-bottom row" id="s6">		
		
		<script>
		 funGetASP2('s6','/portal3/ajax-updates/?rID=WorkHistory&ConfigObjectID=3455&ClientID=1672');
		</script>		
		
	</div>
	
	<div id="sLogs"></div>

											
											
											
                                        </div>
			
	
<BR>&nbsp;<i><center><table width=99%><tr><td>Created: 6/25/2024&nbsp;1:39:11 PM<br> </td>
<td align=right>Last Modified:&nbsp;&nbsp;<br> </td></tr></table></i>
										
					
										
                                        </div>
									</div>

								</div>
				
							</div>
				
				
					</div>
				
				</div>
				
				<!-- end row -->





<script>

	function copyusername(){
		$.ajax({
			url : "ajax-updates/?rID=RandomNumber",
			success : function(response){
				var $temp = $("<input type='text' value='"+response+"' id='un'>");
				$("body").append($temp);
			},
		});
			setTimeout(function(){	
				var tcopy = document.getElementById('un');
				tcopy.select();
					document.execCommand("copy");
					$('#un').remove();			
					$('#cpuser').html('<div style="margin-bottom:0px;margin-left:50px;padding:3px 10px;width:250px;" class="alert alert-success alert-dismissible show" role="alert"><strong>Username Copied</strong><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button></div>'); 
				},100);
	}

	function copypassword(){
		$.ajax({
			url : "ajax-updates/?rID=RandomNumber",
			success : function(response){
				var $temp = $("<input type='text' value='"+response+"' id='ps'>");
				$("body").append($temp);
			},
		});
			setTimeout(function(){	
				var tcopy = document.getElementById('ps');
				tcopy.select();
					document.execCommand("copy");
					$('#ps').remove();			
					$('#cppass').html('<div style="margin-bottom:0px;margin-left:50px;padding:3px 10px;width:250px;" class="alert alert-success alert-dismissible show" role="alert"><strong>Password Copied</strong><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button></div>'); 
				},100);
	}

</script>
<script type="text/javascript">
	$(document).ready(function(){
	    $(".divAUsername").click(function(){
	    	var div1 = $(".credentials-view.useracc");
	    	//div.show();
	    	if(div1.hasClass('uhide')){
	    		div1.hide();
	    		div1.removeClass('uhide');
	    	}
	    	else{
	    		div1.show();
	    		div1.addClass('uhide');
	    		div1.removeClass('azhide');
	    	}	    	
	        //$(".credentials-view").toggle();
	    });

	    $("#link_username_spell").click(function(){
	    	var div2 = $('.credentials-view.useracc');
	    	if(div2.hasClass('azhide')){
	    		div2.hide();
	    		div2.removeClass('azhide');
	    	}
	    	else{
	    		div2.show();
	    		div2.addClass('azhide');
	    		div2.removeClass('uhide');
	    	}
	    });


	    $(".divAPassword").click(function(){
	    	var div3 = $('.credentials-view1');
	    	if(div3.hasClass('passhide')){
	    		div3.hide();
	    		div3.removeClass('passhide');
	    	}
	    	else{
	    		div3.show();
	    		div3.addClass('passhide');
	    		div3.removeClass('azhide');
	    	}
	    });
	    $("#link_password_spell").click(function(){
	    	var div4 = $('.credentials-view1');
	    	if(div4.hasClass('azhide')){
	    		div4.hide();
	    		div4.removeClass('azhide');
	    	}
	    	else{
	    		div4.show();
	    		div4.addClass('azhide');
	    		div4.removeClass('passhide');
	    	}
	    });

		
		var aa= document.getElementsByTagName("input");
		for (var i = 0; i < aa.length; i++){
			if ((aa[i].type == 'checkbox') && (aa[i].name.indexOf("field")==0)){
				fieldID = aa[i].name.replace("field", "");
				showhideSections(fieldID);
			}
		}
	});

	function showhideSections(id){
	var sectionID;
	
	var jsontext;
	jsontext = document.getElementById('yesno'+id) || "";
	if (typeof jsontext.innerHTML !== 'undefined') {
		jsontext = jsontext.innerHTML;
	}

	if(jsontext != ""){
		var obj = jobjJSON.parse(jsontext);
		for (i = 0; i < obj.YesSections.length; i++) {
            sectionID = obj.YesSections[i];
            if ($("#field" + id).attr("data-sectionid") != sectionID) {
                if (document.getElementById('section' + sectionID) != null) {
                    if (document.getElementById('field' + id).checked == true) {
                        document.getElementById('section' + sectionID).style.display = '';
                    }
                    else {
                        document.getElementById('section' + sectionID).style.display = 'none';
                    }
                }
            }
			
		}		
		for (i = 0; i < obj.NoSections.length; i++) {
            sectionID = obj.NoSections[i];
            if ($("#field" + id).attr("data-sectionid") != sectionID) {
                if (document.getElementById('section' + sectionID) != null) {
                    if (document.getElementById('field' + id).checked == false) {
                        document.getElementById('section' + sectionID).style.display = 'none';
                    }
                    else {
                        document.getElementById('section' + sectionID).style.display = '';
                    }
                }
            }
		}		
	}
}
</script>
<gptTitle> Configuration Item - Dustin test new Macro - 12345678 - Prime Communications, Inc.</gpttile>