- Finaliza versão 1.0 Beta do GainTime

- Finaliza versão 1.0 Beta do GainTime

README.md

@@ -1,2 +1,59 @@
 # GainTime
- Administration panel. Simple and Fast.
+Painel administrativo. Simples e rápido.
+
+[Arquivos compilados do GainTime](https://github.com/GainTime/gainTime)
+
+### Instalação
+
+* Via git:
+    - Crie uma vendor:
+    ```
+    $ mkdir vendors; cd vendors
+    ```
+    - Faça o download:
+    ```
+    $ git submodule add https://github.com/GainTime/build-GainTime
+    ```
+    - Escolha a versão com a qual deseja trabalhar: `git checkout vx.y.z` (opcional)
+    ```
+    $ git checkout v0.2
+    ```        
+    ```
+    $ git checkout v0.2.1
+    ```
+    - Informe ao git pra usar aquela versão no submodulo, commitando sua "pasta"
+    - Pronto :smile:
+
+### Estrutura
+```
+.
+├── build
+│   ├── js
+│   │   └── gainTime.js
+│   └── scss
+│       ├── base
+│       │   ├── _base.scss
+│       │   ├── _mixins.scss
+│       │   └── _variables.scss
+│       ├── layouts
+│       │   ├── _footer.scss
+│       │   ├── _header.scss
+│       │   └── _sections.scss
+│       ├── modules
+│       │   ├── _buttons.scss
+│       │   ├── _colors.scss
+│       │   ├── _components.scss
+│       │   ├── _forms.scss
+│       │   └── _typography.scss
+│       └── GainTime.scss
+├── vendors
+│   └── jquery-2.1.4.min.js
+└── README.md
+```
+
+### Uso
+
+A estilização do GainTime foi escrita em [SASS](http://sass-lang.com/). Aqui está a [documentação do SASS](http://sass-lang.com/documentation/file.SASS_REFERENCE.html).
+
+### Vendors
+O GainTime utiliza [JQuery](https://jquery.com/)

src/assets/js/inputLabels.js → build/js/gainTime.js

@@ -1,3 +1,36 @@
+//Painel
+$('#me').on('click', function() {
+    $( "#menu" ).prop( "checked", false )
+    $('#me-menu').toggle('fast');
+});
+
+$(document).on('click', function(e) {
+    var target = $(e.target);
+    if (target.is("#me")||target.is('#me-menu')||(target.parents().is('#me'))) {
+        return true;
+    }
+    else {
+        $('#me-menu').fadeOut('fast');
+    }
+});
+
+//Ask Delete
+
+function askDelete(name, entity) {
+    if(confirm("Deseja deletar "+ entity +" \""+ name +"\" do sistema?")){
+        return true;
+    }
+    return false;
+}
+
+//Hide Messages
+
+setTimeout(function(){
+    $('.msg').fadeOut();
+}, 3000);
+
+// Inputs and Labels 
+
 $('document').ready(function() {
     $('input').each(function() {
         if ($(this).val().length < 1) {

src/scss/base/_base.scss → build/scss/base/_base.scss

@@ -44,12 +44,20 @@ a {
     float: left!important;
 }
 
-.invisible {
+.invisible, .sxs {
     display: none;
 }
 
+.visible {
+    display: inline;
+}
+
 @media (max-width: 767px) {
     .hxs {
         display: none;
     }
+
+    .sxs {
+        display: inline;
+    }
 }

src/scss/base/_variables.scss → build/scss/base/_variables.scss

@@ -1,20 +1,20 @@
-$header-height: 70px;
 $footer-height: 60px;
+$header-height: 70px;
 $menu-list: 5;
 
 $body-c: #F0F0F0;
 $box-c: #fff;
+$cancel-c: #EF4836;
+$delete-c: #F44336;
+$download-c: #7cb124;
+$edit-c: #2196f3;
 $fail-c: #F44336;
-$warning-c: #FCF8E3;
+$send-c: #2ECC71;
 $success-c: #7cb124;
-$btn-edit-color: #2196f3;
-$btn-delete-color: $fail-c;
-$btn-download-color: $success-c;
-$btn-send-color: #2ECC71;
-$btn-cancel-color: #EF4836;
-$btn-warning-color: #F5AB35;
+$wait-c: #F5AB35;
+$warning-c: #FCF8E3;
 
-//These colors are variations of the same color. These colors are used on footer 
+//These colors are variations of the same color. These colors are used on footer
 $base-c: #174368;
 $base-c2: #30618A;
 $base-c3: #5A8BB4;

src/scss/modules/_buttons.scss → build/scss/modules/_buttons.scss

@@ -18,16 +18,6 @@
         box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
     }
 
-    &.send {
-        background-color: $btn-send-color;
-    }
-    &.cancel {
-        background-color: $btn-cancel-color;
-    }
-    &.wait {
-        background-color: $btn-warning-color;
-    }
-
     &-radio {
         color: #1a1a1a;
         display: inline-block;
@@ -47,6 +37,10 @@
     }
 }
 
+.btn-lg {
+    padding: 13px;
+}
+
 .btn-add {
     float: right;
 }
@@ -65,15 +59,12 @@
     width: 35px;
 
     &.edit {
-        background-color: $btn-edit-color;
-        border: 1px solid $btn-edit-color;
+        border: 1px solid $edit-c;
     }
     &.del {
-        background-color: $btn-delete-color;
-        border: 1px solid $btn-delete-color;
+        border: 1px solid $delete-c;
     }
     &.download {
-        background-color: $btn-download-color;
-        border: 1px solid $btn-download-color;
+        border: 1px solid $download-c;
     }
 }

build/scss/modules/_colors.scss

@@ -0,0 +1,38 @@
+.fail {
+    background-color: $fail-c;
+}
+
+.success {
+    background-color: $success-c;
+}
+
+.warning {
+    background-color: $warning-c;
+    color: #1a1a1a;
+}
+
+/*For actions-btn*/
+.edit {
+    background-color: $edit-c;
+}
+
+.del {
+    background-color: $delete-c;
+}
+
+.download {
+    background-color: $download-c;
+}
+
+/*for buttons*/
+.send {
+    background-color: $send-c;
+}
+
+.cancel {
+    background-color: $cancel-c;
+}
+
+.wait {
+    background-color: $wait-c;
+}