updated server/2015/volunteer_js.html: add JS required for the prospective volunteer...

diff --git a/server/2015/volunteer_js.html b/server/2015/volunteer_js.html
index a0c3911ff6306b3cd8c846dda4fae0524aa50727..f079743d210cbb920e771550479b7638b22677a2 100644 (file)
--- a/server/2015/volunteer_js.html
+++ b/server/2015/volunteer_js.html
@@ -10,6 +10,10 @@
                src="/2015/assets/js/jquery.form-3.25.0.js">
 </script>
 
+<script type="text/javascript"
+               src="/2015/assets/js/civicrm-4.4.Common.js">
+</script>
+
 <script type="text/javascript">
          var cj = jQuery.noConflict(); $ = cj;
 
@@ -20,6 +24,105 @@
              cj(countryID).chainSelect(stateProvinceID, callbackURL, null);
          });
 </script>
+
+
+<script type="text/javascript">
+
+  if ( document.getElementsByName("cms_create_account")[0].checked ) {
+   cj('#details').show();
+      } else {
+   cj('#details').hide();
+      }
+
+   function showMessage( frm )
+   {
+      var cId = '';
+      if ( cId ) {
+   alert('You are logged-in user');
+   frm.checked = false;
+      } else {
+   var siteName = 'https://crm.fsf.org/';
+   alert('Please login if you have an account on this site with the link ' + siteName  );
+      }
+   }
+
+var lastName = null;
+cj("#checkavailability").click(function() {
+   var cmsUserName = cj.trim(cj("#cms_name").val());
+   if ( lastName == cmsUserName) {
+   /*if user checking the same user name more than one times. avoid the ajax call*/
+   return;
+   }
+   /*don't allow special character and for joomla minimum username length is two*/
+
+   var spchar = "\<|\>|\"|\'|\%|\;|\(|\)|\&|\\\\|\/";
+
+
+   spchar = spchar + "|\~|\`|\:|\@|\!|\=|\#|\$|\^|\*|\{|\}|\\[|\\]|\+|\?|\,";
+
+   var r = new RegExp( "["+spchar+"]", "i");
+   /*regular expression \\ matches a single backslash. this becomes r = /\\/ or r = new RegExp("\\\\").*/
+   if ( r.exec(cmsUserName) ) {
+   alert('Your username contains invalid characters');
+      return;
+   }
+
+   if (cmsUserName) {
+   /*take all messages in javascript variable*/
+   var check        = "Checking...";
+   var available    = "This username is currently available.";
+   var notavailable = "This username is taken.";
+   var errorMsg     = "Error checking username. Please reload the form and try again.";
+
+      //remove all the class add the messagebox classes and start fading
+      cj("#msgbox").removeClass().addClass('cmsmessagebox').css({"color":"#000","backgroundColor":"#FFC","border":"1px solid #c93"}).text(check).fadeIn("slow");
+
+      //check the username exists or not from ajax
+   var contactUrl = "https://crm.fsf.org/civicrm/ajax/cmsuser";
+
+   var checkUserParams = {
+       cms_name: cj("#cms_name").val(),
+       ts: "1414100302",
+       sig: "tnbf_fbeb8efc46bb22a55e83915c69ecba92",
+       for: 'civicrm/ajax/cmsuser'
+   };
+   cj.post(contactUrl, checkUserParams ,function(data) {
+      if ( data.name == "no") {/*if username not avaiable*/
+         cj("#msgbox").fadeTo(200,0.1,function() {
+      cj(this).html(notavailable).addClass('cmsmessagebox').css({"color":"#CC0000","backgroundColor":"#F7CBCA","border":"1px solid #CC0000"}).fadeTo(900,1);
+         });
+      } else if ( data.name == "error") {/*if username not avaiable*/
+         cj("#msgbox").fadeTo(200,0.1,function() {
+             cj(this).html(errorMsg).addClass('cmsmessagebox').css({"color":"#CC0000","backgroundColor":"#F7CBCA","border":"1px solid #CC0000"}).fadeTo(900,1);
+         });
+      } else {
+         cj("#msgbox").fadeTo(200,0.1,function() {
+      cj(this).html(available).addClass('cmsmessagebox').css({"color":"#008000","backgroundColor":"#C9FFCA", "border": "1px solid #349534"}).fadeTo(900,1);
+         });
+      }
+   }, "json");
+   lastName = cmsUserName;
+   } else {
+   cj("#msgbox").removeClass().text('').css({"backgroundColor":"#FFFFFF", "border": "0px #FFFFFF"}).fadeIn("fast");
+   }
+});
+
+
+   </script>
+
+         <script type="text/javascript">
+    var trigger_field_id = 'cms_create_account';
+    var trigger_value = '';
+    var target_element_id = 'details';
+    var target_element_type = 'block';
+    var field_type  = 'radio';
+    var invert = 0;
+
+    showHideByValue(trigger_field_id, trigger_value, target_element_id, target_element_type, field_type, invert);
+
+</script>
+
+
 <script type="text/javascript">
  $("#volunteer-link").addClass("active");
 </script>