svn commit: r1641668 - /ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/js/bootified.js

[adrianc]

Author: adrianc
Date: Tue Nov 25 18:46:18 2014
New Revision: 1641668

URL: http://svn.apache.org/r1641668
Log:
Bootstrap theme - updated js file.

Modified:
    ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/js/bootified.js

Modified: ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/js/bootified.js
URL: http://svn.apache.org/viewvc/ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/js/bootified.js?rev=1641668&r1=1641667&r2=1641668&view=diff
==============================================================================
--- ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/js/bootified.js (original)
+++ ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/js/bootified.js Tue Nov 25 18:46:18 2014
@@ -18,56 +18,64 @@ specific language governing permissions
 under the License.
 ***********************************************/
 
-//jQuery.noConflict();
-jQuery(document).ready(function() {
- //Button bar 1. convert buttontext to btn btn-primary
- jQuery('div.button-bar a.buttontext').each(function(){
- var text = jQuery(this).html();
- var icon = "";
- var isCreate = jQuery(this).hasClass("create");//Check for create class
- if(isCreate == true){
- var icon = '<span class="glyphicon glyphicon-plus"></span> '
- }
- var isDelete = jQuery(this).hasClass("delete");//Check for delete class
- if(isDelete == true){
- var icon = '<span class="glyphicon glyphicon-remove"></span> '
- }
- var isRefresh = jQuery(this).hasClass("refresh");//Check for refresh class
- if(isRefresh == true){
- var icon = '<span class="glyphicon glyphicon-refresh"></span> '
- }
- var isSearch = jQuery(this).hasClass("search");//Check for search class
- if(isSearch == true){
- var icon = '<span class="glyphicon glyphicon-search"></span> '
- }
- jQuery(this).html(icon+text);
- jQuery('div.button-bar a.buttontext').removeClass('buttontext').addClass('btn btn-primary btn-sm');
- });
- //Screenlet transforms
- jQuery('div.screenlet').removeClass( "screenlet" ).addClass( "panel panel-default" );
- jQuery('div.screenlet-title-bar').removeClass( "screenlet-title-bar" ).addClass( "panel-heading" );
+//GLOBAL NAMESPACE
+var OFBOOT = window.OFBOOT || {};
+
+/**************************************************
+SCREEN DOM MANIPULATION
+builds main-nav/preferences dropdowns and
+adds functionality to style layout elements
+**************************************************/
+//Screen transforms
+OFBOOT.screenTransform = function(){
+ if(jQuery('div.screenlet')){
+ jQuery('div.screenlet').removeClass( "screenlet" ).addClass( "panel panel-default" );
+ if('div.screenlet-body'){
+ jQuery('div.screenlet-body').removeClass("screenlet-body").addClass("panel-body");
+ }
+ }
+ if(jQuery('div.screenlet-title-bar')){
+ jQuery('div.screenlet-title-bar').removeClass( "screenlet-title-bar" ).addClass( "panel-heading" );
+ }
  //Replace panel-heading ul with panel-title for screenlets defined in ftls
- jQuery('div.panel-heading').each(function(){
- var hasUl = jQuery(this).has("ul").length;
- if(!hasUl == 0){
- //var title = jQuery( "div.panel-heading ul li.h3" ).text();
- var title = jQuery(this).find("li.h3").text();
- jQuery(this).find("li.h3").replaceWith(
- '<div class="pull-left"><h3 class="panel-title">'+ title + '</h3></div>'
- );
- jQuery(this).find('div.pull-left').unwrap();
- jQuery(this).find('li').wrapAll('<ul class="pull-right"></ul>');
- //jQuery(console.log(title));
- }
- });
-
- //Table lists transforms for tables defined in xml forms
- jQuery('tr.alternate-row').removeClass('alternate-row');
- jQuery('table.basic-table.hover-bar').removeClass().addClass("table").addClass("table-hover").addClass("table-striped").addClass("table-condensed");
- jQuery('table tr td a.buttontext').removeClass("buttontext").addClass("btn btn-link btn-block").css("text-align","left");
-
- //Ftl forms transforms
- jQuery('div.screenlet-body').removeClass("screenlet-body").addClass("panel-body");
+ if('div.panel-heading'){
+ jQuery('div.panel-heading').each(function(){
+ var hasUl = jQuery(this).has("ul").length;
+ if(!hasUl == 0){
+ //var title = jQuery( "div.panel-heading ul li.h3" ).text();
+ var title = jQuery(this).find("li.h3").text();
+ jQuery(this).find("li.h3").replaceWith(
+ '<div class="pull-left"><h3 class="panel-title">'+ title + '</h3></div>'
+ );
+ jQuery(this).find('div.pull-left').unwrap();
+ jQuery(this).find('li').wrapAll('<ul class="pull-right"></ul>');
+ //jQuery(console.log(title));
+ }
+ });
+ }
+}
+/***********************
+TABLE LISTS TRANSFORMS
+transforming tables  
+*****************************************************/
+OFBOOT.tableTranforms = function(){
+ if(jQuery('tr.alternate-row')){
+ jQuery('tr.alternate-row').removeClass('alternate-row');
+ }
+ if(jQuery('table.basic-table.hover-bar')){
+ jQuery('table.basic-table.hover-bar').removeClass().addClass("table").addClass("table-hover").addClass("table-striped").addClass("table-condensed");
+ }
+ if(jQuery('table tr td a.buttontext')){
+ jQuery('table tr td a.buttontext').removeClass("buttontext").addClass("btn btn-link btn-block").css("text-align","left");
+ }
+}
+/****************************
+ Ftl form transforms
+ ******************************/
+OFBOOT.formTranforms = function(){
+ if(jQuery('div.screenlet-body')){
+ jQuery('div.screenlet-body').removeClass("screenlet-body").addClass("panel-body");
+ }
  jQuery('form').each(function(){
  var hasRole = jQuery(this).is("[role]");
  if(hasRole == false){
@@ -162,10 +170,23 @@ jQuery(document).ready(function() {
  }*/
  }
  });
+}
+/************************
+ * Miscellanous Transforms
+ ******************************/
+OFBOOT.miscTranforms = function(){
  //Misc transforms
  jQuery('div.topcontainerhidden').removeClass('topcontainerhidden').addClass('panel panel-default');
  jQuery('td.label').removeClass('label').addClass('table-label');
  jQuery('table.basic-table').removeClass('basic-table').addClass('table table-condensed table-striped');
- //jQuery('button.ui-datepicker-trigger').html('<span class="glyphicon glyphicon-calendar"></span>').addClass('btn btn-primary btn-sm');
-});
-
+}
+/**************************************************
+LOAD 'EM UP
+**************************************************/
+//LOAD GLOBAL BOOTSTRAP FUNCTIONS
+jQuery(window).load(function(){
+ OFBOOT.screenTransform();
+ OFBOOT.tableTranforms();
+ OFBOOT.formTranforms();
+ OFBOOT.miscTranforms();
+});
\ No newline at end of file