mcms_pages 0.0.1

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2012 YOURNAME
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.rdoc

@@ -0,0 +1,3 @@
+= McmsPages
+
+This project rocks and uses MIT-LICENSE.

data/Rakefile

@@ -0,0 +1,40 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'McmsPages'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task :default => :test

data/app/assets/javascripts/menuPage.js

@@ -0,0 +1,45 @@
+/*
+ *   @File Name                 : pageFormAdmin.js
+ *   @Company Name              : Mindfire Solutions Private Limited
+ *   @Creator Name              : Vikram Kumar Mishra
+ *   @Date Created              : 2012-07-05
+ *   @Date Modified             : 
+ *   @Last Modification Details : 
+ *   @Purpose                   : To handle menu related stuff
+ */
+
+$(document).ready(function(){
+
+    // assigning DOM element li in a variable
+    var menuLi = $('.pages-menu-li');
+
+    /*
+     * @params   : None
+     * @return   : None
+     * @purpose  : initializing the functions call to bind events with DOM element
+     */
+    var initialize = function(){
+
+        //function call to add tab
+        menuLi.hover(showInnerItem);
+        
+    } // end initialize function
+
+
+    /*
+     * @params   : None
+     * @return   : None
+     * @purpose  : To show nested menu items
+     */
+    var showInnerItem = function(){
+
+        var childUl = $(this).find('ul')
+
+        childUl.css('display: block');
+
+    };
+
+    //function call to initialize all the methods required when document is ready
+    initialize();
+
+}); //end ready function

data/app/assets/javascripts/pageFormAdmin.js

@@ -0,0 +1,192 @@
+/* 
+ *   @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
+ *   @Last Modification Details : '' removed from css selectors
+ *   @Purpose                   : To handle client side work for page form used by admin
+ */
+
+//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');
+
+    /*
+     * @params   : None
+     * @return   : None
+     * @purpose  : initializing the functions call to bind events with DOM element
+     */
+    var initialize = function(){
+
+        //function call to add tab
+        showCurrentTab();
+
+        //function call to toggle tree element on click event
+        treeElement.live('click', toggleTree);
+
+        //function call to find first and last li of tree
+        findFirstLastLi();
+
+    } // end initialize function
+
+    
+    /*
+     * @params   : None
+     * @return   : None
+     * @purpose  : adding tab functionality like jquery tabs
+     */
+    var showCurrentTab = function(){
+
+        //hiding all divs and then showing first div of tab content div
+        $('.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');
+
+        //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
+     * @purpose  : function to show the tab content corresponding to the clicked link and hide others
+     */
+    var toggleTab = function(){
+
+        //making all links inactive by removng the class attribute "active"
+        $('.page-tabs ul li a').removeClass('active');
+
+        //activating the currently clicked link
+        $(this).addClass('active');
+
+        //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');
+        
+        //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
+        var liElt   = $(this).parents('li:first');
+
+        //assigning the DOM element with classes page-icon, page-toggle in a variable
+        var iconElt = liElt.find('.page-icon.page-toggle');
+
+        //assigning the DOM element with classes page-nested in a variable
+        var nestedElt = liElt.find('.page-nested');
+
+        // if node with child is expanded, i.e. node with child is having
+        // the class  'page-expanded'
+        if (iconElt.hasClass('page-expanded')) {
+
+            //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 {
+
+          //asign the data-ajax-content url to a variable to retrieve the data
+          var contentUrl = nestedElt.attr('data-ajax-content');
+
+          //add the class page-loading to show the loading image
+          liElt.addClass('page-loading');
+
+          //retrieve child pages through ajax call from content url
+          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')
+             {
+                 //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
+
+             //add class page-expanded to span with class page-icon and page-toggle
+             iconElt.addClass('page-expanded');
+
+             //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');
+
+        //assigning the DOM element with classes page-nested in a variable
+        var nestedElt = $('#pages-records.pages-tree #page-sortable-list li .page-nested');
+
+        //check of ul have more than one li as siblings
+        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
+
+    //function call to initialize all the methods required when document is ready
+    initialize();
+
+}); //end ready function

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

@@ -0,0 +1,16 @@
+// Place all the styles related to the layout controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+.layout-images{
+
+    float:left;
+    padding: 0px;
+    margin-left: 20px;
+    margin-bottom: 20px;
+    position: relative;
+    width: 48%;
+    height: 48%;
+    text-align: center;
+
+}

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

@@ -0,0 +1,95 @@
+/*
+
+*    @File Name                 : page_style.scss
+*    @Company Name              : Mindfire Solutions Private Limited
+*    @Creator Name              : Vikram Kumar Mishra
+*    @Date Created              : 2012-06-15
+*    @Date Modified             :
+*    @Last Modification Details :
+*    @Purpose                   : Place all the styles related to the pages for user.
+
+*/
+
+ li{
+     list-style-type: none;
+     display: inline;
+}
+
+.even
+{
+    background-color: aquamarine;
+}
+
+.pages-clearfix:after {
+    clear: both;
+    content: ".";
+    display: block;
+    height: 0;
+    visibility: hidden;
+}
+
+.pages-clearfix {
+    display: block;
+}
+
+#application-actions{
+    float: right;
+    padding-left: 15px;
+    padding-top: 0;
+    width: 30.7%;
+}
+
+#page-header{
+
+    width: 100%;
+    text-align: center;
+    background-color: yellow;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    margin-bottom: 10px;
+    float:left;
+
+}
+
+#page-footer{
+
+    width: 100%;
+    text-align: center;
+    background-color: yellow;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    position: relative;
+    margin-top: 10px;
+    float:left;
+
+}
+
+#page-left-body{
+
+    width: 20%;
+    text-align: center;
+    background-color: blue;
+    min-height:200px;
+    border: 1px solid red;
+    float:left;
+}
+
+#page-main-body{
+
+    min-height:100px;
+    text-align: center;
+    margin-left: 10px;
+    margin-right: 10px;
+    background-color: white;
+}
+
+#page-right-body{
+
+    width: 20%;
+    text-align: center;
+    background-color: blue;
+    min-height:200px;
+    border: 1px solid red;
+    float:right;
+}
+