Updated API + Development environment setup

.gitignore

@@ -1,3 +1,5 @@
+.idea
+npm-debug.log
 .bundle
 db/*.sqlite3
 log/*.log

Gemfile

@@ -21,9 +21,18 @@ gem 'devise', '~> 1.5.3'
 # Use CanCan for user authorization
 gem 'cancan'
 
+# Use for decode json strings to object
+gem 'yajl-ruby'
+
+#Use Markdown for parsing Markdown files
+gem 'markdown'
+
 # Use reCAPTCHA
 gem "recaptcha", :require => "recaptcha/rails"
 
+# Use Redcarpet for parsing Markdown files
+gem 'redcarpet'
+
 # handle ajax image uploads
 gem 'remotipart'
 

Gemfile.lock

@@ -102,11 +102,13 @@ GEM
       railties (>= 3.2.0, < 5.0)
       thor (~> 0.14)
     json (1.7.4)
+    kramdown (1.0.1)
     libv8 (3.3.10.4)
     libwebsocket (0.1.5)
       addressable
     linecache19 (0.5.13)
       ruby_core_source (>= 0.1.4)
+    logutils (0.6.0)
     mail (2.4.4)
       i18n (>= 0.4.0)
       mime-types (~> 1.16)
@@ -120,6 +122,10 @@ GEM
       skinny (~> 0.2, >= 0.2.1)
       sqlite3 (~> 1.3)
       thin (~> 1.2)
+    markdown (1.0.0)
+      kramdown (>= 0.13.7)
+      props (>= 1.0.0)
+      textutils (>= 0.2.0)
     mime-types (1.19)
     multi_json (1.3.6)
     mysql2 (0.3.11)
@@ -140,6 +146,7 @@ GEM
       mime-types
     polyglot (0.3.3)
     populator (1.0.0)
+    props (1.0.0)
     rack (1.4.1)
     rack-cache (1.2)
       rack (>= 0.4)
@@ -170,6 +177,7 @@ GEM
     rdoc (3.12)
       json (~> 1.4)
     recaptcha (0.3.4)
+    redcarpet (2.2.2)
     remotipart (1.0.2)
     ruby-debug-base19 (0.11.26)
       columnize (>= 0.3.1)
@@ -210,6 +218,8 @@ GEM
       rack (~> 1.0)
       tilt (~> 1.1, != 1.3.0)
     sqlite3 (1.3.6)
+    textutils (0.5.3)
+      logutils (~> 0.5)
     therubyracer (0.10.1)
       libv8 (~> 3.3.10)
     thin (1.4.1)
@@ -233,6 +243,7 @@ GEM
     will_paginate (3.0.3)
     xpath (0.1.4)
       nokogiri (~> 1.3)
+    yajl-ruby (1.1.0)
     yui-compressor (0.9.6)
       POpen4 (>= 0.1.4)
 
@@ -256,12 +267,14 @@ DEPENDENCIES
   jquery-rails
   linecache19 (= 0.5.13)
   mailcatcher
+  markdown
   mysql2
   paperclip (~> 2.3)
   populator
   rails (= 3.2.6)
   rails_autolink
   recaptcha
+  redcarpet
   remotipart
   ruby-debug-base19 (= 0.11.26)
   ruby-debug19 (= 0.11.6)
@@ -274,4 +287,5 @@ DEPENDENCIES
   uglifier (>= 1.0.3)
   whenever
   will_paginate
+  yajl-ruby
   yui-compressor

app/assets/javascripts/sdk.js

@@ -1,6 +1,5 @@
 //= require sdk/widgetbuilder
-
-$(function() {
+$(function(){
 
     // Disabling these for now
     // var showVideoOverlay = function(){
@@ -16,7 +15,6 @@ $(function() {
     //         $("#videocontent_overlay").animate({opacity:'toggle'}, 300);
     //     });
     // };
-
     var TITLE_BASE = 'Sakai OAE Widget Library - SDK';
     var History = window.History;
     var $lhnav = $(".wl-content-container #lhnavigation_container ul");
@@ -30,22 +28,23 @@ $(function() {
         var $parentElement = $toSelectElement.closest(".subnav");
 
         // Check whether the element is a parent element or not
-        if($parentElement.length){
+        if ($parentElement.length){
             // it is a child element
             $toSelectElement.closest("li").addClass("selected");
             $parentElement.show().prev().addClass("selected_parent");
-        } else {
+        } else{
             $toSelectElement.closest("li").addClass("selected").next().show();
         }
     };
 
-    $(window).on('statechange', function() {
+    $(window).on('statechange',
+    function(){
         var state = History.getState();
         // Update the left hand navigation
         updateLhnav(state);
         $.ajax({
             url: state.url,
-            success: function(data) {
+            success: function(data){
                 var $containerResponse = $("<div />").html(data);
                 var $sdkxhrContent = $containerResponse.find("#sdkxhr_content");
                 $(".wl-content-container .widgetsdk_container").html($sdkxhrContent);
@@ -58,59 +57,116 @@ $(function() {
         });
     });
 
+    var addClassesToMarkdownText = function(){
+        $('#development-environment-setup').find('ul').addClass('inline_list');
+        $('#development-environment-setup').find('ol').addClass('inline_list');
+        $('#development-environment-setup').find('a').addClass('wl-regular-link');
+    };
+
     var addBinding = function(){
         // $("#developer_videocontent_container").live("click", showVideoOverlay);
         // $("#videocontent_overlay").live("click", hideVideoOverlay);
-        $(".expand_all_link").live("click", function(){
+        $(".expand_all_link").live("click",
+        function(){
             var expanded = $(".expand_all_link").attr("data-expanded");
-            if(expanded === "true"){
+            if (expanded === "true"){
                 $(".expand_all_link").attr("data-expanded", "false");
-            }else{
+            } else{
                 $(".expand_all_link").attr("data-expanded", "true");
             }
             $(this).children("span").toggle();
-            $.each($(".expandable_container"), function(i, container){
+            $.each($(".expandable_container"),
+            function(i, container){
                 container = $(container);
-                if(container.is(":visible") && expanded === "true"){
-                    container.animate({'height': 'toggle', 'opacity': 'toggle'}, 500);
+                if (container.is(":visible") && expanded === "true"){
+                    container.animate({
+                        'height': 'toggle',
+                        'opacity': 'toggle'
+                    },
+                    500);
                     container.prevAll("h3").children("a").attr("data-expanded", false);
                     container.prevAll("h3").find("span").toggle();
-                } else if(!container.is(":visible")  && expanded !== "true"){
-                    container.animate({'height': 'toggle', 'opacity': 'toggle'}, 500);
+                } else if (!container.is(":visible") && expanded !== "true"){
+                    container.animate({
+                        'height': 'toggle',
+                        'opacity': 'toggle'
+                    },
+                    500);
                     container.prevAll("h3").children("a").attr("data-expanded", true);
                     container.prevAll("h3").find("span").toggle();
                 }
             });
         });
 
-        $(".expand_link").live("click", function(){
+        $(".expand_link").live("click",
+        function(){
             $(this).children("span").toggle();
             var $container = $(this).parents(".wl-widget-item").children(".expandable_container");
             if ($container.is(":visible")){
                 $container.prevAll("h3").children("a").attr("data-expanded", false);
-                $container.animate({'height': 'toggle'}, 500);
-            } else {
+                $container.animate({
+                    'height': 'toggle'
+                },
+                500);
+            } else{
                 $container.prevAll("h3").children("a").attr("data-expanded", true);
-                $container.animate({'height': 'toggle'}, 500);
+                $container.animate({
+                    'height': 'toggle'
+                },
+                500);
             }
         });
 
-        $("body").on("click", '#lhnavigation_container a, .wl-content-container .wl-content-right-container a[href^="/sdk/"]', function(evt){
+        $("body").on("click", '#lhnavigation_container a, .wl-content-container .wl-content-right-container a[href^="/sdk/"]',
+        function(evt){
             // Disable the default click behavior
-            evt.preventDefault();
+            // evt.preventDefault();
             // Cache the this selector
             var $this = $(this);
             var url = $this.attr("href");
             var title = TITLE_BASE + ' - ' + $this.text();
             var state = {
                 section: url
-            };
+            };d
             History.pushState(state, title, url);
         });
+
+        $('#reusable-css').find('.wl-widget-item h3').bind('click', function(e){
+            $(e.currentTarget).next().slideToggle();
+            return false;
+        }) 
+
+        $('#dpdVersions').change(function(e){
+            var version = $(e.currentTarget).val();
+            document.location = "/sdk/style-guide/reusable-css/" + version
+        })
+    };
+
+    var hideCSSContentContainers = function(){
+        $('#reusable-css').find('.wl-widget-item .css-content').hide();          
+    };
+
+    var showFirstCSSContentContainer = function(){
+        $('#reusable-css').find('.wl-widget-item .css-content').first().show();        
+    };
 
+    var splitCodeTagsOnLinebreaks = function(){
+        var arrParagraphs = $("#development-environment-setup").find('p');
+        $.each(arrParagraphs,
+        function(i){
+            if (arrParagraphs[i].firstChild.tagName == "CODE"){
+                var child = $(arrParagraphs[i]).find('code');
+                $(child).addClass('well');
+                $(child).html($(child).html().replace(/\n/g, '<br />'));
+            }
+        })
     };
 
     var init = function(){
+        splitCodeTagsOnLinebreaks();
+        hideCSSContentContainers();
+        showFirstCSSContentContainer();
+        addClassesToMarkdownText();
         addBinding();
     };
 

app/assets/stylesheets/application.css.scss

@@ -116,6 +116,10 @@ option {
     margin-right: 15px;
 }
 
+.wl-margin-top-0 {
+    margin-top: 0 !important;
+}
+
 .wl-margin-top-9 {
     margin-top: 9px;
 }
@@ -174,14 +178,26 @@ option {
     width: 145px;
 }
 
+.wl-content-160 {
+    width: 160px;
+}
+
 .wl-content-165 {
     width: 165px;
 }
 
+.wl-content-175 {
+    width: 175px;
+}
+
 .wl-content-185 {
     width: 185px;
 }
 
+.wl-content-505 {
+    width: 505px;
+}
+
 .wl-content-710 {
     width: 710px;
 }