From 23868b60ee82a991eb17edcfbc93eb0f7c05b6d1 Mon Sep 17 00:00:00 2001
From: Jose Pabl Domingo Aramburo Sanchez <josepablo.aramburo@gmail.com>
Date: Thu, 9 Aug 2018 01:28:36 -0600
Subject: [PATCH] [add] Login functionality

---
 api-payroll/public/css/login.css              |  81 ++++++++++++++++++
 api-payroll/public/html/login.php             |  25 ++++++
 .../public/imagenes/grey_background.jpg       | Bin 0 -> 33373 bytes
 .../public/imagenes/login_password.png        | Bin 0 -> 1618 bytes
 .../public/imagenes/login_username.png        | Bin 0 -> 1828 bytes
 api-payroll/public/js/login.js                |  28 ++++++
 6 files changed, 134 insertions(+)
 create mode 100644 api-payroll/public/css/login.css
 create mode 100644 api-payroll/public/html/login.php
 create mode 100644 api-payroll/public/imagenes/grey_background.jpg
 create mode 100644 api-payroll/public/imagenes/login_password.png
 create mode 100644 api-payroll/public/imagenes/login_username.png
 create mode 100644 api-payroll/public/js/login.js

diff --git a/api-payroll/public/css/login.css b/api-payroll/public/css/login.css
new file mode 100644
index 0000000..c8b4eae
--- /dev/null
+++ b/api-payroll/public/css/login.css
@@ -0,0 +1,81 @@
+body {
+    background: url(../imagenes/grey_background.jpg);
+    background-size: cover;
+    font-family: Montserrat;
+}
+@media only screen and (min-device-width: 480px) {
+    body {
+        background: url('../imagenes/grey_background.jpg') no-repeat fixed center center;
+    }
+}
+.logo {
+    width: 213px;
+    height: 60px;
+    margin: 30px auto;
+}
+.login-block {
+    width: 320px;
+    padding: 20px;
+    background: #fff;
+    border-radius: 5px;
+    border-top: 5px solid #bdb035;
+    margin: 0 auto;
+}
+.login-block h1 {
+    text-align: center;
+    color: #000;
+    font-size: 18px;
+    text-transform: uppercase;
+    margin-top: 0;
+    margin-bottom: 20px;
+}
+.login-block input {
+    width: 100%;
+    height: 42px;
+    box-sizing: border-box;
+    border-radius: 5px;
+    border: 1px solid #ccc;
+    margin-bottom: 20px;
+    font-size: 14px;
+    font-family: Montserrat;
+    padding: 0 20px 0 50px;
+    outline: none;
+}
+.login-block input#user {
+    background: #fff url('../imagenes/login_username.png') 20px top no-repeat;
+    background-size: 16px 80px;
+}
+.login-block input#user:focus {
+    background: #fff url('../imagenes/login_username.png') 20px bottom no-repeat;
+    background-size: 16px 80px;
+}
+.login-block input#password {
+    background: #fff url('../imagenes/login_password.png') 20px top no-repeat;
+    background-size: 16px 80px;
+}
+.login-block input#password:focus {
+    background: #fff url('../imagenes/login_password.png') 20px bottom no-repeat;
+    background-size: 16px 80px;
+}
+.login-block input:active, .login-block input:focus {
+    border: 1px solid #bdb035;
+}
+.login-block #loginButon {
+    width: 100%;
+    height: 40px;
+    background: #bdb035;
+    box-sizing: border-box;
+    border-radius: 5px;
+    border: 1px solid #6d661c;
+    color: #fff;
+    font-weight: bold;
+    text-transform: uppercase;
+    font-size: 14px;
+    font-family: Montserrat;
+    outline: none;
+    cursor: pointer;
+}
+.login-block button:hover {
+    background: #c7b935;
+    border: 1px solid #6d661c;
+}
\ No newline at end of file
diff --git a/api-payroll/public/html/login.php b/api-payroll/public/html/login.php
new file mode 100644
index 0000000..e9e43c4
--- /dev/null
+++ b/api-payroll/public/html/login.php
@@ -0,0 +1,25 @@
+<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
+
+
+<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
+<div class="container">
+    <div class="logo"></div>
+    <div class="login-block">
+        <form action="" method="post" name="Login_Form" class="login">
+            <h1>Login</h1>
+            <input type="text" value="" placeholder="User" id="userName" name="user" required="" autofocus=""/>
+            <input type="password" value="" placeholder="Password" id="password" name="password" required=""/>
+            <a href="#" class="btn btn-lg btn-warning btn-default" id="loginButon" name="login" value="Login" onclick="processLogin();">Login</a>
+        </form>
+    </div>
+</div>
+
+<div id="modals">
+
+</div>
+
+<script src="../js/login.js"></script>
+<link href="../css/login.css" rel="stylesheet">
\ No newline at end of file
diff --git a/api-payroll/public/imagenes/grey_background.jpg b/api-payroll/public/imagenes/grey_background.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..eac6adba1c30b369414809ac7c43ad3dcc718c0d
GIT binary patch
literal 33373
zcmeIwIZPB$9LMqhn}c1@g5grJP%d35NR~s<LIcR^QV>BrD?mlCFaZ(J#6<9>!&^I0
z@#s+TszmYZ@C0ncTPyI^!u1U*HWo$-o9~<a^ZuE6?@fL)pHOe;u|yUGf&o!VNvXah
zG$57v4OJB)!C<O*MZ}VLWsB0?Y+Vz7_5t1dlsSCg(7j(75~b%tUG6B=<?i`4FDR>8
zTbovxUoyEaBP}b<@0ZXc$#dU3s^K0ossr53q08cUt!&R`QzeSwDAQ4)ZkeP5*gwwJ
zIfjQaOv?`Qc*7&c=mnjTVkpxzEYr3vORwIfpNr+#Q3?K>u;`*PPhxdUdSgqgHz~KH
zE4H|2Fgc^VrYSrkZru0@@hMZL`lh93W=)@wJ#$vx-2A}2`N4vPC5sj>S-Ncbij}J>
zR##T7Sy#KhuD)Tz#w}a7ZQrqTSM%;Yd-v@>aPZLKwj)Q6wI4rm^3>@wXFJcGzi{!=
zm8;#?uHU$M>-L?y_wGM<*xT1X@Z{;U=PzEqdi`eT?Ys9MK7RWA<*S=Zi8=Dg{+P?r
zxeUuPEsvW^8TGnM$FdXrVNp3np0eub#PmjQOm0hSM^|`KM)6>5c}-75Tyo|>%8(mv
zIN9F?Yx<{TBf);>>X)&m(m&61WR84m_q8<(#W%nJ1~7mD3}65Q7{CAqFn|FJU;qOc
zzyJm?fB_6(00S7n00uCC0SsUO0~o*n1~7mD3}65Q7{CAqFn|FJU;qOczyJm?fB_6(
z00S7n00uCC0SsUO0~o*n1~7mD3}65Q7{CAqFn|FJU;qOczyJm?fB_6(00S7n00uCC
z0SsUO0~o*n1~7mD3}65Q7{CAqFn|FJU;qOczyJm?fB_6(00S7n00uCCf&XnF)b|~>
C4<JbZ

literal 0
HcmV?d00001

diff --git a/api-payroll/public/imagenes/login_password.png b/api-payroll/public/imagenes/login_password.png
new file mode 100644
index 0000000000000000000000000000000000000000..b675d6ed57728488773b099ede4fc8ff1fac6b47
GIT binary patch
literal 1618
zcmeAS@N?(olHy`uVBq!ia0vp^3P8MogAGXLp32h!Qj#UE5hcO-X(i=}MX3yqDfvmM
z3ZA)%>8U}fi7AzZCsS=07?@QuLn2Bde0{8v^K<nQL2C3WatnaE85nHrD+&^mvr|hH
zl2X$%^K6yg@7}MZkeOnu6mIHk;9KCFnvv;IRg@ZB<rk7%m7Q#vqGWHUU{hfQG$1#%
zBvGLvHz%*ys=`(YY_1iM4HDK@QUEI{$+lI3I4Z(7K*2e`C{@8!&saCvz|c^^%uLVF
z#MI2pP)EVYz|ctF0Eo<V4Na^}&8&>f6`()~Xj@TAnpKdC8`Lf!&sHg;q@=(~U%$M(
zT(8_%FTW^V-_X+15@d#vkuFe$ZgFK^Nn(X=Ua>OF1ees}<f6=ilFa-(1(1n}N%^HE
zwn{*kLcEY$05>+T7#d8#0MoBXEYLU9GXQxBrqI_HztY@Xxa#7Ppj3o=u^L<)Qdy9y
zACy|0Us{w5jJPyqkW~d%&PAz-CHX}m`T04pPz=b(FUc>?$S+WE4mMNJ@J&q4%mWE%
zf_3=%T6yLbmn7yTr+T{BDgn*V%gju%ayD~xv2-ytaJF<dF*I~Fu{5!8b#XO!Gcs~A
za<MQsf$4S0PcF?(%`1WFO+n~2#HkmQ7;+1MHoK%2WtOF;xE1B+Du6w0m5I|WCayTm
zgX&Ge=@t_=oO<<vj?o82EmBm&gn;P>#DphYAP1iGQ}cl7y$G1F!zP(1GcYh6@pN$v
zskrrK*4}IpM~P$ak7zAYQryPX#NwHoGx?ZPQj}uCPA<iz8@FumWHOUGvSDS8PEd#E
z?DeN!{ACtmQG6+6!_#!v@!I{C?+Ws>Z|{EdMsH^=o7}w#b7z0w{{GFGH>&=oU5mUX
zzV%xAK#hTs!-0WGpn-u!0nBV=j@f&n{g6S)gT>3NzrB{-(rDJKVDYA8P1g4Nyq^DN
ze2}|qzx=e>ET*Kh)(j_?a~i)Z&JfpKD8Hh!?SgTM_)f=o#*gQu8BWd@wo?kfXPz;Q
z<!o^6oheo)wtuVfz3@CZi-GN(`X49riz?0M)W6hw{%GL4VEapcNi1ulYP`Q!-4#m?
zF^<(Qrq!B#HImsL@%m9^?$_E^%nurmuGM4M7bWwFvEXjf;>&M*4$J@k*tUJ{1joJq
z9anx>Yf&b-spnNoyX4a~!6)54MJ>*JSk@jqmo-yrYVVuKRdMeg-*|WIEpKtg5kC2H
z5&z=y+bhExwL@3O<W8!0_79NX)pqPc`8wWb8+o4RH2>^jyO6sj=lRhbIR<61_<&Dr
zziQuHkUY!0z|{8YV{NVT?FEOQ)l9VH*ZH|9Hv05prgv+fua~|2JL7!Ao$lkW&oJh!
z-1)YI^{;Vl;r_?B&c}RXY?gTcR$uL{+2S?#*<VRMyQB5S<jVGBw6I5t1{m|m*6zQL
zjb>!MR$tSy_069amG>w7Ia=!N6;JN|B+T^iyuZgM<2olH6aTN4kJXp>SJ^8v&;KB7
z^rFV;zi^$?uiu}A)zr#$*PQf!5w)?-Y1zU3^CviZKT=PTOns%kWRmJv;h>u*<}H=`
zAY5b)lz*qUcm9VJA#01~&bPVde`4#TpPZVN%u{dppO`cKf`5j$E=aKEPYc_{$90Fc
s%?>>Fp81n77fSkJ5^%_SyPtuXp+!tAcJJ5BL!eUL)78&qol`;+0AJT(1ONa4

literal 0
HcmV?d00001

diff --git a/api-payroll/public/imagenes/login_username.png b/api-payroll/public/imagenes/login_username.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ecf25d03ed162f1e1e3022f1015601b0a0b0be1
GIT binary patch
literal 1828
zcmaJ=c~BE)6kiS{0Wk=80E(NSpo8QhBqRbc$p)bs!GJX*f-K1b5waVT)g;yiuqYly
z#k&eZ(2iq0Diy^Gu&5vicx&qn^(YD>MHH1w(QYUpe`t4h_j}))_xru~zW4h!MlYD_
z?C9wT0DyC31SBU`koby7qlv$!4xL3T9=KG2$6(300oEaaNQEUKV5A04LF5RmGOegZ
zLIA*SnmSg2D`fKpN=!qCtub_?MoXXpAVg@?!pbxR2a}K#H5y9mxKK$0)v8e1;vgAQ
zrj;P6>WI}kBxd!3Smo+8C0|7ohJhhQ0YRWaa2Pad(owy@7)l%96%e-7&7gq;A$VFS
z?Z2WFvS?6(=@2l89vGlxvRELOOJ{L{xLnpOkj-SV8BF5k2Cz7SAg+MT0|y@(kxi#c
z7RaIS!Cb^Hl$MI)S^<M$Fc|2DKsu&NVX*jozLkT`4j>`|^d=OCjRC0MXNUnp^h%vt
zi>omdv@*g;*h)N<MpXJ=3mWY(Evg?pCgQ*tMp(;W(V5nkh5}`>{}0t@hNJbk9Qj=D
z7m4+;CN08{BYJG5PDu<d*~gknE0E|A7{_$67?wVCiqWYUj_Fe|EhvfMf-_{WQjJ<2
zGY1ednIIC?<1ng3BB4+k!9iE6RRRfD1o0t`M8cPFSS%@r&k2@7QeHTlEoMW(JkAgn
z!jvmD2#OD3RiClYSFu(xXtYFT2+^rmA*yg4rU3_<7O1~a3o&RSt>o)`gILuUY8k{z
zzgi1}D28Dj?TAqixd{DO&0*mZn_=lAD4};9A?(sgT{Xmg*&PXqVvP^~**81YT{OA6
zW7=|eP3ftH)FsoGN4t70JhAAmI4{C|%}G{WR&L^sMsd3PSPp7w=!M$vlJ+I!uI&hC
zk=Axi2xGSJI@?!VC`(_}m0T{V$l5A2@B%+QYDi0Y;(venY4Pmq`QrVX0ecXzA<Y47
zT`~vE(kVs$^L!q4zaJM~<XW1)EK0KD=Ghh#<964gQWFn)I*K&DHCh~W$3mInaLtes
zbE%oK_k*8kwB>3vuhd3R^QgXcevz!~`b;L7Cn~fYXI=hKPl{wv|H|P?QY^Q2AI{W&
z%>RTYp5cf02a%#I=b|&@{iQL?DkH1GR#LEsG_igvXKMVhELY{dq`F`7&IH)l$F(0H
zb;+xG7oAeP%wtP#u~VkHI$`q_QPWmB;OmhS0Ccg!bT-UJH`G1u7~|@h_?m*i%S|^u
zfwBYqgqHo1_3uMw_Qt1r<KCKOvrQ9TDGDBwyMH(+*C^V{CwGnW<vp8mV~fXP%0cu%
zcS6+*Zf(V!>pdpNhm;M5`#{9mDNm;1*@xp^^)C_cJbPpF(sl~J#rIFNl~ZclH@aOk
zwOein){f1NTa)N)dHrro_j;+l=W~zW0v*RWWv)*Sn<{a##H4cW*By80FAxR)o;N8q
ze~T{=`||0<pWuog>m1^jmf!3cpIyEtonr44h<bS^cT#S$avlgz%?=Z_S?o%DfN$*H
z9&k#VI0L(IF|+s+HT!6NiD&<VVxN=iY8xsmcU+#{<2%=q(-L{dJzaS*xpisE+``In
zDChYm+cDwZVWyo$9l0xjqqIF6L+bpi51fsA?OOe-f@!LB56Jb(I+D@zZP%4P_)wX0
zq!LDmVuabekljmmO5op$QoQo-?IGv=Q5QvWF_^`^Wu0!tGPAjAFZ{9150ZDA#f_$>
zsNlBA-#yz_$UIVUx{!I#_Kkn1+di7`NyZDmD-+u0m1vs!$mia@FpFQlIn=yTNPT$z
zwOgm6q1n$q+e=8L61i;P4nL^seBm}?0^j=zseKW|e*3mUm)zt1*{ug_qb9A};P9%B
zDx`XzZuWyRs6zN}oMUGslDh0F=po<2u0>6nRo~d@ww6uM{v1P4P<qL?G92EMoeSQ)
zHA~InnA^SNlEhB)%<YBISk2H?80=bL_joH{2UuQj+HtID7I8xXAX2&jIw4M6`!DSm
BvIYPE

literal 0
HcmV?d00001

diff --git a/api-payroll/public/js/login.js b/api-payroll/public/js/login.js
new file mode 100644
index 0000000..55b9d60
--- /dev/null
+++ b/api-payroll/public/js/login.js
@@ -0,0 +1,28 @@
+function getbaseUrl(uriPath){
+    var url = window.location.href;
+    return url.substring(0, url.indexOf(uriPath));
+}
+
+function processLogin() {
+console.log(getbaseUrl('html/'));
+    var parametros = {
+        "userName":$('#userName').val(),
+        "password":$('#password').val()
+    };
+
+    $.ajax({
+        url: getbaseUrl('/html/') + '/index.php/api/session/login',
+        type: 'POST',
+        dataType: 'json',
+        data: parametros,
+        success:function(data){
+            console.log(JSON.stringify(data))
+
+
+        },
+        error:function(x,e,h) {
+                console.log(x);
+                console.log(e + " " + h);
+        },
+    });
+}
\ No newline at end of file