mcms_pages 0.0.1 → 0.0.2

data/app/assets/javascripts/pageFormAdmin.js

@@ -1,4 +1,4 @@
-/* 
+/*
  *   @File Name                 : pageFormAdmin.js
  *   @Company Name              : Mindfire Solutions Private Limited
  *   @Creator Name              : Vikram Kumar Mishra
@@ -13,6 +13,7 @@ $(document).ready(function(){
 
     //assigning DOM element in a variable
     var treeElement = $('.pages-tree .page-toggle');
+	var textBox = $('#page_link_url');
 
     /*
      * @params   : None
@@ -30,9 +31,12 @@ $(document).ready(function(){
         //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
@@ -46,13 +50,14 @@ $(document).ready(function(){
         $('.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
 
     /*
@@ -64,14 +69,16 @@ $(document).ready(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();
 
@@ -79,7 +86,7 @@ $(document).ready(function(){
         $(currentTabDiv).parent().show();
         $(currentTabDiv).show();
         $(currentTabDiv+' div').show();
-        
+
     } // end toggleTab function
 
     /*
@@ -88,7 +95,7 @@ $(document).ready(function(){
      * @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();
@@ -111,7 +118,7 @@ $(document).ready(function(){
 
             //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
@@ -130,7 +137,7 @@ $(document).ready(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
@@ -149,9 +156,9 @@ $(document).ready(function(){
 
              //remove the loading class as the content is loaded
              liElt.removeClass('page-loading');
-            
+
           }); // end load method
-          
+
         } //end else block
 
     } // end toggleTree function
@@ -162,7 +169,7 @@ $(document).ready(function(){
      * @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');
 
@@ -178,15 +185,43 @@ $(document).ready(function(){
 
             //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
+}); //end ready function
+

data/app/assets/stylesheets/mcms_pages/images/ui-bg_green.png

@@ -0,0 +1 @@
+�PNG

data/app/assets/stylesheets/mcms_pages/layout.css.scss

@@ -6,11 +6,11 @@
 
     float:left;
     padding: 0px;
-    margin-left: 20px;
-    margin-bottom: 20px;
+    margin-left: 40px;
+    margin-bottom: 100px;
     position: relative;
-    width: 48%;
-    height: 48%;
+    height: 100%;
     text-align: center;
+	border: 1px solid cyan;
+}
 
-}

data/app/assets/stylesheets/mcms_pages/page_form.css.scss

@@ -0,0 +1,64 @@
+/*
+
+*    @File Name                 : page_form.css.scss
+*    @Company Name              : Mindfire Solutions Private Limited
+*    @Creator Name              : Vikram Kumar Mishra
+*    @Date Created              : 2012-07-12
+*    @Date Modified             :
+*    @Last Modification Details :
+*    @Purpose                   : Place all the styles related to the pages form here.
+
+*/
+
+input[type=text]{
+
+	width:200px;
+
+}
+
+.field{
+	margin-bottom: 10px;
+}
+
+input[type=text], textarea {
+    -moz-border-bottom-colors: none;
+    -moz-border-image: none;
+    -moz-border-left-colors: none;
+    -moz-border-right-colors: none;
+    -moz-border-top-colors: none;
+    border-color: #959595 #D3D3D3 #D3D3D3 #959595;
+    border-style: solid;
+    border-width: 1px;
+    color: #333333;
+    font-family: arial;
+    font-size: 12px;
+    margin: 0 0 0.2em;
+    width: 300px;
+    padding: 0.4% 0.5%;
+}
+
+ul{
+
+	padding: 0px;
+
+}
+
+li a{
+	cursor: pointer;
+}
+#page-tabs{
+	margin-top: 10px;
+	width:900px;
+}
+.page-part-fields{
+
+	padding-top: 10px;
+
+}
+
+#dashboard a.create-page-part-link{
+
+	padding: 5px 10px;
+
+}
+

data/app/assets/stylesheets/mcms_pages/page_styles.css

@@ -43,7 +43,6 @@
 
     width: 100%;
     text-align: center;
-    background-color: yellow;
     padding-top: 10px;
     padding-bottom: 10px;
     margin-bottom: 10px;
@@ -55,7 +54,6 @@
 
     width: 100%;
     text-align: center;
-    background-color: yellow;
     padding-top: 10px;
     padding-bottom: 10px;
     position: relative;
@@ -64,32 +62,111 @@
 
 }
 
-#page-left-body{
+.page-left-body{
 
-    width: 20%;
     text-align: center;
-    background-color: blue;
-    min-height:200px;
-    border: 1px solid red;
+    min-height:350px;
     float:left;
 }
 
-#page-main-body{
+.page-main-body{
 
-    min-height:100px;
+    min-height: 350px;
     text-align: center;
     margin-left: 10px;
     margin-right: 10px;
     background-color: white;
+    float: left;
 }
 
-#page-right-body{
+.page-right-body{
 
-    width: 20%;
+    width: 27%;
     text-align: center;
-    background-color: blue;
-    min-height:200px;
-    border: 1px solid red;
-    float:right;
+    min-height:350px;
+    float: left;
+}
+
+.pages-menu {
+
+    width: 100%;
+    float: left;
+    text-align: right;
+    margin-bottom: 20px;
+
+}
+
+.pages-menu-li{
+
+    list-style-type: none;
+    float: left;
+    margin-left: 10px;
+}
+
+.pages-menu-ul {
+	margin: 0;
+	padding: 0;
+	height: 1em;
+	float: right;
+}
+.pages-menu-ul li {
+	list-style: none;
+	float: left;
+}
+.pages-menu-ul li a {
+	display: block;
+	padding: 3px 8px;
+	text-decoration: none;
+}
+
+.pages-menu-ul li ul {
+	display: none;
+	width: 10em; /* Width to help Opera out */
+	background-color: #69f;
+	z-index: 1000;
+
+}
+
+.pages-menu-ul li:hover ul {
+	display: block;
+	position: absolute;
+	margin: 0;
+	padding-bottom: 5px;
+	z-index: 1000;
+ }
+
+.pages-menu-ul li:hover li {
+	float: left;
+}
+
+.pages-menu-ul li:hover li a {
+	border-bottom: 1px solid #fff;
+	color: #000;
+}
+
+.pages-menu-ul li li a:hover {
+	background-color: #8db3ff;
+}
+
+#default-page-main-body, #one-column-main-body {
+	width: 100%;
+	text-align: left;
+}
+#two-column-main-body {
+	width: 70%;
+	text-align: left;
+}
+#three-column-main-body {
+	width: 50%;
+	text-align: left;
+}
+#two-column-left-body, #two-column-right-body {
+	width: 28%;
+	text-align: left;
+}
+
+#three-column-left-body, #three-column-right-body {
+	width: 20%;
+	text-align: left;
 }
 

data/app/assets/stylesheets/mcms_pages/pages.css.scss

@@ -10,12 +10,25 @@
 
 */
 
+*{
+	color: #41403C
+}
+
+body {
+  background-color: #fff;
+  font-family: verdana, arial, helvetica, sans-serif;
+  font-size: 13px;
+  line-height: 18px; }
 
  li{
      list-style-type: none;
      display:inline;
 }
 
+a{
+	text-decoration: none;
+}
+
 .even
 {
     background-color: aquamarine;
@@ -33,19 +46,17 @@
     display: block;
 }
 
-#application-actions{
+.application-actions {
     float: right;
-    padding-left: 15px;
     padding-top: 0;
-    width: 30.7%;
+    width: 20%;
 }
 
 
 #pages-records {
 
     float: left;
-    width: 67.7%;
-    border: 1px solid red;
+    width: 63%;
 
     #page-sortable-list {
         margin-top: 6px;
@@ -82,9 +93,10 @@
                     display: inline;
                     line-height: 28px;
                     float: right;
-                    position:relative;
+                    position:absolute;
                     top: 3px;
-                    width: 120px;
+                    right: 20px;
+                    width: 150px;
                     text-align: right;
 
                     a{
@@ -141,32 +153,33 @@
     padding: 0;
 }
 
-.error-explanation
+.error-explanation li
 {
     color: red;
     text-align: left;
+    font-weight: bold;
 }
 
-.pages-menu {
-
-    width: 100%;
-    float: left;
-    text-align: right;
-    margin-bottom: 10px;
-
+.notice {
+	color: green;
+	font-size: 16px;
 }
 
-.pages-menu-li{
-
-    list-style-type: none;
-    float: left;
-    margin-left: 10px;
+#page-new{
+	/*background-image: url("/assets/mcms_pages/icons/add.png");
+    background-position: 12px 50%;
+    background-repeat: no-repeat;*/
+    display: block;
 }
 
-.pages-menu-li ul {display: none; }
-
-.notice {
-	color: green;
+#logout-link{
+	float: right;
+	color: #41403C;
+	font-weight: bold;
 	font-size: 16px;
 }
 
+.field_with_errors{
+	display: inline;
+}
+