cmstyle 0.0.11 → 0.0.12

data/lib/app/assets/javascripts/application.js

@@ -0,0 +1,16 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+//= require bootstrap
+//= require_tree .

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

@@ -0,0 +1,96 @@
+/*
+ * 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_self
+ *= require application
+ *= require bootstrap
+ *= require bootstrap-responsive
+ *= require_tree .
+ */
+
+/* bootstrap override */
+.modal-backdrop, .modal-backdrop.fade.in {
+	filter: alpha(opacity=50);
+	opacity:0.5;
+	-moz-opacity: 0.50;
+}
+
+/* custom CSS Classes */
+
+.module {
+	/*background: url("/assets/dummy_module.jpg") no-repeat;*/
+	color: #111;
+	width:250px;
+	height:250px;
+	min-width:250px;
+	max-width:250px;
+	min-height:250px;
+	max-height:250px;
+	margin: 15px;
+	border-radius:5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-box-shadow: 0 1px 1px #999;
+	-webkit-box-shadow: 0 1px 1px #999;
+	box-shadow: 0 1px 1px #999;
+	border: 1px solid #999;
+	display: inline-block;
+}
+
+.portal-content {
+  width: 100%;
+  text-align: center;
+}
+
+.one-module {
+	margin: 0px auto;
+	margin-left:35px;
+	display: inline-block;
+	width:250px;
+}
+.module-title {
+	background-color: #999;
+	opacity:0.5;
+	-moz-opacity: 0.50;
+	color: #111;
+	
+}
+.module-body {
+	min-height:200px;
+	max-height:200px;
+	height: 200px;
+}
+
+.content {
+	background-color: #fff;
+	color: #111;
+	padding:8px;
+	margin-top:50px;
+	margin-bottom:20px;
+	margin-left: 8px;
+	margin-right: 8px;
+	border-radius:5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-box-shadow: 0 1px 1px #999;
+	-webkit-box-shadow: 0 1px 1px #999;
+	box-shadow: 0 1px 1px #999;
+	border: 0.1em solid #ccc;
+}
+
+
+.footer {
+	background-color: #fff;
+	color: #888;
+	margin:8px;
+	padding: 5px;
+	padding-bottom: 0px;
+	border-top: 0.1em solid #ccc;
+}

data/lib/app/views/layouts/_header.slim

@@ -0,0 +1,34 @@
+div class="navbar navbar-fixed-top"
+	div class="navbar-inner"
+		div class="container-fluid"
+			a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"
+				span class="icon-bar"
+				span class="icon-bar"
+				span class="icon-bar"
+			a id="brand" class="brand" href="/#"
+				img src="#{asset_path 'novartis-micro.png'}" height="25px"style="margin-top:-4px;" #{APPLICATION_NAME}
+			div class="nav-collapse"
+				ul class="nav pull-right"
+					= form_tag("/search", :method => "get", :class => 'navbar-search pull-left') do
+						div class="input-append"
+							= text_field_tag 'search-query', '', :class => "span2", :placeholder => 'Search...'
+							button type="submit" class="btn"
+								i class="icon-search icon-black" 
+					
+					- APPLICATION_NAVIGATION.each do |menu|
+						li id="fat-menu" class="dropdown"
+							a href="#{menu[:href]}" class="#{menu[:class]}" data-toggle="#{menu[:data][:toggle]}"
+								i class="#{menu[:icon]}"
+								|	#{menu[:title]}
+								b class="caret"
+							ul class="dropdown-menu"
+								- menu[:sub].each do |submenu|
+									li
+										- if submenu[:data][:toggle] == 'modal'
+											a href="#{submenu[:href]}" data-toggle="#{submenu[:data][:toggle]}"
+												i class="#{submenu[:icon]}"
+												|	#{submenu[:title]}
+										- else
+											a href="#{submenu[:href]}"
+												i class="#{submenu[:icon]}"
+												|	#{submenu[:title]}

data/lib/app/views/layouts/_modals.slim

@@ -0,0 +1,66 @@
+div class="modal hide fade" id="Contact"
+	div class="modal-header"
+    	<button class="close" data-dismiss="modal">×</button>
+    	h3 
+			== "Contact"
+	div style="" id="notice"
+
+	div class="modal-body"
+	  - if @message.nil?
+	    p
+	    | "Please add a message model first to use the contact form and add @message= Message.new to application.slim"
+	  - else
+		  = form_for @message, :remote => true, :url => contact_path, :html => { :class => 'form-horizontal', :id => 'contactform' } do |form|
+  			- if @message.errors.any?
+  				div id="errorExplanation"
+  			    	h2 #{pluralize(@message.errors.count, "error")} prohibited this post from being saved:
+  					ul
+  			    		= @message.errors.full_messages.each do |msg|
+  			      		li
+  							= msg
+  			fieldset
+  				div class="control-group"
+  					= form.label :name, :class => 'control-label', :for => :name
+  					div class="controls"
+  						= form.text_field :name, :class => 'required input-xlarge', :minlength => 2
+  				div class="control-group"
+  					= form.label :email, :class => 'control-label', :for => :email
+  					div class="controls"
+  						= form.email_field :email, :class => 'required email input-xlarge'
+  				div class="control-group"
+  					= form.label 'Subject', :class => 'control-label', :for => :subject
+  					div class="controls"
+  						= form.text_field :subject, :class => 'required input-xlarge', :minlength => 2
+  				div class="control-group"
+  					= form.label 'Message', :class => 'control-label', :for => :body
+  					div class="controls"
+  						= form.text_area :body, :class => 'required input-xlarge', :size => '10x5', :minlength => 10
+		
+	div class="modal-footer"
+    	<a href="#home" class="btn" data-dismiss="modal">Close</a>
+
+
+div class="modal hide fade" id="Revision"
+	div class="modal-header"
+    	<button class="close" data-dismiss="modal">×</button>
+    	h3 
+			== "Changelog"
+	div class="modal-body"				
+
+	div class="modal-footer"
+    	<a href="#home" class="btn" data-dismiss="modal">Close</a>
+
+
+div id="About" class="modal hide fade" tabindex="-1" role="dialog"
+  div class="modal-header"
+    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+    h3 id="myModalLabel" 
+		== "Compound Management"
+  div class="modal-body"
+    	p 
+			== "Compound Management Web Applications & Tools"	
+		br
+		p
+			== "Developed by Thomas Steiner & Patrick Kaddu"
+  div class="modal-footer"
+    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>

data/lib/app/views/layouts/application.slim

@@ -0,0 +1,35 @@
+doctype html
+html lang="en"
+  head
+    meta charset="utf-8"
+    title #{APPLICATION_NAME}
+    meta name="viewport" content="width=device-width initial-scale=1.0"
+    meta name="description" content="Compound Management Web Application"
+    meta name="author" content="Compound Management"
+
+    = stylesheet_link_tag "application", :media => "all"
+
+    /!-- HTML5 shim, for IE6-8 support of HTML5 elements
+    /[if lt IE 9]
+      = javascript_include_tag "html5.js"
+
+    = csrf_meta_tags
+  body
+	= render :partial => 'layouts/header'
+    
+    div class="container-fluid"
+       div class="row-fluid"
+       	div class="span12"
+       		/! main content
+       		== yield
+	   		br
+								
+    = render :partial => 'layouts/footer'
+    
+	= render :partial => 'layouts/modals'
+
+	
+
+
+    /! For fast page loads
+    = javascript_include_tag "application"

data/lib/assets/javascripts/application.js

@@ -0,0 +1,154 @@
+// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
+// IT'S ALL JUST JUNK FOR OUR DOCS!
+// ++++++++++++++++++++++++++++++++++++++++++
+
+!function ($) {
+
+  $(function(){
+
+    var $window = $(window)
+
+    // Disable certain links in docs
+    $('section [href^=#]').click(function (e) {
+      e.preventDefault()
+    })
+
+    // side bar
+    $('.bs-docs-sidenav').affix({
+      offset: {
+        top: function () { return $window.width() <= 980 ? 290 : 210 }
+      , bottom: 270
+      }
+    })
+
+    // make code pretty
+    window.prettyPrint && prettyPrint()
+
+    // add-ons
+    $('.add-on :checkbox').on('click', function () {
+      var $this = $(this)
+        , method = $this.attr('checked') ? 'addClass' : 'removeClass'
+      $(this).parents('.add-on')[method]('active')
+    })
+
+    // add tipsies to grid for scaffolding
+    if ($('#gridSystem').length) {
+      $('#gridSystem').tooltip({
+          selector: '.show-grid > div'
+        , title: function () { return $(this).width() + 'px' }
+      })
+    }
+
+    // tooltip demo
+    $('.tooltip-demo').tooltip({
+      selector: "a[rel=tooltip]"
+    })
+
+    $('.tooltip-test').tooltip()
+    $('.popover-test').popover()
+
+    // popover demo
+    $("a[rel=popover]")
+      .popover()
+      .click(function(e) {
+        e.preventDefault()
+      })
+
+    // button state demo
+    $('#fat-btn')
+      .click(function () {
+        var btn = $(this)
+        btn.button('loading')
+        setTimeout(function () {
+          btn.button('reset')
+        }, 3000)
+      })
+
+    // carousel demo
+    $('#myCarousel').carousel()
+
+    // javascript build logic
+    var inputsComponent = $("#components.download input")
+      , inputsPlugin = $("#plugins.download input")
+      , inputsVariables = $("#variables.download input")
+
+    // toggle all plugin checkboxes
+    $('#components.download .toggle-all').on('click', function (e) {
+      e.preventDefault()
+      inputsComponent.attr('checked', !inputsComponent.is(':checked'))
+    })
+
+    $('#plugins.download .toggle-all').on('click', function (e) {
+      e.preventDefault()
+      inputsPlugin.attr('checked', !inputsPlugin.is(':checked'))
+    })
+
+    $('#variables.download .toggle-all').on('click', function (e) {
+      e.preventDefault()
+      inputsVariables.val('')
+    })
+
+    // request built javascript
+    $('.download-btn').on('click', function () {
+
+      var css = $("#components.download input:checked")
+            .map(function () { return this.value })
+            .toArray()
+        , js = $("#plugins.download input:checked")
+            .map(function () { return this.value })
+            .toArray()
+        , vars = {}
+        , img = ['glyphicons-halflings.png', 'glyphicons-halflings-white.png']
+
+    $("#variables.download input")
+      .each(function () {
+        $(this).val() && (vars[ $(this).prev().text() ] = $(this).val())
+      })
+
+      $.ajax({
+        type: 'POST'
+      , url: /\?dev/.test(window.location) ? 'http://localhost:3000' : 'http://bootstrap.herokuapp.com'
+      , dataType: 'jsonpi'
+      , params: {
+          js: js
+        , css: css
+        , vars: vars
+        , img: img
+      }
+      })
+    })
+  })
+
+// Modified from the original jsonpi https://github.com/benvinegar/jquery-jsonpi
+$.ajaxTransport('jsonpi', function(opts, originalOptions, jqXHR) {
+  var url = opts.url;
+
+  return {
+    send: function(_, completeCallback) {
+      var name = 'jQuery_iframe_' + jQuery.now()
+        , iframe, form
+
+      iframe = $('<iframe>')
+        .attr('name', name)
+        .appendTo('head')
+
+      form = $('<form>')
+        .attr('method', opts.type) // GET or POST
+        .attr('action', url)
+        .attr('target', name)
+
+      $.each(opts.params, function(k, v) {
+
+        $('<input>')
+          .attr('type', 'hidden')
+          .attr('name', k)
+          .attr('value', typeof v == 'string' ? v : JSON.stringify(v))
+          .appendTo(form)
+      })
+
+      form.appendTo('body').submit()
+    }
+  }
+})
+
+}(window.jQuery)

data/lib/assets/javascripts/bootstrap-affix.js

@@ -0,0 +1,19 @@
+$(function () {
+
+    module("bootstrap-affix")
+
+      test("should be defined on jquery object", function () {
+        ok($(document.body).affix, 'affix method is defined')
+      })
+
+      test("should return element", function () {
+        ok($(document.body).affix()[0] == document.body, 'document.body returned')
+      })
+
+      test("should exit early if element is not visible", function () {
+        var $affix = $('<div style="display: none"></div>').affix()
+        $affix.data('affix').checkPosition()
+        ok(!$affix.hasClass('affix'), 'affix class was not added')
+      })
+
+})

data/lib/assets/javascripts/bootstrap-alert.js

@@ -0,0 +1,56 @@
+$(function () {
+
+    module("bootstrap-alerts")
+
+      test("should be defined on jquery object", function () {
+        ok($(document.body).alert, 'alert method is defined')
+      })
+
+      test("should return element", function () {
+        ok($(document.body).alert()[0] == document.body, 'document.body returned')
+      })
+
+      test("should fade element out on clicking .close", function () {
+        var alertHTML = '<div class="alert-message warning fade in">'
+          + '<a class="close" href="#" data-dismiss="alert">×</a>'
+          + '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>'
+          + '</div>'
+          , alert = $(alertHTML).alert()
+
+        alert.find('.close').click()
+
+        ok(!alert.hasClass('in'), 'remove .in class on .close click')
+      })
+
+      test("should remove element when clicking .close", function () {
+        $.support.transition = false
+
+        var alertHTML = '<div class="alert-message warning fade in">'
+          + '<a class="close" href="#" data-dismiss="alert">×</a>'
+          + '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>'
+          + '</div>'
+          , alert = $(alertHTML).appendTo('#qunit-fixture').alert()
+
+        ok($('#qunit-fixture').find('.alert-message').length, 'element added to dom')
+
+        alert.find('.close').click()
+
+        ok(!$('#qunit-fixture').find('.alert-message').length, 'element removed from dom')
+      })
+
+      test("should not fire closed when close is prevented", function () {
+        $.support.transition = false
+        stop();
+        $('<div class="alert"/>')
+          .bind('close', function (e) {
+            e.preventDefault();
+            ok(true);
+            start();
+          })
+          .bind('closed', function () {
+            ok(false);
+          })
+          .alert('close')
+      })
+
+})