hippo-fw 0.9.5 → 0.9.6

data/client/hippo/components/shared/TextArea.jsx

@@ -1,19 +0,0 @@
-import React from 'react';
-
-export class TextArea extends React.Component {
-    static mixins = [
-        Hippo.Components.Form.InputFieldMixin
-    ];
-    renderInputField(props, handlers) {
-        const export className = _.classnames(props.className, 'form-control');
-        return (
-            React.createElement("textarea", Object.assign({}, 
-                props, 
-                handlers, 
-                _.pick(this.props, 'placeholder'), { 
-                "export className": (className),  
-                "onChange": (this.fieldMixinSetValue)
-            }))
-        );
-    }
-}

data/client/hippo/components/shared/Throbber.jsx

@@ -1,8 +0,0 @@
-import React from 'react';
-
-export class Throbber extends React.Component({render() {
-        return (
-            <div export className="throbber" />
-        );
-}
-}) {}

data/client/hippo/components/shared/ToggleField.jsx

@@ -1,2 +0,0 @@
-import React from 'react';
-

data/client/hippo/components/shared/Tooltip.jsx

@@ -1,23 +0,0 @@
-import React from 'react';
-
-export default class Tooltip extends React.Component {
-    static TTProps = [
-        'id', 'placement', 'positionLeft', 'positionTop',
-        'arrowOffsetLeft', 'arrowOffsetTop'
-    ];
-    render() {
-        const ttprops = _.pick(this.props, ...this.TTProps);
-        const tooltip = <BS.Tooltip {...ttprops}>
-            {this.props.content}
-        </BS.Tooltip>;
-        return (
-            <BS.OverlayTrigger
-                overlay={tooltip}
-                placement="left"
-                container={this.context.viewport.hippo}
-                {...this.props}>
-                {this.props.children}
-            </BS.OverlayTrigger>
-        );
-    }
-}

data/client/hippo/components/shared/fields.scss

@@ -1,58 +0,0 @@
-@import "hippo/styles/bootstrap/variables";
-@import "hippo/styles/bootstrap/mixins";
-
-$hippo-field-margin: 6px;
-
-
-
-.hippo-field {
-    .form-control {
-        height: inherit;
-    }
-    .control-label {
-        display: block;
-        min-height: 18px;
-    }
-
-    &.display {
-        .form-group {
-            border-bottom: 1px solid $input-border;
-            min-height: 57px; // 55 + 1px border
-        }
-        &.toggle {
-            .form-group { border-bottom: 0; }
-            .react-toggle { cursor: inherit; }
-        }
-
-    }
-    &.align-right{
-        .control-label, .value, .rw-widget input {text-align: right; }
-    }
-    &.align-center{
-        .control-label, .value, .rw-widget input { text-align: center; }
-    }
-
-    &.select {
-        .form-control-feedback { right: 30px; }
-    }
-    .form-group {
-        background-color: rgba(255, 255, 255, 1);
-        transition: background-color 1000ms linear;
-        input { transition: background-color 1000ms linear; }
-    }
-    &.changeset .form-group {
-        $color-rgba: rgba(255, 241, 72, .6);
-        border-color: darken($color-rgba, 10%);
-        background-color: $color-rgba;
-        outline: 0;
-        @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba);
-        input {
-            background-color: darken($color-rgba, 20%);
-        }
-    }
-
-    .rw-datetimepicker {
-        &.rw-has-both { padding-right: 0; }
-        .rw-select { @include hidden-print; }
-    }
-}

data/client/hippo/components/shared/fieldset.scss

@@ -1,27 +0,0 @@
-fieldset.collapsible {
-    border: 1px solid $input-border;
-    padding: 10px;
-    border-radius: $border-radius-large;
-    transition: max-height 1.40s ease-in-out;
-    overflow: hidden;
-    legend {
-        border-bottom: 0;
-        margin-bottom: 0;
-        padding-left: 10px;
-        width: inherit;
-        cursor: pointer;
-        &:after {
-            @extend .icon;
-            padding: 0 10px;
-        }
-    }
-    &.expanded {
-        legend:after { @extend .icon-minus-square-o:before; }
-    }
-    &.collapsed {
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-        legend:after { @extend .icon-plus-square-o:before; }
-    }
-
-}

data/client/hippo/components/shared/image-asset.scss

@@ -1,53 +0,0 @@
-@import "../../styles/bootstrap/buttons";
-
-.image-asset {
-    position: relative;
-    &.field {
-        .value {
-            border-bottom: 0;
-            height: inherit;
-        }
-        &.display {
-            .value {
-                padding-left: 0;
-            }
-        }
-    }
-    input.file {
-        width: 0.1px;
-        height: 0.1px;
-        opacity: 0;
-        overflow: hidden;
-        position: absolute;
-        z-index: -1;
-    }
-    label.selector {
-        @extend .btn;
-        @extend .btn-default;
-    }
-    &.with-image label.selector {
-        position: absolute;
-        top: 5px;
-        right: 5px;
-        z-index: 2;
-        box-shadow: 0 8px 6px -6px black;
-    }
-    img {
-        height: auto;
-        width: 100%;
-    }
-}
-
-.assets-listing {
-
-    display: flex;
-
-    .image-asset {
-        max-width: 200px;
-        & + .image-asset {
-            border-left: 1px dotted lightgrey;
-            padding-left: 10px;
-            margin-left: 10px;
-        }
-    }
-}

data/client/hippo/components/shared/index.js

@@ -1,5 +0,0 @@
-//= require ./Helpers
-//= require hippo/vendor/toggle
-//= require ./FieldMixin
-//= require ./InputFieldMixin
-//= require_tree

data/client/hippo/components/shared/overlay.scss

@@ -1,83 +0,0 @@
-$gray-light: lightGrey !default;
-$well-border: darkGrey !default;
-$border-radius-large: 8px !default;
-$body-bg: white !default;
-$font-size-large: 15px !default;
-$gray-darker: lighten(#000, 13.5%) !default;
-
-.overlay {
-  position: absolute;
-  z-index: 11;
-  height: 100%;
-  width: 100%;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  .mask {
-    background-color: white;
-    height: 100%;
-    left: 0;
-    opacity: 0.8;
-    position: absolute;
-    top: 0;
-    width: 100%;
-  }
-  &.rounded {
-      .mask { border-radius: $border-radius-large; }
-  }
-
-  .message {
-    width: 450px;
-    max-width: 90%;
-    min-height: 65px;
-    line-height: 3rem;
-    border: 2px solid $well-border;
-    margin-left: auto;
-    margin-right: auto;
-    font-size: 2rem;
-    position: relative;
-    top: 25%;
-    border-radius: $border-radius-large;
-    padding: 10px;
-    box-shadow: 6px 7px 5px $gray-light;
-    background-color: $body-bg;
-
-    i {
-      display: inline-block;
-      font-size: 3.2rem;
-      float: left;
-      margin-right: 0.5rem;
-      &.loading-spinner {
-        background:url(image-path('images/hippo/ajax-loader.gif')) no-repeat;
-        height: 32px;
-        margin-top: 10px;
-        width: 32px;
-      }
-      &.icon-success {
-        color: darkgreen;
-      }
-      &.icon-warning {
-        color: darkred;
-      }
-
-    }
-    p {
-      display: inline;
-      margin: 0;
-      font-size: $font-size-large;
-      color: $gray-darker;
-    }
-    &.short {
-      width: 250px;
-      padding: 5px;
-      p {
-        position: relative;
-        top: 15px;
-        left: 5px;
-      }
-    }
-
-  }
-
-}

data/client/hippo/components/shared/resize-sensor.scss

@@ -1,30 +0,0 @@
-.hippo-resize-sensor {
-
-    position: relative;
-
-    .resize-triggers {
-        visibility: hidden;
-
-        &,
-        > div,
-        .contract-trigger:before {
-            content: " ";
-            display: block;
-            position: absolute;
-            top: 0;
-            left: 0;
-            height: 100%;
-            width: 100%;
-            overflow: hidden;
-        }
-
-        > div {
-            overflow: auto;
-        }
-
-        .contract-trigger:before {
-            width: 200%;
-            height: 200%;
-        }
-    }
-}

data/client/hippo/components/shared/styles.scss

@@ -1,64 +0,0 @@
-@import "./fields";
-@import "./fieldset";
-@import "./resize-sensor";
-@import "./overlay";
-@import "./image-asset";
-@import "./throbber";
-@import "hippo/vendor/styles/toggle";
-@import "hippo/vendor/styles/widgets";
-
-.record-finder {
-    .icon { cursor: pointer; }
-}
-
-.alert {
-    .icon {
-        margin-right: 5px;
-    }
-}
-
-.badge.count {
-    &.super {
-        padding: 2px 2px 0;
-        position: relative;
-        font-size: 70%;
-        top: -6px;
-        right: 5px;
-    }
-}
-
-.requesting-spinner {
-    @extend .icon;
-    @extend .icon-spinner;
-    @extend .icon-spin;
-    display: none;
-    &.active {
-        display: inline;
-    }
-}
-
-.job-executing {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    .progress { width: 100%; }
-}
-
-.icon {
-    &.with-action {
-        cursor: pointer;
-        &:hover{ text-shadow: 1px 2px 2px #666666; }
-    }
-}
-
-.hippo-panel-heading {
-    display: flex;
-    align-items: center;
-    .spacer {
-        flex: 1;
-    }
-    > *:not(.panel-title){
-        margin-left: 0.5rem;
-    }
-}

data/client/hippo/components/shared/throbber.scss

@@ -1,53 +0,0 @@
-$throbber-color: #dde2e7 !default;
-$throbber-highlight-color: #6b9dc8 !default;
-$throbber-height: 1.5em !default;
-$throbber-segment-width: 0.9em !default;
-$throbber-spacing: 0.7em !default;
-
-@mixin keyframes($name) {
-  @-webkit-keyframes #{$name} { @content }
-  @-moz-keyframes #{$name} { @content }
-  @-o-keyframes #{$name} { @content }
-  @keyframes #{$name} { @content }
-}
-
-@include keyframes(throbber) {
-  0%  { background: $throbber-color }
-  10% { background: $throbber-highlight-color }
-  40% { background: $throbber-color }
-}
-
-/* Styles for old versions of IE */
-.throbber {
-    font-family: sans-serif;
-    font-weight: 100;
-    animation: throbber 2000ms 300ms infinite ease-out;
-    background: $throbber-color;
-    display: inline-block;
-    position: relative;
-    text-indent: -9999px;
-    width: $throbber-segment-width;
-    height: $throbber-height;
-    margin: 0 ($throbber-segment-width + $throbber-spacing);
-
-    &:before,
-    &:after {
-        background: $throbber-color;
-        content: '\x200B';
-        display: inline-block;
-        width: $throbber-segment-width;
-        height: $throbber-height;
-        position: absolute;
-        top: 0;
-    }
-
-    &:before {
-        animation: throbber 2000ms 150ms infinite ease-out;
-        left: -($throbber-segment-width + $throbber-spacing);
-    }
-
-    &:after {
-        animation: throbber 2000ms 450ms infinite ease-out;
-        right: -($throbber-segment-width + $throbber-spacing);
-    }
-}