chr 0.2.8 → 0.3.5

data/app/assets/javascripts/chr/store/mongosteen-array-store.coffee

@@ -1,55 +0,0 @@
-# -----------------------------------------------------------------------------
-# Author: Alexander Kravets <alex@slatestudio.com>,
-#         Slate Studio (http://www.slatestudio.com)
-#
-# Coding Guide:
-#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
-# -----------------------------------------------------------------------------
-
-# -----------------------------------------------------------------------------
-# RAILS ARRAY STORE
-# -----------------------------------------------------------------------------
-class @MongosteenArrayStore extends RestArrayStore
-
-  # PRIVATE ===============================================
-
-  _configure_store: ->
-    @ajaxConfig =
-      processData: false
-      contentType: false
-
-
-  # generate resource api url
-  _resource_url: (type, id) ->
-    objectPath = if id then "/#{ id }" else ''
-    "#{ @config.path }#{ objectPath }.json"
-
-
-  # get form data object from serialized form object,
-  # it uses special format for object names for support of:
-  # files, lists, nested objects
-  _parse_form_object: (serializedFormObject) ->
-    formDataObject = new FormData()
-
-    for attr_name, attr_value of serializedFormObject
-
-      # special case for LIST inputs, values separated with comma
-      if attr_name.indexOf('[__LIST__') > -1
-        attr_name = attr_name.replace('__LIST__', '')
-        values    = attr_value.split(',')
-
-        for value in values
-          formDataObject.append("#{ @config.resource }#{ attr_name }[]", value)
-
-      else
-        # special case for FILE inputs
-        if attr_name.startsWith('__FILE__')
-          attr_name = attr_name.replace('__FILE__', '')
-
-        formDataObject.append("#{ @config.resource }#{ attr_name }", attr_value)
-
-    return formDataObject
-
-
-
-

data/app/assets/stylesheets/core/_list.scss

@@ -1,39 +0,0 @@
-.list {
-  header {
-    .search {
-      @include absolutePosition(0 0 inherit inherit);
-      width: 40px; height: 40px; overflow: hidden;
-
-      .icon   { @extend .icon-search; @include absolutePosition(0 inherit inherit 0); }
-      input   { height: 40px; width: 100%; padding: 0 5em 0 2.5em; outline: none; border: none; }
-      input   { display: none; }
-      .cancel { @include headerButton; @include absolutePosition(0 1em initial initial); }
-      .cancel { display: none; }
-    }
-    .new + .search { @include absolutePosition(0 40px inherit inherit); }
-
-    .spinner { @include spinner; position: absolute; margin: .5em 0 0 -2.25em; }
-    .spinner { display: none; }
-  }
-
-  &.list-search {
-    header {
-      .search {
-        @include absolutePosition(0 0 inherit 0);
-        width: 100%; background-color: $white;
-
-        input { display: block; }
-        .cancel { display: inline; }
-        .icon:hover { opacity: 1; }
-        .icon:before { border-color: $stableColor; }
-        .icon:after { background-color: $stableColor; }
-      }
-      .new + .search { @include absolutePosition(0 0 inherit 0); }
-    }
-    .item-folder { display: none; }
-  }
-
-  &.show-spinner {
-    header .spinner { display: inline-block; }
-  }
-}

data/app/assets/stylesheets/core/_main.scss

@@ -1,49 +0,0 @@
-/* Generic ----------------------------------------------------------------- */
-*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
-html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
-       font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
-  a  { text-decoration: none; }
-}
-html, body, .view { overflow: hidden; }
-
-/* Menu -------------------------------------------------------------------- */
-.menu:before { content: 'CHR'; font-weight: 800; color: $contrastColor; line-height: 2.7;
-               position: absolute; display: block; margin-top: -2.7em; padding-left: 1em;
-               background-color: #fff; width: 100%; }
-.menu { margin-top: 2.7em; font-size: .8em; letter-spacing: 1px; text-transform: uppercase; }
-
-/* Headers ----------------------------------------------------------------- */
-.view header,
-.list header    { text-align: center; position: relative; z-index: 1; line-height: 2.6; max-height: 42px; background-color: $white;
-  .title        { font-weight: 500; color: $black; display: inline-block; max-width: 70%; @include truncate; }
-  .back, .close { @include absolutePosition(0 inherit inherit 0); @extend .icon-back; overflow: hidden; height: 41px; }
-  .new   { @include absolutePosition(0 0 inherit inherit); @extend .icon-plus; }
-  .save  { @include absolutePosition(0 1em inherit inherit); @include headerButton; }
-}
-
-/* Items ------------------------------------------------------------------- */
-.items  { @include absolutePosition(42px 0 0 0); @include scrollable(); padding-bottom: 5em; }
-.menu a, .items .item {
-                  display: block; position: relative;
-                  padding: 1em; color: $black; @include border($neutralColor); margin-top: -1px;
-  &.active      { background-color: $neutralColor; z-index: 1; }
-  &:first-child { @include noBorder(); }
-}
-.items .item {
-  &.has-subtitle  { padding: .6em 1em; }
-  &.has-thumbnail { padding-left: 4.1em; }
-  &.has-thumbnail .item-title              { line-height: 2.15; }
-  &.has-thumbnail.has-subtitle             { padding-top: 1em; padding-bottom: .75em; }
-  &.has-thumbnail.has-subtitle .item-title { line-height: 1.2; }
-  &.reorderable   { padding-right: 2.5em; }
-  .icon-reorder   { top: 50%; margin-top: -20px; right: 0; }
-}
-.item-title     { @include truncate; }
-.item-subtitle  { @include truncate; color: $stableColor; font-size: .8em; line-height: 1.5; }
-.item-thumbnail { @include absolutePosition(.5em 0 0 .5em); width: 3.1em; height: 3.1em; }
-.item-thumbnail img { width: 100%; border-radius: 25px; }
-
-
-
-
-

data/app/assets/stylesheets/core/_responsive.scss

@@ -1,62 +0,0 @@
-/* Layouts */
-$tablet:  "screen and (min-width:768px)";
-$desktop: "screen and (min-width:1150px)";
-
-
-/* Mobile Layout */
-.sidebar { @include absolutePosition(0 0 0 0); z-index: 1; }
-.module  { @include absolutePosition(0 0 0 0); z-index: 2; }
-.view    { @include absolutePosition(0 0 0 0); z-index: 3; background-color: #fff; }
-.list    { @include absolutePosition(0 0 0 0); z-index: 0; overflow: hidden; background-color: #fff; }
-
-
-/* Tablet Layout */
-@media #{$tablet} {
-  .sidebar { right: inherit; width: 9em; }
-  .module  { right: inherit; left: 9em; width: 20em; }
-  .view    { left: 29em; &.fullsize { left: 9em; } }
-  .list header,
-  .list .items { font-size: .9em; }
-  .list header { line-height: 2.9em; }
-  .module .list:first-child .back { display: none; }
-  .view header .close { @include absolutePosition(0 inherit inherit 1em); @include headerButton; width: auto; &:before { display: none; } }
-  .module, .view { @include shadow; }
-  .module {
-    &:after {
-      display: block; content: ''; width: 4px; @include position(absolute, 0px -3px 0px null);
-      background-color: $white; border-left: 1px solid $neutralColor;
-    }
-  }
-
-  // scrollbars
-  .view .input-stacked textarea, .view > form, .list .items { @include customScrollbar(); }
-
-  // layout when first list always shown
-  .module.first-list-aside { width: auto; right: 0;
-    .list {
-      &:first-child        { width: 20em; }
-      &:not(:first-child)  { left:  20em; }
-      &:first-child .items { overflow-y: hidden; }
-      &:first-child .icon-folder { display: none; }
-      &:not(:first-child)        { @include shadow; }
-      &:not(:first-child) header .back { display: none; }
-    }
-  }
-}
-
-
-/* Desktop Layout */
-@media #{$desktop} {
-  .sidebar { width: 10em; }
-  .module  { left: 10em; width: 22em; }
-  .view    { left: 32em; &.fullsize { left: 10em; } }
-
-  .module.first-list-aside {
-    .list:first-child       { width: 22em; }
-    .list:not(:first-child) { left:  22em; }
-  }
-}
-
-
-
-

data/app/assets/stylesheets/form/_form.scss

@@ -1,41 +0,0 @@
-/* Form -------------------------------------------------------------------- */
-.view {
-  form  { @include absolutePosition(42px 0 0 0); @include scrollable(); z-index: 0; padding-bottom: 5em; }
-  form  { color: $black; }
-  label { display: block; }
-
-  .input-stacked {
-    @include position(relative); @include border($neutralColor); &:first-child { @include noBorder(); }
-    padding: .5em 1em .9em;
-
-    &.input-text { min-height: 82px; } // workaround for empty or oneline textareas
-    &.input-select select { margin-top: 0.15em; }
-
-    textarea     { resize: none; overflow: auto; }
-    textarea     { box-sizing: border-box; min-height: 20px; /* max-height: 400px; /* optional */ }
-    textarea,
-    input        { outline-style: none; border: 0; width: 100%; @include placeholder { color: $lightColor; } }
-    .label       { display: block; line-height: 1.8; color: $stableColor; }
-  }
-
-  .delete { display: block; text-align: center; margin: 5em 0; line-height: 2.5em;
-                color: $assertiveColor; border: 1px solid $assertiveColor; border-left: none; border-right: none;
-                &:hover, &:active { background-color: $assertiveColor; color: #fff; } }
-
-  .error-message { color: $assertiveColor; font-size: .8em; margin-left: .5em; }
-
-  &.view-saving {
-    header .save { display: none; }
-    header:after {
-      font-size: .8em;
-      content: 'Saving...';
-      opacity: .4;
-      @include absolutePosition(.4em .8em inherit inherit);
-    }
-  }
-}
-
-
-
-
-

data/app/assets/stylesheets/form/_input-checkbox.scss

@@ -1,18 +0,0 @@
-
-// Checkbox -----------------------------------------------
-
-.view .input-checkbox { padding: .8em 1em 1em;
-  input  { display: inline; width: auto; margin-right: .5em; }
-  .label { display: inline; cursor: pointer; }
-}
-
-
-// Switch -------------------------------------------------
-
-.view .input-switch { padding-top: .75em;
-  .label  { cursor: pointer; }
-  .switch { @include switchControl(); float: right; }
-}
-
-
-

data/app/assets/stylesheets/form/_input-color.scss

@@ -1,10 +0,0 @@
-/* Color ------------------------------------------------------------------- */
-.view .input-color {
-  position: relative;
-  padding-left: 4.75em;
-
-  .preview {
-    @include position(absolute, .65em null null 1em);
-    width: 50px; height: 50px; border-radius: 4px; background-color: #eee;
-  }
-}

data/app/assets/stylesheets/form/_input-file.scss

@@ -1,29 +0,0 @@
-/* File & Image ------------------------------------------------------------ */
-.view .input-file,
-.view .input-image {
-  min-height: 102px; // NOTE: calculated based on image thumbnail size
-
-  a { color: $positiveColor; @include truncate; }
-  a:hover { text-decoration: underline; }
-
-  input[type=file] { margin-top: .5em; }
-  input[type=checkbox] { display: inline; width: auto; margin-right: .5em; margin-left: 1em; }
-  label { display: inline; font-size: .8em; }
-
-  &.empty {
-    img, a, label, input[type=checkbox] { display: none; }
-    input[type=file] { margin-top: .2em; }
-  }
-}
-
-.view .input-image:not(.empty) {
-  padding-left: 6.5em;
-  position: relative;
-  img {
-    position: absolute;
-    border-radius: 4px;
-    left: 1em;
-    top: .8em;
-    width: 4.7em;
-  }
-}

data/app/assets/stylesheets/form/_input-form.scss

@@ -1,26 +0,0 @@
-/* Nested Form ------------------------------------------------------------- */
-.view .nested-forms {
-  & > .label { margin-bottom: .25em; }
-  & > ul { margin: 0; padding: 0; }
-  & > ul > li { list-style-type: none; margin-top: 1em; @include position(relative); border: 1px solid $neutralColor; }
-  & > ul > li:first-child { margin-top: 0; }
-  & > ul > li > .icon-reorder { left: 0; top: 1em; }
-  & > ul li.reorderable { background-color: $white; }
-  & > ul li.reorderable > .input-stacked:first-child { padding-left: 2.4em; }
-}
-
-.view .nested-form-new {
-  color: $positiveColor; margin-top: .75em; display: inline-block; font-size: .9em;
-  &:hover { opacity: .5; }
-}
-
-.view .nested-form-delete {
-  @include position(absolute, .35em .3em null null); border-radius: 1em;
-  @include hide-text; width: 1.5em; height: 1.5em;  background-color: rgba(0,0,0,.05);
-  &:before { content: '\00d7'; color: $stableColor; line-height: 1.35em; width: 1.5em; text-align: center; }
-  &:hover  { background-color: $positiveColor; &:before { color: $white; } }
-}
-
-
-
-

data/app/assets/stylesheets/form/_input-list.scss

@@ -1,36 +0,0 @@
-/* List -------------------------------------------------------------------- */
-.view .input-list {
-  input   { padding-left: 2em; margin-top: .1em; }
-  ul      { line-height: 1.5; margin: 0 0 0 2em; list-style: none; padding: 0; }
-  ul li   { @include user-select-none; position: relative; }
-  ul li a { color: $assertiveColor; font-size: .75em; }
-
-  .slip-reordering { color: $positiveColor; }
-
-  .icon-reorder {
-    width:  25px;
-    height: 25px;
-    left:  -1.75em;
-    &:before { left: 0; top: 9px; }
-    &:after  { left: 0; top: 14px; }
-  }
-}
-
-.view .input-list {
-  .twitter-typeahead       { width: 100%; }
-  .twitter-typeahead:after {
-    content: '+';
-    display: block;
-    width: 40px;
-    height: 24px;
-    position: absolute; left: 12px; top: -3px;
-    font-size: 22px;
-    color: $contrastColor;
-  }
-
-  .tt-suggestions     { padding: .1em .5em; margin: 0 0 0 1.55em; background: rgba(255,255,255, .95); }
-  .tt-suggestion      { cursor: pointer; opacity: .5;
-    p           { line-height: 1.5; margin: 0; }
-    &.tt-cursor { opacity: 1; }
-  }
-}

data/app/assets/stylesheets/form/_input-string.scss

@@ -1,8 +0,0 @@
-.view .input-string  {
-  .twitter-typeahead { width: 100%; }
-  .tt-suggestions    { padding: .1em .5em; margin: 0 0 0 -.5em; background: rgba(255,255,255, .95); }
-  .tt-suggestion     { cursor: pointer; opacity: .5;
-    p                { line-height: 1.5; margin: 0; }
-    &.tt-cursor      { opacity: 1; }
-  }
-}