RubyGems - common_interface - Versions diffs - 0.1.0 - Mend

common_interface 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (143) hide show

data/lib/common_interface/public/common_interface/themes/simple_organization/tmp/tmp.html ADDED Viewed

@@ -0,0 +1,307 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+	<meta name="description" content=""/>
+	<meta name="keywords" content="" />
+	<meta name="author" content="" />
+	<link rel="stylesheet" type="text/css" href="../style.css" media="screen" />
+	<title>Website Template: Simple Organization (demo)</title>
+</head>
+<body>
+<div id="site-wrapper">
+	<div id="header">
+		<div id="top">
+			<div class="left" id="logo">
+				<a href="index.html"><img src="img/logo.gif" alt="" /></a>
+			</div>
+			<div class="left navigation" id="main-nav">
+				<ul class="tabbed">
+					<li class="current-tab"><a href="index.html">Blog</a></li>
+					<li><a href="#">Events</a></li>
+					<li><a href="#">About</a></li>
+					<li><a href="#">Archives</a></li>
+					<li><a href="#">Join Us!</a></li>
+				</ul>
+				<div class="clearer">&nbsp;</div>
+			</div>
+			<div class="clearer">&nbsp;</div>
+		</div>
+		<div class="navigation" id="sub-nav">
+			<ul class="tabbed">
+				<li class="current-tab"><a href="index.html">Template Info</a></li>
+				<li><a href="style-demo.html">Style Demo</a></li>
+				<li><a href="comments.html">Comments</a></li>
+				<li><a href="archives.html">Archives</a></li>
+				<li><a href="no-subnavigation.html">No Subnavigation</a></li>
+				<li><a href="left-sidebar.html">Left Sidebar</a></li>
+				<li><a href="single-column.html">Single Column</a></li>
+				<li><a href="empty-page.html">Empty Page</a></li>
+			</ul>
+			<div class="clearer">&nbsp;</div>
+		</div>
+	</div>
+	<div id="splash">
+		<div class="col3 left">
+			<h2 class="label label-green">Mission Statement</h2>
+			<p class="quiet large">What we want to achieve</p>
+			<p>Vestibulum eu pellentesque ante. Sed tincidunt quam eu nisl luctus id mattis tellus rhoncus.</p>
+			<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Donec dapibus eros vitae nibh venenatis faucibus.</p>
+			<p><a href="#" class="more">Learn more &raquo;</a></p>
+		</div>
+		<div class="col3-mid left">
+			<h2 class="label label-orange">Next Event</h2>
+			<p class="quiet large">Friday, August 18, 2009</p>
+			<p><img src="img/sample-event.jpg" width="240" height="80" alt="" class="bordered" /></p>
+			<p><em>Aliquam augue neque, rhoncus et dictum in, cursus eget mauris.</em></p>
+		</div>
+		<div class="col3 right">
+			<h2 class="label label-blue">Follow Us</h2>
+			<p class="quiet large">http://twitter.com/username</p>
+			<p>Nulla mollis sollicitudin nulla et mattis.<span class="quiet">(2 hours ago)</span></p>
+			<p>Torquent per conubia nostra, per inceptos himenaeos. <span class="quiet">(2 hours ago)</span></p>
+			<p>In sed ante at velit hendrerit blandit a et nibh. Cras sed cursus nulla. <span class="quiet">(3 hours ago)</span></p>
+			<p>Nullam vitae mi at nulla blandit. <span class="quiet">(5 hours ago)</span></p>
+		</div>
+		<div class="clearer">&nbsp;</div>
+	</div>
+	<div class="main" id="main-two-columns">
+		<div class="left" id="main-content">
+			<div class="section">
+				<div class="section-title">Blog</div>
+				<div class="section-content">
+					<div class="post">
+						<div class="post-title"><h2><a href="#">Template Information</a></h2></div>
+						<div class="post-date">Saturday, September 19, 2009 by Viktor Persson</div>
+						<div class="post-body">
+							<p><a href="#"><img src="img/sample-image.jpg" alt="" class="bordered" /></a></p>
+							<p class="large">This is a free website template by <a href="http://arcsin.se/">Arcsin</a>, built using tableless XHTML and CSS.</p>
+							<p>This template is distributed under a <a href="http://templates.arcsin.se/license/">Creative Commons Attribution 2.5 License</a>, which allows you to use and modify it for any purpose (personal and commercial), under the condition that you keep the provided credit links in the footer.</p>
+							<p>The latest template version and CMS conversions for platforms such as WordPress and Blogger can be found at the official <a href="http://templates.arcsin.se/simple-organization-website-template/">Simple Organization Website Template</a> page.</p>
+							<p>For more templates, questions and comments please visit <a href="http://templates.arcsin.se/">Arcsin Web Templates</a>.</p>
+							<a href="http://templates.arcsin.se/" class="more">Read more &#187;</a>
+						</div>
+					</div>
+					<div class="content-separator"></div>
+					<div class="col3 left">
+						<div class="column-content">
+							<div class="post">
+								<h3><a href="#">Article title</a></h3>
+								<p>Integer diam elit, condi mentum ac semper ut, tincidunt non diam. Ut congue at commodo aenean euismod tincidunt lorem euismod.</p>
+								<a href="#" class="more">Read more &#187;</a>
+							</div>
+						</div>
+					</div>
+					<div class="col3 col3-mid left">
+						<div class="column-content">
+							<div class="post">
+								<h3><a href="#">Second Article Title</a></h3>
+								<p>Sed congue lacinia leo, sed dignissim odio pharetra vel. Fusce a dignissim dui. Fusce semper porttitor enim dapibus venenatis.</p>
+								<a href="#" class="more">Read more &#187;</a>
+							</div>
+						</div>
+					</div>
+					<div class="col3 right">
+						<div class="column-content">
+							<div class="post">
+								<h3><a href="#">Third title</a></h3>
+								<p>Sed auctor hendrerit eros eu eleifend. Cras hendrerit iaculis sodales. Pellentesque interdum rhoncus magna.</p>
+								<a href="#" class="more">Read more &#187;</a>
+							</div>
+						</div>
+					</div>
+					<div class="clearer">&nbsp;</div>
+				</div>
+			</div>
+			<div class="clearer">&nbsp;</div>
+		</div>
+		<div class="right sidebar" id="sidebar">
+			<div class="section">
+				<div class="section-title">Search</div>
+				<div class="section-content">
+					<form method="post" action="">
+						<input type="text" class="text" size="28" /> &nbsp; <input type="submit" class="button" value="Submit" />
+					</form>
+				</div>
+			</div>
+			<div class="section">
+				<div class="section-title">Recent Entries</div>
+				<div class="section-content">
+					<ul class="nice-list">
+						<li>
+							<div class="left"><a href="#">Aenean tempor arcu..</a></div>
+							<div class="right">Oct 12</div>
+							<div class="clearer">&nbsp;</div>
+						</li>
+						<li>
+							<div class="left"><a href="#">Justo interdum rutrum</a></div>
+							<div class="right">Sep 15</div>
+							<div class="clearer">&nbsp;</div>
+						</li>
+						<li>
+							<div class="left"><a href="#">In nec justo in urna</a></div>
+							<div class="right">Sep 12</div>
+							<div class="clearer">&nbsp;</div>
+						</li>
+						<li>
+							<div class="left"><a href="#">Accumsan condimentum</a></div>
+							<div class="right">Sep 6</div>
+							<div class="clearer">&nbsp;</div>
+						</li>
+						<li>
+							<div class="left"><a href="#">Etiam commodo bibendum</a></div>
+							<div class="right">Aug 27</div>
+							<div class="clearer">&nbsp;</div>
+						</li>
+						<li>
+							<div class="left"><a href="#">Mauris euismod justo</a></div>
+							<div class="right">Aug 21</div>
+							<div class="clearer">&nbsp;</div>
+						</li>
+						<li><a href="#" class="more">Browse Archives &#187;</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="section">
+				<div class="section-title">Board of Members</div>
+				<div class="section-content">
+					<ul class="nice-list">
+						<li><a href="#">Elem Semper</a> <span class="quiet">- Director</span></li>
+						<li><a href="#">Porttitor Urna</a> <span class="quiet">- Lead Writer</span></li>
+						<li><a href="#">Congue Porttitor</a> <span class="quiet">- Editor</span></li>
+						<li><a href="#">Etiam Blandit</a> <span class="quiet">- Writer</span></li>
+						<li><a href="#">Diet Tesque</a> <span class="quiet">- Writer</span></li>
+					</ul>
+				</div>
+			</div>
+			<div class="section">
+				<div class="section-title">Topics</div>
+				<div class="section-content">
+					<div class="quiet">
+						<a href="#" style="font-size: 120%">vestibulum</a> <a href="#" style="font-size: 120%">ante</a> <a href="#" style="font-size: 150%">ipsum</a> <a href="#" style="font-size: 120%">faucibus</a> <a href="#" style="font-size: 90%">orci luctus</a> <a href="#" style="font-size: 80%">ultrices</a> <a href="#" style="font-size: 220%">posuere cubilia</a> <a href="#" style="font-size: 100%">curae</a> <a href="#" style="font-size: 110%">quisque</a> <a href="#" style="font-size: 150%">ut arcu</a> <a href="#" style="font-size: 140%">eros</a> <a href="#" style="font-size: 100%">vestibulum</a> <a href="#" style="font-size: 90%">dapibus</a> <a href="#" style="font-size: 120%">volutpat</a> <a href="#" style="font-size: 200%">elementum</a>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="clearer">&nbsp;</div>
+	</div>
+	<div id="footer">
+		<div class="left" id="footer-left">
+			<img src="img/logo-small.gif" alt="" class="left" />
+			<p>&copy; 2002-2009 Simple Organization. All rights Reserved</p>
+			<p class="quiet"><a href="http://templates.arcsin.se/">Website template</a> by <a href="http://arcsin.se/">Arcsin</a></p>
+			<div class="clearer">&nbsp;</div>
+		</div>
+		<div class="right" id="footer-right">
+			<p class="large"><a href="#">Blog</a> <span class="text-separator">|</span> <a href="#">Events</a> <span class="text-separator">|</span> <a href="#">About</a> <span class="text-separator">|</span> <a href="#">Archives</a> <span class="text-separator">|</span> <strong><a href="#">Join Us!</a></strong> <span class="text-separator">|</span> <a href="#top" class="quiet">Page Top &uarr;</a></p>
+		</div>
+		<div class="clearer">&nbsp;</div>
+	</div>
+</div>
+</body>
+</html>

data/lib/common_interface/tmp/html.html ADDED Viewed

@@ -0,0 +1,39 @@
+<div class='_files_wiget files'>
+	<div class='_templates' style='display:none'>
+		<textarea class='_file_progress_template'>
+			<li class="_file_#{id}">
+				<em>#{name}</em>
+				(#{size_in_kb} KB)
+				<em class='_cancel'>[#{cancel}]</em>
+				<span class="progressvalue _progressvalue" ></span>
+				<div class="progressbar" ><div class="progress _progress" ></div></div>
+				<!-- <span class="_cancel cancel" >&nbsp;</span> -->
+			</li>
+		</textarea>
+		<textarea class="_file_template">
+			<div class='#{file_id}'>
+				<a href='#{url}'>#{name}</a> <a class="_delete" href="#">[#{delete}]</a>
+			</div>
+		</textarea>
+		<textarea class="_content_template">
+			<div class="_files"></div>
+			<ol class="log _queue"></ol>
+			<span class='_flash_holder'></span>
+			<br/><a class="_upload" href="#"></a>
+		</textarea>
+	</div>
+	<div class="_content">
+	</div>
+</div>
+folder_wiget object, {}, {
+	:wiget => '._files_wiget'
+}

data/lib/common_interface/tmp/js.js ADDED Viewed

@@ -0,0 +1,78 @@
+//Inline HTML Tooltip script: By JavaScript Kit: http://www.javascriptkit.com
+//Created: July 10th, 08'
+var htmltooltip={
+	tipclass: 'htmltooltip',
+	fadeeffect: [true, 500],
+	anchors: [],
+	tooltips: [], //array to contain references to all tooltip DIVs on the page
+	positiontip:function($, tipindex, e){
+		var anchor=this.anchors[tipindex]
+		var tooltip=this.tooltips[tipindex]
+		var scrollLeft=window.pageXOffset? window.pageXOffset : this.iebody.scrollLeft
+		var scrollTop=window.pageYOffset? window.pageYOffset : this.iebody.scrollTop
+		var docwidth=(window.innerWidth)? window.innerWidth-15 : htmltooltip.iebody.clientWidth-15
+		var docheight=(window.innerHeight)? window.innerHeight-18 : htmltooltip.iebody.clientHeight-15
+		var tipx=anchor.dimensions.offsetx
+		var tipy=anchor.dimensions.offsety+anchor.dimensions.h
+		tipx=(tipx+tooltip.dimensions.w-scrollLeft>docwidth)? tipx-tooltip.dimensions.w : tipx //account for right edge
+		tipy=(tipy+tooltip.dimensions.h-scrollTop>docheight)? tipy-tooltip.dimensions.h-anchor.dimensions.h : tipy //account for bottom edge
+		$(tooltip).css({left: tipx, top: tipy})
+	},
+	showtip:function($, tipindex, e){
+		var tooltip=this.tooltips[tipindex]
+		if (this.fadeeffect[0])
+			$(tooltip).hide().fadeIn(this.fadeeffect[1])
+		else
+			$(tooltip).show()
+	},
+	hidetip:function($, tipindex, e){
+		var tooltip=this.tooltips[tipindex]
+		if (this.fadeeffect[0])
+			$(tooltip).fadeOut(this.fadeeffect[1])
+		else
+			$(tooltip).hide()
+	},
+	updateanchordimensions:function($){
+		var $anchors=$('*[@rel="'+htmltooltip.tipclass+'"]')
+		$anchors.each(function(index){
+			this.dimensions={w:this.offsetWidth, h:this.offsetHeight, offsetx:$(this).offset().left, offsety:$(this).offset().top}
+		})
+	},
+	render:function(){
+		jQuery(document).ready(function($){
+			htmltooltip.iebody=(document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
+			var $anchors=$('*[@rel="'+htmltooltip.tipclass+'"]')
+			var $tooltips=$('div[@class="'+htmltooltip.tipclass+'"]')
+			$anchors.each(function(index){ //find all links with "title=htmltooltip" declaration
+				this.dimensions={w:this.offsetWidth, h:this.offsetHeight, offsetx:$(this).offset().left, offsety:$(this).offset().top} //store anchor dimensions
+				this.tippos=index+' pos' //store index of corresponding tooltip
+				var tooltip=$tooltips.eq(index).get(0) //ref corresponding tooltip
+				if (tooltip==null) //if no corresponding tooltip found
+					return //exist
+				tooltip.dimensions={w:tooltip.offsetWidth, h:tooltip.offsetHeight}
+				$(tooltip).remove().appendTo('body') //add tooltip to end of BODY for easier positioning
+				htmltooltip.tooltips.push(tooltip) //store reference to each tooltip
+				htmltooltip.anchors.push(this) //store reference to each anchor
+				var $anchor=$(this)
+				$anchor.hover(
+					function(e){ //onMouseover element
+						htmltooltip.positiontip($, parseInt(this.tippos), e)
+						htmltooltip.showtip($, parseInt(this.tippos), e)
+					},
+					function(e){ //onMouseout element
+						htmltooltip.hidetip($, parseInt(this.tippos), e)
+					}
+				)
+				$(window).bind("resize", function(){htmltooltip.updateanchordimensions($)})
+			})
+		})
+	}
+}
+htmltooltip.render()

data/lib/common_interface/view_helper.rb ADDED Viewed

@@ -0,0 +1,52 @@
+module CommonInterface
+  module ViewHelper
+    #
+    # Form Buttons
+    #
+    def ok_button text = t(:ok)
+      submit_tag text, :class => '_submit_form_or_ajax_form'
+    end
+    def cancel_button text = t(:cancel)
+      link_to text, :back, {}, :class => '_redirect_back_or_close_dialog'
+    end
+    #
+    # Custom
+    #
+    def tag_cloud tags, classes, &block
+      return if tags.empty?
+      max_count = tags.sort{|a, b| a.count <=> b.count}.last.count.to_f
+      tags.sort{|a, b| a.name <=> b.name}.each do |tag|
+        index = ((tag.count / max_count) * (classes.size - 1)).round
+        block.call tag, classes[index]
+      end
+    end
+    #
+    # Folder
+    #
+    # params = {
+    #   :l => I18n.locale,
+    # }
+    #
+    # opt = {
+    #   :upload_url => item_files_path(folder),
+    #   :view => 'folder_thumb',
+    #   :select_files => t(:select_files),
+    # }
+    def build_files_uploader_for params, opt
+      raise 'update me with crystal.config'
+      session_key = ActionController::Base.session_options[:key]
+      params = {
+        session_key => cookies[session_key]
+      }.merge(params)
+      "new FilesUpload(#{params.to_json}, #{opt.to_json});"
+    end
+  end
+end