phobos_checkpoint_ui 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 7e693f33b985ea9fc067f401d19d66c0e3547d84
+  data.tar.gz: d86487724767c46a5c4f3e5a10435af4e80a05c1
+SHA512:
+  metadata.gz: 15d1ae88be0e59540e2894cc807008f0deadd3eadfa49633e3dc8f2210c8ed8b589e5c45c86b41d92522fbf4f105e19c367d02750d5edd6cb7e16c1c18b63253
+  data.tar.gz: c5c35f12b19ee4968cea083ba00bd26f560843bf5197579cd97e27e1389cd843ba65892953c06e1a00d231dd5b1c431d7671afa9767f25c96af6ab868e79c6d2

data/.gitignore

@@ -0,0 +1,15 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+.DS_Store
+npm-debug.log
+frontend/node_modules/
+frontend/dist/
+spec/examples.txt
+.byebug_history

data/.rspec

@@ -0,0 +1,2 @@
+--format documentation
+--color

data/CHANGELOG.md

@@ -0,0 +1,9 @@
+# Change Log
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](http://keepachangelog.com/)
+and this project adheres to [Semantic Versioning](http://semver.org/).
+
+## 0.1.0 (2016-10-10)
+
+- Published on Github

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in phobos_checkpoint_ui.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Túlio Ornelas
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,81 @@
+[![CircleCI](https://circleci.com/gh/klarna/phobos_checkpoint_ui.svg?style=shield)](https://circleci.com/gh/klarna/phobos_checkpoint_ui)
+
+# Phobos Checkpoint UI
+
+Phobos Checkpoint UI is a GUI for phobos checkpoint API. It is compatible with [Phobos DB Checkpoint](https://github.com/klarna/phobos_db_checkpoint)
+
+![Events list](https://github.com/klarna/phobos_checkpoint_ui/raw/master/screenshot1.png)
+![Event overview](https://github.com/klarna/phobos_checkpoint_ui/raw/master/screenshot2.png)
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'phobos_checkpoint_ui'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install phobos_checkpoint_ui
+
+## Usage
+
+1) Add `require 'phobos_checkpoint_ui/tasks'` to your __Rakefile__
+
+2) Run `rake phobos_checkpoint_ui:copy_assets`, this will copy the precompile assets to `./public`
+
+3) In `config.ru` add:
+
+```ruby
+require 'phobos_checkpoint_ui'
+
+# ...
+# < keep the previous configurations >
+# ...
+
+# run PhobosDBCheckpoint::EventsAPI
+run PhobosCheckpointUI::App.new(PhobosDBCheckpoint::EventsAPI)
+```
+
+It is possible to configure some aspects of the app, `App.new` accepts a hash with options to be delivered to the front-end. The fron-end is prepared to receive the following options:
+
+* `logo` - Path of image to be used as a logo (can be something inside `/public`)
+* `title` - App title
+* `env_label` - Special label display the environment
+
+Example:
+
+```ruby
+run PhobosCheckpointUI::App.new(PhobosDBCheckpoint::EventsAPI, {
+  logo: '/assets/logo.png',
+  title: 'Checkpoint',
+  env_label: 'production'
+})
+```
+
+## Development
+
+The front-end is written with `React` and `Redux`, ensure that you have `nodejs` version >= 6.3 installed.
+
+```sh
+cd frontend
+npm install
+npm test:unit
+```
+
+Run `rake spec` to run the ruby tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/klarna/phobos_checkpoint_ui.
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,12 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec
+
+desc 'Compile front-end app'
+task :compile_frontend do
+  `rm -rf assets/`
+  puts `cd frontend; npm run dist`
+end

data/assets/index-52cbf3063583f3c09a4b-0.css

@@ -0,0 +1,2 @@
+@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);.event-error-message{display:-webkit-box;display:flex;text-align:left}.event-error-message>span{color:#f44336}.event{cursor:pointer}.event-overview .detail{margin-bottom:20px}.event-overview .detail:first-child{margin-top:20px}.event-overview .detail p{margin:0}.event-overview .detail label{font-weight:lighter;text-transform:uppercase}.event-overview .detail .value{font-weight:700}.event-overview .json-pretty{margin-top:0;padding:10px;white-space:pre-wrap}.event-overview-dialog .dialog-title{text-decoration:none;color:rgba(0,0,0,.87)}.event-overview-dialog .dialog-title:active,.event-overview-dialog .dialog-title:visited{color:inherit}.event-overview-dialog .dialog-title:hover{color:#666}.events-list{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-align:inherit;align-items:inherit}.events-list>.event{margin:10px}.flash-message{position:fixed;top:0;left:0;right:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;z-index:2000;height:64px;color:#fff;font-family:Roboto;font-size:20px;max-width:95%}.flash-message .close{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:absolute;right:10px;cursor:pointer;font-weight:lighter;padding:4px 12px;border-radius:50%}.flash-message .close:hover{color:#000;background-color:#fff}.flash-message.success{background-color:#5bbd66}.flash-message.error{background-color:#ff5f5f}.header{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;text-decoration:none;max-height:64px;box-sizing:border-box}.header:active,.header:hover,.header:visited{color:#fff}.header img{height:64px;min-width:54px;margin:5px 10px 5px 0}.header .title{-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;color:#fff}.header .title:hover{color:#999}.search-input{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;background-color:#fff;padding:5px 30px;margin:0 10px}body,html{margin:0;padding:0}#root,body,html{height:100%}body{background-color:#ccc;color:#d0d0d0}.load-error,.loading-boot{margin:0 auto;color:#000;width:100%;height:100%;text-align:center;font-size:40px;padding-top:100px}.load-error{color:#ff5f5f}.events-search{max-width:1020px;height:100%;background-color:#e4e4e4;margin:0 auto;padding:20px 0}.events-search .page-loader{text-align:center;padding:50px 0}.events-search .timeline{display:-webkit-box;display:flex;flex-wrap:wrap}.events-search .timeline .empty-event{margin:50px 15px 0;font-size:30px;font-weight:lighter;font-family:Roboto}.events-search .timeline>.event{margin:10px}.layout{height:100%}
+/*# sourceMappingURL=index-52cbf3063583f3c09a4b-0.css.map*/

data/assets/index-52cbf3063583f3c09a4b-0.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack:///components/event/error-message.scss","webpack:///webpack:///index.scss","webpack:///webpack:///components/event/event.scss","webpack:///webpack:///components/event-overview/event-overview.scss","webpack:///webpack:///components/event-overview-dialog/event-overview-dialog.scss","webpack:///webpack:///components/events-list/events-list.scss","webpack:///webpack:///components/flash-message/flash-message.scss","webpack:///webpack:///components/header/header.scss","webpack:///webpack:///components/search-input/search-input.scss","webpack:///webpack:///views/events-search.scss","webpack:///webpack:///views/layout.scss"],"names":[],"mappings":"wEAAA,qBACE,iCACA,gBCqCD,0BDlCG,cELJ,OACE,eCDF,wBAEI,mBAFJ,oCAKM,gBALN,0BASM,SATN,8BAaM,oBACA,yBAdN,+BAkBM,gBAIJ,6BACE,aACA,aACA,qBCzBJ,qCAEI,qBACA,sBAFF,yFAMI,cANJ,2CAUI,WCXN,aACE,iCACA,eACA,8CAHF,oBAMI,YCNJ,eACE,eACA,MACA,OACA,QAEA,iCACA,4CACA,+CAEA,aACA,YACA,WACA,mBACA,eACA,cAEA,sBACE,sEACA,kBACA,WACA,eACA,oBACA,iBACA,kBAxBJ,4BA2BM,WACA,sBA5BN,uBAiCI,yBAjCJ,qBAqCI,yBCrCJ,QACE,+CACA,4CACA,qBAEA,gBACA,sBANF,6CAWI,WAGF,YACE,YACA,eACA,sBAjBJ,eAqBI,wEACA,WAFF,qBAKI,WCzBN,cACE,iCACA,4CACA,sBACA,iBACA,cPyKD,UA1KC,SACA,UA+KD,gBA3KC,YAiLD,KA7KC,sBACA,cAiLD,0BA5KC,cACA,WACA,WACA,YACA,kBACA,eACA,kBAiLD,YA7KC,cQ7BF,eACE,iBACA,YAEA,yBACA,cACA,eANF,4BASI,kBACA,eAGF,yBACE,iCACA,eAEA,sCACE,mBACA,eACA,oBACA,mBAGE,gCACF,YCzBN,QACE","file":"index-52cbf3063583f3c09a4b-0.css","sourcesContent":[".event-error-message {\n  display: flex;\n  text-align: left;\n\n  & > span {\n    color: #f44336;\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///components/event/error-message.scss\n **/","@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n}\n\nhtml, body, #root {\n  height: 100%\n}\n\nbody {\n  background-color: #ccc;\n  color: #d0d0d0;\n}\n\n.loading-boot,\n.load-error {\n  margin: 0 auto;\n  color: black;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  font-size: 40px;\n  padding-top: 100px;\n}\n\n.load-error {\n  color: #ff5f5f;\n}\n\n\n@import './components/event/error-message';\n@import './components/event/event';\n@import './components/event-overview/event-overview';\n@import './components/event-overview-dialog/event-overview-dialog';\n@import './components/events-list/events-list';\n@import './components/flash-message/flash-message';\n@import './components/header/header';\n@import './components/search-input/search-input';\n@import './index';\n@import './views/events-search';\n@import './views/layout';\n\n\n/** WEBPACK FOOTER **\n ** webpack:///index.scss\n **/",".event {\n  cursor: pointer;\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///components/event/event.scss\n **/",".event-overview {\n  .detail {\n    margin-bottom: 20px;\n\n    &:first-child {\n      margin-top: 20px;\n    }\n\n    p {\n      margin: 0;\n    }\n\n    label {\n      font-weight: lighter;\n      text-transform: uppercase;\n    }\n\n    .value {\n      font-weight: bold;\n    }\n  }\n\n  .json-pretty {\n    margin-top: 0;\n    padding: 10px;\n    white-space: pre-wrap;\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///components/event-overview/event-overview.scss\n **/",".event-overview-dialog {\n  .dialog-title {\n    text-decoration: none;\n    color: rgba(0, 0, 0, 0.87);\n\n    &:active,\n    &:visited {\n      color: inherit;\n    }\n\n    &:hover {\n      color: #666;\n    }\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///components/event-overview-dialog/event-overview-dialog.scss\n **/",".events-list {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: inherit;\n\n  & > .event {\n    margin: 10px 10px;\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///components/events-list/events-list.scss\n **/",".flash-message {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  z-index: 2000;\n  height: 64px;\n  color: #fff;\n  font-family: 'Roboto';\n  font-size: 20px;\n  max-width: 95%;\n\n  .close {\n    transition: all ease-in-out 200ms;\n    position: absolute;\n    right: 10px;\n    cursor: pointer;\n    font-weight: lighter;\n    padding: 4px 12px;\n    border-radius: 50%;\n\n    &:hover {\n      color: black;\n      background-color: white;\n    }\n  }\n\n  &.success {\n    background-color: #5bbd66;\n  }\n\n  &.error {\n    background-color: #ff5f5f;\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///components/flash-message/flash-message.scss\n **/",".header {\n  display: inline-flex;\n  align-items: center;\n  text-decoration: none;\n\n  max-height: 64px;\n  box-sizing: border-box;\n\n  &:active,\n  &:visited,\n  &:hover {\n    color: white;\n  }\n\n  img {\n    height: 64px;\n    min-width: 54px;\n    margin: 5px 10px 5px 0;\n  }\n\n  .title {\n    transition: all ease-in-out 150ms;\n    color: white;\n\n    &:hover {\n      color: #999;\n    }\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///components/header/header.scss\n **/",".search-input {\n  display: flex;\n  align-items: center;\n  background-color: #fff;\n  padding: 5px 30px;\n  margin: 0 10px;\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///components/search-input/search-input.scss\n **/",".events-search {\n  max-width: 1020px;\n  height: 100%;\n\n  background-color: #e4e4e4;\n  margin: 0 auto;\n  padding: 20px 0;\n\n  .page-loader {\n    text-align: center;\n    padding: 50px 0;\n  }\n\n  .timeline {\n    display: flex;\n    flex-wrap: wrap;\n\n    .empty-event {\n      margin: 50px 15px 0;\n      font-size: 30px;\n      font-weight: lighter;\n      font-family: Roboto;\n    }\n\n    & > .event {\n      margin: 10px 10px;\n    }\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///views/events-search.scss\n **/",".layout {\n  height: 100%\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///views/layout.scss\n **/"],"sourceRoot":""}

data/assets/index-52cbf3063583f3c09a4b-1.css

@@ -0,0 +1,2 @@
+.json-pretty{line-height:1.3;color:#66d9ef;background:#272822}.json-pretty .json-key{color:#f92672}.json-pretty .json-value{color:#a6e22e}.json-pretty .json-string{color:#fd971f}
+/*# sourceMappingURL=index-52cbf3063583f3c09a4b-1.css.map*/

data/assets/index-52cbf3063583f3c09a4b-1.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack:///~/react-json-pretty/src/JSONPretty.monikai.css"],"names":[],"mappings":"AAAA,aAAa,gBAAgB,cAAc,kBAAmB,CAAC,uBAAuB,aAAa,CAAC,yBAAyB,aAAa,CAAC,0BAA0B,aAAa","file":"index-52cbf3063583f3c09a4b-1.css","sourcesContent":[".json-pretty{line-height:1.3;color:#66d9ef;background:#272822;}.json-pretty .json-key{color:#f92672}.json-pretty .json-value{color:#a6e22e}.json-pretty .json-string{color:#fd971f}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///~/react-json-pretty/src/JSONPretty.monikai.css\n **/"],"sourceRoot":""}