sw2at-ui 0.0.13 → 0.0.14

data/app/assets/stylesheets/swat/components/dropdown.scss

@@ -0,0 +1,124 @@
+#swat {
+  $dropdownBg: #f5f5f5;
+  $triangleColor: #858484;
+  $dropdownBorder: #D9D9DA;
+  $mainFont: Calibri;
+  $defaultFontSize: 16px;
+  $greenColor: #AAD46F;
+  $dropdownBoxShadow: rgba(0,0,0,0.1);
+  $fontColor: #7a7a7a;
+
+
+  .custom-dropdown {
+    position: relative;
+    height: 44px;
+
+    select {
+      width: 100%;
+      box-shadow: none;
+      opacity: 0.001;
+      position: absolute;
+      z-index: 10;
+      height: 39px;
+      & + label.selected {
+        position: absolute;
+        width: 100%;
+        color: #7a7a7a;
+        text-transform: none;
+        font-size: 16px;
+        z-index: 5;
+        height: 39px;
+        padding-top: 8px;
+        box-shadow: none;
+        background-color: rgb(250, 250, 250);
+      }
+      border: 0;
+      box-shadow: none;
+      & option {
+        padding: 7px;
+      }
+    }
+
+    .icon {
+      z-index: 999;
+      position: absolute;
+      right: 0px;
+      top: 0px;
+      background-color: rgba(184, 184, 184, 0.2);
+      height: 37px;
+      width: 37px;
+      padding: 10px 13px;
+
+      .value {
+        height: 24px;
+        overflow: hidden;
+      }
+    }
+
+    select:focus + label.selected {
+      border-color: #8cc63e;
+      outline: 0;
+      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(140, 198, 62, 0.6);
+      &:after {
+        right: 0;
+      }
+    }
+
+    select.gl-disabled + label.selected {
+      background: #F8F8F8;
+    }
+
+
+    .gl-dropdown:active {
+      box-shadow: none;
+    }
+
+    ul.dropdown-menu {
+      padding: 0;
+      top: 45px;
+      font-family: $mainFont;
+      font-size: $defaultFontSize;
+      max-height: 300px;
+      width: 400px;
+      overflow: auto;
+      overflow-x: hidden;
+
+      li {
+        width: 390px;
+        padding-top: 5px;
+
+        a {
+          display: block;
+          padding: 5px 0 5px 30px;
+          text-decoration: none;
+          color: $fontColor;
+          font-weight: normal;
+          transition: all 0.3s ease-out;
+          cursor: pointer;
+        }
+
+        &:hover {
+          background-color: $dropdownBg;
+        }
+        &.active {
+          a{
+            background: $greenColor;
+            color: white;
+          }
+        }
+      }
+    }
+    .custom-dropdown-items.up {
+      top: auto;
+      bottom: 3px;
+    }
+    &.up .dropdown-menu {
+      top: auto!important;
+      bottom: 45px;
+    }
+  }
+  .up .custom-dropdown .custom-dropdown-items{
+    top: auto;
+    bottom: 3px;
+  }
+}

data/app/assets/stylesheets/swat/configuration.scss

@@ -3,32 +3,12 @@
 #swat {
 
   #configuration {
+    .pattern {
 
-    .title {
-
-    }
-    .configuration-info-container {
-      display: block;
-      width: 100%;
     }
-    #configuration-info {
-      background: $whiteColor;
-      border: 1px solid $containerBorder;
-      margin: 20px;
-      padding: 28px 38px;
-      width: 800px;
-      margin: auto;
-
-      .heading {
-        text-align: left;
-        margin: 0;
-        color: rgba(60, 56, 55, 0.68);
-      }
-
-      table {
-        margin-bottom: 18px;
-      }
 
+    .tags {
+      color: $lightBlueColor
     }
   }
 

data/app/assets/stylesheets/swat/confirmation.scss

@@ -0,0 +1,60 @@
+@import "vars";
+
+.modal-content {
+  background: none !important;
+  box-shadow: none !important;
+  border: none !important;
+}
+
+#confirmation-modal {
+
+  margin: 50px;
+  border: 1px solid rgb(219, 217, 217);
+  border-radius: 1px;
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+
+  .modal-title {
+    padding: 10px;
+    margin: 0;
+    color: rgb(209, 66, 66);
+    background-color: rgb(242, 206, 206);
+    text-align: center;
+  }
+
+  .modal-body {
+    padding: 20px;
+    background: #f0f0f0;
+    display: inline-block;
+    width: 100%;
+
+    .message {
+      display: inline-block;
+      margin: 0 0px 15px 0;
+      font-size: 19px;
+      color: rgb(88, 81, 81);
+      width: 100%;
+    }
+
+    .confirmation-modal-footer {
+      button {
+        width: 200px;
+        &.yes {
+          float: left;
+        }
+        &.no {
+          float: right;
+        }
+      }
+    }
+  }
+
+  .loader {
+    background: url("/assets/swat/loading-green.gif") no-repeat;
+    width: 50px;
+    height: 50px;
+    display: inline-block;
+    float: left;
+    margin-left: 16px;
+  }
+
+}

data/app/assets/stylesheets/swat/console.scss

@@ -0,0 +1,68 @@
+@import "vars";
+
+#swat {
+
+  #console {
+
+    .nav-tabs {
+      width: $infoWidgetWidth;
+      margin: auto;
+
+      span.label {
+        padding: 9px 15px 0px 21px;
+        display: inline-block;
+      }
+    }
+
+    .info-widget {
+      .heading {
+        padding-bottom: 5px;
+
+        &:not(:first-child) {
+          margin-top: 17px;
+          border-top: 1px solid lightgray;
+          padding-top: 12px;
+        }
+
+        span {
+          cursor: pointer;
+        }
+      }
+
+      .action-bar {
+
+        display: inline-block;
+        width: 100%;
+        margin-bottom: 5px;
+
+        .custom-dropdown {
+          width: 250px;
+          float: left;
+          margin-right: 20px;
+        }
+
+        button {
+          height: 38px;
+        }
+      }
+    }
+
+    table.info {
+      margin-bottom: 0;
+      tr {
+        td.name {
+          width: 340px;
+        }
+        td.input {
+          input {
+
+          }
+        }
+        td.action {
+
+        }
+      }
+    }
+  }
+
+}

data/app/assets/stylesheets/swat/header.scss

@@ -27,6 +27,7 @@
       line-height: 15px;
       cursor: pointer;
       margin-left: 0;
+      transition: background-color 0.35s linear;
 
       &:hover {
         background: rgba(255, 255, 255, 0.31);

data/app/assets/stylesheets/swat/swat_theme.scss

@@ -5,13 +5,11 @@ html, body {
   min-height: 100%;
 }
 
-body {
-  overflow-y: scroll;
-}
-
 #swat {
   height: 100%;
   min-height: 100%;
+  overflow-y: scroll;
+  color: $defaultFontColor;
 
   .controls {
     float: right;
@@ -28,8 +26,8 @@ body {
     }
   }
 
-
   #container {
+
     background: $containerBg;
     margin: 0px 15px 0 15px;
     border: 1px solid $containerBorder;
@@ -96,7 +94,7 @@ body {
         width: 100%;
         .revision-name {
           padding-left: 10px;
-          color: black;
+          color: $defaultFontColor;
         }
         .revision-status {
           float: left;
@@ -284,7 +282,7 @@ body {
     margin-left: 12px;
     margin-right: 12px;
     span.label {
-      color: $blackColor;
+      color: $defaultFontColor;
       font-size: 15px;
     }
   }

data/app/assets/stylesheets/swat/vars.scss

@@ -1,19 +1,15 @@
-$greyBg: #9f9f9f;
+@import "boostrap_vars";
+
+// Application Colors
+
 $greenMain: greenyellow;
 
 $blackColor: black;
 $whiteColor: white;
-$lightBlueColor: #C2CAF2;
+$defaultFontColor: #464646;
 
 $disabledLinkColor: rgba(198, 198, 197, 0.68);
 
-$footerSize: 45px;
-$negativeFooterSize: -$footerSize;
-
-$commandWidth: 400px;
-$copyIconWidth: 30px;
-$commandTextWidth: $commandWidth - $copyIconWidth;
-
 $greenBtnBg: rgb(124, 222, 124);
 $greenBtnBgHover: rgb(169, 222, 157);
 $greenBtnColor: green;
@@ -35,7 +31,6 @@ $backtraceSpecColor: #ff5860;
 
 $successTitleColor: #50ce5f;
 $failedTitleColor: #ff5246;
-
 $failedCaseColor: #3F3F3F;
 
 $commandBg: $blackColor;
@@ -46,9 +41,24 @@ $failedTestCaseColor: red;
 $failedTestCaseBgHover: #ffd7e5;
 
 $passedTestCaseCommandColor: rgb(129, 192, 129);
-$passedTestCaseBg: lightgreen;
+$passedTestCaseBg: rgba(144, 238, 144, 0.73);
 $passedTestCaseColor: green;
 $passedTestCaseBgHover: #ffd7e5;
 
 $greyBg: rgb(236, 236, 236);
+$lightGreyBg: #F4F3F3;
 $lightBlueColor: #5967AB;
+$infoLabelColor: #46B444;
+
+// Sizes
+$footerSize: 45px;
+$negativeFooterSize: -$footerSize;
+
+$commandWidth: 400px;
+$copyIconWidth: 30px;
+$commandTextWidth: $commandWidth - $copyIconWidth;
+$infoWidgetWidth: 800px;
+
+// Boostrap Overrides
+$input-border-focus: $infoLabelColor;
+

data/app/controllers/swat/api/console_controller.rb

@@ -0,0 +1,17 @@
+module Swat
+  module Api
+    class ConsoleController < Swat::ApplicationController
+
+
+      def show
+        render json: Revision::Root.stats
+      end
+
+      def clean
+        result = RevisionCleaner.new.clean_by(params[:attribute], params[:value])
+        render json: { result: result }
+      end
+
+    end
+  end
+end

data/app/controllers/swat/pages/components_controller.rb

@@ -0,0 +1,6 @@
+module Swat
+  module Pages
+    class ComponentsController < BasePagesController
+    end
+  end
+end

data/app/models/concerns/root_revision_ext.rb

@@ -11,4 +11,35 @@ module RootRevisionExt
     attrs
   end
 
+  module ClassMethods
+
+    def stats
+      all_revisions = all
+
+      branches_stats = all_revisions.count_by_rule(&:branch)
+      users_stats = all_revisions.count_by_rule(&:user)
+      periods_stats = all_revisions.count_by_rule{|x| period(x.time) }
+
+      branches = branches_stats.keys
+      users = users_stats.keys
+      periods = periods_stats.keys
+
+      {
+          branches: branches,
+          users: users,
+          periods: periods,
+          stats: {
+              branches: branches_stats,
+              users: users_stats,
+              periods: periods_stats,
+          }
+      }
+    end
+
+    def period(timestamp)
+      Time.at(timestamp).strftime('%m/%d/%Y')
+    end
+
+  end
+
 end

data/app/models/revision_cleaner.rb

@@ -0,0 +1,57 @@
+class RevisionCleaner
+
+  def clean_by(attribute, value)
+    @paths = []
+
+    if attribute.to_sym == :branch
+      @paths = branch_paths(value)
+    end
+
+    if attribute.to_sym == :user
+      @paths = user_paths(value)
+    end
+
+    if attribute.to_sym == :period
+      @paths = period_paths(value)
+    end
+
+    @paths.each do |path|
+      Fire::Model.connection.delete(path)
+    end
+
+    true
+  end
+
+  def period_paths(period)
+    res = []
+    all_revisions = Revision::Root.all
+    revisions = all_revisions.select{|rev| Revision::Root.period(rev.time) == period }
+
+    revisions.each do |rev|
+      res << rev.path
+      res << rev.path.gsub(Revision.collection_name, TestCase.collection_name)
+    end
+
+    res
+  end
+
+  def branch_paths(branch)
+    res = []
+    res << [ Revision.collection_name, Fire::Model.path_value_param(branch) ]*Fire::Model::LEVEL_SEPARATOR
+    res << [ TestCase.collection_name, Fire::Model.path_value_param(branch) ]*Fire::Model::LEVEL_SEPARATOR
+  end
+
+  def user_paths(user)
+    res = []
+    all_revisions = Revision::Root.all
+    revisions = all_revisions.select{|rev| rev.user == user }
+
+    revisions.each do |rev|
+      res << rev.path
+      res << rev.path.gsub(Revision.collection_name, TestCase.collection_name)
+    end
+
+    res
+  end
+
+end

data/app/views/swat/pages/components/custom_dropdown.slim

@@ -0,0 +1,16 @@
+.custom-dropdown dropdown=""
+  select.form-control [
+    name="{{id}}"
+    id="{{id}}"
+    ng-class="{'gl-disabled': glDisabled}"
+    ng-disabled="glDisabled"
+    ng-model="model"
+    ng-options="value as value for value in selectOptions"
+    ng-change="selectOption(model)"
+    tabindex="{{glTabIndex}}"
+    ]
+    option ng-if="!placeholder && !!emptyOption"
+  label.selected.form-control for="{{id}}"
+    i.icon.fa.fa-angle-down
+    .value
+      | {{ model }}

data/app/views/swat/pages/management/configuration.slim

@@ -1,9 +1,9 @@
 #configuration
   span.loader ng-class="{ true: 'invisible' }[(configPromise && configPromise.$resolved)]"
   h1.title Configuration
-  .configuration-info-container
-    #configuration-info
-      div ng-if="config"
+  .configuration-info-container.info-widget-container ng-if="config"
+    #configuration-info.info-widget
+      div
         h2.heading Firebase
         table.info.firebase
           tbody

data/app/views/swat/pages/management/confirmation.slim

@@ -0,0 +1,13 @@
+#confirmation-modal
+  h4.modal-title
+    | Confirmation
+    .close ng-click="cancel()"
+
+  .modal-body
+    span.message ng-bind-html="helpers.renderHtml(message)"
+
+    .confirmation-modal-footer
+      span.loader ng-if="waitingAction"
+      .controls ng-if="!waitingAction"
+        button.btn.btn-success.yes ng-click="ok()" ng-disabled="waitingAction" Yes
+        button.btn.btn-default.no ng-click="cancel()" ng-disabled="waitingAction" No

data/app/views/swat/pages/management/console.slim

@@ -0,0 +1,6 @@
+#console
+  span.loader ng-class="{ true: 'invisible' }[(consoleDataPromise && consoleDataPromise.$resolved)]"
+  h1.title Console
+  .info-widget-container
+    .info-widget ng-if="(consoleDataPromise && consoleDataPromise.$resolved)"
+      = render partial: 'swat/pages/management/partials/stats'

data/app/views/swat/pages/management/partials/_action_bar.slim

@@ -0,0 +1,26 @@
+h3.heading
+  span (data-toggle="collapse" data-target="##{objects}-stats")
+    | Clean #{ objects }
+
+.action-bar(class=object)
+  custom-dropdown(model="clean.#{object}.name" options="consoleData.#{objects}")
+  button.btn.action.btn-danger(ng-disabled="helpers.isEmpty(clean.#{object}.name)" ng-click="remove('#{object}')")
+    | Remove revisions by #{ object }
+
+.in(id="#{objects}-stats")
+  table.info
+    tr ng-repeat="(metric, count) in consoleData.stats.#{objects}"
+      td.name
+        | {{ metric }}
+      td.value
+        strong
+          | {{ consoleData.stats.#{objects}[metric] }}
+        |   revisions
+    tr
+      td.name
+        strong
+          | Total
+      td.value
+        strong
+          | {{ consoleData.#{objects}.length }} #{ objects }, {{ sum(consoleData.stats.#{objects}) }}
+          |   revisions

data/app/views/swat/pages/management/partials/_stats.slim

@@ -0,0 +1,4 @@
+- [ [ :branch, :branches ], [ :user, :users ], [ :period, :periods ] ].each do |(object, objects)|
+  = render partial: 'swat/pages/management/partials/action_bar', locals: { object: object, objects: objects }
+
+

data/app/views/swat/shared/_nav.slim

@@ -10,13 +10,13 @@
         | Configuration
 
     li
-      a.revisions href="#" title="Run new revision" ng-disabled="true"
-        | Run
+      a.revisions href="#" ui-sref="console" title="Open console"
+        | Console
 
     li
-      a.revisions href="#" title="Open console" ng-disabled="true"
-        | Console
+      a.revisions href="#" title="Manage SWAT Daemon" ng-disabled="true"
+        | Daemon
 
     li
-      a.revisions href="#" title="Read about us" ng-disabled="true"
-        | About Us
+      a.revisions href="#" title="Help" ng-disabled="true"
+        | Help

data/config/routes.rb

@@ -12,6 +12,9 @@ Swat::Engine.routes.draw do
     put 'revision/name/:name', to: 'revisions#set_name'
 
     get 'configuration', to: 'configuration#show'
+
+    delete 'console/clean/:attribute/:value', to: 'console#clean'
+    get 'console', to: 'console#show'
   end
 
   # Helper Methods
@@ -22,6 +25,14 @@ Swat::Engine.routes.draw do
     end
   end
 
+  def declare_namespace(name, pages)
+    namespace name do
+      pages.each do |p|
+        get p, to: p
+      end
+    end
+  end
+
   # Angular States
   namespace :info do
     level_paths.each do |path|
@@ -31,19 +42,9 @@ Swat::Engine.routes.draw do
 
   # Angular Pages
   namespace :pages do
-    namespace :revisions do
-      pages = [ :index, :show, :summary, :name ]
-      pages.each do |p|
-        get p, to: p
-      end
-    end
-
-    namespace :management do
-      pages = [ :console, :configuration, :about ]
-      pages.each do |p|
-        get p, to: p
-      end
-    end
+    declare_namespace :revisions, [ :index, :show, :summary, :name ]
+    declare_namespace :management, [ :console, :configuration, :about, :confirmation ]
+    declare_namespace :components, [ :custom_dropdown ]
   end
 
 end

data/lib/swat/engine.rb

@@ -7,6 +7,8 @@ module Swat
   require 'time_difference'
   require 'tarvit-helpers'
 
+  require 'tarvit-helpers/extensions/counter'
+
   class Engine < ::Rails::Engine
     isolate_namespace Swat
   end