lol_framework 0.1.0

data/vendor/assets/stylesheets/lol_framework/_variable.scss

@@ -0,0 +1,107 @@
+// -------------------------------------------------------
+//  Colors definitions
+// -------------------------------------------------------
+$colorBlack:       #000000 !default;
+$colorGrayDarker:  #333333 !default;
+$colorGrayDark:    #666666 !default;
+$colorGray:        #989898 !default;
+$colorGrayLight:   #c1c1c1 !default;
+$colorGrayLighter: #eaeaea !default;
+$colorWhite:       #ffffff !default;
+
+$colorBlue:        #3a87ad !default;
+$colorYellow:      #fff95c !default;
+$colorYellowDarke: #c09853 !default;
+$colorRed:         #b94a48 !default;
+$colorOrange:      #ffa33d !default;
+$colorViolet:      #ee82ee !default;
+$colorGreen:       #468847 !default;
+
+
+// -------------------------------------------------------
+//  Scaffolding
+// -------------------------------------------------------
+$bodyBackground  : $colorWhite !default;
+$textColor       : $colorGrayDarker !default;
+
+
+// -------------------------------------------------------
+//  Default browsers
+// -------------------------------------------------------
+$linkColor        : lighten($colorBlue, 10%);
+$linkColorHover   : darken($linkColor, 10%);
+$placeholderText  : #adafb0;
+
+$sansFontFamily   : "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$serifFontFamily  : Georgia, "Times New Roman", Times, serif !default;
+$monoFontFamily   : Monaco, Menlo, Consolas, "Courier New", monospace !default;
+
+$baseFontSize:          14px !default;
+$baseFontFamily:        $sansFontFamily !default;
+$baseLineHeight:        20px !default;
+$altFontFamily:         $serifFontFamily !default;
+
+
+// -------------------------------------------------------
+//  Responsive Layout
+// -------------------------------------------------------
+$gridTotalColumns   : 12 !default;
+$containerWidth     : 980px !default;
+$containerWidth1200 : 1200px !default;
+$containerWidth768  : 768px !default;
+
+// Default container is 940px
+$gridColumnWidth  : 60px !default;
+$gridSpaceWidth   : 20px !default;
+$gridRowWidth     : ($gridColumnWidth*$gridTotalColumns+$gridSpaceWidth*($gridTotalColumns - 1)) !default;
+
+// Responsive configurations
+$gridRespColumnWidth  : percentage($gridColumnWidth/$gridRowWidth) !default;
+$gridSpaceColumnWidth : percentage($gridSpaceWidth/$gridRowWidth) !default;
+
+
+// -------------------------------------------------------
+//  Assets / Sprites / Icons
+// -------------------------------------------------------
+
+$assetsPath          : "/assets/LolFramework/";
+$iconSpritePath      : "#{$assetsPath}glyphicons-lol-origin.png";
+$iconWhiteSpritePath : "#{$assetsPath}glyphicons-lol-origin-white.png";
+$iconSpriteWidth     : 600px;
+
+
+
+// -------------------------------------------------------
+//  z-index params
+// -------------------------------------------------------
+$zindexDropdown:          1000 !default;
+$zindexPopover:           1010 !default;
+$zindexTooltip:           1030 !default;
+$zindexFixedNavbar:       1030 !default;
+$zindexAlert:             1040 !default;
+$zindexModalBackdrop:     1050 !default;
+$zindexModal:             1060 !default;
+$zindexLoader:            1070 !default;
+
+
+// -------------------------------------------------------
+//  Modal
+// -------------------------------------------------------
+
+
+
+// -------------------------------------------------------
+//  Data Table
+// -------------------------------------------------------
+
+
+
+// -------------------------------------------------------
+//  Alert
+// -------------------------------------------------------
+
+$alertLineHeight:     23px !default;
+$alertColorError:     $colorRed !default;
+$alertColorInfo:      $colorBlue !default;
+$alertColorSuccess:   $colorGreen !default;
+$alertColorWarning:   $colorYellowDarke !default;

data/vendor/assets/stylesheets/lol_framework/components/_alert.scss

@@ -0,0 +1,46 @@
+.alerts {
+  @include afabsolute();
+  @include position(20px, 20px);
+  z-index: $zindexAlert;
+  @include user-select(none);
+
+  .alert {
+    @include clearfix();
+    padding: 8px 30px 8px 8px;
+    @include afrelative();
+    @include border-radius(8px);
+    color: rgba($colorGrayDark, 0.8);
+    border: 1px solid;
+    margin-bottom: 9px;
+    line-height: $alertLineHeight;
+    cursor: default;
+
+    // default warning
+    background: lighten($alertColorWarning, 30%);
+    color: $alertColorWarning;
+    border-color: lighten($alertColorWarning, 25%);
+
+    span {
+      @include afabsolute();
+      @include position(8px, 8px);
+      font-size: 18px;
+      cursor: pointer;
+    }
+
+    &.alert-success {
+      background: lighten($alertColorSuccess, 30%);
+      color: $alertColorSuccess;
+      border-color: lighten($alertColorSuccess, 25%);
+    }
+    &.alert-error {
+      background: lighten($alertColorError, 30%);
+      color: $alertColorError;
+      border-color: lighten($alertColorError, 25%);
+    }
+    &.alert-info {
+      background: lighten($alertColorInfo, 30%);
+      color: $alertColorInfo;
+      border-color: lighten($alertColorInfo, 25%);
+    }
+  }
+}

data/vendor/assets/stylesheets/lol_framework/components/_datatable.scss

@@ -0,0 +1,172 @@
+
+table.lol-datatable {
+  width: 100%;
+  margin-top: 30px;
+  @include user-select(none);
+
+  tr {
+    border-bottom: 1px solid #ebebeb;
+    border-top: 1px solid #fff;
+    td, th {
+      border-left: 1px solid #fff;
+      border-right: 1px solid #f4f4f4;
+      padding: 12px 14px;
+      position: relative;
+      text-align: left;
+      &:last-child {
+        border-right: none;
+      }
+      &:first-child {
+        border-left: none;
+      }
+    }
+  }
+
+  thead {
+    color: #898989;
+    font-size: 13px;
+    font-weight: bold;
+    tr {
+      border-top: none;
+    }
+  }
+
+  tbody tr {
+    &:last-child {
+      border-bottom: none;
+      td {
+        &:first-child {
+          border-bottom-left-radius: 3px;
+        }
+        &:last-child {
+          border-bottom-right-radius: 3px;
+        }
+      }
+    }
+    &:nth-child(odd) {
+      background: #fdfdfd;
+    }
+    &.active_row {
+      background-color: #4190e9;
+      color: white;
+    }
+  }
+}
+
+.context-menu {
+  display: block;
+  //@include size(130px, 90px);
+  background: rgba(black, 0.7);
+  position: absolute;
+  @include border-radius(4px 10px 10px);
+
+  ul{
+    padding: 0;
+    margin: 10px;
+    li {
+      list-style: none;
+      a{
+        color: $colorWhite;
+        padding: 5px 10px;
+        margin: 2px 0;
+        display: block;
+        @include border-radius(5px);
+        &:hover {
+          background: rgba(white, 0.3);
+          text-decoration: none;
+          cursor: pointer;
+        }
+        i {
+          margin-right: 9px;
+        }
+      }
+
+    }
+  }
+
+}
+
+
+.dataTables_wrapper {
+  position: relative;
+}
+
+.dataTables_length {
+  display: none;
+}
+
+.dataTables_filter {
+  position: absolute;
+  right: 14px;
+  top: -28px;
+}
+
+.dataTables_filter {
+  label {
+    [class^=icon] {
+    }
+  }
+
+  input {
+    background: none;
+    border: none;
+    border-radius: 2px;
+    color: #666;
+    font-family: $sansFontFamily;
+    margin-top: -13px;
+    @include transition(width .3s linear);
+    width: 75px;
+    &:focus {
+      width: 150px;
+    }
+    &::-webkit-input-placeholder,
+    &::-moz-placeholder {
+      color: #999;
+    }
+  }
+}
+
+.dataTables_info {
+  color: #949494;
+  display: inline;
+  font-size: 11px;
+  line-height: 30px;
+  text-shadow: 0 1px 0 #fff;
+}
+
+.dataTables_paginate {
+  color: #949494;
+  float: right;
+  line-height: 30px;
+  text-shadow: 0 1px 0 #fff;
+  .paginate_active {
+    color: #333;
+    padding: 0 5px;
+  }
+  .paginate_button {
+    cursor: pointer;
+    display: inline-block;
+    *display: inline;
+    line-height: 30px;
+    padding: 0 5px;
+    margin: 0;
+    zoom: 1;
+    &:hover {
+      color: #666;
+    }
+  }
+  .paginate_button_disabled {
+    display: none;
+  }
+}
+.sorting, .sorting_asc, .sorting_desc {
+  cursor: pointer;
+}
+
+.sorting_asc {
+  @include asset-background("datatable/sorting_bg.png", no-repeat, 90% 0px);
+}
+
+.sorting_desc {
+  @include asset-background("datatable/sorting_bg.png", no-repeat, 90% -36px);
+}

data/vendor/assets/stylesheets/lol_framework/components/_loader.scss

@@ -0,0 +1,15 @@
+div#loader {
+  position: fixed;
+  z-index: $zindexLoader;
+  background: rgba(white,0.85);
+  @include position(0,0,0,0);
+  div.loader {
+    position: absolute;
+    padding-top: 40px;
+    line-height: 20px;
+    text-align: center;
+    top: 50%;
+    width: 100%;
+    margin-top: -30px;
+  }
+}

data/vendor/assets/stylesheets/lol_framework/components/_modal.scss

@@ -0,0 +1,68 @@
+// ---------------------------------------------------------
+//  Modal component
+// ---------------------------------------------------------
+
+////  Variables declarations
+// general
+$modal-border-radius : 8px;
+// overlay
+$modal-overlay-background : rgba(black, 0.6);
+$modal-overlay-width      : 100%;
+$modal-overlay-height     : 100%;
+// main
+$modal-main-backgroud : white;
+// title
+$modal-title-background-color1 : $colorWhite;
+$modal-title-background-color2 : $colorGrayLight;
+
+.lol-modal-overlay {
+  background-color: $modal-overlay-background;
+  @include size($modal-overlay-width, $modal-overlay-height);
+  @include font-sans-serif();
+  @include position(0,0,0,0);
+
+  .lol-modal-main {
+    @include position(60px);
+    @include border-radius($modal-border-radius);
+    background-color: $modal-main-backgroud;
+
+
+    .lol-modal-title {
+      display: block;
+      @include size(30px, 100%);
+      @include gradient-vertical($modal-title-background-color1, $modal-title-background-color2);
+      @include border-top-radius($modal-border-radius);
+      text-transform: uppercase;
+      text-shadow: 0 -1px -1px white;
+
+      > p {
+        line-height: 30px;
+        margin: 0 0 0 20px;
+      }
+
+      .lol-modal-close {
+        cursor: pointer;
+        position: absolute;
+        @include position(5px,10px);
+      }
+    }
+
+    .lol-modal-content {
+      padding: 10px;
+    }
+
+    .lol-modal-buttons {
+      width: 96%;
+      margin-top: 15px;
+      padding: 15px 0;
+      border-top: 1px dashed rgba(black, 0.1);
+      @include center-block();
+      > a.btn {
+        margin-left: 9px;
+        &:first-child {
+          margin-left: 0;
+        }
+      }
+    }
+  }
+}

metadata

@@ -0,0 +1,222 @@
+--- !ruby/object:Gem::Specification
+name: lol_framework
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+  prerelease: 
+platform: ruby
+authors:
+- Welington Sampaio
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-03-05 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: autotest-standalone
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: test_notifier
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.0'
+    - - <
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.0'
+    - - <
+      - !ruby/object:Gem::Version
+        version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: sprockets
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>'
+      - !ruby/object:Gem::Version
+        version: '2.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>'
+      - !ruby/object:Gem::Version
+        version: '2.1'
+- !ruby/object:Gem::Dependency
+  name: bootstrap-sass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 2.3.0.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 2.3.0.1
+description: ! "Framework for frontend for developing RIAs. Using concepts of REST
+  applications, primarily\n                        developed to work seamlessly with
+  applications RAILS.  As its name says, to develop Lol is fun."
+email:
+- welington.sampaio@zaez.net
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- .rspec
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- lib/generators/lol_framework/setup/lol_framework.rb
+- lib/generators/lol_framework/setup/setup_generator.rb
+- lib/lol_framework.rb
+- lib/lol_framework/common.rb
+- lib/lol_framework/config.rb
+- lib/lol_framework/config/components.rb
+- lib/lol_framework/config/components/css.rb
+- lib/lol_framework/config/components/js.rb
+- lib/lol_framework/railtie.rb
+- lib/lol_framework/version.rb
+- lol_framework.gemspec
+- spec/lol_framework/config/components/css_spec.rb
+- spec/lol_framework/config/components/js_spec.rb
+- spec/lol_framework/config/components_spec.rb
+- spec/lol_framework/config_spec.rb
+- spec/lol_framework/lol_framework_spec.rb
+- spec/spec_helper.rb
+- vendor/assets/images/lol_framework/datatable/sorting_bg.png
+- vendor/assets/images/lol_framework/glyphicons-lol-origin-white.png
+- vendor/assets/images/lol_framework/glyphicons-lol-origin.png
+- vendor/assets/images/lol_framework/glyphicons-lol.png
+- vendor/assets/javascripts/.gitkeep
+- vendor/assets/javascripts/Jasmine/jasmine-html.js
+- vendor/assets/javascripts/Jasmine/jasmine.js
+- vendor/assets/javascripts/lol.js
+- vendor/assets/javascripts/lol_framework/Ajax.coffee
+- vendor/assets/javascripts/lol_framework/Alert.coffee
+- vendor/assets/javascripts/lol_framework/Button.coffee
+- vendor/assets/javascripts/lol_framework/Core.coffee
+- vendor/assets/javascripts/lol_framework/Datatable.coffee
+- vendor/assets/javascripts/lol_framework/Date.coffee
+- vendor/assets/javascripts/lol_framework/Debug.coffee
+- vendor/assets/javascripts/lol_framework/I18n.coffee
+- vendor/assets/javascripts/lol_framework/Lang/en-us.coffee
+- vendor/assets/javascripts/lol_framework/Lang/pt-br.coffee
+- vendor/assets/javascripts/lol_framework/Library/date-functions.js
+- vendor/assets/javascripts/lol_framework/Library/jquery.dataTables.min.js
+- vendor/assets/javascripts/lol_framework/Library/jquery.mobile.js
+- vendor/assets/javascripts/lol_framework/Loader.coffee
+- vendor/assets/javascripts/lol_framework/Lol.coffee
+- vendor/assets/javascripts/lol_framework/Modal.coffee
+- vendor/assets/javascripts/lol_framework/Model.coffee
+- vendor/assets/javascripts/lol_framework/Model/Rest.coffee
+- vendor/assets/javascripts/lol_framework/Tests/Alert.coffee
+- vendor/assets/javascripts/lol_framework/Tests/Core.coffee
+- vendor/assets/javascripts/lol_framework/Tests/Debug.coffee
+- vendor/assets/javascripts/lol_framework/Tests/I18n.coffee
+- vendor/assets/javascripts/lol_framework/Tests/Lang.coffee
+- vendor/assets/javascripts/lol_framework/Tests/Library.coffee
+- vendor/assets/javascripts/lol_framework/Tests/Lol.coffee
+- vendor/assets/javascripts/lol_framework/Tests/Utils.coffee
+- vendor/assets/javascripts/lol_framework/Utils.coffee
+- vendor/assets/javascripts/lol_main_tests.js
+- vendor/assets/stylesheets/.gitkeep
+- vendor/assets/stylesheets/jasmine.css
+- vendor/assets/stylesheets/lol_framework/_mixin.scss
+- vendor/assets/stylesheets/lol_framework/_variable.scss
+- vendor/assets/stylesheets/lol_framework/components/_alert.scss
+- vendor/assets/stylesheets/lol_framework/components/_datatable.scss
+- vendor/assets/stylesheets/lol_framework/components/_loader.scss
+- vendor/assets/stylesheets/lol_framework/components/_modal.scss
+homepage: https://github.com/welingtonsampaio/lol-framework
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.23
+signing_key: 
+specification_version: 3
+summary: ''
+test_files:
+- spec/lol_framework/config/components/css_spec.rb
+- spec/lol_framework/config/components/js_spec.rb
+- spec/lol_framework/config/components_spec.rb
+- spec/lol_framework/config_spec.rb
+- spec/lol_framework/lol_framework_spec.rb
+- spec/spec_helper.rb