API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 2nd, 2015
216
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.69 KB | None | 0 0
raw download clone embed print report
  1. @extends ('layouts.master')
  2.  
  3. @section ('head.title')
  4. {{trans('messages.list_group')}}
  5. @stop
  6.  
  7. @section ('head.css')
  8. <link href="{{ Asset('plugins/datatables/dataTables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
  9. <script type="text/javascript" src="{{ Asset('jquery-accessible-tabs/jquery.accTabs.min.js') }}" ></script>
  10. <link rel="stylesheet" type="text/css" href="{{ Asset('jquery-accessible-tabs/jquery-accessible-tabs.css') }}">
  11.  
  12. <script type="text/javascript" src="{{ Asset('jquery-ui/jquery-ui.js') }}" ></script>
  13. <link rel="stylesheet" type="text/css" href="{{ Asset('jquery-ui/jquery-ui.css') }}">
  14.  
  15. <script src="{{ Asset('jquerycrop/js/jquery.Jcrop.min.js') }}"></script>
  16. <link rel="stylesheet" href="{{ Asset('jquerycrop/css/jquery.Jcrop.css') }}" type="text/css" />
  17.  
  18. <script src="{{ Asset('bootstrap-datepicker/bootstrap-datepicker.js') }}"></script>
  19. <link rel="stylesheet" href="{{ Asset('bootstrap-datepicker/bootstrap-datepicker.css') }}" type="text/css" />
  20. <style type="text/css">
  21. textarea {
  22. resize: none;
  23. }
  24. </style>
  25.  
  26. <script type="text/javascript">
  27. $(function(){
  28.  
  29. /*My Script Validate*/
  30. $.validator.setDefaults({
  31. errorPlacement: function (error, element) {
  32. if (element.parent('.input-group').length) {
  33. error.insertAfter(element.parent());
  34. } else if (element.hasClass('select2')) {
  35. error.insertAfter(element.next('span'));
  36. } else {
  37. error.insertAfter(element);
  38. }
  39. }
  40. }),
  41.  
  42. $.validator.addMethod("phone",function(value,element){
  43. return this.optional(element) || /(^\+[0-9]{2}|^\+[0-9]{2}\(0\)|^\(\+[0-9]{2}\)\(0\)|^00[0-9]{2}|^0)([0-9]{9}$|[0-9\-\s]{10}$)/.test(value);
  44. },"");
  45.  
  46. $.validator.addMethod("number",function(value,element){
  47. return this.optional(element) || /^[0-9]*$/.test(value);
  48. },"");
  49.  
  50. function constructJson(jsonKey, jsonValue){
  51. var jsonObj = {};
  52. jsonObj[jsonKey] = jsonValue;
  53. return jsonObj;
  54. }
  55. var res = {
  56. avatar : {
  57. accept: "image/*"
  58. },
  59. firstname: {
  60. required: true,
  61. minlength: 2
  62. },
  63. lastname: {
  64. required: true,
  65. minlength: 2
  66. },
  67. dateofbirth: {
  68. required: true
  69. },
  70. email: {
  71. required: true
  72. },
  73. address: {
  74. required: true
  75. },
  76. phone: {
  77. phone: true
  78. },
  79. employee_code: {
  80. required: true
  81. },
  82. 'company[]': {
  83. required: true
  84. },
  85. 'position[]': {
  86. required: true
  87. },
  88. 'projectname[]': {
  89. required: true
  90. },
  91. 'role[]': {
  92. required: true
  93. },
  94. 'skillset[]': {
  95. required: true
  96. },
  97. 'numberpeople[]': {
  98. number: true
  99. }
  100. };
  101.  
  102.  
  103. $("#formprofile").validate({
  104. ignore: [],
  105. rules: res,
  106. messages: {
  107. firstname: {
  108. required: "Please enter your first name",
  109. minlength: "Please enter more than 2 characters"
  110. },
  111. lastname: {
  112. required: "Please enter your last name",
  113. minlength: "Please enter more than 2 characters"
  114. },
  115. dateofbirth: {
  116. required: "Please enter your birthday"
  117. },
  118. email: {
  119. required: "Please enter your email"
  120. },
  121. address: {
  122. required: "Please enter your address"
  123. },
  124. employee_code: {
  125. required: "Please enter your employee code"
  126. },
  127. phone: {
  128. phone: "Please enter a valid value"
  129. },
  130. 'company[]': {
  131. required: "Please enter company name"
  132. },
  133. 'position[]': {
  134. required: "Please enter position name"
  135. },
  136. 'projectname[]': {
  137. required: "Please enter project name"
  138. },
  139. 'role[]': {
  140. required: "Please enter role"
  141. },
  142. 'skillset[]':{
  143. required: "Please enter skill set ultilized"
  144. },
  145. 'numberpeople[]': {
  146. number: "Please enter a valid number people"
  147. }
  148. }
  149. });
  150.  
  151. function existShowError($obj)
  152. {
  153. console.log($obj.parent().find('.error').length);
  154. if($obj.parent().find('.error').length != 0)
  155. {
  156. return true;
  157. }
  158. return false;
  159. }
  160.  
  161. $("#formprofile").submit(function( event ) {
  162. $('#tab_3 .edu_yearstart,#tab_3 .edu_yearend,#tab_3 .edu_education').each(function(key,value){
  163. if($(value).val() == "")
  164. {
  165. console.log('co vao');
  166. $(value).parent().append('<label class="error">This field is required.</label>');
  167. event.preventDefault();
  168. }
  169. });
  170. });
  171.  
  172. $("#formprofile").on('change keyup','input',function( event ) {
  173. $('.edu_yearstart,.edu_yearend,.edu_education').each(function(key,value){
  174. $(value).parent().find('.error').remove();
  175. });
  176. });
  177.  
  178. $('#tab_edu').on('change keyup','.calendar',function() {
  179. $(this).parent().find('.error').remove();
  180. var sanitized = $(this).val().replace(/[^0-9]/g, '');
  181. $(this).val(sanitized);
  182. });
  183.  
  184. $('#tab_edu').on('change keyup','.edu_education',function() {
  185. $(this).parent().find('.error').remove();
  186. });
  187.  
  188. var objvalidate = function(arrclass){
  189. this.counterror = 0;
  190. var self = this;
  191. $.each(arrclass,function(key,value){
  192. var nameclass = key;
  193. $('#tab_edu').on('focusout','.'+nameclass ,function(){
  194.  
  195. var valcal = $(this).val();
  196. var $this = $(this);
  197. if(self.existShowError($this)) return;
  198. $.each(value,function(k,v){
  199. console.log(self.runFunc(k,[valcal]));
  200. if(!self.runFunc(k,[valcal]))
  201. {
  202. self.counterror++;
  203. $this.parent().append('<label class="error">'+v+'</label>');
  204. }
  205. });
  206. });
  207. $('#tab_edu').on('keyup','.'+nameclass,function(){
  208. self.counterror = 0;
  209. $(this).parent().find('.error').remove();
  210. });
  211. });
  212. $( "#formprofile" ).submit(function( event ) {
  213. if(self.counterror != 0)
  214. {
  215. event.preventDefault();
  216. }
  217. });
  218. this.existShowError = function($obj)
  219. {
  220. // console.log($obj.parent().find('.error').length);
  221. if($obj.parent().find('.error').length != 0)
  222. {
  223. return true;
  224. }
  225. return false;
  226. },
  227. this.notEmpty = function(value)
  228. {
  229. return (value != '');
  230. },
  231. this.isNumber4Digit = function(value)
  232. {
  233. var reg = new RegExp('^[0-9]{4}$');
  234. return reg.test(value);
  235. },
  236. this.runFunc = function (name, arguments)
  237. {
  238. var fn = this[name];
  239. if(typeof fn !== 'function')
  240. return;
  241.  
  242. return fn.apply(window, arguments);
  243. }
  244.  
  245. }
  246. var param = {
  247. // edu_yearstart : { notEmpty : 'This field is required.',isNumber4Digit : 'This field is must 4 digit.' },
  248. // edu_yearend : { notEmpty : 'This field is required.',isNumber4Digit : 'This field is must 4 digit.' },
  249. // edu_education : { notEmpty : 'This field is required.'},
  250. position : { notEmpty : 'This field is required.' },
  251. company : { notEmpty : 'This field is required.' },
  252. }
  253. objvalidate(param);
  254.  
  255.  
  256. /*CROP IMAGE NGOC VERSION*/
  257. var jcrop_api = null;
  258. $( ".startdate" ).datepicker({
  259. format: 'dd/mm/yyyy'
  260. });
  261.  
  262. $( ".enddate" ).datepicker({
  263. format: 'dd/mm/yyyy'
  264. });
  265.  
  266. // $( "#dateofbirth" ).datepicker({dateFormat: "dd/mm/yy"});
  267. $("#dateofbirth").datepicker({format: 'dd/mm/yyyy'});
  268. // $('#tab_edu').on('datepicker','.calendar',function(){
  269.  
  270. // });
  271.  
  272. $( ".calendar" ).datepicker({format: 'yyyy', viewMode: "years",minViewMode :"years",autoclose : true ,focusOnShow : false, disableEntry: true});
  273.  
  274.  
  275. // $( "#dialog-resize" ).dialog({
  276. // width : 1100,
  277. // height : 550,
  278. // close: function( event, ui ) {
  279. // if(jcrop_api != null)
  280. // {
  281. // jcrop_api.destroy();
  282. // $('#imagecrop').removeAttr( "style" );
  283. // }
  284. // },
  285. // });
  286. $('#myModal').on('hidden.bs.modal', function () {
  287. if(jcrop_api != null)
  288. {
  289. jcrop_api.destroy();
  290. $('#imagecrop').removeAttr( "style" );
  291. }
  292. });
  293. //$( "#dialog-resize" ).dialog('close');
  294. $('input,select,textarea').prop("disabled", true);
  295. $('.action').hide();
  296. $('.addCompany, .removeCompany').hide();
  297. $('.addProject, .removeProject').hide();
  298. $('.delete_edu, .add_edu').hide();
  299. $('#inputlinkavatar').hide();
  300. $('.edit').click(function(e){
  301. $(this).prop("disabled", true);
  302. $('.addCompany, .removeCompany').show();
  303. $('.addProject, .removeProject').show();
  304. $('#inputlinkavatar').show();
  305. $('.delete_edu, .add_edu').show();
  306. $('input').prop("disabled", false);
  307. $('select').prop("disabled", false);
  308. $('textarea,a,i').prop("disabled", false);
  309. $('.action').show();
  310. e.preventDefault();
  311.  
  312. addSkill();
  313. return false;
  314. });
  315.  
  316. $('#avatar').on('change',function(e){
  317. var type_file = this.files[0].type;
  318. if(type_file.substr(0, 5) == 'image')
  319. {
  320. $('#dialog-resize').css({'display':'block','z-index':'9999'});
  321. $('.ui-front').css({'z-index':'9999'});
  322. //$( "#dialog-resize" ).dialog('open');
  323. $('#myModal').modal('show');
  324. readURL(this);
  325. }
  326. else
  327. {
  328. alert("Please choose image");
  329. }
  330. });
  331. var x,y,width,height;
  332.  
  333.  
  334. function readURL(input) {
  335. if (input.files && input.files[0]) {
  336. var reader = new FileReader();
  337. reader.onload = function (e) {
  338. console.log('da onload lai:'+ e.target.result);
  339. $('#imagecrop').attr('src', e.target.result);
  340.  
  341. $('#imagecrop').Jcrop({
  342. onSelect: showCoords,
  343. bgColor: 'black',
  344. bgOpacity: .4,
  345. setSelect: [ 100, 100, 50, 50 ],
  346. maxSize : [300,300],
  347.  
  348. },function(){
  349. jcrop_api = this;
  350. });
  351.  
  352. $('.btncropok').click(function(){
  353. $('#myModal').modal('hide');
  354. // $("#dialog-resize").dialog('close');
  355. jcrop_api.destroy();
  356. $('#imagecrop').removeAttr( "style" );
  357. $('.canvas').append('<canvas id="myCanvas" width="'+width+'" height="'+height+'" style="display:none;"></canvas>');
  358. var canvas = document.getElementById('myCanvas');
  359. var context = canvas.getContext('2d');
  360. var imageObj = new Image();
  361.  
  362. imageObj.onload = function() {
  363. // draw cropped image
  364. var sourceX = x;
  365. var sourceY = y;
  366. var sourceWidth = width;
  367. var sourceHeight = height;
  368. var destWidth = width;
  369. var destHeight = height;
  370. var destX = 0;
  371. var destY = 0;
  372.  
  373. context.drawImage(imageObj, sourceX, sourceY, sourceWidth, sourceHeight, destX, destY, destWidth, destHeight);
  374. };
  375. imageObj.src = e.target.result;
  376.  
  377. setTimeout(function(){
  378. var dataURL = canvas.toDataURL("image/png");
  379. $('input[name="imageup"]').val(dataURL);
  380. // $('form').append('<input type="hidden" name="imageup" value="'+dataURL+'"/>');
  381. document.getElementById('avatarimg').src = dataURL;
  382. $('#myCanvas').remove();
  383. },50);
  384.  
  385. });
  386. $('.btncropcancel').click(function(){
  387. // $("#dialog-resize").dialog('close');
  388. $('#myModal').modal('hide');
  389. jcrop_api.destroy();
  390. $('#imagecrop').removeAttr( "style" );
  391. });
  392. }
  393. //console.log(input.files[0]);
  394. reader.readAsDataURL(input.files[0]);
  395. }
  396. }
  397.  
  398. function showCoords(c)
  399. {
  400. // variables can be accessed here as
  401. // c.x, c.y, c.x2, c.y2, c.w, c.h
  402. x = c.x;
  403. y = c.y;
  404. width = c.w;
  405. height = c.h;
  406. console.log(c.x+"|"+c.y+"|"+c.x2+"|"+c.y2+"|"+c.w+"|"+c.h);
  407. };
  408.  
  409. $('.cancel').click(function(){
  410. $('input,select,textarea,i').prop("disabled", true);
  411. $('.addCompany, .removeCompany').hide();
  412. $('.addProject, .removeProject').hide();
  413. $('#inputlinkavatar').hide();
  414. $('.delete_edu, .add_edu').hide();
  415. $('.action').hide();
  416. $('.add-skill').parents('tr').remove();
  417. $('.edit').prop("disabled", false);
  418. });
  419.  
  420.  
  421. /*ADD COMPANY*/
  422. $(document).on('click', '.addCompany', function(){
  423. $('#addcompany').append('<div id="area-add-company" class="box box-info"> <div class="box-header"> <div class="box-tools pull-right"> <button class="btn btn-danger removeCompany" title="Remove company" style="width:25px; height:30px; padding:5px 2px;"><i class="fa fa-remove"></i></button> </div> </div> <div class="box-body"> <div class="col-md-6"> <div class="form-group"> <label for="company">Company Name</label> <input type="text" name="company[]" class="form-control company" id="company"> </div> <div class="form-group"> <label for="position">Position</label> <input type="text" name="position[]" class="form-control" id="position"> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label for="startdate">Start Date</label> <input type="text" name="startdate[]" class="form-control startdate" id="startdate"> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="enddate">End Date</label> <input type="text" name="enddate[]" class="form-control enddate" id="enddate"> </div> </div> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="mainduties">Main Duties</label> <TEXTAREA name="mainduties[]" id="mainduties" rows="7" class="form-control"></TEXTAREA> </div> </div> </div> </div>');
  424. $( ".startdate" ).datepicker({
  425. format: 'dd/mm/yyyy'
  426. });
  427.  
  428. $( ".enddate" ).datepicker({
  429. format: 'dd/mm/yyyy'
  430. });
  431.  
  432. $("html, body").animate({ scrollTop: $(document).height() }, 1200);
  433. return false;
  434. });
  435.  
  436. $(document).on('click', '.removeCompany', function(){
  437. $(this).parent().parent().parent().remove();
  438. return false;
  439. });
  440.  
  441. /*ADD PROJECT*/
  442. $(document).on('click', '.addProject', function(){
  443. $('#addproject').append('<div id="area-add-project" class="box box-info"> <div class="box-header"> <div class="box-tools pull-right"> <button class="btn btn-danger removeProject" title="Remove project" style="width:25px; height:30px; padding:5px 2px;"><i class="fa fa-remove"></i></button> </div> </div> <div class="box-body"> <div class="col-md-6"> <div class="form-group"> <label for="projectname">Project Name</label> <input type="text" name="projectname[]" class="form-control" id="projectname"> </div> <div class="form-group"> <label for="customername">Customer Name</label> <input type="text" name="customername[]" class="form-control" id="customername"> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label for="role">Role</label> <input type="text" name="role[]" class="form-control" id="role"> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="numberpeople">Number People</label> <input type="text" name="numberpeople[]" class="form-control" id="numberpeople"> </div> </div> </div> <div class="form-group"> <label for="projectperiod">Project Period</label> <input type="text" name="projectperiod[]" class="form-control" id="projectperiod"> </div> <div class="form-group"> <label for="skillset">Skill Set</label> <input type="text" name="skillset[]" class="form-control" id="skillset"> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="projectdescription">Project Description</label> <TEXTAREA name="projectdescription[]" id="projectdescription" rows="15" class="form-control"></TEXTAREA> </div> </div> </div> </div>');
  444. $("html, body").animate({ scrollTop: $(document).height() }, 1200);
  445. return false;
  446. });
  447.  
  448. $(document).on('click', '.removeProject', function(){
  449. $(this).parent().parent().parent().remove();
  450. return false;
  451. })
  452.  
  453. });
  454. </script>
  455. @stop
  456. @section('body.content')
  457.  
  458. <div class="content-wrapper">
  459. <section class="content-header">
  460. <h1>
  461. {{trans('messages.employee_manager')}}
  462. </h1>
  463. <ol class="breadcrumb">
  464. <li><a href="{{ route('index') }}"><i class="fa fa-dashboard"></i> {{trans('messages.dashboard')}}</a></li>
  465. <li><a href="{{ route('employee.index') }}">{{trans('messages.employee')}}</a></li>
  466. <li class="active">{{trans('messages.profile')}}</li>
  467. </ol>
  468. </section>
  469. <div class="canvas">
  470.  
  471. </div>
  472.  
  473. <!-- NGOC - DIALOG RESIZE ANH -->
  474. <!-- <div id="dialog-resize" style="display:none">
  475. <div class="inner">
  476. <div class="img row">
  477. <div class="col-md-10 wrapimage">
  478. <img src="" id="imagecrop"/>
  479. </div>
  480. <div class="col-md-2">
  481. <button class="btn btn-primary btncropok">Ok</button>
  482. <button class="btn btn-primary btncropcancel">Cancel</button>
  483. </div>
  484. </div>
  485. </div>
  486. </div> -->
  487.  
  488. <!-- Modal -->
  489. <div id="myModal" class="modal fade" role="dialog">
  490. <div class="modal-dialog">
  491.  
  492. <!-- Modal content-->
  493. <div class="modal-content">
  494.  
  495. <div class="modal-header">
  496. <button type="button" class="close" data-dismiss="modal">&times;</button>
  497. <h4 class="modal-title">Crop Avatar</h4>
  498. </div>
  499.  
  500. <div class="modal-body">
  501. <div class="inner">
  502. <div class="img row">
  503. <div class="col-md-12 wrapimage">
  504. <img src="" id="imagecrop"/>
  505. </div>
  506. </div>
  507. </div><!-- .inner -->
  508. </div>
  509.  
  510. <div class="modal-footer">
  511. <div class="img row">
  512. <div class="col-md-9">
  513.  
  514. </div>
  515. <div class="col-md-3">
  516. <button class="btn btn-primary btncropok" style="margin-right:-4px;">Save</button>
  517. <button class="btn btn-primary btncropcancel">Cancel</button>
  518. </div>
  519. </div>
  520. </div>
  521.  
  522. </div>
  523. </div>
  524. </div>
  525. <!-- end Modal -->
  526. <section class="content">
  527. <div class="row">
  528. <div class="col-xs-12">
  529. <div class="box box-primary">
  530. <div class="box-header">
  531. <h3 class="box-title">{{trans('messages.profile')}}</h3>
  532. </div>
  533. <div class="box-body">
  534. <form action="{{ route('profiles.store') }}" method="POST" id="formprofile">
  535. <input type="hidden" name="_token" value="{{ csrf_token() }}">
  536. <input type="hidden" name="imageup"/>
  537. <div class="header-tabs row">
  538. <div class="col-md-8"></div>
  539. <div class="col-md-4" style="margin-bottom: 12px;padding-left: 168px">
  540.  
  541.  
  542. <a href="{{ route('print.show',$employee->id) }}" class='btn btn-primary export' style="margin-right:2px;" >Export</a>
  543.  
  544. <a href="{{ route('printpreview.show',$employee->id) }}" class='btn btn-primary print' style="margin-right:1px;" >Print</a>
  545. <button class='btn btn-primary edit'>Edit</button>
  546.  
  547. </div>
  548. </div>
  549.  
  550. <!-- Thay giao dien -->
  551. <div class="nav-tabs-custom">
  552. <ul class="nav nav-tabs">
  553. <li class="active"><a href="#tab_1" data-toggle="tab" aria-expanded="true">{{ trans('messages.personal_information') }}</a></li>
  554. <li class=""><a href="#tab_2" data-toggle="tab" aria-expanded="false">{{ trans('messages.skills') }}</a></li>
  555. <li class=""><a href="#tab_3" data-toggle="tab" aria-expanded="false">{{ trans('messages.educations') }}</a></li>
  556. <li class=""><a href="#tab_4" data-toggle="tab" aria-expanded="false">Working Experiences</a></li>
  557. <li class=""><a href="#tab_5" data-toggle="tab" aria-expanded="false">Taken Project</a></li>
  558. </ul>
  559. <div class="tab-content">
  560. <div class="tab-pane active" id="tab_1">
  561. <div class="box box-info">
  562. <div class="inner row">
  563. <div class="col-md-6">
  564. <div class="form-group" style="margin-top:10px;">
  565. <label for="employee_code">{{trans('messages.employee_code')}}<span class="text-red">*</span></label>
  566. <input type="text" name="employee_code" class="form-control" id="employee_code" value="{{ $employee->employee_code }}">
  567. </div>
  568. <div class="form-group">
  569. <label for="firstname">{{trans('messages.firstname')}}<span class="text-red">*</span></label>
  570. <input type="text" name="firstname" class="form-control" id="firstname" value="{{ $employee->firstname }}">
  571. </div>
  572. <div class="form-group">
  573. <label for="lastname">{{trans('messages.lastname')}}<span class="text-red">*</span></label>
  574. <input type="text" name="lastname" class="form-control" id="lastname" value="{{ $employee->lastname }}">
  575. </div>
  576.  
  577. <div class="form-group">
  578. <label for="gender">{{trans('messages.gender')}}<span class="text-red">*</span></label>
  579. <select class="form-control" name="gender" id="gender">
  580. <option value="0">{{trans('messages.male')}}</option>
  581. <option value="1">{{trans('messages.female')}}</option>
  582. </select>
  583. </div>
  584.  
  585. <div class="form-group">
  586. <label for="dateofbirth">{{trans('messages.date_of_birth')}}<span class="text-red">*</span></label>
  587. <input class="form-control" name="dateofbirth" id="dateofbirth" value="{{ $employee->date_of_birth }}"/>
  588. </div>
  589.  
  590. <div class="form-group">
  591. <label for="nationality">{{trans('messages.nationality')}}<span class="text-red">*</span></label>
  592. <select name="nationality" class="form-control">
  593. @foreach($nationalities as $value)
  594. @if ($value->id == $employee->nationality)
  595. <option value="{{$value->id}}" selected>{{$value->name}}</option>
  596. @else
  597. <option value="{{$value->id}}">{{$value->name}}</option>
  598. @endif
  599. @endforeach
  600. </select>
  601. </div>
  602.  
  603. <div class="form-group">
  604. <label for="email">{{trans('messages.email')}}<span class="text-red">*</span></label>
  605. <input type="email" name="email" class="form-control" id="email" value="{{ $employee->email }}">
  606. </div>
  607.  
  608. <div class="form-group">
  609. <label for="phone">{{trans('messages.phone')}}<span class="text-red">*</span></label>
  610. <input type="text" name="phone" class="form-control" id="phone" value="{{ $employee->phone }}">
  611. </div>
  612.  
  613. <div class="form-group">
  614. <label for="position">Position<span class="text-red">*</span></label>
  615. <select name="position" class="form-control">
  616. @foreach($positions as $value)
  617. @if ($value->id == $employee->position_id)
  618. <option value="{{$value->id}}" selected>{{$value->name}}</option>
  619. @else
  620. <option value="{{$value->id}}">{{$value->name}}</option>
  621. @endif
  622. @endforeach
  623. </select>
  624. </div>
  625.  
  626. </div>
  627. <div class="col-md-6">
  628. <div class="form-group wrap-avatar" style="margin-top:10px">
  629. <label for="avatar">{{trans('messages.avatar')}}</label><br>
  630. <?php if($employee->avatar == null) { ?>
  631. <img src="{{ Asset('avatar/avatar-default') }}" style="border:1px solid black;" id="avatarimg" width="160" height="160" />
  632. <?php } else { ?>
  633. <img src="{{ Asset($employee->avatar) }}" style="border:1px solid black;" id="avatarimg" width="160" height="160" />
  634. <?php
  635. }
  636. ?>
  637.  
  638. <input id="avatar" name="avatar" type="file" value="{{ $employee->avatar }}" style="display:none;" accept="image/*" />
  639. <p style="margin:0px;margin-bottom:-5px;display:block;height:26px"><input type="button" value="Browse..." onclick="document.getElementById('avatar').click();" id="inputlinkavatar" /></p>
  640. <input type="hidden" name="avatar_save" value="{{ $employee->avatar }}"/>
  641. </div>
  642. <div class="form-group">
  643. <label for="address">{{trans('messages.address')}}<span class="text-red">*</span></label>
  644. <input type="text" name="address" class="form-control" id="address" value="{{ $employee->address }}">
  645. </div>
  646.  
  647. <div class="form-group">
  648. <label for="career_objective">{{trans('messages.career_objective')}}</label>
  649. <input type="text" name="career_objective" class="form-control" id="career_objective" value="{{ $employee->career_objective }}">
  650. </div>
  651.  
  652. <div class="form-group">
  653. <label for="hobbies">{{trans('messages.hobby')}}</label>
  654. <input type="text" name="hobbies" class="form-control" id="hobbies" value="{{ $employee->hobbies }}" />
  655. </div>
  656.  
  657. <div class="form-group">
  658. <label for="achievement_awards">{{trans('messages.award_achievement')}}</label>
  659. <textarea name="achievement_awards" class="form-control" style="display: block;height: 180px;" rows="5" id="achievement_awards"> {{ $employee->achievement_awards }} </textarea>
  660. </div>
  661. </div>
  662. </div>
  663. </div>
  664. </div><!-- /.tab-pane -->
  665. <div class="tab-pane" id="tab_2">
  666. <div class="box box-info">
  667. <div class="inner row">
  668. <div class="col-md-6">
  669. @include('profiles.skill')
  670. </div>
  671. </div>
  672. </div>
  673. </div><!-- /.tab-pane -->
  674. <div class="tab-pane" id="tab_3">
  675. <div id="tab_edu">
  676. <?php
  677. foreach ($educations as $key => $value) {
  678. ?>
  679. <div class="groupedu box box-info">
  680. <div class="row">
  681. <div class="col-md-4">
  682. <div class="row">
  683. <div class="col-md-6">
  684. <label>{{trans('messages.year_start')}}</label>
  685. <input name="edu_yearstart<?php echo $value->id;?>" value="<?php echo $value->year_start;?>" class="form-control edu_yearstart calendar" />
  686. </div>
  687. <div class="col-md-6">
  688. <label>{{trans('messages.year_end')}}</label>
  689. <input name="edu_yearend<?php echo $value->id;?>" value="<?php echo $value->year_end;?>" class="form-control edu_yearend calendar"/>
  690. </div>
  691. </div>
  692. </div>
  693. <div class="col-md-4">
  694. <label>{{trans('messages.education')}}</label>
  695. <input name="edu_education<?php echo $value->id;?>" class="form-control edu_education" rows="3" value="<?php echo $value->education;?>"/>
  696. </div>
  697. <div class="col-md-4">
  698. </div>
  699. </div>
  700. <div class="row">
  701. <div class="col-md-10"><p></p></div>
  702. <button class="btn btn-danger delete_edu col-md-1" title="Delete education" style="width: 25px; height: 30px; padding: 5px 2px; display: inline-block; margin-left: 89px;"><i class="fa fa-remove"></i></button>
  703. <!-- <input type="button" class="btn btn-danger col-md-1 delete_edu" value="Delete"> -->
  704. <div class="col-md-1"><p></p></div>
  705. </div>
  706. </div>
  707. <?php
  708. }
  709. ?>
  710.  
  711. <div class="area-add">
  712. <?php
  713. if(count($educations) == 0)
  714. {
  715. ?>
  716. <div class="groupedu box box-info">
  717. <div class="row">
  718. <div class="col-md-4">
  719. <div class="row">
  720. <div class="col-md-6">
  721. <label>{{trans('messages.year_start')}}</label>
  722. <input name="edu_yearstart[]" value="" class="form-control edu_yearstart calendar"/>
  723. </div>
  724. <div class="col-md-6">
  725. <label>{{trans('messages.year_end')}}</label>
  726. <input name="edu_yearend[]" value="" class="form-control edu_yearend calendar"/>
  727. </div>
  728. </div>
  729. </div>
  730. <div class="col-md-4">
  731. <label>{{trans('messages.education')}}</label>
  732. <input name="edu_education[]" class="form-control edu_education" rows="3"/>
  733. </div>
  734. <div class="col-md-4">
  735.  
  736. </div>
  737. </div>
  738. <div class="row">
  739. <div class="col-md-10"><p></p></div>
  740. <button class="btn btn-danger delete_edu col-md-1" title="Delete education" style="width: 25px; height: 30px; padding: 5px 2px; display: inline-block;margin-left: 89px;"><i class="fa fa-remove"></i></button>
  741. <!-- <input type="button" class="btn btn-danger col-md-1 delete_edu" value="Delete"> -->
  742. <div class="col-md-1"><p></p></div>
  743. </div>
  744. </div>
  745. <?php
  746. }
  747. ?>
  748. </div>
  749. <div class="row">
  750. <div class="col-md-10"><p></p></div>
  751. <a class="btn btn-primary add_edu col-md-1" title="Add new edu" style="width: 25px; height: 30px; padding: 5px 2px; display: inline-block;margin-left: 89px;"><i class="fa fa-plus"></i></a>
  752. <!-- <input type="button" class="btn btn-info col-md-1 add_edu" value="Add"> -->
  753. <div class="col-md-1"><p></p></div>
  754. </div>
  755. <style type="text/css">
  756. .wrapimage{
  757. overflow: scroll;
  758. max-height: 370px;
  759. }
  760. .groupedu{
  761. /* border : 1px solid black;
  762. border-radius: 3px;*/
  763. margin: 5px;
  764. padding : 8px;
  765. }
  766. #area-add-company{
  767. /*border : 1px solid black;*/
  768. border-radius: 3px;
  769. margin: 5px;
  770. padding : 8px;
  771. }
  772. #area-add-project{
  773. /*border : 1px solid black;*/
  774. border-radius: 3px;
  775. margin: 5px;
  776. padding : 8px;
  777. }
  778. .ui-widget-header {
  779. border: 1px solid #6583BE;
  780. background: #3c8dbc;
  781. color: #ffffff;
  782. font-weight: bold;
  783. }
  784. body .modal {
  785. width: 714px;
  786. margin-left: 22%;
  787. background: transparent !important;
  788. }
  789. .modal-dialog{
  790. width: auto !important;
  791. }
  792. </style>
  793.  
  794. <script type="text/javascript">
  795. $(document).ready(function(){
  796. // $('.content-inner').on('click','.delete_edu',function(){
  797.  
  798. // return false;
  799. // });
  800.  
  801. $('.add_edu').click(function(){
  802. $('.area-add').append($('#formaddedu').html());
  803. $( ".calendar" ).datepicker({format: 'yyyy', viewMode: "years",minViewMode :"years",autoclose : true ,focusOnShow : false, disableEntry: true});
  804. return false;
  805. });
  806. $('#tab_edu').on('click','.delete_edu',function(){
  807. $(this).parent().parent().remove();
  808. return false;
  809. });
  810.  
  811. });
  812. </script>
  813. </div> <!-- #tab_edu-->
  814.  
  815. </div>
  816. <div class="tab-pane" id="tab_4">
  817. <div class="inner row">
  818. <div class="col-md-12">
  819. <!-- COMPANY FORM -->
  820. <!-- <fieldset> -->
  821. <?php foreach ($experiences as $experience): ?>
  822. <div id="area-add-company" class="box box-info">
  823. <div class="box-header">
  824. <div class="box-tools pull-right">
  825. <button class="btn btn-danger removeCompany" title="Remove company" style="width:25px; height:30px; padding:5px 2px;"><i class="fa fa-remove"></i></button>
  826. </div>
  827. </div>
  828. <div class="box-body">
  829. <div class="col-md-6">
  830. <div class="form-group">
  831. <label for="company">Company Name<span class="text-red">*</span></label>
  832. <input type="text" name="company[]" class="form-control company" id="company" value="{{ $experience->company }}">
  833. </div>
  834. <div class="form-group">
  835. <label for="position">Position<span class="text-red">*</span></label>
  836. <input type="text" name="position[]" class="form-control position" id="position" value="{{ $experience->position }}" required>
  837. </div>
  838. <div class="row">
  839. <div class="col-md-6">
  840. <div class="form-group">
  841. <label for="startdate">Start Date</label>
  842. <input type="text" name="startdate[]" class="form-control startdate" id="startdate" value="{{ $experience->year_start }}">
  843. </div>
  844. </div>
  845. <div class="col-md-6">
  846. <div class="form-group">
  847. <label for="enddate">End Date</label>
  848. <input type="text" name="enddate[]" class="form-control enddate" id="enddate" value="{{ $experience->year_end }}">
  849. </div>
  850. </div>
  851. </div>
  852. </div>
  853. <div class="col-md-6">
  854. <div class="form-group">
  855. <label for="mainduties">Main Duties</label>
  856. <TEXTAREA name="mainduties[]" id="mainduties" rows="7" class="form-control">{{ $experience->main_duties }}</TEXTAREA>
  857. </div>
  858. </div>
  859. </div>
  860. </div>
  861. <?php endforeach;?>
  862.  
  863. <div id="addcompany"></div>
  864. <!-- Ban dau ko co gi ca -->
  865. <div id="area-add-company" class="box box-info">
  866. <div class="box-header">
  867. <div class="box-tools pull-right">
  868. <button class="btn btn-danger removeCompany" title="Remove company" style="width:25px; height:30px; padding:5px 2px;"><i class="fa fa-remove"></i></button>
  869. </div>
  870. </div>
  871. <div class="box-body">
  872. <div class="col-md-6">
  873. <div class="form-group">
  874. <label for="company">Company Name<span class="text-red">*</span></label>
  875. <input type="text" name="company[]" class="form-control company" id="company">
  876. </div>
  877. <div class="form-group">
  878. <label for="position">Position<span class="text-red">*</span></label>
  879. <input type="text" name="position[]" class="form-control position" id="position" required>
  880. </div>
  881. <div class="row">
  882. <div class="col-md-6">
  883. <div class="form-group">
  884. <label for="startdate">Start Date</label>
  885. <input type="text" name="startdate[]" class="form-control startdate" id="startdate">
  886. </div>
  887. </div>
  888. <div class="col-md-6">
  889. <div class="form-group">
  890. <label for="enddate">End Date</label>
  891. <input type="text" name="enddate[]" class="form-control enddate" id="enddate">
  892. </div>
  893. </div>
  894. </div>
  895. </div>
  896. <div class="col-md-6">
  897. <div class="form-group">
  898. <label for="mainduties">Main Duties</label>
  899. <TEXTAREA name="mainduties[]" id="mainduties" rows="7" class="form-control"></TEXTAREA>
  900. </div>
  901. </div>
  902. </div>
  903. </div>
  904. <!-- End -->
  905. <button class="btn btn-primary pull-right addCompany" title="Add new company" style="width:25px; height:30px; padding:5px 2px;"><i class="fa fa-plus"></i></button>
  906. </div>
  907. </div>
  908. </div><!-- /.tab-pane -->
  909.  
  910. <div class="tab-pane" id="tab_5">
  911. <div class="inner row">
  912. <div class="col-md-12">
  913. @foreach($taken_projects as $project)
  914. <div id="area-add-project" class="box box-info">
  915. <div class="box-header">
  916. <div class="box-tools pull-right">
  917. <button class="btn btn-danger removeProject" title="Remove project" style="width:25px; height:30px; padding:5px 2px;"><i class="fa fa-remove"></i></button>
  918. </div>
  919. </div>
  920. <div class="box-body">
  921. <div class="col-md-6">
  922. <div class="form-group">
  923. <label for="projectname">Project's Name<span class="text-red">*</span></label>
  924. <input type="text" name="projectname[]" class="form-control" id="projectname" value="{{ $project->project_name }}">
  925. </div>
  926. <div class="form-group">
  927. <label for="customername">Customer's Name</label>
  928. <input type="text" name="customername[]" class="form-control" id="customername" value="{{ $project->customer_name }}">
  929. </div>
  930. <div class="row">
  931. <div class="col-md-6">
  932. <div class="form-group">
  933. <label for="role">Role<span class="text-red">*</span></label>
  934. <input type="text" name="role[]" class="form-control" id="role" value="{{ $project->role }}">
  935. </div>
  936. </div>
  937. <div class="col-md-6">
  938. <div class="form-group">
  939. <label for="numberpeople">Number Of People In Project<span class="text-red">*</span></label>
  940. <input type="text" name="numberpeople[]" class="form-control" id="numberpeople" value="{{ $project->number_people }}">
  941. </div>
  942. </div>
  943. </div>
  944. <div class="form-group">
  945. <label for="projectperiod">Project Period</label>
  946. <input type="text" name="projectperiod[]" class="form-control" id="projectperiod" value="{{ $project->project_period }}">
  947. </div>
  948. <div class="form-group">
  949. <label for="skillset">Skill Set Ultilized<span class="text-red">*</span></label>
  950. <input type="text" name="skillset[]" class="form-control" id="skillset" value="{{ $project->skill_set_ultilized }}">
  951. </div>
  952. </div>
  953. <div class="col-md-6">
  954. <div class="form-group">
  955. <label for="projectdescription">Project Description</label>
  956. <TEXTAREA name="projectdescription[]" id="projectdescription" rows="15" class="form-control">{{ $project->project_description }}</TEXTAREA>
  957. </div>
  958. </div>
  959. </div>
  960. </div>
  961. @endforeach()
  962.  
  963. <div id="addproject"></div>
  964. <!-- Ban dau ko co gi ca -->
  965. <div id="area-add-project" class="box box-info">
  966. <div class="box-header">
  967. <div class="box-tools pull-right">
  968. <button class="btn btn-danger removeProject" title="Remove project" style="width:25px; height:30px; padding:5px 2px;"><i class="fa fa-remove"></i></button>
  969. </div>
  970. </div>
  971. <div class="box-body">
  972. <div class="col-md-6">
  973. <div class="form-group">
  974. <label for="projectname">Project's Name<span class="text-red">*</span></label>
  975. <input type="text" name="projectname[]" class="form-control" id="projectname">
  976. </div>
  977. <div class="form-group">
  978. <label for="customername">Customer's Name</label>
  979. <input type="text" name="customername[]" class="form-control" id="customername">
  980. </div>
  981. <div class="row">
  982. <div class="col-md-6">
  983. <div class="form-group">
  984. <label for="role">Role<span class="text-red">*</span></label>
  985. <input type="text" name="role[]" class="form-control" id="role">
  986. </div>
  987. </div>
  988. <div class="col-md-6">
  989. <div class="form-group">
  990. <label for="numberpeople">Number Of People In Project<span class="text-red">*</span></label>
  991. <input type="text" name="numberpeople[]" class="form-control" id="numberpeople">
  992. </div>
  993. </div>
  994. </div>
  995. <div class="form-group">
  996. <label for="projectperiod">Project Period</label>
  997. <input type="text" name="projectperiod[]" class="form-control" id="projectperiod">
  998. </div>
  999. <div class="form-group">
  1000. <label for="skillset">Skill Set Ultilized<span class="text-red">*</span></label>
  1001. <input type="text" name="skillset[]" class="form-control" id="skillset">
  1002. </div>
  1003. </div>
  1004. <div class="col-md-6">
  1005. <div class="form-group">
  1006. <label for="projectdescription">Project Description</label>
  1007. <TEXTAREA name="projectdescription[]" id="projectdescription" rows="15" class="form-control"></TEXTAREA>
  1008. </div>
  1009. </div>
  1010. </div>
  1011. </div>
  1012. <!-- End -->
  1013. <button class="btn btn-primary pull-right addProject" title="Add new project" style="width:25px; height:30px; padding:5px 2px;"><i class="fa fa-plus"></i></button>
  1014. </div>
  1015. </div>
  1016. </div><!-- /.tab-content -->
  1017. </div>
  1018. </div>
  1019. <!-- Thay giao dien -->
  1020.  
  1021.  
  1022. <div class="footer-tabs row">
  1023. <div class="col-md-8"></div>
  1024. <div class="col-md-4" style="padding-left: 220px;margin-top: -9px;">
  1025. <input type='submit' class='btn btn-primary btn-save' style="margin-right: 2px;" value="{{trans('messages.save')}}">
  1026. <input type="button" class='btn btn-primary cancel' value="{{trans('messages.cancel')}}">
  1027. </div>
  1028. </div>
  1029. </form> <!-- close form -->
  1030. </div><!-- /.box-body -->
  1031.  
  1032.  
  1033. </div>
  1034. </div>
  1035. </div>
  1036. </section>
  1037. </div>
  1038.  
  1039.  
  1040. <style type="text/css">
  1041. .box.box-primary {
  1042. background-color: #F7F9FF;
  1043. }
  1044. </style>
  1045. <!-- FORM ADD EDUCATION : DISPLAY NONE -->
  1046. <div id="formaddedu" style="display:none">
  1047. <div class="groupedu box box-info">
  1048. <div class="row">
  1049. <div class="col-md-4">
  1050. <div class="row">
  1051. <div class="col-md-6">
  1052. <label>{{trans('messages.year_start')}}</label>
  1053. <input name="edu_yearstart[]" value="" class="form-control edu_yearstart calendar"/>
  1054. </div>
  1055. <div class="col-md-6">
  1056. <label>{{trans('messages.year_end')}}</label>
  1057. <input name="edu_yearend[]" value="" class="form-control edu_yearend calendar"/>
  1058. </div>
  1059. </div>
  1060. </div>
  1061. <div class="col-md-4">
  1062. <label>{{trans('messages.education')}}</label>
  1063. <input name="edu_education[]" class="form-control edu_education" rows="3"/>
  1064. </div>
  1065. <div class="col-md-4">
  1066.  
  1067. </div>
  1068. </div>
  1069. <div class="row">
  1070. <div class="col-md-10"><p></p></div>
  1071. <button class="btn btn-danger delete_edu col-md-1" title="Delete education" style="width: 25px; height: 30px; padding: 5px 2px; display: inline-block; margin-left: 89px;"><i class="fa fa-remove"></i></button>
  1072. <!-- <input type="button" class="btn btn-danger col-md-1 delete_edu" value="Delete"> -->
  1073. <div class="col-md-1"><p></p></div>
  1074. </div>
  1075. </div>
  1076. </div>
  1077. @stop
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!