pageFormAdmin.js in mcms_pages-0.0.2

- old
+ new

@@ -1,6 +1,6 @@
-/* 
+/*
  *   @File Name                 : pageFormAdmin.js
  *   @Company Name              : Mindfire Solutions Private Limited
  *   @Creator Name              : Vikram Kumar Mishra
  *   @Date Created              : 2012-06-08
  *   @Date Modified             : 2012-06-14
@@ -11,10 +11,11 @@
 //bind the events to elts of the document when it is ready
 $(document).ready(function(){
 
     //assigning DOM element in a variable
     var treeElement = $('.pages-tree .page-toggle');
+	var textBox = $('#page_link_url');
 
     /*
      * @params   : None
      * @return   : None
      * @purpose  : initializing the functions call to bind events with DOM element
@@ -28,13 +29,16 @@
         treeElement.live('click', toggleTree);
 
         //function call to find first and last li of tree
         findFirstLastLi();
 
+        //function call to check length of value of textbox
+        textBox.blur(validateValue);
+
     } // end initialize function
 
-    
+
     /*
      * @params   : None
      * @return   : None
      * @purpose  : adding tab functionality like jquery tabs
      */
@@ -44,17 +48,18 @@
         $('.page-tabs div').hide();
         $('.page-tabs #page-part-form').show();
         $('.page-tabs #page-part-form #page-part-fields-0').show();
         $('.page-tabs #page-part-form #page-part-fields-0 div').show();
         $('.page-tabs ul li:first a').addClass('active');
+        $('.page-tabs ul li:first').addClass('ui-tabs-selected');
 
         //assigning the DOM element in a variable
         var tabElt = $('.page-tabs ul li a');
 
         //function call to show/hide tab content for click event
         tabElt.click(toggleTab);
-        
+
     } // end addTab function
 
     /*
      * @params   : None
      * @return   : None
@@ -62,35 +67,37 @@
      */
     var toggleTab = function(){
 
         //making all links inactive by removng the class attribute "active"
         $('.page-tabs ul li a').removeClass('active');
+        $('.page-tabs ul li').removeClass('ui-tabs-selected');
 
         //activating the currently clicked link
         $(this).addClass('active');
+		 $(this).parent('li').addClass('ui-tabs-selected');
 
         //finding the href of current link to identify the target div
         //because ID of target div is the href for the link
-        var currentTabDiv = $(this).attr('href');
-        
+        var currentTabDiv = $(this).attr('id');
+
         //hide all child divs
         $('.page-tabs div').hide();
 
         //showing the specific div to display the target tab element
         $(currentTabDiv).parent().show();
         $(currentTabDiv).show();
         $(currentTabDiv+' div').show();
-        
+
     } // end toggleTab function
 
     /*
      * @params   : Object
      * @return   : None
      * @purpose  : function to show and hide pages tree
      */
     var toggleTree = function(e){
-        
+
         //If this method is called,
         //the default action of the event will not be triggered.
         e.preventDefault();
 
         //assigning the first li DOM element in a variable
@@ -109,11 +116,11 @@
             //remove the class page-expanded
             iconElt.removeClass('page-expanded');
 
             //and slide up the child nodes, i.e. hide child nodes
             nestedElt.slideUp();
-            
+
         } // end if block
 
         // if node with child is not expanded, i.e. node with child is not having
         // the class  'page-expanded'
         else {
@@ -128,11 +135,11 @@
           nestedElt.load(contentUrl, function() {
 
              //find last li of child element and add the class page-branch-end
              //nestedElt.find('li:last').addClass('pages-tree-end');
              $('#pages-records.pages-tree #page-sortable-list li:last-child').addClass('pages-tree-end');
-             
+
              nestedElt.find('li:last').addClass('pages-tree-end');
 
              //check of ul have more than one li as siblings
              if(nestedElt.find('li:first').next().prop('tagName') != 'LI')
              {
@@ -147,24 +154,24 @@
              //show the child elements by sliding down
              nestedElt.slideDown();
 
              //remove the loading class as the content is loaded
              liElt.removeClass('page-loading');
-            
+
           }); // end load method
-          
+
         } //end else block
 
     } // end toggleTree function
 
     /*
      * @params   : None
      * @return   : None
      * @purpose  : function to find first and last li element and add class pages-tree-start to it
      */
     var findFirstLastLi = function(){
-        
+
         //adding class pages-tree-start to first li element of tree
         $('#pages-records.pages-tree #page-sortable-list').find('li:first').addClass('pages-tree-start');
 
         //adding class pages-tree-end to last li element of tree
         $('#pages-records.pages-tree #page-sortable-list li:last-child').addClass('pages-tree-end');
@@ -176,17 +183,45 @@
         if(nestedElt.find('li').next().prop('tagName') != 'LI')
         {
 
             //if not then add class pages-tree-end to first li element of nested element of tree
             nestedElt.find('li:first').addClass('pages-tree-end');
-            
+
         } // end if
-           
+
         //adding class pages-tree-end to last li element of nested element of tree
         $('.page-nested').find('li:last').addClass('pages-tree-end');
 
     } // end findFirstLi function
 
+    /*
+     * @params   : None
+     * @return   : None
+     * @purpose  : function to validate link_url value
+     */
+    var validateValue = function(e){
+
+        // if user has something in text box then test it
+        if($(this).val().length > 0){
+
+            // if entered value matches the pattern of regular expression
+            if(/(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/.test($(this).val())){
+
+                // return true
+                return true;
+
+            } else {
+
+                // give a alert message and return false
+                alert("invalid URL");
+                return false;
+            } // end inner if
+
+        } // end outer if
+
+    }; // end function
+
     //function call to initialize all the methods required when document is ready
     initialize();
 
-}); //end ready function
\ No newline at end of file
+}); //end ready function
+