0.3.14

assets/pages/jquery.explore.js

@@ -265,12 +265,17 @@ function retrievePortPath(objID, objFace, partitionDepth, portID){
 		if($(response.error).size() > 0) {
 			displayError(response.error);
 		} else {
+			
+			// Display divergent path warning if necessary
 			if(response.data.pathDiverges) {
 				$('#warningPathDiverges').show();
 			} else {
 				$('#warningPathDiverges').hide();
 			}
+			
+			// Render path diagram
 			$('#containerFullPath').html(response.success);
+			
 			makeCableConnectorsClickable();
 			drawPath();
 		}
@@ -940,6 +945,8 @@ $( document ).ready(function() {
 			return false;
 		}
 		
+		var tipObj = $('<span>&nbsp;</span><i class="ion-help-circled" data-toggle="tooltip" data-placement="right" title="Ctrl-Click or Shift-Click to select multiple ports when representing breakout cables."></i>');
+		
 		var modalTitle = $(this).attr('data-modalTitle');
 		var objectID = $(document).data('clickedObjID');
 		var objectFace = $(document).data('clickedObjFace');
@@ -950,6 +957,8 @@ $( document ).ready(function() {
 		$('#objTree').jstree(true).refresh();
 		$('#alertMsgObjTree').empty();
 		$('#objectTreeModalLabel').html(modalTitle);
+		$('#objectTreeModalLabel').append(tipObj);
+		$('#objectTreeModalLabel').children().tooltip();
 		$('#objectTreeModal').modal('show');
 	});
 	

assets/pages/jquery.scan.js

@@ -54,14 +54,24 @@ function destroyEditables(){
 function buildFullPath(localConnectorCode39){
 	var data = {connectorCode39: localConnectorCode39};
 	data = JSON.stringify(data);
-	$.post('backend/retrieve_path_full.php', {'data':data}).done(function(response){
+	$.post('backend/retrieve_path_full.php', {'data':data}).done(function(responseJSON){
-		var responseJSON = JSON.parse(response);
+		var response = JSON.parse(responseJSON);
-		if (responseJSON.active == 'inactive'){
+		if (response.active == 'inactive'){
 			window.location.replace('/app/login.php');
-		} else if ($(responseJSON.error).size() > 0){
+		} else if ($(response.error).size() > 0){
-			displayError(responseJSON.error);
+			displayError(response.error);
 		} else {
-			$('#containerFullPath').html(responseJSON.success);
+			
+			// Display divergent path warning if necessary
+			if(response.data.pathDiverges) {
+				$('#warningPathDiverges').show();
+			} else {
+				$('#warningPathDiverges').hide();
+			}
+			
+			// Render path diagram
+			$('#containerFullPath').html(response.success);
+			
 			drawPath();
 			$('.cableArrow').on('click', function(){
 				var data = {codeResult: {code: $(this).attr('data-Code39')}};

explore.php

@@ -11,6 +11,8 @@ $qls->Security->check_auth_page('user.php');
 	<link href="assets/css/style-cabinet.css" rel="stylesheet" type="text/css"/>
 	<link href="assets/css/style-object.css" rel="stylesheet" type="text/css"/>
 	<link href="assets/css/style-templates.css" rel="stylesheet" type="text/css"/>
+	
+	<link href="assets/plugins/bootstrap-tagsinput/css/bootstrap-tagsinput.css" rel="stylesheet"/>
 
 	<!-- X-editable css -->
 	<link type="text/css" href="assets/plugins/x-editable/css/bootstrap-editable.css" rel="stylesheet">
@@ -303,6 +305,9 @@ $qls->Security->check_auth_page('user.php');
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.8/jstree.min.js"></script>
 <script src="assets/pages/jquery.explore.js"></script>
 
+<!-- Tags Input -->
+<script src="assets/plugins/bootstrap-tagsinput/js/bootstrap-tagsinput.js"></script>
+
 <!-- XEditable Plugin -->
 <script src="assets/plugins/moment/moment.js"></script>
 <script type="text/javascript" src="assets/plugins/x-editable/js/bootstrap-editable.min.js"></script>

templates.php

@@ -48,7 +48,7 @@ require_once './includes/content-templates.php';
 			
 			<!-- Category -->
 			<fieldset class="form-group">
-				<label>Category <i class="ion-help-circled" data-toggle="tooltip" data-placement="right" title="Group and color code objects."></i></label>
+				<label>Category <i class="ion-help-circled" data-toggle="tooltip" data-placement="right" title="Group templates and assign color code."></i></label>
 				<div class="input-group" style="display:flex;">
 					<!-- Category select input -->
 					<div>