hatchy 0.0.5.pre

data/app/assets/javascripts/hatchy/projects/contributions/new_contribution.js

@@ -0,0 +1,57 @@
+var new_contribution = (function(){
+	// Cache DOM
+	var $rewards_section = $('.reward-select');
+	var $rewards_row = $('#reward_data');
+	var $billing_row = $('#billing_data');
+	var $payment_row = $('#payment_data');
+	var $reward_continue = $('.reward_continue');
+	var $billing_continue = $('#billing_continue');
+	init();
+
+	// Bind Events
+	$rewards_section.on('click', selectReward);
+	$reward_continue.on('click', renderBilling);
+	$billing_continue.on('click', renderPayment);
+	
+	// Functions
+	function selectReward(event){
+		cleanSelection();
+		//var $radio = $(this).children('h3').children('label').children('input[type=radio]').not(':checked');
+		var $radio = $(this).find('.reward-headline h3 label input[type=radio]').not(':checked');
+		$radio.prop('checked', true);
+		$(this).addClass('selected');
+		$(this).find('.reward-body.hidden').removeClass('hidden');
+
+	}
+
+	function cleanSelection(){
+		$rewards_section.removeClass('selected');
+		$('.reward-body').not('.hidden').addClass('hidden');
+	}
+
+	function renderBilling(event){
+		$rewards_row.addClass('hidden');
+		$billing_row.removeClass('hidden');
+	}
+
+	function renderPayment(event){
+		$billing_row.addClass('hidden');
+		$payment_row.removeClass('hidden');
+	}
+
+	function init(){
+		$radio = $('input[type=radio]:checked');
+		$reward_select = $radio.closest('.reward-select');
+		$reward_body = $reward_select.children('.reward-body');
+		$reward_select.addClass('selected');
+		$reward_body.removeClass('hidden');
+		if(window.location.hash != ''){
+			$rewards_row.addClass('hidden');
+			$(window.location.hash + '_data').removeClass('hidden');
+		}else{
+			$rewards_row.removeClass('hidden');
+		}
+	}
+
+	return{};
+})();

data/app/assets/javascripts/hatchy/projects/edit.js

@@ -0,0 +1,59 @@
+var edit = (function(){
+  // Cache DOM
+  var $rowSections = $('.container-fluid .hidden');
+  var $currentRow = $('.container-fluid .hidden' + window.location.hash + '_dashboard');
+  var $toggleNav = $('.toggle-nav-collapse'); 
+  var $sidebarPage = $('.sidebar-page'); 
+  var $menuLinks = $('#project_menu li a');
+  var $rewardForm = $('form');
+  var $hashLink = $.grep( $( '#project_menu li a' ), function (o) {
+    return o.hash === window.location.hash;
+  });
+
+  // Bind Events
+  $toggleNav.on('click', toggleNavCss);
+  $menuLinks.not('.toggle-nav-collapse').on('click', toggleMenuActive);
+  $rewardForm.on('click', '.add_fields', addFields);
+  $rewardForm.on('click', '.remove_fields', removeFields);
+  
+  // Functions
+  function showHashLocation() {
+    $currentRow.removeClass('hidden');
+    $($hashLink).parent().addClass('active');
+  }
+
+  function toggleNavCss() {
+    $sidebarPage.toggleClass("collapsed expanded");
+    $('.toggle-nav-collapse i').toggleClass("fa-angle-right fa-angle-left");
+  }
+
+  function toggleMenuActive() {
+    $menuLinks.parent().removeClass('active');
+    $rowSections.addClass('hidden');
+    $(this).parent().addClass('active');
+    $('.container-fluid' + this.hash + '_dashboard').removeClass('hidden');
+  }
+
+  function addFields() {
+    var time = new Date().getTime();
+    var regexp = new RegExp($(this).data('id'), 'g');
+    $(this).before($(this).data('fields').replace(regexp, time));
+  }
+
+  function removeFields() {
+    if(confirm("Are You Sure?")){
+      $(this).prev('input[type=hidden]').val('1');
+      $(this).closest('fieldset').hide();
+    }
+  }
+
+  function initSummerNote() {
+    var summerNote;
+    summerNote = $('.summernote');
+    return summerNote.summernote({ height: 300 });
+  }
+
+  showHashLocation();
+  initSummerNote();
+  return {};
+})();

data/app/assets/javascripts/hatchy/projects/show.js

@@ -0,0 +1,16 @@
+var edit = (function(){
+	// Cache DOM
+	var $time = $('#counter');
+
+	// Bind Events
+
+	// Functions
+	function setClock() {
+		$time.countdown($time.data('time'), function (e){
+			$(this).text(e.strftime('%D days %H:%M:%S'));
+		});
+	}
+
+	setClock();
+	return{};
+})();

data/app/assets/javascripts/hatchy/users/edit.js

@@ -0,0 +1,29 @@
+var edit = (function(){
+	// Cache DOM
+	var $rowSections = $('.container-fluid .hidden');
+	var $currentRow = $('.container-fluid .hidden' + window.location.hash + '_dashboard');
+	var $menuLinks = $('#user_menu li a');
+  var $hashLink = $.grep( $( '#user_menu li a' ), function (o) {
+    return o.hash == window.location.hash;
+  });
+
+	// Bind Events
+	$menuLinks.on('click', toggleMenuActive);
+
+	// Functions
+	function showHashLocation() {
+    $currentRow.removeClass('hidden');
+    $($hashLink).parent().addClass('active');
+  }
+
+  function toggleMenuActive() {
+    $menuLinks.parent().removeClass('active');
+    $rowSections.addClass('hidden');
+    $(this).parent().addClass('active');
+    $('.container-fluid' + this.hash + '_dashboard').removeClass('hidden');
+  }
+
+  showHashLocation();
+
+	return{};
+})();

data/app/assets/stylesheets/hatchy/admin.scss.erb

@@ -0,0 +1,68 @@
+@charset "UTF-8";
+
+<% theme =  Hatchy.theme %>
+
+/***  Variables  ***/
+@import "hatchy/themes/<%= theme %>/variables";
+@import "hatchy/bootstrap/variables";
+
+/***  Mixins  ***/
+@import "hatchy/bootstrap/mixins";
+@import "hatchy/themes/<%= theme %>/mixins";
+
+/*** Reset ***/
+@import "hatchy/bootstrap/normalize";
+@import "hatchy/bootstrap/print";
+@import "hatchy/bootstrap/glyphicons";
+
+/***  Libraries  ***/
+@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
+
+/***  Bootstrap Theming  ***/
+// Core CSS
+@import "hatchy/bootstrap/scaffolding";
+@import "hatchy/bootstrap/type";
+@import "hatchy/bootstrap/code";
+@import "hatchy/bootstrap/grid";
+@import "hatchy/bootstrap/tables";
+@import "hatchy/bootstrap/forms";
+@import "hatchy/bootstrap/buttons";
+
+// Components
+@import "hatchy/bootstrap/component-animations";
+@import "hatchy/bootstrap/dropdowns";
+@import "hatchy/bootstrap/button-groups";
+@import "hatchy/bootstrap/input-groups";
+@import "hatchy/bootstrap/navs";
+@import "hatchy/bootstrap/navbar";
+@import "hatchy/bootstrap/breadcrumbs";
+@import "hatchy/bootstrap/pagination";
+@import "hatchy/bootstrap/pager";
+@import "hatchy/bootstrap/labels";
+@import "hatchy/bootstrap/badges";
+@import "hatchy/bootstrap/jumbotron";
+@import "hatchy/bootstrap/thumbnails";
+@import "hatchy/bootstrap/alerts";
+@import "hatchy/bootstrap/progress-bars";
+@import "hatchy/bootstrap/media";
+@import "hatchy/bootstrap/list-group";
+@import "hatchy/bootstrap/panels";
+@import "hatchy/bootstrap/responsive-embed";
+@import "hatchy/bootstrap/wells";
+@import "hatchy/bootstrap/close";
+
+// Components w/ JavaScript
+@import "hatchy/bootstrap/modals";
+@import "hatchy/bootstrap/tooltip";
+@import "hatchy/bootstrap/popovers";
+@import "hatchy/bootstrap/carousel";
+@import "hatchy/libraries/pnotify.custom";
+@import "dataTables/jquery.dataTables";
+
+// Utility classes
+@import "hatchy/bootstrap/utilities";
+@import "hatchy/bootstrap/responsive-utilities";
+@import "hatchy/base";
+
+/***  Theming  ***/
+@import "hatchy/themes/<%= theme %>/theme";

data/app/assets/stylesheets/hatchy/base.scss

@@ -0,0 +1,195 @@
+/* Sidebar */
+.sidebar-page {
+  padding-top: 50px;
+}
+.sidebar-page .sidebar-wrapper {
+  position: fixed;
+  top: 50px;
+  bottom: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  left: 0;
+  height: 100%;
+  transition-duration: .3s;
+}
+.sidebar-page .nav-sidebar li.active a {
+  //color:
+  //background:
+}
+.sidebar-wrapper {
+  background: white;
+  z-index: 99;
+}
+.content-wrapper {
+  min-height: 100vh;
+  width: 100%;
+  padding: 20px;
+  background: ghostwhite;
+}
+.content-wrapper .container-fluid {
+  background: #FFF;
+  padding: 16px;
+  min-height: 90vh;
+}
+.sidebar-page .header-logo {
+  //background-color:
+  //border-color:
+}
+.sidebar-page .header-logo:hover {
+  //background-color:
+}
+.sidebar-page .header-logo:hover a {
+  //color:
+  //text-decoration: none;
+}
+.sidebar-wrapper .header-logo {
+  border-bottom: 1px solid transparent;
+  float: left;
+  height: 58px;
+  width: 230px;
+  overflow: hidden;
+  transition-duration: .3s;
+}
+.sidebar-wrapper .header-logo a {
+  //color:
+  float: left;
+  height: 58px;
+  width: 100%;
+  padding: 10px 22px;
+  overflow: hidden;
+}
+.nav-sidebar {
+  margin-top: 25px;
+  margin-bottom: 100px;
+  list-style: none;
+  overflow: hidden;
+  transition-duration: .3s;
+}
+.nav-sidebar li a {
+  padding: 7px 15px;
+  font-size: 15px;
+  line-height: 24px;
+  //color:
+  display: block;
+  text-decoration: none;
+  padding-left: 22px;
+  font-weight: normal;
+}
+.nav-sidebar li a i {
+  width: 16px;
+  margin-right: 13px;
+  text-align: center
+}
+.sidebar-page .nav-sidebar li a:hover,
+.sidebar-page .nav-sidebar li a:focus {
+  //background:
+}
+.sidebar-page .nav-sidebar li.separate {
+  //border-top: 1px solid color;
+  padding-top: 10px;
+  margin-top: 10px;
+}
+
+/* Project card */
+.project-card {
+  width: 337px;
+  height: 474px;
+  max-height: 474px;
+  border: 1px solid #EFEFEF;
+  border-radius: 4px;
+  overflow: hidden;
+  background: white;
+  text-align: left;
+}
+.project-card .header {
+  width: 338px;
+  height: 200px;
+}
+.project-card .content {
+  position: relative;
+  padding-bottom: 0;
+  padding-top: 20px;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+.project-card .footer {
+  padding: 20px;
+  font-weight: 500;
+  color: #7e7e7e;
+}
+.project-card .content .title {
+  font-weight: 300;
+}
+.project-card .content .body {
+  color: #7e7e7e;
+}
+
+/* Flash errors */
+#flash_notice{
+  @extend .alert-info;
+}
+#flash_error, #flash_alert{
+  @extend .alert-danger;
+}
+#flash_warning{
+  @extend .alert-warning;
+}
+
+@media (max-width: 1199px){
+  /* Sidebar */
+  .sidebar-page.expanded{
+    padding-left: 60px;
+    transition-duration: .3s;
+  }
+  .sidebar-page.expanded .sidebar-wrapper {
+    width: 62px;
+  }
+  .sidebar-page.expanded .sidebar-wrapper .header-logo {
+    width: 62px;
+  }
+  .sidebar-page.expanded .sidebar-wrapper .header-logo a {
+    padding-left: 12px;
+  }
+  .sidebar-page.expanded .sidebar-wrapper .nav-sidebar {
+    width: 62px;
+  }
+  .sidebar-page.expanded .sidebar-wrapper .nav-sidebar li a span {
+    display: none;
+  }
+  .sidebar-page.expanded .sidebar-wrapper .nav-sidebar li a.toggle-nav-collapse {
+    display: none;
+  }
+}
+@media (min-width: 1199px){
+  /* Sidebar */
+  .sidebar-page.expanded {
+    padding-left: 230px;
+    transition-duration: .3s;
+  }
+  .sidebar-page.expanded .sidebar-wrapper {
+    width: 230px;
+  }
+  .sidebar-page.expanded .sidebar-wrapper .nav-sidebar {
+    width: 230px;
+  }
+  .sidebar-page.expanded .sidebar-wrapper .nav-sidebar li a {
+    width: 230px;
+  }
+  .sidebar-page.collapsed {
+    padding-left: 60px;
+    transition-duration: .3s;
+  }
+  .sidebar-page.collapsed .sidebar-wrapper {
+    width: 62px;
+  }
+  .sidebar-page.collapsed .sidebar-wrapper .nav-sidebar li a span {
+    display: none;
+  }
+  .sidebar-wrapper .nav-sidebar li {
+    width: 230px;
+  }
+}
+@media (min-width: 1200px){}
+@media (min-width: 992px){}
+@media (min-width: 768px){}
+@media screen and (min-width: 768px){}

data/app/assets/stylesheets/hatchy/bootstrap/_alerts.scss

@@ -0,0 +1,73 @@
+//
+// Alerts
+// --------------------------------------------------
+
+
+// Base styles
+// -------------------------
+
+.alert {
+  padding: $alert-padding;
+  margin-bottom: $line-height-computed;
+  border: 1px solid transparent;
+  border-radius: $alert-border-radius;
+
+  // Headings for larger alerts
+  h4 {
+    margin-top: 0;
+    // Specified for the h4 to prevent conflicts of changing $headings-color
+    color: inherit;
+  }
+
+  // Provide class for links that match alerts
+  .alert-link {
+    font-weight: $alert-link-font-weight;
+  }
+
+  // Improve alignment and spacing of inner content
+  > p,
+  > ul {
+    margin-bottom: 0;
+  }
+
+  > p + p {
+    margin-top: 5px;
+  }
+}
+
+// Dismissible alerts
+//
+// Expand the right padding and account for the close button's positioning.
+
+.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
+.alert-dismissible {
+  padding-right: ($alert-padding + 20);
+
+  // Adjust close link position
+  .close {
+    position: relative;
+    top: -2px;
+    right: -21px;
+    color: inherit;
+  }
+}
+
+// Alternate styles
+//
+// Generate contextual modifier classes for colorizing the alert.
+
+.alert-success {
+  @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
+}
+
+.alert-info {
+  @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
+}
+
+.alert-warning {
+  @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
+}
+
+.alert-danger {
+  @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
+}