update readme

README.md

@@ -1,14 +1,51 @@
-## Requirements
+coderockr
+====================
 
-- Working personal computer
-- Node.js
+## Setup
+### Requirements
 
-## Getting Started
+Node `"V7.10.1"` (use nvm [here](https://github.com/creationix/nvm)
 
-You can also `git clone`.
+### Install dependencies
+
+```
+coderockr
+├── README.md
+├── CNAME
+├── crossdomain.xml
+├── humans.txt
+├── Makefile
+├── robots.txt
+├── .gitignore
+├── dist
+│   └── index.html
+│   └── about.html
+│   └── contact.html
+│   └── bundle.min.js
+│   └── fonts
+│   └── images
+│   └── lib
+│   └── styles
+└── src
+    └── .babelrc
+    └── .editorconfig
+    └── .eslintrc
+    └── config.js
+    └── gulpfile.babel.js
+    └── node_modules
+    └── package-lock.json
+    └── package.json
+    └── site
+    └── tasks
+    └── yarn.lock
+```
 
 ### Install dependencies
 
+```bash
+cd src
+```
+
 ```bash
 yarn install
 ```
@@ -19,9 +56,9 @@ yarn install
 gulp
 ```
 
-## What's included?
+## Features
 
-### Technology
+### tecnlogias
 
 - [Gulp.js](http://gulpjs.com/) – Automate and enhance your workflow.
 - [BrowserSync](https://www.browsersync.io/) – Time-saving synchronised browser testing.

src/package.json

@@ -3,29 +3,17 @@
   "version": "1.0.0",
   "description": "Website Codercokr",
   "main": "gulpfile.babel.js",
-  "scripts": {
-    "lint": "eslint --format=node_modules/eslint-formatter-pretty . *.js",
-    "test": "ava"
-  },
   "author": "Codercokr",
   "license": "MIT",
   "devDependencies": {
     "autoprefixer": "^7.0.0",
-    "ava": "^0.18.0",
     "babel-core": "^6.21.0",
     "babel-eslint": "^7.1.1",
     "babel-preset-es2015": "^6.18.0",
     "babelify": "^7.3.0",
     "bootstrap": "4.0.0-alpha.5",
     "browser-sync": "^2.18.5",
     "browserify": "^14.0.0",
-    "eslint": "^3.12.2",
-    "eslint-config-airbnb-base": "latest",
-    "eslint-formatter-pretty": "^1.1.0",
-    "eslint-plugin-flowtype": "^2.29.2",
-    "eslint-plugin-flowtype-errors": "^3.0.0",
-    "eslint-plugin-import": "^2.2.0",
-    "eslint-plugin-jsx-a11y": "^4.0.0",
     "flow-bin": "latest",
     "gulp": "^3.9.1",
     "gulp-changed": "^2.0.0",

src/site/scripts/foto.js

@@ -0,0 +1,132 @@
+/* eslint-disable */
+import $ from 'jquery';
+
+function wizard() {
+
+  $(".input").focus(function(){
+    $(this).addClass("is-active is-completed");
+  });
+
+  $(".input").focusout(function(){
+    if($(this).val() === "") {
+      $(this).removeClass("is-completed");
+    }
+    $(this).removeClass("is-active");
+  })
+
+
+  $('[name="IsJob"]').on('change', function(event) {
+    if ($(this).val() == 2) {
+      $('.filter-on').css('display', 'none');
+      $('#trabaho_atual').attr('required', false);
+    } else {
+      $('.filter-on').css('display', 'table');
+      $('#trabaho_atual').attr('required', true);
+    }
+  });
+
+  $('#curso').on('change', function(event) {
+    let value = $(this).val();
+
+    if (value == '' || value == 0) {
+      $('.filter-university').css('display', 'none');
+      $('#Semester').attr('required', false);
+    } else {
+      $('.filter-university').css('display', 'table');
+      $('#Semester').attr('required', true);
+    }
+  });
+
+  const checkButtons = (activeStep, stepsCount) => {
+    const nextBtn = $('.wizard-next');
+    const submBtn = $('.wizard-subm');
+
+    switch (activeStep / stepsCount) {
+      case 0: // Primeiro Step
+        submBtn.hide();
+        nextBtn.show();
+        break;
+      case 1: // Ultimo Step
+        nextBtn.hide();
+        submBtn.show();
+        break;
+      default:
+        submBtn.hide();
+        nextBtn.show();
+    }
+  };
+
+  const setWizardHeight = (activeStepHeight) => {
+    $('.wizard-body').height(activeStepHeight);
+  };
+
+  let wizardSteps = $('.wizard-step');
+  let steps = $('.wizard-body .step');
+  let stepsCount = steps.length - 1;
+  let viewHeight = $(window).height();
+  let activeStep = 0;
+  let activeStepHeight = $(steps[activeStep]).height();
+
+  checkButtons(activeStep, stepsCount);
+  setWizardHeight(activeStepHeight);
+
+  $(window).resize(() => {
+    setWizardHeight($(steps[activeStep]).height());
+  });
+
+  const scrollWindow = (activeStepHeight, viewHeight) => {
+    if (viewHeight < activeStepHeight) {
+      $(window).scrollTop($(steps[activeStep]).offset().top - viewHeight / 2);
+    }
+  };
+
+  $('.button').click((e) => {
+    e.preventDefault();
+
+    var that = e;
+    const curInputs = $(steps[activeStep]).find('input[required=true], input[required=required],input[required="true"], input[type=radio],textarea, select');
+    let isValid = true;
+
+    $('#first-step-header').hide();
+    $('.input-group, .card').removeClass('-has-error');
+
+    // eslint-disable-next-line
+    for (let i = 0; i < curInputs.length; i++) {
+      if ( !curInputs[i].validity.valid || $(curInputs[i]).closest('.input-group').is('.-has-incomplete')) {
+        isValid = false;
+        $(curInputs[i]).closest('.input-group').addClass('-has-error');
+        $(curInputs[i]).closest('.card').addClass('-has-error');
+      }
+    }
+
+    if (isValid) {
+      if (that.target.id === 'wizard-subm') {
+        $('button').html('Aguarde, enviando').attr('disabled', 'disabled').addClass('load');
+        setTimeout(function(){
+        $('form').submit();
+        }, 5000)
+      }else{
+        $(steps[activeStep]).removeClass('inital').addClass('off').removeClass('active');
+        $(wizardSteps[activeStep]).removeClass('site-nav__current');
+
+        activeStep += 1;
+
+        if (activeStep === 2) {
+          $('.wizard-body').css('overflow', 'hidden');
+        }
+
+        $(steps[activeStep]).addClass('active');
+        $(wizardSteps[activeStep]).addClass('site-nav__current');
+        activeStepHeight = $(steps[activeStep]).height();
+        setWizardHeight(activeStepHeight);
+        checkButtons(activeStep, stepsCount);
+        scrollWindow(activeStepHeight, viewHeight);
+      }
+    }else{
+      $(window).scrollTop($('.-has-error').eq(0).offset().top);
+      $('.-has-error').eq(0).find('input').focus();
+    }
+  });
+}
+
+export default foto();