binda 0.1.3 → 0.1.4

data/app/assets/javascripts/binda/index.js

@@ -2,42 +2,56 @@
 /// INDEX OF BINDA'S SCRIPTS
 ///- - - - - - - - - - - - - - - - - - - -
 
-import { _FormItem }                 from './components/form_item'
-import { _FormItemRepeater }         from './components/form_item_repeater'
-import { _FormItemImage }            from './components/form_item_image'
-import { _FieldSettingChoices }      from './components/field_setting_choices'
-import { _FormItemEditor }           from './components/form_item_editor'
-import { _FileUpload }               from './components/fileupload'
-import { _Shader }                   from './components/login-shader'
-import { _LoginForm }                from './components/login_form'
-import setupSortable                 from './components/sortable'
-import setupFieldGroupEditor         from './components/field_group_editor'
-import setupBootstrap                from './components/bootstrap'
-import setupSelect2                  from './components/select2'
-import setupRadioToggle              from './components/radio-toggle'
+import { _FormItem } from "./components/form_item";
+import { _FormItemRepeater } from "./components/form_item_repeater";
+import { _FormItemImage } from "./components/form_item_image";
+import { _FieldSettingChoices } from "./components/field_setting_choices";
+import { _FormItemEditor } from "./components/form_item_editor";
+import { _FileUpload } from "./components/fileupload";
+import { _Shader } from "./components/login-shader";
+import { _LoginForm } from "./components/login_form";
+import setupSortable from "./components/sortable";
+import setupFieldGroupEditor from "./components/field_group_editor";
+import setupBootstrap from "./components/bootstrap";
+import setupSelect2 from "./components/select2";
+import setupRadioToggle from "./components/radio-toggle";
 
-$(document).ready( function()
-{
-	if ( _FormItem.isSet() )                 { _FormItem.setEvents() }
-	if ( _FormItemRepeater.isSet() )         { _FormItemRepeater.setEvents() }
-	if ( _FormItemImage.isSet() )            { _FormItemImage.setEvents() }
-	if ( _FieldSettingChoices.isSet() )      { _FieldSettingChoices.setEvents() }
-	if ( _FormItemEditor.isSet() )           { _FormItemEditor.setEvents() }
-	if ( _FileUpload.isSet() )               { _FileUpload.setEvents() }
-  if ( _LoginForm.isSet() )                { _LoginForm.init() }
-  if ( _Shader.isSet() ) 
-  {
-		_Shader.setup()
-		_Shader.start()
-  }
-	setupRadioToggle()
-	setupSortable()
-	setupFieldGroupEditor()
-	setupBootstrap()
-	setupSelect2()
-})
+$(document).ready(function() {
+	if (_FormItem.isSet()) {
+		_FormItem.setEvents();
+	}
+	if (_FormItemRepeater.isSet()) {
+		_FormItemRepeater.setEvents();
+	}
+	if (_FormItemImage.isSet()) {
+		_FormItemImage.setEvents();
+	}
+	if (_FieldSettingChoices.isSet()) {
+		_FieldSettingChoices.setEvents();
+	}
+	if (_FormItemEditor.isSet()) {
+		_FormItemEditor.setEvents();
+	}
+	if (_FileUpload.isSet()) {
+		_FileUpload.setEvents();
+	}
+	if (_LoginForm.isSet()) {
+		_LoginForm.init();
+	}
+	if (_Shader.isSet()) {
+		_Shader.setup();
+		_Shader.start();
+	}
+	setupRadioToggle();
+	setupSortable();
+	setupFieldGroupEditor();
+	setupBootstrap();
+	setupSelect2();
+});
 
 // handle event
 window.addEventListener("optimizedResize", function() {
-  if ( _Shader.isSet() ) { _Shader.resize() }
-});
+	if (_Shader.isSet()) {
+		_Shader.resize();
+	}
+});

data/app/assets/stylesheets/binda/components/assets_manager.scss

@@ -1,56 +1,47 @@
-#assets-manager-index
-{
+#assets-manager-index {
   display: none;
 }
 
-.assets-manager--list
-{
+.assets-manager--list {
   width: 100%;
   list-style: none;
 }
 
-.assets-manager--item
-{
+.assets-manager--item {
   position: relative;
   display: inline-block;
   margin-bottom: $font-size-base * 2;
   padding: $font-size-base / 2;
-  transition: all .3s ease-in-out;
+  transition: all 0.3s ease-in-out;
 
   @extend .box-shadowed;
 
-  &:hover
-  {
+  &:hover {
     @extend .box-shadowed-up;
   }
 }
 
-.assets-manager--image-buttons
-{
+.assets-manager--image-buttons {
   position: absolute;
   top: 8px;
   right: 8px;
 
-  a
-  {
+  a {
     display: block;
     margin: 3px;
     padding: 3px;
-    transition: opacity .3s ease-in;
-    opacity: .7;
+    transition: opacity 0.3s ease-in;
+    opacity: 0.7;
     background-color: #fff;
   }
-  a:hover
-  {
+  a:hover {
     opacity: 1;
   }
 }
 
-.assets-manager--selected
-{
+.assets-manager--selected {
   background-color: #aaa;
-  img
-  {
-    opacity: .7;
+  img {
+    opacity: 0.7;
   }
 }

data/app/assets/stylesheets/binda/components/b-alert.scss

@@ -1,24 +1,28 @@
-.b-alert
-{
-	width: 100%;
-	margin: 20px auto; 
+.b-alert {
+  width: 100%;
+  margin: 20px auto;
   color: $color-white;
   padding: 6px 12px;
- 
-  p
-  {
+
+  p {
     color: $color-white; // override default p color
-    margin-bottom: 0; 
+    margin-bottom: 0;
   }
 }
 
-.b-alert--success
-{
-  background-image: linear-gradient(to right, $color-success, lighten($color-success, 6%));
+.b-alert--success {
+  background-image: linear-gradient(
+    to right,
+    $color-success,
+    lighten($color-success, 6%)
+  );
 }
 
 .b-alert--danger,
-.b-alert--error
-{
-  background-image: linear-gradient(to right, $color-danger, lighten($color-danger, 6%));
+.b-alert--error {
+  background-image: linear-gradient(
+    to right,
+    $color-danger,
+    lighten($color-danger, 6%)
+  );
 }

data/app/assets/stylesheets/binda/components/b-btn.scss

@@ -1,106 +1,87 @@
-.b-btn-primary
-{
-  transition: background-color .3s ease-out;
+.b-btn-primary {
+  transition: background-color 0.3s ease-out;
   color: $color-white;
   border: 1px solid $color-gray-darker;
   background-color: #333;
 }
 
-.b-btn-primary
-{
-  &:hover
-  {
+.b-btn-primary {
+  &:hover {
     color: $color-white;
     border: 1px solid $color-gray;
     background-color: $color-gray;
   }
 
-  &:focus
-  {
+  &:focus {
     color: $color-white;
   }
 }
 
-.b-btn-danger
-{
-  transition: background-color .3s ease-out;
+.b-btn-danger {
+  transition: background-color 0.3s ease-out;
   color: $color-white;
   background-color: $color-danger;
 }
 
-.b-btn-danger
-{
-  &:hover
-  {
+.b-btn-danger {
+  &:hover {
     color: $color-white;
     background-color: darken($color-danger, 15%);
   }
 
-  &:focus
-  {
+  &:focus {
     color: $color-white;
   }
 }
 
-.b-btn-outline-danger
-{
-  transition: color .3s ease, background-color .3s ease;
+.b-btn-outline-danger {
+  transition: color 0.3s ease, background-color 0.3s ease;
   color: $color-danger;
   border: 1px solid $color-danger;
   background-color: transparent;
 }
 
-.b-btn-outline-danger
-{
-  &:hover
-  {
+.b-btn-outline-danger {
+  &:hover {
     color: $color-white;
     background-color: $color-danger;
   }
 
-  &:focus
-  {
+  &:focus {
     color: $color-white;
     background-color: $color-danger;
   }
 }
 
-.b-btn-alternative
-{
-  transition: background-color .3s ease-out;
+.b-btn-alternative {
+  transition: background-color 0.3s ease-out;
   color: $text-color;
   background-color: $color-white;
 }
 
-.b-btn-alternative
-{
-  &:hover
-  {
+.b-btn-alternative {
+  &:hover {
     color: $text-color;
     background-color: $color-gray-light;
   }
 }
 
-.b-btn
-{
+.b-btn {
   display: inline-block;
   padding: 6px 12px;
   cursor: pointer;
   border-radius: 0;
 
-  i
-  {
+  i {
     padding-right: 6px;
   }
 }
 
-.b-btn-settings
-{
+.b-btn-settings {
   margin-bottom: 12px;
 }
 
-.b-btn-block
-{
+.b-btn-block {
   display: block;
   float: left;
   clear: left;
@@ -111,4 +92,4 @@
 .b-btn--container {
   margin-top: 32px;
   margin-bottom: 40px;
-}
+}

data/app/assets/stylesheets/binda/components/field_setting_choices.scss

@@ -1,90 +1,75 @@
-.field-setting-choices
-{
+.field-setting-choices {
   position: relative;
   margin: 12px;
   margin-top: 0;
   background-color: $color-gray-lightest;
 
-  .form-control
-  {
+  .form-control {
     background-color: $color-white;
   }
 }
 
-.field-setting-choices--header
-{
+.field-setting-choices--header {
   position: relative;
   padding: 20px 12px 8px;
   border-top: 1px solid $color-gray-lightest;
 
-  p.control-label
-  {
+  p.control-label {
     margin: 0;
   }
 }
 
-.field-setting-choices--add-choice
-{
+.field-setting-choices--add-choice {
   float: right;
 }
 
-.form-item--editor .field-setting-choices--choice
-{
+.form-item--editor .field-setting-choices--choice {
   position: relative;
   clear: left;
 
-  .form-group
-  {
+  .form-group {
     padding-bottom: 0;
   }
 
-  &:last-child
-  {
+  &:last-child {
     margin-bottom: 16px;
     padding-bottom: 8px;
     border-bottom: 1px solid $color-gray-lightest;
   }
 
-  &:last-child .form-group
-  {
+  &:last-child .form-group {
     padding-bottom: 20px;
   }
 }
 
-.field-setting-choices--new-choice
-{
+.field-setting-choices--new-choice {
   display: none;
 }
 
 .field-setting-choices--choice-label,
-.field-setting-choices--choice-value
-{
+.field-setting-choices--choice-value {
   position: relative;
   float: left;
   width: calc(50% - 16px);
 }
 
 .field-setting-choices--delete-choice,
-.field-setting-choices--js-delete-choice
-{
+.field-setting-choices--js-delete-choice {
   position: absolute;
   top: 30px;
   right: 16px;
-  transition: color .3s;
+  transition: color 0.3s;
   color: $color-danger;
 
-  &:hover
-  {
+  &:hover {
     color: $color-danger-hover;
   }
 }
 
-.field-setting-choices--new-choice .field-setting-choices--delete-choice
-{
+.field-setting-choices--new-choice .field-setting-choices--delete-choice {
   display: none;
 }
 
-.field-setting-choices--allow-null
-{
+.field-setting-choices--allow-null {
   border-top: 1px solid $color-gray-lightest;
 }

data/app/assets/stylesheets/binda/components/fileupload.scss

@@ -1,19 +1,17 @@
 // see https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/
-.fileupload--preview
-{
+.fileupload--preview {
   position: relative;
   float: left;
   width: 120px;
   height: 120px;
   margin-right: 16px;
-  transition: all .5s ease;
+  transition: all 0.5s ease;
   border: 1px solid $color-gray-lighter;
   background-repeat: no-repeat;
   background-position: left top;
   background-size: contain;
 
-  p
-  {
+  p {
     position: absolute;
     top: 50%;
     left: 50%;
@@ -27,45 +25,37 @@
   }
 }
 
-.fileupload--preview--uploaded
-{
-  animation: fadePreview .6s ease-out;
+.fileupload--preview--uploaded {
+  animation: fadePreview 0.6s ease-out;
   border: 0;
 
-  p
-  {
+  p {
     display: none;
   }
 
   video {
-    display: block
+    display: block;
   }
 }
 
-@keyframes fadePreview
-{
-  from
-  {
-    opacity: .01;
+@keyframes fadePreview {
+  from {
+    opacity: 0.01;
   }
-  to
-  {
+  to {
     opacity: 1;
   }
 }
 
-.fileupload--dashboard
-{
+.fileupload--dashboard {
   float: left;
 
-  .control-label-wrap
-  {
+  .control-label-wrap {
     float: left;
   }
 }
 
-.fileupload input
-{
+.fileupload input {
   position: absolute;
   z-index: -1;
   overflow: hidden;
@@ -74,8 +64,7 @@
   opacity: 0;
 }
 
-.fileupload label.control-label
-{
+.fileupload label.control-label {
   @extend .b-btn;
   @extend .p;
   font-weight: 300;
@@ -83,46 +72,40 @@
   margin-bottom: 20px;
   cursor: pointer; /* "hand" cursor */
 
-  *
-  {
+  * {
     pointer-events: none;
   }
 
   // &.control-label--focus {
   //  outline: 1px dotted #000;
-  //  outline: -webkit-focus-ring-color auto 5px;   
+  //  outline: -webkit-focus-ring-color auto 5px;
   // }
 }
 
 // Override the real .from-group containing the input
-.fileupload .form-group
-{
+.fileupload .form-group {
   padding: 0;
   border: 0;
 }
 
-.fileupload--remove-image-btn
-{
+.fileupload--remove-image-btn {
   float: left;
-  transition: all .3s ease;
+  transition: all 0.3s ease;
   opacity: 1;
 }
 
-.fileupload--remove-image-btn--hidden
-{
+.fileupload--remove-image-btn--hidden {
   pointer-events: none;
   opacity: 0;
 }
 
-.fileupload--details
-{
+.fileupload--details {
   float: left;
-  transition: opacity .3s ease-out;
+  transition: opacity 0.3s ease-out;
   opacity: 1;
 }
 
-.fileupload--details--hidden
-{
+.fileupload--details--hidden {
   pointer-events: none;
   opacity: 0;
   width: 0; // Odd but needed, otherwise it occupies few transparent pixels...
@@ -135,4 +118,4 @@
 
 .standard-form--image .fileupload--videolink {
   display: none;
-}
+}