poodle-rb 0.0.2

data/app/assets/javascripts/poodle/photo_upload.js

@@ -0,0 +1,104 @@
+var status;
+var maxPhotoUploadFileSize = 5000000;
+
+// Used to clone photo uploader
+function add_fields(link, association, content) {
+    var new_id = new Date().getTime();
+    var regexp = new RegExp("new_" + association, "g")
+    $(link).parent().before(content.replace(regexp, new_id));
+    var upload_label = $('label.upload_image');
+    if($(upload_label).length > 0) {
+        $(upload_label).text('browse');
+    }
+}
+
+// Remove a photo uploader
+function remove_fields(link) {
+    $(link).prev("input[type=hidden]").val("1");
+    $(link).closest("div.add-photos-path").hide();
+}
+
+// Remove Option filed
+function remove_option_field(link) {
+    $(link).prev("input[type=hidden]").val("1");
+    $(link).closest("div.div-new-field").hide();
+}
+
+/* Validate image file extension. The Supported formats are
+   .jpg, .jpeg, .ico, .png, .gif
+*/
+function validate_file_extn(filename) {
+    var image_extns = new Array(/^jpg$/i, /^png$/i, /^jpeg$/i, /^ico$/i, /^gif$/i)
+    var extn = filename.split('.');
+    for(var i = 0; i < image_extns.length; i++) {
+        if(extn[1].match(image_extns[i])) {
+            status = "true"
+            break;
+        }
+        else {
+            status = "false";
+        }
+    }
+    return status;
+}
+
+// Client side image preview before uploading to server
+
+function preview_image(input, element_id, width) {
+  
+  if(width == undefined){
+    width = 90;
+  }
+  
+    var filename = $(input).val().split('\\').pop();
+    var status = validate_file_extn(filename);
+    var reader = '';
+
+    if(status == "false") {
+        $(input).val('');
+        alert("File type is not supported");
+    }
+    else {
+
+        if(navigator.userAgent.match(/msie/i) && !navigator.userAgent.match(/msie 10/i)) {
+            if($('.div-sg-photo-preview').length > 0) {
+                $('.div-sg-photo-preview').css('border', '1px solid lightgray').html(filename);
+            }
+            else {
+                $(input).parents('.add-photos-path').find('.jquery-sg-image-container').
+                css('border-top', '1px solid gray').html(filename);
+            }
+        }
+        else if(navigator.userAgent.match(/msie/i) && navigator.userAgent.match(/msie 10/i)) {
+            reader = new FileReader();
+            reader.onload = function (e) {
+                $('#'+element_id)
+                .attr('src', e.target.result)
+                .width(width);
+            };
+
+            reader.readAsDataURL(input.files[0]);
+        }
+
+        else {
+
+            if (input.files && input.files[0]) {
+                if(input.files[0].size < maxPhotoUploadFileSize) {
+                    reader = new FileReader();
+                    reader.onload = function (e) {
+                        $('#'+element_id)
+                        .attr('src', e.target.result)
+                        .width(width);
+                    };
+
+                    reader.readAsDataURL(input.files[0]);
+                }
+                else {
+                    alert("Maximum Size is " + maxPhotoUploadFileSize + " KB");
+                }
+
+            }
+        }
+    }
+
+}

data/app/assets/javascripts/poodle/utilities.js

@@ -0,0 +1,50 @@
+// Write down only those functions which are being used by application.init or any part of the application like ajax event handlers.
+
+// loadANewPage will accept a url and will load a new page
+// It can be tuned to show a lightbox showing a loading, please wait message.
+function loadANewPage(url){
+	// showLightBoxLoading();
+	window.location.href=url;
+}
+
+// sendAjaxRequest is used to send an xml http request using javascript to a url using a method / get, put, post, delete
+function sendAjaxRequest(url, mType){
+	methodType = mType || "GET";
+	jQuery.ajax({type: methodType, dataType:"script", url:url});
+}
+
+// Call this function by passing  model Id, heading and a bodyContent.
+// it will pop up bootstrap 3 modal.
+var messageModalId = "div_modal_message";
+var genericModalId = "div_modal_generic";
+function showModal(heading, bodyContent, modalId){
+  if(modalId==null){
+    var modalId = genericModalId;
+  }
+	//$('#' + modalId + ' .modal-body').html("<p>"+ message +"</p>");
+	$('#' + modalId + ' .modal-header h4.modal-title').text(heading);
+	$('#' + modalId + ' div.modal-body-main').html(bodyContent);
+	$('#' + modalId).modal('show');
+  //$('#' + modalId + ' .modal-footer button.btn-primary').button('reset');
+}
+
+// Call this function by passing  heading and a message.
+// it will pop up bootstrap 3 modal which shows the heading and message as content body.
+function showModalMessage(heading, message, modalId){
+  if(modalId==null){
+    var modalId = messageModalId;
+  }
+  var bodyContent = "<p>"+ message +"</p>";
+	//$('#' + modalId + ' .modal-body').html("<p>"+ message +"</p>");
+	$('#' + modalId + ' .modal-header h4.modal-title').text(heading);
+	$('#' + modalId + ' div.modal-body').html(bodyContent);
+	$('#' + modalId).modal('show');
+  //$('#' + modalId + ' .modal-footer button.btn-primary').button('reset');
+}
+
+function closeModal(modalId){
+  if(modalId==null){
+    var modalId = genericModalId;
+  }
+  $('#' + modalId).modal('hide');
+}

data/app/assets/javascripts/poodle/validations/sample.js

@@ -0,0 +1,67 @@
+function validateSampleForm() {
+
+    $('#form_sample').validate({
+      debug: true,
+      rules: {
+        "sample[first_name]": {
+            required: true,
+            minlength: 2,
+            maxlength: 50
+        },
+        "sample[last_name]": {
+            required: true,
+            minlength: 2,
+            maxlength: 50
+        },
+        "sample[email]": {
+            required: true,
+            email: true
+        },
+      },
+      errorElement: "span",
+      errorClass: "help-block",
+      messages: {
+        "sample[first_name]": "Please specify First Name",
+        "sample[last_name]": "Please specify Last Name",
+        "sample[email]": {
+            required: "We need your email address to contact you",
+            email: "Your email address must be in the format of name@domain.com"
+        },
+      },
+      highlight: function(element) {
+          $(element).parent().parent().addClass("has-error");
+      },
+      unhighlight: function(element) {
+          $(element).parent().parent().removeClass("has-error");
+      },
+      invalidHandler: function(event, validator) {
+        // 'this' refers to the form
+        var errors = validator.numberOfInvalids();
+        if (errors) {
+
+          // Populating error message
+          var errorMessage = errors == 1
+            ? 'You missed 1 field. It has been highlighted'
+            : 'You missed ' + errors + ' fields. They have been highlighted';
+
+          // Removing the form error if it already exists
+          $("#div_sample_js_validation_error").remove();
+
+          errorHtml = "<div id='div_sample_js_validation_error' class=\"alert alert-danger\" data-alert=\"alert\" style=\"margin-bottom:5px;\">"+ errorMessage +"</div>"
+          //$("#div_sample_details").prepend(errorHtml);
+          $("#div_modal_generic div.modal-body-main").prepend(errorHtml);
+
+          // Show error labels
+          $("div.error").show();
+
+        } else {
+          // Hide error labels
+          $("div.error").hide();
+          // Removing the error message
+          $("#div_sample_js_validation_error").remove();
+        }
+      }
+
+    });
+
+}

data/app/assets/stylesheets/poodle/application.css

@@ -0,0 +1,18 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require poodle/bootstrap
+ *= require poodle/bootstrap-theme
+ *= require poodle/font-awesome
+ *= require poodle/poodle-theme
+ *= require handycss.css
+ *= require_self
+
+ */