API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 20th, 2017
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.56 KB | None | 0 0
raw download clone embed print report
  1. @{
  2. ViewBag.Title = ViewBag.information.ProcessName;
  3. ViewBag.Section = "Evaluar Colaboradores";
  4. Layout = "~/Views/Shared/_Layout.cshtml";
  5. }
  6.  
  7. @section styles_link {
  8. @Html.StyleLink("css/plugins/dataTables/datatables.bootstrap.min.css")
  9. @Html.StyleLink("css/plugins/dataTables/buttons.datatables.min.css")
  10. @Html.StyleLink("css/plugins/chosen/bootstrap-chosen.css")
  11. @Html.StyleLink("css/plugins/iCheck/custom.css")
  12. @Html.StyleLink("css/plugins/steps/jquery.steps.css")
  13. @Html.StyleLink("css/plugins/datapicker/datepicker3.css")
  14. @Html.StyleLink("css/plugins/jquery-confirm-master/jquery-confirm.css")
  15. @Html.StyleLink("css/plugins/sweetalert/sweetalert.css")
  16. @Html.StyleLink("css/plugins/dropzone/basic.css")
  17. @Html.StyleLink("css/plugins/dropzone/dropzone.css")
  18. @Html.StyleLink("css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css")
  19. }
  20.  
  21. @section scripts_link {
  22. @Html.JavaScriptLink("js/plugins/dataTables/datatables.min.js")
  23. @Html.JavaScriptLink("js/plugins/dataTables/datatables.bootstrap.min.js")
  24. @Html.JavaScriptLink("js/plugins/dataTables/datatables.buttons.min.js")
  25. @Html.JavaScriptLink("js/plugins/chosen/chosen.jquery.js")
  26. @Html.JavaScriptLink("js/plugins/datapicker/bootstrap-datepicker.js")
  27. @Html.JavaScriptLink("js/plugins/moment/moment.min.js")
  28. @Html.JavaScriptLink("js/plugins/moment/moment-es.js")
  29. @Html.JavaScriptLink("js/plugins/typehead/bootstrap3-typeahead.js")
  30. @Html.JavaScriptLink("js/plugins/jquery-confirm-master/jquery-confirm.js")
  31. @Html.JavaScriptLink("js/plugins/loading/jquery.loading.min.js")
  32. @Html.JavaScriptLink("js/plugins/loading/loading.min.js")
  33. @Html.JavaScriptLink("js/plugins/sweetalert/sweetalert.min.js")
  34. @Html.JavaScriptLink("js/plugins/dropzone/dropzone.js")
  35.  
  36. <script>
  37. $('.popoverData').popover();
  38. $("#header-detail").html("Evaluado: " + "@ViewBag.information.EmployeeName");
  39.  
  40. Dropzone.options.dropzoneForm = {
  41. paramName: "file", // The name that will be used to transfer the file
  42. maxFilesize: 5, // MB
  43. dictDefaultMessage: "<strong>Arrastra los archivos aquí o has click para subir. </strong></br> El tamaño límite de archivos es de 5 MB.",
  44. maxFiles: 1
  45. };
  46.  
  47. $("#dropzoneForm").on("sending", function (file, xhr, data) {
  48. if (file.fullPath) {
  49. data.append("fullPath", file.fullPath);
  50. }
  51. $("#filepath").val(file.fullPath);
  52. });
  53. function highlightTextArea(id) {
  54. $("#" + id).addClass("custom-highlighted");
  55. }
  56. function unhighlightTextArea(id) {
  57. $("#" + id).removeClass("custom-highlighted");
  58. }
  59.  
  60. </script>
  61. }
  62.  
  63. @section section_script {
  64. var canEvaluate = '@ViewBag.information.CanEvaluate';
  65. var canFeedBack = '@ViewBag.information.CanFeedBack';
  66. var canUploadFoto = '@ViewBag.information.CanUploadFoto';
  67. var canEdit = '@ViewBag.information.CanEdit';
  68.  
  69. if(canEvaluate=='true')
  70. $(".evaluateValidation").attr("disabled",false);
  71. else
  72. $(".evaluateValidation").attr("disabled",true);
  73.  
  74.  
  75.  
  76. if(canFeedBack=='true')
  77. $(".feedbackValidation").attr("disabled",false);
  78. else
  79. $(".feedbackValidation").attr("disabled",true);
  80.  
  81.  
  82. if(canUploadFoto =='false')
  83. $("#dropzoneForm").addClass("dropzone-disabled");
  84.  
  85. if(canEdit=='true')
  86. $(".editValidation").show();
  87.  
  88. $(".with-scroll").slimscroll({
  89. height: '60vh',
  90. disableFadeOut: false,
  91. alwaysVisible: true
  92. });
  93.  
  94. $("#btnSave").click(function(){
  95. var data = {
  96. filePath:$("#filepath").val()
  97. };
  98. console.log(data);
  99. $.ajax({
  100. method: "POST",
  101. url: "/Evaluation/Evaluate/UploadFile",
  102. data:data
  103. })
  104. .done(function(result){
  105.  
  106. var jsonResult = jQuery.parseJSON(result);
  107. if(!jQuery.isEmptyObject(jsonResult)){
  108. swal("Good job!", "You clicked the button!", "success")
  109. }
  110. })
  111. .fail(function (result) {
  112. toastr.error(result.statusText, "Mensaje", {
  113. positionClass: "toast-top-full-width"
  114. });
  115. });
  116. $("#saveOptionId").val("1");
  117. $("#evaluateForm").submit();
  118. });
  119.  
  120. $("#btnSaveEnd").click(function(){
  121. var pid = @ViewBag.information.ProcessId;
  122. var eid = @ViewBag.information.EmployeeId;
  123. $("#saveOptionId").val("2");
  124. $("#evaluateForm").submit();
  125. });
  126.  
  127. $("#inputAvg").val("75"); //ViewBag.information.AvgPotPer;
  128. if ("true" == "true"){//ViewBag.information.IsEvaluator
  129. $("#inputPot").val("56"); //ViewBag.information.PrcntPotencial;
  130. $("#inputDes").val("93"); //ViewBag.information.PrcntPerformance;
  131. }else{
  132. $("#comentEvaluate").attr("disabled","disabled");
  133. $("#commendEvaluate").attr("disabled","disabled");
  134. }
  135.  
  136. $("#btnBack").click(function(){
  137. parent.history.back();
  138. return false;
  139. });
  140. }
  141.  
  142.  
  143. <form id="evaluateForm" method="POST">
  144. <div class="row" style="margin-top:-30px;">
  145. <div class="ibox float-e-margins">
  146. <div class="ibox-content">
  147. <div class="ibox-title margin-process-tittle">
  148. <div class="col-md-6" style="padding-left: 0px !important;">
  149. <input name="processId" type="hidden" value="@ViewBag.information.ProcessId" />
  150. <input name="employeeId" type="hidden" value="@ViewBag.information.EmployeeId" />
  151. @{
  152. var processName = ViewBag.information.ProcessName;
  153. <h2>@processName</h2>
  154. }
  155. </div>
  156. <div class="col-md-6 text-right">
  157. @{
  158. var empName = ViewBag.information.EmployeeName;
  159. var state = ViewBag.information.State;
  160. <h2>Evaluado: @empName</h2>
  161. <h4>Estado: @state</h4>
  162. }
  163. </div>
  164. </div>
  165. <input id="saveOptionId" name="saveOption" type="hidden" />
  166. <div class="tabs-container">
  167. <ul class="nav nav-tabs">
  168. <li class="active">
  169. <a data-toggle="tab" href="#tab-1">Eval. Competencias</a>
  170. </li>
  171. <li class="">
  172. <a data-toggle="tab" href="#tab-2">Eval. Objetivos</a>
  173. </li>
  174. <li class="">
  175. <a data-toggle="tab" href="#tab-3">Recomendaciones</a>
  176. </li>
  177. </ul>
  178. <div class="tab-content">
  179. <div id="tab-1" class="tab-pane active">
  180. <div class="panel-body with-scroll">
  181. @foreach (var skill in ViewBag.information.Competences)
  182. {
  183. int numReg = ViewBag.information.Choices.Count;
  184. numReg += numReg / 3;
  185. var name4Input = "id_" + skill.Id;
  186. <div class="col-md-12 skill-display">
  187. <div class="col-md-8" style="padding-bottom: 4px;">
  188. <textarea id="@skill.Id" class="form-control" rows="@numReg" onmouseout="unhighlightTextArea('@skill.Id')" onmouseover="highlightTextArea('@skill.Id')" name="glosa" disabled style="background:white;">@skill.Description&#13;&#10;@skill.Detail</textarea>
  189. <input name="@name4Input" type="hidden" value="@skill.Id" />
  190. </div>
  191. <div class="col-md-4">
  192. <div class="form-group">
  193. @foreach (var choice in ViewBag.information.Choices)
  194. {
  195.  
  196. var namegroup = "toasts_" + skill.Id;
  197. var uniqueId = "radio_" + choice.Value + "_" + skill.Id;
  198. if (skill.Selection == choice.Value)
  199. {
  200. <div class="radio radio-info">
  201. <input class="evaluateValidation" type="radio" id="@uniqueId" name="@namegroup" value="@choice.Value" checked />
  202. <label for="@uniqueId">
  203. @choice.Content
  204. </label>
  205. </div>
  206. }
  207. else
  208. {
  209.  
  210. <div class="radio radio-info">
  211. <input class="evaluateValidation" type="radio" id="@uniqueId" name="@namegroup" value="@choice.Value" />
  212. <label for="@uniqueId">
  213. @choice.Content
  214. </label>
  215. </div>
  216. }
  217. }
  218. </div>
  219. </div>
  220. </div>
  221. }
  222. </div>
  223. </div>
  224. <div id="tab-2" class="tab-pane">
  225. <div class="panel-body with-scroll">
  226. @foreach (var obj in ViewBag.information.Objectives)
  227. {
  228. int numReg = ViewBag.information.Choices.Count;
  229. numReg += numReg / 3;
  230. var name4Input = "id_" + obj.Id;
  231. <div class="col-md-12">
  232. <div class="col-md-5">
  233. <textarea id="@obj.Id" class="form-control" rows="@numReg" name="glosa" disabled style="background:white;" style="margin-bottom:5px;">@obj.Description</textarea>
  234. <input name="@name4Input" type="hidden" value="@obj.Id" />
  235. </div>
  236. <div class="col-md-4">
  237. <div class="col-md-3 text-center">
  238. <label>META</label>
  239. <p>@obj.Meta</p>
  240. </div>
  241. <div class="col-md-4 text-center">
  242. <label>LOGRADO</label>
  243. <p>@obj.Logrado</p>
  244. </div>
  245. <div class="col-md-4 text-center">
  246. <label>APROBADO</label>
  247. <p>@obj.Aprobado</p>
  248. </div>
  249. </div>
  250. <div class="col-md-3">
  251. <div class="form-group" id="toastTypeGroup">
  252. @foreach (var choice in ViewBag.information.Choices)
  253. {
  254. var namegroup = "toasts_" + obj.Id;
  255. var uniqueId = "radio_" + choice.Value + "_" + obj.Id;
  256. if (obj.Selection == choice.Value)
  257. {
  258. <div class="radio radio-info">
  259. <input class="evaluateValidation" type="radio" id="@uniqueId" name="@namegroup" value="@choice.Value" checked />
  260. <label for="@uniqueId">
  261. @choice.Content
  262. </label>
  263. </div>
  264. }
  265. else
  266. {
  267. <div class="radio radio-info">
  268. <input class="evaluateValidation" type="radio" id="@uniqueId" name="@namegroup" value="@choice.Value" />
  269. <label for="@uniqueId">
  270. @choice.Content
  271. </label>
  272. </div>
  273. }
  274. }
  275. </div>
  276. </div>
  277. </div>
  278. }
  279. </div>
  280. </div>
  281. <div id="tab-3" class="tab-pane">
  282. <div class="panel-body">
  283. <div class="row">
  284. <div class="col-md-12">
  285. <div class="form-group">
  286. <div class="p-xxs border-bottom collaps-md-12">
  287. <strong> Resultados</strong>
  288. </div>
  289. </div>
  290. </div>
  291. </div>
  292. <div class="row">
  293. <div class="form-group">
  294. <div class="col-md-4">
  295. <label>Promedio:</label>
  296. <input id="inputAvg" class="form-control" min="0" max="100" name="inputAvg" value="" style="background:white;" disabled>
  297. </div>
  298. @if ("true" == "true")//ViewBag.information.IsEvaluator
  299. {
  300. <div class="col-md-4">
  301. <label>Potencial:</label>
  302. <input id="inputPot" class="form-control" min="0" max="100" name="inputPot" value="" style="background:white;" disabled>
  303. </div>
  304. <div class="col-md-4">
  305. <label>Desempeño:</label>
  306. <input id="inputDes" class="form-control" min="0" max="100" name="inputDes" value="" style="background:white;" disabled>
  307. </div>
  308. }
  309. </div>
  310. </div>
  311. <div class="row m-t-lg">
  312. <div class="form-group">
  313. <div class="col-lg-12">
  314. <div class="tabs-container">
  315. <ul class="nav nav-tabs">
  316. <li class="active"><a data-toggle="tab" href="#tab-8"> Evaluador</a></li>
  317. <li class=""><a data-toggle="tab" href="#tab-9">Colaborador</a></li>
  318. <li class=""><a data-toggle="tab" href="#tab-10">Archivo</a></li>
  319. </ul>
  320. <div class="tab-content">
  321. <div id="tab-8" class="tab-pane active scroll_content">
  322. <div class="panel-body">
  323. <div class="col-md-6">
  324. <label class="pull-left form-separation"> Comentario </label>
  325. <textarea id="comentEvaluate" class="form-control evaluateValidation" rows="5" name="comment" style="background:white;" disabled>@ViewBag.information.Comment</textarea>
  326. </div>
  327. <div class="col-md-6">
  328. <label class="pull-left form-separation"> Sugerencias </label>
  329. <textarea id="commendEvaluate" class="form-control evaluateValidation" rows="5" name="advice" style="background:white;" disabled>@ViewBag.information.Advice</textarea>
  330. </div>
  331. </div>
  332. </div>
  333. <div id="tab-9" class="tab-pane">
  334. <div class="panel-body">
  335. <label class="pull-left form-separation"> Comentario </label>
  336. <textarea id="comentWorker" class="form-control feedbackValidation" rows="5" name="feedback" style="background:white;" disabled>@ViewBag.information.Feedback</textarea>
  337.  
  338. </div>
  339. </div>
  340. <div id="tab-10" class="tab-pane">
  341. <div class="panel-body">
  342. <div action="#" class="dropzone" id="dropzoneForm" method="post" enctype="multipart/form-data">
  343. <div class="fallback">
  344. <input name="file" type="file" />
  345. <input id="filepath" type="hidden" />
  346. </div>
  347. </div>
  348. </div>
  349. </div>
  350. </div>
  351. </div>
  352. </div>
  353. </div>
  354. </div>
  355. </div>
  356. </div>
  357. </div>
  358. <div class="modal-footer">
  359. <button id="btnSave" type="button" class="btn btn-primary margin-button editValidation" style="display:none;">Guardar</button>
  360. <button id="btnSaveEnd" type="button" class="btn btn-primary margin-button editValidation" style="display:none;">Guardar y Terminar</button>
  361. </div>
  362. </div>
  363. </div>
  364. </div>
  365. </div>
  366. </form>
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!