![\\\"Avatar\\\"](\\\"../assets/images/xs/avatar2.jpg\\\" "\\\\"\\\\""){kind=avatar}
\\r\\n ![\\\"Avatar\\\"](\\\"../assets/images/xs/avatar5.jpg\\\" "\\\\"\\\\""){kind=avatar}
\\r\\n ![\\\"Avatar\\\"](\\\"../assets/images/xs/avatar6.jpg\\\" "\\\\"\\\\""){kind=avatar}
\\r\\n ![](\\\"../assets/sreeb.png\\\")
Sreeb![](\\\"../assets/sanela.png\\\")
Sanela\\r\\n
\"","module.exports = \"\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n Change Password
\\r\\n\\r\\n {{notify}}
\\r\\n \\r\\n \\r\\n
\\r\\n\"","module.exports = \"\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Clients
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | Sl No | \\r\\n{{i+1}} | \\r\\nClient | \\r\\n{{row.name}} | \\r\\nAddress 1 | \\r\\n{{row.address1}} | \\r\\nAddress 2 | \\r\\n{{row.address2}} | \\r\\nAddress 3 | \\r\\n{{row.address3}} | \\r\\nStatus | \\r\\n{{row.status}} | \\r\\n
|---|
\\r\\n
\"","module.exports = \"\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Dash board
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Users\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Time Sheet\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n {{td.submittedTimeSheet}}
\\r\\n \\r\\n \\r\\n Reports\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{td.submittedLeaves}}
\\r\\n \\r\\n \\r\\n Leaves\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n = 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122)\\\"\\r\\n onkeydown=\\\"return(event.ctrlKey==17 && event.keyCode==86)\\\">\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n = 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122)\\\"\\r\\n onkeydown=\\\"return(event.ctrlKey==17 && event.keyCode==86)\\\">\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n Projects\\r\\n\\r\\n
\\r\\n No Data Found
\\r\\n\\r\\n Utilization\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n No Data Found
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n Date wise worked projects\\r\\n\\r\\n {{project.name}}
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
No Data Found
\\r\\n\\r\\n\\r\\n Status\\r\\n\\r\\n \\r\\n \\r\\n
No Data Found
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n Date wise Status\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n Submitted
\\r\\n Approved
\\r\\n Rejected
\\r\\n
No Data Found
\\r\\n| Name | \\r\\nPosition | \\r\\nOffice | \\r\\nAge | \\r\\nStart date | \\r\\nSalary | \\r\\n
|---|---|---|---|---|---|
| Tiger Nixon | \\r\\nSystem Architect | \\r\\nEdinburgh | \\r\\n61 | \\r\\n2011/04/25 | \\r\\n$320,800 | \\r\\n
| Garrett Winters | \\r\\nAccountant | \\r\\nTokyo | \\r\\n63 | \\r\\n2011/07/25 | \\r\\n$170,750 | \\r\\n
| Ashton Cox | \\r\\nJunior Technical Author | \\r\\nSan Francisco | \\r\\n66 | \\r\\n2009/01/12 | \\r\\n$86,000 | \\r\\n
| Cedric Kelly | \\r\\nSenior Javascript Developer | \\r\\nEdinburgh | \\r\\n22 | \\r\\n2012/03/29 | \\r\\n$433,060 | \\r\\n
| Airi Satou | \\r\\nAccountant | \\r\\nTokyo | \\r\\n33 | \\r\\n2008/11/28 | \\r\\n$162,700 | \\r\\n
| Brielle Williamson | \\r\\nIntegration Specialist | \\r\\nNew York | \\r\\n61 | \\r\\n2012/12/02 | \\r\\n$372,000 | \\r\\n
| Herrod Chandler | \\r\\nSales Assistant | \\r\\nSan Francisco | \\r\\n59 | \\r\\n2012/08/06 | \\r\\n$137,500 | \\r\\n
| Rhona Davidson | \\r\\nIntegration Specialist | \\r\\nTokyo | \\r\\n55 | \\r\\n2010/10/14 | \\r\\n$327,900 | \\r\\n
| Colleen Hurst | \\r\\nJavascript Developer | \\r\\nSan Francisco | \\r\\n39 | \\r\\n2009/09/15 | \\r\\n$205,500 | \\r\\n
| Sonya Frost | \\r\\nSoftware Engineer | \\r\\nEdinburgh | \\r\\n23 | \\r\\n2008/12/13 | \\r\\n$103,600 | \\r\\n
| Jena Gaines | \\r\\nOffice Manager | \\r\\nLondon | \\r\\n30 | \\r\\n2008/12/19 | \\r\\n$90,560 | \\r\\n
| Quinn Flynn | \\r\\nSupport Lead | \\r\\nEdinburgh | \\r\\n22 | \\r\\n2013/03/03 | \\r\\n$342,000 | \\r\\n
| Charde Marshall | \\r\\nRegional Director | \\r\\nSan Francisco | \\r\\n36 | \\r\\n2008/10/16 | \\r\\n$470,600 | \\r\\n
| Haley Kennedy | \\r\\nSenior Marketing Designer | \\r\\nLondon | \\r\\n43 | \\r\\n2012/12/18 | \\r\\n$313,500 | \\r\\n
| Tatyana Fitzpatrick | \\r\\nRegional Director | \\r\\nLondon | \\r\\n19 | \\r\\n2010/03/17 | \\r\\n$385,750 | \\r\\n
| Michael Silva | \\r\\nMarketing Designer | \\r\\nLondon | \\r\\n66 | \\r\\n2012/11/27 | \\r\\n$198,500 | \\r\\n
| Paul Byrd | \\r\\nChief Financial Officer (CFO) | \\r\\nNew York | \\r\\n64 | \\r\\n2010/06/09 | \\r\\n$725,000 | \\r\\n
| Gloria Little | \\r\\nSystems Administrator | \\r\\nNew York | \\r\\n59 | \\r\\n2009/04/10 | \\r\\n$237,500 | \\r\\n
| Bradley Greer | \\r\\nSoftware Engineer | \\r\\nLondon | \\r\\n41 | \\r\\n2012/10/13 | \\r\\n$132,000 | \\r\\n
| Dai Rios | \\r\\nPersonnel Lead | \\r\\nEdinburgh | \\r\\n35 | \\r\\n2012/09/26 | \\r\\n$217,500 | \\r\\n
| Jenette Caldwell | \\r\\nDevelopment Lead | \\r\\nNew York | \\r\\n30 | \\r\\n2011/09/03 | \\r\\n$345,000 | \\r\\n
| Yuri Berry | \\r\\nChief Marketing Officer (CMO) | \\r\\nNew York | \\r\\n40 | \\r\\n2009/06/25 | \\r\\n$675,000 | \\r\\n
| Caesar Vance | \\r\\nPre-Sales Support | \\r\\nNew York | \\r\\n21 | \\r\\n2011/12/12 | \\r\\n$106,450 | \\r\\n
| Doris Wilder | \\r\\nSales Assistant | \\r\\nSydney | \\r\\n23 | \\r\\n2010/09/20 | \\r\\n$85,600 | \\r\\n
| Angelica Ramos | \\r\\nChief Executive Officer (CEO) | \\r\\nLondon | \\r\\n47 | \\r\\n2009/10/09 | \\r\\n$1,200,000 | \\r\\n
| Gavin Joyce | \\r\\nDeveloper | \\r\\nEdinburgh | \\r\\n42 | \\r\\n2010/12/22 | \\r\\n$92,575 | \\r\\n
| Jennifer Chang | \\r\\nRegional Director | \\r\\nSingapore | \\r\\n28 | \\r\\n2010/11/14 | \\r\\n$357,650 | \\r\\n
| Brenden Wagner | \\r\\nSoftware Engineer | \\r\\nSan Francisco | \\r\\n28 | \\r\\n2011/06/07 | \\r\\n$206,850 | \\r\\n
| Fiona Green | \\r\\nChief Operating Officer (COO) | \\r\\nSan Francisco | \\r\\n48 | \\r\\n2010/03/11 | \\r\\n$850,000 | \\r\\n
| Shou Itou | \\r\\nRegional Marketing | \\r\\nTokyo | \\r\\n20 | \\r\\n2011/08/14 | \\r\\n$163,000 | \\r\\n
| Michelle House | \\r\\nIntegration Specialist | \\r\\nSydney | \\r\\n37 | \\r\\n2011/06/02 | \\r\\n$95,400 | \\r\\n
| Suki Burks | \\r\\nDeveloper | \\r\\nLondon | \\r\\n53 | \\r\\n2009/10/22 | \\r\\n$114,500 | \\r\\n
| Prescott Bartlett | \\r\\nTechnical Author | \\r\\nLondon | \\r\\n27 | \\r\\n2011/05/07 | \\r\\n$145,000 | \\r\\n
| Gavin Cortez | \\r\\nTeam Leader | \\r\\nSan Francisco | \\r\\n22 | \\r\\n2008/10/26 | \\r\\n$235,500 | \\r\\n
| Martena Mccray | \\r\\nPost-Sales support | \\r\\nEdinburgh | \\r\\n46 | \\r\\n2011/03/09 | \\r\\n$324,050 | \\r\\n
| Unity Butler | \\r\\nMarketing Designer | \\r\\nSan Francisco | \\r\\n47 | \\r\\n2009/12/09 | \\r\\n$85,675 | \\r\\n
| Howard Hatfield | \\r\\nOffice Manager | \\r\\nSan Francisco | \\r\\n51 | \\r\\n2008/12/16 | \\r\\n$164,500 | \\r\\n
| Hope Fuentes | \\r\\nSecretary | \\r\\nSan Francisco | \\r\\n41 | \\r\\n2010/02/12 | \\r\\n$109,850 | \\r\\n
| Vivian Harrell | \\r\\nFinancial Controller | \\r\\nSan Francisco | \\r\\n62 | \\r\\n2009/02/14 | \\r\\n$452,500 | \\r\\n
| Timothy Mooney | \\r\\nOffice Manager | \\r\\nLondon | \\r\\n37 | \\r\\n2008/12/11 | \\r\\n$136,200 | \\r\\n
| Jackson Bradshaw | \\r\\nDirector | \\r\\nNew York | \\r\\n65 | \\r\\n2008/09/26 | \\r\\n$645,750 | \\r\\n
| Olivia Liang | \\r\\nSupport Engineer | \\r\\nSingapore | \\r\\n64 | \\r\\n2011/02/03 | \\r\\n$234,500 | \\r\\n
| Bruno Nash | \\r\\nSoftware Engineer | \\r\\nLondon | \\r\\n38 | \\r\\n2011/05/03 | \\r\\n$163,500 | \\r\\n
| Sakura Yamamoto | \\r\\nSupport Engineer | \\r\\nTokyo | \\r\\n37 | \\r\\n2009/08/19 | \\r\\n$139,575 | \\r\\n
| Thor Walton | \\r\\nDeveloper | \\r\\nNew York | \\r\\n61 | \\r\\n2013/08/11 | \\r\\n$98,540 | \\r\\n
| Finn Camacho | \\r\\nSupport Engineer | \\r\\nSan Francisco | \\r\\n47 | \\r\\n2009/07/07 | \\r\\n$87,500 | \\r\\n
| Serge Baldwin | \\r\\nData Coordinator | \\r\\nSingapore | \\r\\n64 | \\r\\n2012/04/09 | \\r\\n$138,575 | \\r\\n
| Zenaida Frank | \\r\\nSoftware Engineer | \\r\\nNew York | \\r\\n63 | \\r\\n2010/01/04 | \\r\\n$125,250 | \\r\\n
| Zorita Serrano | \\r\\nSoftware Engineer | \\r\\nSan Francisco | \\r\\n56 | \\r\\n2012/06/01 | \\r\\n$115,000 | \\r\\n
| Jennifer Acosta | \\r\\nJunior Javascript Developer | \\r\\nEdinburgh | \\r\\n43 | \\r\\n2013/02/01 | \\r\\n$75,650 | \\r\\n
| Cara Stevens | \\r\\nSales Assistant | \\r\\nNew York | \\r\\n46 | \\r\\n2011/12/06 | \\r\\n$145,600 | \\r\\n
| Hermione Butler | \\r\\nRegional Director | \\r\\nLondon | \\r\\n47 | \\r\\n2011/03/21 | \\r\\n$356,250 | \\r\\n
| Lael Greer | \\r\\nSystems Administrator | \\r\\nLondon | \\r\\n21 | \\r\\n2009/02/27 | \\r\\n$103,500 | \\r\\n
| Jonas Alexander | \\r\\nDeveloper | \\r\\nSan Francisco | \\r\\n30 | \\r\\n2010/07/14 | \\r\\n$86,500 | \\r\\n
| Shad Decker | \\r\\nRegional Director | \\r\\nEdinburgh | \\r\\n51 | \\r\\n2008/11/13 | \\r\\n$183,000 | \\r\\n
| Michael Bruce | \\r\\nJavascript Developer | \\r\\nSingapore | \\r\\n29 | \\r\\n2011/06/27 | \\r\\n$183,000 | \\r\\n
| Donna Snider | \\r\\nCustomer Support | \\r\\nNew York | \\r\\n27 | \\r\\n2011/01/25 | \\r\\n$112,000 | \\r\\n
| Name | \\r\\nPosition | \\r\\nOffice | \\r\\nAge | \\r\\nStart date | \\r\\nSalary | \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\"","module.exports = \"\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n\"","module.exports = \"\\r\\n\\r\\n\\r\\n
\\r\\n\"","module.exports = \"\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n Departments
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n
- Departments \\r\\n
- Add \\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\"","module.exports = \"\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n Oops,
\\r\\n
\\r\\n Oops,
Forgot Something?
\\r\\n Type Your Email and Mobile number to recover password.
\\r\\n \\r\\n\\r\\n
\"","module.exports = \"\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Holidays
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | DAY | \\r\\nDATE | \\r\\nHOLIDAY | \\r\\n
|---|---|---|
| {{HL.day}} | \\r\\n{{HL.holidayDate}} | \\r\\n{{HL.holidayName}} | \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Awesome App for Your Modern Lifestyle
\\r\\n \\r\\n
\\r\\n Awesome App for Your Modern Lifestyle
\\r\\n To Maintain Your Time
\\r\\n \\r\\n \\r\\n ![\\\"\\\"](\\\"../assets/hero-1.png\\\")
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n Our Services
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Web Development
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Graphic Design
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Content Writing
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n App Development
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Business Branding
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Digital Marketing
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Create Something Totally & Amazing Professional Features.
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Bootstrap 4x
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Free Update
\\r\\n\\r\\n
\\r\\n \\r\\n ![\\\"\\\"](\\\"assets/img/features-1.png\\\")
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![\\\"\\\"](\\\"assets/img/features-2.png\\\")
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Small Business For Professional Features.
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Easy to Customize
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n W3C Validated Code
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Our Team
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n ![\\\"\\\"](\\\"assets/images/b.jpg\\\")
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n venkateshwarlu Boora
\\r\\nCEO, Sreeb Technologies.
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![\\\"\\\"](\\\"assets/img/clients/img1.png\\\")
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n ![\\\"\\\"](\\\"assets/img/clients/img2.png\\\")
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n ![\\\"\\\"](\\\"assets/img/clients/img3.png\\\")
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n ![\\\"\\\"](\\\"assets/img/clients/img4.png\\\")
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![\\\"\\\"](\\\"assets/img/sm/avatar1.jpg\\\")
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n Sreeb Technologies was founded in 2014 by the experienced and passionate group of people to provide world-class Software services at affordable cost. Sreeb offers Software application development, application operations and software product development services that enhance customer’s business operations.\\r\\n
\\r\\n\\r\\n
\\r\\n venkateshwarlu Boora
\\r\\nCEO & Founder @Sreeb
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![\\\"\\\"](\\\"assets/img/sm/avatar2.jpg\\\")
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n Sreeb Technologies was founded in 2014 by the experienced and passionate group of people to provide world-class Software services at affordable cost. Sreeb offers Software application development, application operations and software product development services that enhance customer’s business operations.\\r\\n
\\r\\n
\\r\\n venkateshwarlu Boora
\\r\\nCEO & Founder @Sreeb
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Best Pricing
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n
![](\\\"../assets/images/plan-1.svg\\\")
\\r\\n - \\r\\n
$ 99 / mo
\\r\\n Freelance\\r\\n \\r\\n - 1 GB of space \\r\\n
- Support at $25/hour \\r\\n
- Limited cloud access \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n
![](\\\"../assets/images/plan-2.svg\\\")
\\r\\n - \\r\\n
$ 199 / mo
\\r\\n Business\\r\\n \\r\\n - 5 GB of space \\r\\n
- Support at $10/hour \\r\\n
- Full cloud access \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n
![](\\\"../assets/images/plan-3.svg\\\")
\\r\\n - \\r\\n
$ 299 / mo
\\r\\n Enterprise\\r\\n \\r\\n - 15 GB of space \\r\\n
- Support at $5/hour \\r\\n
- Full cloud access \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Want To Get Started
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Get In Touch
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n Unispace Tower, Hi-Tech City, Madhapur, Hyderabad
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Contact Form
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n Copyright © 2020 Sreeb All Rights Reserved
\\r\\n\\r\\n
\\r\\n\"","module.exports = \"\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
Leave
\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n \\r\\n
- Apply Leave \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | Sl No | \\r\\n{{i+1}} | \\r\\nLeave Type | \\r\\n{{row.leaveType}} | \\r\\nFrom Date | \\r\\n{{row.leaveFromDate|date}} | \\r\\nTo Date | \\r\\n{{row.leaveToDate|date}} | \\r\\nLeave Reason | \\r\\n{{row.leaveReason}} | \\r\\nStatus | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n{{row.status}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\nReject Reason | \\r\\n{{row.approvedRejectedResons}} | \\r\\n
|---|
\\r\\n
\"","module.exports = \"\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![](\\\"../assets/images/login-img.png\\\")
\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\"","module.exports = \"\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Are You sure want to logout?
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n 8
\\r\\n \\r\\n \\r\\n click to logout\\r\\n \\r\\n \\r\\n
\"","module.exports = \"\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Master tables
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n
- Roles \\r\\n
- Designation \\r\\n \\r\\n \\r\\n
- Blood Group\\r\\n \\r\\n
- Status\\r\\n \\r\\n
- Departments\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n\\r\\n
\\r\\n Name
Action
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n ❌ \\r\\n ＋ \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n | Sl. No. | \\r\\n{{i+1}} | \\r\\nRoles | \\r\\n{{row.name}} | \\r\\n
|---|
\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n\"","module.exports = \"\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Welcome
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n {{user[0].empName}}
\\r\\n\\r\\n
Welcome To BOT To Save Your Work Flow
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\"","module.exports = \"\\r\\n\\r\\n\\r\\n \\r\\n ![](\\\"https://100dayscss.com/codepen/syncing.svg\\\")
\\r\\n ![](\\\"https://100dayscss.com/codepen/checkmark.svg\\\")
\\r\\n
\\r\\nDrop file to upload
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n Submit
\\r\\n \\r\\n![](\\\"../../assets/success_registration.png\\\"/)
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
Registration completed successfully.
\\r\\nAn email with link is sent to registered mail. Click the link to activate your account.
\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\"","module.exports = \"Below resource already assigned to the project.
\\r\\n{{resName.employee}}
\\r\\n\\r\\n\\r\\n
\\r\\n Below resource successfully assigned to the project.
\\r\\n{{resourceName.employee}}
\\r\\n\\r\\n
\"","module.exports = \"\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{user[0].empName}}
\\r\\n \\r\\nEmployee ID:{{user[0].empID}}
\\r\\nEmail:{{user[0].empEmail}}
\\r\\nContact Number:{{user[0].contactNumber}}
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\"","module.exports = \"\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
Projects
\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n \\r\\n
- Add \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | Sl. No. | \\r\\n{{i+1}} | \\r\\nClient | \\r\\n{{row.clientName}} | \\r\\nProject | \\r\\n{{row.name}} | \\r\\nColor | \\r\\n{{row.color}} | \\r\\nTeam Size | \\r\\n{{row.teamSize}} | \\r\\nHours | \\r\\n{{row.hours}} | \\r\\nStatus | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n{{row.statusName}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
|---|
\\r\\n
\"","module.exports = \"\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n Recover Your Password
\\r\\n \\r\\n \\r\\n\\r\\n
\"","module.exports = \"\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\"","module.exports = \"\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Resource Assignment
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n\\r\\n
- Add \\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | Sl. No. | \\r\\n{{i+1}} | \\r\\nProject | \\r\\n{{row.projectName}} | \\r\\nResources | \\r\\n{{row.employeeName}} | \\r\\nAccess | \\r\\n\\r\\n | \\r\\n
|---|
\\r\\n
\"","module.exports = \"\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Role Access
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n | Sl. No. | \\r\\n{{i+1}} | \\r\\nRole Name | \\r\\n{{row.roleName}} | \\r\\nScreen Name | \\r\\n{{row.screenName}} | \\r\\nAccess | \\r\\n\\r\\n | \\r\\n
|---|
\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\"","module.exports = \"Welcome to BookOurTime.
\\r\\nThank you for activating your company account.
\\r\\nClick here to Login.
\\r\\n\\r\\n
\\r\\n\"","module.exports = \"\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n\\r\\n
- Add Tasks \\r\\n
- Assign\\r\\n Tasks \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n - \\r\\n
- Assigned tasks\\r\\n \\r\\n
- Add task\\r\\n to employee\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\"","module.exports = \"\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n
- Task Phase \\r\\n
- Add \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n\\r\\n
- Reports\\r\\n \\r\\n
- Approve\\r\\n Timesheets \\r\\n
- Approve\\r\\n Leaves \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n \\r\\n \\r\\n
- By Employee\\r\\n \\r\\n\\r\\n
- By Projects \\r\\n
- By Date \\r\\n
- \\r\\n
- Defaulter \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n *\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n = 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122)\\\"\\r\\n onkeydown=\\\"return(event.ctrlKey==17 && event.keyCode==86)\\\" required name=\\\"StartDate\\\">\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n = 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122)\\\"\\r\\n onkeydown=\\\"return(event.ctrlKey==17 && event.keyCode==86)\\\" required name=\\\"EndDate\\\">\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n
\\r\\n | Date | \\r\\n{{row.workedDate|date}} | \\r\\nProject\\r\\n | \\r\\n{{row.projectname}} | \\r\\n\\r\\n Description | \\r\\n{{row.description}} | \\r\\nRejected Reasons\\r\\n | \\r\\n{{row.approveRejectedResons}} | \\r\\nHours\\r\\n | \\r\\n{{row.hours}} | \\r\\n
|---|
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n *\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n = 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122)\\\"\\r\\n onkeydown=\\\"return(event.ctrlKey==17 && event.keyCode==86)\\\" required name=\\\"StartDate\\\">\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n = 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122)\\\"\\r\\n onkeydown=\\\"return(event.ctrlKey==17 && event.keyCode==86)\\\" required name=\\\"EndDate\\\">\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n
\\r\\n | \\r\\n Date | \\r\\n{{row.workedDate|date}} | \\r\\n\\r\\n Description | \\r\\n{{row.description}} | \\r\\nEmployee\\r\\n | \\r\\n{{row.employeename}} | \\r\\nHours\\r\\n | \\r\\n{{row.hours}} | \\r\\n
|---|
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n = 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122)\\\"\\r\\n onkeydown=\\\"return(event.ctrlKey==17 && event.keyCode==86)\\\" required name=\\\"StartDate\\\">\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n
\\r\\n | Employee Id | \\r\\n\\r\\n{{row.empID}} | \\r\\nEmployee | \\r\\n\\r\\n{{row.empName}} | \\r\\n
|---|
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n = 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122)\\\"\\r\\n onkeydown=\\\"return(event.ctrlKey==17 && event.keyCode==86)\\\" required name=\\\"StartDate\\\">\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n = 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122)\\\"\\r\\n onkeydown=\\\"return(event.ctrlKey==17 && event.keyCode==86)\\\" required name=\\\"EndDate\\\">\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n
\\r\\n | Project | \\r\\n{{row.projectname}} | \\r\\nHours | \\r\\n{{row.hours | number: '1.2-2' }} | \\r\\nStatus | \\r\\n{{row.status}} | \\r\\nDetails | \\r\\n\\r\\n\\r\\n Details\\r\\n | \\r\\n
|---|
\\r\\n\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n
\\r\\n | Date | \\r\\n{{row.workedDate|date}} | \\r\\nProject | \\r\\n{{row.projectname}} | \\r\\nEmployee | \\r\\n{{row.employeename}} | \\r\\nDescription | \\r\\n{{row.description}} | \\r\\nHours | \\r\\n{{row.hours}} | \\r\\n
|---|
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n | Date | \\r\\n{{row.workedDate|date}} | \\r\\nProject | \\r\\n{{row.projectname}} | \\r\\nEmployee | \\r\\n{{row.employeename}} | \\r\\nDescription | \\r\\n{{row.description}} | \\r\\nTotal Hours | \\r\\n{{row.hours}} | \\r\\nAction | \\r\\n\\r\\n \\r\\n \\r\\n | \\r\\n
|---|
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n | Employee | \\r\\n{{row.empName}} | \\r\\nLeave Type | \\r\\n{{row.leaveType}} | \\r\\nFrom Date | \\r\\n{{row.leaveFromDate}} | \\r\\nTo Date | \\r\\n{{row.leaveToDate}} | \\r\\nLeave Reason | \\r\\n{{row.leaveReason}} | \\r\\nAction | \\r\\n\\r\\n \\r\\n \\r\\n | \\r\\n
|---|
\\r\\n \\r\\n
\\r\\n\\r\\n
\"","module.exports = \"\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
Time Sheet
\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | Sl No | \\r\\n{{i+1}} | \\r\\nProject | \\r\\n{{row.projectName}} | \\r\\nDescription | \\r\\n{{row.description}} | \\r\\nWorked Date | \\r\\n{{row.workedDate|date}} | \\r\\nHours | \\r\\n{{row.Hours}} | \\r\\nPercentage | \\r\\n{{row.percentage}} | \\r\\nStatus | \\r\\n{{row.status}} | \\r\\n
|---|
\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | Sl No | \\r\\n{{i+1}} | \\r\\nProject | \\r\\n{{row.projectName}} | \\r\\nDescription | \\r\\n{{row.description}} | \\r\\nWorked Date | \\r\\n{{row.workedDate|date}} | \\r\\nHours | \\r\\n{{row.Hours}} | \\r\\nPercentage | \\r\\n{{row.percentage}} | \\r\\nStatus | \\r\\n{{row.status}} | \\r\\nRejected Reason | \\r\\n{{row.approveRejectedResons}} | \\r\\n
|---|
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n = 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122)\\\"\\r\\n onkeydown=\\\"return(event.ctrlKey==17 && event.keyCode==86)\\\" required name=\\\"StartDate\\\">\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n = 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122)\\\"\\r\\n onkeydown=\\\"return(event.ctrlKey==17 && event.keyCode==86)\\\" required name=\\\"EndDate\\\">\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n
\\r\\n | Project | \\r\\n{{row.projectName}} | \\r\\nDescription | \\r\\n{{row.description}} | \\r\\nWorked Date | \\r\\n{{row.workedDate|date}} | \\r\\nSl No | \\r\\n{{i+1}} | \\r\\nHours | \\r\\n{{row.Hours}} | \\r\\nPercentage | \\r\\n{{row.percentage}} | \\r\\nStatus | \\r\\n{{row.status}} | \\r\\n
|---|
\\r\\n {\r\n this.toastr.successToastr(data.message);\r\n this.form.resetForm();\r\n this.getAllClients();\r\n this.flag=true;\r\n this.flag1=false;\r\n });\r\n }\r\n getAllClients(){\r\n this.ts.GetAllClients().subscribe((data) => {\r\n this.clientDetails = data;\r\n // for (let i = 0; i < this.clientDetails.length; i++) {\r\n // if (this.clientDetails[i].Status == 'Inactive') {\r\n // this.clientDetails[i].status = false\r\n // } else {\r\n // this.clientDetails[i].status = true\r\n // }\r\n // }\r\n this.dataSource = new MatTableDataSource(data)\r\n this.dataSource.sort = this.sort\r\n this.dataSource.paginator = this.paginator\r\n });\r\n }\r\n // onChange(status, id) {\r\n // this.ts.GetClientsById(id).subscribe((data) => {\r\n // this.clientsAddObj.status = status.checked;\r\n // this.ts.updateClientstatus(id,this.clientsAddObj).subscribe((data) => {\r\n // this.toastr.successToastr('Toggled Successfully');\r\n // this.ngOnInit()\r\n // })\r\n // })\r\n // }\r\n\r\n getClientsById(id:any){\r\n // alert(id)\r\n this.flag=false;\r\n this.flag1=true;\r\n this.ts.GetClientsById(id).subscribe((data) => {\r\n\r\n this.clientsAddObj.id=data[0].id\r\n this.clientsAddObj.name=data[0].name;\r\n this.clientsAddObj.address1=data[0].address1;\r\n this.clientsAddObj.address2=data[0].address2 ;\r\n this.clientsAddObj.address3=data[0].address3 ;\r\n this.clientsAddObj.statusId=data[0].statusId ;\r\n\r\n });\r\n }\r\n UpdateClients(){\r\n this.ts.updateClients(this.clientsAddObj).subscribe((data) => {\r\n this.getAllClients();\r\n this.toastr.successToastr(data.message);\r\n this.form.resetForm();\r\n this.flag=true;\r\n this.flag1=false;\r\n });\r\n }\r\n exportTable(){\r\n TableUtil.exportToExcel(\"Example table\",'Client Details');\r\n }\r\n\r\n ClientPdf(){\r\n // // var element = document.getElementById('Example table');\r\n // //\r\n // // html2canvas(element).then((canvas)=>{\r\n // // console.log(canvas,'canvas')\r\n // // var imagdata = canvas.toDataURL('image/png')\r\n // // var doc = new jsPDF()\r\n // // doc.text(40, 40, 'Reports of All Employees')\r\n // // var imageHeight = canvas.height * 208/canvas.width;\r\n // // doc.addImage(imagdata,15,15, 208,imageHeight)\r\n // // doc.save('Client.pdf')\r\n // // })\r\n // const doc = new jsPDF('p', 'pt', 'letter');\r\n // // this.ts.getEmployeeDetailsByid(this.sortEmpId).subscribe((data) => {\r\n // // this.EmployeedetailsById = data[0].empName;\r\n // // //console.log(this.EmployeedetailsById.empName)\r\n // doc.text(40, 40, \"Clients Details\");\r\n // doc.setFont(\"10px arial, sans-serif\");\r\n // doc.setFontType(\"normal\");\r\n // doc.setFontSize(9);\r\n // // doc.setTextColor(255,0,0);\r\n // const specialElementHandlers = {\r\n // '#editor': function (element, renderer) {\r\n // return true;\r\n // }\r\n // };\r\n // const margins = {\r\n // top: 40,\r\n // bottom: 60,\r\n // left: 40,\r\n // right:40,\r\n // width: 922\r\n // };\r\n // const content = this.client.nativeElement;\r\n //\r\n // doc.fromHTML(content.innerHTML, margins.left, margins.top, {\r\n // 'width': 180,\r\n // 'elementHandlers': specialElementHandlers\r\n // },\r\n // function(dispose){\r\n // doc.save(\"Clients Details\" + '.pdf');\r\n // },margins);\r\n\r\n let DATA = document.getElementById('ExampletableOne');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n // PDF.text(0, 15, 'Reports of '+this.EmployeedetailsById);\r\n PDF.text('Clients Details ',100, 15,'center');\r\n // PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n // PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('Clients Details.pdf');\r\n });\r\n }\r\n ngOnInit() {\r\n this.getAllClients();\r\n this.getStatus();\r\n }\r\n}\r\n","module.exports = \"#loader {\\r\\n bottom: 0;\\r\\n height: 175px;\\r\\n left: 0;\\r\\n margin: auto;\\r\\n position: absolute;\\r\\n right: 0;\\r\\n top: 0;\\r\\n width: 175px;\\r\\n}\\r\\n\\r\\n#loader {\\r\\n bottom: 0;\\r\\n height: 175px;\\r\\n left: 0;\\r\\n margin: auto;\\r\\n position: absolute;\\r\\n right: 0;\\r\\n top: 0;\\r\\n width: 175px;\\r\\n}\\r\\n\\r\\n#loader .dot {\\r\\n bottom: 0;\\r\\n height: 100%;\\r\\n left: 0;\\r\\n margin: auto;\\r\\n position: absolute;\\r\\n right: 0;\\r\\n top: 0;\\r\\n width: 87.5px;\\r\\n}\\r\\n\\r\\n#loader .dot::before {\\r\\n border-radius: 100%;\\r\\n content: \\\"\\\";\\r\\n height: 87.5px;\\r\\n left: 0;\\r\\n position: absolute;\\r\\n right: 0;\\r\\n top: 0;\\r\\n transform: scale(0);\\r\\n width: 87.5px;\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+1) {\\r\\n transform: rotate(45deg);\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+1)::before {\\r\\n -webkit-animation: 0.8s linear 0.1s normal none infinite running load;\\r\\n animation: 0.8s linear 0.1s normal none infinite running load;\\r\\n background: #00ff80 none repeat scroll 0 0;\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+2) {\\r\\n transform: rotate(90deg);\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+2)::before {\\r\\n -webkit-animation: 0.8s linear 0.2s normal none infinite running load;\\r\\n animation: 0.8s linear 0.2s normal none infinite running load;\\r\\n background: #00ffea none repeat scroll 0 0;\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+3) {\\r\\n transform: rotate(135deg);\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+3)::before {\\r\\n -webkit-animation: 0.8s linear 0.3s normal none infinite running load;\\r\\n animation: 0.8s linear 0.3s normal none infinite running load;\\r\\n background: #00aaff none repeat scroll 0 0;\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+4) {\\r\\n transform: rotate(180deg);\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+4)::before {\\r\\n -webkit-animation: 0.8s linear 0.4s normal none infinite running load;\\r\\n animation: 0.8s linear 0.4s normal none infinite running load;\\r\\n background: #0040ff none repeat scroll 0 0;\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+5) {\\r\\n transform: rotate(225deg);\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+5)::before {\\r\\n -webkit-animation: 0.8s linear 0.5s normal none infinite running load;\\r\\n animation: 0.8s linear 0.5s normal none infinite running load;\\r\\n background: #2a00ff none repeat scroll 0 0;\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+6) {\\r\\n transform: rotate(270deg);\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+6)::before {\\r\\n -webkit-animation: 0.8s linear 0.6s normal none infinite running load;\\r\\n animation: 0.8s linear 0.6s normal none infinite running load;\\r\\n background: #9500ff none repeat scroll 0 0;\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+7) {\\r\\n transform: rotate(315deg);\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+7)::before {\\r\\n -webkit-animation: 0.8s linear 0.7s normal none infinite running load;\\r\\n animation: 0.8s linear 0.7s normal none infinite running load;\\r\\n background: magenta none repeat scroll 0 0;\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+8) {\\r\\n transform: rotate(360deg);\\r\\n}\\r\\n\\r\\n#loader .dot:nth-child(7n+8)::before {\\r\\n -webkit-animation: 0.8s linear 0.8s normal none infinite running load;\\r\\n animation: 0.8s linear 0.8s normal none infinite running load;\\r\\n background: #ff0095 none repeat scroll 0 0;\\r\\n}\\r\\n\\r\\n#loader .loading {\\r\\n background-position: 50% 50%;\\r\\n background-repeat: no-repeat;\\r\\n bottom: -40px;\\r\\n height: 20px;\\r\\n left: 0;\\r\\n position: absolute;\\r\\n right: 0;\\r\\n width: 180px;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes load {\\r\\n 100% {\\r\\n opacity: 0;\\r\\n transform: scale(1);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes load {\\r\\n 100% {\\r\\n opacity: 0;\\r\\n transform: scale(1);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes load {\\r\\n 100% {\\r\\n opacity: 0;\\r\\n transform: scale(1);\\r\\n }\\r\\n}\\r\\n\\r\\n.spinner-message {\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.chart{\\r\\n background: $white;\\r\\n background-color: white;\\r\\n border: 1px solid #e1e8ed;\\r\\n color: $dark;\\r\\n}\\r\\n\\r\\np.graph{\\r\\n font-weight: 800;\\r\\n font-family: 'Krub', sans-serif;\\r\\n margin: 0px;\\r\\n font-size: 15px;\\r\\n}\\r\\n\\r\\nh4.Statistics{\\r\\n color: #17C2D7 !important;\\r\\n font-weight: bold !important;\\r\\n line-height: 1.2 !important;\\r\\n font-size: 30px;\\r\\n\\r\\n}\\r\\n\\r\\n.row{\\r\\n padding-left:13px!important\\r\\n}\\r\\n\\r\\n.doughnutNoDataFound {\\r\\n text-align: center;\\r\\n margin: 125px;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGFzaGJvYXJkL2Rhc2hib2FyZC5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsU0FBUztFQUNULGFBQWE7RUFDYixPQUFPO0VBQ1AsWUFBWTtFQUNaLGtCQUFrQjtFQUNsQixRQUFRO0VBQ1IsTUFBTTtFQUNOLFlBQVk7QUFDZDs7QUFFQTtFQUNFLFNBQVM7RUFDVCxhQUFhO0VBQ2IsT0FBTztFQUNQLFlBQVk7RUFDWixrQkFBa0I7RUFDbEIsUUFBUTtFQUNSLE1BQU07RUFDTixZQUFZO0FBQ2Q7O0FBRUE7RUFDRSxTQUFTO0VBQ1QsWUFBWTtFQUNaLE9BQU87RUFDUCxZQUFZO0VBQ1osa0JBQWtCO0VBQ2xCLFFBQVE7RUFDUixNQUFNO0VBQ04sYUFBYTtBQUNmOztBQUVBO0VBQ0UsbUJBQW1CO0VBQ25CLFdBQVc7RUFDWCxjQUFjO0VBQ2QsT0FBTztFQUNQLGtCQUFrQjtFQUNsQixRQUFRO0VBQ1IsTUFBTTtFQUNOLG1CQUFtQjtFQUNuQixhQUFhO0FBQ2Y7O0FBRUE7RUFDRSx3QkFBd0I7QUFDMUI7O0FBRUE7RUFDRSxxRUFBNkQ7VUFBN0QsNkRBQTZEO0VBQzdELDBDQUEwQztBQUM1Qzs7QUFFQTtFQUNFLHdCQUF3QjtBQUMxQjs7QUFFQTtFQUNFLHFFQUE2RDtVQUE3RCw2REFBNkQ7RUFDN0QsMENBQTBDO0FBQzVDOztBQUVBO0VBQ0UseUJBQXlCO0FBQzNCOztBQUVBO0VBQ0UscUVBQTZEO1VBQTdELDZEQUE2RDtFQUM3RCwwQ0FBMEM7QUFDNUM7O0FBRUE7RUFDRSx5QkFBeUI7QUFDM0I7O0FBRUE7RUFDRSxxRUFBNkQ7VUFBN0QsNkRBQTZEO0VBQzdELDBDQUEwQztBQUM1Qzs7QUFFQTtFQUNFLHlCQUF5QjtBQUMzQjs7QUFFQTtFQUNFLHFFQUE2RDtVQUE3RCw2REFBNkQ7RUFDN0QsMENBQTBDO0FBQzVDOztBQUVBO0VBQ0UseUJBQXlCO0FBQzNCOztBQUVBO0VBQ0UscUVBQTZEO1VBQTdELDZEQUE2RDtFQUM3RCwwQ0FBMEM7QUFDNUM7O0FBRUE7RUFDRSx5QkFBeUI7QUFDM0I7O0FBRUE7RUFDRSxxRUFBNkQ7VUFBN0QsNkRBQTZEO0VBQzdELDBDQUEwQztBQUM1Qzs7QUFFQTtFQUNFLHlCQUF5QjtBQUMzQjs7QUFFQTtFQUNFLHFFQUE2RDtVQUE3RCw2REFBNkQ7RUFDN0QsMENBQTBDO0FBQzVDOztBQUVBO0VBQ0UsNEJBQTRCO0VBQzVCLDRCQUE0QjtFQUM1QixhQUFhO0VBQ2IsWUFBWTtFQUNaLE9BQU87RUFDUCxrQkFBa0I7RUFDbEIsUUFBUTtFQUNSLFlBQVk7QUFDZDs7QUFFQTtFQUNFO0lBQ0UsVUFBVTtJQUNWLG1CQUFtQjtFQUNyQjtBQUNGOztBQUxBO0VBQ0U7SUFDRSxVQUFVO0lBQ1YsbUJBQW1CO0VBQ3JCO0FBQ0Y7O0FBRUE7RUFDRTtJQUNFLFVBQVU7SUFDVixtQkFBbUI7RUFDckI7QUFDRjs7QUFFQTtFQUNFLGtCQUFrQjtBQUNwQjs7QUFDQTtFQUNFLGtCQUFrQjtFQUNsQix1QkFBdUI7RUFDdkIseUJBQXlCO0VBQ3pCLFlBQVk7QUFDZDs7QUFDQTtFQUNFLGdCQUFnQjtFQUNoQiwrQkFBK0I7RUFDL0IsV0FBVztFQUNYLGVBQWU7QUFDakI7O0FBQ0E7RUFDRSx5QkFBeUI7RUFDekIsNEJBQTRCO0VBQzVCLDJCQUEyQjtFQUMzQixlQUFlOztBQUVqQjs7QUFFQTtFQUNFO0FBQ0Y7O0FBQ0E7RUFDRSxrQkFBa0I7RUFDbEIsYUFBYTtBQUNmIiwiZmlsZSI6InNyYy9hcHAvZGFzaGJvYXJkL2Rhc2hib2FyZC5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiI2xvYWRlciB7XHJcbiAgYm90dG9tOiAwO1xyXG4gIGhlaWdodDogMTc1cHg7XHJcbiAgbGVmdDogMDtcclxuICBtYXJnaW46IGF1dG87XHJcbiAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gIHJpZ2h0OiAwO1xyXG4gIHRvcDogMDtcclxuICB3aWR0aDogMTc1cHg7XHJcbn1cclxuXHJcbiNsb2FkZXIge1xyXG4gIGJvdHRvbTogMDtcclxuICBoZWlnaHQ6IDE3NXB4O1xyXG4gIGxlZnQ6IDA7XHJcbiAgbWFyZ2luOiBhdXRvO1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICByaWdodDogMDtcclxuICB0b3A6IDA7XHJcbiAgd2lkdGg6IDE3NXB4O1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Qge1xyXG4gIGJvdHRvbTogMDtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbiAgbGVmdDogMDtcclxuICBtYXJnaW46IGF1dG87XHJcbiAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gIHJpZ2h0OiAwO1xyXG4gIHRvcDogMDtcclxuICB3aWR0aDogODcuNXB4O1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Q6OmJlZm9yZSB7XHJcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcclxuICBjb250ZW50OiBcIlwiO1xyXG4gIGhlaWdodDogODcuNXB4O1xyXG4gIGxlZnQ6IDA7XHJcbiAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gIHJpZ2h0OiAwO1xyXG4gIHRvcDogMDtcclxuICB0cmFuc2Zvcm06IHNjYWxlKDApO1xyXG4gIHdpZHRoOiA4Ny41cHg7XHJcbn1cclxuXHJcbiNsb2FkZXIgLmRvdDpudGgtY2hpbGQoN24rMSkge1xyXG4gIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcclxufVxyXG5cclxuI2xvYWRlciAuZG90Om50aC1jaGlsZCg3bisxKTo6YmVmb3JlIHtcclxuICBhbmltYXRpb246IDAuOHMgbGluZWFyIDAuMXMgbm9ybWFsIG5vbmUgaW5maW5pdGUgcnVubmluZyBsb2FkO1xyXG4gIGJhY2tncm91bmQ6ICMwMGZmODAgbm9uZSByZXBlYXQgc2Nyb2xsIDAgMDtcclxufVxyXG5cclxuI2xvYWRlciAuZG90Om50aC1jaGlsZCg3bisyKSB7XHJcbiAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Q6bnRoLWNoaWxkKDduKzIpOjpiZWZvcmUge1xyXG4gIGFuaW1hdGlvbjogMC44cyBsaW5lYXIgMC4ycyBub3JtYWwgbm9uZSBpbmZpbml0ZSBydW5uaW5nIGxvYWQ7XHJcbiAgYmFja2dyb3VuZDogIzAwZmZlYSBub25lIHJlcGVhdCBzY3JvbGwgMCAwO1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Q6bnRoLWNoaWxkKDduKzMpIHtcclxuICB0cmFuc2Zvcm06IHJvdGF0ZSgxMzVkZWcpO1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Q6bnRoLWNoaWxkKDduKzMpOjpiZWZvcmUge1xyXG4gIGFuaW1hdGlvbjogMC44cyBsaW5lYXIgMC4zcyBub3JtYWwgbm9uZSBpbmZpbml0ZSBydW5uaW5nIGxvYWQ7XHJcbiAgYmFja2dyb3VuZDogIzAwYWFmZiBub25lIHJlcGVhdCBzY3JvbGwgMCAwO1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Q6bnRoLWNoaWxkKDduKzQpIHtcclxuICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Q6bnRoLWNoaWxkKDduKzQpOjpiZWZvcmUge1xyXG4gIGFuaW1hdGlvbjogMC44cyBsaW5lYXIgMC40cyBub3JtYWwgbm9uZSBpbmZpbml0ZSBydW5uaW5nIGxvYWQ7XHJcbiAgYmFja2dyb3VuZDogIzAwNDBmZiBub25lIHJlcGVhdCBzY3JvbGwgMCAwO1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Q6bnRoLWNoaWxkKDduKzUpIHtcclxuICB0cmFuc2Zvcm06IHJvdGF0ZSgyMjVkZWcpO1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Q6bnRoLWNoaWxkKDduKzUpOjpiZWZvcmUge1xyXG4gIGFuaW1hdGlvbjogMC44cyBsaW5lYXIgMC41cyBub3JtYWwgbm9uZSBpbmZpbml0ZSBydW5uaW5nIGxvYWQ7XHJcbiAgYmFja2dyb3VuZDogIzJhMDBmZiBub25lIHJlcGVhdCBzY3JvbGwgMCAwO1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Q6bnRoLWNoaWxkKDduKzYpIHtcclxuICB0cmFuc2Zvcm06IHJvdGF0ZSgyNzBkZWcpO1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Q6bnRoLWNoaWxkKDduKzYpOjpiZWZvcmUge1xyXG4gIGFuaW1hdGlvbjogMC44cyBsaW5lYXIgMC42cyBub3JtYWwgbm9uZSBpbmZpbml0ZSBydW5uaW5nIGxvYWQ7XHJcbiAgYmFja2dyb3VuZDogIzk1MDBmZiBub25lIHJlcGVhdCBzY3JvbGwgMCAwO1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Q6bnRoLWNoaWxkKDduKzcpIHtcclxuICB0cmFuc2Zvcm06IHJvdGF0ZSgzMTVkZWcpO1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Q6bnRoLWNoaWxkKDduKzcpOjpiZWZvcmUge1xyXG4gIGFuaW1hdGlvbjogMC44cyBsaW5lYXIgMC43cyBub3JtYWwgbm9uZSBpbmZpbml0ZSBydW5uaW5nIGxvYWQ7XHJcbiAgYmFja2dyb3VuZDogbWFnZW50YSBub25lIHJlcGVhdCBzY3JvbGwgMCAwO1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Q6bnRoLWNoaWxkKDduKzgpIHtcclxuICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xyXG59XHJcblxyXG4jbG9hZGVyIC5kb3Q6bnRoLWNoaWxkKDduKzgpOjpiZWZvcmUge1xyXG4gIGFuaW1hdGlvbjogMC44cyBsaW5lYXIgMC44cyBub3JtYWwgbm9uZSBpbmZpbml0ZSBydW5uaW5nIGxvYWQ7XHJcbiAgYmFja2dyb3VuZDogI2ZmMDA5NSBub25lIHJlcGVhdCBzY3JvbGwgMCAwO1xyXG59XHJcblxyXG4jbG9hZGVyIC5sb2FkaW5nIHtcclxuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiA1MCUgNTAlO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgYm90dG9tOiAtNDBweDtcclxuICBoZWlnaHQ6IDIwcHg7XHJcbiAgbGVmdDogMDtcclxuICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgcmlnaHQ6IDA7XHJcbiAgd2lkdGg6IDE4MHB4O1xyXG59XHJcblxyXG5Aa2V5ZnJhbWVzIGxvYWQge1xyXG4gIDEwMCUge1xyXG4gICAgb3BhY2l0eTogMDtcclxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XHJcbiAgfVxyXG59XHJcblxyXG5Aa2V5ZnJhbWVzIGxvYWQge1xyXG4gIDEwMCUge1xyXG4gICAgb3BhY2l0eTogMDtcclxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XHJcbiAgfVxyXG59XHJcblxyXG4uc3Bpbm5lci1tZXNzYWdlIHtcclxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbn1cclxuLmNoYXJ0e1xyXG4gIGJhY2tncm91bmQ6ICR3aGl0ZTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICBib3JkZXI6IDFweCBzb2xpZCAjZTFlOGVkO1xyXG4gIGNvbG9yOiAkZGFyaztcclxufVxyXG5wLmdyYXBoe1xyXG4gIGZvbnQtd2VpZ2h0OiA4MDA7XHJcbiAgZm9udC1mYW1pbHk6ICdLcnViJywgc2Fucy1zZXJpZjtcclxuICBtYXJnaW46IDBweDtcclxuICBmb250LXNpemU6IDE1cHg7XHJcbn1cclxuaDQuU3RhdGlzdGljc3tcclxuICBjb2xvcjogIzE3QzJENyAhaW1wb3J0YW50O1xyXG4gIGZvbnQtd2VpZ2h0OiBib2xkICFpbXBvcnRhbnQ7XHJcbiAgbGluZS1oZWlnaHQ6IDEuMiAhaW1wb3J0YW50O1xyXG4gIGZvbnQtc2l6ZTogMzBweDtcclxuXHJcbn1cclxuXHJcbi5yb3d7XHJcbiAgcGFkZGluZy1sZWZ0OjEzcHghaW1wb3J0YW50XHJcbn1cclxuLmRvdWdobnV0Tm9EYXRhRm91bmQge1xyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICBtYXJnaW46IDEyNXB4O1xyXG59Il19 */\"","import { Component, OnInit } from '@angular/core';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\nimport { Router, RouterModule } from '@angular/router';\r\nimport { DatePipe } from '@angular/common';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\nimport { BsDatepickerConfig } from 'ngx-bootstrap';\r\nimport {MatTableDataSource} from '@angular/material';\r\nimport {valueReferenceToExpression} from \"@angular/compiler-cli/src/ngtsc/annotations/src/util\";\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './dashboard.component.html',\r\n styleUrls: ['./dashboard.component.css']\r\n})\r\nexport class DashboardComponent implements OnInit {\r\n colorTheme = 'theme-dark-blue';\r\n bsConfig: Partial;\r\n userSession: any;\r\n dataSets :any[]= [];\r\n submittedTimesheetCount:any;\r\n // var dates = ['2021-09-23','2021-09-22'];\r\n dataSetCounter:any = 0;\r\n user: any;\r\n dataGraph: any;\r\n options: any;\r\n optionsBarGraph:any;\r\n dataBarGraph:any;\r\n optionsPie:any;\r\n pColor:any;\r\n optionsDoughunt:any;\r\n startDate: any = new Date();\r\n endDate: any = new Date();\r\n dataPie: any;\r\n doughnutData:any[]=[];\r\n projectColorsList:any[]=[];\r\n date: any\r\n minDate: Date;\r\n maxDate: any;\r\n datedata: Date;\r\n projectsList:any[]=[];\r\n pieStatusData:any[]=[];\r\n\r\n projectsDataList:any;\r\n endDateData: Date;\r\n maxDayDate = new Date();\r\n firstDateData: Date;\r\n secondDateData: Date\r\n ThreeDateData: Date\r\n fourDateData: Date;\r\n workedDate: Date;\r\n checkArray: any[] = [];\r\n customArrayElements: any[] = [];\r\n hours: any[] = [];\r\n colors: any[] = [];\r\n projects: any[] = [];\r\n graphWorkedDate: any[] = []\r\n graphHours: any[] = [];\r\n graphColors: any[] = [];\r\n label: any[] = [];\r\n dateList: any[]=[];\r\n graphProjects:any[] = [];\r\n barDataArry:any[] = [];\r\n barChartLabel:any[]=[];\r\n graphDataList: any;\r\n graphDataListWorkedDate: Date;\r\n access : any;\r\n dataBar:any;\r\n optionsBar:any;\r\n isTask :any;\r\n isProject : any;\r\n isUser:any;\r\n isDepartment:any;\r\n s:any;\r\n subData:any=0;\r\n appData:any=0;\r\n rejData:any=0;\r\n c:any;\r\n P:any;\r\n isClient:any;\r\n isTimesheet:any;\r\n isReport:any;\r\n isMasterTable :any;\r\n isRoleAccess:any;\r\n gfdata:any = [];\r\n statusColor :any;\r\n statusColorArray:any[]=[];\r\n one :any={};\r\n submittedLeaveCount:any;\r\n graphSideDataList: any[] = [];\r\n pieChartDataList :any;\r\n useRed:any=0;\r\n use:any=0;\r\n dataDoughnut:any;\r\n pieChartHours:any[]=[];\r\n public showDiv: boolean = true;\r\n public buttonName: any = 'Show';\r\n public isShowDoughnut: boolean = true;\r\n public isShowDataPie: boolean = true;\r\n public isShowstatusPie: boolean = true;\r\n public isShowDatesBar: boolean = true;\r\n\r\n constructor(private ts: TimeSheetService, private router: Router, private datePipe: DatePipe,public toastr:ToastrManager) {\r\n this.userSession = (JSON.parse(sessionStorage.getItem('user')))\r\n\r\n var dt = new Date();\r\n var startDate = new Date();\r\n dt.setDate( dt.getDate() - 1 );\r\n startDate.setMonth(startDate.getMonth() - 1);\r\n // this.dateGraph = dt;\r\n // this.dateGraph = startDate;\r\n this.endDate = dt;\r\n this.startDate = startDate;\r\n }\r\n getLeavesCount(){\r\n this.ts.getLeavesCount(this.user[0].empID).subscribe((data) => {\r\n this.submittedLeaveCount = data[0];\r\n });\r\n }\r\n getTimesheetCount(){\r\n\r\n this.ts.getTimeSheetCount(this.user[0].empID).subscribe((data) => {\r\n\r\n this.submittedTimesheetCount = data[0];\r\n\r\n });\r\n\r\n }\r\n hide() {\r\n this.showDiv = false;\r\n }\r\n\r\n selectData(event) {\r\n //this.messageService.add({ severity: 'info', summary: 'Data Selected', 'detail': this.data.datasets[event.element._datasetIndex].data[event.element._index] });\r\n }\r\n\r\n\r\n getGraph() {\r\n if(this.startDate <= this.endDate) {\r\n var time = (this.endDate-this.startDate);\r\n var days = time/(1000*3600*24)\r\n if(days <= 31){\r\n this.graphWorkedDate.splice(0, this.graphWorkedDate.length);\r\n this.graphHours.splice(0, this.graphHours.length);\r\n this.graphColors.splice(0, this.graphColors.length);\r\n this.graphProjects.splice(0, this.graphProjects.length);\r\n this.pieChartHours.splice(0, this.pieChartHours.length);\r\n this.projectColorsList.splice(0, this.projectColorsList.length);\r\n this.projectsList.splice(0, this.projectsList.length);\r\n this.dateList.splice(0, this.dateList.length);\r\n this.statusColorArray.splice(0, this.statusColorArray.length);\r\n this.barChartLabel.splice(0, this.barChartLabel.length);\r\n\r\n\r\n\r\n this.doughnutData.splice(0, this.doughnutData.length);\r\n this.pieStatusData.splice(0, this.pieStatusData.length);\r\n\r\n this.dataSets.splice(0, this.dataSets.length);\r\n this.gfdata.splice(0, this.gfdata.length);\r\n this.label.splice(0, this.label.length);\r\n this.dataSetCounter=0;\r\n this.projectsDataList=0;\r\n this.use=0;\r\n this.useRed=0;\r\n this.subData=0;\r\n this.appData=0;\r\n this.rejData=0;\r\n this.piechart()\r\n this.doughnutChart();\r\n this.projectBarChart();\r\n\r\n\r\n // });\r\n }else {\r\n\r\n this.toastr.errorToastr(\"From date and to date difference must be one month\")\r\n }\r\n// });\r\n }else {\r\n\r\n this.toastr.errorToastr(\"To date is must be greater than from date\")\r\n }\r\n }\r\n doughnutChart(){\r\n\r\n this.ts.getMastertable({tableName:'projects'}).subscribe((pdata) => {\r\n this.projectsDataList=pdata[0];\r\n for(let l=0; l{\r\n if(this.projectsDataList[l].id === dData[0][0].projectId){\r\n this.doughnutData.push(dData[0][0].hours?dData[0][0].hours:null)\r\n this.projectColorsList.push(this.projectsDataList[l].color)\r\n this.projectsList.push(this.projectsDataList[l].name)\r\n }\r\n\r\n this.isShowDoughnut = this.doughnutData.reduce((a, b) => a + b, 0) == 0;\r\n\r\n\r\n this.dataDoughnut = {\r\n labels: this.projectsList,\r\n\r\n datasets: [\r\n {\r\n backgroundColor: this.projectColorsList,\r\n // borderColor: ['blue','red'],\r\n data: this.doughnutData\r\n }\r\n ],\r\n\r\n\r\n }\r\n\r\n\r\n this.optionsDoughunt = {\r\n responsive: true,\r\n // plugins: {\r\n legend: {\r\n position: 'top',\r\n },\r\n title: {\r\n display: true,\r\n text: 'Projects'\r\n }\r\n // }\r\n // } z\r\n };\r\n // }\r\n })\r\n\r\n\r\n }\r\n\r\n })\r\n }\r\n piechart(){\r\n\r\n this.ts.getDataForPieChart(this.startDate, this.endDate).subscribe((pieData) =>{\r\n this.pieChartDataList = pieData[0]\r\n for (let k = 0; k < this.pieChartDataList.length; k++) {\r\n if(this.pieChartDataList[k].projectId === 4){\r\n this.useRed += this.pieChartDataList[k].hours;\r\n }else {\r\n this.use += this.pieChartDataList[k].hours\r\n }\r\n }\r\n this.pieChartHours.push(this.use)\r\n this.pieChartHours.push(this.useRed)\r\n\r\n this.dataPie = {\r\n labels: ['Productive Hours','Nonproductive Hours'],\r\n datasets: [\r\n {\r\n backgroundColor: ['blue','red'],\r\n // borderColor: ['blue','red'],\r\n data: this.pieChartHours\r\n }\r\n ]\r\n }\r\n this.isShowDataPie = this.pieChartHours.reduce((a, b) => a + b, 0) == 0;\r\n this.optionsPie = {\r\n\r\n title: {\r\n display: true,\r\n text: 'Utilization'\r\n }\r\n // scales: {\r\n //\r\n // yAxes: [{\r\n // beginAtZero: true\r\n // }]\r\n // }\r\n };\r\n\r\n })\r\n\r\n }\r\n projectBarChart(){\r\n this.ts.getForGraph(this.userSession[0].id, this.startDate, this.endDate).subscribe((data) => {\r\n this.graphDataList = data[0];\r\n this.statusPieChart()\r\n this.statusBarChart()\r\n var uniqueArray = this.removeDuplicates(this.graphDataList, \"workedDate\");\r\n var plabel = this.removeDuplicates(this.graphDataList,'projectId');\r\n\r\n for(let t =0; t a + b, 0) == 0;\r\n\r\n\r\n this.dataBar = {\r\n labels: ['Submitted','Approved','Rejected'],\r\n datasets: [\r\n {\r\n backgroundColor: ['yellow','green','red'],\r\n data: this.pieStatusData\r\n }\r\n ]\r\n }\r\n this.optionsBar = {\r\n title: {\r\n display: true,\r\n text: 'Status'\r\n }\r\n // scales: {\r\n //\r\n // yAxes: [{\r\n // beginAtZero: true\r\n // }]\r\n // }\r\n };\r\n }\r\n\r\n filterRecursiveArray(datesList,data,dataSetCounter) {\r\n\r\n for(let j=0; j0)\r\n {\r\n dataSetCounter = dataSetCounter + 1;\r\n this.dataSets[dataSetCounter] = [];\r\n this.graphProjects[dataSetCounter] = [];\r\n this.graphColors[dataSetCounter] = [];\r\n this.statusColorArray[dataSetCounter] = [];\r\n\r\n this.filterRecursiveArray(datesList,data,dataSetCounter)\r\n }\r\n else {\r\n // console.log('temp',this.dataSets);\r\n }\r\n return this.dataSets\r\n }\r\n removeDuplicates(originalArray, prop) {\r\n var newArray = [];\r\n var lookupObject = {};\r\n\r\n for(var i in originalArray) {\r\n lookupObject[originalArray[i][prop]] = originalArray[i];\r\n }\r\n\r\n for(i in lookupObject) {\r\n newArray.push(lookupObject[i]);\r\n }\r\n return newArray;\r\n }\r\n\r\n ngOnInit() {\r\n this.ts.getUsersById(this.userSession[0].id).subscribe((data) => {\r\n this.user = data;\r\n this.getLeavesCount();\r\n this.getTimesheetCount();\r\n this.user[1].forEach(element=>{\r\n this.access = element.accessScreenId\r\n if (this.access === 1){\r\n this.isClient = this.access;\r\n } if (this.access === 2){\r\n this.isDepartment = this.access;\r\n } if (this.access === 3){\r\n this.isProject = this.access;\r\n } if (this.access === 4){\r\n this.isTask = this.access;\r\n } if (this.access === 5){\r\n this.isTimesheet = this.access;\r\n } if (this.access === 6){\r\n this.isReport = this.access;\r\n } if (this.access === 7){\r\n this.isUser = this.access;\r\n }\r\n if (this.access === 8){\r\n this.isMasterTable = this.access;\r\n }\r\n if (this.access === 9){\r\n this.isRoleAccess = this.access;\r\n }\r\n\r\n })\r\n this.getGraph();\r\n });\r\n this.showDiv = true;\r\n setTimeout(() => {\r\n this.hide();\r\n }, 3000);\r\n }\r\n}","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2RhdGF0YWJsZS9kYXRhdGFibGUuY29tcG9uZW50LmNzcyJ9 */\"","import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';\r\n\r\ndeclare var $ :any;\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './datatable.component.html',\r\n styleUrls: ['./datatable.component.css']\r\n})\r\nexport class DatatableComponent implements OnInit {\r\n@ViewChild(\"dataTable\", {static: true}) table: any;\r\ndataTable: any;\r\n constructor() { } \r\n\r\n ngOnInit():void {\r\n this.dataTable = $(this.table.nativeElement);\r\n this.dataTable.dataTable();\r\n }\r\n\r\n}\r\n","module.exports = \"th{\\r\\n color:#010101!important;\\r\\n border-bottom-style: solid!important;\\r\\n\\r\\n}\\r\\n\\r\\ntd{\\r\\n border-bottom-style: groove!important;\\r\\n}\\r\\n\\r\\nbutton{\\r\\n border-color: aliceblue;\\r\\n}\\r\\n\\r\\ninput{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\ninput:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\nselect{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\nselect:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\ntable{\\r\\n width:100%\\r\\n}\\r\\n\\r\\n.export-container {\\r\\n text-align: right;\\r\\n margin-bottom: 20px;\\r\\n }\\r\\n\\r\\ntable {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n.m-t-xl {\\r\\n margin-top: 40px;\\r\\n }\\r\\n\\r\\n/* .mat-paginator {\\r\\n background-color: #2122228a;\\r\\n color: rgb(0, 0, 0);\\r\\n font: weight 1;\\r\\n } */\\r\\n\\r\\nbutton.excel{\\r\\n background-color: dodgerblue;\\r\\n float: right;\\r\\n border-radius: 10px;\\r\\n\\r\\n }\\r\\n\\r\\n.mat-cell {\\r\\n color: rgb(133, 128, 128);\\r\\n }\\r\\n\\r\\n.mat-header-cell {\\r\\n background-color: #2122228a;\\r\\n text-transform: capitalize;\\r\\n font-size: 1em;\\r\\n color: rgb(145, 130, 130);\\r\\n }\\r\\n\\r\\n.mat-header-cell h6 {\\r\\n font-weight: bold;\\r\\n text-transform: capitalize;\\r\\n }\\r\\n\\r\\n.mat-paginator {\\r\\n background-color: whitesmoke;\\r\\n color: rgb(0, 0, 0);\\r\\n font: weight 1;\\r\\n }\\r\\n\\r\\n.mat-table {\\r\\n background-color: #58184500;\\r\\n \\r\\n }\\r\\n\\r\\n/* .mat-row:nth-child(even){\\r\\n background-color:rgb(219, 155, 223);\\r\\n }\\r\\n\\r\\n.mat-row:nth-child(odd){\\r\\n background-color:rgb(122, 204, 144);\\r\\n } */\\r\\n\\r\\n/* @media only screen and (max-width: 736px) and (orientation:portrait) {\\r\\n mat-header-row, mat-row {\\r\\n width: 200%; \\r\\n }\\r\\n \\r\\n } */\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGVwYXJ0bWVudHMvZGVwYXJ0bWVudHMuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLHVCQUF1QjtJQUN2QixvQ0FBb0M7O0FBRXhDOztBQUVBO0lBQ0kscUNBQXFDO0FBQ3pDOztBQUVBO0lBQ0ksdUJBQXVCO0FBQzNCOztBQUNBO0lBQ0ksZ0NBQWdDO0FBQ3BDOztBQUVBO0lBQ0kseUNBQXlDO0FBQzdDOztBQUNBO0lBQ0ksZ0NBQWdDO0FBQ3BDOztBQUVBO0lBQ0kseUNBQXlDO0FBQzdDOztBQUVBO0lBQ0k7QUFDSjs7QUFHQTtJQUNJLGlCQUFpQjtJQUNqQixtQkFBbUI7RUFDckI7O0FBRUE7SUFDRSxXQUFXO0VBQ2I7O0FBRUE7SUFDRSxnQkFBZ0I7RUFDbEI7O0FBRUE7Ozs7S0FJRzs7QUFDSDtNQUNJLDRCQUE0QjtNQUM1QixZQUFZO01BQ1osbUJBQW1COztFQUV2Qjs7QUFFQTtJQUNFLHlCQUF5QjtFQUMzQjs7QUFDQTtJQUNFLDRCQUE0QjtJQUM1QiwwQkFBMEI7SUFDMUIsZUFBZTtJQUNmLHlCQUF5QjtFQUMzQjs7QUFDQTtJQUNFLGlCQUFpQjtJQUNqQiwwQkFBMEI7RUFDNUI7O0FBQ0E7SUFDRSw0QkFBNEI7SUFDNUIsbUJBQW1CO0lBQ25CLGNBQWM7RUFDaEI7O0FBQ0E7SUFDRSwyQkFBMkI7O0VBRTdCOztBQUVBOzs7Ozs7T0FNSzs7QUFJSDs7Ozs7T0FLRyIsImZpbGUiOiJzcmMvYXBwL2RlcGFydG1lbnRzL2RlcGFydG1lbnRzLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJ0aHtcclxuICAgIGNvbG9yOiMwMTAxMDEhaW1wb3J0YW50O1xyXG4gICAgYm9yZGVyLWJvdHRvbS1zdHlsZTogc29saWQhaW1wb3J0YW50O1xyXG5cclxufVxyXG5cclxudGR7XHJcbiAgICBib3JkZXItYm90dG9tLXN0eWxlOiBncm9vdmUhaW1wb3J0YW50O1xyXG59XHJcblxyXG5idXR0b257XHJcbiAgICBib3JkZXItY29sb3I6IGFsaWNlYmx1ZTtcclxufVxyXG5pbnB1dHtcclxuICAgIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG59XHJcblxyXG5pbnB1dDpob3ZlcntcclxuICAgIGJvcmRlci1jb2xvcjogcmdiKDU1LCAxODksIDIxOSkhaW1wb3J0YW50O1xyXG59XHJcbnNlbGVjdHtcclxuICAgIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG59XHJcblxyXG5zZWxlY3Q6aG92ZXJ7XHJcbiAgICBib3JkZXItY29sb3I6IHJnYig1NSwgMTg5LCAyMTkpIWltcG9ydGFudDtcclxufVxyXG5cclxudGFibGV7XHJcbiAgICB3aWR0aDoxMDAlXHJcbn1cclxuXHJcblxyXG4uZXhwb3J0LWNvbnRhaW5lciB7XHJcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcclxuICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XHJcbiAgfVxyXG4gIFxyXG4gIHRhYmxlIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gIH1cclxuICBcclxuICAubS10LXhsIHtcclxuICAgIG1hcmdpbi10b3A6IDQwcHg7XHJcbiAgfVxyXG5cclxuICAvKiAubWF0LXBhZ2luYXRvciB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjEyMjIyOGE7XHJcbiAgICBjb2xvcjogcmdiKDAsIDAsIDApO1xyXG4gICAgZm9udDogd2VpZ2h0IDE7XHJcbiAgfSAqL1xyXG4gIGJ1dHRvbi5leGNlbHtcclxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogZG9kZ2VyYmx1ZTtcclxuICAgICAgZmxvYXQ6IHJpZ2h0O1xyXG4gICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xyXG5cclxuICB9XHJcblxyXG4gIC5tYXQtY2VsbCB7XHJcbiAgICBjb2xvcjogcmdiKDEzMywgMTI4LCAxMjgpO1xyXG4gIH1cclxuICAubWF0LWhlYWRlci1jZWxsIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICAjMjEyMjIyOGE7XHJcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcclxuICAgIGZvbnQtc2l6ZTogIDFlbTtcclxuICAgIGNvbG9yOiByZ2IoMTQ1LCAxMzAsIDEzMCk7XHJcbiAgfVxyXG4gIC5tYXQtaGVhZGVyLWNlbGwgaDYge1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcclxuICB9XHJcbiAgLm1hdC1wYWdpbmF0b3Ige1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcclxuICAgIGNvbG9yOiByZ2IoMCwgMCwgMCk7XHJcbiAgICBmb250OiB3ZWlnaHQgMTtcclxuICB9XHJcbiAgLm1hdC10YWJsZSB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTgxODQ1MDA7XHJcbiAgICBcclxuICB9XHJcblxyXG4gIC8qIC5tYXQtcm93Om50aC1jaGlsZChldmVuKXtcclxuICAgIGJhY2tncm91bmQtY29sb3I6cmdiKDIxOSwgMTU1LCAyMjMpO1xyXG4gICAgfVxyXG5cclxuLm1hdC1yb3c6bnRoLWNoaWxkKG9kZCl7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOnJnYigxMjIsIDIwNCwgMTQ0KTtcclxuICAgIH0gKi9cclxuXHJcbiBcclxuXHJcbiAgICAvKiBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDczNnB4KSBhbmQgKG9yaWVudGF0aW9uOnBvcnRyYWl0KSB7XHJcbiAgICAgIG1hdC1oZWFkZXItcm93LCBtYXQtcm93IHtcclxuICAgICAgIHdpZHRoOiAyMDAlOyBcclxuICAgICAgfVxyXG4gIFxyXG4gICAgfSAqLyJdfQ== */\"","import { Component, OnInit, AfterViewInit, ElementRef } from '@angular/core';\r\nimport { department } from '../models/department';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\nimport { ViewChild } from '@angular/core';\r\nimport { MatSort, MatTableDataSource } from '@angular/material';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\r\nimport { TableUtil } from '../tableUtil';\r\nimport * as jsPDF from 'jspdf';\r\nimport 'jspdf-autotable'\r\ndeclare const $;\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './departments.component.html',\r\n styleUrls: ['./departments.component.css']\r\n})\r\nexport class DepartmentsComponent implements OnInit, AfterViewInit {\r\n dataSource;\r\n @ViewChild(MatSort, { static: true }) sort: MatSort;\r\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\r\n @ViewChild('reportcontent', { static: true }) reportcontent: ElementRef;\r\n dataTable: any;\r\n departmentAddObj: department;\r\n departmentDetails: any;\r\n @ViewChild(\"dfrm\", { static: true }) form: any;\r\n dtOption: any;\r\n displayedColumns = ['deptName', 'deptHead', 'deptNoOfEmployees', 'Action']\r\n\r\n constructor(private ts: TimeSheetService, public toastr: ToastrManager) {\r\n this.departmentAddObj = new department();\r\n }\r\n applyFilter(filterValue: string) {\r\n filterValue = filterValue.trim();\r\n filterValue = filterValue.toLowerCase();\r\n this.dataSource.filter = filterValue;\r\n }\r\n saveDepartment() {\r\n this.ts.saveDepartment(this.departmentAddObj).subscribe((data) => {\r\n this.getAllDepartments();\r\n this.toastr.successToastr(data.message);\r\n this.form.reset();\r\n\r\n });\r\n }\r\n\r\n exportTable() {\r\n TableUtil.exportToExcel(\"Example table\", 'departments.xlsx');\r\n }\r\n\r\n\r\n\r\n downloadPdf() {\r\n var id= document.getElementById('reportcontent')\r\n var pdf = new jsPDF('landscape', 'pt', 'a4');\r\n pdf.fromHTML(id,100,15);\r\n pdf.save('departments.pdf');\r\n }\r\n\r\n getAllDepartments() {\r\n this.ts.GetAlldepartments().subscribe((data) => {\r\n this.departmentDetails = data;\r\n this.dataSource = new MatTableDataSource(data)\r\n this.dataSource.sort = this.sort\r\n this.dataSource.paginator = this.paginator\r\n\r\n });\r\n }\r\n getDepartmentsById(id: any) {\r\n this.ts.GetDepartmentsById(id).subscribe((data) => {\r\n console.log(data[0].deptName)\r\n this.departmentAddObj.deptId = data[0].deptId\r\n this.departmentAddObj.deptName = data[0].deptName;\r\n this.departmentAddObj.deptHead = data[0].deptHead;\r\n this.departmentAddObj.deptNoOfEmployees = data[0].deptNoOfEmployees;\r\n console.log(this.departmentAddObj)\r\n });\r\n\r\n }\r\n UpdateDepartment() {\r\n this.ts.updateDepartment(this.departmentAddObj).subscribe((data) => {\r\n this.getAllDepartments();\r\n this.toastr.successToastr(data.message);\r\n this.form.reset();\r\n\r\n });\r\n }\r\n ngAfterViewInit() {\r\n this.dataSource.paginator = this.paginator;\r\n this.dataSource.sort = this.sort;\r\n }\r\n ngOnInit() {\r\n this.getAllDepartments();\r\n }\r\n\r\n}\r\n\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2ZvcmdvdC1wYXNzd29yZC9mb3Jnb3QtcGFzc3dvcmQuY29tcG9uZW50LmNzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\nimport { Router, RouterModule } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './forgot-password.component.html',\r\n styleUrls: ['./forgot-password.component.css']\r\n})\r\nexport class ForgotPasswordComponent implements OnInit {\r\n userDetails:any\r\n email:any;\r\n mobile:any;\r\n password:any\r\n constructor(private ts:TimeSheetService,public toastr: ToastrManager,public route:Router) { }\r\n verifyEmail(){\r\n console.log(this.email,this.mobile)\r\n this.ts.verifyEmail(this.email,this.mobile,this.password).subscribe((data) => {\r\n if(data.status){\r\n this.route.navigate(['/login']);\r\n this.toastr.infoToastr(data.message);}\r\n else{\r\nthis.toastr.errorToastr(data.message)\r\n }\r\n });\r\n }\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2hvbGlkYXlzL2hvbGlkYXlzLmNvbXBvbmVudC5jc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\r\nimport {MatTableDataSource} from \"@angular/material\";\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './holidays.component.html',\r\n styleUrls: ['./holidays.component.css']\r\n})\r\nexport class HolidaysComponent implements OnInit {\r\n holidaysList = [];\r\n holidaydata : any;\r\n\r\n constructor(private ts: TimeSheetService) { }\r\n\r\n ngOnInit() {\r\n // getAllTimeSheetByEmpID() {\r\n this.ts.getHolidays().subscribe((data) => {\r\n this.holidaydata = data;\r\n console.log()\r\n for( var obj of this.holidaydata){\r\n this.holidaysList.push(obj);\r\n\r\n }\r\n\r\n })\r\n\r\n // }\r\n }\r\n\r\n}\r\n","module.exports = \".custom-menu-tags {\\r\\n display: flex;\\r\\n}\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvaG9tZS9ob21lLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxhQUFhO0FBQ2pCIiwiZmlsZSI6InNyYy9hcHAvaG9tZS9ob21lLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuY3VzdG9tLW1lbnUtdGFncyB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG59XHJcbiJdfQ== */\"","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { ParticlesModule } from 'angular-particle';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './home.component.html',\r\n styleUrls: ['./home.component.css']\r\n})\r\nexport class HomeComponent implements OnInit {\r\n myStyle: object = {};\r\n myParams: object = {};\r\n width: number = 100;\r\n height: number = 100;\r\n constructor(private router: Router) { }\r\n\r\n ngOnInit() {\r\n this.myStyle = {\r\n 'position': 'fixed',\r\n 'width': '100%',\r\n 'height': '100%',\r\n 'z-index': -1,\r\n 'top': 0,\r\n 'left': 0,\r\n 'right': 0,\r\n 'bottom': 0,\r\n };\r\n\r\nthis.myParams = {\r\n particles: {\r\n number: {\r\n value: 200,\r\n },\r\n color: {\r\n value: '#ff0000'\r\n },\r\n shape: {\r\n type: 'triangle',\r\n },\r\n }\r\n};\r\n}\r\n }\r\n\r\n\r\n","module.exports = \"\\r\\n\\r\\nbutton{\\r\\n border-color: aliceblue;\\r\\n}\\r\\ninput{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n.hidden{\\r\\n display: none;\\r\\n}\\r\\ninput:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\nselect{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\nselect:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\ntable {\\r\\n width: 100%;\\r\\n}\\r\\nth{\\r\\n color:#010101!important;\\r\\n border-bottom-style: solid!important;\\r\\n\\r\\n}\\r\\ntd{\\r\\n border-bottom-style: groove!important;\\r\\n}\\r\\n.mat-cell {\\r\\n color: rgb(133, 128, 128);\\r\\n}\\r\\n.mat-header-cell {\\r\\n background-color: #2122228a;\\r\\n text-transform: capitalize;\\r\\n font-size: 1em;\\r\\n color: rgb(145, 130, 130);\\r\\n}\\r\\n.mat-header-cell h6 {\\r\\n font-weight: bold;\\r\\n text-transform: capitalize;\\r\\n}\\r\\n.mat-paginator {\\r\\n background-color: whitesmoke;\\r\\n color: rgb(0, 0, 0);\\r\\n font: weight 1;\\r\\n}\\r\\n.mat-table {\\r\\n background-color: #58184500;\\r\\n\\r\\n}\\r\\nbutton.excel{\\r\\n background-color: dodgerblue;\\r\\n float: right;\\r\\n border-radius: 10px;\\r\\n\\r\\n}\\r\\n.dropbtn {\\r\\n background-color: dodgerblue;\\r\\n color: white;\\r\\n border-radius: 10px;\\r\\n min-width: 120px;\\r\\n padding: 10px;\\r\\n /*font-size: 16px;*/\\r\\n border: none;\\r\\n}\\r\\n.dropdown {\\r\\n position: relative;\\r\\n display: inline-block;\\r\\n}\\r\\n.dropdown-content {\\r\\n display: none;\\r\\n position: absolute;\\r\\n background-color: #f1f1f1;\\r\\n min-width: 120px;\\r\\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\\r\\n z-index: 1;\\r\\n}\\r\\n.dropdown-content a {\\r\\n color: black;\\r\\n padding: 12px 16px;\\r\\n text-decoration: none;\\r\\n display: block;\\r\\n}\\r\\n.dropdown-content a:hover {background-color: #ddd;}\\r\\n.dropdown:hover .dropdown-content {display: block;}\\r\\n.dropdown:hover .dropbtn {background-color:dodgerblue ;}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbGVhdmUvbGVhdmUuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUVBO0lBQ0ksdUJBQXVCO0FBQzNCO0FBQ0E7SUFDSSxnQ0FBZ0M7QUFDcEM7QUFDQTtJQUNJLGFBQWE7QUFDakI7QUFFQTtJQUNJLHlDQUF5QztBQUM3QztBQUNBO0lBQ0ksZ0NBQWdDO0FBQ3BDO0FBRUE7SUFDSSx5Q0FBeUM7QUFDN0M7QUFHQTtJQUNJLFdBQVc7QUFDZjtBQUdBO0lBQ0ksdUJBQXVCO0lBQ3ZCLG9DQUFvQzs7QUFFeEM7QUFFQTtJQUNJLHFDQUFxQztBQUN6QztBQUNBO0lBQ0kseUJBQXlCO0FBQzdCO0FBQ0E7SUFDSSw0QkFBNEI7SUFDNUIsMEJBQTBCO0lBQzFCLGVBQWU7SUFDZix5QkFBeUI7QUFDN0I7QUFDQTtJQUNJLGlCQUFpQjtJQUNqQiwwQkFBMEI7QUFDOUI7QUFDQTtJQUNJLDRCQUE0QjtJQUM1QixtQkFBbUI7SUFDbkIsY0FBYztBQUNsQjtBQUNBO0lBQ0ksMkJBQTJCOztBQUUvQjtBQUNBO0lBQ0ksNEJBQTRCO0lBQzVCLFlBQVk7SUFDWixtQkFBbUI7O0FBRXZCO0FBRUE7SUFDSSw0QkFBNEI7SUFDNUIsWUFBWTtJQUNaLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsYUFBYTtJQUNiLG1CQUFtQjtJQUNuQixZQUFZO0FBQ2hCO0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIscUJBQXFCO0FBQ3pCO0FBRUE7SUFDSSxhQUFhO0lBQ2Isa0JBQWtCO0lBQ2xCLHlCQUF5QjtJQUN6QixnQkFBZ0I7SUFDaEIsNENBQTRDO0lBQzVDLFVBQVU7QUFDZDtBQUVBO0lBQ0ksWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixxQkFBcUI7SUFDckIsY0FBYztBQUNsQjtBQUVBLDJCQUEyQixzQkFBc0IsQ0FBQztBQUVsRCxtQ0FBbUMsY0FBYyxDQUFDO0FBRWxELDBCQUEwQiw0QkFBNEIsQ0FBQyIsImZpbGUiOiJzcmMvYXBwL2xlYXZlL2xlYXZlLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuXHJcbmJ1dHRvbntcclxuICAgIGJvcmRlci1jb2xvcjogYWxpY2VibHVlO1xyXG59XHJcbmlucHV0e1xyXG4gICAgYm9yZGVyLWNvbG9yOiAgI0EwQkVDNSFpbXBvcnRhbnQ7XHJcbn1cclxuLmhpZGRlbntcclxuICAgIGRpc3BsYXk6IG5vbmU7XHJcbn1cclxuXHJcbmlucHV0OmhvdmVye1xyXG4gICAgYm9yZGVyLWNvbG9yOiByZ2IoNTUsIDE4OSwgMjE5KSFpbXBvcnRhbnQ7XHJcbn1cclxuc2VsZWN0e1xyXG4gICAgYm9yZGVyLWNvbG9yOiAgI0EwQkVDNSFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbnNlbGVjdDpob3ZlcntcclxuICAgIGJvcmRlci1jb2xvcjogcmdiKDU1LCAxODksIDIxOSkhaW1wb3J0YW50O1xyXG59XHJcblxyXG5cclxudGFibGUge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbn1cclxuXHJcblxyXG50aHtcclxuICAgIGNvbG9yOiMwMTAxMDEhaW1wb3J0YW50O1xyXG4gICAgYm9yZGVyLWJvdHRvbS1zdHlsZTogc29saWQhaW1wb3J0YW50O1xyXG5cclxufVxyXG5cclxudGR7XHJcbiAgICBib3JkZXItYm90dG9tLXN0eWxlOiBncm9vdmUhaW1wb3J0YW50O1xyXG59XHJcbi5tYXQtY2VsbCB7XHJcbiAgICBjb2xvcjogcmdiKDEzMywgMTI4LCAxMjgpO1xyXG59XHJcbi5tYXQtaGVhZGVyLWNlbGwge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogICMyMTIyMjI4YTtcclxuICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xyXG4gICAgZm9udC1zaXplOiAgMWVtO1xyXG4gICAgY29sb3I6IHJnYigxNDUsIDEzMCwgMTMwKTtcclxufVxyXG4ubWF0LWhlYWRlci1jZWxsIGg2IHtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbn1cclxuLm1hdC1wYWdpbmF0b3Ige1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcclxuICAgIGNvbG9yOiByZ2IoMCwgMCwgMCk7XHJcbiAgICBmb250OiB3ZWlnaHQgMTtcclxufVxyXG4ubWF0LXRhYmxlIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM1ODE4NDUwMDtcclxuXHJcbn1cclxuYnV0dG9uLmV4Y2Vse1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogZG9kZ2VyYmx1ZTtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcblxyXG59XHJcblxyXG4uZHJvcGJ0biB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBkb2RnZXJibHVlO1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcclxuICAgIG1pbi13aWR0aDogMTIwcHg7XHJcbiAgICBwYWRkaW5nOiAxMHB4O1xyXG4gICAgLypmb250LXNpemU6IDE2cHg7Ki9cclxuICAgIGJvcmRlcjogbm9uZTtcclxufVxyXG5cclxuLmRyb3Bkb3duIHtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxufVxyXG5cclxuLmRyb3Bkb3duLWNvbnRlbnQge1xyXG4gICAgZGlzcGxheTogbm9uZTtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmMWYxZjE7XHJcbiAgICBtaW4td2lkdGg6IDEyMHB4O1xyXG4gICAgYm94LXNoYWRvdzogMHB4IDhweCAxNnB4IDBweCByZ2JhKDAsMCwwLDAuMik7XHJcbiAgICB6LWluZGV4OiAxO1xyXG59XHJcblxyXG4uZHJvcGRvd24tY29udGVudCBhIHtcclxuICAgIGNvbG9yOiBibGFjaztcclxuICAgIHBhZGRpbmc6IDEycHggMTZweDtcclxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG59XHJcblxyXG4uZHJvcGRvd24tY29udGVudCBhOmhvdmVyIHtiYWNrZ3JvdW5kLWNvbG9yOiAjZGRkO31cclxuXHJcbi5kcm9wZG93bjpob3ZlciAuZHJvcGRvd24tY29udGVudCB7ZGlzcGxheTogYmxvY2s7fVxyXG5cclxuLmRyb3Bkb3duOmhvdmVyIC5kcm9wYnRuIHtiYWNrZ3JvdW5kLWNvbG9yOmRvZGdlcmJsdWUgO30iXX0= */\"","import {Component, OnInit, ViewChild,ElementRef} from '@angular/core';\r\nimport {leave} from '../models/leave';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\nimport {MatSort, MatTableDataSource} from '@angular/material';\r\nimport {MatPaginator} from '@angular/material/paginator';\r\nimport {NgForm} from '@angular/forms';\r\nimport {TableUtil} from '../tableUtil';\r\nimport * as jsPDF from 'jspdf';\r\nimport 'jspdf-autotable';\r\nimport html2canvas from 'html2canvas'\r\n\r\n@Component({\r\n selector: 'app-leave',\r\n templateUrl: './leave.component.html',\r\n styleUrls: ['./leave.component.css']\r\n})\r\nexport class LeaveComponent implements OnInit {\r\n leaveAdd :leave;\r\n flag:any=true;\r\n flag1:any=false;\r\n userSession:any;\r\n minDate=new Date()\r\n dataSource;\r\n @ViewChild(MatSort, { static: false }) sort: MatSort;\r\n @ViewChild(MatPaginator, { static: false }) paginator: MatPaginator;\r\n @ViewChild(\"pfrm\", {static: false}) form: NgForm;\r\n @ViewChild('leaves', { static: false }) leaves: ElementRef;\r\n\r\n displayedColumns = ['SlNo','clientName', 'name','teamSize','hours', 'act','reason']\r\n constructor(private ts:TimeSheetService,public toastr: ToastrManager) {\r\n this.leaveAdd = new leave();\r\n\r\n }\r\n applyFilter(filterValue: string) {\r\n filterValue = filterValue.trim();\r\n filterValue = filterValue.toLowerCase();\r\n this.dataSource.filter = filterValue;\r\n }\r\n exportTable(){\r\n TableUtil.exportToExcel(\"Example table\",'Leaves');\r\n }\r\n downloadLeaves(){\r\n let DATA = document.getElementById('Example table');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n // PDF.text(0, 15, 'Reports of '+this.EmployeedetailsById);\r\n PDF.text('Leaves Details ',100, 15,'center');\r\n // PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n // PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('Leaves Details.pdf');\r\n });\r\n }\r\n\r\n applyLeave(){\r\n this.flag=false;\r\n this.flag1=true;\r\n\r\n }\r\n submitLeave(){\r\n if(this.leaveAdd.leaveFromDate <= this.leaveAdd.leaveToDate) {\r\n\r\n\r\n this.ts.submitLeave(this.leaveAdd).subscribe((data) => {\r\n this.toastr.successToastr(data.message);\r\n // this.form.resetForm();\r\n // this.getAllProjects();\r\n this.form.resetForm();\r\n this.getLeave();\r\n this.flag = true;\r\n this.flag1 = false;\r\n });\r\n }else {\r\n\r\n this.toastr.errorToastr(\"To date is must be greater than from date\")\r\n }\r\n }\r\n cancel(){\r\n this.form.resetForm();\r\n this.flag = true;\r\n this.flag1 = false;\r\n }\r\n getLeave(){\r\n this.ts.getLeaves(this.userSession[0].id).subscribe((data) => {\r\n\r\n this.dataSource = data[0].sort().reverse();\r\n // this.dataSource = data[0];\r\n // cconsole.log(\"leave:\",this.dataSource)\r\n this.dataSource = new MatTableDataSource(data[0])\r\n this.dataSource.sort = this.sort;\r\n this.dataSource.paginator = this.paginator;\r\n\r\n\r\n });\r\n }\r\n downloadProjectsPdf() {\r\n var element = document.getElementById('Example table');\r\n\r\n html2canvas(element).then((canvas)=>{\r\n var imagdata = canvas.toDataURL('image/png')\r\n var doc = new jsPDF()\r\n doc.text(40, 40, 'Reports of All Employees')\r\n var imageHeight = canvas.height * 208/canvas.width;\r\n doc.addImage(imagdata,15,15, 208,imageHeight)\r\n doc.save('leave-sheet.pdf')\r\n })\r\n\r\n }\r\n\r\n ngOnInit() {\r\n this.userSession = (JSON.parse(sessionStorage.getItem('user')));\r\n this.leaveAdd.empId= this.userSession[0].id;\r\n this.getLeave();\r\n }\r\n\r\n}\r\n","module.exports = \".fa{\\r\\n padding-left:46px!important\\r\\n}\\r\\n.lead{\\r\\n color: black;\\r\\n padding-left: 40PX;\\r\\n}\\r\\n.form-auth-small{\\r\\n margin-top: 34px;\\r\\n\\r\\n\\r\\n}\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbG9naW4vbG9naW4uY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJO0FBQ0o7QUFDQTtJQUNJLFlBQVk7SUFDWixrQkFBa0I7QUFDdEI7QUFFQTtJQUNJLGdCQUFnQjs7O0FBR3BCIiwiZmlsZSI6InNyYy9hcHAvbG9naW4vbG9naW4uY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mYXtcclxuICAgIHBhZGRpbmctbGVmdDo0NnB4IWltcG9ydGFudFxyXG59XHJcbi5sZWFke1xyXG4gICAgY29sb3I6IGJsYWNrO1xyXG4gICAgcGFkZGluZy1sZWZ0OiA0MFBYO1xyXG59XHJcblxyXG4uZm9ybS1hdXRoLXNtYWxse1xyXG4gICAgbWFyZ2luLXRvcDogMzRweDtcclxuXHJcblxyXG59XHJcbiJdfQ== */\"","import { Component, OnInit } from '@angular/core';\r\nimport { Router, RouterModule } from '@angular/router';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\nimport { loginDetails } from '../models/loginDetails';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\n// import { FormGroup, FormControl, Validators } from '@angular/forms';\r\nimport {MatIconModule} from '@angular/material/icon';\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './login.component.html',\r\n styleUrls: ['./login.component.css']\r\n})\r\nexport class LoginComponent implements OnInit {\r\n lgn: loginDetails;\r\n session: string;\r\n email: string;\r\n password: string;\r\n show: boolean = false;\r\n userSession: any;\r\n constructor(private router: Router, private tss: TimeSheetService, public toastr: ToastrManager) {\r\n this.lgn = new loginDetails();\r\n }\r\n hide: boolean = true;\r\n\r\n myFunction() {\r\n this.hide = !this.hide;\r\n }\r\n ngOnInit() {\r\n // this.lgn.passWord = 'welcome1';\r\n // this.lgn.email = 'pgovindavajjula@sreebtech.com'\r\n if (sessionStorage.getItem('user') !== null) {\r\n this.show = true;\r\n }\r\n }\r\n login(): void {\r\n this.tss.Savelogin(this.lgn.email, this.lgn.passWord).subscribe((data) => {\r\n\r\n if (data.length > 0) {\r\n sessionStorage.setItem('user', JSON.stringify(data));\r\n // window.location.assign('dashboard');\r\n window.location.href='dashboard'\r\n // this.router.navigate(['Welcome']);\r\n this.toastr.successToastr(\"Logged in successfully\");\r\n\r\n }\r\n else {\r\n this.router.navigate(['/login']);\r\n this.toastr.errorToastr(data.message);\r\n\r\n }\r\n });\r\n }\r\n \r\n}\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2xvZ291dC9sb2dvdXQuY29tcG9uZW50LmNzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './logout.component.html',\r\n styleUrls: ['./logout.component.css']\r\n})\r\nexport class LogoutComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","module.exports = \"\\r\\n\\r\\n\\r\\nbutton{\\r\\n border-color: aliceblue;\\r\\n margin-top: 0px;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\nform-control{\\r\\n border-color: #010101!important;\\r\\n}\\r\\n\\r\\n\\r\\ninput{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\ninput:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\nselect{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\nselect:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\ntextarea{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\ntextarea:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\n.select{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\n.select:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\n.center {\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n}\\r\\n\\r\\n\\r\\ntable {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n\\r\\nth{\\r\\n color:#010101!important;\\r\\n border-bottom-style: solid!important;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\ntd{\\r\\n border-bottom-style: groove!important;\\r\\n}\\r\\n\\r\\n\\r\\n.mat-cell {\\r\\n color: rgb(133, 128, 128);\\r\\n}\\r\\n\\r\\n\\r\\n.mat-header-cell {\\r\\n background-color: #2122228a;\\r\\n text-transform: capitalize;\\r\\n font-size: 1em;\\r\\n color: rgb(145, 130, 130);\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n.mat-header-cell h6 {\\r\\n font-weight: bold;\\r\\n text-transform: capitalize;\\r\\n}\\r\\n\\r\\n\\r\\n.mat-paginator {\\r\\n background-color: whitesmoke;\\r\\n color: rgb(0, 0, 0);\\r\\n font: weight 1;\\r\\n}\\r\\n\\r\\n\\r\\n.mat-table {\\r\\n background-color: #58184500;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\nbutton.excel{\\r\\n background-color: dodgerblue;\\r\\n float: right;\\r\\n border-radius: 10px;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n.dropbtn {\\r\\n background-color: dodgerblue;\\r\\n color: white;\\r\\n border-radius: 10px;\\r\\n min-width: 120px;\\r\\n padding: 10px;\\r\\n /*font-size: 16px;*/\\r\\n border: none;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown {\\r\\n position: relative;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content {\\r\\n display: none;\\r\\n position: absolute;\\r\\n background-color: #f1f1f1;\\r\\n min-width: 120px;\\r\\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\\r\\n z-index: 1;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content a {\\r\\n color: black;\\r\\n padding: 12px 16px;\\r\\n text-decoration: none;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content a:hover {background-color: #ddd;}\\r\\n\\r\\n\\r\\n.dropdown:hover .dropdown-content {display: block;}\\r\\n\\r\\n\\r\\n.dropdown:hover .dropbtn {background-color:dodgerblue ;}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbWFzdGVydHNibGUvbWFzdGVydHNibGUuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFHQTtJQUNJLHVCQUF1QjtJQUN2QixlQUFlOztBQUVuQjs7O0FBR0E7SUFDSSwrQkFBK0I7QUFDbkM7OztBQUVBO0lBQ0ksZ0NBQWdDO0FBQ3BDOzs7QUFFQTtJQUNJLHlDQUF5QztBQUM3Qzs7O0FBRUE7SUFDSSxnQ0FBZ0M7QUFDcEM7OztBQUVBO0lBQ0kseUNBQXlDO0FBQzdDOzs7QUFFQTtJQUNJLGdDQUFnQztBQUNwQzs7O0FBQ0E7SUFDSSx5Q0FBeUM7QUFDN0M7OztBQUNBO0lBQ0ksZ0NBQWdDO0FBQ3BDOzs7QUFDQTtJQUNJLHlDQUF5QztBQUM3Qzs7O0FBQ0E7SUFDSSxpQkFBaUI7SUFDakIsa0JBQWtCO0FBQ3RCOzs7QUFFQTtJQUNJLFdBQVc7QUFDZjs7O0FBR0E7SUFDSSx1QkFBdUI7SUFDdkIsb0NBQW9DOztBQUV4Qzs7O0FBRUE7SUFDSSxxQ0FBcUM7QUFDekM7OztBQUNBO0lBQ0kseUJBQXlCO0FBQzdCOzs7QUFDQTtJQUNJLDRCQUE0QjtJQUM1QiwwQkFBMEI7SUFDMUIsZUFBZTtJQUNmLHlCQUF5Qjs7QUFFN0I7OztBQUNBO0lBQ0ksaUJBQWlCO0lBQ2pCLDBCQUEwQjtBQUM5Qjs7O0FBQ0E7SUFDSSw0QkFBNEI7SUFDNUIsbUJBQW1CO0lBQ25CLGNBQWM7QUFDbEI7OztBQUNBO0lBQ0ksMkJBQTJCOztBQUUvQjs7O0FBQ0E7SUFDSSw0QkFBNEI7SUFDNUIsWUFBWTtJQUNaLG1CQUFtQjs7QUFFdkI7OztBQUVBO0lBQ0ksNEJBQTRCO0lBQzVCLFlBQVk7SUFDWixtQkFBbUI7SUFDbkIsZ0JBQWdCO0lBQ2hCLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIsWUFBWTtBQUNoQjs7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIscUJBQXFCO0FBQ3pCOzs7QUFFQTtJQUNJLGFBQWE7SUFDYixrQkFBa0I7SUFDbEIseUJBQXlCO0lBQ3pCLGdCQUFnQjtJQUNoQiw0Q0FBNEM7SUFDNUMsVUFBVTtBQUNkOzs7QUFFQTtJQUNJLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIscUJBQXFCO0lBQ3JCLGNBQWM7QUFDbEI7OztBQUVBLDJCQUEyQixzQkFBc0IsQ0FBQzs7O0FBRWxELG1DQUFtQyxjQUFjLENBQUM7OztBQUVsRCwwQkFBMEIsNEJBQTRCLENBQUMiLCJmaWxlIjoic3JjL2FwcC9tYXN0ZXJ0c2JsZS9tYXN0ZXJ0c2JsZS5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiXHJcblxyXG5cclxuYnV0dG9ue1xyXG4gICAgYm9yZGVyLWNvbG9yOiBhbGljZWJsdWU7XHJcbiAgICBtYXJnaW4tdG9wOiAwcHg7XHJcblxyXG59XHJcblxyXG5cclxuZm9ybS1jb250cm9se1xyXG4gICAgYm9yZGVyLWNvbG9yOiAjMDEwMTAxIWltcG9ydGFudDtcclxufVxyXG5cclxuaW5wdXR7XHJcbiAgICBib3JkZXItY29sb3I6ICAjQTBCRUM1IWltcG9ydGFudDtcclxufVxyXG5cclxuaW5wdXQ6aG92ZXJ7XHJcbiAgICBib3JkZXItY29sb3I6IHJnYig1NSwgMTg5LCAyMTkpIWltcG9ydGFudDtcclxufVxyXG5cclxuc2VsZWN0e1xyXG4gICAgYm9yZGVyLWNvbG9yOiAgI0EwQkVDNSFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbnNlbGVjdDpob3ZlcntcclxuICAgIGJvcmRlci1jb2xvcjogcmdiKDU1LCAxODksIDIxOSkhaW1wb3J0YW50O1xyXG59XHJcblxyXG50ZXh0YXJlYXtcclxuICAgIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG59XHJcbnRleHRhcmVhOmhvdmVye1xyXG4gICAgYm9yZGVyLWNvbG9yOiByZ2IoNTUsIDE4OSwgMjE5KSFpbXBvcnRhbnQ7XHJcbn1cclxuLnNlbGVjdHtcclxuICAgIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG59XHJcbi5zZWxlY3Q6aG92ZXJ7XHJcbiAgICBib3JkZXItY29sb3I6IHJnYig1NSwgMTg5LCAyMTkpIWltcG9ydGFudDtcclxufVxyXG4uY2VudGVyIHtcclxuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xyXG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xyXG59XHJcblxyXG50YWJsZSB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxufVxyXG5cclxuXHJcbnRoe1xyXG4gICAgY29sb3I6IzAxMDEwMSFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXItYm90dG9tLXN0eWxlOiBzb2xpZCFpbXBvcnRhbnQ7XHJcblxyXG59XHJcblxyXG50ZHtcclxuICAgIGJvcmRlci1ib3R0b20tc3R5bGU6IGdyb292ZSFpbXBvcnRhbnQ7XHJcbn1cclxuLm1hdC1jZWxsIHtcclxuICAgIGNvbG9yOiByZ2IoMTMzLCAxMjgsIDEyOCk7XHJcbn1cclxuLm1hdC1oZWFkZXItY2VsbCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAgIzIxMjIyMjhhO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbiAgICBmb250LXNpemU6ICAxZW07XHJcbiAgICBjb2xvcjogcmdiKDE0NSwgMTMwLCAxMzApO1xyXG5cclxufVxyXG4ubWF0LWhlYWRlci1jZWxsIGg2IHtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbn1cclxuLm1hdC1wYWdpbmF0b3Ige1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcclxuICAgIGNvbG9yOiByZ2IoMCwgMCwgMCk7XHJcbiAgICBmb250OiB3ZWlnaHQgMTtcclxufVxyXG4ubWF0LXRhYmxlIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM1ODE4NDUwMDtcclxuXHJcbn1cclxuYnV0dG9uLmV4Y2Vse1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogZG9kZ2VyYmx1ZTtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcblxyXG59XHJcblxyXG4uZHJvcGJ0biB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBkb2RnZXJibHVlO1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcclxuICAgIG1pbi13aWR0aDogMTIwcHg7XHJcbiAgICBwYWRkaW5nOiAxMHB4O1xyXG4gICAgLypmb250LXNpemU6IDE2cHg7Ki9cclxuICAgIGJvcmRlcjogbm9uZTtcclxufVxyXG5cclxuLmRyb3Bkb3duIHtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxufVxyXG5cclxuLmRyb3Bkb3duLWNvbnRlbnQge1xyXG4gICAgZGlzcGxheTogbm9uZTtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmMWYxZjE7XHJcbiAgICBtaW4td2lkdGg6IDEyMHB4O1xyXG4gICAgYm94LXNoYWRvdzogMHB4IDhweCAxNnB4IDBweCByZ2JhKDAsMCwwLDAuMik7XHJcbiAgICB6LWluZGV4OiAxO1xyXG59XHJcblxyXG4uZHJvcGRvd24tY29udGVudCBhIHtcclxuICAgIGNvbG9yOiBibGFjaztcclxuICAgIHBhZGRpbmc6IDEycHggMTZweDtcclxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG59XHJcblxyXG4uZHJvcGRvd24tY29udGVudCBhOmhvdmVyIHtiYWNrZ3JvdW5kLWNvbG9yOiAjZGRkO31cclxuXHJcbi5kcm9wZG93bjpob3ZlciAuZHJvcGRvd24tY29udGVudCB7ZGlzcGxheTogYmxvY2s7fVxyXG5cclxuLmRyb3Bkb3duOmhvdmVyIC5kcm9wYnRuIHtiYWNrZ3JvdW5kLWNvbG9yOmRvZGdlcmJsdWUgO30iXX0= */\"","import {Component, ElementRef, OnInit, ViewChild} from '@angular/core';\r\nimport { designations } from '../models/designation';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\n// import {MatTableDataSource} from \"@angular/material\";\r\n// import {ViewChild} from '@angular/core';\r\nimport { MatSort, MatTableDataSource} from '@angular/material';\r\nimport {MatPaginator} from '@angular/material/paginator';\r\n\r\nimport * as jsPDF from 'jspdf';\r\nimport 'jspdf-autotable';\r\nimport html2canvas from 'html2canvas';\r\nimport {TableUtil} from \"../tableUtil\";\r\n\r\n@Component({\r\n selector: 'app-mastertsble',\r\n templateUrl: './mastertsble.component.html',\r\n styleUrls: ['./mastertsble.component.css']\r\n})\r\nexport class MastertsbleComponent implements OnInit {\r\n displayedColumns = ['SlNo','Role']\r\n @ViewChild(MatSort, { static: false }) sort: MatSort;\r\n @ViewChild(MatPaginator, { static: false }) paginator: MatPaginator;\r\n @ViewChild('paginator1', { static: false }) paginator1: MatPaginator;\r\n @ViewChild('paginator2', { static: false }) paginator2: MatPaginator;\r\n @ViewChild('paginator3', { static: false }) paginator3: MatPaginator;\r\n @ViewChild('paginator4', { static: false }) paginator4: MatPaginator;\r\n @ViewChild('paginator5', { static: false }) paginator5: MatPaginator;\r\n @ViewChild('paginator6', { static: true }) paginator6: MatPaginator;\r\n\r\n @ViewChild(\"tsfrm\", { static: false }) form: any;\r\n @ViewChild('designationhtml', { static: false }) designationhtml: ElementRef;\r\n @ViewChild('phasehtml', { static: false }) phasehtml: ElementRef;\r\n @ViewChild('bloodgrouphtml', { static: false }) bloodgrouphtml: ElementRef;\r\n @ViewChild('status', { static: false }) status: ElementRef;\r\n @ViewChild('department', { static: false }) department: ElementRef;\r\n\r\n\r\n constructor(private ts: TimeSheetService, private toastr :ToastrManager ) { }\r\n designationArray: any = [];\r\n bloodGroupArray : any = [];\r\n departmentsArray : any = [];\r\n statusArray : any = [];\r\n rolesArray : any = [];\r\n phaseArray : any = [];\r\n designation: any = {};\r\n k=0;\r\n isShown :any = true;\r\n isCancel : any = false;\r\n applyFilter(filterValue: string, tName) {\r\n filterValue = filterValue.trim();\r\n filterValue = filterValue.toLowerCase();\r\n if(tName == 'Designation Details'){\r\n this.dataSourceDesignation.filter = filterValue;\r\n\r\n }else if(tName == 'Phases Details'){\r\n this.dataSourcePhase.filter = filterValue;\r\n\r\n }\r\n // else if(tName == 'Bloodgroups'){\r\n // this.dataSourceBloadgroup.filter = filterValue;\r\n\r\n // }\r\n else if(tName == 'Status Details'){\r\n this.dataSourceStatus.filter = filterValue;\r\n\r\n }\r\n else if(tName == 'Department Details'){\r\n this.dataSourceDepartment.filter = filterValue;\r\n\r\n }\r\n else if(tName == 'Roles Details'){\r\n this.dataSourceRoles.filter = filterValue;\r\n\r\n }else{\r\n this.dataSource.filter = filterValue;\r\n\r\n }\r\n // else if(tName == 'Roles Details'){}\r\n\r\n }\r\n dataSource:any;\r\n dataSourceRoles:any;\r\n dataSourceStatus:any;\r\n dataSourceDesignation:any;\r\n dataSourcePhase:any;\r\n dataSourceBloadgroup:any;\r\n dataSourceDepartment:any;\r\n \r\n submit(des){\r\n // console.log(des,'des' ,this.valid(des))\r\n if(this.valid(des)){\r\n this.ts.setMastertable(des).subscribe((data) => {\r\n\r\n this.toastr.successToastr(data.message);\r\n // console.log('roles',des[0].tableName)\r\n if(des[0].tableName === 'roles'){\r\n this.roles();\r\n\r\n }else if (des[0].tableName === 'phases'){\r\n this.phaseData();\r\n }else if (des[0].tableName === 'designation'){\r\n this.designationData();\r\n }else if (des[0].tableName === 'bloodGroup'){\r\n this.bloodGroupData()\r\n }else if (des[0].tableName === 'departments'){\r\n this.departmentsData()\r\n }else {\r\n this.statusData();\r\n }\r\n\r\n })}\r\n }\r\n valid(dataFoevalid){\r\n for(let i = 0; i {\r\n // this.dataSource = data[0].sort().reverse();\r\n this.dataSourceDepartment = new MatTableDataSource(data[0]);\r\n this.dataSourceDepartment.sort = this.sort;\r\n this.dataSourceDepartment.paginator = this.paginator1;\r\n\r\n })\r\n }\r\n designationData(){\r\n this.isShown = true;\r\n this.isCancel = false;\r\n this.k=0;\r\n this.designationArray=[{name :null,tableName:'designation',id:null}];\r\n this.ts.getMastertable({tableName:'designation'}).subscribe((data) => {\r\n // this.dataSource = data[0].sort().reverse();\r\n this.dataSourceDesignation = new MatTableDataSource(data[0]);\r\n this.dataSourceDesignation.sort = this.sort;\r\n this.dataSourceDesignation.paginator = this.paginator2;\r\n\r\n })\r\n }\r\n phaseData(){\r\n this.isShown = true;\r\n this.isCancel = false;\r\n this.k=0;\r\n this.phaseArray=[{name :null,tableName:'phases' ,id:null}];\r\n this.ts.getMastertable({tableName:'phases'}).subscribe((data) => {\r\n // this.dataSource = data[0].sort().reverse();\r\n this.dataSourcePhase = new MatTableDataSource(data[0])\r\n\r\n this.dataSourcePhase.sort = this.sort;\r\n this.dataSourcePhase.paginator = this.paginator3;\r\n\r\n })\r\n }\r\n\r\n bloodGroupData(){\r\n this.isShown = true;\r\n this.isCancel = false;\r\n this.k=0;\r\n\r\n this.bloodGroupArray=[{name :null,tableName:'bloodGroup',id:null}];\r\n this.ts.getMastertable({tableName:'bloodGroup'}).subscribe((data) => {\r\n // this.dataSource = data[0].sort().reverse();\r\n this.dataSource = new MatTableDataSource(data[0]);\r\n this.dataSource.sort = this.sort;\r\n this.dataSource.paginator = this.paginator6;\r\n\r\n })\r\n\r\n }\r\n statusData(){\r\n this.isShown = true;\r\n this.isCancel = false;\r\n this.k=0;\r\n this.statusArray=[{name :null,tableName:'status',id:null}];\r\n this.ts.getMastertable({tableName:'status'}).subscribe((data) => {\r\n // this.dataSource = data[0].sort().reverse();\r\n this.dataSourceStatus = new MatTableDataSource(data[0])\r\n this.dataSourceStatus.sort = this.sort\r\n this.dataSourceStatus.paginator = this.paginator4\r\n\r\n })\r\n\r\n }\r\n roles(){\r\n this.isShown = true;\r\n this.isCancel = false;\r\n this.k=0;\r\n this.rolesArray=[{name :null,tableName:'roles',id:null}];\r\n this.ts.getMastertable({tableName:'roles'}).subscribe((data) => {\r\n // this.dataSource = data[0].sort().reverse();\r\n console.log(\"this.dataSource\",data)\r\n this.dataSourceRoles = new MatTableDataSource(data[0])\r\n this.dataSourceRoles.sort = this.sort;\r\n this.dataSourceRoles.paginator = this.paginator5;\r\n\r\n })\r\n\r\n }\r\n edit(name,id,tname){\r\n this.isShown = false;\r\n this.isCancel = true;\r\n if(tname === 'phases'){\r\n this.phaseArray[0].name = name;\r\n this.phaseArray[0].tableName = tname;\r\n this.phaseArray[0].id = id;\r\n\r\n }else if(tname === 'roles'){\r\n this.rolesArray[0].name = name;\r\n this.rolesArray[0].tableName = tname;\r\n this.rolesArray[0].id = id;\r\n\r\n }else if(tname === 'status'){\r\n this.statusArray[0].name = name;\r\n this.statusArray[0].tableName = tname;\r\n this.statusArray[0].id = id;\r\n\r\n }else if(tname === 'bloodGroup'){\r\n this.bloodGroupArray[0].name = name;\r\n this.bloodGroupArray[0].tableName = tname;\r\n this.bloodGroupArray[0].id = id;\r\n\r\n }else if(tname === 'departments'){\r\n this.bloodGroupArray[0].name = name;\r\n this.bloodGroupArray[0].tableName = tname;\r\n this.bloodGroupArray[0].id = id;\r\n\r\n }else{\r\n this.designationArray[0].name = name;\r\n this.designationArray[0].tableName = tname;\r\n this.designationArray[0].id = id;\r\n\r\n\r\n }\r\n\r\n\r\n }\r\n cancel(tname){\r\n this.isShown = true;\r\n this.isCancel = false;\r\n if(tname === 'phases'){\r\n this.phaseArray[0].name = null;\r\n this.phaseArray[0].tableName = tname;\r\n this.phaseArray[0].id = null;\r\n\r\n }else if(tname === 'roles'){\r\n this.rolesArray[0].name = null;\r\n this.rolesArray[0].tableName = tname;\r\n this.rolesArray[0].id = null;\r\n\r\n }else if(tname === 'status'){\r\n this.statusArray[0].name = null;\r\n this.statusArray[0].tableName = tname;\r\n this.statusArray[0].id = null;\r\n\r\n }else if(tname === 'bloodGroup'){\r\n this.bloodGroupArray[0].name = null;\r\n this.bloodGroupArray[0].tableName = tname;\r\n this.bloodGroupArray[0].id = null;\r\n\r\n }else if(tname === 'departments'){\r\n this.bloodGroupArray[0].name = null;\r\n this.bloodGroupArray[0].tableName = tname;\r\n this.bloodGroupArray[0].id = null;\r\n\r\n }else{\r\n this.designationArray[0].name = null;\r\n this.designationArray[0].tableName = tname;\r\n this.designationArray[0].id = null;\r\n\r\n\r\n }\r\n\r\n }\r\nRolesPdf() {\r\n let DATA = document.getElementById('Example table3');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n // PDF.text(0, 15, 'Reports of '+this.EmployeedetailsById);\r\n PDF.text('Roles Details ',100, 15,'center');\r\n // PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n // PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('Roles Details.pdf');\r\n });\r\n}\r\nDesignationPdf(){\r\n let DATA = document.getElementById('Example table2');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n // PDF.text(0, 15, 'Reports of '+this.EmployeedetailsById);\r\n PDF.text('Designations Details ',100, 15,'center');\r\n // PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n // PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('Designations Details.pdf');\r\n });\r\n \r\n}\r\n exportTable(tableName,pdfName) {\r\n TableUtil.exportToExcel(tableName,pdfName);\r\n\r\n }\r\nPhasePdf(){\r\n let DATA = document.getElementById('Example table5');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n // PDF.text(0, 15, 'Reports of '+this.EmployeedetailsById);\r\n PDF.text('Phases Details ',100, 15,'center');\r\n // PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n // PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('Phases Details.pdf');\r\n });\r\n}\r\nBloodgroupPdf(){\r\n let DATA = document.getElementById('Example table4');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n // PDF.text(0, 15, 'Reports of '+this.EmployeedetailsById);\r\n PDF.text('Blood Groups Details ',100, 15,'center');\r\n // PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n // PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('Blood Groups Details.pdf');\r\n });\r\n}\r\nStatusPdf(){\r\n let DATA = document.getElementById('Example table6');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n // PDF.text(0, 15, 'Reports of '+this.EmployeedetailsById);\r\n PDF.text('Status Details ',100, 15,'center');\r\n // PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n // PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('Status Details.pdf');\r\n });\r\n}\r\nDepartmentPdf(){\r\n let DATA = document.getElementById('Example table7');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n // PDF.text(0, 15, 'Reports of '+this.EmployeedetailsById);\r\n PDF.text('Departments Details ',100, 15,'center');\r\n // PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n // PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('Departments Details.pdf');\r\n });\r\n }\r\n\r\n\r\n ngOnInit() {\r\n // this.designationArray=[{name :null,tableName:'designation'}];\r\n this.designationData();\r\n this.phaseData();\r\n this.bloodGroupData();\r\n this.statusData();\r\n this.departmentsData()\r\n this.roles();\r\n this.k=0;\r\n }\r\n\r\n}\r\n","module.exports = \"@media screen and (min-width: 330px) and (max-width: 375px) {\\r\\n.custom-welcome {\\r\\n padding-right: 0% !important;\\r\\n}\\r\\n.custom-welcome-header {\\r\\nmargin-left: 70px !important;\\r\\n}\\r\\n}\\r\\n@media screen and (min-width: 380px) and (max-width: 414px) {\\r\\n .custom-welcome {\\r\\n padding-right: 0% !important;\\r\\n }\\r\\n .custom-welcome-header {\\r\\n margin-left: 82px !important;\\r\\n }\\r\\n }\\r\\n@media screen and (min-width: 300px) and (max-width: 320px) {\\r\\n .custom-welcome {\\r\\n padding-right: 0% !important;\\r\\n }\\r\\n .custom-welcome-header {\\r\\n margin-left: 48px !important;\\r\\n }\\r\\n }\\r\\n@media screen and (min-width: 420px) and (max-width: 800px) {\\r\\n .custom-welcome {\\r\\n padding-right: 0% !important;\\r\\n } \\r\\n }\\r\\n@media screen and (min-width: 800px) and (max-width: 1030px) {\\r\\n .custom-welcome {\\r\\n padding-right: 0% !important;\\r\\n } \\r\\n .custom-welcome-header {\\r\\n margin-left: 380px !important;\\r\\n }\\r\\n }\\r\\n.img-fluid{\\r\\n width:50%;\\r\\n margin-left: 163px;\\r\\n\\r\\n }\\r\\n/*for clock */\\r\\n.analog-clock {\\r\\n position: relative;\\r\\n margin: 100px auto 0;\\r\\n width: 200px;\\r\\n height: 200px;\\r\\n background-color: black;\\r\\n border-radius: 50%;\\r\\n border-color: white;\\r\\n }\\r\\n.hand {\\r\\n position: absolute;\\r\\n left: 50%;\\r\\n width: 1px;\\r\\n height: 100px;\\r\\n /* 자바스크립트에 의해 덮어써진다. */\\r\\n /* transform: translate3d(-50%, 0, 0); */\\r\\n transform-origin: 100% 100%;\\r\\n }\\r\\n.hour {\\r\\n background-color: red;\\r\\n }\\r\\n.minute {\\r\\n background-color: white;\\r\\n }\\r\\n.second {\\r\\n background-color: #9e9e9e;\\r\\n }\\r\\n.center-circle {\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n left: 50%;\\r\\n transform: translate3d(-50%, -50%, 0);\\r\\n width: 12px;\\r\\n height: 12px;\\r\\n background-color:white;\\r\\n border-radius: 50%;\\r\\n }\\r\\n.digital-clock {\\r\\n position: absolute;\\r\\n top: 350px;\\r\\n left: 50%;\\r\\n transform: translate3d(-50%, 0, 0);\\r\\n font-size: 2em;\\r\\n font-family: 'Source Code Pro', monospace;\\r\\n } \\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbWVudS9tZW51LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtJQUNJLDRCQUE0QjtBQUNoQztBQUNBO0FBQ0EsNEJBQTRCO0FBQzVCO0FBQ0E7QUFDQTtJQUNJO1FBQ0ksNEJBQTRCO0lBQ2hDO0lBQ0E7SUFDQSw0QkFBNEI7SUFDNUI7SUFDQTtBQUNKO1FBQ1E7WUFDSSw0QkFBNEI7UUFDaEM7UUFDQTtRQUNBLDRCQUE0QjtRQUM1QjtRQUNBO0FBQ1I7UUFDUTtnQkFDUSw0QkFBNEI7UUFDcEM7WUFDSTtBQUNaO1FBQ1E7d0JBQ2dCLDRCQUE0QjtRQUM1QztRQUNBO1lBQ0ksNkJBQTZCO1lBQzdCO29CQUNRO0FBSXBCO0tBQ0ssU0FBUztLQUNULGtCQUFrQjs7SUFFbkI7QUFHSixhQUFhO0FBQ1Q7UUFDSSxrQkFBa0I7UUFDbEIsb0JBQW9CO1FBQ3BCLFlBQVk7UUFDWixhQUFhO1FBQ2IsdUJBQXVCO1FBQ3ZCLGtCQUFrQjtRQUNsQixtQkFBbUI7TUFDckI7QUFFQTtRQUNFLGtCQUFrQjtRQUNsQixTQUFTO1FBQ1QsVUFBVTtRQUNWLGFBQWE7UUFDYixzQkFBc0I7UUFDdEIsd0NBQXdDO1FBQ3hDLDJCQUEyQjtNQUM3QjtBQUVBO1FBQ0UscUJBQXFCO01BQ3ZCO0FBRUE7UUFDRSx1QkFBdUI7TUFDekI7QUFFQTtRQUNFLHlCQUF5QjtNQUMzQjtBQUVBO1FBQ0Usa0JBQWtCO1FBQ2xCLFFBQVE7UUFDUixTQUFTO1FBQ1QscUNBQXFDO1FBQ3JDLFdBQVc7UUFDWCxZQUFZO1FBQ1osc0JBQXNCO1FBQ3RCLGtCQUFrQjtNQUNwQjtBQUVBO1FBQ0Usa0JBQWtCO1FBQ2xCLFVBQVU7UUFDVixTQUFTO1FBQ1Qsa0NBQWtDO1FBQ2xDLGNBQWM7UUFDZCx5Q0FBeUM7TUFDM0MiLCJmaWxlIjoic3JjL2FwcC9tZW51L21lbnUuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMzMHB4KSBhbmQgKG1heC13aWR0aDogMzc1cHgpIHtcclxuLmN1c3RvbS13ZWxjb21lIHtcclxuICAgIHBhZGRpbmctcmlnaHQ6IDAlICFpbXBvcnRhbnQ7XHJcbn1cclxuLmN1c3RvbS13ZWxjb21lLWhlYWRlciB7XHJcbm1hcmdpbi1sZWZ0OiA3MHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxufVxyXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAzODBweCkgYW5kIChtYXgtd2lkdGg6IDQxNHB4KSB7XHJcbiAgICAuY3VzdG9tLXdlbGNvbWUge1xyXG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDAlICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuY3VzdG9tLXdlbGNvbWUtaGVhZGVyIHtcclxuICAgIG1hcmdpbi1sZWZ0OiA4MnB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICB9XHJcbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwMHB4KSBhbmQgKG1heC13aWR0aDogMzIwcHgpIHtcclxuICAgICAgICAuY3VzdG9tLXdlbGNvbWUge1xyXG4gICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAwJSAhaW1wb3J0YW50O1xyXG4gICAgICAgIH1cclxuICAgICAgICAuY3VzdG9tLXdlbGNvbWUtaGVhZGVyIHtcclxuICAgICAgICBtYXJnaW4tbGVmdDogNDhweCAhaW1wb3J0YW50O1xyXG4gICAgICAgIH1cclxuICAgICAgICB9ICBcclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNDIwcHgpIGFuZCAobWF4LXdpZHRoOiA4MDBweCkge1xyXG4gICAgICAgIC5jdXN0b20td2VsY29tZSB7XHJcbiAgICAgICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAwJSAhaW1wb3J0YW50O1xyXG4gICAgICAgIH0gIFxyXG4gICAgICAgICAgICB9ICBcclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogODAwcHgpIGFuZCAobWF4LXdpZHRoOiAxMDMwcHgpIHtcclxuICAgICAgICAuY3VzdG9tLXdlbGNvbWUge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAwJSAhaW1wb3J0YW50O1xyXG4gICAgICAgIH0gIFxyXG4gICAgICAgIC5jdXN0b20td2VsY29tZS1oZWFkZXIge1xyXG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogMzgwcHggIWltcG9ydGFudDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH0gICAgICAgICAgICAgIFxyXG5cclxuXHJcblxyXG4uaW1nLWZsdWlke1xyXG4gICAgIHdpZHRoOjUwJTtcclxuICAgICBtYXJnaW4tbGVmdDogMTYzcHg7XHJcblxyXG4gICAgfSAgICAgICAgICAgICAgICAgICAgXHJcblxyXG5cclxuLypmb3IgY2xvY2sgKi9cclxuICAgIC5hbmFsb2ctY2xvY2sge1xyXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgICAgICBtYXJnaW46IDEwMHB4IGF1dG8gMDtcclxuICAgICAgICB3aWR0aDogMjAwcHg7XHJcbiAgICAgICAgaGVpZ2h0OiAyMDBweDtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcclxuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcclxuICAgICAgfVxyXG4gIFxyXG4gICAgICAuaGFuZCB7XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIGxlZnQ6IDUwJTtcclxuICAgICAgICB3aWR0aDogMXB4O1xyXG4gICAgICAgIGhlaWdodDogMTAwcHg7XHJcbiAgICAgICAgLyog7J6Q67CU7Iqk7YGs66a97Yq47JeQIOydmO2VtCDrja7slrTsjajsp4Tri6QuICovXHJcbiAgICAgICAgLyogdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAwLCAwKTsgKi9cclxuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiAxMDAlIDEwMCU7XHJcbiAgICAgIH1cclxuICBcclxuICAgICAgLmhvdXIge1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJlZDtcclxuICAgICAgfVxyXG4gIFxyXG4gICAgICAubWludXRlIHtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICAgICAgfVxyXG4gIFxyXG4gICAgICAuc2Vjb25kIHtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjOWU5ZTllO1xyXG4gICAgICB9XHJcbiAgXHJcbiAgICAgIC5jZW50ZXItY2lyY2xlIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgdG9wOiA1MCU7XHJcbiAgICAgICAgbGVmdDogNTAlO1xyXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCk7XHJcbiAgICAgICAgd2lkdGg6IDEycHg7XHJcbiAgICAgICAgaGVpZ2h0OiAxMnB4O1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6d2hpdGU7XHJcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gICAgICB9XHJcbiAgXHJcbiAgICAgIC5kaWdpdGFsLWNsb2NrIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgdG9wOiAzNTBweDtcclxuICAgICAgICBsZWZ0OiA1MCU7XHJcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAwLCAwKTtcclxuICAgICAgICBmb250LXNpemU6IDJlbTtcclxuICAgICAgICBmb250LWZhbWlseTogJ1NvdXJjZSBDb2RlIFBybycsIG1vbm9zcGFjZTtcclxuICAgICAgfSAgIl19 */\"","import { Component, OnInit,ViewChild,ElementRef,AfterViewInit } from '@angular/core';\r\nimport { Router, RouterModule } from '@angular/router';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './menu.component.html',\r\n styleUrls: ['./menu.component.css']\r\n})\r\nexport class MenuComponent implements OnInit , AfterViewInit{\r\n userSession: any;\r\n user:any\r\n @ViewChild('hourHand', {static: false}) hourHand: ElementRef;\r\n @ViewChild('minuteHand', {static: false}) minuteHand: ElementRef;\r\n @ViewChild('secondHand', {static: false}) secondHand: ElementRef;\r\n\r\n isRunning = true;\r\n timerId: any;\r\n\r\n date: Date;\r\n hour: number;\r\n minute: number;\r\n second: number;\r\n constructor(private ts: TimeSheetService,private router: Router) { }\r\n ngAfterViewInit(): void {\r\n \r\n this.timerId = this.getTime();\r\n }\r\n animateAnalogClock() {\r\n this.hourHand.nativeElement.style.transform\r\n = `translate3d(-50%, 0, 0) rotate(${(this.hour * 30) + (this.minute * 0.5) + (this.second * (0.5 / 60))}deg)`;\r\n this.minuteHand.nativeElement.style.transform\r\n = `translate3d(-50%, 0, 0) rotate(${(this.minute * 6) + (this.second * 0.1)}deg)`;\r\n this.secondHand.nativeElement.style.transform\r\n = `translate3d(-50%, 0, 0) rotate(${this.second * 6}deg)`;\r\n }\r\n\r\n getTime() {\r\n return setInterval(() => {\r\n this.date = new Date();\r\n this.hour = this.date.getHours();\r\n this.minute = this.date.getMinutes();\r\n this.second = this.date.getSeconds();\r\n\r\n this.animateAnalogClock();\r\n }, 1000);\r\n\r\n }\r\n \r\n ngOnInit() {\r\n this.userSession = (JSON.parse(sessionStorage.getItem('user')))\r\n this.ts.getUsersById(this.userSession[0].id).subscribe((data) => {\r\n this.user = data\r\n console.log(data)\r\n \r\n });\r\n\r\n }\r\n\r\n\r\n}","module.exports = \"@import url(https://fonts.googleapis.com/css?family=Open+Sans:400);\\r\\n\\r\\n.frame {\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n left: 50%;\\r\\n width: 400px;\\r\\n height: 400px;\\r\\n margin-top: -200px;\\r\\n margin-left: -200px;\\r\\n border-radius: 2px;\\r\\n box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.3);\\r\\n background: #3A92AF;\\r\\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A92AF', endColorstr='#5CA05A',GradientType=1 );\\r\\n color: #fff;\\r\\n font-family: 'Open Sans', Helvetica, sans-serif;\\r\\n -webkit-font-smoothing: antialiased;\\r\\n -moz-osx-font-smoothing: grayscale;\\r\\n}\\r\\n\\r\\n.center {\\r\\n position: absolute;\\r\\n width: 300px;\\r\\n height: 260px;\\r\\n top: 70px;\\r\\n left: 50px;\\r\\n background: #fff;\\r\\n box-shadow: 8px 10px 15px 0 rgba(0,0,0,0.2);\\r\\n border-radius: 3px;\\r\\n}\\r\\n\\r\\n.title {\\r\\n font-size: 16px;\\r\\n color: #676767;\\r\\n line-height: 50px;\\r\\n height: 50px;\\r\\n border-bottom: 1px solid #D8D8D8;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.dropzone {\\r\\n position: absolute;\\r\\n z-index: 1;\\r\\n box-sizing: border-box;\\r\\n display: table;\\r\\n table-layout: fixed;\\r\\n width: 100px;\\r\\n height: 80px;\\r\\n top: 86px;\\r\\n left: 100px;\\r\\n border: 1px dashed #A4A4A4;\\r\\n border-radius: 3px;\\r\\n text-align: center;\\r\\n overflow: hidden;\\r\\n\\r\\n&.is-dragover {\\r\\n border-color: #666;\\r\\n background: #eee;\\r\\n }\\r\\n\\r\\n.content {\\r\\n display: table-cell;\\r\\n vertical-align: middle;\\r\\n}\\r\\n\\r\\n.upload {\\r\\n margin: 6px 0 0 2px;\\r\\n}\\r\\n\\r\\n.filename {\\r\\n display: block;\\r\\n color: #676767;\\r\\n font-size: 14px;\\r\\n line-height: 18px;\\r\\n}\\r\\n\\r\\n.input {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n opacity: 0;\\r\\n}\\r\\n\\r\\n}\\r\\n\\r\\n.upload-btn {\\r\\n position: absolute;\\r\\n width: 140px;\\r\\n height: 40px;\\r\\n left: 80px;\\r\\n bottom: 24px;\\r\\n background: #3A92AF;\\r\\n border-radius: 3px;\\r\\n text-align: center;\\r\\n line-height: 40px;\\r\\n font-size: 14px;\\r\\n box-shadow: 0 2px 0 0 #498C25;\\r\\n cursor: pointer;\\r\\n transition: all .2s ease-in-out;\\r\\n\\r\\n&:hover {\\r\\n box-shadow: 0 2px 0 0 #498C25, 0 2px 10px 0 #6ECE3B;\\r\\n }\\r\\n}\\r\\n\\r\\n.bar {\\r\\n position: absolute;\\r\\n z-index: 1;\\r\\n width: 300px;\\r\\n height: 3px;\\r\\n top: 49px;\\r\\n left: 0;\\r\\n background: #6ECE3B;\\r\\n transition: all 3s ease-out;\\r\\n transform: scaleX(0);\\r\\n transform-origin: 0 0;\\r\\n\\r\\n&.active {\\r\\n transform: scaleX(1) translate3d(0,0,0);\\r\\n }\\r\\n}\\r\\n\\r\\n.syncing {\\r\\n position: absolute;\\r\\n top: 109px;\\r\\n left: 134px;\\r\\n opacity: 0;\\r\\n\\r\\n&.active {\\r\\n -webkit-animation: syncing 3.2s ease-in-out;\\r\\n animation: syncing 3.2s ease-in-out;\\r\\n }\\r\\n}\\r\\n\\r\\n.done {\\r\\n position: absolute;\\r\\n top: 112px;\\r\\n left: 132px;\\r\\n opacity: 0;\\r\\n\\r\\n&.active {\\r\\n -webkit-animation: done .5s ease-in 3.2s;\\r\\n animation: done .5s ease-in 3.2s;\\r\\n -webkit-animation-fill-mode: both;\\r\\n animation-fill-mode: both;\\r\\n }\\r\\n}\\r\\n\\r\\n@-webkit-keyframes syncing {\\r\\n 0% {\\r\\n transform: rotate(0deg);\\r\\n }\\r\\n 10% {\\r\\n opacity: 1;\\r\\n }\\r\\n 90% {\\r\\n opacity: 1;\\r\\n }\\r\\n 100% {\\r\\n transform: rotate(360deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes syncing {\\r\\n 0% {\\r\\n transform: rotate(0deg);\\r\\n }\\r\\n 10% {\\r\\n opacity: 1;\\r\\n }\\r\\n 90% {\\r\\n opacity: 1;\\r\\n }\\r\\n 100% {\\r\\n transform: rotate(360deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@-webkit-keyframes done {\\r\\n from {\\r\\n opacity: 0;\\r\\n }\\r\\n to {\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes done {\\r\\n from {\\r\\n opacity: 0;\\r\\n }\\r\\n to {\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n.dropzone .input {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n opacity: 0;\\r\\n}\\r\\n\\r\\n.dropzone .upload {\\r\\n /*margin: 23px 0 0 2px;*/\\r\\n height: 80px;\\r\\n width: 100px;\\r\\n\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbW9kZWwtcHJvZmlsZS9tb2RlbC1wcm9maWxlLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0VBQWtFOztBQUVsRTtJQUNJLGtCQUFrQjtJQUNsQixRQUFRO0lBQ1IsU0FBUztJQUNULFlBQVk7SUFDWixhQUFhO0lBQ2Isa0JBQWtCO0lBQ2xCLG1CQUFtQjtJQUNuQixrQkFBa0I7SUFDbEIsNENBQTRDO0lBQzVDLG1CQUFtQjtJQUNuQixtSEFBbUg7SUFDbkgsV0FBVztJQUNYLCtDQUErQztJQUMvQyxtQ0FBbUM7SUFDbkMsa0NBQWtDO0FBQ3RDOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFlBQVk7SUFDWixhQUFhO0lBQ2IsU0FBUztJQUNULFVBQVU7SUFDVixnQkFBZ0I7SUFDaEIsMkNBQTJDO0lBQzNDLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLGVBQWU7SUFDZixjQUFjO0lBQ2QsaUJBQWlCO0lBQ2pCLFlBQVk7SUFDWixnQ0FBZ0M7SUFDaEMsa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFVBQVU7SUFDVixzQkFBc0I7SUFDdEIsY0FBYztJQUNkLG1CQUFtQjtJQUNuQixZQUFZO0lBQ1osWUFBWTtJQUNaLFNBQVM7SUFDVCxXQUFXO0lBQ1gsMEJBQTBCO0lBQzFCLGtCQUFrQjtJQUNsQixrQkFBa0I7SUFDbEIsZ0JBQWdCOztBQUVwQjtLQUNLLGtCQUFrQjtLQUNsQixnQkFBZ0I7Q0FDcEI7O0FBRUQ7SUFDSSxtQkFBbUI7SUFDbkIsc0JBQXNCO0FBQzFCOztBQUVBO0lBQ0ksbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksY0FBYztJQUNkLGNBQWM7SUFDZCxlQUFlO0lBQ2YsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLE1BQU07SUFDTixPQUFPO0lBQ1AsUUFBUTtJQUNSLFNBQVM7SUFDVCxVQUFVO0FBQ2Q7O0FBRUE7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLFlBQVk7SUFDWixVQUFVO0lBQ1YsWUFBWTtJQUNaLG1CQUFtQjtJQUNuQixrQkFBa0I7SUFDbEIsa0JBQWtCO0lBQ2xCLGlCQUFpQjtJQUNqQixlQUFlO0lBQ2YsNkJBQTZCO0lBQzdCLGVBQWU7SUFDZiwrQkFBK0I7O0FBRW5DO0tBQ0ssbURBQW1EO0NBQ3ZEO0FBQ0Q7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsVUFBVTtJQUNWLFlBQVk7SUFDWixXQUFXO0lBQ1gsU0FBUztJQUNULE9BQU87SUFDUCxtQkFBbUI7SUFDbkIsMkJBQTJCO0lBQzNCLG9CQUFvQjtJQUNwQixxQkFBcUI7O0FBRXpCO0tBQ0ssdUNBQXVDO0NBQzNDO0FBQ0Q7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsVUFBVTtJQUNWLFdBQVc7SUFDWCxVQUFVOztBQUVkO0tBQ0ssMkNBQW1DO2FBQW5DLG1DQUFtQztDQUN2QztBQUNEOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFVBQVU7SUFDVixXQUFXO0lBQ1gsVUFBVTs7QUFFZDtLQUNLLHdDQUFnQzthQUFoQyxnQ0FBZ0M7S0FDaEMsaUNBQXlCO2FBQXpCLHlCQUF5QjtDQUM3QjtBQUNEOztBQUVBO0lBQ0k7UUFDSSx1QkFBdUI7SUFDM0I7SUFDQTtRQUNJLFVBQVU7SUFDZDtJQUNBO1FBQ0ksVUFBVTtJQUNkO0lBQ0E7UUFDSSx5QkFBeUI7UUFDekIsVUFBVTtJQUNkO0FBQ0o7O0FBZEE7SUFDSTtRQUNJLHVCQUF1QjtJQUMzQjtJQUNBO1FBQ0ksVUFBVTtJQUNkO0lBQ0E7UUFDSSxVQUFVO0lBQ2Q7SUFDQTtRQUNJLHlCQUF5QjtRQUN6QixVQUFVO0lBQ2Q7QUFDSjs7QUFFQTtJQUNJO1FBQ0ksVUFBVTtJQUNkO0lBQ0E7UUFDSSxVQUFVO0lBQ2Q7QUFDSjs7QUFQQTtJQUNJO1FBQ0ksVUFBVTtJQUNkO0lBQ0E7UUFDSSxVQUFVO0lBQ2Q7QUFDSjs7QUFDQTtJQUNJLGtCQUFrQjtJQUNsQixNQUFNO0lBQ04sT0FBTztJQUNQLFFBQVE7SUFDUixTQUFTO0lBQ1QsVUFBVTtBQUNkOztBQUNBO0lBQ0ksd0JBQXdCO0lBQ3hCLFlBQVk7SUFDWixZQUFZOztBQUVoQiIsImZpbGUiOiJzcmMvYXBwL21vZGVsLXByb2ZpbGUvbW9kZWwtcHJvZmlsZS5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCB1cmwoaHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9jc3M/ZmFtaWx5PU9wZW4rU2Fuczo0MDApO1xyXG5cclxuLmZyYW1lIHtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogNTAlO1xyXG4gICAgbGVmdDogNTAlO1xyXG4gICAgd2lkdGg6IDQwMHB4O1xyXG4gICAgaGVpZ2h0OiA0MDBweDtcclxuICAgIG1hcmdpbi10b3A6IC0yMDBweDtcclxuICAgIG1hcmdpbi1sZWZ0OiAtMjAwcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiAycHg7XHJcbiAgICBib3gtc2hhZG93OiAxcHggMnB4IDEwcHggMHB4IHJnYmEoMCwwLDAsMC4zKTtcclxuICAgIGJhY2tncm91bmQ6ICMzQTkyQUY7XHJcbiAgICBmaWx0ZXI6IHByb2dpZDpEWEltYWdlVHJhbnNmb3JtLk1pY3Jvc29mdC5ncmFkaWVudCggc3RhcnRDb2xvcnN0cj0nIzNBOTJBRicsIGVuZENvbG9yc3RyPScjNUNBMDVBJyxHcmFkaWVudFR5cGU9MSApO1xyXG4gICAgY29sb3I6ICNmZmY7XHJcbiAgICBmb250LWZhbWlseTogJ09wZW4gU2FucycsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcclxuICAgIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xyXG4gICAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcclxufVxyXG5cclxuLmNlbnRlciB7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICB3aWR0aDogMzAwcHg7XHJcbiAgICBoZWlnaHQ6IDI2MHB4O1xyXG4gICAgdG9wOiA3MHB4O1xyXG4gICAgbGVmdDogNTBweDtcclxuICAgIGJhY2tncm91bmQ6ICNmZmY7XHJcbiAgICBib3gtc2hhZG93OiA4cHggMTBweCAxNXB4IDAgcmdiYSgwLDAsMCwwLjIpO1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG59XHJcblxyXG4udGl0bGUge1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgY29sb3I6ICM2NzY3Njc7XHJcbiAgICBsaW5lLWhlaWdodDogNTBweDtcclxuICAgIGhlaWdodDogNTBweDtcclxuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjRDhEOEQ4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcblxyXG4uZHJvcHpvbmUge1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICBkaXNwbGF5OiB0YWJsZTtcclxuICAgIHRhYmxlLWxheW91dDogZml4ZWQ7XHJcbiAgICB3aWR0aDogMTAwcHg7XHJcbiAgICBoZWlnaHQ6IDgwcHg7XHJcbiAgICB0b3A6IDg2cHg7XHJcbiAgICBsZWZ0OiAxMDBweDtcclxuICAgIGJvcmRlcjogMXB4IGRhc2hlZCAjQTRBNEE0O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuXHJcbiYuaXMtZHJhZ292ZXIge1xyXG4gICAgIGJvcmRlci1jb2xvcjogIzY2NjtcclxuICAgICBiYWNrZ3JvdW5kOiAjZWVlO1xyXG4gfVxyXG5cclxuLmNvbnRlbnQge1xyXG4gICAgZGlzcGxheTogdGFibGUtY2VsbDtcclxuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XHJcbn1cclxuXHJcbi51cGxvYWQge1xyXG4gICAgbWFyZ2luOiA2cHggMCAwIDJweDtcclxufVxyXG5cclxuLmZpbGVuYW1lIHtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgY29sb3I6ICM2NzY3Njc7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBsaW5lLWhlaWdodDogMThweDtcclxufVxyXG5cclxuLmlucHV0IHtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogMDtcclxuICAgIGxlZnQ6IDA7XHJcbiAgICByaWdodDogMDtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIG9wYWNpdHk6IDA7XHJcbn1cclxuXHJcbn1cclxuXHJcbi51cGxvYWQtYnRuIHtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHdpZHRoOiAxNDBweDtcclxuICAgIGhlaWdodDogNDBweDtcclxuICAgIGxlZnQ6IDgwcHg7XHJcbiAgICBib3R0b206IDI0cHg7XHJcbiAgICBiYWNrZ3JvdW5kOiAjM0E5MkFGO1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgbGluZS1oZWlnaHQ6IDQwcHg7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBib3gtc2hhZG93OiAwIDJweCAwIDAgIzQ5OEMyNTtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIHRyYW5zaXRpb246IGFsbCAuMnMgZWFzZS1pbi1vdXQ7XHJcblxyXG4mOmhvdmVyIHtcclxuICAgICBib3gtc2hhZG93OiAwIDJweCAwIDAgIzQ5OEMyNSwgMCAycHggMTBweCAwICM2RUNFM0I7XHJcbiB9XHJcbn1cclxuXHJcbi5iYXIge1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiAzMDBweDtcclxuICAgIGhlaWdodDogM3B4O1xyXG4gICAgdG9wOiA0OXB4O1xyXG4gICAgbGVmdDogMDtcclxuICAgIGJhY2tncm91bmQ6ICM2RUNFM0I7XHJcbiAgICB0cmFuc2l0aW9uOiBhbGwgM3MgZWFzZS1vdXQ7XHJcbiAgICB0cmFuc2Zvcm06IHNjYWxlWCgwKTtcclxuICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcclxuXHJcbiYuYWN0aXZlIHtcclxuICAgICB0cmFuc2Zvcm06IHNjYWxlWCgxKSB0cmFuc2xhdGUzZCgwLDAsMCk7XHJcbiB9XHJcbn1cclxuXHJcbi5zeW5jaW5nIHtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogMTA5cHg7XHJcbiAgICBsZWZ0OiAxMzRweDtcclxuICAgIG9wYWNpdHk6IDA7XHJcblxyXG4mLmFjdGl2ZSB7XHJcbiAgICAgYW5pbWF0aW9uOiBzeW5jaW5nIDMuMnMgZWFzZS1pbi1vdXQ7XHJcbiB9XHJcbn1cclxuXHJcbi5kb25lIHtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogMTEycHg7XHJcbiAgICBsZWZ0OiAxMzJweDtcclxuICAgIG9wYWNpdHk6IDA7XHJcblxyXG4mLmFjdGl2ZSB7XHJcbiAgICAgYW5pbWF0aW9uOiBkb25lIC41cyBlYXNlLWluIDMuMnM7XHJcbiAgICAgYW5pbWF0aW9uLWZpbGwtbW9kZTogYm90aDtcclxuIH1cclxufVxyXG5cclxuQGtleWZyYW1lcyBzeW5jaW5nIHtcclxuICAgIDAlIHtcclxuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcclxuICAgIH1cclxuICAgIDEwJSB7XHJcbiAgICAgICAgb3BhY2l0eTogMTtcclxuICAgIH1cclxuICAgIDkwJSB7XHJcbiAgICAgICAgb3BhY2l0eTogMTtcclxuICAgIH1cclxuICAgIDEwMCUge1xyXG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XHJcbiAgICAgICAgb3BhY2l0eTogMDtcclxuICAgIH1cclxufVxyXG5cclxuQGtleWZyYW1lcyBkb25lIHtcclxuICAgIGZyb20ge1xyXG4gICAgICAgIG9wYWNpdHk6IDA7XHJcbiAgICB9XHJcbiAgICB0byB7XHJcbiAgICAgICAgb3BhY2l0eTogMTtcclxuICAgIH1cclxufVxyXG4uZHJvcHpvbmUgLmlucHV0IHtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogMDtcclxuICAgIGxlZnQ6IDA7XHJcbiAgICByaWdodDogMDtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIG9wYWNpdHk6IDA7XHJcbn1cclxuLmRyb3B6b25lIC51cGxvYWQge1xyXG4gICAgLyptYXJnaW46IDIzcHggMCAwIDJweDsqL1xyXG4gICAgaGVpZ2h0OiA4MHB4O1xyXG4gICAgd2lkdGg6IDEwMHB4O1xyXG5cclxufSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\nimport { Router, RouterModule } from '@angular/router';\r\nimport {TimeSheetService} from '../services/timesheet.services';\r\nimport {MatDialog,MatDialogRef, MAT_DIALOG_DATA} from \"@angular/material\";\r\n\r\n\r\n\r\n@Component({\r\n selector: 'app-model-profile',\r\n templateUrl: './model-profile.component.html',\r\n styleUrls: ['./model-profile.component.css']\r\n})\r\nexport class ModelProfileComponent implements OnInit {\r\nfile :File=null;\r\nimages:any={};\r\ndatImg:any=[];\r\n userSession:any;\r\n formData=new FormData();\r\n dpic:any;\r\n\r\n constructor( private ts:TimeSheetService,public dialog: MatDialogRef,public toastr: ToastrManager) { }\r\n\r\n ngOnInit() {\r\n this.userSession = (JSON.parse(sessionStorage.getItem('user')))\r\n this.dpic='https://100dayscss.com/codepen/upload.svg';\r\n\r\n }\r\n onFileUpload(event){\r\n this.file = event.target.files[0];\r\n var reader=new FileReader();\r\n reader.readAsDataURL(this.file)\r\n reader.onload=(_event)=>{\r\n this.dpic=reader.result;\r\n\r\n }\r\n\r\n }\r\n\r\n submit(){\r\n this.formData.append('file',this.file);\r\n if(this.file){\r\n if(this.file.size<=1024000){\r\n this.dialog.close(true)\r\n this.ts.setUploadImage(this.formData,this.userSession[0].id).subscribe((data) => {\r\n this.toastr.successToastr(data.message);\r\n this.formData=null;\r\n this.file=null;\r\n\r\n });}\r\n else{\r\n this.toastr.errorToastr(\"Image size exceeds 1mb. Please reduce Image size.\")\r\n\r\n }\r\n }else{\r\n this.toastr.errorToastr(\"Please select image\")\r\n }\r\n\r\n }\r\n\r\n}\r\n","module.exports = \".center {\\r\\n background-color: white;\\r\\n margin: auto;\\r\\n width: 50%;\\r\\n border: 3px solid #73AD21;\\r\\n padding: 50px;\\r\\n /*margin: 20px;*/\\r\\n}\\r\\n\\r\\n.centeral {\\r\\n background-color: white;\\r\\n margin: auto;\\r\\n width: 50%;\\r\\n border: 3px solid red;\\r\\n padding: 50px;\\r\\n /*margin: 20px;*/\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbW9kZWwtcmVnaXN0cmF0aW9uL21vZGVsLXJlZ2lzdHJhdGlvbi5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksdUJBQXVCO0lBQ3ZCLFlBQVk7SUFDWixVQUFVO0lBQ1YseUJBQXlCO0lBQ3pCLGFBQWE7SUFDYixnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSx1QkFBdUI7SUFDdkIsWUFBWTtJQUNaLFVBQVU7SUFDVixxQkFBcUI7SUFDckIsYUFBYTtJQUNiLGdCQUFnQjtBQUNwQiIsImZpbGUiOiJzcmMvYXBwL21vZGVsLXJlZ2lzdHJhdGlvbi9tb2RlbC1yZWdpc3RyYXRpb24uY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jZW50ZXIge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICBtYXJnaW46IGF1dG87XHJcbiAgICB3aWR0aDogNTAlO1xyXG4gICAgYm9yZGVyOiAzcHggc29saWQgIzczQUQyMTtcclxuICAgIHBhZGRpbmc6IDUwcHg7XHJcbiAgICAvKm1hcmdpbjogMjBweDsqL1xyXG59XHJcblxyXG4uY2VudGVyYWwge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICBtYXJnaW46IGF1dG87XHJcbiAgICB3aWR0aDogNTAlO1xyXG4gICAgYm9yZGVyOiAzcHggc29saWQgcmVkO1xyXG4gICAgcGFkZGluZzogNTBweDtcclxuICAgIC8qbWFyZ2luOiAyMHB4OyovXHJcbn0iXX0= */\"","import { Component, OnInit ,Inject} from '@angular/core';\r\nimport {MatDialog,MatDialogRef, MAT_DIALOG_DATA} from \"@angular/material\";\r\nimport {ModelProfileComponent} from '../model-profile/model-profile.component';\r\n\r\n\r\n@Component({\r\n selector: 'app-model-registration',\r\n templateUrl: './model-registration.component.html',\r\n styleUrls: ['./model-registration.component.css']\r\n})\r\nexport class ModelRegistrationComponent implements OnInit {\r\n resource:any=false;\r\n registration:any=false;\r\n constructor(public dialogRef: MatDialogRef,@Inject(MAT_DIALOG_DATA) public data: any) {\r\n console.log('ggg',data)\r\n // if(data){\r\n // this.resource=data.resource\r\n //\r\n // }\r\n }\r\n onNoClick(): void {\r\n this.dialogRef.close();\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","// tslint:disable-next-line: class-name\r\nexport class changePassword {\r\n currentPassword: any;\r\n newPassword:any;\r\n empId: any;\r\n confirmPassword:any\r\n }\r\n","// tslint:disable-next-line: class-name\r\nexport class clients {\r\n id: any;\r\n name:any;\r\n leadName:any;\r\n address1:any;\r\n address2:any;\r\n address3:any;\r\n statusId:any\r\n }\r\n","// tslint:disable-next-line: class-name\r\nexport class department {\r\n deptId: any;\r\n deptName:any;\r\n deptHead: any;\r\n deptNoOfEmployees:number;\r\n}\r\n","// tslint:disable-next-line: class-name\r\nexport class leave {\r\n empId: any;\r\n leaveType:any;\r\n leaveFromDate: any;\r\n leaveToDate:any;\r\n leaveReason:any;\r\n}\r\n","export class loginDetails{\r\n email:any;\r\n passWord:any;\r\n}","// tslint:disable-next-line: class-name\r\nexport class project {\r\n id: any;\r\n name:any;\r\n clientId;any\r\n teamSize:any;\r\n statusId:any;\r\n color:any;\r\n hours:any;\r\n}\r\n","export class resource {\r\n id: any;\r\n projectId:any=null;\r\n empId:any;\r\n}","export class subscription{\r\n id:any;\r\n companyID:any;\r\n companyName:any;\r\n companyShortName:any;\r\n email:any;\r\n passWord:any;\r\n contactNumber:number;\r\n subscriptionType:any;\r\n subscriptionValidity:any;\r\n}","export class task{\r\n id:any;\r\n clientId:any;\r\n projectId:any;\r\n taskPhaseId:any;\r\n description:any;\r\n taskTime:any;\r\n status:string;\r\n }\r\n ","export class taskAssign{\r\n id:any;\r\n name:any;\r\n projectId:any;\r\n clientId:any;\r\n taskId:number;\r\n taskPhase:number;\r\n assignedTo:number;\r\n description:any;\r\n startDate:any;\r\n endDate:any;\r\n taskTime:any\r\n category:any;\r\n}\r\n","export class taskPhase{\r\n projectId:any;\r\n clientId:any;\r\n id:any;\r\n taskPhase:any\r\n}","export class timeSheet{\r\n projectId:any;\r\n taskId:any;\r\n workedDate:Date;\r\n hours:any;\r\n assignedTo:any;\r\n percentage:any\r\n taskAddObj :any;\r\n clientId :any;\r\n description :any;\r\n taskPhaseId : any\r\n}","export class user\r\n{\r\n id:any;\r\n empId:any;\r\n empName:any;\r\n empEmail:any;\r\n roleId:any;\r\n empDesignationId:any;\r\n managerId:any;\r\n addr1:any;\r\n addr2:any;\r\n addr3:any;\r\n city:any;\r\n state:any;\r\n pincode:number;\r\n contactNumber:number;\r\n emergencyContact:number;\r\n bloodGroupId:any;\r\n userType:any;\r\n departmentId:any;\r\n statusId:any;\r\n}\r\n","module.exports = \".body{\\r\\n background-color: lavender;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcHJvZmlsZS9wcm9maWxlLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSwwQkFBMEI7QUFDOUIiLCJmaWxlIjoic3JjL2FwcC9wcm9maWxlL3Byb2ZpbGUuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5ib2R5e1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogbGF2ZW5kZXI7XHJcbn0iXX0= */\"","import { Component, OnInit } from '@angular/core';\r\nimport { Router, RouterModule } from '@angular/router';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './profile.component.html',\r\n styleUrls: ['./profile.component.css']\r\n})\r\nexport class ProfileComponent implements OnInit {\r\n userSession: any;\r\n user:any\r\n constructor(private ts: TimeSheetService,private router: Router) { this.userSession = (JSON.parse(sessionStorage.getItem('user')))\r\n}\r\n\r\n ngOnInit() {\r\n this.ts.getUsersById(this.userSession[0].id).subscribe((data) => {\r\n this.user = data\r\n\r\n });\r\n }\r\n\r\n}\r\n","module.exports = \"\\r\\n\\r\\nbutton{\\r\\n border-color: aliceblue;\\r\\n}\\r\\ninput{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n.hidden{\\r\\n display: none;\\r\\n}\\r\\ninput:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\nselect{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\nselect:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\ntable {\\r\\n width: 100%;\\r\\n }\\r\\nth{\\r\\n color:#010101!important;\\r\\n border-bottom-style: solid!important;\\r\\n\\r\\n}\\r\\ntd{\\r\\n border-bottom-style: groove!important;\\r\\n}\\r\\n.mat-cell {\\r\\n color: rgb(133, 128, 128);\\r\\n }\\r\\n.mat-header-cell {\\r\\n background-color: #2122228a;\\r\\n text-transform: capitalize;\\r\\n font-size: 1em;\\r\\n color: rgb(145, 130, 130);\\r\\n }\\r\\n.mat-header-cell h6 {\\r\\n font-weight: bold;\\r\\n text-transform: capitalize;\\r\\n }\\r\\n.mat-paginator {\\r\\n background-color: whitesmoke;\\r\\n color: rgb(0, 0, 0);\\r\\n font: weight 1;\\r\\n }\\r\\n.mat-table {\\r\\n background-color: #58184500;\\r\\n \\r\\n }\\r\\nbutton.excel{\\r\\n background-color: dodgerblue;\\r\\n float: right;\\r\\n border-radius: 10px;\\r\\n\\r\\n}\\r\\n.dropbtn {\\r\\n background-color: dodgerblue;\\r\\n color: white;\\r\\n border-radius: 10px;\\r\\n min-width: 120px;\\r\\n padding: 10px;\\r\\n /*font-size: 16px;*/\\r\\n border: none;\\r\\n}\\r\\n.dropdown {\\r\\n position: relative;\\r\\n display: inline-block;\\r\\n}\\r\\n.dropdown-content {\\r\\n display: none;\\r\\n position: absolute;\\r\\n background-color: #f1f1f1;\\r\\n min-width: 120px;\\r\\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\\r\\n z-index: 1;\\r\\n}\\r\\n.dropdown-content a {\\r\\n color: black;\\r\\n padding: 12px 16px;\\r\\n text-decoration: none;\\r\\n display: block;\\r\\n}\\r\\n.dropdown-content a:hover {background-color: #ddd;}\\r\\n.dropdown:hover .dropdown-content {display: block;}\\r\\n.dropdown:hover .dropbtn {background-color:dodgerblue ;}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcHJvamVjdC9wcm9qZWN0LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFFQTtJQUNJLHVCQUF1QjtBQUMzQjtBQUNBO0lBQ0ksZ0NBQWdDO0FBQ3BDO0FBQ0E7RUFDRSxhQUFhO0FBQ2Y7QUFFQTtJQUNJLHlDQUF5QztBQUM3QztBQUNBO0lBQ0ksZ0NBQWdDO0FBQ3BDO0FBRUE7SUFDSSx5Q0FBeUM7QUFDN0M7QUFHQTtJQUNJLFdBQVc7RUFDYjtBQUdBO0lBQ0UsdUJBQXVCO0lBQ3ZCLG9DQUFvQzs7QUFFeEM7QUFFQTtJQUNJLHFDQUFxQztBQUN6QztBQUNFO0lBQ0UseUJBQXlCO0VBQzNCO0FBQ0E7SUFDRSw0QkFBNEI7SUFDNUIsMEJBQTBCO0lBQzFCLGVBQWU7SUFDZix5QkFBeUI7RUFDM0I7QUFDQTtJQUNFLGlCQUFpQjtJQUNqQiwwQkFBMEI7RUFDNUI7QUFDQTtJQUNFLDRCQUE0QjtJQUM1QixtQkFBbUI7SUFDbkIsY0FBYztFQUNoQjtBQUNBO0lBQ0UsMkJBQTJCOztFQUU3QjtBQUNBO0lBQ0UsNEJBQTRCO0lBQzVCLFlBQVk7SUFDWixtQkFBbUI7O0FBRXZCO0FBQ0E7RUFDRSw0QkFBNEI7RUFDNUIsWUFBWTtFQUNaLG1CQUFtQjtFQUNuQixnQkFBZ0I7RUFDaEIsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixZQUFZO0FBQ2Q7QUFFQTtFQUNFLGtCQUFrQjtFQUNsQixxQkFBcUI7QUFDdkI7QUFFQTtFQUNFLGFBQWE7RUFDYixrQkFBa0I7RUFDbEIseUJBQXlCO0VBQ3pCLGdCQUFnQjtFQUNoQiw0Q0FBNEM7RUFDNUMsVUFBVTtBQUNaO0FBRUE7RUFDRSxZQUFZO0VBQ1osa0JBQWtCO0VBQ2xCLHFCQUFxQjtFQUNyQixjQUFjO0FBQ2hCO0FBRUEsMkJBQTJCLHNCQUFzQixDQUFDO0FBRWxELG1DQUFtQyxjQUFjLENBQUM7QUFFbEQsMEJBQTBCLDRCQUE0QixDQUFDIiwiZmlsZSI6InNyYy9hcHAvcHJvamVjdC9wcm9qZWN0LmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuXHJcbmJ1dHRvbntcclxuICAgIGJvcmRlci1jb2xvcjogYWxpY2VibHVlO1xyXG59XHJcbmlucHV0e1xyXG4gICAgYm9yZGVyLWNvbG9yOiAgI0EwQkVDNSFpbXBvcnRhbnQ7XHJcbn1cclxuLmhpZGRlbntcclxuICBkaXNwbGF5OiBub25lO1xyXG59XHJcblxyXG5pbnB1dDpob3ZlcntcclxuICAgIGJvcmRlci1jb2xvcjogcmdiKDU1LCAxODksIDIxOSkhaW1wb3J0YW50O1xyXG59XHJcbnNlbGVjdHtcclxuICAgIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG59XHJcblxyXG5zZWxlY3Q6aG92ZXJ7XHJcbiAgICBib3JkZXItY29sb3I6IHJnYig1NSwgMTg5LCAyMTkpIWltcG9ydGFudDtcclxufVxyXG5cclxuXHJcbnRhYmxlIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gIH1cclxuXHJcblxyXG4gIHRoe1xyXG4gICAgY29sb3I6IzAxMDEwMSFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXItYm90dG9tLXN0eWxlOiBzb2xpZCFpbXBvcnRhbnQ7XHJcblxyXG59XHJcblxyXG50ZHtcclxuICAgIGJvcmRlci1ib3R0b20tc3R5bGU6IGdyb292ZSFpbXBvcnRhbnQ7XHJcbn1cclxuICAubWF0LWNlbGwge1xyXG4gICAgY29sb3I6IHJnYigxMzMsIDEyOCwgMTI4KTtcclxuICB9XHJcbiAgLm1hdC1oZWFkZXItY2VsbCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAgIzIxMjIyMjhhO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbiAgICBmb250LXNpemU6ICAxZW07XHJcbiAgICBjb2xvcjogcmdiKDE0NSwgMTMwLCAxMzApO1xyXG4gIH1cclxuICAubWF0LWhlYWRlci1jZWxsIGg2IHtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbiAgfVxyXG4gIC5tYXQtcGFnaW5hdG9yIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XHJcbiAgICBjb2xvcjogcmdiKDAsIDAsIDApO1xyXG4gICAgZm9udDogd2VpZ2h0IDE7XHJcbiAgfVxyXG4gIC5tYXQtdGFibGUge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzU4MTg0NTAwO1xyXG4gICAgXHJcbiAgfVxyXG4gIGJ1dHRvbi5leGNlbHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IGRvZGdlcmJsdWU7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xyXG5cclxufVxyXG4uZHJvcGJ0biB7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogZG9kZ2VyYmx1ZTtcclxuICBjb2xvcjogd2hpdGU7XHJcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcclxuICBtaW4td2lkdGg6IDEyMHB4O1xyXG4gIHBhZGRpbmc6IDEwcHg7XHJcbiAgLypmb250LXNpemU6IDE2cHg7Ki9cclxuICBib3JkZXI6IG5vbmU7XHJcbn1cclxuXHJcbi5kcm9wZG93biB7XHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxufVxyXG5cclxuLmRyb3Bkb3duLWNvbnRlbnQge1xyXG4gIGRpc3BsYXk6IG5vbmU7XHJcbiAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gIGJhY2tncm91bmQtY29sb3I6ICNmMWYxZjE7XHJcbiAgbWluLXdpZHRoOiAxMjBweDtcclxuICBib3gtc2hhZG93OiAwcHggOHB4IDE2cHggMHB4IHJnYmEoMCwwLDAsMC4yKTtcclxuICB6LWluZGV4OiAxO1xyXG59XHJcblxyXG4uZHJvcGRvd24tY29udGVudCBhIHtcclxuICBjb2xvcjogYmxhY2s7XHJcbiAgcGFkZGluZzogMTJweCAxNnB4O1xyXG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxuICBkaXNwbGF5OiBibG9jaztcclxufVxyXG5cclxuLmRyb3Bkb3duLWNvbnRlbnQgYTpob3ZlciB7YmFja2dyb3VuZC1jb2xvcjogI2RkZDt9XHJcblxyXG4uZHJvcGRvd246aG92ZXIgLmRyb3Bkb3duLWNvbnRlbnQge2Rpc3BsYXk6IGJsb2NrO31cclxuXHJcbi5kcm9wZG93bjpob3ZlciAuZHJvcGJ0biB7YmFja2dyb3VuZC1jb2xvcjpkb2RnZXJibHVlIDt9Il19 */\"","import { Component, OnInit, ElementRef } from '@angular/core';\r\nimport {project} from '../models/project';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\nimport {ViewChild} from '@angular/core';\r\nimport { MatSort, MatTableDataSource} from '@angular/material';\r\nimport {MatPaginator} from '@angular/material/paginator';\r\nimport { Router, RouterModule } from '@angular/router';\r\nimport { TableUtil } from '../tableUtil';\r\nimport { NgForm } from '@angular/forms';\r\nimport * as jsPDF from 'jspdf';\r\nimport 'jspdf-autotable';\r\nimport html2canvas from 'html2canvas';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './project.component.html',\r\n styleUrls: ['./project.component.css']\r\n})\r\nexport class ProjectComponent implements OnInit {\r\n projectAddObj: project;\r\n flag:any=true;\r\n flag1:any=false;\r\n projectDetails:any;\r\n clientDetails:any;\r\n clientDetailsByStatus:any;\r\n status:any=[];\r\n\r\n dataSource;\r\n @ViewChild(MatSort, { static: false }) sort: MatSort;\r\n @ViewChild(MatPaginator, { static: false }) paginator: MatPaginator;\r\n @ViewChild(\"pfrm\", {static: false}) form: NgForm;\r\n @ViewChild('t', { static: false }) t: ElementRef;\r\n\r\n displayedColumns = ['SlNo','clientName', 'name','color', 'teamSize','hours', 'act']\r\n constructor( private ts:TimeSheetService,public toastr: ToastrManager,private router:Router) {\r\n this.projectAddObj = new project();\r\n }\r\n applyFilter(filterValue: string) {\r\n filterValue = filterValue.trim();\r\n filterValue = filterValue.toLowerCase();\r\n this.dataSource.filter = filterValue;\r\n }\r\n ADD(){\r\n this.flag=false;\r\n this.flag1=true;\r\n\r\n }\r\n saveProject(){\r\n // console.log(\"saveproject\",this.projectAddObj)\r\n this.ts.saveProject(this.projectAddObj).subscribe((data) => {\r\n this.toastr.successToastr(data.message);\r\n this.form.resetForm();\r\n this.getAllProjects();\r\n this.flag=true;\r\n this.flag1=false;\r\n });\r\n }\r\n cancel(){\r\n this.getAllProjects();\r\n }\r\n getAllProjects(){\r\n this.ts.GetAllProjects().subscribe((data) => {\r\n this.projectDetails = data[0];\r\n // console.log(data,'data')\r\n\r\n // for (let i = 0; i < this.projectDetails.length; i++) {\r\n // if (this.projectDetails[i].Status == 'Inactive') {\r\n // this.projectDetails[i].status = false\r\n // } else {\r\n // this.projectDetails[i].status = true\r\n // }\r\n // }\r\n // this.dataSource = data[0].sort().reverse();\r\n this.dataSource = new MatTableDataSource(data[0])\r\n this.dataSource.sort = this.sort\r\n this.dataSource.paginator = this.paginator\r\n });\r\n }\r\n// onChange(status, id) {\r\n// this.ts.GetProjectsById(id).subscribe((data) => {\r\n// this.projectAddObj.status = status.checked;\r\n// this.ts.updateProjectstatus(id,this.projectAddObj).subscribe((data) => {\r\n// this.toastr.successToastr('Toggled Successfully');\r\n// this.ngOnInit()\r\n// })\r\n// })\r\n// }\r\n downloademployeePdf() {\r\n let DATA = document.getElementById('Example table');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n // PDF.text(0, 15, 'Reports of '+this.EmployeedetailsById);\r\n PDF.text('Projects Details ',100, 15,'center');\r\n // PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n // PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('Projects Details.pdf');\r\n });\r\n }\r\n\r\n exportTable(){\r\n TableUtil.exportToExcel(\"Example table\",'Projects');\r\n }\r\n\r\n // Pdf\r\n\r\n downloadprojectsPdf() {\r\n let DATA = document.getElementById('Example table');\r\n\r\n html2canvas(DATA).then(canvas => {\r\n\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n\r\n const FILEURI = canvas.toDataURL('image/png')\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n // PDF.text(\" project Report \",5,5)\r\n let position = 10;\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('Project.pdf');\r\n });\r\n\r\n }\r\n\r\n getAllClients(){\r\n this.ts.GetAllClients().subscribe((data) => {\r\n this.clientDetails = data;\r\n });\r\n }\r\n\r\n getAllClientsByStatus(){\r\n this.ts.GetAllClientsByStatus().subscribe((data) =>{\r\n this.clientDetailsByStatus =data[0];\r\n })\r\n }\r\n getStatus(){\r\n this.ts.getMastertable({'tableName':'status'}).subscribe((data) =>{\r\n for(var i = 0; i {\r\n console.log(data[0].clientId)\r\n this.projectAddObj.clientId=data[0].clientId\r\n this.projectAddObj.id=data[0].id\r\n this.projectAddObj.name=data[0].name;\r\n this.projectAddObj.teamSize=data[0].teamSize;\r\n this.projectAddObj.hours = data[0].hours;\r\n this.projectAddObj.statusId=data[0].statusId;\r\n this.projectAddObj.color=data[0].color;\r\n // console.log(this.projectAddObj)\r\n });\r\n \r\n }\r\n\r\n Back( ){\r\n\r\n\r\n this.projectAddObj.id=null;\r\n this.flag=true;\r\n this.flag1=false;\r\n this.getAllProjects();\r\n this.form.resetForm();\r\n\r\n\r\n }\r\n UpdateProjects(){\r\n this.ts.updateProjects(this.projectAddObj).subscribe((data) => {\r\n\r\n this.toastr.successToastr(data.message);\r\n\r\n this.form.resetForm();\r\n this.getAllProjects();\r\n this.flag=true;\r\n this.flag1=false;\r\n\r\n // this.router.navigate(['#e_departments']);\r\n\r\n\r\n });\r\n }\r\n ngOnInit() {\r\n this.getAllProjects();\r\n this.getAllClients();\r\n this.getAllClientsByStatus();\r\n this.getStatus();\r\n\r\n }\r\n}\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3JlY292ZXItcGFzc3dvcmQvcmVjb3Zlci1wYXNzd29yZC5jb21wb25lbnQuY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './recover-password.component.html',\r\n styleUrls: ['./recover-password.component.css']\r\n})\r\nexport class RecoverPasswordComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3JlZ2lzdGVyL3JlZ2lzdGVyLmNvbXBvbmVudC5jc3MifQ== */\"","import { Component, OnInit, ViewChild } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { subscription } from '../models/subscription'\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\nimport { Router, RouterModule } from '@angular/router';\r\n// import {} from '../model';\r\nimport {MatDialog,MatDialogRef, MAT_DIALOG_DATA} from \"@angular/material\";\r\nimport {ModelRegistrationComponent} from '../model-registration/model-registration.component'\r\n\r\n\r\n\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './register.component.html',\r\n styleUrls: ['./register.component.css'],\r\n\r\n})\r\nexport class RegisterComponent implements OnInit {\r\n subscriptionAddObj: subscription;\r\n @ViewChild(\"rfrm\", { static: true }) form: any;\r\n subscriptiondetails: any\r\n constructor(private ts: TimeSheetService, public toastr: ToastrManager,private router: Router,public dialog: MatDialog) {\r\n this.subscriptionAddObj = new subscription\r\n }\r\n\r\n validate(){\r\n\r\n var valid=true\r\n var reg ='/^[a-zA-Z]+$/';\r\n\r\n return valid;\r\n }\r\n /* save subscriptions */\r\n\r\n saveCompany() {\r\n\r\n if(this.validate()) {\r\n this.ts.savesubscription(this.subscriptionAddObj).subscribe((data) => {\r\n if(data.status) {\r\n // this.toastr.successToastr(data.message);\r\n this.form.reset();\r\n this.openDialog()\r\n // this.router.navigate(['/login']);\r\n\r\n }else {\r\n this.toastr.errorToastr(data.message);\r\n }\r\n });\r\n }\r\n }\r\n openDialog() {\r\n const dialogRef = this.dialog.open(ModelRegistrationComponent,{\r\n width: '500px',\r\n data:{email:this.subscriptionAddObj.email,register:true}\r\n\r\n });\r\n\r\n dialogRef.afterClosed().subscribe(result => {\r\n // if(result){\r\n // this.getProfileImage()\r\n // }\r\n });\r\n }\r\n\r\n /* get Subscriptions */\r\n getAllSubscriptions() {\r\n this.ts.getallSubscriptions().subscribe((data) => {\r\n this.subscriptiondetails = data;\r\n });\r\n }\r\n ngOnInit() {\r\n this.getAllSubscriptions();\r\n }\r\n}\r\n","module.exports = \"\\r\\n\\r\\n\\r\\nbutton{\\r\\n border-color: aliceblue;\\r\\n margin-top: 0px;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\nform-control{\\r\\n border-color: #010101!important;\\r\\n}\\r\\n\\r\\n\\r\\ninput{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\ninput:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\nselect{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\nselect:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\ntextarea{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\ntextarea:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\n.center {\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n}\\r\\n\\r\\n\\r\\ntable {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n\\r\\nth{\\r\\n color:#010101!important;\\r\\n border-bottom-style: solid!important;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\ntd{\\r\\n border-bottom-style: groove!important;\\r\\n}\\r\\n\\r\\n\\r\\n.mat-cell {\\r\\n color: rgb(133, 128, 128);\\r\\n}\\r\\n\\r\\n\\r\\n.mat-header-cell {\\r\\n background-color: #2122228a;\\r\\n text-transform: capitalize;\\r\\n font-size: 1em;\\r\\n color: rgb(145, 130, 130);\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n.mat-header-cell h6 {\\r\\n font-weight: bold;\\r\\n text-transform: capitalize;\\r\\n}\\r\\n\\r\\n\\r\\n.mat-paginator {\\r\\n background-color: whitesmoke;\\r\\n color: rgb(0, 0, 0);\\r\\n font: weight 1;\\r\\n}\\r\\n\\r\\n\\r\\n.mat-table {\\r\\n background-color: #58184500;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\nbutton.excel{\\r\\n background-color: dodgerblue;\\r\\n float: right;\\r\\n border-radius: 10px;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n.dropbtn {\\r\\n background-color: dodgerblue;\\r\\n color: white;\\r\\n border-radius: 10px;\\r\\n min-width: 120px;\\r\\n padding: 10px;\\r\\n /*font-size: 16px;*/\\r\\n border: none;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown {\\r\\n position: relative;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content {\\r\\n display: none;\\r\\n position: absolute;\\r\\n background-color: #f1f1f1;\\r\\n min-width: 120px;\\r\\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\\r\\n z-index: 1;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content a {\\r\\n color: black;\\r\\n padding: 12px 16px;\\r\\n text-decoration: none;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content a:hover {background-color: #ddd;}\\r\\n\\r\\n\\r\\n.dropdown:hover .dropdown-content {display: block;}\\r\\n\\r\\n\\r\\n.dropdown:hover .dropbtn {background-color:dodgerblue ;}\\r\\n\\r\\n \\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcmVzb3VyY2UvcmVzb3VyY2UuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFHQTtJQUNJLHVCQUF1QjtJQUN2QixlQUFlOztBQUVuQjs7O0FBR0E7SUFDSSwrQkFBK0I7QUFDbkM7OztBQUVBO0lBQ0ksZ0NBQWdDO0FBQ3BDOzs7QUFFQTtJQUNJLHlDQUF5QztBQUM3Qzs7O0FBRUE7SUFDSSxnQ0FBZ0M7QUFDcEM7OztBQUVBO0lBQ0kseUNBQXlDO0FBQzdDOzs7QUFFQTtJQUNJLGdDQUFnQztBQUNwQzs7O0FBQ0E7SUFDSSx5Q0FBeUM7QUFDN0M7OztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLGtCQUFrQjtBQUN0Qjs7O0FBRUE7SUFDSSxXQUFXO0FBQ2Y7OztBQUdBO0lBQ0ksdUJBQXVCO0lBQ3ZCLG9DQUFvQzs7QUFFeEM7OztBQUVBO0lBQ0kscUNBQXFDO0FBQ3pDOzs7QUFDQTtJQUNJLHlCQUF5QjtBQUM3Qjs7O0FBQ0E7SUFDSSw0QkFBNEI7SUFDNUIsMEJBQTBCO0lBQzFCLGVBQWU7SUFDZix5QkFBeUI7O0FBRTdCOzs7QUFDQTtJQUNJLGlCQUFpQjtJQUNqQiwwQkFBMEI7QUFDOUI7OztBQUNBO0lBQ0ksNEJBQTRCO0lBQzVCLG1CQUFtQjtJQUNuQixjQUFjO0FBQ2xCOzs7QUFDQTtJQUNJLDJCQUEyQjs7QUFFL0I7OztBQUNBO0lBQ0ksNEJBQTRCO0lBQzVCLFlBQVk7SUFDWixtQkFBbUI7O0FBRXZCOzs7QUFFQTtJQUNJLDRCQUE0QjtJQUM1QixZQUFZO0lBQ1osbUJBQW1CO0lBQ25CLGdCQUFnQjtJQUNoQixhQUFhO0lBQ2IsbUJBQW1CO0lBQ25CLFlBQVk7QUFDaEI7OztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLHFCQUFxQjtBQUN6Qjs7O0FBRUE7SUFDSSxhQUFhO0lBQ2Isa0JBQWtCO0lBQ2xCLHlCQUF5QjtJQUN6QixnQkFBZ0I7SUFDaEIsNENBQTRDO0lBQzVDLFVBQVU7QUFDZDs7O0FBRUE7SUFDSSxZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLHFCQUFxQjtJQUNyQixjQUFjO0FBQ2xCOzs7QUFFQSwyQkFBMkIsc0JBQXNCLENBQUM7OztBQUVsRCxtQ0FBbUMsY0FBYyxDQUFDOzs7QUFFbEQsMEJBQTBCLDRCQUE0QixDQUFDIiwiZmlsZSI6InNyYy9hcHAvcmVzb3VyY2UvcmVzb3VyY2UuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIlxyXG5cclxuXHJcbmJ1dHRvbntcclxuICAgIGJvcmRlci1jb2xvcjogYWxpY2VibHVlO1xyXG4gICAgbWFyZ2luLXRvcDogMHB4O1xyXG5cclxufVxyXG5cclxuXHJcbmZvcm0tY29udHJvbHtcclxuICAgIGJvcmRlci1jb2xvcjogIzAxMDEwMSFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbmlucHV0e1xyXG4gICAgYm9yZGVyLWNvbG9yOiAgI0EwQkVDNSFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbmlucHV0OmhvdmVye1xyXG4gICAgYm9yZGVyLWNvbG9yOiByZ2IoNTUsIDE4OSwgMjE5KSFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbnNlbGVjdHtcclxuICAgIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG59XHJcblxyXG5zZWxlY3Q6aG92ZXJ7XHJcbiAgICBib3JkZXItY29sb3I6IHJnYig1NSwgMTg5LCAyMTkpIWltcG9ydGFudDtcclxufVxyXG5cclxudGV4dGFyZWF7XHJcbiAgICBib3JkZXItY29sb3I6ICAjQTBCRUM1IWltcG9ydGFudDtcclxufVxyXG50ZXh0YXJlYTpob3ZlcntcclxuICAgIGJvcmRlci1jb2xvcjogcmdiKDU1LCAxODksIDIxOSkhaW1wb3J0YW50O1xyXG59XHJcblxyXG4uY2VudGVyIHtcclxuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xyXG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xyXG59XHJcblxyXG50YWJsZSB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxufVxyXG5cclxuXHJcbnRoe1xyXG4gICAgY29sb3I6IzAxMDEwMSFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXItYm90dG9tLXN0eWxlOiBzb2xpZCFpbXBvcnRhbnQ7XHJcblxyXG59XHJcblxyXG50ZHtcclxuICAgIGJvcmRlci1ib3R0b20tc3R5bGU6IGdyb292ZSFpbXBvcnRhbnQ7XHJcbn1cclxuLm1hdC1jZWxsIHtcclxuICAgIGNvbG9yOiByZ2IoMTMzLCAxMjgsIDEyOCk7XHJcbn1cclxuLm1hdC1oZWFkZXItY2VsbCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAgIzIxMjIyMjhhO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbiAgICBmb250LXNpemU6ICAxZW07XHJcbiAgICBjb2xvcjogcmdiKDE0NSwgMTMwLCAxMzApO1xyXG5cclxufVxyXG4ubWF0LWhlYWRlci1jZWxsIGg2IHtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbn1cclxuLm1hdC1wYWdpbmF0b3Ige1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcclxuICAgIGNvbG9yOiByZ2IoMCwgMCwgMCk7XHJcbiAgICBmb250OiB3ZWlnaHQgMTtcclxufVxyXG4ubWF0LXRhYmxlIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM1ODE4NDUwMDtcclxuXHJcbn1cclxuYnV0dG9uLmV4Y2Vse1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogZG9kZ2VyYmx1ZTtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcblxyXG59XHJcblxyXG4uZHJvcGJ0biB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBkb2RnZXJibHVlO1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcclxuICAgIG1pbi13aWR0aDogMTIwcHg7XHJcbiAgICBwYWRkaW5nOiAxMHB4O1xyXG4gICAgLypmb250LXNpemU6IDE2cHg7Ki9cclxuICAgIGJvcmRlcjogbm9uZTtcclxufVxyXG5cclxuLmRyb3Bkb3duIHtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxufVxyXG5cclxuLmRyb3Bkb3duLWNvbnRlbnQge1xyXG4gICAgZGlzcGxheTogbm9uZTtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmMWYxZjE7XHJcbiAgICBtaW4td2lkdGg6IDEyMHB4O1xyXG4gICAgYm94LXNoYWRvdzogMHB4IDhweCAxNnB4IDBweCByZ2JhKDAsMCwwLDAuMik7XHJcbiAgICB6LWluZGV4OiAxO1xyXG59XHJcblxyXG4uZHJvcGRvd24tY29udGVudCBhIHtcclxuICAgIGNvbG9yOiBibGFjaztcclxuICAgIHBhZGRpbmc6IDEycHggMTZweDtcclxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG59XHJcblxyXG4uZHJvcGRvd24tY29udGVudCBhOmhvdmVyIHtiYWNrZ3JvdW5kLWNvbG9yOiAjZGRkO31cclxuXHJcbi5kcm9wZG93bjpob3ZlciAuZHJvcGRvd24tY29udGVudCB7ZGlzcGxheTogYmxvY2s7fVxyXG5cclxuLmRyb3Bkb3duOmhvdmVyIC5kcm9wYnRuIHtiYWNrZ3JvdW5kLWNvbG9yOmRvZGdlcmJsdWUgO31cclxuXHJcbiBcclxuIl19 */\"","import {Component, ElementRef, OnInit, ViewChild} from '@angular/core';\r\nimport {MatPaginator} from \"@angular/material/paginator\";\r\nimport {TimeSheetService} from \"../services/timesheet.services\";\r\nimport {ToastrManager} from \"ng6-toastr-notifications\";\r\nimport { MatSort,MatTableDataSource} from \"@angular/material\";\r\nimport {NgForm} from \"@angular/forms\";\r\nimport {MatDialog,MatDialogRef, MAT_DIALOG_DATA} from \"@angular/material\";\r\nimport {ModelRegistrationComponent} from '../model-registration/model-registration.component'\r\nimport {resource} from '../models/resource';\r\n// import {user} from \"../models/user\";\r\nimport * as jsPDF from 'jspdf';\r\nimport 'jspdf-autotable';\r\nimport html2canvas from 'html2canvas';\r\nimport {PostcssCliResourcesOptions} from \"@angular-devkit/build-angular/src/angular-cli-files/plugins/postcss-cli-resources\";\r\nimport {TableUtil} from \"../tableUtil\";\r\nimport { IDropdownSettings } from 'ng-multiselect-dropdown';\r\n\r\n\r\n@Component({\r\n selector: 'app-resource',\r\n templateUrl: './resource.component.html',\r\n styleUrls: ['./resource.component.css'],\r\n \r\n\r\n})\r\nexport class ResourceComponent implements OnInit {\r\n dropdownList = [];\r\n selectedItems = [];\r\n dropdownSettings = {};\r\n resourceObj:any;\r\n rolesAccesArray : any = [];\r\n userSession:any;\r\n user:any;\r\n roledata : any;\r\n access :any;\r\n dataSource:any;\r\n flag:any=true;\r\n flag1:any=false;\r\n status\r\n statusDetails:any;\r\n dis:any=false;\r\n displayedColumns = ['SlNo','Role','SereenAccess','d']\r\n @ViewChild(MatSort, { static: false }) sort: MatSort;\r\n @ViewChild(MatPaginator, { static: false }) paginator: MatPaginator;\r\n @ViewChild(\"pfrm\", { static: false }) form: NgForm;\r\n @ViewChild('resource', { static: false }) resource: ElementRef;\r\n\r\n constructor(private ts: TimeSheetService, private toastr :ToastrManager,public dialog: MatDialog ) {\r\n this.userSession = (JSON.parse(sessionStorage.getItem('user')))\r\n\r\n this.resourceObj = new resource(); }\r\n GetProjects(){\r\n this.ts.getProjectsForResource().subscribe((data) => {\r\n this.roledata = data[0];\r\n\r\n });\r\n }\r\n getResource(){\r\n this.ts.getResourceForProject(this.user[0].empID).subscribe((data) => {\r\n this.dropdownList = data[0];\r\n console.log(this.dropdownList,\"this.dropdownList\")\r\n\r\n });\r\n }\r\n exportTable(){\r\n TableUtil.exportToExcel(\"Example table3\",'Resourece Details');\r\n }\r\n onItemSelect(item: any) {\r\n }\r\n onSelectAll(items: any) {\r\n this.selectedItems=items;\r\n }\r\n onItemDeSelect(item:any){\r\n for(var i=0;i<=this.selectedItems.length; i++){\r\n if(this.selectedItems[i].id==item.id){\r\n this.selectedItems.splice(i,1);\r\n }\r\n }\r\n\r\n }\r\n onItemDeSelectAll(items:any){\r\n this.selectedItems=items;\r\n console.log(this.selectedItems,'deselectAll');\r\n\r\n }\r\n\r\n\r\n downloaRresourcePdf(){\r\n let DATA = document.getElementById('Example table3');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA) .then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n // PDF.text(0, 15, 'Reports of '+this.EmployeedetailsById);\r\n PDF.text('Resource Details ',100, 15,'center');\r\n // PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n // PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('Resource Details.pdf');\r\n });\r\n }\r\n\r\n submit(){\r\n if(this.resourceObj.projectId==null){\r\n this.toastr.errorToastr('Please select the project')\r\n\r\n }else {\r\n if(this.selectedItems.length==0){\r\n this.toastr.errorToastr('Please select the employee')\r\n\r\n }else {\r\n this.ts.setResource(this.resourceObj.projectId,this.selectedItems).subscribe((resData) => {\r\n if(resData.status) {\r\n this.toastr.successToastr(resData.message);\r\n this.form.resetForm();\r\n // this.GetProjects();\r\n // this.getResource();\r\n this.getallresources();\r\n this.flag=true;\r\n this.flag1=false\r\n }else{\r\n console.log(\"hello\",resData.data)\r\n // this.toastr.successToastr(\"Resource successfully added\")\r\n const dialogRef = this.dialog.open(ModelRegistrationComponent,{\r\n width: '500px',\r\n data:{resource:true,resourceData:resData.data}\r\n\r\n });\r\n\r\n dialogRef.afterClosed().subscribe(result => {\r\n this.form.resetForm();\r\n // this.GetProjects();\r\n // this.getResource();\r\n this.getallresources();\r\n this.flag=true;\r\n this.flag1=false\r\n });\r\n }\r\n // this.toastr.successToastr(data.message);\r\n\r\n ;\r\n });\r\n }\r\n }\r\n\r\n }\r\n applyFilter(filterValue: string) {\r\n filterValue = filterValue.trim();\r\n filterValue = filterValue.toLowerCase();\r\n this.dataSource.filter = filterValue;\r\n }\r\n remove(Id){\r\n this.ts.deleteResource(Id).subscribe((data) => {\r\n this.toastr.successToastr(data.message);\r\n this.getallresources();\r\n });\r\n }\r\n Add(){\r\n this.flag=false;\r\n this.flag1=true;\r\n }\r\n getStatus(){\r\n this.ts.getMastertable({'tableName':'status'}).subscribe((data) =>{\r\n this.statusDetails =data[0];\r\n })\r\n }\r\n Back(){\r\n this.flag=true;\r\n this.flag1=false;\r\n // this.userAddObj.id = null;\r\n this.getallresources();\r\n this.form.resetForm();\r\n }\r\n\r\n getallresources(){\r\n this.ts.getResource(this.user[0].empID).subscribe((data) => {\r\n // console.log(data)\r\n this.dataSource = data[0].sort().reverse();\r\n this.dataSource = new MatTableDataSource(data[0]);\r\n this.dataSource.sort = this.sort;\r\n this.dataSource.paginator = this.paginator;\r\n });\r\n }\r\n // onChange(accesId,roleId, isChecked: boolean) {\r\n // var data = {roleId : null,accessId:null}\r\n // if(isChecked) {\r\n // data.roleId =roleId;\r\n // data.accessId =accesId;\r\n // this.rolesAccesArray.push(data);\r\n // console.log(\"ythis\",this.rolesAccesArray)\r\n // // console.log(\"ythis\",roleid)\r\n // }else {\r\n // let index = this.rolesAccesArray.indexOf(data);\r\n // this.rolesAccesArray.splice(index,1);\r\n // }\r\n //\r\n // }\r\n\r\n edit(data){\r\n // console.log(\"one\",data)\r\n\r\n }\r\n\r\n\r\n\r\n resourcePdf(){\r\n var element = document.getElementById('Example table3');\r\n\r\n html2canvas(element).then((canvas)=>{\r\n console.log(canvas,'canvas')\r\n var imagdata = canvas.toDataURL('image/png')\r\n var doc = new jsPDF()\r\n doc.text(40, 40, 'Reports of All Employees')\r\n var imageHeight = canvas.height * 208/canvas.width;\r\n doc.addImage(imagdata,15,15, 208,imageHeight)\r\n doc.save('resource.pdf')\r\n })\r\n }\r\n\r\n ngOnInit() {\r\n // this.dropdownList = [\r\n // { item_id: 1, item_text: 'Mumbai' },\r\n // { item_id: 2, item_text: 'Bangaluru' },\r\n // { item_id: 3, item_text: 'Pune' },\r\n // { item_id: 4, item_text: 'Navsari' },\r\n // { item_id: 5, item_text: 'New Delhi' }\r\n // ];\r\n\r\n // this.rolesArray =[{name:null}]\r\n this.ts.getAllUsersById(this.userSession[0].id).subscribe((data) => {\r\n this.user = data;\r\n this.GetProjects();\r\n this.getResource();\r\n this.getallresources();\r\n this.dropdownSettings = {\r\n singleSelection: false,\r\n idField: 'id',\r\n textField: 'empName',\r\n selectAllText: 'Select All',\r\n unSelectAllText: 'UnSelect All',\r\n itemsShowLimit: 3,\r\n allowSearchFilter: true\r\n };\r\n\r\n });\r\n\r\n }\r\n\r\n}\r\n","module.exports = \"\\r\\n\\r\\n\\r\\nbutton{\\r\\n border-color: aliceblue;\\r\\n margin-top: 0px;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\nform-control{\\r\\n border-color: #010101!important;\\r\\n}\\r\\n\\r\\n\\r\\ninput{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\ninput:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\nselect{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\nselect:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\ntextarea{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\ntextarea:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\n.select{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\n.select:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\n.center {\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n}\\r\\n\\r\\n\\r\\ntable {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n\\r\\nth{\\r\\n color:#010101!important;\\r\\n border-bottom-style: solid!important;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\ntd{\\r\\n border-bottom-style: groove!important;\\r\\n}\\r\\n\\r\\n\\r\\n.mat-cell {\\r\\n color: rgb(133, 128, 128);\\r\\n}\\r\\n\\r\\n\\r\\n.mat-header-cell {\\r\\n background-color: #2122228a;\\r\\n text-transform: capitalize;\\r\\n font-size: 1em;\\r\\n color: rgb(145, 130, 130);\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n.mat-header-cell h6 {\\r\\n font-weight: bold;\\r\\n text-transform: capitalize;\\r\\n}\\r\\n\\r\\n\\r\\n.mat-paginator {\\r\\n background-color: whitesmoke;\\r\\n color: rgb(0, 0, 0);\\r\\n font: weight 1;\\r\\n}\\r\\n\\r\\n\\r\\n.mat-table {\\r\\n background-color: #58184500;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\nbutton.excel{\\r\\n background-color: dodgerblue;\\r\\n float: right;\\r\\n border-radius: 10px;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcm9sZS1hY2Nlc3Mvcm9sZS1hY2Nlc3MuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFHQTtJQUNJLHVCQUF1QjtJQUN2QixlQUFlOztBQUVuQjs7O0FBR0E7SUFDSSwrQkFBK0I7QUFDbkM7OztBQUVBO0lBQ0ksZ0NBQWdDO0FBQ3BDOzs7QUFFQTtJQUNJLHlDQUF5QztBQUM3Qzs7O0FBRUE7SUFDSSxnQ0FBZ0M7QUFDcEM7OztBQUVBO0lBQ0kseUNBQXlDO0FBQzdDOzs7QUFFQTtJQUNJLGdDQUFnQztBQUNwQzs7O0FBQ0E7SUFDSSx5Q0FBeUM7QUFDN0M7OztBQUNBO0lBQ0ksZ0NBQWdDO0FBQ3BDOzs7QUFDQTtJQUNJLHlDQUF5QztBQUM3Qzs7O0FBQ0E7SUFDSSxpQkFBaUI7SUFDakIsa0JBQWtCO0FBQ3RCOzs7QUFFQTtJQUNJLFdBQVc7QUFDZjs7O0FBR0E7SUFDSSx1QkFBdUI7SUFDdkIsb0NBQW9DOztBQUV4Qzs7O0FBRUE7SUFDSSxxQ0FBcUM7QUFDekM7OztBQUNBO0lBQ0kseUJBQXlCO0FBQzdCOzs7QUFDQTtJQUNJLDRCQUE0QjtJQUM1QiwwQkFBMEI7SUFDMUIsZUFBZTtJQUNmLHlCQUF5Qjs7QUFFN0I7OztBQUNBO0lBQ0ksaUJBQWlCO0lBQ2pCLDBCQUEwQjtBQUM5Qjs7O0FBQ0E7SUFDSSw0QkFBNEI7SUFDNUIsbUJBQW1CO0lBQ25CLGNBQWM7QUFDbEI7OztBQUNBO0lBQ0ksMkJBQTJCOztBQUUvQjs7O0FBQ0E7SUFDSSw0QkFBNEI7SUFDNUIsWUFBWTtJQUNaLG1CQUFtQjs7QUFFdkIiLCJmaWxlIjoic3JjL2FwcC9yb2xlLWFjY2Vzcy9yb2xlLWFjY2Vzcy5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiXHJcblxyXG5cclxuYnV0dG9ue1xyXG4gICAgYm9yZGVyLWNvbG9yOiBhbGljZWJsdWU7XHJcbiAgICBtYXJnaW4tdG9wOiAwcHg7XHJcblxyXG59XHJcblxyXG5cclxuZm9ybS1jb250cm9se1xyXG4gICAgYm9yZGVyLWNvbG9yOiAjMDEwMTAxIWltcG9ydGFudDtcclxufVxyXG5cclxuaW5wdXR7XHJcbiAgICBib3JkZXItY29sb3I6ICAjQTBCRUM1IWltcG9ydGFudDtcclxufVxyXG5cclxuaW5wdXQ6aG92ZXJ7XHJcbiAgICBib3JkZXItY29sb3I6IHJnYig1NSwgMTg5LCAyMTkpIWltcG9ydGFudDtcclxufVxyXG5cclxuc2VsZWN0e1xyXG4gICAgYm9yZGVyLWNvbG9yOiAgI0EwQkVDNSFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbnNlbGVjdDpob3ZlcntcclxuICAgIGJvcmRlci1jb2xvcjogcmdiKDU1LCAxODksIDIxOSkhaW1wb3J0YW50O1xyXG59XHJcblxyXG50ZXh0YXJlYXtcclxuICAgIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG59XHJcbnRleHRhcmVhOmhvdmVye1xyXG4gICAgYm9yZGVyLWNvbG9yOiByZ2IoNTUsIDE4OSwgMjE5KSFpbXBvcnRhbnQ7XHJcbn1cclxuLnNlbGVjdHtcclxuICAgIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG59XHJcbi5zZWxlY3Q6aG92ZXJ7XHJcbiAgICBib3JkZXItY29sb3I6IHJnYig1NSwgMTg5LCAyMTkpIWltcG9ydGFudDtcclxufVxyXG4uY2VudGVyIHtcclxuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xyXG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xyXG59XHJcblxyXG50YWJsZSB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxufVxyXG5cclxuXHJcbnRoe1xyXG4gICAgY29sb3I6IzAxMDEwMSFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXItYm90dG9tLXN0eWxlOiBzb2xpZCFpbXBvcnRhbnQ7XHJcblxyXG59XHJcblxyXG50ZHtcclxuICAgIGJvcmRlci1ib3R0b20tc3R5bGU6IGdyb292ZSFpbXBvcnRhbnQ7XHJcbn1cclxuLm1hdC1jZWxsIHtcclxuICAgIGNvbG9yOiByZ2IoMTMzLCAxMjgsIDEyOCk7XHJcbn1cclxuLm1hdC1oZWFkZXItY2VsbCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAgIzIxMjIyMjhhO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbiAgICBmb250LXNpemU6ICAxZW07XHJcbiAgICBjb2xvcjogcmdiKDE0NSwgMTMwLCAxMzApO1xyXG5cclxufVxyXG4ubWF0LWhlYWRlci1jZWxsIGg2IHtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbn1cclxuLm1hdC1wYWdpbmF0b3Ige1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcclxuICAgIGNvbG9yOiByZ2IoMCwgMCwgMCk7XHJcbiAgICBmb250OiB3ZWlnaHQgMTtcclxufVxyXG4ubWF0LXRhYmxlIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM1ODE4NDUwMDtcclxuXHJcbn1cclxuYnV0dG9uLmV4Y2Vse1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogZG9kZ2VyYmx1ZTtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcblxyXG59XHJcblxyXG4iXX0= */\"","import {Component, OnInit, ViewChild} from '@angular/core';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\n// import {MatTableDataSource} from \"@angular/material\";\r\n\r\n// import { TimeSheetService } from '../services/timesheet.services';\r\n\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\n// import {MatTableDataSource} from \"@angular/material\";\r\n// import {ViewChild} from '@angular/core';\r\nimport { MatSort, MatTableDataSource} from '@angular/material';\r\nimport {MatPaginator} from '@angular/material/paginator';\r\n\r\nimport * as jsPDF from 'jspdf';\r\nimport 'jspdf-autotable';\r\nimport html2canvas from 'html2canvas';\r\n\r\n@Component({\r\n selector: 'app-role-access',\r\n templateUrl: './role-access.component.html',\r\n styleUrls: ['./role-access.component.css']\r\n})\r\nexport class RoleAccessComponent implements OnInit {\r\n rolesAccesArray : any = []\r\n roledata : any;\r\n access :any = [];\r\n dataSource:any;\r\n displayedColumns = ['SlNo','Role','SereenAccess','d']\r\n @ViewChild(MatSort, { static: false }) sort: MatSort;\r\n @ViewChild(MatPaginator, { static: false }) paginator: MatPaginator;\r\n @ViewChild(\"tsfrm\", { static: true }) form: any;\r\n constructor(private ts: TimeSheetService, private toastr :ToastrManager ) { }\r\n GetRoles(){\r\n this.ts.getRolesForAccess().subscribe((data) => {\r\n this.roledata = data[0];\r\n // console.log(this.roledata,'this.roledata')\r\n });\r\n }\r\n getRoleAccess(){\r\n this.access = [];\r\n this.ts.getMastertable({tableName:'accessScreen'}).subscribe((data) => {\r\n // this.access = data[0];\r\n for(let i = 0; i0){\r\n\r\n if(this.valid(one)){\r\n this.ts.setRoleAccess(one).subscribe((data) => {\r\n // console.log(data.length,'length')\r\n this.toastr.successToastr(data.message);\r\n this.GetRoles();\r\n this.getRoleAccess();\r\n this.getAllrolesAccess();\r\n });}}else{\r\n this.toastr.errorToastr('Please select role and screens')\r\n }\r\n }\r\n applyFilter(filterValue: string) {\r\n filterValue = filterValue.trim();\r\n filterValue = filterValue.toLowerCase();\r\n this.dataSource.filter = filterValue;\r\n }\r\n remove(Id){\r\n // console.log(Id,\"asdfghjk\");\r\n this.ts.deleteRoleAccess(Id).subscribe((data) => {\r\n this.toastr.successToastr(data.message);\r\n this.getAllrolesAccess();\r\n });\r\n }\r\n getAllrolesAccess(){\r\n this.ts.getRoleAccess().subscribe((data) => {\r\n // console.log(data)\r\n this.dataSource = data[0].sort().reverse();\r\n this.dataSource = new MatTableDataSource(data[0]);\r\n this.dataSource.sort = this.sort;\r\n this.dataSource.paginator = this.paginator;\r\n });\r\n }\r\n onChange(accesId,roleId, isChecked: boolean) {\r\n var data = {roleId : null,accessId:null}\r\n if(isChecked) {\r\n data.roleId =roleId;\r\n data.accessId =accesId;\r\n this.rolesAccesArray.push(data);\r\n // console.log(\"ythis\",this.rolesAccesArray)\r\n // console.log(\"ythis\",roleid)\r\n }else {\r\n let index = this.rolesAccesArray.indexOf(data);\r\n this.rolesAccesArray.splice(index,1);\r\n }\r\n\r\n }\r\n\r\n edit(data){\r\n // console.log(\"one\",data)\r\n\r\n }\r\nRoleaccessPdf(){\r\n let DATA = document.getElementById('Example table3');\r\n\r\n html2canvas(DATA).then(canvas => {\r\n\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n\r\n const FILEURI = canvas.toDataURL('image/png')\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n // PDF.text(\" project Report \",5,5)\r\n let position = 10;\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('RoleAccess.pdf');\r\n });\r\n}\r\n ngOnInit() {\r\n // this.rolesArray =[{name:null}]\r\n this.GetRoles();\r\n this.getRoleAccess();\r\n this.getAllrolesAccess();\r\n }\r\n\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree ,Router} from '@angular/router';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class SampleAccessGuard implements CanActivate {\r\n constructor(public route : Router){}\r\n canActivate(\r\n next: ActivatedRouteSnapshot,\r\n state: RouterStateSnapshot) {\r\n if(sessionStorage.getItem('user')){\r\n return true;\r\n }\r\n else {\r\n this.route.navigate(['login'])\r\n return false;\r\n }\r\n }\r\n \r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { task } from '../models/task';\r\nimport { department } from '../models/department';\r\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { observable, Observable } from 'rxjs';\r\nimport { project } from '../models/project';\r\nimport { clients } from '../models/clients';\r\nimport { user } from '../models/user';\r\n// import { Base64 } from 'js-base64';\r\nimport { loginDetails } from '../models/loginDetails';\r\nimport { timeSheet } from '../models/timeSheet';\r\nimport { changePassword } from '../models/changePassword';\r\nimport { taskPhase } from '../models/taskPhase';\r\nimport { taskAssign } from '../models/taskAssign';\r\nimport {subscription} from '../models/subscription';\r\nimport {leave}from '../models/leave';\r\nimport {Base64} from 'js-base64';\r\n// import encodeURI = Base64.encodeURI;\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class TimeSheetService {\r\n \r\n // host= 192.168.1.30;\r\n // port = 5656;multipart/\r\n userSession:any;\r\n\r\n httpOptions = {\r\n headers: new HttpHeaders({ 'content-Type': 'application/json' })\r\n };\r\n httpOptionsOne = {\r\n headers: new HttpHeaders({ 'content-Type': 'multipart/form-data' })\r\n };\r\n constructor(private hClient: HttpClient) {\r\n this.userSession = (JSON.parse(sessionStorage.getItem('user')))\r\n\r\n }\r\n/* save subscription */\r\n\r\nsavesubscription(subscription:subscription):Observable{\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/savesubscription', JSON.stringify(subscription), this.httpOptions);\r\n}\r\n\r\n/* get All Subscriptions */\r\n\r\ngetallSubscriptions():Observable{\r\n return this.hClient.get('http://103.44.0.75:6060/savesubscription', { responseType: 'json' });\r\n}\r\n /*Save User*/\r\n saveUser(user: user): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/employee/'+this.userSession[0].companyShortName, JSON.stringify(user), this.httpOptions);\r\n }\r\n\r\n //getUser\r\n GetAllusers(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/employee/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n //getUser details by manager Id\r\n getUsersByManagerId(managerId: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/employeeByManagerId/' + managerId+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n //getUsers By id\r\n getUsersById(id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/employeeById/' + id+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n// /getUsers By id\r\n getAllUsersById(id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getAllUsersById/' + id+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n /* user by id */\r\n GetUsersById(id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/employee/' + id+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n getEmployeeDetailsByid(id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getEmployeeDetailsByid/' + id+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n\r\n //get user by role\r\n GetAllUsersByRole(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/employeeByRole/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n\r\n }\r\n /* upadate for users */\r\n updateUsers(user: user): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/employeeUpdate/'+this.userSession[0].companyShortName, JSON.stringify(user), this.httpOptions);\r\n }\r\n\r\n updateUsersstatus(id: number,usr: user): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/updateUsersstatus/'+id, JSON.stringify(usr), this.httpOptions);\r\n }\r\n /* for deprtments */\r\n\r\n //save departments\r\n\r\n saveDepartment(dept: department): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/department', JSON.stringify(dept), this.httpOptions);\r\n }\r\n\r\n /* update department*/\r\n updateDepartment(dept: department): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/departmentUpdate', JSON.stringify(dept), this.httpOptions);\r\n }\r\n\r\n //get departments\r\n GetAlldepartments(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getdepartment', { responseType: 'json' });\r\n }\r\n GetDepartmentsById(id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/department/' + id, { responseType: 'json' });\r\n }\r\n\r\n /* for clients */\r\n //save CLIENTS\r\n saveClients(clnt: clients): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/clients/'+this.userSession[0].companyShortName, JSON.stringify(clnt), this.httpOptions);\r\n }\r\n //get CLIENTS\r\n GetAllClients(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/clients/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n //get ClientStatus\r\n GetAllClientsByStatus(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/clientStatus/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n /* get clients by Id */\r\n GetClientsById(id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/GetClientsById/' + id, { responseType: 'json' });\r\n }\r\n // update clients\r\n updateClients(clnt: clients): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/clientsUpdate/'+this.userSession[0].companyShortName, JSON.stringify(clnt), this.httpOptions);\r\n }\r\n\r\n\r\n updateClientstatus(id: number,clnt: clients): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/clientStatusUpdate/'+id, JSON.stringify(clnt), this.httpOptions);\r\n }\r\n\r\n /* for projects */\r\n\r\n //save project\r\n saveProject(prjct: project): Observable {\r\n return this.hClient.post('http://103.44.0.75:6060/project/'+this.userSession[0].companyShortName, JSON.stringify(prjct), this.httpOptions);\r\n }\r\n submitLeave(leave: leave): Observable {\r\n return this.hClient.post('http://103.44.0.75:6060/submitLeave/'+this.userSession[0].companyShortName, JSON.stringify(leave), this.httpOptions);\r\n }\r\n\r\n updateProjects(prjct: project): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/projectUpdate/'+this.userSession[0].companyShortName, JSON.stringify(prjct), this.httpOptions);\r\n }\r\n\r\n\r\n updateProjectstatus(id: number,prjct: project): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/projectStatusUpdate/'+id, JSON.stringify(prjct), this.httpOptions);\r\n }\r\n\r\n //get project\r\n GetAllProjects(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/projects/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n getLeavesCount(empId:any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getLeavesCount/'+empId+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n // Timesheetcount\r\n\r\n getTimeSheetCount(empId: any): Observable {\r\n\r\n return this.hClient.get('http://103.44.0.75:6060/getTimeSheetCount/' + empId+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n\r\n }\r\n GetAllprojectsBystatus(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/projectsByStatus/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n //get project by clientID\r\n GetProjectsByClientId(clientId:any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getProjectsByClientId/'+clientId, { responseType: 'json' });\r\n }\r\n\r\n GetProjectsById(id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/projects/' + id+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n\r\n getProjectDetailsByid(id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getProjectDetailsByid/' + id, { responseType: 'json' });\r\n }\r\n\r\n\r\n // taskphase\r\n SaveTaskPhase(tskphs: taskPhase): Observable {\r\n return this.hClient.post('http://103.44.0.75:6060/taskPhase', JSON.stringify(tskphs), this.httpOptions);\r\n }\r\n GetAllTaskPhases(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/taskphases', { responseType: 'json' });\r\n }\r\n GetTaskPhaseById(id:any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/taskphasesById/'+id, { responseType: 'json' });\r\n }\r\n getTaskPhaseByProjectId(id:any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/taskphasesByProjectId/'+id, { responseType: 'json' });\r\n }\r\n UpateTaskPhase(tskphs: taskPhase): Observable {\r\n return this.hClient.post('http://103.44.0.75:6060/taskPhaseUpdate', JSON.stringify(tskphs), this.httpOptions);\r\n }\r\n/*for adding tasks*/\r\nSaveTask(tsk: task): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/taskAdd', JSON.stringify(tsk), this.httpOptions);\r\n}\r\n\r\ngetAllAddedTasks(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getAllAddedTasks', { responseType: 'json' });\r\n}\r\ngetAllTasksById(id:any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getAllTasksById/'+id, { responseType: 'json' });\r\n}\r\nUpdateTask(tsk: task): Observable {\r\n\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/taskUpdate', JSON.stringify(tsk), this.httpOptions);\r\n}\r\ngetTasksByTaskPhaseId(id:any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getTasksByTaskPhaseId/'+id, { responseType: 'json' });\r\n}\r\n\r\ngetAllAssignedTasks(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getAllAssignedTasks', { responseType: 'json' });\r\n}\r\n\r\n/* get all tasks for reports */\r\nGetAllTask():Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/GetAllTask/'+this.userSession[0].companyShortName,{responseType:'json'});\r\n}\r\n\r\nupdateTaskstatus(id: number,tsk: task): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/taskStatusUpdate/'+id, JSON.stringify(tsk), this.httpOptions);\r\n}\r\n\r\n/* get reports for all tasks */\r\nGetReportsByTaskId(sortTaskId:any):Observable {\r\nreturn this.hClient.get('http://103.44.0.75:6060/GetReportsByTaskId'+sortTaskId+'/'+this.userSession[0].companyShortName,{responseType:'json'})\r\n}\r\n /* for assigning Task */\r\n\r\n //save task\r\n saveTaskAssign(tsk: taskAssign): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/taskAssign', JSON.stringify(tsk), this.httpOptions);\r\n }\r\n\r\n /* for update task */\r\n UpdateTaskAssign(tsk: taskAssign): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/taskAssignUpdate', JSON.stringify(tsk), this.httpOptions);\r\n }\r\n //get task\r\n\r\n GetAllTasks(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/taskAssign', { responseType: 'json' });\r\n }\r\n\r\n /* get tasks by id */\r\n getTasksById(id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/taskById/' + id+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n /* get tasks by week */\r\n\r\n GetWeek(date: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getweek/' + date, { responseType: 'json' });\r\n }\r\n getForGraph(id:any,sd: any,ed:any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getForGraph/' +id+'/'+sd+'/'+ed+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n getDataForPieChart(sd: any,ed:any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getDataForPieChart/'+sd+'/'+ed+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n getDataForDoughnutChart(id:any,sd: any,ed:any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getDataForDoughnutChart/' +id+'/'+sd+'/'+ed+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n /* get tasks by taskid */\r\n\r\n getAllAssignedTasksById(id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getAllAssignedTasksById/' + id, { responseType: 'json' });\r\n }\r\n\r\n /* for login */\r\n\r\n Savelogin(email: any, pwd: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/emp_login/' + email + '/' + pwd, { responseType: 'json' });\r\n }\r\n /*get roles*/\r\n GetAllRoles(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/roles/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n //get Time Sheet\r\n\r\n verifyTimeSheet(pid: any, tid: any, wrkd: any, empId: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getTimeSheetByDetails/' + pid + '/' + tid + '/' + wrkd + '/' + empId, { responseType: 'json' });\r\n }\r\n\r\n //get All time sheet by employee id\r\n\r\n getAllTimeSheetByEmpID(empId: any,sortSdt: any, sortEdt: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getAllTimeSheetByEmpId/' + empId+'/'+ sortSdt + '/' + sortEdt+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n getTimeSheetPendingDetailsByEmp(empId: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getTimeSheetPendingDetailsByEmp/' + empId+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n getLeaves(empId: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getLeaves/' + empId+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n getTimeSheetRajectedDetailsByEmp(empId: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getTimeSheetRajectedDetailsByEmp/' + empId+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n addTimeSheet(ts: timeSheet): Observable {\r\n return this.hClient.post('http://103.44.0.75:6060/timeSheetEntry/'+this.userSession[0].companyShortName, JSON.stringify(ts), this.httpOptions);\r\n }\r\n addTimeSheetSelf(ts: timeSheet): Observable {\r\n return this.hClient.post('http://103.44.0.75:6060/timeSheetSelfEntry/'+this.userSession[0].companyShortName, JSON.stringify(ts), this.httpOptions);\r\n }\r\n addTimeSheetSelfAsign(ts: timeSheet): Observable {\r\n return this.hClient.post('http://103.44.0.75:6060/addTimeSheetSelfAsign/'+this.userSession[0].companyShortName, JSON.stringify(ts), this.httpOptions);\r\n }\r\n updateTimeSheet(hrs: any): Observable {\r\n return this.hClient.post('http://103.44.0.75:6060/timeSheetEntryUpdate/'+this.userSession[0].companyShortName, JSON.stringify(hrs), this.httpOptions);\r\n }\r\n\r\n\r\n getApprovalPendingTimeSheetByEmpId(id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getApprovalPendingTimeSheetByEmpId/'+id+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n getApprovalPendingLeavesByEmpId(empId :any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getApprovalPendingLeavesByEmpId/'+ empId+'/'+this.userSession[0].companyShortName , { responseType: 'json' });\r\n }\r\n GetTimeSheetByDateAndEmpId(sd: any, ed: any, id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getSheetByDateAndEmpId/' + id + '/' + sd + '/' + ed+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n sendWeeklyReportToManager(sd: any, ed: any, id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/sendWeeklyReportToManager/' + id + '/' + sd + '/' + ed+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n StatusUpdateByManager(tid: any, sd: any, sts: any, eid: any) {\r\n return this.hClient.get('http://103.44.0.75:6060/StatusUpdateByManager/' + tid + '/' + eid + '/' + sd + '/' + sts+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n\r\n }\r\n leaveStatusUpdateByManager(lid: any,sts:any) {\r\n return this.hClient.get('http://103.44.0.75:6060/leaveStatusUpdateByManager/' + lid + '/' + sts+'/'+this.userSession[0].companyShortName , { responseType: 'json' });\r\n\r\n }\r\n rejectStatusUpdateByManager(eid: any,reason:any,sts:any) {\r\n return this.hClient.get('http://103.44.0.75:6060/rejectStatusUpdateByManager/' + eid + '/' + reason + '/' + sts+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n rejectLeaveStatusUpdateByManager(lid: any,reason:any,sts:any) {\r\n return this.hClient.get('http://103.44.0.75:6060/rejectLeaveStatusUpdateByManager/' + lid + '/' + reason + '/' + sts+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n /* save change password */\r\n changepassword(changePassword: changePassword): Observable {\r\n return this.hClient.post('http://103.44.0.75:6060/changePassword/'+this.userSession[0].companyShortName, JSON.stringify(changePassword), this.httpOptions);\r\n }\r\n\r\n /* get all approved reports*/\r\n GetApprovedReportsByEmpId(sortEmpId: any,sortSdt: any, sortEdt: any,status:any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/GetApprovedReportsByEmpID/' + sortEmpId+ '/' + sortSdt + '/' + sortEdt+'/'+status+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n GetApprovedReportsByProId(sortProId: any,sortSdt: any, sortEdt: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/GetApprovedReportsByProID/' + sortProId + '/' + sortSdt + '/' + sortEdt+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n GetReportsForDefaulters(sortSdt: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/GetReportsForDefaulters/'+ sortSdt+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n getCompanyHoliday(sortSdt: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getCompanyHoliday/'+ sortSdt+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n GetApprovedReports(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/GetApprovedReports/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n GetApprovedReportsByManagerId(id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/GetApprovedReportsByManagerId/' + id+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n getAllApprovalPendingTimeSheetByManagerId(id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getAllApprovalPendingTimeSheetByManagerId/' + id+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n getAllApprovalPendingTimeSheet(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getAllApprovalPendingTimeSheet/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n GetApprovedReportsByDateRange(sortSdt: any, sortEdt: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/GetApprovedReportsByDateRange/' + sortSdt + '/' + sortEdt+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n getDetailsByProjectId(id:any,sts:any,sd:any,ed:any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getDetailsByProjectId/'+id+'/'+sts+'/'+sd+'/'+ed+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n // forgot password\r\n verifyEmail(email: any,mbl:any,pwd:any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/verifyEmailAndMobile/' +email+'/'+mbl+'/'+pwd, { responseType: 'json' });\r\n }\r\n //get Projects for timesheet employee select project \r\n GetAllProjectsDetails(Id): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/allProjects/'+Id+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n } \r\n\r\n //get holiday list\r\n\r\n getHolidays(): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getHolidays/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n\r\n //save task\r\n setMastertable(mtd): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/setMastertable/'+this.userSession[0].companyShortName, JSON.stringify(mtd), this.httpOptions);\r\n }\r\n //save task\r\n getMastertable(mtd): Observable {\r\n var tableName = mtd.tableName;\r\n\r\n return this.hClient.get('http://103.44.0.75:6060/getMastertable/'+tableName+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n setRoleAccess(data): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/setRoleAcces/'+this.userSession[0].companyShortName, JSON.stringify(data) ,this.httpOptions);\r\n }\r\n getRoleAccess(): Observable {\r\n\r\n\r\n return this.hClient.get('http://103.44.0.75:6060/getRoleAccess/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n\r\n getRolesForAccess(): Observable {\r\n\r\n\r\n return this.hClient.get('http://103.44.0.75:6060/getRolesForAccess/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n //save task\r\n deleteRoleAccess(Id): Observable {\r\n\r\n\r\n return this.hClient.delete('http://103.44.0.75:6060/deleteRoleAccess/'+Id+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n setResource(pid:any,resourceId:any): Observable {\r\n\r\n return this.hClient.post('http://103.44.0.75:6060/setResource/'+this.userSession[0].companyShortName+'/'+pid, JSON.stringify(resourceId) ,this.httpOptions);\r\n }\r\n getResource(empID): Observable {\r\n\r\n\r\n return this.hClient.get('http://103.44.0.75:6060/getResource/'+empID+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n deleteResource(Id): Observable {\r\n\r\n\r\n return this.hClient.delete('http://103.44.0.75:6060/deleteResource/'+Id+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n getTaskeByProjectId(Id:any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getTaskeByProjectId/'+Id+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n getProjectsForResource(): Observable {\r\n\r\n\r\n return this.hClient.get('http://103.44.0.75:6060/getProjectsForResource/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n getResourceForProject(empId): Observable {\r\n\r\n\r\n return this.hClient.get('http://103.44.0.75:6060/getResourceForProject/'+empId+'/'+this.userSession[0].companyShortName, { responseType: 'json' });\r\n }\r\n setUploadImage(data,Id): Observable {\r\n return this.hClient.post('http://103.44.0.75:6060/setUploadImage/'+Id+'/'+this.userSession[0].companyShortName, data);\r\n }\r\n getImage(id: any): Observable {\r\n return this.hClient.get('http://103.44.0.75:6060/getImage/' + id+'/'+this.userSession[0].companyShortName);\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","module.exports = \"body{\\r\\n background-color: #E8E8E8;\\r\\n width: 70%;\\r\\n height: 100%;\\r\\npadding-left: 0px;\\r\\n}\\r\\n/*div {*/\\r\\n/*background-color: white;*/\\r\\n/*padding: 50px;*/\\r\\n/*width: 100%;*/\\r\\n/*border: 5px Solid green;*/\\r\\n/*margin: 20px;*/\\r\\n/*}*/\\r\\n.center {\\r\\n background-color: white;\\r\\n margin: auto;\\r\\n width: 50%;\\r\\n border: 3px solid #73AD21;\\r\\n padding: 50px;\\r\\n /*margin: 20px;*/\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvc3Vic2NyaXB0aW9uLWNvbmZpcm1hdGlvbi9zdWJzY3JpcHRpb24tY29uZmlybWF0aW9uLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSx5QkFBeUI7SUFDekIsVUFBVTtJQUNWLFlBQVk7QUFDaEIsaUJBQWlCO0FBQ2pCO0FBQ0EsUUFBUTtBQUNKLDJCQUEyQjtBQUMzQixpQkFBaUI7QUFDakIsZUFBZTtBQUNmLDJCQUEyQjtBQUMzQixnQkFBZ0I7QUFDcEIsSUFBSTtBQUNKO0lBQ0ksdUJBQXVCO0lBQ3ZCLFlBQVk7SUFDWixVQUFVO0lBQ1YseUJBQXlCO0lBQ3pCLGFBQWE7SUFDYixnQkFBZ0I7QUFDcEIiLCJmaWxlIjoic3JjL2FwcC9zdWJzY3JpcHRpb24tY29uZmlybWF0aW9uL3N1YnNjcmlwdGlvbi1jb25maXJtYXRpb24uY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbImJvZHl7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjRThFOEU4O1xyXG4gICAgd2lkdGg6IDcwJTtcclxuICAgIGhlaWdodDogMTAwJTtcclxucGFkZGluZy1sZWZ0OiAwcHg7XHJcbn1cclxuLypkaXYgeyovXHJcbiAgICAvKmJhY2tncm91bmQtY29sb3I6IHdoaXRlOyovXHJcbiAgICAvKnBhZGRpbmc6IDUwcHg7Ki9cclxuICAgIC8qd2lkdGg6IDEwMCU7Ki9cclxuICAgIC8qYm9yZGVyOiA1cHggU29saWQgZ3JlZW47Ki9cclxuICAgIC8qbWFyZ2luOiAyMHB4OyovXHJcbi8qfSovXHJcbi5jZW50ZXIge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICBtYXJnaW46IGF1dG87XHJcbiAgICB3aWR0aDogNTAlO1xyXG4gICAgYm9yZGVyOiAzcHggc29saWQgIzczQUQyMTtcclxuICAgIHBhZGRpbmc6IDUwcHg7XHJcbiAgICAvKm1hcmdpbjogMjBweDsqL1xyXG59Il19 */\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-subscription-confirmation',\r\n templateUrl: './subscription-confirmation.component.html',\r\n styleUrls: ['./subscription-confirmation.component.css']\r\n})\r\nexport class SubscriptionConfirmationComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","import * as XLSX from \"xlsx\";\r\n\r\n\r\n\r\nexport class TableUtil {\r\n\r\n static exportToExcel(tableId: string, name?: string ,column?) {\r\n\r\n let timeSpan = new Date().toISOString();\r\n\r\n let prefix = name || \"Bookourtime\";\r\n let columIndex = column || null;\r\n\r\n let fileName = `${prefix}-${timeSpan}`;\r\n\r\n let targetTableElm = document.getElementById(tableId);\r\n const ws: XLSX.WorkSheet = XLSX.utils.table_to_sheet(targetTableElm);\r\n\r\n ws['!cols'] = [];\r\n // ws[\"!cols\"].concat('SL',[1,2]);\r\n ws['!cols'][columIndex] = { hidden: true };\r\n let wb = XLSX.utils.book_new();\r\n XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');\r\n\r\n XLSX.writeFile(wb, `${fileName}.xlsx`);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n","module.exports = \"\\r\\n\\r\\nbutton{\\r\\n border-color: aliceblue;\\r\\n}\\r\\ninput{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\ntextarea{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\ntextarea:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\ninput:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\nselect{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\nselect:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\ntable {\\r\\n width: 100%;\\r\\n }\\r\\nth{\\r\\n color:#010101!important;\\r\\n border-bottom-style: solid!important;\\r\\n\\r\\n}\\r\\ntd{\\r\\n border-bottom-style: groove!important;\\r\\n}\\r\\n.mat-cell {\\r\\n color: rgb(133, 128, 128);\\r\\n }\\r\\n.mat-header-cell {\\r\\n background-color: #2122228a;\\r\\n text-transform: capitalize;\\r\\n font-size: 1em;\\r\\n color: rgb(145, 130, 130);\\r\\n }\\r\\n.mat-header-cell h6 {\\r\\n font-weight: bold;\\r\\n text-transform: capitalize;\\r\\n }\\r\\n.mat-paginator {\\r\\n background-color: whitesmoke;\\r\\n color: rgb(0, 0, 0);\\r\\n font: weight 1;\\r\\n }\\r\\n.mat-table {\\r\\n background-color: #58184500;\\r\\n \\r\\n }\\r\\nbutton.excel{\\r\\n background-color: dodgerblue;\\r\\n float: right;\\r\\n border-radius: 10px;\\r\\n\\r\\n}\\r\\ntd {\\r\\n\\r\\n word-wrap:break-word \\r\\n\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvdGFza2VudHJ5L3Rhc2tlbnRyeS5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBRUE7SUFDSSx1QkFBdUI7QUFDM0I7QUFDQTtJQUNJLGdDQUFnQztBQUNwQztBQUVBO0lBQ0ksZ0NBQWdDO0FBQ3BDO0FBRUE7SUFDSSx5Q0FBeUM7QUFDN0M7QUFFQTtJQUNJLHlDQUF5QztBQUM3QztBQUNBO0lBQ0ksZ0NBQWdDO0FBQ3BDO0FBRUE7SUFDSSx5Q0FBeUM7QUFDN0M7QUFHQTtJQUNJLFdBQVc7RUFDYjtBQUdBO0lBQ0UsdUJBQXVCO0lBQ3ZCLG9DQUFvQzs7QUFFeEM7QUFFQTtJQUNJLHFDQUFxQztBQUN6QztBQUNFO0lBQ0UseUJBQXlCO0VBQzNCO0FBQ0E7SUFDRSw0QkFBNEI7SUFDNUIsMEJBQTBCO0lBQzFCLGVBQWU7SUFDZix5QkFBeUI7RUFDM0I7QUFDQTtJQUNFLGlCQUFpQjtJQUNqQiwwQkFBMEI7RUFDNUI7QUFDQTtJQUNFLDRCQUE0QjtJQUM1QixtQkFBbUI7SUFDbkIsY0FBYztFQUNoQjtBQUNBO0lBQ0UsMkJBQTJCOztFQUU3QjtBQUNBO0lBQ0UsNEJBQTRCO0lBQzVCLFlBQVk7SUFDWixtQkFBbUI7O0FBRXZCO0FBRUE7O0VBRUU7O0FBRUYiLCJmaWxlIjoic3JjL2FwcC90YXNrZW50cnkvdGFza2VudHJ5LmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuXHJcbmJ1dHRvbntcclxuICAgIGJvcmRlci1jb2xvcjogYWxpY2VibHVlO1xyXG59XHJcbmlucHV0e1xyXG4gICAgYm9yZGVyLWNvbG9yOiAgI0EwQkVDNSFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbnRleHRhcmVhe1xyXG4gICAgYm9yZGVyLWNvbG9yOiAgI0EwQkVDNSFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbnRleHRhcmVhOmhvdmVye1xyXG4gICAgYm9yZGVyLWNvbG9yOiByZ2IoNTUsIDE4OSwgMjE5KSFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbmlucHV0OmhvdmVye1xyXG4gICAgYm9yZGVyLWNvbG9yOiByZ2IoNTUsIDE4OSwgMjE5KSFpbXBvcnRhbnQ7XHJcbn1cclxuc2VsZWN0e1xyXG4gICAgYm9yZGVyLWNvbG9yOiAgI0EwQkVDNSFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbnNlbGVjdDpob3ZlcntcclxuICAgIGJvcmRlci1jb2xvcjogcmdiKDU1LCAxODksIDIxOSkhaW1wb3J0YW50O1xyXG59XHJcblxyXG5cclxudGFibGUge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgfVxyXG5cclxuXHJcbiAgdGh7XHJcbiAgICBjb2xvcjojMDEwMTAxIWltcG9ydGFudDtcclxuICAgIGJvcmRlci1ib3R0b20tc3R5bGU6IHNvbGlkIWltcG9ydGFudDtcclxuXHJcbn1cclxuXHJcbnRke1xyXG4gICAgYm9yZGVyLWJvdHRvbS1zdHlsZTogZ3Jvb3ZlIWltcG9ydGFudDtcclxufVxyXG4gIC5tYXQtY2VsbCB7XHJcbiAgICBjb2xvcjogcmdiKDEzMywgMTI4LCAxMjgpO1xyXG4gIH1cclxuICAubWF0LWhlYWRlci1jZWxsIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICAjMjEyMjIyOGE7XHJcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcclxuICAgIGZvbnQtc2l6ZTogIDFlbTtcclxuICAgIGNvbG9yOiByZ2IoMTQ1LCAxMzAsIDEzMCk7XHJcbiAgfVxyXG4gIC5tYXQtaGVhZGVyLWNlbGwgaDYge1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcclxuICB9XHJcbiAgLm1hdC1wYWdpbmF0b3Ige1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcclxuICAgIGNvbG9yOiByZ2IoMCwgMCwgMCk7XHJcbiAgICBmb250OiB3ZWlnaHQgMTtcclxuICB9XHJcbiAgLm1hdC10YWJsZSB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTgxODQ1MDA7XHJcbiAgICBcclxuICB9XHJcbiAgYnV0dG9uLmV4Y2Vse1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogZG9kZ2VyYmx1ZTtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcblxyXG59XHJcblxyXG50ZCB7XHJcblxyXG4gIHdvcmQtd3JhcDpicmVhay13b3JkIFxyXG5cclxufSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\r\nimport { task } from '../models/task';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\nimport {ViewChild} from '@angular/core';\r\nimport { taskAssign } from '../models/taskAssign';\r\nimport { MatSort, MatTableDataSource} from '@angular/material';\r\nimport {MatPaginator} from '@angular/material/paginator';\r\nimport { DatePipe } from '@angular/common';\r\n\r\nimport { TableUtil } from '../tableUtil';\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './taskentry.component.html',\r\n styleUrls: ['./taskentry.component.css']\r\n})\r\nexport class TaskentryComponent implements OnInit {\r\n userSession:any;\r\n taskAssignObj: taskAssign;\r\n taskDetails:any;\r\n taskPhaseDetails:any;\r\n projectDetails:any;\r\n departmentDetails:any;\r\n userDetails:any;\r\n teamDetails:any;\r\n clientDetails:any;\r\n clientDetailsByStatus:any;\r\n projectDetailsByStatus:any;\r\n taskAddObj:task\r\n alltaskdetails:any;\r\n allassignedtasks:any;\r\n user:any;\r\n datedata:any;\r\n dataSourceass:any;\r\n taskAddedDetails:any;\r\n sd:Date;\r\n ed:Date;\r\n dateDatae:any;\r\n @ViewChild(\"tfrm\", {static: true}) form: any;\r\n @ViewChild(\"tafrm\", {static: true}) forms: any;\r\n dataSource;\r\n @ViewChild(MatSort, { static: true }) sort: MatSort;\r\n @ViewChild(\"paginator\", { static: true })paginator: MatPaginator;\r\n @ViewChild(\"paginator1\", {static: true })paginator1: MatPaginator;\r\n\r\n displayedColumns = ['slNo','clientName', 'projectName', 'taskphase', 'description', 'hours', 'act']\r\n displayedColumnsass = ['slNo','clientnm', 'prjctname', 'tp', 'tk', 'td','at','sd','ed','tt','cy' ,'act']\r\n\r\n\r\n constructor(private ts:TimeSheetService,public toastr: ToastrManager,private datePipe: DatePipe) {\r\n this.taskAddObj=new task()\r\n this.taskAssignObj = new taskAssign();\r\n }\r\n applyFilter(filterValue: string) {\r\n filterValue = filterValue.trim();\r\n filterValue = filterValue.toLowerCase();\r\n this.dataSource.filter = filterValue;\r\n this.dataSourceass.filter = filterValue;\r\n }\r\n\r\n\r\n saveTask(){\r\n this.ts.SaveTask(this.taskAddObj).subscribe((data) => {\r\n this.toastr.successToastr(data.message);\r\n this.forms.reset();\r\n this.getAllAddedTasks()\r\n });\r\n }\r\n\r\n saveTaskAssign(){\r\n this.ts.saveTaskAssign(this.taskAssignObj).subscribe((data) => {\r\n this.toastr.successToastr(data.message);\r\n this.getAllAssignedTasks();\r\n this.form.reset();\r\n\r\n this.getAllTasks();\r\n });\r\n }\r\n\r\n // getAllTaskPhases(){\r\n // this.ts.GetAllTaskPhases().subscribe((data) => {\r\n // this.taskPhaseDetails = data;\r\n // });\r\n // }\r\n getAllTasks(){\r\n this.ts.GetAllTasks().subscribe((data) => {\r\n this.taskDetails = data[0];\r\n console.log(this.taskDetails,\"taskDetails\")\r\n\r\n\r\n });\r\n }\r\n\r\n\r\n getAllAddedTasks(){\r\n this.ts.getAllAddedTasks().subscribe((data)=>{\r\n this.alltaskdetails =data[0];\r\n for (let i = 0; i < this.alltaskdetails.length; i++) {\r\n if (this.alltaskdetails[i].Status == 'Inactive') {\r\n this.alltaskdetails[i].status = false\r\n } else {\r\n this.alltaskdetails[i].status = true\r\n }\r\n }\r\n this.dataSource = data[0].sort().reverse();\r\n this.dataSource = new MatTableDataSource(data[0])\r\n this.dataSource.sort = this.sort\r\n this.dataSource.paginator = this.paginator\r\n\r\n\r\n })\r\n }\r\n onChange(status, id) {\r\n\r\n this.ts.getAllTasksById(id).subscribe((data) => {\r\n this.taskAddObj.status = status.checked;\r\n this.ts.updateTaskstatus(id,this.taskAddObj).subscribe((data) => {\r\n this.toastr.successToastr('Toggled Successfully');\r\n this.ngOnInit()\r\n })\r\n })\r\n }\r\n\r\n getAllAssignedTasks(){\r\n this.ts.getAllAssignedTasks().subscribe((data)=>{\r\n this.allassignedtasks =data[0];\r\n this.dataSourceass = data[0].sort().reverse();\r\n this.dataSourceass = new MatTableDataSource(data[0])\r\n this.dataSourceass.sort = this.sort\r\n this.dataSourceass.paginator = this.paginator1\r\n\r\n })\r\n }\r\n\r\n getAllProjects(){\r\n this.ts.GetAllProjects().subscribe((data) => {\r\n this.projectDetails = data;\r\n\r\n });\r\n }\r\n\r\n\r\n getAllprojectsByStatus(){\r\n this.ts.GetAllprojectsBystatus().subscribe((data) =>{\r\n this.projectDetailsByStatus =data;\r\n\r\n }); }\r\n getAllDepartments(){\r\n this.ts.GetAlldepartments().subscribe((data) => {\r\n this.departmentDetails = data;\r\n });\r\n }\r\n\r\n getUsersByManagerId(id:any){\r\n this.ts.getUsersByManagerId(id).subscribe((data) => {\r\n this.userDetails = data;\r\n });\r\n }\r\n\r\n Back(){\r\n this.taskAddObj.id=null;\r\n // this.taskAssignObj.id\r\n this.getAllAddedTasks();\r\n // this.getAllAssignedTasks();\r\n\r\n\r\n }\r\n Back1(){\r\n // this.taskAddObj.id=null;\r\n this.taskAssignObj.id = null;\r\n // this.getAllAddedTasks();\r\n this.getAllAssignedTasks();\r\n\r\n\r\n }\r\n getAllTasksById(id:any){\r\n\r\n this.ts.getAllTasksById(id).subscribe((data) => {\r\n // console.log(\"one\",data[0])\r\n this.taskAddObj.id = data[0][0].id;\r\n this.taskAddObj.clientId=data[0][0].clientId\r\n this.taskAddObj.projectId=data[0][0].projectId\r\n this.taskAddObj.taskPhaseId=data[0][0].taskPhaseId;\r\n this.taskAddObj.description=data[0][0].description;\r\n this.taskAddObj.taskTime=data[0][0].hours;\r\n });\r\n }\r\n UpdateTask(){\r\n\r\n this.ts.UpdateTask(this.taskAddObj).subscribe((data) => {\r\n this.toastr.successToastr(data.message);\r\n this.forms.reset();\r\n this.getAllTasks();\r\n this.getAllAddedTasks();\r\n });\r\n }\r\n\r\n getAllAssignedTasksById(id:any){\r\n console.log(id,'one')\r\n this.ts.getAllAssignedTasksById(id).subscribe((data) => {\r\n console.log(\"two\",data[0])\r\n this.taskAssignObj.id = data[0][0].id;\r\n this.taskAssignObj.clientId=data[0][0].clientId\r\n this.taskAssignObj.projectId=data[0][0].projectId\r\n this.taskAssignObj.taskPhase=data[0][0].taskPhaseId;\r\n this.taskAssignObj.taskId=data[0][0].taskId;\r\n this.taskAssignObj.description=data[0][0].description;\r\n this.taskAssignObj.assignedTo=data[0][0].assignedTo;\r\n this.sd=(new Date(data[0][0].startDate))\r\n this.datedata = (new Date(this.sd.getTime()+ 1 * 24 * 60 * 60 * 1000))\r\n this.taskAssignObj.startDate=(this.datePipe.transform(this.datedata,'MM-dd-yyy'));\r\n this.ed=(new Date(data[0][0].endDate))\r\n this.dateDatae = (new Date(this.ed.getTime()+ 1 * 24 * 60 * 60 * 1000))\r\n this.taskAssignObj.endDate=(this.datePipe.transform(this.dateDatae,'MM-dd-yyy'));\r\n this.taskAssignObj.taskTime=data[0][0].taskTime;\r\n this.taskAssignObj.category=data[0][0].category\r\n });\r\n }\r\n\r\n UpdateTaskAssign(){\r\n this.ts.UpdateTaskAssign(this.taskAssignObj).subscribe((data) => {\r\n this.toastr.successToastr(data.message);\r\n this.form.reset();\r\n this.getAllTasks();\r\n this.getAllAssignedTasks();\r\n });\r\n }\r\n\r\n\r\n getProjectsByClientId(id:any){\r\n this.ts.GetProjectsByClientId(id).subscribe((data) => {\r\n this.projectDetails = data;\r\n\r\n });\r\n }\r\n getTaskPhaseByProjectId(){\r\n this.ts.getMastertable({tableName:'phases'}).subscribe((data) => {\r\n this.taskPhaseDetails = data[0];\r\n\r\n\r\n });\r\n }\r\n gettasks(){\r\n this.ts.getMastertable({tableName:'tasks'}).subscribe((data) => {\r\n\r\n this.taskAddedDetails = data[0];\r\n\r\n\r\n });\r\n }\r\n getTasksByTaskPhaseId(id:any){\r\n this.ts.getTasksByTaskPhaseId(id).subscribe((data) => {\r\n\r\n this.taskAddedDetails = data[0];\r\n\r\n });\r\n }\r\n getAllClients(){\r\n this.ts.GetAllClients().subscribe((data) => {\r\n this.clientDetails = data;\r\n });\r\n }\r\n\r\n getAllClientsByStatus(){\r\n this.ts.GetAllClientsByStatus().subscribe((data) =>{\r\n this.clientDetailsByStatus =data;\r\n })\r\n }\r\n exportTable(){\r\n TableUtil.exportToExcel(\"Example table\" ,'All tasks',6);\r\n TableUtil.exportToExcel(\"Example table2\",'All Assigned Tasks',11);\r\n\r\n }\r\n ngOnInit() {\r\n this.getAllAddedTasks();\r\n this.getAllClients();\r\n this.getAllClientsByStatus();\r\n this.getAllprojectsByStatus()\r\n this.getAllAssignedTasks();\r\n this.getAllTasks();\r\n this.getTaskPhaseByProjectId();\r\n // this.getAllTaskPhases();\r\n this.getAllProjects();\r\n this.gettasks();\r\n this.getAllDepartments();\r\n this.userSession=(JSON.parse(sessionStorage.getItem('user')))\r\n this.ts.getUsersById(this.userSession[0].id).subscribe((data) => {\r\n this.user = data;\r\n\r\n if(this.user[0].empDesignation==4 ||this.user[0].empDesignation==3 ){\r\n this.ts.getUsersByManagerId(this.user[0].empID).subscribe((data) => {\r\n this.teamDetails = data;\r\n\r\n });\r\n }\r\n if(this.user[0].empDesignation==9 ){\r\n this.ts.GetAllusers().subscribe((data) => {\r\n this.teamDetails = data[0];\r\n\r\n });\r\n }\r\n });\r\n }\r\n\r\n}\r\n","module.exports = \"table {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n\\r\\n th{\\r\\n color:#010101!important;\\r\\n border-bottom-style: solid!important;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n td{\\r\\n border-bottom-style: groove!important;\\r\\n}\\r\\n\\r\\n\\r\\n .mat-cell {\\r\\n color: rgb(133, 128, 128);\\r\\n }\\r\\n\\r\\n\\r\\n .mat-header-cell {\\r\\n background-color: #2122228a;\\r\\n text-transform: capitalize;\\r\\n font-size: 1em;\\r\\n color: rgb(145, 130, 130);\\r\\n }\\r\\n\\r\\n\\r\\n .mat-header-cell h6 {\\r\\n font-weight: bold;\\r\\n text-transform: capitalize;\\r\\n }\\r\\n\\r\\n\\r\\n .mat-paginator {\\r\\n background-color: whitesmoke;\\r\\n color: rgb(0, 0, 0);\\r\\n font: weight 1;\\r\\n }\\r\\n\\r\\n\\r\\n .mat-table {\\r\\n background-color: #58184500;\\r\\n \\r\\n }\\r\\n\\r\\n\\r\\n button.excel{\\r\\n background-color: dodgerblue;\\r\\n float: right;\\r\\n border-radius: 10px;\\r\\n\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvdGFza3BoYXNlL3Rhc2twaGFzZS5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksV0FBVztFQUNiOzs7RUFHQTtJQUNFLHVCQUF1QjtJQUN2QixvQ0FBb0M7O0FBRXhDOzs7RUFFQTtJQUNJLHFDQUFxQztBQUN6Qzs7O0VBQ0U7SUFDRSx5QkFBeUI7RUFDM0I7OztFQUNBO0lBQ0UsNEJBQTRCO0lBQzVCLDBCQUEwQjtJQUMxQixlQUFlO0lBQ2YseUJBQXlCO0VBQzNCOzs7RUFDQTtJQUNFLGlCQUFpQjtJQUNqQiwwQkFBMEI7RUFDNUI7OztFQUNBO0lBQ0UsNEJBQTRCO0lBQzVCLG1CQUFtQjtJQUNuQixjQUFjO0VBQ2hCOzs7RUFDQTtJQUNFLDJCQUEyQjs7RUFFN0I7OztFQUNBO0lBQ0UsNEJBQTRCO0lBQzVCLFlBQVk7SUFDWixtQkFBbUI7O0FBRXZCIiwiZmlsZSI6InNyYy9hcHAvdGFza3BoYXNlL3Rhc2twaGFzZS5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsidGFibGUge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgfVxyXG5cclxuXHJcbiAgdGh7XHJcbiAgICBjb2xvcjojMDEwMTAxIWltcG9ydGFudDtcclxuICAgIGJvcmRlci1ib3R0b20tc3R5bGU6IHNvbGlkIWltcG9ydGFudDtcclxuXHJcbn1cclxuXHJcbnRke1xyXG4gICAgYm9yZGVyLWJvdHRvbS1zdHlsZTogZ3Jvb3ZlIWltcG9ydGFudDtcclxufVxyXG4gIC5tYXQtY2VsbCB7XHJcbiAgICBjb2xvcjogcmdiKDEzMywgMTI4LCAxMjgpO1xyXG4gIH1cclxuICAubWF0LWhlYWRlci1jZWxsIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICAjMjEyMjIyOGE7XHJcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcclxuICAgIGZvbnQtc2l6ZTogIDFlbTtcclxuICAgIGNvbG9yOiByZ2IoMTQ1LCAxMzAsIDEzMCk7XHJcbiAgfVxyXG4gIC5tYXQtaGVhZGVyLWNlbGwgaDYge1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcclxuICB9XHJcbiAgLm1hdC1wYWdpbmF0b3Ige1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcclxuICAgIGNvbG9yOiByZ2IoMCwgMCwgMCk7XHJcbiAgICBmb250OiB3ZWlnaHQgMTtcclxuICB9XHJcbiAgLm1hdC10YWJsZSB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTgxODQ1MDA7XHJcbiAgICBcclxuICB9XHJcbiAgYnV0dG9uLmV4Y2Vse1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogZG9kZ2VyYmx1ZTtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcblxyXG59Il19 */\"","import { Component, OnInit } from '@angular/core';\r\nimport {ViewChild} from '@angular/core';\r\nimport { taskPhase } from '../models/taskPhase';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\nimport { MatSort, MatTableDataSource} from '@angular/material';\r\nimport {MatPaginator} from '@angular/material/paginator';\r\nimport { TableUtil } from '../tableUtil';\r\n\r\n@Component({\r\n selector: 'app-taskphase',\r\n templateUrl: './taskphase.component.html',\r\n styleUrls: ['./taskphase.component.css']\r\n})\r\nexport class TaskphaseComponent implements OnInit {\r\n userSession:any;\r\n taskPhaseAddObj: taskPhase;\r\n taskPhaseDetails:any;\r\n clientDetails:any\r\n clientDetailsByStatus:any\r\n user:any;\r\n projectDetails:any;\r\n dataSource:any;\r\n\r\n @ViewChild(MatSort, { static: true }) sort: MatSort;\r\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\r\n @ViewChild(\"tpfrm\", {static: true}) form: any;\r\n displayedColumns = ['slNo','clientName', 'projectName', 'taskPhase', 'act']\r\n constructor(private ts:TimeSheetService,public toastr: ToastrManager) {\r\n this.taskPhaseAddObj = new taskPhase();\r\n }\r\n applyFilter(filterValue: string) {\r\n filterValue = filterValue.trim();\r\n filterValue = filterValue.toLowerCase();\r\n this.dataSource.filter = filterValue;\r\n }\r\n saveTaskPhase(){\r\n this.ts.SaveTaskPhase(this.taskPhaseAddObj).subscribe((data) => {\r\n this.toastr.successToastr(data.message);\r\n this.form.reset();\r\n this.getAllTasksPhases();\r\n });\r\n }\r\n getAllTasksPhases(){\r\n this.ts.GetAllTaskPhases().subscribe((data) => {\r\n this.taskPhaseDetails = data;\r\n this.dataSource = new MatTableDataSource(data)\r\n this.dataSource.sort = this.sort\r\n this.dataSource.paginator = this.paginator\r\n\r\n });\r\n }\r\n Back(){\r\n this.taskPhaseAddObj.id=null;\r\n this.getAllTasksPhases();\r\n\r\n\r\n }\r\n exportTable(){\r\n\r\n TableUtil.exportToExcel(\"Example table\",'TaskPhase.xslx',4);\r\n }\r\n getProjectsByClientId(){\r\n this.ts.GetProjectsByClientId(this.taskPhaseAddObj.clientId).subscribe((data) => {\r\n this.projectDetails = data;\r\n\r\n });\r\n }\r\n getAllClients(){\r\n this.ts.GetAllClients().subscribe((data) => {\r\n this.clientDetails = data;\r\n });\r\n }\r\n\r\n getAllClientsByStatus(){\r\n this.ts.GetAllClientsByStatus().subscribe((data) =>{\r\n this.clientDetailsByStatus =data;\r\n })\r\n }\r\n\r\n\r\n getTaskPhaseById(id:any){\r\n this.ts.GetTaskPhaseById(id).subscribe((data) => {\r\n //this.clientDetails = data;\r\n console.log(\"$$$$$$\",data)\r\n this.taskPhaseAddObj.id = data[0].id;\r\n this.taskPhaseAddObj.clientId=data[0].clientId;\r\n this.getProjectsByClientId()\r\n this.taskPhaseAddObj.projectId=data[0].projectId\r\n this.taskPhaseAddObj.taskPhase=data[0].taskPhase;\r\n // console.log((this.taskPhaseAddObj))\r\n //alert( (this.taskPhaseAddObj))\r\n \r\n });\r\n }\r\n UpdateTaskPhase(){\r\n // console.log(this.taskPhaseAddObj)\r\n this.ts.UpateTaskPhase(this.taskPhaseAddObj).subscribe((data) => {\r\n this.toastr.successToastr(data.message);\r\n this.form.reset();\r\n this.getAllTasksPhases();\r\n });\r\n }\r\n ngOnInit() {\r\n this.getAllClients();\r\n this.getAllTasksPhases();\r\n this.getAllClientsByStatus();\r\n\r\n }\r\n\r\n}\r\n","module.exports = \"th{\\r\\n color:#010101!important\\r\\n}\\r\\n\\r\\n\\r\\nbutton{\\r\\n border-color: aliceblue;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\nform-control{\\r\\n border-color: #010101!important;\\r\\n}\\r\\n\\r\\n\\r\\ninput{\\r\\n border-color: #A0BEC5!important;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\ninput:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\nselect{\\r\\n border-color: #A0BEC5!important;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\nselect:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\ntable {\\r\\n width: 100%;\\r\\n -fs-table-paginate: paginate;\\r\\n }\\r\\n\\r\\n\\r\\nth{\\r\\n color:#010101!important;\\r\\n border-bottom-style: solid!important;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\ntd{\\r\\n border-bottom-style: groove!important;\\r\\n /* font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;\\r\\n font-style: italic; */\\r\\n}\\r\\n\\r\\n\\r\\n.mat-cell {\\r\\n color: rgb(133, 128, 128);\\r\\n }\\r\\n\\r\\n\\r\\n.mat-header-cell {\\r\\n background-color: #2122228a;\\r\\n text-transform: capitalize;\\r\\n font-size: 1em;\\r\\n color: rgb(145, 130, 130);\\r\\n }\\r\\n\\r\\n\\r\\n.mat-header-cell h6 {\\r\\n font-weight: bold;\\r\\n text-transform: capitalize;\\r\\n }\\r\\n\\r\\n\\r\\n.mat-paginator {\\r\\n background-color: whitesmoke;\\r\\n color: rgb(0, 0, 0);\\r\\n font: weight 1;\\r\\n }\\r\\n\\r\\n\\r\\n.mat-table {\\r\\n background-color: #58184500;\\r\\n \\r\\n }\\r\\n\\r\\n\\r\\nbutton.excel{\\r\\n background-color: dodgerblue;\\r\\n float: right;\\r\\n border-radius: 10px;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\nimgData{\\r\\n opacity: 1;\\r\\n}\\r\\n\\r\\n\\r\\n.custom-table-responsive {\\r\\n overflow-x: visible !important;\\r\\n}\\r\\n\\r\\n\\r\\ntable {\\r\\n overflow: visible !important;\\r\\n}\\r\\n\\r\\n\\r\\nthead {\\r\\n display: table-header-group;\\r\\n}\\r\\n\\r\\n\\r\\ntfoot {\\r\\n display: table-row-group;\\r\\n}\\r\\n\\r\\n\\r\\ntr {\\r\\n page-break-inside: avoid;\\r\\n}\\r\\n\\r\\n\\r\\ntd {\\r\\n max-height: 90vh;\\r\\n}\\r\\n\\r\\n\\r\\ntable, tr,td,th,tbody,thead,tfoot,td div {\\r\\n page-break-inside: avoid;\\r\\n}\\r\\n\\r\\n\\r\\n.dropbtn {\\r\\n background-color: dodgerblue;\\r\\n color: white;\\r\\n border-radius: 10px;\\r\\n min-width: 120px;\\r\\n padding: 10px;\\r\\n /*font-size: 16px;*/\\r\\n border: none;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown {\\r\\n position: relative;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content {\\r\\n display: none;\\r\\n position: absolute;\\r\\n background-color: #f1f1f1;\\r\\n min-width: 120px;\\r\\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\\r\\n z-index: 1;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content a {\\r\\n color: black;\\r\\n padding: 12px 16px;\\r\\n text-decoration: none;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content a:hover {background-color: #ddd;}\\r\\n\\r\\n\\r\\n.dropdown:hover .dropdown-content {display: block;}\\r\\n\\r\\n\\r\\n.dropdown:hover .dropbtn {background-color:dodgerblue ;}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvdGltZXNoZWV0L3RpbWVzaGVldC5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0k7QUFDSjs7O0FBR0E7SUFDSSx1QkFBdUI7O0FBRTNCOzs7QUFHQTtJQUNJLCtCQUErQjtBQUNuQzs7O0FBRUE7SUFDSSxnQ0FBZ0M7O0FBRXBDOzs7QUFFQTtJQUNJLHlDQUF5Qzs7QUFFN0M7OztBQUVBO0lBQ0ksZ0NBQWdDOztBQUVwQzs7O0FBRUE7SUFDSSx5Q0FBeUM7O0FBRTdDOzs7QUFFQTtJQUNJLFdBQVc7SUFDWCw0QkFBNEI7RUFDOUI7OztBQUdBO0lBQ0UsdUJBQXVCO0lBQ3ZCLG9DQUFvQzs7QUFFeEM7OztBQUVBO0lBQ0kscUNBQXFDO0lBQ3JDO3lCQUNxQjtBQUN6Qjs7O0FBQ0U7SUFDRSx5QkFBeUI7RUFDM0I7OztBQUNBO0lBQ0UsNEJBQTRCO0lBQzVCLDBCQUEwQjtJQUMxQixlQUFlO0lBQ2YseUJBQXlCO0VBQzNCOzs7QUFDQTtJQUNFLGlCQUFpQjtJQUNqQiwwQkFBMEI7RUFDNUI7OztBQUNBO0lBQ0UsNEJBQTRCO0lBQzVCLG1CQUFtQjtJQUNuQixjQUFjO0VBQ2hCOzs7QUFDQTtJQUNFLDJCQUEyQjs7RUFFN0I7OztBQUNBO0lBQ0UsNEJBQTRCO0lBQzVCLFlBQVk7SUFDWixtQkFBbUI7O0FBRXZCOzs7QUFFQTtFQUNFLFVBQVU7QUFDWjs7O0FBQ0E7SUFDSSw4QkFBOEI7QUFDbEM7OztBQUNBO0lBQ0ksNEJBQTRCO0FBQ2hDOzs7QUFDQTtJQUNJLDJCQUEyQjtBQUMvQjs7O0FBQ0E7SUFDSSx3QkFBd0I7QUFDNUI7OztBQUNBO0lBQ0ksd0JBQXdCO0FBQzVCOzs7QUFDQTtJQUNJLGdCQUFnQjtBQUNwQjs7O0FBQ0E7SUFDSSx3QkFBd0I7QUFDNUI7OztBQUNBO0lBQ0ksNEJBQTRCO0lBQzVCLFlBQVk7SUFDWixtQkFBbUI7SUFDbkIsZ0JBQWdCO0lBQ2hCLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIsWUFBWTtBQUNoQjs7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIscUJBQXFCO0FBQ3pCOzs7QUFFQTtJQUNJLGFBQWE7SUFDYixrQkFBa0I7SUFDbEIseUJBQXlCO0lBQ3pCLGdCQUFnQjtJQUNoQiw0Q0FBNEM7SUFDNUMsVUFBVTtBQUNkOzs7QUFFQTtJQUNJLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIscUJBQXFCO0lBQ3JCLGNBQWM7QUFDbEI7OztBQUVBLDJCQUEyQixzQkFBc0IsQ0FBQzs7O0FBRWxELG1DQUFtQyxjQUFjLENBQUM7OztBQUVsRCwwQkFBMEIsNEJBQTRCLENBQUMiLCJmaWxlIjoic3JjL2FwcC90aW1lc2hlZXQvdGltZXNoZWV0LmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJ0aHtcclxuICAgIGNvbG9yOiMwMTAxMDEhaW1wb3J0YW50XHJcbn1cclxuXHJcblxyXG5idXR0b257XHJcbiAgICBib3JkZXItY29sb3I6IGFsaWNlYmx1ZTtcclxuXHJcbn1cclxuXHJcblxyXG5mb3JtLWNvbnRyb2x7XHJcbiAgICBib3JkZXItY29sb3I6ICMwMTAxMDEhaW1wb3J0YW50O1xyXG59XHJcblxyXG5pbnB1dHtcclxuICAgIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG5cclxufVxyXG5cclxuaW5wdXQ6aG92ZXJ7XHJcbiAgICBib3JkZXItY29sb3I6IHJnYig1NSwgMTg5LCAyMTkpIWltcG9ydGFudDtcclxuXHJcbn1cclxuXHJcbnNlbGVjdHtcclxuICAgIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG5cclxufVxyXG5cclxuc2VsZWN0OmhvdmVye1xyXG4gICAgYm9yZGVyLWNvbG9yOiByZ2IoNTUsIDE4OSwgMjE5KSFpbXBvcnRhbnQ7XHJcblxyXG59XHJcblxyXG50YWJsZSB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIC1mcy10YWJsZS1wYWdpbmF0ZTogcGFnaW5hdGU7XHJcbiAgfVxyXG5cclxuXHJcbiAgdGh7XHJcbiAgICBjb2xvcjojMDEwMTAxIWltcG9ydGFudDtcclxuICAgIGJvcmRlci1ib3R0b20tc3R5bGU6IHNvbGlkIWltcG9ydGFudDtcclxuXHJcbn1cclxuXHJcbnRke1xyXG4gICAgYm9yZGVyLWJvdHRvbS1zdHlsZTogZ3Jvb3ZlIWltcG9ydGFudDtcclxuICAgIC8qIGZvbnQtZmFtaWx5OiAnTHVjaWRhIFNhbnMnLCAnTHVjaWRhIFNhbnMgUmVndWxhcicsICdMdWNpZGEgR3JhbmRlJywgJ0x1Y2lkYSBTYW5zIFVuaWNvZGUnLCBHZW5ldmEsIFZlcmRhbmEsIHNhbnMtc2VyaWY7XHJcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7ICovXHJcbn1cclxuICAubWF0LWNlbGwge1xyXG4gICAgY29sb3I6IHJnYigxMzMsIDEyOCwgMTI4KTtcclxuICB9XHJcbiAgLm1hdC1oZWFkZXItY2VsbCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAgIzIxMjIyMjhhO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbiAgICBmb250LXNpemU6ICAxZW07XHJcbiAgICBjb2xvcjogcmdiKDE0NSwgMTMwLCAxMzApO1xyXG4gIH1cclxuICAubWF0LWhlYWRlci1jZWxsIGg2IHtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbiAgfVxyXG4gIC5tYXQtcGFnaW5hdG9yIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XHJcbiAgICBjb2xvcjogcmdiKDAsIDAsIDApO1xyXG4gICAgZm9udDogd2VpZ2h0IDE7XHJcbiAgfVxyXG4gIC5tYXQtdGFibGUge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzU4MTg0NTAwO1xyXG4gICAgXHJcbiAgfVxyXG4gIGJ1dHRvbi5leGNlbHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IGRvZGdlcmJsdWU7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xyXG5cclxufVxyXG5cclxuaW1nRGF0YXtcclxuICBvcGFjaXR5OiAxO1xyXG59XHJcbi5jdXN0b20tdGFibGUtcmVzcG9uc2l2ZSB7XHJcbiAgICBvdmVyZmxvdy14OiB2aXNpYmxlICFpbXBvcnRhbnQ7XHJcbn1cclxudGFibGUge1xyXG4gICAgb3ZlcmZsb3c6IHZpc2libGUgIWltcG9ydGFudDtcclxufVxyXG50aGVhZCB7XHJcbiAgICBkaXNwbGF5OiB0YWJsZS1oZWFkZXItZ3JvdXA7XHJcbn1cclxudGZvb3Qge1xyXG4gICAgZGlzcGxheTogdGFibGUtcm93LWdyb3VwO1xyXG59XHJcbnRyIHtcclxuICAgIHBhZ2UtYnJlYWstaW5zaWRlOiBhdm9pZDtcclxufVxyXG50ZCB7XHJcbiAgICBtYXgtaGVpZ2h0OiA5MHZoO1xyXG59XHJcbnRhYmxlLCB0cix0ZCx0aCx0Ym9keSx0aGVhZCx0Zm9vdCx0ZCBkaXYge1xyXG4gICAgcGFnZS1icmVhay1pbnNpZGU6IGF2b2lkO1xyXG59XHJcbi5kcm9wYnRuIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IGRvZGdlcmJsdWU7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xyXG4gICAgbWluLXdpZHRoOiAxMjBweDtcclxuICAgIHBhZGRpbmc6IDEwcHg7XHJcbiAgICAvKmZvbnQtc2l6ZTogMTZweDsqL1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG59XHJcblxyXG4uZHJvcGRvd24ge1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG59XHJcblxyXG4uZHJvcGRvd24tY29udGVudCB7XHJcbiAgICBkaXNwbGF5OiBub25lO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2YxZjFmMTtcclxuICAgIG1pbi13aWR0aDogMTIwcHg7XHJcbiAgICBib3gtc2hhZG93OiAwcHggOHB4IDE2cHggMHB4IHJnYmEoMCwwLDAsMC4yKTtcclxuICAgIHotaW5kZXg6IDE7XHJcbn1cclxuXHJcbi5kcm9wZG93bi1jb250ZW50IGEge1xyXG4gICAgY29sb3I6IGJsYWNrO1xyXG4gICAgcGFkZGluZzogMTJweCAxNnB4O1xyXG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbn1cclxuXHJcbi5kcm9wZG93bi1jb250ZW50IGE6aG92ZXIge2JhY2tncm91bmQtY29sb3I6ICNkZGQ7fVxyXG5cclxuLmRyb3Bkb3duOmhvdmVyIC5kcm9wZG93bi1jb250ZW50IHtkaXNwbGF5OiBibG9jazt9XHJcblxyXG4uZHJvcGRvd246aG92ZXIgLmRyb3BidG4ge2JhY2tncm91bmQtY29sb3I6ZG9kZ2VyYmx1ZSA7fSJdfQ== */\"","import { Component, OnInit, ElementRef } from '@angular/core';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\nimport { BsDatepickerConfig } from 'ngx-bootstrap';\r\nimport { ViewChild } from '@angular/core';\r\nimport { DatePipe } from '@angular/common';\r\nimport { MatSort, MatTableDataSource } from '@angular/material';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { TableUtil } from '../tableUtil';\r\nimport * as jsPDF from 'jspdf';\r\nimport 'jspdf-autotable';\r\nimport html2canvas from 'html2canvas'\r\nimport {element} from \"protractor\";\r\nimport { MatDialog, MatDialogConfig } from '@angular/material/dialog';\r\n// import { ModalComponent } from './modal/modal.component';\r\n\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './timesheet.component.html',\r\n styleUrls: ['./timesheet.component.css']\r\n})\r\nexport class TimesheetComponent implements OnInit {\r\n displayStyle = \"none\";\r\n dataApproveOrReject:any ={};\r\n userSession: any;\r\n // finaldata:any=[];\r\n emp :any;\r\n pname :any;\r\n user: any;\r\n userDetails: any\r\n teamDetails: any\r\n empId: any;\r\n colorTheme = 'theme-dark-blue';\r\n bsConfig: Partial;\r\n\r\n ReportsdataById: any\r\n Approved: any;\r\n ApprovedReportsbyEmp: any;\r\n ApprovedReportsbyPro: any\r\n Rejection: any;\r\n dataSourceprjct;\r\n sortEmpId: any;\r\n projectDetails: any;\r\n projectDetailsByStatus: any;\r\n sortProId: any;\r\n sortStartDate: any;\r\n sortEndDate: any;\r\n sortTaskId: any;\r\n reason:any;\r\n eid:any;\r\n status:any =\"Approved\";\r\n ApprovedReportsbyDate: any\r\n extractedSortStartDate: any;\r\n extractedSortEndDate: any\r\n ApprovedReports: any\r\n AllReportsdata: any;\r\n ApprovedReportsbysuperadmin: any;\r\n ReportsByProjectsForDetails: any;\r\n maxDate = new Date();\r\n dataSource;\r\n dataSourceApproval;\r\n getReportsByTaskId: any;\r\n dataSourcedate;\r\n dataSourceDetails;\r\n dataSourceee;\r\n EmployeedetailsById: any;\r\n ProjectDetailsByid: any;\r\n taskDetails: any;\r\n dataSourceLeaves:any;\r\n flag : any = true;\r\n flag1 : any = false;\r\n projectId: any;\r\n @ViewChild(MatSort, { static: true }) sort: MatSort;\r\n @ViewChild(\"paginator\", { static: true }) paginator: MatPaginator;\r\n @ViewChild(\"paginator1\", { static: true }) paginator1: MatPaginator;\r\n @ViewChild(\"paginator2\", { static: true }) paginator2: MatPaginator;\r\n @ViewChild(\"paginator3\", { static: true }) paginator3: MatPaginator;\r\n @ViewChild(\"paginator4\", { static: true }) paginator4: MatPaginator;\r\n @ViewChild(\"paginator5\", { static: true }) paginator5: MatPaginator;\r\n @ViewChild(\"paginator6\", { static: true }) paginator6: MatPaginator;\r\n @ViewChild(\"paginator7\", { static: true }) paginator7: MatPaginator;\r\n @ViewChild('reportcontent', { static: true }) reportcontent: ElementRef;\r\n @ViewChild('employee', { static: true }) employee: ElementRef;\r\n @ViewChild('projects', { static: true }) projects: ElementRef;\r\n @ViewChild('startdate', { static: true }) startdate: ElementRef;\r\n @ViewChild('details', { static: true }) details: ElementRef;\r\n @ViewChild('defaulters', { static: false }) defaulters: ElementRef;\r\n\r\n\r\n\r\n\r\n displayedColumns = ['prjctname', 'en', 'ft', 'hs']\r\n displayedColumnForEmployee = ['workedDate|date', 'projectname', 'description','reason','hours']\r\n displayedColumnsprjct = ['workedDate|date', 'description', 'employeename', 'hours']\r\n displayedColumnsprjctdd = [ 'employeeid', 'employeename']\r\n displayedColumnsdate = ['projectname', 'hours', 'status', 'Details']\r\n displayedColumnsApprove = ['workedDate|date', 'projectname', 'employeename', 'taskDescription', 'hours', 'Action']\r\n displayedColumnsDetails = ['workedDate|date', 'projectname', 'employeename', 'description', 'hours']\r\n\r\n\r\n constructor(private ts: TimeSheetService,public matDialog: MatDialog, public toastr: ToastrManager, private datePipe: DatePipe) {\r\n this.userSession = (JSON.parse(sessionStorage.getItem('user')))\r\n\r\n var dt = new Date();\r\n var startDate = new Date();\r\n dt.setDate( dt.getDate() - 1 );\r\n startDate.setDate(startDate.getDate() - 7);\r\n this.sortEndDate = dt;\r\n this.sortStartDate = startDate;\r\n\r\n }\r\n\r\n\r\n applyFilter(filterValue: string,tab:string) {\r\n filterValue = filterValue.trim();\r\n filterValue = filterValue.toLowerCase();\r\n if(tab==='project'){\r\n this.dataSourceprjct.filter = filterValue;\r\n\r\n }\r\n else if(tab==='employee'){\r\n this.dataSourceee.filter = filterValue;\r\n\r\n\r\n }else if(tab==='date'){\r\n this.dataSourcedate.filter = filterValue;\r\n\r\n }else if(tab==='tapproved'){\r\n this.dataSourceApproval.filter = filterValue;\r\n\r\n }else{\r\n this.dataSource.filter = filterValue;\r\n\r\n }\r\n\r\n }\r\n\r\n Back() {\r\n // console.log(\"datedate:-\",this.extractedSortStartDate);\r\n document.getElementById('td-details' + this.projectId).classList.remove(\"active\");\r\n\r\n this.dataSourcedate = new MatTableDataSource(this.ApprovedReportsbyDate);\r\n this.dataSourcedate.sort = this.sort;\r\n this.dataSourcedate.paginator = this.paginator3;\r\n // this.Add();\r\n }\r\n\r\n\r\n\r\n getApprovalPendingTimeSheetByEmpId() {\r\n\r\n this.ts.getApprovalPendingTimeSheetByEmpId(this.empId).subscribe((data) => {\r\n this.dataSourceApproval = new MatTableDataSource(data[0]);\r\n this.dataSourceApproval.sort = this.sort;\r\n this.ReportsdataById = data[0];\r\n\r\n this.dataSourceApproval.paginator = this.paginator4;\r\n\r\n })\r\n }\r\n getApprovalPendingLeavesByEmpId() {\r\n this.ts.getApprovalPendingLeavesByEmpId(this.user[0].empID).subscribe((data) => {\r\n this.dataSourceLeaves = new MatTableDataSource(data[0]);\r\n this.dataSourceLeaves.sort = this.sort;\r\n // this.ReportsdataById = data[0];\r\n\r\n this.dataSourceLeaves.paginator = this.paginator7;\r\n\r\n })\r\n }\r\n closePopup(){\r\n this.displayStyle='none';\r\n this.reason=null;\r\n }\r\n\r\n open(id:any,tname :any ) {\r\n this.eid = id;\r\n this.pname = tname;\r\n this.displayStyle = \"block\";\r\n }\r\n leaveopen(id:any){\r\n this.eid= id;\r\n this.displayStyle=\"block\";\r\n }\r\n approveRejectLeaves(id:any,status:any){\r\n this.ts.leaveStatusUpdateByManager(id,status).subscribe((data) => {\r\n this.toastr.successToastr(status);\r\n this.getApprovalPendingLeavesByEmpId();\r\n\r\n })\r\n }\r\n updateApproveStatus(tid:any,id:any,sd:any,status:any){\r\n this.ts.StatusUpdateByManager(tid, id, sd, status).subscribe((data) => {\r\n this.toastr.successToastr(status)\r\n\r\n if (this.empId != null) {\r\n this.getApprovalPendingTimeSheetByEmpId()\r\n }\r\n else {\r\n this.ts.getAllApprovalPendingTimeSheetByManagerId(this.user[0].empID).subscribe((data) => {\r\n this.ReportsdataById = data[0];\r\n this.dataSourceApproval = new MatTableDataSource(data[0])\r\n this.dataSourceApproval.sort = this.sort\r\n this.dataSourceApproval.paginator = this.paginator4\r\n\r\n\r\n })\r\n }\r\n })\r\n }\r\n updateRejectedStatus(status){\r\n if(this.reason){\r\n this.displayStyle='none';\r\n this.ts.rejectStatusUpdateByManager(this.eid,this.reason, status).subscribe((data) => {\r\n this.toastr.successToastr(status)\r\n this.reason=null;\r\n if (this.empId != null) {\r\n this.getApprovalPendingTimeSheetByEmpId()\r\n }\r\n else {\r\n this.ts.getAllApprovalPendingTimeSheetByManagerId(this.user[0].empID).subscribe((data) => {\r\n this.ReportsdataById = data[0];\r\n this.dataSourceApproval = new MatTableDataSource(data[0])\r\n this.dataSourceApproval.sort = this.sort\r\n this.dataSourceApproval.paginator = this.paginator4\r\n\r\n\r\n })\r\n }\r\n })}\r\n else{\r\n this.toastr.errorToastr(\"Please enter valid reason\",'Error')\r\n }\r\n }\r\n updateRejectedLeaveStatus(status){\r\n if(this.reason){\r\n this.displayStyle='none';\r\n this.ts.rejectLeaveStatusUpdateByManager(this.eid,this.reason, status).subscribe((data) => {\r\n this.toastr.successToastr(status)\r\n this.reason=null;\r\n this.getApprovalPendingLeavesByEmpId();\r\n\r\n })}\r\n else{\r\n this.toastr.errorToastr(\"Please enter valid reason\",'Error')\r\n }\r\n }\r\n getReportsByid() {\r\n this.extractedSortStartDate = this.sortStartDate.getFullYear() + \"-\" + (this.sortStartDate.getMonth() + 1) + \"-\" + (this.sortStartDate.getDate())\r\n this.extractedSortEndDate = this.sortEndDate.getFullYear() + \"-\" + (this.sortEndDate.getMonth() + 1) + \"-\" + (this.sortEndDate.getDate())\r\n this.ts.GetApprovedReportsByEmpId(this.sortEmpId,this.extractedSortStartDate, this.extractedSortEndDate,this.status).subscribe((data) => {\r\n this.ApprovedReportsbyEmp = data[0];\r\n this.dataSourceee = new MatTableDataSource(data[0])\r\n\r\n this.dataSourceee.sort = this.sort\r\n this.dataSourceee.paginator = this.paginator1\r\n\r\n })\r\n }\r\n\r\n\r\n getReportsByPro() {\r\n this.extractedSortStartDate = this.sortStartDate.getFullYear() + \"-\" + (this.sortStartDate.getMonth() + 1) + \"-\" + (this.sortStartDate.getDate())\r\n this.extractedSortEndDate = this.sortEndDate.getFullYear() + \"-\" + (this.sortEndDate.getMonth() + 1) + \"-\" + (this.sortEndDate.getDate())\r\n this.ts.GetApprovedReportsByProId(this.sortProId,this.extractedSortStartDate, this.extractedSortEndDate).subscribe((data) => {\r\n this.ApprovedReportsbyPro = data[0];\r\n this.dataSourceprjct = new MatTableDataSource(data[0])\r\n this.dataSourceprjct.sort = this.sort\r\n this.dataSourceprjct.paginator = this.paginator2\r\n\r\n })\r\n }\r\n getReportsByDefaulters() {\r\n this.extractedSortStartDate = this.sortStartDate.getFullYear() + \"-\" + (this.sortStartDate.getMonth() + 1) + \"-\" + (this.sortStartDate.getDate())\r\n this.ts.getMastertable({tableName:'employee'}).subscribe((data1) => {\r\n this.emp =data1[0];\r\n this.ts.GetReportsForDefaulters(this.extractedSortStartDate).subscribe((data) => {\r\n var timedata = data[0];\r\n var s =[]\r\n for(let j =0;j < this.emp.length;j++){\r\n if(this.user[0].empID === this.emp[j].managerId){\r\n s.push(this.emp[j]);\r\n }\r\n\r\n }\r\n for(let k = 0; k {\r\n this.ApprovedReportsbyDate = data[0];\r\n this.dataSourcedate = new MatTableDataSource(data[0])\r\n this.dataSourcedate.sort = this.sort\r\n this.dataSourcedate.paginator = this.paginator3\r\n\r\n })\r\n }\r\n\r\n getReportsByTask() {\r\n this.ts.GetReportsByTaskId(this.sortTaskId).subscribe((data) => {\r\n this.getReportsByTaskId = data[0];\r\n\r\n });\r\n };\r\n\r\n getAllProjects() {\r\n this.ts.GetAllProjects().subscribe((data) => {\r\n this.projectDetails = data;\r\n\r\n });\r\n }\r\n\r\n getAllprojectsByStatus() {\r\n // this.ts.getMastertable({tableName:'projects'}).subscribe((data) => {\r\n // this.projectDetailsByStatus = data[0];\r\n //\r\n // });\r\n this.ts.GetAllprojectsBystatus().subscribe((data) => {\r\n this.projectDetailsByStatus = data;\r\n\r\n });\r\n }\r\n\r\n getAllTasks() {\r\n this.ts.GetAllTask().subscribe((data) => {\r\n this.taskDetails = data;\r\n\r\n })\r\n }\r\n\r\n\r\n\r\n // getDetailsByProjectId(id: any, sts: any) {\r\n // this.ts.getDetailsByProjectId(id, sts, this.sortStartDate, this.sortEndDate).subscribe((data) => {\r\n // this.ReportsByProjectsForDetails = data[0]\r\n //\r\n // this.dataSourceDetails = new MatTableDataSource(data[0])\r\n // this.dataSourceDetails.sort = this.sort\r\n // this.dataSourceDetails.paginator = this.paginator5\r\n // })\r\n // }\r\n\r\n\r\n getDetailsByProjectId(id: any, sts: any) {\r\n this.projectId = id;\r\n document.getElementById('back_arrow_date').classList.remove(\"active\");\r\n console.log(\"Data123:\",this.extractedSortStartDate);\r\n console.log(\"DateEnd\",this.extractedSortEndDate);\r\n this.extractedSortStartDate = this.sortStartDate.getFullYear() + \"-\" + (this.sortStartDate.getMonth() + 1) + \"-\" + (this.sortStartDate.getDate());\r\n this.extractedSortEndDate = this.sortEndDate.getFullYear() + \"-\" + (this.sortEndDate.getMonth() + 1) + \"-\" + (this.sortEndDate.getDate());\r\n\r\n this.ts.getDetailsByProjectId(id, sts, this.extractedSortStartDate, this.extractedSortEndDate).subscribe((data) => {\r\n this.ReportsByProjectsForDetails = data[0];\r\n\r\n console.log(id);\r\n console.log(sts);\r\n // console.log(\"finaldata:\",this.ts.getDetailsByProjectId())\r\n // console.log(\"savedatadetails\",this.ReportsByProjectsForDetails)\r\n this.dataSourceDetails = new MatTableDataSource(data[0]);\r\n\r\n this.dataSourceDetails.sort = this.sort;\r\n\r\n this.dataSourceDetails.paginator = this.paginator5;\r\n // this.Add();\r\n })\r\n }\r\n\r\n\r\n\r\n exportTable(tableName,pdfName) {\r\n TableUtil.exportToExcel(tableName,pdfName);\r\n }\r\n\r\n downloadDefaultersPdf() {\r\n\r\n let DATA = document.getElementById('Example defaulters');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n PDF.text('Defaulters List For Today (' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy')+')', 100, 15,'center');\r\n // PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n // PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n PDF.save('Defaulters List.pdf');\r\n });\r\n\r\n\r\n\r\n // let DATA = document.getElementById('Example defaulters');\r\n // let PDF = new jsPDF('p', 'mm', 'a4');\r\n // html2canvas(DATA).then(canvas => {\r\n // let fileWidth = 208;\r\n // let fileHeight = canvas.height * fileWidth / canvas.width;\r\n // const FILEURI = canvas.toDataURL('image/png');\r\n // let position = 25;\r\n // PDF.setFontSize(9)\r\n // PDF.text('Defaulters List For Today (' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy')+')', 100, 15,'center');\r\n // PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n // PDF.save('Defaulters List.pdf');\r\n // });\r\n }\r\n\r\n\r\n\r\n downloadPdf() {\r\n\r\n // const doc = new jsPDF('landscape', 'pt', 'a4');\r\n // doc.text(40, 40, 'Reports of All Employees');\r\n // // doc.addPage()\r\n // // doc.text(40,40,'')\r\n // doc.setFont(\"10px arial, sans-serif\");\r\n // doc.setFontType(\"normal\");\r\n // doc.setFontSize(9);\r\n // // doc.setTextColor(255,0,0);\r\n // const specialElementHandlers = {\r\n // '#editor': function (element, renderer) {\r\n // return true;\r\n // }\r\n // };\r\n // const margins = {\r\n // top: 40,\r\n // bottom: 60,\r\n // left: 40,\r\n // width: 922\r\n // };\r\n // const content = this.reportcontent.nativeElement;\r\n // console.log(\"doccontent\",specialElementHandlers)\r\n // doc.fromHTML(content.innerHTML, margins.left, margins.top, {\r\n // 'width': margins.width,\r\n // 'elementHandlers': specialElementHandlers\r\n // });\r\n // console.log(\"doc\",doc)\r\n // doc.save('Reports' + '.pdf');\r\n }\r\n downloademployeePdf() {\r\n // const doc = new jsPDF('p', 'pt', 'letter');\r\n this.ts.getEmployeeDetailsByid(this.sortEmpId).subscribe((data) => {\r\n this.EmployeedetailsById = data[0].empName;\r\n\r\n let DATA = document.getElementById('Exampletable1');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n // PDF.text(0, 15, 'Reports of '+this.EmployeedetailsById);\r\n PDF.text('Employee Name: '+this.EmployeedetailsById, 100, 10,'center');\r\n PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('Employee-Wise.pdf');\r\n });});\r\n // //console.log(this.EmployeedetailsById.empName)\r\n // doc.text(40, 40, 'Reports of ' + this.EmployeedetailsById);\r\n // doc.setFont(\"10px arial, sans-serif\");\r\n // doc.setFontType(\"normal\");\r\n // doc.setFontSize(9);\r\n // // doc.setTextColor(255,0,0);\r\n // const specialElementHandlers = {\r\n // '#editor': function (element, renderer) {\r\n // return true;\r\n // }\r\n // };\r\n // const margins = {\r\n // top: 40,\r\n // bottom: 60,\r\n // left: 40,\r\n // width: 922\r\n // };\r\n // console.log(\"this.employeeProject\",this.employee)\r\n // const content = this.employee.nativeElement;\r\n //\r\n // doc.fromHTML(content.innerHTML, margins.left, margins.top, {\r\n // 'width': margins.width,\r\n // 'elementHandlers': specialElementHandlers\r\n // },\r\n // function(dispose){\r\n // doc.save('EmployeeWiseReport' + '.pdf');\r\n // },margins);\r\n // })\r\n\r\n }\r\n\r\n downloadprojectsPdf(ID) {\r\n for(let i = 0; i<=this.projectDetailsByStatus.length;i++){\r\n if(this.projectDetailsByStatus[i].id == ID){\r\n var pname = this.projectDetailsByStatus[i].name;\r\n let DATA = document.getElementById('Example project');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n PDF.text('Project Name: '+pname, 100, 10,'center');\r\n PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n PDF.save('Project-Wise.pdf');\r\n });\r\n\r\n }\r\n }\r\n\r\n\r\n // const doc = new jsPDF('landscape', 'pt', 'a4');\r\n //\r\n // doc.text(40, 40, 'Project report');\r\n // doc.setFont(\"10px arial, sans-serif\");\r\n // doc.setFontType(\"normal\");\r\n // doc.setFontSize(9);\r\n // const specialElementHandlers = {\r\n // '#editor': function (element, renderer) {\r\n // return true;\r\n // }\r\n // };\r\n // const margins = {\r\n // top: 40,\r\n // bottom: 60,\r\n // left: 40,\r\n // width: 922\r\n // };\r\n // const content = this.projects.nativeElement;\r\n // doc.fromHTML(content.innerHTML, margins.left, margins.top, {\r\n // 'width': margins.width,\r\n // 'elementHandlers': specialElementHandlers\r\n // });\r\n // doc.save('Project-wise report' + '.pdf');\r\n\r\n\r\n }\r\n // downloadWeekWisePdf() {\r\n // const doc = new jsPDF('landscape', 'pt', 'a4');\r\n\r\n // doc.text(40, 40, 'Reports between ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy') + ' and ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'));\r\n // doc.setFont(\"10px arial, sans-serif\");\r\n // doc.setFontType(\"normal\");\r\n // doc.setFontSize(9);\r\n // const specialElementHandlers = {\r\n // '#editor': function (element, renderer) {\r\n // return true;\r\n // }\r\n // };\r\n // const margins = {\r\n // top: 40,\r\n // bottom: 60,\r\n // left: 40,\r\n // width: 922\r\n // };\r\n // const content = this.startdate.nativeElement;\r\n // doc.fromHTML(content.innerHTML, margins.left, margins.top, {\r\n // 'width': margins.width,\r\n // 'elementHandlers': specialElementHandlers\r\n // });\r\n // doc.save('WeekWiseSummaryReport' + '.pdf');\r\n\r\n\r\n // }\r\n\r\n\r\n downloadWeekWiseDetailsPdf() {\r\n\r\n let DATA = document.getElementById('Example details');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n\r\n PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n // PDF.text(1, 15, 'Reports between ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy') + ' and ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'));\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n PDF.save('Dates-Wise.pdf');\r\n });\r\n\r\n // const doc = new jsPDF('landscape', 'pt', 'a4');\r\n // var img = new Image()\r\n // img.src = ('../assets/sreeb.png')\r\n // doc.addImage(img, 'png', 20, 20, 30, 30)\r\n // doc.setFontType('italic')\r\n // // doc.setTextColor(255, 255, 255);\r\n //\r\n // // doc.addFont(\"ConsolasHex.ttf\", \"ConsolasHex\", \"Bold\");\r\n // // doc.setFont(\"ConsolasHex\",\"Bold\");\r\n // doc.setFontSize(12);\r\n //\r\n // doc.text(45, 45, 'Reports between ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy') + ' and ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'));\r\n // const specialElementHandlers = {\r\n // '#editor': function (element, renderer) {\r\n // return true;\r\n // }\r\n // };\r\n // const margins = {\r\n // top: 40,\r\n // bottom: 60,\r\n // left: 40,\r\n // width: 922\r\n // };\r\n //\r\n // const content = this.details.nativeElement;\r\n // doc.fromHTML(content.innerHTML, margins.left, margins.top, {\r\n // 'width': margins.width,\r\n // 'elementHandlers': specialElementHandlers\r\n // });\r\n // doc.save('DetaieldWeekWiseReport' + '.pdf');\r\n }\r\n\r\n ngOnInit() {\r\n this.getAllProjects();\r\n this.getAllTasks();\r\n this.getReportsByTask();\r\n this.getAllprojectsByStatus();\r\n this.userSession = (JSON.parse(sessionStorage.getItem('user')))\r\n this.ts.getAllUsersById(this.userSession[0].id).subscribe((data) => {\r\n this.user = data;\r\n this.getApprovalPendingLeavesByEmpId();\r\n if (this.user[0].roleId == 1 || this.user[0].roleId == 5) {\r\n this.ts.getUsersByManagerId(this.user[0].empID).subscribe((data) => {\r\n // console.log(\"datadatadatadatadatadatadatadatadatadatadatadatadatadata\",data)\r\n this.teamDetails = data;\r\n\r\n });\r\n\r\n //alert(this.user[0].empID)\r\n this.ts.getAllApprovalPendingTimeSheetByManagerId(this.user[0].empID).subscribe((data) => {\r\n\r\n this.ReportsdataById = data[0];\r\n this.dataSourceApproval = new MatTableDataSource(data[0])\r\n this.dataSourceApproval.sort = this.sort\r\n this.dataSourceApproval.paginator = this.paginator4\r\n\r\n\r\n })\r\n // console.log(this.user[0].empID)\r\n this.ts.GetApprovedReportsByManagerId(this.user[0].empID).subscribe((data) => {\r\n this.ApprovedReports = data[0];\r\n this.dataSource = new MatTableDataSource(data[0])\r\n this.dataSource.sort = this.sort\r\n this.dataSource.paginator = this.paginator\r\n\r\n\r\n })\r\n }\r\n\r\n\r\n // if role is super Admin\r\n if (this.user[0].roleId == 4) {\r\n this.ts.getAllApprovalPendingTimeSheet().subscribe((data) => {\r\n this.ReportsdataById = data[0];\r\n })\r\n this.ts.getMastertable({tableName:'employee'}).subscribe((data) => {\r\n this.teamDetails = data[0];\r\n });\r\n this.ts.GetApprovedReports().subscribe((data) => {\r\n this.ApprovedReportsbysuperadmin = data[0];\r\n this.dataSource = new MatTableDataSource(data[0])\r\n this.dataSource.sort = this.sort\r\n this.dataSource.paginator = this.paginator\r\n\r\n })\r\n }\r\n })\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n bydateExport() {\r\n\r\n \r\n const doc = new jsPDF('p', 'pt', 'letter');\r\n this.ts.GetApprovedReportsByDateRange(this.extractedSortStartDate, this.extractedSortEndDate).subscribe((data) => {\r\n this.EmployeedetailsById = data[0].empName;\r\n\r\n let DATA = document.getElementById('Exampletable3');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n let pageHeight = 295; // Max page height for A4 in mm (297mm - 2mm for margins)\r\n let bottomPadding = 13.2; // Convert 50px to mm (50px * 0.264583mm/px) PDF.setFontSize(9)\r\n // PDF.text(0, 15, 'Reports of '+this.EmployeedetailsById);\r\n // PDF.text('Employee Name: '+this.EmployeedetailsById, 100, 10,'center');\r\n PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n // if (fileHeight > pageHeight - position - bottomPadding) {\r\n // // Add a new page if content overflows\r\n // PDF.addPage();\r\n // // position = 25; // Reset position for the new page\r\n // }\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('Date-Wise.pdf');\r\n });\r\n \r\n \r\n });\r\n \r\n\r\n }\r\n}\r\n\r\n","module.exports = \"\\r\\n\\r\\n\\r\\nbutton{\\r\\n border-color: aliceblue;\\r\\n margin-top: 0px;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\nform-control{\\r\\n border-color: #010101!important;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n\\r\\ninput{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\ninput:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\nselect{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\nselect:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n\\r\\ntextarea{\\r\\n border-color: #A0BEC5!important;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n\\r\\ntextarea:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\n.select{\\r\\n border-color: #A0BEC5!important;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n.select:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n\\r\\n.table-responsive {\\r\\n overflow-x: visible !important;\\r\\n}\\r\\n\\r\\n\\r\\n.active{\\r\\n font-weight: bold !important;\\r\\n}\\r\\n\\r\\n\\r\\ntable {\\r\\n width: 100%;\\r\\n -fs-table-paginate: paginate;\\r\\n}\\r\\n\\r\\n\\r\\nth{\\r\\n color:#010101!important;\\r\\n border-bottom-style: solid!important;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\ntd{\\r\\n border-bottom-style: groove!important;\\r\\n /* font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;\\r\\n font-style: italic; */\\r\\n}\\r\\n\\r\\n\\r\\n.mat-cell {\\r\\n color: rgb(133, 128, 128);\\r\\n}\\r\\n\\r\\n\\r\\n.mat-header-cell {\\r\\n background-color: #2122228a;\\r\\n text-transform: capitalize;\\r\\n font-size: 1em;\\r\\n color: rgb(145, 130, 130);\\r\\n}\\r\\n\\r\\n\\r\\n.mat-header-cell h6 {\\r\\n font-weight: bold;\\r\\n text-transform: capitalize;\\r\\n}\\r\\n\\r\\n\\r\\n.mat-paginator {\\r\\n background-color: whitesmoke;\\r\\n color: rgb(0, 0, 0);\\r\\n font: weight 1;\\r\\n}\\r\\n\\r\\n\\r\\n.mat-table {\\r\\n background-color: #58184500;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\nbutton.excel{\\r\\n background-color: dodgerblue;\\r\\n float: right;\\r\\n border-radius: 10px;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\nimgData{\\r\\n opacity: 1;\\r\\n}\\r\\n\\r\\n\\r\\n.custom-table-responsive {\\r\\n overflow-x: visible !important;\\r\\n}\\r\\n\\r\\n\\r\\ntable {\\r\\n overflow: visible !important;\\r\\n}\\r\\n\\r\\n\\r\\nthead {\\r\\n display: table-header-group;\\r\\n}\\r\\n\\r\\n\\r\\ntfoot {\\r\\n display: table-row-group;\\r\\n}\\r\\n\\r\\n\\r\\ntr {\\r\\n page-break-inside: avoid;\\r\\n}\\r\\n\\r\\n\\r\\ntd {\\r\\n max-height: 90vh;\\r\\n}\\r\\n\\r\\n\\r\\ntable, tr,td,th,tbody,thead,tfoot,td div {\\r\\n page-break-inside: avoid;\\r\\n}\\r\\n\\r\\n\\r\\n.dropbtn {\\r\\n background-color: dodgerblue;\\r\\n color: white;\\r\\n border-radius: 10px;\\r\\n min-width: 120px;\\r\\n padding: 10px;\\r\\n /*font-size: 16px;*/\\r\\n border: none;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown {\\r\\n position: relative;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content {\\r\\n display: none;\\r\\n position: absolute;\\r\\n background-color: #f1f1f1;\\r\\n min-width: 120px;\\r\\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\\r\\n z-index: 1;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content a {\\r\\n color: black;\\r\\n padding: 12px 16px;\\r\\n text-decoration: none;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content a:hover {background-color: #ddd;}\\r\\n\\r\\n\\r\\n.dropdown:hover .dropdown-content {display: block;}\\r\\n\\r\\n\\r\\n.dropdown:hover .dropbtn {background-color:dodgerblue ;}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvdGltZXNoZWV0ZW50cnkvdGltZXNoZWV0ZW50cnkuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFHQTtJQUNJLHVCQUF1QjtJQUN2QixlQUFlOztBQUVuQjs7O0FBR0E7SUFDSSwrQkFBK0I7SUFDL0IsaUJBQWlCO0FBQ3JCOzs7QUFFQTtJQUNJLGdDQUFnQztBQUNwQzs7O0FBRUE7SUFDSSx5Q0FBeUM7QUFDN0M7OztBQUVBO0lBQ0ksZ0NBQWdDO0FBQ3BDOzs7QUFFQTtJQUNJLHlDQUF5QztJQUN6QyxpQkFBaUI7QUFDckI7OztBQUVBO0lBQ0ksZ0NBQWdDO0lBQ2hDLGlCQUFpQjtBQUNyQjs7O0FBQ0E7SUFDSSx5Q0FBeUM7QUFDN0M7OztBQUNBO0VBQ0UsZ0NBQWdDOztBQUVsQzs7O0FBQ0E7RUFDRSx5Q0FBeUM7SUFDdkMsaUJBQWlCO0FBQ3JCOzs7QUFDQTtJQUNJLDhCQUE4QjtBQUNsQzs7O0FBQ0E7SUFDSSw0QkFBNEI7QUFDaEM7OztBQUNBO0lBQ0ksV0FBVztJQUNYLDRCQUE0QjtBQUNoQzs7O0FBR0E7SUFDSSx1QkFBdUI7SUFDdkIsb0NBQW9DOztBQUV4Qzs7O0FBRUE7SUFDSSxxQ0FBcUM7SUFDckM7eUJBQ3FCO0FBQ3pCOzs7QUFDQTtJQUNJLHlCQUF5QjtBQUM3Qjs7O0FBQ0E7SUFDSSw0QkFBNEI7SUFDNUIsMEJBQTBCO0lBQzFCLGVBQWU7SUFDZix5QkFBeUI7QUFDN0I7OztBQUNBO0lBQ0ksaUJBQWlCO0lBQ2pCLDBCQUEwQjtBQUM5Qjs7O0FBQ0E7SUFDSSw0QkFBNEI7SUFDNUIsbUJBQW1CO0lBQ25CLGNBQWM7QUFDbEI7OztBQUNBO0lBQ0ksMkJBQTJCOztBQUUvQjs7O0FBQ0E7SUFDSSw0QkFBNEI7SUFDNUIsWUFBWTtJQUNaLG1CQUFtQjs7QUFFdkI7OztBQUVBO0lBQ0ksVUFBVTtBQUNkOzs7QUFDQTtJQUNJLDhCQUE4QjtBQUNsQzs7O0FBQ0E7SUFDSSw0QkFBNEI7QUFDaEM7OztBQUNBO0lBQ0ksMkJBQTJCO0FBQy9COzs7QUFDQTtJQUNJLHdCQUF3QjtBQUM1Qjs7O0FBQ0E7SUFDSSx3QkFBd0I7QUFDNUI7OztBQUNBO0lBQ0ksZ0JBQWdCO0FBQ3BCOzs7QUFDQTtJQUNJLHdCQUF3QjtBQUM1Qjs7O0FBR0E7SUFDSSw0QkFBNEI7SUFDNUIsWUFBWTtJQUNaLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsYUFBYTtJQUNiLG1CQUFtQjtJQUNuQixZQUFZO0FBQ2hCOzs7QUFFQTtJQUNJLGtCQUFrQjtJQUNsQixxQkFBcUI7QUFDekI7OztBQUVBO0lBQ0ksYUFBYTtJQUNiLGtCQUFrQjtJQUNsQix5QkFBeUI7SUFDekIsZ0JBQWdCO0lBQ2hCLDRDQUE0QztJQUM1QyxVQUFVO0FBQ2Q7OztBQUVBO0lBQ0ksWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixxQkFBcUI7SUFDckIsY0FBYztBQUNsQjs7O0FBRUEsMkJBQTJCLHNCQUFzQixDQUFDOzs7QUFFbEQsbUNBQW1DLGNBQWMsQ0FBQzs7O0FBRWxELDBCQUEwQiw0QkFBNEIsQ0FBQyIsImZpbGUiOiJzcmMvYXBwL3RpbWVzaGVldGVudHJ5L3RpbWVzaGVldGVudHJ5LmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuXHJcblxyXG5idXR0b257XHJcbiAgICBib3JkZXItY29sb3I6IGFsaWNlYmx1ZTtcclxuICAgIG1hcmdpbi10b3A6IDBweDtcclxuXHJcbn1cclxuXHJcblxyXG5mb3JtLWNvbnRyb2x7XHJcbiAgICBib3JkZXItY29sb3I6ICMwMTAxMDEhaW1wb3J0YW50O1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbn1cclxuXHJcbmlucHV0e1xyXG4gICAgYm9yZGVyLWNvbG9yOiAgI0EwQkVDNSFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbmlucHV0OmhvdmVye1xyXG4gICAgYm9yZGVyLWNvbG9yOiByZ2IoNTUsIDE4OSwgMjE5KSFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbnNlbGVjdHtcclxuICAgIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG59XHJcblxyXG5zZWxlY3Q6aG92ZXJ7XHJcbiAgICBib3JkZXItY29sb3I6IHJnYig1NSwgMTg5LCAyMTkpIWltcG9ydGFudDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG59XHJcblxyXG50ZXh0YXJlYXtcclxuICAgIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbn1cclxudGV4dGFyZWE6aG92ZXJ7XHJcbiAgICBib3JkZXItY29sb3I6IHJnYig1NSwgMTg5LCAyMTkpIWltcG9ydGFudDtcclxufVxyXG4uc2VsZWN0e1xyXG4gIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG5cclxufVxyXG4uc2VsZWN0OmhvdmVye1xyXG4gIGJvcmRlci1jb2xvcjogcmdiKDU1LCAxODksIDIxOSkhaW1wb3J0YW50O1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbn1cclxuLnRhYmxlLXJlc3BvbnNpdmUge1xyXG4gICAgb3ZlcmZsb3cteDogdmlzaWJsZSAhaW1wb3J0YW50O1xyXG59XHJcbi5hY3RpdmV7XHJcbiAgICBmb250LXdlaWdodDogYm9sZCAhaW1wb3J0YW50O1xyXG59XHJcbnRhYmxlIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgLWZzLXRhYmxlLXBhZ2luYXRlOiBwYWdpbmF0ZTtcclxufVxyXG5cclxuXHJcbnRoe1xyXG4gICAgY29sb3I6IzAxMDEwMSFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXItYm90dG9tLXN0eWxlOiBzb2xpZCFpbXBvcnRhbnQ7XHJcblxyXG59XHJcblxyXG50ZHtcclxuICAgIGJvcmRlci1ib3R0b20tc3R5bGU6IGdyb292ZSFpbXBvcnRhbnQ7XHJcbiAgICAvKiBmb250LWZhbWlseTogJ0x1Y2lkYSBTYW5zJywgJ0x1Y2lkYSBTYW5zIFJlZ3VsYXInLCAnTHVjaWRhIEdyYW5kZScsICdMdWNpZGEgU2FucyBVbmljb2RlJywgR2VuZXZhLCBWZXJkYW5hLCBzYW5zLXNlcmlmO1xyXG4gICAgZm9udC1zdHlsZTogaXRhbGljOyAqL1xyXG59XHJcbi5tYXQtY2VsbCB7XHJcbiAgICBjb2xvcjogcmdiKDEzMywgMTI4LCAxMjgpO1xyXG59XHJcbi5tYXQtaGVhZGVyLWNlbGwge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogICMyMTIyMjI4YTtcclxuICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xyXG4gICAgZm9udC1zaXplOiAgMWVtO1xyXG4gICAgY29sb3I6IHJnYigxNDUsIDEzMCwgMTMwKTtcclxufVxyXG4ubWF0LWhlYWRlci1jZWxsIGg2IHtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbn1cclxuLm1hdC1wYWdpbmF0b3Ige1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcclxuICAgIGNvbG9yOiByZ2IoMCwgMCwgMCk7XHJcbiAgICBmb250OiB3ZWlnaHQgMTtcclxufVxyXG4ubWF0LXRhYmxlIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM1ODE4NDUwMDtcclxuXHJcbn1cclxuYnV0dG9uLmV4Y2Vse1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogZG9kZ2VyYmx1ZTtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcblxyXG59XHJcblxyXG5pbWdEYXRhe1xyXG4gICAgb3BhY2l0eTogMTtcclxufVxyXG4uY3VzdG9tLXRhYmxlLXJlc3BvbnNpdmUge1xyXG4gICAgb3ZlcmZsb3cteDogdmlzaWJsZSAhaW1wb3J0YW50O1xyXG59XHJcbnRhYmxlIHtcclxuICAgIG92ZXJmbG93OiB2aXNpYmxlICFpbXBvcnRhbnQ7XHJcbn1cclxudGhlYWQge1xyXG4gICAgZGlzcGxheTogdGFibGUtaGVhZGVyLWdyb3VwO1xyXG59XHJcbnRmb290IHtcclxuICAgIGRpc3BsYXk6IHRhYmxlLXJvdy1ncm91cDtcclxufVxyXG50ciB7XHJcbiAgICBwYWdlLWJyZWFrLWluc2lkZTogYXZvaWQ7XHJcbn1cclxudGQge1xyXG4gICAgbWF4LWhlaWdodDogOTB2aDtcclxufVxyXG50YWJsZSwgdHIsdGQsdGgsdGJvZHksdGhlYWQsdGZvb3QsdGQgZGl2IHtcclxuICAgIHBhZ2UtYnJlYWstaW5zaWRlOiBhdm9pZDtcclxufVxyXG5cclxuXHJcbi5kcm9wYnRuIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IGRvZGdlcmJsdWU7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xyXG4gICAgbWluLXdpZHRoOiAxMjBweDtcclxuICAgIHBhZGRpbmc6IDEwcHg7XHJcbiAgICAvKmZvbnQtc2l6ZTogMTZweDsqL1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG59XHJcblxyXG4uZHJvcGRvd24ge1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG59XHJcblxyXG4uZHJvcGRvd24tY29udGVudCB7XHJcbiAgICBkaXNwbGF5OiBub25lO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2YxZjFmMTtcclxuICAgIG1pbi13aWR0aDogMTIwcHg7XHJcbiAgICBib3gtc2hhZG93OiAwcHggOHB4IDE2cHggMHB4IHJnYmEoMCwwLDAsMC4yKTtcclxuICAgIHotaW5kZXg6IDE7XHJcbn1cclxuXHJcbi5kcm9wZG93bi1jb250ZW50IGEge1xyXG4gICAgY29sb3I6IGJsYWNrO1xyXG4gICAgcGFkZGluZzogMTJweCAxNnB4O1xyXG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbn1cclxuXHJcbi5kcm9wZG93bi1jb250ZW50IGE6aG92ZXIge2JhY2tncm91bmQtY29sb3I6ICNkZGQ7fVxyXG5cclxuLmRyb3Bkb3duOmhvdmVyIC5kcm9wZG93bi1jb250ZW50IHtkaXNwbGF5OiBibG9jazt9XHJcblxyXG4uZHJvcGRvd246aG92ZXIgLmRyb3BidG4ge2JhY2tncm91bmQtY29sb3I6ZG9kZ2VyYmx1ZSA7fSJdfQ== */\"","import { Component, OnInit,ElementRef } from '@angular/core';\r\nimport { BsDatepickerConfig } from 'ngx-bootstrap';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\nimport { timeSheet } from '../models/timeSheet';\r\nimport { analyzeAndValidateNgModules } from '@angular/compiler';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\nimport { ViewChild } from '@angular/core';\r\nimport { MatSort, MatTableDataSource } from '@angular/material';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport {NgForm} from \"@angular/forms\";\r\nimport * as jsPDF from 'jspdf';\r\n\r\nimport { TableUtil } from '../tableUtil';\r\nimport { task } from '../models/task';\r\nimport html2canvas from 'html2canvas';\r\nimport { DatePipe } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './timesheetentry.component.html',\r\n styleUrls: ['./timesheetentry.component.css']\r\n})\r\nexport class TimesheetentryComponent implements OnInit {\r\n maxDate = new Date();\r\n one : any;\r\ndefaultProjectDetails:any=[];\r\n miscellaneousArray: any = [];\r\n miscellaneousObj: any = {};\r\n userSession: any;\r\n k: any;\r\n dataSourceRajectedTimesheet:any;\r\n colorTheme = 'theme-dark-blue';\r\n // hello : [];\r\n user: any;\r\n extractedSortStartDate: any;\r\n extractedSortEndDate: any\r\n taskdata : any;\r\n data: any;\r\n submitflag = true;\r\n isShownadd = true;\r\n isShownremove = false;\r\n projectDetails: any;\r\n taskDetails: any\r\n date: Date;\r\n sortEndDate:any;\r\n sortStartDate:any;\r\n yearStart: any\r\n weekNo: any;\r\n dataSourcetPreviousTimeSheet:any;\r\n dateFormat: any\r\n finalDate: Date;\r\n maxDayDate = new Date();\r\n\r\n dataSourceAdd;\r\n newdate: Date\r\n newdate6: any;\r\n showDate: Date;\r\n taskAddObj: task\r\n day1Hrs: any;\r\n prcntg: any;\r\n autid: any;\r\n getDataTimeSheet: any\r\n timeSheetAddObj: timeSheet;\r\n sheetDetails: any;\r\n validateDate: any;\r\n cnvrtDate: any;\r\n arr_list: any;\r\n teamDetails: any;\r\n empId: any;\r\n allReportsByEmpId: any\r\n flag:any=true;\r\n flag1:any=false;\r\n statusDetails:any;\r\n @ViewChild(\"tsfrm\", { static: false }) form: NgForm;\r\n dataSource:any;\r\n @ViewChild(MatSort, { static: true }) sort: MatSort;\r\n @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;\r\n @ViewChild('paginator3', { static: false }) paginator3: MatPaginator;\r\n @ViewChild('paginator2', { static: true }) paginator2: MatPaginator;\r\n @ViewChild('rejected', { static: true }) rejected: ElementRef;\r\n @ViewChild('pending', { static: true }) pending: ElementRef;\r\n @ViewChild('approved', { static: true }) approved: ElementRef;\r\n\r\n\r\n\r\n\r\n displayedColumns = ['SlNo','clientName-projectName', 'taskphase-description', 'workedDate|date', 'hours', 'percentage', 'status']\r\n displayedColumnsAdd = ['projectname', 'taskphase-description', 'startDate|date', 'endDate|date', 'taskTime', 'hours', 'day1Hrs', 'prcntg', 'Action']\r\n displayedColumnsForRejected = ['SlNo','clientName-projectName', 'taskphase-description', 'workedDate|date', 'hours', 'percentage', 'status','reason']\r\n\r\n ReportsdataById: any;\r\n bsConfig: Partial;\r\n constructor(private ts: TimeSheetService, public toastr: ToastrManager ,private datePipe:DatePipe) {\r\n this.timeSheetAddObj = new timeSheet()\r\n this.userSession = (JSON.parse(sessionStorage.getItem('user')))\r\n\r\n }\r\n applyFilter(filterValue: string,tname) {\r\n filterValue = filterValue.trim();\r\n filterValue = filterValue.toLowerCase();\r\n if(tname == 'approved'){\r\n this.dataSourcetPreviousTimeSheet.filter = filterValue;\r\n\r\n }else if(tname == 'rejected'){\r\n this.dataSourceRajectedTimesheet.filter = filterValue;\r\n\r\n }else{\r\n this.dataSource.filter = filterValue;\r\n\r\n }\r\n }\r\n Add(){\r\n this.flag=false;\r\n this.flag1=true;\r\n }\r\n getStatus(){\r\n this.ts.getMastertable({'tableName':'status'}).subscribe((data) =>{\r\n this.statusDetails =data[0];\r\n })\r\n }\r\n Back(){\r\n // this.flag=true;\r\n // this.flag1=false;\r\n // this.userAddObj.id = null;\r\n // this.getAllTimeSheetByEmpID();\r\n this.form.resetForm();\r\n }\r\n getTimeSheetPreviousDetailsByEmp(){\r\n this.miscellaneousArray=[{projectId: null,taskId:null, description: null,day3Hrs:null,prcntg1 : null}];\r\n this.k=0\r\n\r\n this.sortStartDate=null;\r\n this.sortEndDate=null;\r\n this.flag1=false;\r\n this.dataSourcetPreviousTimeSheet=null;\r\n }\r\n changeDate(){\r\n var timesheetDate= this.date.getFullYear() + \"-\" + (this.date.getMonth() + 1) + \"-\" + (this.date.getDate())\r\n this.ts.getCompanyHoliday(timesheetDate).subscribe((data) => {\r\n if(data[0].length>0){\r\n this.miscellaneousArray[0].projectId = '4';\r\n this.getTaskeByProjectId('4');\r\n this.miscellaneousArray[0].taskId ='3';\r\n }else {\r\n // console.log(\"temp1\")\r\n this.miscellaneousArray[0].projectId = null;\r\n this.miscellaneousArray[0].taskId = null;\r\n }\r\n\r\n }\r\n )\r\n }\r\n\r\n addRow(index) {\r\n\r\n this.isShownadd = true;\r\n this.isShownremove = true;\r\n var onetwo = {projectId: null,taskId:null, description: null,day3Hrs:null,prcntg1 : null};\r\n this.miscellaneousArray.push(onetwo);\r\n var len = this.miscellaneousArray.length;\r\n for (var i=0;i {\r\n this.toastr.successToastr(\"Time Sheet Submitted SuccessFully\");\r\n\r\n }\r\n )\r\n }\r\n\r\n downloadRejectedTimesheetPdf(ele:any,head:any){\r\n // const doc = new jsPDF('p', 'pt', 'letter');\r\n // // this.ts.getEmployeeDetailsByid(this.sortEmpId).subscribe((data) => {\r\n // // this.EmployeedetailsById = data[0].empName;\r\n // // //console.log(this.EmployeedetailsById.empName)\r\n // doc.text(40, 40, head);\r\n // doc.setFont(\"10px arial, sans-serif\");\r\n // doc.setFontType(\"normal\");\r\n // doc.setFontSize(9);\r\n // // doc.setTextColor(255,0,0);\r\n // const specialElementHandlers = {\r\n // '#editor': function (element, renderer) {\r\n // return true;\r\n // }\r\n // };\r\n // const margins = {\r\n // top: 40,\r\n // bottom: 60,\r\n // left: 40,\r\n // right:40,\r\n // width: 922\r\n // };\r\n var content;\r\n if(ele==='rejected') {\r\n // console.log(\"this.employeeProject\",this.rejected)\r\n content = document.getElementById('Example table1');\r\n }\r\n else if(ele==='pending') {\r\n content = document.getElementById('Example table');\r\n\r\n }else{\r\n content = document.getElementById('Example table2');\r\n }\r\n let DATA = content;\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n // PDF.text(0, 15, 'Reports of '+this.EmployeedetailsById);\r\n PDF.text(head,100, 15,'center');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save(head+'.pdf');\r\n });\r\n //\r\n // doc.fromHTML(content.innerHTML, margins.left, margins.top, {\r\n // 'width': 180,\r\n // 'elementHandlers': specialElementHandlers\r\n // },\r\n // function(dispose){\r\n // doc.save(head + '.pdf');\r\n // },margins);\r\n // // })\r\n\r\n }\r\n\r\n\r\n // selfe entered task for time sheet\r\n addTimeSheetself(miscellaneousdata) {\r\n if(this.date == undefined){\r\n this.toastr.errorToastr(\"Please select the date\", 'Error');\r\n }else{\r\n\r\n for (let obj of miscellaneousdata){\r\n\r\n this.one = obj;\r\n if(this.one.projectId === '2' || this.one.projectId === '4'){\r\n\r\n this.timeSheetAddObj.assignedTo = this.user[0].id\r\n this.timeSheetAddObj.projectId = this.one.projectId;\r\n // this.showDate = (this.date)\r\n // this.timeSheetAddObj.workedDate = this.showDate ;\r\n this.timeSheetAddObj.hours = this.one.day3Hrs;\r\n this.timeSheetAddObj.percentage = this.one.prcntg1;\r\n\r\n this.showDate = (this.date);\r\n this.timeSheetAddObj.workedDate = this.showDate;\r\n // this.timeSheetAddObj.taskAddObj = this.taskAddObj\r\n this.timeSheetAddObj.clientId = null;\r\n this.timeSheetAddObj.taskPhaseId = null;\r\n\r\n this.timeSheetAddObj.taskId = this.one.taskId;\r\n\r\n if (this.one.day3Hrs > 0 && this.one.day3Hrs < 25 && this.one.prcntg1 < 101 && this.one.prcntg1 > 0) {\r\n\r\n // console.log(this.timeSheetAddObj,\"111\")\r\n this.ts.addTimeSheetSelfAsign(this.timeSheetAddObj).subscribe((data) => {\r\n // console.log(data.message)\r\n this.form.resetForm();\r\n\r\n // this.getAllTimeSheetByEmpID()\r\n this.getTaskById();\r\n this.flag=true;\r\n this.flag1=false;\r\n this.toastr.successToastr(data.message);\r\n this.miscellaneousArray=[{projectId: null,taskId:null, description: null,day3Hrs:null,prcntg1 : null}];\r\n this.k=0\r\n })}else {\r\n this.toastr.errorToastr(\"percentage entry with in the limits(0-100)\");\r\n }\r\n }\r\n else{\r\n if (this.one.projectId == undefined) {\r\n this.toastr.errorToastr(\"Please select the project\", 'Error');\r\n break;\r\n\r\n }\r\n else if (this.one.description == undefined) {\r\n this.toastr.errorToastr(\"Please enter the task\", 'Error');\r\n break;\r\n\r\n }\r\n else {\r\n if (this.one.day3Hrs > 0 && this.one.day3Hrs < 25 && this.one.prcntg1 < 101 && this.one.prcntg1 > 0) {\r\n\r\n this.timeSheetAddObj.assignedTo = this.user[0].id\r\n this.timeSheetAddObj.projectId = this.one.projectId;\r\n // this.showDate = (this.date)\r\n // this.timeSheetAddObj.workedDate = this.showDate ;\r\n this.timeSheetAddObj.hours = this.one.day3Hrs;\r\n this.timeSheetAddObj.percentage = this.one.prcntg1;\r\n\r\n this.showDate = (this.date);\r\n this.timeSheetAddObj.workedDate = this.showDate;\r\n // this.timeSheetAddObj.taskAddObj = this.taskAddObj\r\n this.timeSheetAddObj.clientId = null;\r\n this.timeSheetAddObj.taskPhaseId = 3;\r\n if(this.timeSheetAddObj.projectId === '2'){\r\n this.timeSheetAddObj.taskId = this.one.description;\r\n }else {\r\n this.timeSheetAddObj.description = this.one.description;\r\n }\r\n\r\n this.ts.addTimeSheetSelf(this.timeSheetAddObj).subscribe((data) => {\r\n // console.log(data.message)\r\n this.form.resetForm();\r\n this.miscellaneousArray=[{projectId: null,taskId:null, description: null,day3Hrs:null,prcntg1 : null}];\r\n this.k=0\r\n // this.getAllTimeSheetByEmpID()\r\n this.getTaskById();\r\n\r\n this.toastr.successToastr(data.message);\r\n\r\n this.flag=true;\r\n this.flag1=false;\r\n\r\n })\r\n }\r\n else {\r\n this.toastr.errorToastr(\"percentage entry with in the limits(0-100)\");\r\n\r\n }\r\n }}}}\r\n\r\n }\r\n\r\n\r\n getTimesheetByDateRange() {\r\n this.extractedSortStartDate = this.sortStartDate.getFullYear() + \"-\" + (this.sortStartDate.getMonth() + 1) + \"-\" + (this.sortStartDate.getDate())\r\n\r\n this.extractedSortEndDate = this.sortEndDate.getFullYear() + \"-\" + (this.sortEndDate.getMonth() + 1) + \"-\" + (this.sortEndDate.getDate())\r\n\r\n this.ts.getAllTimeSheetByEmpID(this.userSession[0].id, this.extractedSortStartDate, this.extractedSortEndDate).subscribe((data) => {\r\n this.flag1 = true;\r\n\r\n this.allReportsByEmpId = data[0];\r\n // console.log(\" this.allReportsByEmpId\", this.allReportsByEmpId)\r\n // this.dataSource = data[0].sort().reverse();\r\n this.dataSourcetPreviousTimeSheet = new MatTableDataSource(data[0])\r\n this.dataSourcetPreviousTimeSheet.sort = this.sort;\r\n this.dataSourcetPreviousTimeSheet.paginator = this.paginator3;\r\n // console.log(\"sample\", this.allReportsByEmpId)\r\n // this.miscellaneousArray=[{projectId: null,taskId:null, description: null,day3Hrs:null,prcntg1 : null}];\r\n // this.k=0\r\n\r\n })\r\n\r\n }\r\n\r\n getTimeSheetPendingDetailsByEmp() {\r\n this.miscellaneousArray=[{projectId: null,taskId:null, description: null,day3Hrs:null,prcntg1 : null}];\r\n this.k=0\r\n\r\n\r\n // this.extractedSortStartDate = this.sortStartDate.getFullYear() + \"-\" + (this.sortStartDate.getMonth() + 1) + \"-\" + (this.sortStartDate.getDate())\r\n //\r\n // this.extractedSortEndDate = this.sortEndDate.getFullYear() + \"-\" + (this.sortEndDate.getMonth() + 1) + \"-\" + (this.sortEndDate.getDate())\r\n\r\n this.ts.getTimeSheetPendingDetailsByEmp(this.userSession[0].id).subscribe((data) => {\r\n this.allReportsByEmpId = data[0];\r\n this.flag1 = true;\r\n this.dataSource = data[0].sort().reverse();\r\n this.dataSource = new MatTableDataSource(data[0])\r\n this.dataSource.sort = this.sort;\r\n this.dataSource.paginator = this.paginator;\r\n // console.log(\"sample\", this.allReportsByEmpId)\r\n // this.miscellaneousArray=[{projectId: null,taskId:null, description: null,day3Hrs:null,prcntg1 : null}];\r\n // this.k=0\r\n\r\n })\r\n\r\n }\r\n getTimeSheetRajectedDetailsByEmp() {\r\n this.miscellaneousArray=[{projectId: null,taskId:null, description: null,day3Hrs:null,prcntg1 : null}];\r\n this.k=0\r\n // this.extractedSortStartDate = this.sortStartDate.getFullYear() + \"-\" + (this.sortStartDate.getMonth() + 1) + \"-\" + (this.sortStartDate.getDate())\r\n //\r\n // this.extractedSortEndDate = this.sortEndDate.getFullYear() + \"-\" + (this.sortEndDate.getMonth() + 1) + \"-\" + (this.sortEndDate.getDate())\r\n\r\n this.ts.getTimeSheetRajectedDetailsByEmp(this.userSession[0].id).subscribe((data) => {\r\n this.allReportsByEmpId = data[0];\r\n this.flag1 = true;\r\n this.dataSourceRajectedTimesheet = data[0].sort().reverse();\r\n this.dataSourceRajectedTimesheet = new MatTableDataSource(data[0]);\r\n this.dataSourceRajectedTimesheet.sort = this.sort;\r\n this.dataSourceRajectedTimesheet.paginator = this.paginator2;\r\n // console.log(\"sample\", this.allReportsByEmpId)\r\n // this.miscellaneousArray=[{projectId: null,taskId:null, description: null,day3Hrs:null,prcntg1 : null}];\r\n\r\n\r\n })\r\n\r\n }\r\n exportTable(tableName,pdfName) {\r\n TableUtil.exportToExcel(tableName,pdfName);\r\n\r\n }\r\n getTaskById() {\r\n this.ts.getTasksById(this.userSession[0].id).subscribe((data) => {\r\n this.taskDetails = data[0];\r\n this.dataSourceAdd = new MatTableDataSource(data[0]);\r\n this.dataSourceAdd.sort = this.sort;\r\n // this.dataSourceAdd.paginator = this.paginator1\r\n\r\n });\r\n }\r\n getAllProjects() {\r\n this.ts.GetAllProjectsDetails(this.userSession[0].id).subscribe((data) => {\r\n this.projectDetails = data[0];\r\n });\r\n this.ts.GetAllProjects().subscribe((data1)=>{\r\n this.defaultProjectDetails.push(data1[0][0]);\r\n this.defaultProjectDetails.push(data1[0][1]);\r\n this.defaultProjectDetails.push(data1[0][2]);\r\n this.defaultProjectDetails.push(data1[0][3]);\r\n\r\n\r\n });\r\n }\r\n getTaskeByProjectId(Id){\r\n if(Id === '2' || Id === '4' ){\r\n this.ts.getTaskeByProjectId(Id).subscribe((data) => {\r\n\r\n this.taskdata=data\r\n // this.projectDetails = data;\r\n\r\n });\r\n }}\r\n modelChangeFn( index ,event){\r\n if(index === 0 && event >= 9 && event <=24 && this.miscellaneousArray.length!==2){\r\n this.submitflag = false;\r\n }\r\n else{\r\n this.submitflag=true;\r\n var checksb = 0;\r\n for (var m = 0; m < this.miscellaneousArray.length; m++ ){\r\n checksb += this.miscellaneousArray[m].day3Hrs;\r\n // console.log(\"checksb\",checksb)\r\n }\r\n if(checksb >= 9 && checksb<=24){\r\n this.submitflag=false;\r\n }else{\r\n this.submitflag=true;\r\n }\r\n }}\r\n\r\n\r\n ngOnInit() {\r\n this.miscellaneousArray=[{projectId: null,taskId:null, description: null,day3Hrs:null,prcntg1 : null}];\r\n this.k=0;\r\n \r\n this.getTaskById();\r\n this.taskAddObj = new task()\r\n this.ts.getUsersById(this.userSession[0].id).subscribe((data) => {\r\n this.user = data\r\n\r\n\r\n if (this.user[0].empDesignation == 4 || this.user[0].empDesignation == 3) {\r\n this.ts.getUsersByManagerId(this.user[0].empID).subscribe((data) => {\r\n this.teamDetails = data;\r\n });\r\n }\r\n })\r\n this.getAllProjects();\r\n\r\n this.getTimesheetByDateRange();\r\n\r\n // this.miscellaneousObj = {projectId: \"\", description: \"\",day3Hrs:\"\",prcntg1 : \"\"};\r\n // this.miscellaneousArray.push(this.miscellaneousObj);\r\n // this.k=0;\r\n\r\n\r\n\r\n }\r\n\r\n}\r\n","module.exports = \"\\r\\n\\r\\nbutton{ \\r\\n border-color: aliceblue;\\r\\n}\\r\\n\\r\\n\\r\\nform-control{\\r\\n border-color: #010101!important;\\r\\n}\\r\\n\\r\\n\\r\\ninput{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\ninput:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\nselect{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\n\\r\\n\\r\\nselect:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\n\\r\\n\\r\\ntext-danger{\\r\\nborder-radius: 0 0 10px 10px;\\r\\nwidth: 100%;\\r\\nbackground: red;\\r\\nfont-size: 11.8px!important;\\r\\ncolor: #fff;\\r\\npadding: 5px;\\r\\n}\\r\\n\\r\\n\\r\\ntable {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n\\r\\nth{\\r\\n color:#010101!important;\\r\\n border-bottom-style: solid!important;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\ntd{\\r\\n border-bottom-style: groove!important;\\r\\n}\\r\\n\\r\\n\\r\\n.mat-cell {\\r\\n color: rgb(133, 128, 128);\\r\\n }\\r\\n\\r\\n\\r\\n.mat-header-cell {\\r\\n background-color: #2122228a;\\r\\n text-transform: capitalize;\\r\\n font-size: 1em;\\r\\n color: rgb(145, 130, 130);\\r\\n }\\r\\n\\r\\n\\r\\n.mat-header-cell h6 {\\r\\n font-weight: bold;\\r\\n text-transform: capitalize;\\r\\n }\\r\\n\\r\\n\\r\\n.mat-paginator {\\r\\n background-color: whitesmoke;\\r\\n color: rgb(0, 0, 0);\\r\\n font: weight 1;\\r\\n }\\r\\n\\r\\n\\r\\n.mat-table {\\r\\n background-color: #58184500;\\r\\n \\r\\n }\\r\\n\\r\\n\\r\\nbutton.excel{\\r\\n background-color: dodgerblue;\\r\\n float: right;\\r\\n border-radius: 10px;\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n.dropbtn {\\r\\n background-color: dodgerblue;\\r\\n color: white;\\r\\n border-radius: 10px;\\r\\n min-width: 120px;\\r\\n padding: 10px;\\r\\n /*font-size: 16px;*/\\r\\n border: none;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown {\\r\\n position: relative;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content {\\r\\n display: none;\\r\\n position: absolute;\\r\\n background-color: #f1f1f1;\\r\\n min-width: 120px;\\r\\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\\r\\n z-index: 1;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content a {\\r\\n color: black;\\r\\n padding: 12px 16px;\\r\\n text-decoration: none;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n\\r\\n.dropdown-content a:hover {background-color: #ddd;}\\r\\n\\r\\n\\r\\n.dropdown:hover .dropdown-content {display: block;}\\r\\n\\r\\n\\r\\n.dropdown:hover .dropbtn {background-color:dodgerblue ;}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvdXNlcnMvdXNlcnMuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUVBO0lBQ0ksdUJBQXVCO0FBQzNCOzs7QUFHQTtJQUNJLCtCQUErQjtBQUNuQzs7O0FBRUE7SUFDSSxnQ0FBZ0M7QUFDcEM7OztBQUVBO0lBQ0kseUNBQXlDO0FBQzdDOzs7QUFFQTtJQUNJLGdDQUFnQztBQUNwQzs7O0FBRUE7SUFDSSx5Q0FBeUM7QUFDN0M7OztBQUVBO0FBQ0EsNEJBQTRCO0FBQzVCLFdBQVc7QUFDWCxlQUFlO0FBQ2YsMkJBQTJCO0FBQzNCLFdBQVc7QUFDWCxZQUFZO0FBQ1o7OztBQUdBO0lBQ0ksV0FBVztFQUNiOzs7QUFHQTtJQUNFLHVCQUF1QjtJQUN2QixvQ0FBb0M7O0FBRXhDOzs7QUFFQTtJQUNJLHFDQUFxQztBQUN6Qzs7O0FBQ0U7SUFDRSx5QkFBeUI7RUFDM0I7OztBQUNBO0lBQ0UsNEJBQTRCO0lBQzVCLDBCQUEwQjtJQUMxQixlQUFlO0lBQ2YseUJBQXlCO0VBQzNCOzs7QUFDQTtJQUNFLGlCQUFpQjtJQUNqQiwwQkFBMEI7RUFDNUI7OztBQUNBO0lBQ0UsNEJBQTRCO0lBQzVCLG1CQUFtQjtJQUNuQixjQUFjO0VBQ2hCOzs7QUFDQTtJQUNFLDJCQUEyQjs7RUFFN0I7OztBQUNBO0lBQ0UsNEJBQTRCO0lBQzVCLFlBQVk7SUFDWixtQkFBbUI7O0FBRXZCOzs7QUFDQTtJQUNJLDRCQUE0QjtJQUM1QixZQUFZO0lBQ1osbUJBQW1CO0lBQ25CLGdCQUFnQjtJQUNoQixhQUFhO0lBQ2IsbUJBQW1CO0lBQ25CLFlBQVk7QUFDaEI7OztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLHFCQUFxQjtBQUN6Qjs7O0FBRUE7SUFDSSxhQUFhO0lBQ2Isa0JBQWtCO0lBQ2xCLHlCQUF5QjtJQUN6QixnQkFBZ0I7SUFDaEIsNENBQTRDO0lBQzVDLFVBQVU7QUFDZDs7O0FBRUE7SUFDSSxZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLHFCQUFxQjtJQUNyQixjQUFjO0FBQ2xCOzs7QUFFQSwyQkFBMkIsc0JBQXNCLENBQUM7OztBQUVsRCxtQ0FBbUMsY0FBYyxDQUFDOzs7QUFFbEQsMEJBQTBCLDRCQUE0QixDQUFDIiwiZmlsZSI6InNyYy9hcHAvdXNlcnMvdXNlcnMuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIlxyXG5cclxuYnV0dG9ueyAgICBcclxuICAgIGJvcmRlci1jb2xvcjogYWxpY2VibHVlO1xyXG59XHJcblxyXG5cclxuZm9ybS1jb250cm9se1xyXG4gICAgYm9yZGVyLWNvbG9yOiAjMDEwMTAxIWltcG9ydGFudDtcclxufVxyXG5cclxuaW5wdXR7XHJcbiAgICBib3JkZXItY29sb3I6ICAjQTBCRUM1IWltcG9ydGFudDtcclxufVxyXG5cclxuaW5wdXQ6aG92ZXJ7XHJcbiAgICBib3JkZXItY29sb3I6IHJnYig1NSwgMTg5LCAyMTkpIWltcG9ydGFudDtcclxufVxyXG5cclxuc2VsZWN0e1xyXG4gICAgYm9yZGVyLWNvbG9yOiAgI0EwQkVDNSFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbnNlbGVjdDpob3ZlcntcclxuICAgIGJvcmRlci1jb2xvcjogcmdiKDU1LCAxODksIDIxOSkhaW1wb3J0YW50O1xyXG59XHJcblxyXG50ZXh0LWRhbmdlcntcclxuYm9yZGVyLXJhZGl1czogMCAwIDEwcHggMTBweDtcclxud2lkdGg6IDEwMCU7XHJcbmJhY2tncm91bmQ6IHJlZDtcclxuZm9udC1zaXplOiAxMS44cHghaW1wb3J0YW50O1xyXG5jb2xvcjogI2ZmZjtcclxucGFkZGluZzogNXB4O1xyXG59XHJcblxyXG5cclxudGFibGUge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgfVxyXG5cclxuXHJcbiAgdGh7XHJcbiAgICBjb2xvcjojMDEwMTAxIWltcG9ydGFudDtcclxuICAgIGJvcmRlci1ib3R0b20tc3R5bGU6IHNvbGlkIWltcG9ydGFudDtcclxuXHJcbn1cclxuXHJcbnRke1xyXG4gICAgYm9yZGVyLWJvdHRvbS1zdHlsZTogZ3Jvb3ZlIWltcG9ydGFudDtcclxufVxyXG4gIC5tYXQtY2VsbCB7XHJcbiAgICBjb2xvcjogcmdiKDEzMywgMTI4LCAxMjgpO1xyXG4gIH1cclxuICAubWF0LWhlYWRlci1jZWxsIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICAjMjEyMjIyOGE7XHJcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcclxuICAgIGZvbnQtc2l6ZTogIDFlbTtcclxuICAgIGNvbG9yOiByZ2IoMTQ1LCAxMzAsIDEzMCk7XHJcbiAgfVxyXG4gIC5tYXQtaGVhZGVyLWNlbGwgaDYge1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcclxuICB9XHJcbiAgLm1hdC1wYWdpbmF0b3Ige1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcclxuICAgIGNvbG9yOiByZ2IoMCwgMCwgMCk7XHJcbiAgICBmb250OiB3ZWlnaHQgMTtcclxuICB9XHJcbiAgLm1hdC10YWJsZSB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTgxODQ1MDA7XHJcbiAgICBcclxuICB9XHJcbiAgYnV0dG9uLmV4Y2Vse1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogZG9kZ2VyYmx1ZTtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcblxyXG59XHJcbi5kcm9wYnRuIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IGRvZGdlcmJsdWU7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xyXG4gICAgbWluLXdpZHRoOiAxMjBweDtcclxuICAgIHBhZGRpbmc6IDEwcHg7XHJcbiAgICAvKmZvbnQtc2l6ZTogMTZweDsqL1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG59XHJcblxyXG4uZHJvcGRvd24ge1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG59XHJcblxyXG4uZHJvcGRvd24tY29udGVudCB7XHJcbiAgICBkaXNwbGF5OiBub25lO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2YxZjFmMTtcclxuICAgIG1pbi13aWR0aDogMTIwcHg7XHJcbiAgICBib3gtc2hhZG93OiAwcHggOHB4IDE2cHggMHB4IHJnYmEoMCwwLDAsMC4yKTtcclxuICAgIHotaW5kZXg6IDE7XHJcbn1cclxuXHJcbi5kcm9wZG93bi1jb250ZW50IGEge1xyXG4gICAgY29sb3I6IGJsYWNrO1xyXG4gICAgcGFkZGluZzogMTJweCAxNnB4O1xyXG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbn1cclxuXHJcbi5kcm9wZG93bi1jb250ZW50IGE6aG92ZXIge2JhY2tncm91bmQtY29sb3I6ICNkZGQ7fVxyXG5cclxuLmRyb3Bkb3duOmhvdmVyIC5kcm9wZG93bi1jb250ZW50IHtkaXNwbGF5OiBibG9jazt9XHJcblxyXG4uZHJvcGRvd246aG92ZXIgLmRyb3BidG4ge2JhY2tncm91bmQtY29sb3I6ZG9kZ2VyYmx1ZSA7fSJdfQ== */\"","import { Component, OnInit, ElementRef} from '@angular/core';\r\nimport {FormBuilder, FormGroup, Validators} from '@angular/forms';\r\nimport {user} from '../models/user';\r\nimport {TimeSheetService} from '../services/timesheet.services';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\nimport {ViewChild} from '@angular/core';\r\nimport { MessageService } from 'primeng/api';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { MatSort, MatTableDataSource, MatSortable, Sort} from '@angular/material';\r\nimport {MatPaginator} from '@angular/material/paginator';\r\nimport {NgForm} from \"@angular/forms\";\r\n\r\nimport { TableUtil } from '../tableUtil';\r\n\r\nimport * as jsPDF from 'jspdf';\r\nimport 'jspdf-autotable';\r\nimport html2canvas from 'html2canvas';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './users.component.html',\r\n styleUrls: ['./users.component.css']\r\n})\r\nexport class UsersComponent implements OnInit {\r\n dataSource;\r\n\r\n userAddObj: user;\r\n userDetails: any;\r\n bloodGroupDetails:any;\r\n RolesDetails:any;\r\n userAllDetails:any=[];\r\n isCheck:any;\r\n departmentDetails:any;\r\n designationDetails:any;\r\n flag:any=true;\r\n flag1:any=false;\r\n statusDetails:any=[];\r\n @ViewChild(\"frm\", {static: false}) form: NgForm;\r\n @ViewChild(MatSort, { static: false }) sort: MatSort;\r\n @ViewChild(MatPaginator, { static: false }) paginator: MatPaginator;\r\n @ViewChild('users', { static: true }) users: ElementRef;\r\n\r\n displayedColumns = ['SlNo' ,'empId', 'empName', 'Designation', 'managername', 'departmentName', 'contactNumber', 'act']\r\n constructor(private ts: TimeSheetService,public toastr: ToastrManager) {\r\n this.userAddObj = new user();\r\n }\r\n Add(){\r\n this.flag=false;\r\n this.flag1=true;\r\n }\r\n getStatus(){\r\n this.ts.getMastertable({'tableName':'status'}).subscribe((data) =>{\r\n for(var i = 0; i {\r\n this.departmentDetails = data[0];\r\n\r\n\r\n });\r\n }\r\n validateEmployeeId(data){\r\n var valid\r\n var k =0;\r\n for(var i =0 ;i <=this.userAllDetails.length;i++){\r\n k+=1;\r\n if(this.userAllDetails[i].empId === data.empId){\r\n valid=false;\r\n this.toastr.errorToastr('Employee Id already exists ')\r\n break;\r\n\r\n }\r\n \r\n else if(this.userAllDetails[i].empEmail === data.empEmail){\r\n valid=false;\r\n // return valid;\r\n this.toastr.errorToastr('Email already exists ')\r\n\r\n break;\r\n } else if(this.userAllDetails[i].contactNumber === data.contactNumber){\r\n valid=false;\r\n // return valid;\r\n this.toastr.errorToastr('Contact Number already exists ')\r\n\r\n break;\r\n }\r\n else {\r\n valid=true;\r\n if(this.userAllDetails.length === k){\r\n return valid;\r\n\r\n }\r\n\r\n }\r\n }\r\n return valid;\r\n\r\n }\r\n saveUser(){\r\n\r\n if(this.isCheck==true){\r\n this.userAddObj.userType=\"Admin\";\r\n }\r\n else{\r\n this.userAddObj.userType=\"Regular\";\r\n\r\n }\r\n\r\nif(this.validateEmployeeId(this.userAddObj)) {\r\n this.ts.saveUser(this.userAddObj).subscribe((data) => {\r\n this.toastr.successToastr(data.message);\r\n this.form.resetForm();\r\n\r\n\r\n this.getAllUser();\r\n this.flag = true;\r\n this.flag1 = false;\r\n });\r\n}\r\n\r\n\r\n }\r\n exportTable(){\r\n TableUtil.exportToExcel(\"Example table\",'Users Details.xlsx');\r\n }\r\n GetUserDetailsByRole(){\r\n this.ts.GetAllUsersByRole().subscribe((data) => {\r\n this.userDetails = data;\r\n });\r\n }\r\n getAllUser(){\r\n this.ts.GetAllusers().subscribe((data) => {\r\n this.userAllDetails = data[0];\r\n console.log('all', this.userAllDetails)\r\n\r\n // for (let i = 0; i < this.userAllDetails.length; i++) {\r\n // if (this.userAllDetails[i].Status == 'Inactive') {\r\n // this.userAllDetails[i].status = false\r\n // } else {\r\n // this.userAllDetails[i].status = true\r\n // }\r\n // }\r\n this.dataSource = new MatTableDataSource(data[0].reverse());\r\n this.dataSource.sort = this.sort;\r\n this.dataSource.paginator = this.paginator;\r\n });\r\n }\r\n // onChange(status, id) {\r\n // this.ts.GetUsersById(id).subscribe((data) => {\r\n // this.userAddObj.status = status.checked;\r\n // this.ts.updateUsersstatus(id,this.userAddObj).subscribe((data) => {\r\n // this.toastr.successToastr('Toggled Successfully');\r\n // this.ngOnInit()\r\n // })\r\n // })\r\n // }\r\n\r\n getUsersById(id:any){\r\n this.flag=false;\r\n this.flag1=true;\r\n this.ts.GetUsersById(id).subscribe((data) => {\r\n this.userAddObj.id=data[0].id\r\n this.userAddObj.empId=data[0].empID;\r\n this.userAddObj.empName=data[0].empName;\r\n this.userAddObj.empEmail=data[0].empEmail;\r\n this.userAddObj.roleId=data[0].roleId;\r\n this.userAddObj.empDesignationId=data[0].empDesignationId;\r\n this.userAddObj.managerId=data[0].managerId;\r\n this.userAddObj.departmentId=data[0].departmentId;\r\n this.userAddObj.addr1=data[0].addr1;\r\n this.userAddObj.addr2=data[0].addr2;\r\n this.userAddObj.addr3=data[0].addr3;\r\n this.userAddObj.city=data[0].city;\r\n this.userAddObj.state=data[0].state;\r\n this.userAddObj.pincode=data[0].pincode;\r\n this.userAddObj.contactNumber=data[0].contactNumber;\r\n this.userAddObj.emergencyContact=data[0].emergencyContact;\r\n this.userAddObj.bloodGroupId=data[0].bloodGroupId;\r\n this.userAddObj.userType=data[0].userType;\r\n this.userAddObj.statusId=data[0].statusId;\r\n });\r\n\r\n }\r\n UpdateUsers(){\r\n this.ts.updateUsers(this.userAddObj).subscribe((data) => {\r\n this.userAddObj.id = null\r\n this.getAllUser();\r\n this.toastr.successToastr(data.message);\r\n this.form.resetForm();\r\n this.flag=true;\r\n this.flag1=false;\r\n\r\n });\r\n }\r\n getBloodGroups(){\r\n this.ts.getMastertable({tableName:\"bloodGroup\"}).subscribe((data) => {\r\n this.bloodGroupDetails = data[0];\r\n });\r\n }\r\n getDesignation(){\r\n this.ts.getMastertable({tableName:\"designation\"}).subscribe((data) => {\r\n this.designationDetails = data[0];\r\n });\r\n }\r\n\r\n getAllRoles(){\r\n this.ts.GetAllRoles().subscribe((data) => {\r\n this.RolesDetails = data;\r\n });\r\n }\r\n\r\nusersPdf(){\r\n // const doc = new jsPDF('landscape', 'pt', 'a4');\r\n //\r\n // doc.text(40, 40, 'Users report');\r\n // doc.setFont(\"10px arial, sans-serif\");\r\n // doc.setFontType(\"normal\");\r\n // doc.setFontSize(9);\r\n // const specialElementHandlers = {\r\n // '#editor': function (element, renderer) {\r\n // return true;\r\n // }\r\n // };\r\n // const margins = {\r\n // top: 40,\r\n // bottom: 60,\r\n // left: 40,\r\n // width: 922\r\n // };\r\n // const content = this.users.nativeElement;\r\n // doc.fromHTML(content.innerHTML, margins.left, margins.top, {\r\n // 'width': margins.width,\r\n // 'elementHandlers': specialElementHandlers\r\n // });\r\n // doc.save('Users report' + '.pdf');\r\n let DATA = document.getElementById('Example table');\r\n let PDF = new jsPDF('p', 'mm', 'a4');\r\n html2canvas(DATA).then(canvas => {\r\n let fileWidth = 208;\r\n let fileHeight = canvas.height * fileWidth / canvas.width;\r\n const FILEURI = canvas.toDataURL('image/png');\r\n let position = 25;\r\n PDF.setFontSize(9)\r\n // PDF.text(0, 15, 'Reports of '+this.EmployeedetailsById);\r\n PDF.text('Users Details ',100, 15,'center');\r\n // PDF.text('From Date: ' + this.datePipe.transform(this.sortStartDate, 'dd-MM-yyyy'), 10, 20,'left');\r\n // PDF.text('To Date: ' + this.datePipe.transform(this.sortEndDate, 'dd-MM-yyyy'), 200, 20,'right');\r\n\r\n PDF.addImage(FILEURI, 'PNG', 1, position, fileWidth, fileHeight)\r\n\r\n PDF.save('Users Details.pdf');\r\n });\r\n\r\n}\r\n\r\n ngOnInit() {\r\n this.getBloodGroups()\r\n this.getDesignation();\r\n this.getAllDepartments();\r\n this.getStatus();\r\n this.getAllRoles();\r\n this.getAllUser();\r\n this.GetUserDetailsByRole();\r\n\r\n\r\n // this.dataSource.sort=this.sort;\r\n // const sortState: Sort = {active: 'empId', direction: 'desc'};\r\n // this.sort.active = sortState.active;\r\n // this.sort.direction = sortState.direction;\r\n // this.sort.sortChange.emit(sortState);\r\n\r\n }\r\n\r\n}\r\n","// This file can be replaced during build by using the `fileReplacements` array.\r\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\r\n// The list of file replacements can be found in `angular.json`.\r\n\r\nexport const environment = {\r\n production: false\r\n};\r\n\r\n/*\r\n * For easier debugging in development mode, you can import the following file\r\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\r\n *\r\n * This import should be commented out in production mode because it will have a negative impact\r\n * on performance if an error is thrown.\r\n */\r\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\r\n","import 'hammerjs';\r\nimport { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\nimport { environment } from './environments/environment';\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n .catch(err => console.error(err));\r\n","/* (ignored) */","/* (ignored) */","/* (ignored) */"],"sourceRoot":"webpack:///"}
\\r\\n
\\r\\n\"","import { NgModule } from '@angular/core';\r\nimport { Routes, RouterModule } from '@angular/router';\r\nimport {AppComponent} from './app.component';\r\nimport {UsersComponent} from './users/users.component';\r\nimport {DepartmentsComponent} from './departments/departments.component';\r\nimport { LoginComponent } from './login/login.component';\r\nimport { ProjectComponent } from './project/project.component';\r\nimport { ClientsComponent } from './clients/clients.component';\r\nimport { TaskentryComponent } from './taskentry/taskentry.component';\r\nimport { TimesheetentryComponent } from './timesheetentry/timesheetentry.component';\r\nimport { DashboardComponent } from './dashboard/dashboard.component';\r\nimport { TimesheetComponent } from './timesheet/timesheet.component';\r\nimport { LogoutComponent } from './logout/logout.component';\r\nimport { ChangePasswordComponent } from './change-password/change-password.component';\r\nimport { HomeComponent } from './home/home.component';\r\nimport { MenuComponent } from './menu/menu.component';\r\nimport { ForgotPasswordComponent } from './forgot-password/forgot-password.component';\r\nimport { RecoverPasswordComponent } from './recover-password/recover-password.component';\r\nimport { DatatableComponent } from './datatable/datatable.component';\r\nimport { HolidaysComponent } from './holidays/holidays.component';\r\nimport { TaskphaseComponent } from './taskphase/taskphase.component';\r\nimport { RegisterComponent } from './register/register.component';\r\nimport {ProfileComponent} from './profile/profile.component';\r\nimport {SampleAccessGuard} from './sample-access.guard';\r\nimport {MastertsbleComponent} from './mastertsble/mastertsble.component';\r\nimport {RoleAccessComponent} from './role-access/role-access.component';\r\nimport {ResourceComponent} from './resource/resource.component';\r\nimport {LeaveComponent} from './leave/leave.component';\r\nimport {ModelProfileComponent} from './model-profile/model-profile.component';\r\nimport { ModelRegistrationComponent } from './model-registration/model-registration.component';\r\nimport {SubscriptionConfirmationComponent} from './subscription-confirmation/subscription-confirmation.component'\r\nimport {config} from 'rxjs';\r\nconst routes: Routes = [\r\n { path: '', component: HomeComponent },\r\n { path: 'app', component: AppComponent },\r\n { path: 'dashboard', component: DashboardComponent,canActivate:[SampleAccessGuard]},\r\n { path: 'user', component: UsersComponent,canActivate:[SampleAccessGuard] },\r\n { path: 'departments', component: DepartmentsComponent,canActivate:[SampleAccessGuard] },\r\n { path: 'login', component: LoginComponent },\r\n { path: 'logout', component: LogoutComponent },\r\n { path: 'projects', component: ProjectComponent },\r\n { path: 'client', component: ClientsComponent,canActivate:[SampleAccessGuard]},\r\n { path: 'task', component: TaskentryComponent,canActivate:[SampleAccessGuard]},\r\n { path: 'timesheetentry', component: TimesheetentryComponent,canActivate:[SampleAccessGuard]},\r\n { path: 'Reports', component: TimesheetComponent,canActivate:[SampleAccessGuard]},\r\n { path: 'logout', component: LogoutComponent},\r\n { path: 'changePassword', component: ChangePasswordComponent},\r\n { path: 'Welcome', component: MenuComponent},\r\n { path: 'forgotPassword', component: ForgotPasswordComponent},\r\n { path: 'recover-password', component: RecoverPasswordComponent},\r\n { path: 'datatable', component: DatatableComponent,canActivate:[SampleAccessGuard]},\r\n { path: 'holidays', component: HolidaysComponent,canActivate:[SampleAccessGuard]},\r\n { path: 'Taskphase', component: TaskphaseComponent,canActivate:[SampleAccessGuard]},\r\n { path: 'register', component: RegisterComponent},\r\n { path: 'profile', component: ProfileComponent,canActivate:[SampleAccessGuard]},\r\n { path: 'mastertable', component: MastertsbleComponent,canActivate:[SampleAccessGuard]},\r\n { path: 'role-access', component: RoleAccessComponent,canActivate:[SampleAccessGuard]},\r\n { path: 'resources', component: ResourceComponent,canActivate:[SampleAccessGuard]},\r\n { path: 'leave', component: LeaveComponent,canActivate:[SampleAccessGuard]},\r\n { path: 'modelProfile', component: ModelProfileComponent,canActivate:[SampleAccessGuard]},\r\n { path: 'SubscriptionConfirmation', component: SubscriptionConfirmationComponent},\r\n { path: 'ModelRegistration', component: ModelRegistrationComponent}\r\n\r\n\r\n];\r\n\r\n@NgModule({\r\n imports: [\r\n RouterModule.forRoot(routes,{\r\n onSameUrlNavigation: 'reload'\r\n })],\r\n exports: [RouterModule]\r\n})\r\nexport class AppRoutingModule { }\r\n","module.exports = \"#left-sidebar {\\r\\n top : 0%\\r\\n}\\r\\n\\r\\n@media screen and (min-width: 330px) and (max-width: 375px) {\\r\\n .custom-scroll {\\r\\n margin-top:72px;\\r\\n position: relative;\\r\\n }\\r\\n body {\\r\\n overflow-x: auto;\\r\\n }\\r\\n\\r\\n }\\r\\n\\r\\n@media screen and (min-width: 380px) and (max-width: 414px) {\\r\\n .custom-scroll {\\r\\n margin-top:72px;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n\\r\\n }\\r\\n\\r\\n@media screen and (min-width: 300px) and (max-width: 320px) {\\r\\n body {\\r\\n overflow-x: auto;\\r\\n }\\r\\n .custom-scroll {\\r\\n margin-top:72px;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n }\\r\\n\\r\\n@media screen and (min-width: 420px) and (max-width: 800px) {\\r\\n .custom-scroll {\\r\\n margin-top:72px;\\r\\n position: relative;\\r\\n }\\r\\n body {\\r\\n overflow-x: auto;\\r\\n }\\r\\n }\\r\\n\\r\\n@media screen and (min-width: 800px) and (max-width: 1030px) {\\r\\n .custom-scroll {\\r\\n margin-top:72px;\\r\\n position: relative;\\r\\n }\\r\\n body {\\r\\n overflow-x: auto;\\r\\n }\\r\\n\\r\\n }\\r\\n\\r\\n\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvYXBwLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSTtBQUNKOztBQUVBO0lBQ0k7UUFDSSxlQUFlO1FBQ2Ysa0JBQWtCO0lBQ3RCO0lBQ0E7UUFDSSxnQkFBZ0I7SUFDcEI7O0lBRUE7O0FBQ0E7UUFDSTtZQUNJLGVBQWU7WUFDZixrQkFBa0I7UUFDdEI7OztRQUdBOztBQUNKO1FBQ0k7WUFDSSxnQkFBZ0I7UUFDcEI7UUFDQTtZQUNJLGVBQWU7WUFDZixrQkFBa0I7UUFDdEI7O1lBRUk7O0FBQ1I7UUFDSTtZQUNJLGVBQWU7WUFDZixrQkFBa0I7UUFDdEI7UUFDQTtZQUNJLGdCQUFnQjtRQUNwQjtnQkFDUTs7QUFDWjtRQUNJO1lBQ0ksZUFBZTtZQUNmLGtCQUFrQjtRQUN0QjtRQUNBO1lBQ0ksZ0JBQWdCO1FBQ3BCOzt3QkFFZ0IiLCJmaWxlIjoic3JjL2FwcC9hcHAuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIiNsZWZ0LXNpZGViYXIge1xyXG4gICAgdG9wIDogMCVcclxufVxyXG5cclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzMwcHgpIGFuZCAobWF4LXdpZHRoOiAzNzVweCkge1xyXG4gICAgLmN1c3RvbS1zY3JvbGwge1xyXG4gICAgICAgIG1hcmdpbi10b3A6NzJweDtcclxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICB9XHJcbiAgICBib2R5IHtcclxuICAgICAgICBvdmVyZmxvdy14OiBhdXRvO1xyXG4gICAgfVxyXG5cclxuICAgIH1cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDM4MHB4KSBhbmQgKG1heC13aWR0aDogNDE0cHgpIHtcclxuICAgICAgICAuY3VzdG9tLXNjcm9sbCB7XHJcbiAgICAgICAgICAgIG1hcmdpbi10b3A6NzJweDtcclxuICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICAgIH1cclxuXHJcblxyXG4gICAgICAgIH1cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwMHB4KSBhbmQgKG1heC13aWR0aDogMzIwcHgpIHtcclxuICAgICAgICBib2R5IHtcclxuICAgICAgICAgICAgb3ZlcmZsb3cteDogYXV0bztcclxuICAgICAgICB9XHJcbiAgICAgICAgLmN1c3RvbS1zY3JvbGwge1xyXG4gICAgICAgICAgICBtYXJnaW4tdG9wOjcycHg7XHJcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICB9XHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA0MjBweCkgYW5kIChtYXgtd2lkdGg6IDgwMHB4KSB7XHJcbiAgICAgICAgLmN1c3RvbS1zY3JvbGwge1xyXG4gICAgICAgICAgICBtYXJnaW4tdG9wOjcycHg7XHJcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgICAgICB9XHJcbiAgICAgICAgYm9keSB7XHJcbiAgICAgICAgICAgIG92ZXJmbG93LXg6IGF1dG87XHJcbiAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogODAwcHgpIGFuZCAobWF4LXdpZHRoOiAxMDMwcHgpIHtcclxuICAgICAgICAuY3VzdG9tLXNjcm9sbCB7XHJcbiAgICAgICAgICAgIG1hcmdpbi10b3A6NzJweDtcclxuICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICAgIH1cclxuICAgICAgICBib2R5IHtcclxuICAgICAgICAgICAgb3ZlcmZsb3cteDogYXV0bztcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcblxyXG5cclxuIl19 */\"","import { Component } from '@angular/core';\r\nimport { TimeSheetService } from './services/timesheet.services';\r\nimport { Router, RouterModule } from '@angular/router';\r\nimport { Location } from \"@angular/common\";\r\nimport { BnNgIdleService } from 'bn-ng-idle';\r\nimport {ModelProfileComponent} from './model-profile/model-profile.component';\r\nimport {MatDialog,MatDialogRef, MAT_DIALOG_DATA} from \"@angular/material\"\r\n\r\n\r\nimport {element} from \"protractor\";\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './app.component.html',\r\n styleUrls: ['./app.component.css']\r\n})\r\nexport class AppComponent {\r\n title = 'HRMS';\r\n userSession: any;\r\n show: boolean = false\r\n user: any;\r\n access : any;\r\n isTask :any;\r\n isProject : any;\r\n isUser:any;\r\n isDepartment:any;\r\n isClient:any;\r\n isTimesheet:any;\r\n isReport:any;\r\n isMasterTable :any;\r\n isRoleAccess:any;\r\n isResource:any;\r\n pic:any;\r\n cName:any;\r\n constructor(private ts: TimeSheetService, private router: Router, private loc: Location,public dialog: MatDialog, private bnIdle: BnNgIdleService) {\r\n this.userSession = (JSON.parse(sessionStorage.getItem('user')))\r\n\r\n }\r\n logout() {\r\n sessionStorage.removeItem('user');\r\n this.user = null;\r\n this.loc.replaceState('');\r\n //this.router.navigate(['logout']);\r\n }\r\n\r\n ngOnInit() {\r\n if (sessionStorage.getItem('user') != null) {\r\n this.show = true;\r\n }\r\n else {\r\n }\r\n this.ts.getUsersById(this.userSession[0].id).subscribe((data) => {\r\n this.user = data\r\n this.user[1].forEach(element=>{\r\n this.access = element.accessScreenId\r\n if (this.access === 1){\r\n this.isClient = this.access;\r\n } if (this.access === 2){\r\n this.isDepartment = this.access;\r\n } if (this.access === 3){\r\n this.isProject = this.access;\r\n } if (this.access === 4){\r\n this.isTask = this.access;\r\n } if (this.access === 5){\r\n this.isTimesheet = this.access;\r\n } if (this.access === 6){\r\n this.isReport = this.access;\r\n } if (this.access === 7){\r\n this.isUser = this.access;\r\n }if (this.access === 8){\r\n this.isMasterTable = this.access;\r\n }if (this.access === 9){\r\n this.isRoleAccess = this.access;\r\n }if(this.access === 10){\r\n this.isResource = this.access;\r\n }\r\n\r\n })\r\n });\r\n\r\n this.bnIdle.startWatching(300).subscribe((res) => {\r\n if (res) {\r\n sessionStorage.removeItem('user');\r\n this.user = null;\r\n this.loc.replaceState('/login');\r\n window.location.href = '/login';\r\n }\r\n });\r\nthis.getProfileImage()\r\n\r\n }\r\n\r\n\r\n getProfileImage(){\r\n \r\n this.ts.getImage(this.userSession[0].id).subscribe((imageData) => {\r\n if(imageData.companyShortName == 'Sanela'){ \r\n this.cName = false; \r\n \r\n }else { \r\n this.cName = true; \r\n \r\n } \r\n if(imageData.success){\r\n let TYPED_ARRAY = new Uint8Array(imageData.image.data);\r\n const STRING_CHAR = TYPED_ARRAY.reduce((data, byte)=> {\r\n return data + String.fromCharCode(byte);\r\n }, '');\r\n\r\n let base64String= btoa(STRING_CHAR)\r\n this.pic='data:image/png;base64,'+base64String;\r\n\r\n\r\n }else{\r\n this.pic='../assets/images/user.png';\r\n }\r\n\r\n });\r\n }\r\n\r\n openDialog() {\r\n const dialogRef = this.dialog.open(ModelProfileComponent);\r\n\r\n dialogRef.afterClosed().subscribe(result => {\r\n if(result){\r\n this.getProfileImage()\r\n }\r\n });\r\n }\r\n}\r\n","import { BrowserModule } from '@angular/platform-browser';\r\nimport { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { AppComponent } from './app.component';\r\nimport { UsersComponent } from './users/users.component';\r\nimport { AppRoutingModule } from './app-routing.module';\r\nimport {APP_BASE_HREF} from '@angular/common';\r\nimport { DepartmentsComponent } from './departments/departments.component';\r\nimport { LoginComponent } from './login/login.component';\r\nimport { ProjectComponent } from './project/project.component';\r\nimport { ClientsComponent } from './clients/clients.component';\r\nimport { TaskentryComponent } from './taskentry/taskentry.component';\r\nimport { TimesheetentryComponent } from './timesheetentry/timesheetentry.component';\r\nimport {BsDatepickerModule } from 'ngx-bootstrap/datepicker';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { DashboardComponent } from './dashboard/dashboard.component'; \r\nimport {BrowserAnimationsModule} from '@angular/platform-browser/animations'\r\nimport { ScheduleModule } from '@syncfusion/ej2-angular-schedule';\r\nimport { ButtonModule } from '@syncfusion/ej2-angular-buttons';\r\nimport { DayService, WeekService, WorkWeekService, MonthService, AgendaService, MonthAgendaService} from '@syncfusion/ej2-angular-schedule';\r\nimport { TimesheetComponent } from './timesheet/timesheet.component';\r\nimport { LogoutComponent } from './logout/logout.component';\r\nimport { ChangePasswordComponent } from './change-password/change-password.component';\r\n// import { ToastrModule } from 'ngx-toastr';\r\nimport { ToastrModule } from 'ng6-toastr-notifications';\r\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\r\nimport {DragDropModule} from '@angular/cdk/drag-drop';\r\n\r\nimport { MessageService } from 'primeng/api';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { HomeComponent } from './home/home.component';\r\nimport { MenuComponent } from './menu/menu.component';\r\nimport { ForgotPasswordComponent } from './forgot-password/forgot-password.component';\r\nimport { RecoverPasswordComponent } from './recover-password/recover-password.component';\r\nimport { DatatableComponent } from './datatable/datatable.component';\r\nimport { HolidaysComponent } from './holidays/holidays.component';\r\nimport { ChartModule } from 'primeng/chart';\r\nimport { DatePipe } from '@angular/common';\r\nimport { TaskphaseComponent } from './taskphase/taskphase.component';\r\nimport { MatInputModule, MatPaginatorModule, MatProgressSpinnerModule, \r\n MatSortModule, MatTableModule,MatButtonModule, MatFormFieldModule, MatRadioModule, MatSelectModule, MatToolbarModule,MatRippleModule,MatSliderModule} from \"@angular/material\";\r\n import { BnNgIdleService } from 'bn-ng-idle';\r\nimport { RegisterComponent } from './register/register.component';\r\nimport {MatStepperModule } from '@angular/material/stepper';\r\nimport {MatIconModule} from '@angular/material/icon';\r\nimport { ParticlesModule } from 'angular-particle';\r\nimport { ModalModule } from 'ngx-bootstrap/modal';\r\nimport {MatSlideToggleModule} from '@angular/material/slide-toggle';\r\nimport { ProfileComponent } from './profile/profile.component';\r\nimport { BackButtonDisableModule } from 'angular-disable-browser-back-button';\r\nimport {SampleAccessGuard} from './sample-access.guard';\r\nimport { MastertsbleComponent } from './mastertsble/mastertsble.component';\r\nimport { RoleAccessComponent } from './role-access/role-access.component';\r\nimport { ResourceComponent } from './resource/resource.component';\r\nimport {MatDialogModule} from '@angular/material/dialog';\r\n// import { MatButtonModule } from '@angular/material/button';\r\n// import { MatDialogModule } from '@angular/material/dialog';\r\nimport { ColorPickerModule } from 'ngx-color-picker';\r\nimport { LeaveComponent } from './leave/leave.component';\r\nimport { ModelProfileComponent } from './model-profile/model-profile.component';\r\n// import { ModelRegistratinComponent } from './model-registratin/model-registratin.component';\r\nimport { ModelRegistrationComponent } from './model-registration/model-registration.component';\r\nimport { SubscriptionConfirmationComponent } from './subscription-confirmation/subscription-confirmation.component';\r\nimport { NgMultiSelectDropDownModule } from 'ng-multiselect-dropdown';\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n\r\n AppComponent,\r\n UsersComponent,\r\n DepartmentsComponent,\r\n LoginComponent,\r\n ProjectComponent,\r\n ClientsComponent,\r\n TaskentryComponent,\r\n TimesheetentryComponent,\r\n DashboardComponent,\r\n TimesheetComponent,\r\n LogoutComponent,\r\n ChangePasswordComponent,\r\n HomeComponent,\r\n MenuComponent,\r\n ForgotPasswordComponent,\r\n RecoverPasswordComponent,\r\n DatatableComponent,\r\n HolidaysComponent,\r\n TaskphaseComponent,\r\n RegisterComponent,\r\n ProfileComponent,\r\n MastertsbleComponent,\r\n RoleAccessComponent,\r\n ResourceComponent,\r\n LeaveComponent,\r\n ModelProfileComponent,\r\n // ModelRegistratinComponent,\r\n ModelRegistrationComponent,\r\n SubscriptionConfirmationComponent,\r\n\r\n\r\n ],\r\n imports: [ChartModule,\r\n MatInputModule,\r\n MatTableModule,\r\n MatDialogModule,\r\n MatPaginatorModule,\r\n MatSortModule,\r\n MatProgressSpinnerModule,\r\n MatFormFieldModule, MatRadioModule, MatSelectModule, MatToolbarModule,\r\n MatStepperModule,\r\n MatButtonModule,\r\n MatRippleModule,\r\n MatIconModule,\r\n MatSliderModule,\r\n MatSlideToggleModule,\r\n DragDropModule,\r\n ParticlesModule,\r\n ModalModule,\r\n BrowserModule,\r\n NgMultiSelectDropDownModule.forRoot(),\r\n ColorPickerModule,\r\n AppRoutingModule, BsDatepickerModule.forRoot(),\r\n HttpClientModule,\r\n BrowserAnimationsModule, \r\n ScheduleModule,\r\n ButtonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n ToastrModule.forRoot(), ],\r\n providers: [{provide: APP_BASE_HREF, useValue: ''},DayService, DatePipe,SampleAccessGuard,\r\n WeekService, \r\n WorkWeekService, \r\n MonthService,\r\n AgendaService,\r\n MonthAgendaService,ToastrService,MessageService,BnNgIdleService],\r\n bootstrap: [AppComponent],\r\n entryComponents: [\r\n ModelRegistrationComponent\r\n ]\r\n})\r\nexport class AppModule { }\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NoYW5nZS1wYXNzd29yZC9jaGFuZ2UtcGFzc3dvcmQuY29tcG9uZW50LmNzcyJ9 */\"","import { Component, OnInit, ViewChild } from '@angular/core';\r\nimport {changePassword} from '../models/changePassword';\r\nimport {TimeSheetService} from '../services/timesheet.services';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\n\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './change-password.component.html',\r\n styleUrls: ['./change-password.component.css']\r\n})\r\nexport class ChangePasswordComponent implements OnInit {\r\n changePasswordAddObj: changePassword;\r\n userSession:any;\r\n notify:any;\r\n confirmPassword:any\r\n constructor(private ts: TimeSheetService,public toastr: ToastrManager ) {\r\n this.changePasswordAddObj = new changePassword();\r\n }\r\n @ViewChild(\"chngfrm\", {static: true}) form: any;\r\n\r\n changepassword(){\r\n this.changePasswordAddObj.empId=this.userSession[0].id\r\n if(this.changePasswordAddObj.confirmPassword===this.changePasswordAddObj.newPassword){\r\n this.ts.changepassword(this.changePasswordAddObj).subscribe((data) => {\r\n\r\n this.toastr.infoToastr(data.message);\r\n this.form.reset();\r\n\r\n })\r\n\r\n }\r\n else{\r\n this.toastr.errorToastr(\"Must enter the new password and confirm password same\");\r\n\r\n }\r\n }\r\n ngOnInit() {\r\n this.userSession = (JSON.parse(sessionStorage.getItem('user')))\r\n\r\n }\r\n\r\n}\r\n","module.exports = \"\\r\\n\\r\\nbutton{\\r\\n border-color: aliceblue;\\r\\n}\\r\\ninput{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\ninput:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\nselect{\\r\\n border-color: #A0BEC5!important;\\r\\n}\\r\\nselect:hover{\\r\\n border-color: rgb(55, 189, 219)!important;\\r\\n}\\r\\ntable {\\r\\n width: 100%;\\r\\n }\\r\\nth{\\r\\n color:#010101!important;\\r\\n border-bottom-style: solid!important;\\r\\n\\r\\n}\\r\\ntd{\\r\\n border-bottom-style: groove!important;\\r\\n}\\r\\n.mat-cell {\\r\\n color: rgb(133, 128, 128);\\r\\n }\\r\\n.mat-header-cell {\\r\\n background-color: #2122228a;\\r\\n text-transform: capitalize;\\r\\n font-size: 1em;\\r\\n color: rgb(145, 130, 130);\\r\\n }\\r\\n.mat-header-cell h6 {\\r\\n font-weight: bold;\\r\\n text-transform: capitalize;\\r\\n }\\r\\n.mat-paginator {\\r\\n background-color: whitesmoke;\\r\\n color: rgb(0, 0, 0);\\r\\n font: weight 1;\\r\\n }\\r\\n.mat-table {\\r\\n background-color: #58184500;\\r\\n \\r\\n }\\r\\nbutton.excel{\\r\\n background-color: dodgerblue;\\r\\n float: right;\\r\\n border-radius: 10px;\\r\\n\\r\\n}\\r\\n.dropbtn {\\r\\n background-color: dodgerblue;\\r\\n color: white;\\r\\n border-radius: 10px;\\r\\n min-width: 120px;\\r\\n padding: 10px;\\r\\n /*font-size: 16px;*/\\r\\n border: none;\\r\\n}\\r\\n.dropdown {\\r\\n position: relative;\\r\\n display: inline-block;\\r\\n}\\r\\n.dropdown-content {\\r\\n display: none;\\r\\n position: absolute;\\r\\n background-color: #f1f1f1;\\r\\n min-width: 120px;\\r\\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\\r\\n z-index: 1;\\r\\n}\\r\\n.dropdown-content a {\\r\\n color: black;\\r\\n padding: 12px 16px;\\r\\n text-decoration: none;\\r\\n display: block;\\r\\n}\\r\\n.dropdown-content a:hover {background-color: #ddd;}\\r\\n.dropdown:hover .dropdown-content {display: block;}\\r\\n.dropdown:hover .dropbtn {background-color:dodgerblue ;}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY2xpZW50cy9jbGllbnRzLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFFQTtJQUNJLHVCQUF1QjtBQUMzQjtBQUNBO0lBQ0ksZ0NBQWdDO0FBQ3BDO0FBRUE7SUFDSSx5Q0FBeUM7QUFDN0M7QUFDQTtJQUNJLGdDQUFnQztBQUNwQztBQUVBO0lBQ0kseUNBQXlDO0FBQzdDO0FBSUE7SUFDSSxXQUFXO0VBQ2I7QUFHQTtJQUNFLHVCQUF1QjtJQUN2QixvQ0FBb0M7O0FBRXhDO0FBRUE7SUFDSSxxQ0FBcUM7QUFDekM7QUFDRTtJQUNFLHlCQUF5QjtFQUMzQjtBQUNBO0lBQ0UsNEJBQTRCO0lBQzVCLDBCQUEwQjtJQUMxQixlQUFlO0lBQ2YseUJBQXlCO0VBQzNCO0FBQ0E7SUFDRSxpQkFBaUI7SUFDakIsMEJBQTBCO0VBQzVCO0FBQ0E7SUFDRSw0QkFBNEI7SUFDNUIsbUJBQW1CO0lBQ25CLGNBQWM7RUFDaEI7QUFDQTtJQUNFLDJCQUEyQjs7RUFFN0I7QUFDQTtJQUNFLDRCQUE0QjtJQUM1QixZQUFZO0lBQ1osbUJBQW1COztBQUV2QjtBQUNBO0VBQ0UsNEJBQTRCO0VBQzVCLFlBQVk7RUFDWixtQkFBbUI7RUFDbkIsZ0JBQWdCO0VBQ2hCLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsWUFBWTtBQUNkO0FBRUE7RUFDRSxrQkFBa0I7RUFDbEIscUJBQXFCO0FBQ3ZCO0FBRUE7RUFDRSxhQUFhO0VBQ2Isa0JBQWtCO0VBQ2xCLHlCQUF5QjtFQUN6QixnQkFBZ0I7RUFDaEIsNENBQTRDO0VBQzVDLFVBQVU7QUFDWjtBQUVBO0VBQ0UsWUFBWTtFQUNaLGtCQUFrQjtFQUNsQixxQkFBcUI7RUFDckIsY0FBYztBQUNoQjtBQUVBLDJCQUEyQixzQkFBc0IsQ0FBQztBQUVsRCxtQ0FBbUMsY0FBYyxDQUFDO0FBRWxELDBCQUEwQiw0QkFBNEIsQ0FBQyIsImZpbGUiOiJzcmMvYXBwL2NsaWVudHMvY2xpZW50cy5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiXHJcblxyXG5idXR0b257XHJcbiAgICBib3JkZXItY29sb3I6IGFsaWNlYmx1ZTtcclxufVxyXG5pbnB1dHtcclxuICAgIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG59XHJcblxyXG5pbnB1dDpob3ZlcntcclxuICAgIGJvcmRlci1jb2xvcjogcmdiKDU1LCAxODksIDIxOSkhaW1wb3J0YW50O1xyXG59XHJcbnNlbGVjdHtcclxuICAgIGJvcmRlci1jb2xvcjogICNBMEJFQzUhaW1wb3J0YW50O1xyXG59XHJcblxyXG5zZWxlY3Q6aG92ZXJ7XHJcbiAgICBib3JkZXItY29sb3I6IHJnYig1NSwgMTg5LCAyMTkpIWltcG9ydGFudDtcclxufVxyXG5cclxuXHJcblxyXG50YWJsZSB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICB9XHJcblxyXG5cclxuICB0aHtcclxuICAgIGNvbG9yOiMwMTAxMDEhaW1wb3J0YW50O1xyXG4gICAgYm9yZGVyLWJvdHRvbS1zdHlsZTogc29saWQhaW1wb3J0YW50O1xyXG5cclxufVxyXG5cclxudGR7XHJcbiAgICBib3JkZXItYm90dG9tLXN0eWxlOiBncm9vdmUhaW1wb3J0YW50O1xyXG59XHJcbiAgLm1hdC1jZWxsIHtcclxuICAgIGNvbG9yOiByZ2IoMTMzLCAxMjgsIDEyOCk7XHJcbiAgfVxyXG4gIC5tYXQtaGVhZGVyLWNlbGwge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogICMyMTIyMjI4YTtcclxuICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xyXG4gICAgZm9udC1zaXplOiAgMWVtO1xyXG4gICAgY29sb3I6IHJnYigxNDUsIDEzMCwgMTMwKTtcclxuICB9XHJcbiAgLm1hdC1oZWFkZXItY2VsbCBoNiB7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xyXG4gIH1cclxuICAubWF0LXBhZ2luYXRvciB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xyXG4gICAgY29sb3I6IHJnYigwLCAwLCAwKTtcclxuICAgIGZvbnQ6IHdlaWdodCAxO1xyXG4gIH1cclxuICAubWF0LXRhYmxlIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM1ODE4NDUwMDtcclxuICAgIFxyXG4gIH1cclxuICBidXR0b24uZXhjZWx7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBkb2RnZXJibHVlO1xyXG4gICAgZmxvYXQ6IHJpZ2h0O1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcclxuXHJcbn1cclxuLmRyb3BidG4ge1xyXG4gIGJhY2tncm91bmQtY29sb3I6IGRvZGdlcmJsdWU7XHJcbiAgY29sb3I6IHdoaXRlO1xyXG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcbiAgbWluLXdpZHRoOiAxMjBweDtcclxuICBwYWRkaW5nOiAxMHB4O1xyXG4gIC8qZm9udC1zaXplOiAxNnB4OyovXHJcbiAgYm9yZGVyOiBub25lO1xyXG59XHJcblxyXG4uZHJvcGRvd24ge1xyXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbn1cclxuXHJcbi5kcm9wZG93bi1jb250ZW50IHtcclxuICBkaXNwbGF5OiBub25lO1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjFmMWYxO1xyXG4gIG1pbi13aWR0aDogMTIwcHg7XHJcbiAgYm94LXNoYWRvdzogMHB4IDhweCAxNnB4IDBweCByZ2JhKDAsMCwwLDAuMik7XHJcbiAgei1pbmRleDogMTtcclxufVxyXG5cclxuLmRyb3Bkb3duLWNvbnRlbnQgYSB7XHJcbiAgY29sb3I6IGJsYWNrO1xyXG4gIHBhZGRpbmc6IDEycHggMTZweDtcclxuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XHJcbiAgZGlzcGxheTogYmxvY2s7XHJcbn1cclxuXHJcbi5kcm9wZG93bi1jb250ZW50IGE6aG92ZXIge2JhY2tncm91bmQtY29sb3I6ICNkZGQ7fVxyXG5cclxuLmRyb3Bkb3duOmhvdmVyIC5kcm9wZG93bi1jb250ZW50IHtkaXNwbGF5OiBibG9jazt9XHJcblxyXG4uZHJvcGRvd246aG92ZXIgLmRyb3BidG4ge2JhY2tncm91bmQtY29sb3I6ZG9kZ2VyYmx1ZSA7fSJdfQ== */\"","import { Component, OnInit,ElementRef } from '@angular/core';\r\nimport { clients } from '../models/clients';\r\nimport { TimeSheetService } from '../services/timesheet.services';\r\nimport { ToastrManager } from 'ng6-toastr-notifications';\r\nimport {ViewChild} from '@angular/core';\r\nimport { MatSort, MatTableDataSource} from '@angular/material';\r\nimport {MatPaginator} from '@angular/material/paginator';\r\nimport {NgForm} from \"@angular/forms\";\r\n\r\nimport { TableUtil } from '../tableUtil';\r\n\r\nimport * as jsPDF from 'jspdf';\r\nimport 'jspdf-autotable';\r\nimport html2canvas from 'html2canvas';\r\n\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './clients.component.html',\r\n styleUrls: ['./clients.component.css']\r\n})\r\nexport class ClientsComponent implements OnInit {\r\n clientsAddObj: clients;\r\n clientDetails:any;\r\n flag:any=true;\r\n flag1:any=false;\r\n length:any;\r\n status:any=[];\r\n @ViewChild(\"cfrm\", {static: false}) form: NgForm;\r\n dataSource;\r\n @ViewChild(MatSort, { static: false }) sort: MatSort;\r\n @ViewChild(MatPaginator, { static: false }) paginator: MatPaginator;\r\n @ViewChild('client', { static: false }) client: ElementRef;\r\n\r\n displayedColumns = ['slNo','name', 'address1', 'address2', 'address3', 'act']\r\n constructor(private ts:TimeSheetService,public toastr: ToastrManager){\r\n this.clientsAddObj = new clients();\r\n }\r\n applyFilter(filterValue: string) {\r\n filterValue = filterValue.trim();\r\n filterValue = filterValue.toLowerCase();\r\n this.dataSource.filter = filterValue;\r\n }\r\n \r\nAdd(){\r\n this.flag=false;\r\n this.flag1=true;\r\n}\r\ngetStatus(){\r\n this.ts.getMastertable({'tableName':'status'}).subscribe((data) =>{\r\n for(var i = 0; i\\r\\n
\\r\\n \\r\\n
\\r\\n Users
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n \\r\\n \\r\\n
- Add \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | Sl No | \\r\\n{{i+1}} | \\r\\nEmployee Id | \\r\\n{{row.empId}} | \\r\\nName | \\r\\n{{row.empName}} | \\r\\nDesignation | \\r\\n{{row.Designation}} | \\r\\nManager | \\r\\n{{row.managername}} | \\r\\nDepartment | \\r\\n{{row.departmentName}} | \\r\\nContact Number | \\r\\n{{row.contactNumber}} | \\r\\nStatus | \\r\\n{{row.statusName}} | \\r\\n
|---|