candl 0.1.14 → 0.1.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2a09a7ae217dc6725c69189c8d25e3531f30df418d943c4c5a6bd8aad15747ef
-  data.tar.gz: 9966005503665e36c70e131d5fa8b8b24e2f12fe3d8a2a4379772367444568e5
+  metadata.gz: ce2323193198806bbd786290d4f4d4d831be7fc01a64aa26ad74b4970b5aa1b1
+  data.tar.gz: b456d4fe068e4218efc1501da88e27dcef68be54408fb42e634bd7e713627994
 SHA512:
-  metadata.gz: 227a2d659dac7a2b1d8b9790e7235025c4c3825a66db309b77225350f05c1571812e0bf2d17f0dcb07417729fbc96d40e782c29633e749d36938b5fcd7440d57
-  data.tar.gz: d89abf9be59bb42828a3a19156e5337742e4f69e067202d8ff7d5ce345ea59641cedd18b8548dc37bbd468d994248933e90088ad3422fc3d8133782b8ed8ce33
+  metadata.gz: 3bceaffae4404dbe2d18973ad4a7f1413d90aea51ba1715687b465184bbb731d2c5fcb00fd4b5033b3af73799d83d78693ce432d654117eac32713bd85a3015b
+  data.tar.gz: '0085e421daa19585a773e67219bd59a0f88db4de0022997fddbda18a24583b7cb95035b529b6385be3294d0824d9b53ba1871fbac8a6ecd12436acc14bddddf0'

data/README.md

@@ -1,7 +1,7 @@
 # Candl
 
 [![Build Status](https://travis-ci.org/hicknhack-software/candl.svg?branch=master)](https://travis-ci.org/hicknhack-software/candl)
-[![Maintainability](https://api.codeclimate.com/v1/badges/a99a88d28ad37a79dbf6/maintainability)](https://codeclimate.com/github/hicknhack-software/candl/maintainability)
+[![Maintainability](https://api.codeclimate.com/v1/badges/b20964b8dd8704d83446/maintainability)](https://codeclimate.com/github/hicknhack-software/candl/maintainability)
 [![Gem Version](https://badge.fury.io/rb/candl.svg)](https://badge.fury.io/rb/candl)
 
 This gem helps load and display a calendar from google calendar in an agenda or month style view.

data/Rakefile

@@ -30,3 +30,8 @@ Rake::TestTask.new(:test) do |t|
 end
 
 task default: :test
+
+desc "This task enhances the build task in a way that helps keeping the lockfile correct for travis ci if a new release is created."
+Rake::Task["build"].enhance do
+  sh("bundle update")
+end

data/app/assets/javascripts/{calendar.coffee → candl.coffee}

@@ -1,54 +1,54 @@
-$(document).on "turbolinks:load", ->
-
-  $(".open_more").click (e) ->
-    e.preventDefault()
-    $(this).next('.details').toggle()
-    return
-
-  $(".onclick_open_backdrop").click (e) ->
-    e.preventDefault()
-    $(this).children('.snowflake_popover').popover('show')
-    $('.popover_backdrop').show()
-    return
-
-  $(document).on "click", ".close, .popover_backdrop", (e) ->
-    e.preventDefault()
-    $('.snowflake_popover').popover('hide')
-    $('.popover_backdrop').hide()
-    return
-
-  $('[data-toggle="popover"]').popover
-    html: true
-    trigger: 'manual'
-    content: ->
-      $(this).children('.popover_content').html()
-
-  debounceIntervalMs = ->
-    return 240
-
-  shiftUrl = (url, regex, shifts) ->
-    change = (str, p1, p2, offset, text) ->
-      return p1 + (parseInt(p2) + parseInt(shifts))
-
-    text = String(url)
-    return text.replace regex, change
-    
-  $("a.debounce_this").click (e) ->
-    e.preventDefault()
-
-    if !window.forwardShiftAmount?
-      window.forwardShiftAmount = 0
-    if window.debounceTimeout?
-      clearTimeout(window.debounceTimeout)
-      window.forwardShiftAmount = window.forwardShiftAmount + if (e.currentTarget.dataset.directionForward == 'true') then 1 else -1
-      console.log(window.forwardShiftAmount)
-
-    regex = new RegExp("(" + e.currentTarget.dataset.debounceParam + "=)(-?\\d+)", "g")
-    delayedPageChange = ->
-      location.href = newHref
-
-    newHref = shiftUrl(e.currentTarget.href, regex, window.forwardShiftAmount)
-    window.debounceTimeout = setTimeout(delayedPageChange, debounceIntervalMs())
-    return
-
-  return
+$(document).on "turbolinks:load", ->
+
+  $(".open_more").click (e) ->
+    e.preventDefault()
+    $(this).next('.details').toggle()
+    return
+
+  $(".onclick_open_backdrop").click (e) ->
+    e.preventDefault()
+    $(this).children('.snowflake_popover').popover('show')
+    $('.popover_backdrop').show()
+    return
+
+  $(document).on "click", ".close, .popover_backdrop", (e) ->
+    e.preventDefault()
+    $('.snowflake_popover').popover('hide')
+    $('.popover_backdrop').hide()
+    return
+
+  $('[data-toggle="popover"]').popover
+    html: true
+    trigger: 'manual'
+    content: ->
+      $(this).children('.popover_content').html()
+
+  debounceIntervalMs = ->
+    return 240
+
+  shiftUrl = (url, regex, shifts) ->
+    change = (str, p1, p2, offset, text) ->
+      return p1 + (parseInt(p2) + parseInt(shifts))
+
+    text = String(url)
+    return text.replace regex, change
+    
+  $("a.debounce_this").click (e) ->
+    e.preventDefault()
+
+    if !window.forwardShiftAmount?
+      window.forwardShiftAmount = 0
+    if window.debounceTimeout?
+      clearTimeout(window.debounceTimeout)
+      window.forwardShiftAmount = window.forwardShiftAmount + if (e.currentTarget.dataset.directionForward == 'true') then 1 else -1
+      console.log(window.forwardShiftAmount)
+
+    regex = new RegExp("(" + e.currentTarget.dataset.debounceParam + "=)(-?\\d+)", "g")
+    delayedPageChange = ->
+      location.href = newHref
+
+    newHref = shiftUrl(e.currentTarget.href, regex, window.forwardShiftAmount)
+    window.debounceTimeout = setTimeout(delayedPageChange, debounceIntervalMs())
+    return
+
+  return

data/app/assets/stylesheets/candl.scss

@@ -1,20 +1,291 @@
-/*
- * This is a manifest file that'll be compiled into application.css, which will include all the files
- * listed below.
- *
- * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
- * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
- *
- * You're free to add application-wide styles to this file and they'll appear at the bottom of the
- * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
- * files in this directory. Styles in this file should be added after the last require_* statement.
- * It is generally better to create a new file per style scope.
- *
- *= require material_icons
- *= require_tree .
- *= require_self
- */
-
-@import "bootstrap";
-
-/* There seems to be a bug that makes it necessary to have some sort of change to this file in order to have the typical asset pipeline behaviour. */
+$hnh-color-black: #333333;
+$hnh-color-light-gray: #eeeeee;
+$hnh-color-orange: #df631d;
+$hnh-color-green: #8fa841;
+$hnh-color-blue: #4781ba;
+$hnh-color-yellow: #f7cb51;
+
+$hnh-size-micro: 0.125rem;
+$hnh-size-tiny: 0.25rem;
+$hnh-size-small: 0.5rem;
+$hnh-size-medium: 1rem;
+$hnh-size-big: 2rem;
+$hnh-size-huge: 4rem;
+$hnh-size-humongus: 8rem;
+
+.button_holder {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-between;
+  margin-bottom: $hnh-size-medium;
+
+  .btn-group {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-between;
+
+    .button_item {
+      display: flex;
+      flex-flow: column nowrap;
+      justify-content: center;
+      align-content: center;
+
+      .button_icon {
+        display: flex;
+        flex-flow: row nowrap;
+        justify-content: center;
+        align-content: center;
+        width: 100%;
+        height: 100%;
+
+        i {
+          margin: auto;
+        }
+      }
+    }
+  }
+
+  a.btn {
+    min-width: $hnh-size-humongus + $hnh-size-big;
+    min-height: $hnh-size-huge;
+  }
+}
+
+.error_message {
+  font-weight: bold;
+}
+
+.agenda {
+  width: 100%;
+  border: 1px solid lighten($hnh-color-black, 67%);
+
+  .today {
+    background-color: lighten($hnh-color-blue, 36%);
+  }
+  .not_today {
+    background-color: lighten($hnh-color-black, 72%);
+  }
+
+  .row_head {
+    color: $hnh-color-black;
+    
+    padding: $hnh-size-small;
+  }
+
+  .event_shell {
+    background-color: lighten($hnh-color-light-gray, 4%);
+    color: darken($hnh-color-blue, 7%);
+    transition: background-color 0.33s;
+    cursor: pointer;
+
+    .event {
+      display: flex;
+      align-items: center;
+      padding: $hnh-size-small;
+
+      .time {
+        font-weight: bold;
+        min-width: 6rem;
+        text-align: center;
+      }
+      .summary {
+        color: inherit;
+      }
+      .auto_margin_left {
+        margin-left: auto;
+        margin-right: 1px;
+      }
+      &:hover {
+        background-color: darken($hnh-color-light-gray, 3%);
+      }
+    }
+
+    .details {
+      padding: $hnh-size-tiny;
+      color: $hnh-color-black;
+
+      .text {
+        display: inline-flex;
+        align-items: center;
+
+        .icon {
+          min-width: 6rem;
+          padding-left: $hnh-size-medium;
+          padding-right: $hnh-size-medium;
+          text-align: center;
+        }
+        .content {
+          padding-left: $hnh-size-medium;
+          padding-right: $hnh-size-medium;
+        }
+      }
+    }
+    &:nth-child(odd) {
+      color: darken($hnh-color-green, 7%);
+    }
+  }
+}
+
+.month_view {
+  table-layout: fixed;
+
+  .weekday_name_header {
+    overflow: hidden;
+  }
+
+  .day_row {
+    background-color: lighten($hnh-color-light-gray, 4%);
+
+    .day_head {
+      width: 100%;
+      text-align: center;
+    }
+  }
+
+  .small_padding {
+    padding: $hnh-size-tiny + $hnh-size-micro;
+  }
+
+  .multiday_event {
+    padding: $hnh-size-micro;
+    overflow: hidden;
+    cursor: pointer;
+  
+    border-radius: $hnh-size-small;
+    border: $hnh-size-micro solid $hnh-color-light-gray;
+    background-color: lighten($hnh-color-blue, 42%);
+    border: 1px solid lighten($hnh-color-blue, 29%);
+
+    transition: background-color 0.33s;
+
+    .summary {
+      margin-left: $hnh-size-small;
+      color: $hnh-color-black;
+    }
+    &:nth-child(odd) {
+      background-color: lighten($hnh-color-green, 42%);
+      border: 1px solid lighten($hnh-color-green, 29%);
+    }
+    &:hover {
+      background-color: lighten($hnh-color-blue, 33%);
+      border: 1px solid lighten($hnh-color-blue, 15%);
+
+      &:nth-child(odd) {
+        background-color: lighten($hnh-color-green, 33%);
+        border: 1px solid lighten($hnh-color-green, 15%);
+      }
+    }
+  }
+  .multiday_event_leftcut {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+  .multiday_event_bothcut {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  .multiday_event_rightcut {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .events_row {
+    height: $hnh-size-huge;
+
+    .event {
+      padding: $hnh-size-tiny;
+      overflow: hidden;
+      margin-bottom: $hnh-size-small;
+      cursor: pointer;
+    
+      border-radius: $hnh-size-small;
+      border: $hnh-size-micro solid $hnh-color-light-gray;
+      background-color: lighten($hnh-color-blue, 42%);
+      border: 1px solid lighten($hnh-color-blue, 29%);
+  
+      transition: background-color 0.33s;
+  
+      .time {
+        font-weight: bold;
+      }
+      
+      .summary {
+        margin-left: $hnh-size-small;
+        color: $hnh-color-black;
+      }
+      &:nth-child(odd) {
+        background-color: lighten($hnh-color-green, 42%);
+        border: 1px solid lighten($hnh-color-green, 29%);
+      }
+      &:hover {
+        background-color: lighten($hnh-color-blue, 33%);
+        border: 1px solid lighten($hnh-color-blue, 15%);
+  
+        &:nth-child(odd) {
+          background-color: lighten($hnh-color-green, 33%);
+          border: 1px solid lighten($hnh-color-green, 15%);
+        }
+      }
+    }
+  }
+}
+
+.popover_backdrop {
+  z-index: 101;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba($hnh-color-light-gray,0.4);
+}
+
+.init_display_none {
+  display: none;
+}
+
+.popover-content {
+  overflow: hidden;
+  display: inline-flex;
+  flex-direction: column;
+
+  .icon_spacing {
+    margin-right: $hnh-size-medium;
+  }
+
+  .close_span {
+    width: 100%;
+  
+    .close {
+      text-align: right;
+      cursor: pointer;
+    }
+  }
+  hr {
+    width: 100%;
+  }
+  .text {
+    .medium_margin_right {
+      margin-right: $hnh-size-humongus;
+    }
+
+    display: flex;
+    flex-direction: row;
+
+    display: flex;
+    align-items: center;
+    
+    .flex_wrap_it {
+      flex-wrap: wrap;
+    }
+    .breakable {
+      word-break: break-word;
+      hyphens: auto;
+      overflow-wrap: break-word;
+    }
+  }
+}