RubyGems - help_kit - Versions diffs - 0.0.1 - Mend

help_kit 0.0.1

Files changed (698) hide show

data/app/assets/javascripts/help_kit/application.js ADDED Viewed

@@ -0,0 +1,12 @@
+//= require jquery
+//= require jquery_ujs
+//= require select2
+//= require ace/ace
+//= require help_kit/jquery.transit.min
+//= require help_kit/setup
+//= require help_kit/theme-helpkit
+//= require ace/mode-markdown
+//= require ace/keybinding-vim
+//= require help_kit/editor
+//= require help_kit/search

data/app/assets/javascripts/help_kit/editor.js.coffee ADDED Viewed

@@ -0,0 +1,37 @@
+$ ->
+  if $('#editor').length > 0
+    editor = ace.edit 'editor'
+    editor.setOptions
+      highlightActiveLine: true
+      highlightGutterLine: true
+      dragDelay: 10
+    editor.getSession().setMode("ace/mode/markdown")
+    editor.getSession().setUseWrapMode(!0)
+$(document).on 'click', 'a.save-article', (e) ->
+  e.preventDefault()
+  editor = ace.edit 'editor'
+  mark_down = editor.getSession().getValue()
+  $('#article_content').val(mark_down)
+  $('#article_title').val($('#article_title_temp').val())
+  $('.article-details-modal form').submit()
+$(document).on 'click', 'a.article-details', (e) ->
+  e.preventDefault()
+  modal = $('.article-details-modal')
+  modal.css opacity: 0, scale: 0.8
+  modal.show()
+  modal.transition opacity: 1, scale: 1, 500
+$(document).on 'click', '.hide-article-modal', (e) ->
+  e.preventDefault()
+  $('.article-details-modal').hide()
+$(document).on 'click', 'a.save-category', (e) ->
+  e.preventDefault()
+  editor = ace.edit 'editor'
+  $('#category_header_content').val(editor.getSession().getValue())
+  $('form.simple_form').submit()

data/app/assets/javascripts/help_kit/jquery.transit.min.js ADDED Viewed

@@ -0,0 +1 @@

data/app/assets/javascripts/help_kit/search.js.coffee ADDED Viewed

@@ -0,0 +1,22 @@
+$(document).on 'click', 'button.search-button', (e) ->
+  return if $('#article-search').hasClass('active')
+  e.preventDefault()
+  e.stopPropagation()
+  $('#article-search').addClass('active')
+  $('#article-search .input-container').css {background: '#454545'}
+  $('#article-search .input-container').transition {width: '200px'}, 400, 'ease', ->
+    $('#article-search .search-input').transition {opacity: 1}, 400, 'ease', ->
+      $('#article-search .input-container input').focus()
+$(document).on 'click', '#article-search', (e) ->
+  e.stopPropagation()
+$(document).click ->
+  $('#article-search .search-input').transition {opacity: 0}, 300, 'ease', ->
+    $('#article-search .input-container').transition {width: '0px'}, 400, 'ease', ->
+      $('#article-search .input-container').transition {background: 'transparent'}, 300, 'ease', ->
+        $('#article-search').removeClass('active')

data/app/assets/javascripts/help_kit/setup.js.coffee ADDED Viewed

@@ -0,0 +1,6 @@
+$(document).on 'ready page:load', ->
+  $('select').select2
+    width: '100%'
+    allowClear: true
+    placeholder: 'None'

data/app/assets/javascripts/help_kit/theme-helpkit.js ADDED Viewed

@@ -0,0 +1,128 @@
+define("ace/theme/helpkit",["require","exports","module","ace/lib/dom"], function(require, exports, module) {
+exports.isDark = false;
+exports.cssClass = "helpkit";
+exports.cssText = ".ace-chrome .ace_gutter {\
+background: #ebebeb;\
+color: #333;\
+overflow : hidden;\
+}\
+.ace-chrome .ace_print-margin {\
+width: 1px;\
+background: #e8e8e8;\
+}\
+.ace-chrome {\
+background-color: #FFFFFF;\
+color: black;\
+}\
+.ace-chrome .ace_cursor {\
+color: black;\
+}\
+.ace-chrome .ace_invisible {\
+color: rgb(191, 191, 191);\
+}\
+.ace-chrome .ace_constant.ace_buildin {\
+color: rgb(88, 72, 246);\
+}\
+.ace-chrome .ace_constant.ace_language {\
+color: rgb(88, 92, 246);\
+}\
+.ace-chrome .ace_constant.ace_library {\
+color: rgb(6, 150, 14);\
+}\
+.ace-chrome .ace_invalid {\
+background-color: rgb(153, 0, 0);\
+color: white;\
+}\
+.ace-chrome .ace_fold {\
+}\
+.ace-chrome .ace_support.ace_function {\
+color: rgb(60, 76, 114);\
+}\
+.ace-chrome .ace_support.ace_constant {\
+color: rgb(6, 150, 14);\
+}\
+.ace-chrome .ace_support.ace_type,\
+.ace-chrome .ace_support.ace_class\
+.ace-chrome .ace_support.ace_other {\
+color: rgb(109, 121, 222);\
+}\
+.ace-chrome .ace_variable.ace_parameter {\
+font-style:italic;\
+color:#FD971F;\
+}\
+.ace-chrome .ace_keyword.ace_operator {\
+color: rgb(104, 118, 135);\
+}\
+.ace-chrome .ace_comment {\
+color: #236e24;\
+}\
+.ace-chrome .ace_comment.ace_doc {\
+color: #236e24;\
+}\
+.ace-chrome .ace_comment.ace_doc.ace_tag {\
+color: #236e24;\
+}\
+.ace-chrome .ace_constant.ace_numeric {\
+color: rgb(0, 0, 205);\
+}\
+.ace-chrome .ace_variable {\
+color: rgb(49, 132, 149);\
+}\
+.ace-chrome .ace_xml-pe {\
+color: rgb(104, 104, 91);\
+}\
+.ace-chrome .ace_entity.ace_name.ace_function {\
+color: #0000A2;\
+}\
+.ace-chrome .ace_heading {\
+color: rgb(12, 7, 255);\
+}\
+.ace-chrome .ace_list {\
+color:rgb(185, 6, 144);\
+}\
+.ace-chrome .ace_marker-layer .ace_selection {\
+background: rgb(181, 213, 255);\
+}\
+.ace-chrome .ace_marker-layer .ace_step {\
+background: rgb(252, 255, 0);\
+}\
+.ace-chrome .ace_marker-layer .ace_stack {\
+background: rgb(164, 229, 101);\
+}\
+.ace-chrome .ace_marker-layer .ace_bracket {\
+margin: -1px 0 0 -1px;\
+border: 1px solid rgb(192, 192, 192);\
+}\
+.ace-chrome .ace_marker-layer .ace_active-line {\
+background: rgba(0, 0, 0, 0.07);\
+}\
+.ace-chrome .ace_gutter-active-line {\
+background-color : #dcdcdc;\
+}\
+.ace-chrome .ace_marker-layer .ace_selected-word {\
+background: rgb(250, 250, 255);\
+border: 1px solid rgb(200, 200, 250);\
+}\
+.ace-chrome .ace_storage,\
+.ace-chrome .ace_keyword,\
+.ace-chrome .ace_meta.ace_tag {\
+color: rgb(147, 15, 128);\
+}\
+.ace-chrome .ace_string.ace_regex {\
+color: rgb(255, 0, 0)\
+}\
+.ace-chrome .ace_string {\
+color: #1A1AA6;\
+}\
+.ace-chrome .ace_entity.ace_other.ace_attribute-name {\
+color: #994409;\
+}\
+.ace-chrome .ace_indent-guide {\
+background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bLly//BwAmVgd1/w11/gAAAABJRU5ErkJggg==\") right repeat-y;\
+}\
+";
+var dom = require("../lib/dom");
+dom.importCssString(exports.cssText, exports.cssClass);
+});

data/app/assets/stylesheets/help_kit/admin/categories.scss ADDED Viewed

@@ -0,0 +1,26 @@
+.category-list {
+  font-size: 0.8em;
+  ul {
+    margin-top: 4px;
+    li {
+      @include transition(all,0.5s);
+      padding: 2px 0px;
+      padding-left: 15px;
+      cursor: pointer;
+      a {
+        color: #666;
+        &:hover {
+          i:before {
+            content: "\f111"
+          }
+          color: $base-accent-color;
+        }
+      }
+      span.count {
+        margin-left: 10px;
+        float: right;
+        color: #999;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/help_kit/application.scss ADDED Viewed

@@ -0,0 +1,27 @@
+@import "font-awesome-sprockets";
+@import "font-awesome";
+@import "select2";
+@import "select-style";
+@import "bourbon";
+@import "neat";
+@import "base/base";
+@import "page-container";
+@import "article";
+@import "footer";
+@import "letters";
+@import "split-view";
+@import "grid-list";
+@import "mce";
+@import "panel";
+@import "header";
+@import "syntax";
+@import "search";
+@import "admin/categories";
+@import "landing";
+@import "editor";
+@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

data/app/assets/stylesheets/help_kit/article.scss ADDED Viewed

@@ -0,0 +1,190 @@
+.breadcrumb {
+  ul {
+    li {
+      display: inline-block;
+      font-size: 0.8em;
+      font-weight: 500;
+      a {
+        color: #888;
+        &:hover {
+          color: #161616;
+        }
+      }
+      &:after {
+        color: #999;
+        margin-left: 5px;
+        margin-right: 5px;
+        font-family: FontAwesome;
+        content: "\f105";
+      }
+      &:last-child {
+        a {
+        }
+        &:after {
+          content: '';
+        }
+      }
+    }
+  }
+}
+.article-header {
+  @include clearfix;
+  margin-top: 10px;
+  margin-bottom: 25px;
+  background: #f3f3f3;
+  padding: 4px 8px;
+  border-radius: 4px;
+  .breadcrumb {
+    float: left;
+  }
+  .actions {
+    float: right;
+    font-size: 0.8em;
+    a {
+      @include transition(all,0.5s);
+      color: #ccc;
+      border: 1px solid transparent;
+      &:hover {
+        color: #444;
+        border-radius: 3px;
+        border: 1px solid #ccc;
+      }
+    }
+  }
+}
+.details {
+  margin-top: 20px;
+  padding-top: 20px;
+  border-top: 1px solid $base-border-color;
+}
+.inline-detail {
+  span {
+    font-size: 0.8em;
+    color: #999;
+  }
+}
+.inline-title {
+  font-size: 0.8em;
+  color: #888;
+  font-weight: bold;
+  display: inline-block;
+  margin-right: 5px;
+  &:after {
+    content: ':';
+  }
+}
+.article-container {
+  width: 800px;
+  margin: auto;
+  .tags {
+    .tag {
+      display: inline-block;
+      a {
+        @include transition(all,0.5s);
+        font-size: 0.8em;
+        color: #888;
+        &:hover {
+          color: #444;
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+}
+.article {
+  font-size: 0.9em;
+  h1 {
+    font-family: 'Open Sans', sans-serif;
+    font-weight: 300;
+    color: #444;
+  }
+  p.subtitle {
+    margin-top: 20px;
+    font-size: 1.4em;
+    font-weight: 300;
+    color: #777;
+  }
+  p {
+    font-family: 'Open Sans', sans-serif;
+    color: rgb(51, 51, 51);
+  }
+  h2 {
+    font-size: 1.6em;
+    font-weight: normal;
+    margin-top: 40px;
+    margin-bottom: 5px;
+  }
+  h3 {
+    font-weight: bold;
+    font-size: 1.1em;
+    margin-top: 20px;
+  }
+  ol,ul {
+    margin-left: 40px;
+    margin-bottom: 15px;
+  }
+  ol {
+    list-style-type: decimal;
+  }
+  ul {
+    list-style-type: disc;
+  }
+  pre {
+    padding: 15px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    border-radius: 4px;
+    font-family: 'Ubuntu Mono';
+    font-weight: 600;
+    background: #f9f9f9;
+    border-bottom: 1px solid #ddd;
+  }
+}
+.article-list {
+  margin-top: 20px;
+  .article-item {
+    @include clearfix;
+    border-bottom: 1px solid $base-border-color;
+    padding-bottom: 10px;
+    margin-bottom: 10px;
+    width: 100%;
+    display: table;
+    .article-item-glyph {
+      text-align: center;
+      width: 48px;
+      display: table-cell;
+      vertical-align: top;
+      img {
+        margin-top: 2px;
+        width: 32px;
+      }
+    }
+    &:last-child {
+      border-bottom: none;
+    }
+    .article-item-info {
+      display: table-cell;
+      width: auto;
+      .title {
+        a {
+          @include transition(all, 0.5s);
+          font-size: 0.9em;
+          font-weight: bold;
+          line-height: 1;
+          color: $base-accent-color;
+          &:hover {
+            color: $base-accent-color;
+          }
+        }
+      }
+      .description {
+        font-size: 0.8em;
+        line-height: 1;
+        color: #666;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/help_kit/article_compiled.scss ADDED Viewed

@@ -0,0 +1,9 @@
+@import "bourbon";
+@import "neat";
+@import "base/base";
+@import "page-container";
+@import "article";
+body {
+  background: #fefefe;
+}

data/app/assets/stylesheets/help_kit/base/_base.scss ADDED Viewed

@@ -0,0 +1,25 @@
+/* Bitters 0.10.0
+ * http://bitters.bourbon.io
+ * Copyright 2013–2014 thoughtbot, inc.
+ * MIT License */
+// Variables
+@import "variables";
+// Neat Settings -- uncomment if using Neat -- must be imported before Neat
+// @import "grid-settings";
+// Extends
+@import "extends/button";
+@import "extends/clearfix";
+@import "extends/errors";
+@import "extends/flashes";
+@import "extends/hide-text";
+// Typography and Elements
+@import "typography";
+@import "forms";
+@import "tables";
+@import "lists";
+@import "buttons";

data/app/assets/stylesheets/help_kit/base/_buttons.scss ADDED Viewed

@@ -0,0 +1,12 @@
+.form-actions {
+button,
+input[type="submit"] {
+  @extend %button;
+  @include appearance(none);
+  border: none;
+  cursor: pointer;
+  user-select: none;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+}

data/app/assets/stylesheets/help_kit/base/_forms.scss ADDED Viewed

@@ -0,0 +1,122 @@
+fieldset {
+  background: lighten($base-border-color, 10);
+  border: $base-border;
+  margin: 0 0 ($base-spacing / 2) 0;
+  padding: $base-spacing;
+}
+input,
+label,
+select {
+  display: block;
+  font-family: $form-font-family;
+  font-size: $form-font-size;
+}
+label {
+  font-weight: bold;
+  margin-bottom: $base-spacing / 4;
+  &.required:after {
+    content: "*";
+  }
+  abbr {
+    display: none;
+  }
+}
+.input {
+  display: table;
+  width: 100%;
+  vertical-align: top;
+  font-size: 15px;
+  margin-bottom: 12px;
+  label, input {
+    font-family: $form-font-family;
+    font-size: $form-font-size;
+  }
+  label {
+    display: table-cell;
+    vertical-align: top;
+    width: 150px;
+    color: #666;
+    font-weight: bold;
+    cursor: pointer;
+    abbr {
+      display: none;
+    }
+  }
+  #{$all-text-inputs}, textarea {
+    @include transition(all, 0.5s);
+    width: auto;
+    width: 100%;
+    display: table-cell;
+    background-color: white;
+    border: none;
+    border-bottom: 2px solid #efefef;
+    color: #777;
+    font-size: 15px;
+    &:hover {
+      border-color: $form-border-color-hover;
+      color: #444;
+    }
+    &:focus {
+      border-color: $form-border-color-focus;
+      outline: none;
+      color: #333;
+    }
+  }
+  textarea {
+    background: #f9f9f9;
+  }
+  &.required {
+    label {
+      color: #333;
+    }
+  }
+  &.field_with_errors {
+    #{$all-text-inputs} {
+      border-color: $red;
+    }
+    .error {
+      color: $red;
+      margin-bottom: 10px;
+    }
+  }
+}
+textarea {
+  resize: vertical;
+}
+input[type="search"] {
+  @include appearance(none);
+}
+input[type="checkbox"],
+input[type="radio"] {
+  display: inline;
+  margin-right: $base-spacing / 4;
+}
+input[type="file"] {
+  padding-bottom: $base-spacing / 2;
+  width: 100%;
+}
+select {
+  margin-bottom: $base-spacing;
+  max-width: 100%;
+  width: auto;
+}
+.form-actions {
+  text-align: right;
+  margin-top: 25px;
+  padding-top:15px;
+  border-top: 1px solid $base-border-color;
+  input[type=submit] {
+    font-size: 0.7em;
+    padding: 8px 12px;
+  }
+}

data/app/assets/stylesheets/help_kit/base/_grid-settings.scss ADDED Viewed

@@ -0,0 +1,14 @@
+@import "neat-helpers"; // or "../neat/neat-helpers" when not in Rails
+// Neat Overrides
+// $column: 90px;
+// $gutter: 30px;
+// $grid-columns: 12;
+// $max-width: em(1088);
+// Neat Breakpoints
+$medium-screen: em(640);
+$large-screen: em(860);
+$medium-screen-up: new-breakpoint(min-width $medium-screen 4);
+$large-screen-up: new-breakpoint(min-width $large-screen 8);

data/app/assets/stylesheets/help_kit/base/_lists.scss ADDED Viewed

@@ -0,0 +1,31 @@
+ul,
+ol {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  &%default-ul {
+    list-style-type: disc;
+    margin-bottom: $base-spacing / 2;
+    padding-left: $base-spacing;
+  }
+  &%default-ol {
+    list-style-type: decimal;
+    margin-bottom: $base-spacing / 2;
+    padding-left: $base-spacing;
+  }
+}
+dl {
+  margin-bottom: $base-spacing / 2;
+  dt {
+    font-weight: bold;
+    margin-top: $base-spacing / 2;
+  }
+  dd {
+    margin: 0;
+  }
+}