API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 18th, 2020
427
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.79 KB | None | 0 0
raw download clone embed print report
  1. <apex:page id="pageId" standardController="Contact" extensions="referenciasCandidatoExtension" title="Referencias candidato" showHeader="true" standardStylesheets="false" docType="html-5.0">
  2. <html lang="es" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1" />
  7. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8. <meta name="description" content=""/>
  9. <meta name="author" content=""/>
  10. <title>Referencias candidatos</title>
  11.  
  12. <!-- Lightning core CSS -->
  13. <apex:stylesheet value="{!URLFOR($Resource.Salesforce_Lightning_0_12, '/assets/styles/salesforce-lightning-design-system-vf.css')}" />
  14. <apex:stylesheet value="{!URLFOR($Resource.Salesforce_Lightning_0_12, '/assets/styles/salesforce-lightning-design-system-custom.css')}" />
  15. <apex:includeScript value="{!URLFOR($Resource.jQuery, '/jquery-1.11.3.min.js')}" />
  16.  
  17. <!-- tooltipster -->
  18. <apex:stylesheet value="{!URLFOR($Resource.jQueryTooltipster, '/tooltipster.css')}" />
  19. <apex:includeScript value="{!URLFOR($Resource.jQueryTooltipster, '/jquery.tooltipster.min.js')}" />
  20.  
  21. <script>
  22. window.onload=function(){
  23. doInit();
  24. };
  25. </script>
  26.  
  27. <style type="text/css">
  28. .slds .slds-button--success {
  29. padding-left: 16px;
  30. padding-right: 16px;
  31. text-align: center;
  32. vertical-align: middle;
  33. background-color: #4BCA81;
  34. border: 1px solid #4BCA81;
  35. color: white; }
  36.  
  37. .slds .slds-button--success:link,
  38. .slds .slds-button--success:visited,
  39. .slds .slds-button--success:active {
  40. color: white; }
  41.  
  42. .slds .slds-button--success:hover,
  43. .slds .slds-button--success:focus {
  44. background-color: #04844B;
  45. color: white; }
  46. .slds .slds-button--success:active {
  47. background-color: #036432;
  48. border-color: #036432; }
  49.  
  50. .slds .slds-button--success[disabled] {
  51. background: #e0e5ee;
  52. border-color: transparent;
  53. color: white; }
  54.  
  55. /* vertical align td fix */
  56.  
  57. /*
  58. .outer td{
  59. vertical-align:inherit!important;
  60. }
  61. */
  62.  
  63. .slds td{
  64. vertical-align:inherit!important;
  65. }
  66.  
  67. .slds a:focus{
  68. outline:none;
  69. }
  70. .slds pre,pre{
  71. padding:0;
  72. font-family:inherit;
  73. margin:0;
  74. white-space: pre-wrap; /* css-3 */
  75. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  76. white-space: -pre-wrap; /* Opera 4-6 */
  77. white-space: -o-pre-wrap; /* Opera 7 */
  78. word-wrap: break-word;
  79.  
  80. }
  81.  
  82. /* actividades abiertas css fixes */
  83. .slds-actividades{
  84. font-family:Arial;
  85. }
  86. .slds-actividades a{
  87. font-size:12px;
  88. line-height:1.12;
  89. color:#000000;
  90.  
  91. }
  92.  
  93.  
  94. .editLinks{
  95. color:#3579D1;
  96. text-decoration:none;
  97. }
  98. .editLinks:hover{
  99. color:#3579D1;
  100. text-decoration:underline;
  101. }
  102.  
  103. a.btn{
  104. text-decoration:none;
  105. color:#333333;
  106. display:inline-block;
  107. padding:3px 6px;
  108.  
  109. }
  110.  
  111. a.btn:hover{
  112.  
  113. text-decoration:none;
  114. color:#333333;
  115.  
  116. }
  117.  
  118.  
  119. .slds a:focus {
  120. outline: thin dotted;
  121. outline: 5px auto #1589ee;
  122. outline-offset: -2px;
  123. outline:none;
  124. }
  125. .slds .slds-icon--entrevistas{
  126. width:84px;
  127. height:84px;
  128. }
  129.  
  130. .slds .slds-badge.slds-badge-alert{
  131. background-color:#D4504C;
  132. color:#FFF;
  133. margin-left:0px;
  134. }
  135.  
  136. .slds .slds-badge.slds-badge-success{
  137. background-color:#4BC076;
  138. color:#FFF;
  139. margin-left:0px;
  140. }
  141.  
  142. </style>
  143. </head>
  144. <body>
  145. <div class="slds" id="sldsContainer"><!-- container class -->
  146. <apex:form id="formId" enctype="multipart/form-data" >
  147. <!-- cridem funció amb javascript un cop carregada la pàgina per realitzar les comprobacions de les experiències i omplir el camp existe_contacto__c -->
  148.  
  149. <apex:actionFunction name="doInit" action="{!init}" rerender="experienciasPanel" />
  150. <apex:outputPanel rendered="false">
  151. {!Contact.informe_general__c}
  152. </apex:outputPanel>
  153. <div class="slds-page-header" role="banner">
  154. <div class="slds-grid">
  155. <div class="slds-col slds-has-flexi-truncate">
  156. <div class="slds-media">
  157. <div class="slds-media__figure {!IF(len(Contact.Foto_perfil__c)>0,'slds-hide','')}">
  158. <svg aria-hidden="true" class="slds-icon slds-icon--large slds-icon-standard-user">
  159. <use xlink:href="{!URLFOR($Resource.Salesforce_Lightning_0_12, '/assets/icons/standard-sprite/svg/symbols.svg#user')}"></use>
  160. </svg>
  161. </div><!-- end divIcon -->
  162. <div class="slds-media__figure {!IF(len(Contact.Foto_perfil__c)>0,'','slds-hide')}">
  163. <span class="slds-avatar slds-avatar--x-large">
  164. <apex:outputField value="{!Contact.Foto_perfil__c}"/>
  165. </span>
  166. </div><!-- end foto perfil -->
  167.  
  168. <div class="slds-media__body">
  169. <p class="slds-text-heading--label"><a href="/{!Contact.Id}" target="_blank">{!Contact.Name}</a><apex:outputText value="{0, number, ##}"><apex:param value="{!Contact.Edad__c}"/></apex:outputText> años, {!Contact.ciudad__r.Name} {!Contact.Ciudad_extranjera__c} ({!Contact.provincia__r.Name}{!Contact.Region__c}) - {!Contact.estado__r.Name}</p>
  170. <div class="slds-grid">
  171. <h1 class="slds-text-heading--medium slds-m-right--small slds-truncate slds-align-middle">Referencias profesionales</h1>
  172.  
  173.  
  174. </div><!-- end grid -->
  175. </div><!-- end mediaBody -->
  176. </div><!-- end media -->
  177. </div><!-- end col -->
  178.  
  179. <div class="slds-col slds-no-flex slds-align-bottom">
  180. <div class="slds-button-group" role="group" >
  181. <!--<a class="slds-button slds-button--neutral" href="https://etalentum.lightning.force.com/lightning/r/Contact/{!Contact.id}/view">Volver al contacto</a>-->
  182.  
  183. </div><!-- end button grup -->
  184. </div><!-- end col -->
  185. </div><!-- end grid -->
  186.  
  187. <div class="slds-grid slds-page-header__detail-row">
  188. <div class="slds-col--padded slds-size--1-of-4">
  189. <dl>
  190. <dt>
  191. <p class="slds-text-heading--label slds-truncate">CORREO ELECTRÓNICO</p>
  192. </dt>
  193. <dd>
  194. <p class="slds-text-body--regular slds-truncate">{!Contact.Email}</p>
  195. </dd>
  196. </dl>
  197. </div><!-- end col padded -->
  198. <div class="slds-col--padded slds-size--1-of-4">
  199. <dl>
  200. <dt>
  201. <p class="slds-text-heading--label slds-truncate" >TELÉFONO</p>
  202. </dt>
  203. <dd>
  204. <p class="slds-text-body--regular">{!Contact.MobilePhone}</p>
  205. </dd>
  206. </dl>
  207. </div><!-- end col -->
  208. <div class="slds-col--padded slds-size--1-of-4">
  209. <dl>
  210. <dt>
  211. <p class="slds-text-heading--label slds-truncate">EXPECTATIVA SALARIAL</p>
  212. </dt>
  213. <dd>
  214. <p class="slds-text-body--regular">
  215. <apex:repeat value="{!Contact.candidatos_objetivos__r}" var="a" >
  216. <dd>{!a.expectativa_salarial__r.Name}</dd>
  217. </apex:repeat>
  218. </p>
  219. </dd>
  220. </dl>
  221. </div><!-- end col -->
  222. <div class="slds-col--padded slds-size--1-of-4">
  223. <dl>
  224. <dt>
  225. <p class="slds-text-heading--label slds-truncate" >&nbsp;</p>
  226. </dt>
  227. <dd>
  228. <p class="slds-text-body--regular">&nbsp;</p>
  229. </dd>
  230. </dl>
  231. </div><!-- end col -->
  232. </div><!-- end grid -->
  233. </div><!-- end page header -->
  234. <div class="slds-grid slds-m-top--medium slds-text-align--center" id="msgPanelDiv" ><div class="slds-col">
  235. <apex:outputPanel id="msgPanel" ><apex:pageMessages /></apex:outputPanel>
  236. </div></div>
  237.  
  238. <div class="slds-grid slds-m-top--medium slds-text-align--center" ><div class="slds-col">
  239. <apex:commandButton styleClass="slds-button slds-button--brand" action="{!guardarTodo}" value="Guardar referencias" />&nbsp;&nbsp;<a href="https://etalentum.my.salesforce.com/{!Contact.id}" class="slds-button slds-button--neutral">Volver</a>
  240. </div></div>
  241.  
  242. <div class="slds-grid slds-wrap slds-m-top--x-large">
  243. <div class="slds-col slds-col--padded slds-size--5-of-8">
  244. <div class="slds-tabs--scoped">
  245. <ul class="slds-tabs--scoped__nav">
  246. <li id="liExperiencias" class="slds-tabs--scoped__item slds-text-heading--label slds-active" tittle="Entrevistas Etalentum">
  247. <a class="slds-tabs--scoped__link" href="javascript:void(0);" tabindex="0" id="tab-scoped-1__item">Experiencia profesional</a>
  248. </li>
  249. <!--<li id="liEntrevistasCliente" class="slds-tabs--scoped__item slds-text-heading--label" tittle="Entrevistas cliente">
  250. <a class="slds-tabs--scoped__link" href="javascript:void(0);" tabindex="0" id="tab-scoped-1__item">Test</a>
  251. </li>-->
  252.  
  253. </ul>
  254. <div class="slds-tabs--scoped__content slds-show" >
  255. <div id="tabEntrevistasEtalentum" >
  256. <!--
  257. <div class="slds-grid slds-wrap slds-m-top--large">
  258. <div class="slds-col--padded slds-size--1-of-1 slds-medium-size--1-of-1 slds-large-size--1-of-1">
  259. <div><h3 class="slds-section-title--divider">Referencias del candidato</h3></div>
  260. <div class="spacer15"></div>
  261. </div><!-- end col
  262. </div><!-- end grid -->
  263. <div class="slds-grid sdls-wrap">
  264. <div style="width:100%;"><!-- slds-scrollable--x -->
  265. <div class="spacer20"></div>
  266. <!--<div><h3 class="slds-section-title--divider">&nbsp;Experiencia profesional</h3></div>-->
  267. <apex:variable var="cnt" value="{!0}" />
  268. <!--apex:repeat value="{!Contact.candidatos_experiencias__r}" var="a" >-->
  269. <apex:outputPanel id="experienciasPanel">
  270. <apex:repeat value="{!listadoExperienciasList}" var="a" >
  271. <apex:outputPanel rendered="false">
  272. <apex:outputField value="{!a.sector__r.Name}" />
  273. <apex:outputField value="{!a.empresa__c}" />
  274.  
  275. <apex:outputField value="{!a.Referencia_del_empleado__c}" />
  276. </apex:outputPanel>
  277.  
  278. <div><h3 class="slds-section-title--divider">&nbsp;<apex:outputText value="{0, date, MM/yyyy}"><apex:param value="{!a.fecha_inicio__c}" /></apex:outputText> - {!IF(a.cursando_actualmente__c,"Trabajo actual","")} <apex:outputText value="{0, date, MM/yyyy}" rendered="{!IF(a.cursando_actualmente__c,false,true)}"><apex:param value="{!a.fecha_fin__c}" /></apex:outputText></h3></div>
  279. <div class="slds-grid slds-wrap slds-m-top--large">
  280. <div class="slds-col--padded slds-size--2-of-4">
  281. <b>Empresa: </b>{!a.empresa__c}<br />
  282. <b>Sector: </b>{!a.sector__r.Name}<br />
  283. <b>Subcategoría: </b>{!a.subcategoria__r.Name}<br />
  284. <b>Motivo finalización: </b>{!a.motivo_cambio__r.Name}
  285. </div><!-- end col -->
  286. <div class="slds-col--padded slds-size--2-of-4">
  287. <b>Ciudad: </b>{!a.ciudad__c} ({!a.pais__r.Name})<br />
  288. <b>Categoría: </b>{!a.categoria__r.Name}<br />
  289. <b>Personas a cargo: </b>{!a.empleados_a_cargo__r.Name}<br />
  290. <b>Empresa: </b>{!a.empresa__c}<br />
  291.  
  292. </div><!-- end col -->
  293. </div><!-- end grid -->
  294. <div class="slds-grid slds-wrap">
  295. <div class="slds-col--padded slds-size--4-of-4">
  296. <b>Tareas realizadas: </b><br />
  297. <pre>{!a.tareas_realizadas__c}</pre><br />
  298. </div><!-- end slds -col -->
  299. </div><!-- end slds-grid -->
  300. <div class="slds-grid slds-wrap slds-m-top--large">
  301. <div class="slds-col--padded slds-size--2-of-4">
  302. <b>Contacto empresa: </b><br /><apex:inputText styleClass="slds-input" value="{!a.Contacto_empresa__c}"/>
  303. <br /><br />
  304. <b>Teléfono contacto: </b><br /><apex:inputText styleClass="slds-input" value="{!a.Telefono_contacto__c}"/>
  305. <!--<span class="{!IF(a.existe_contacto__c,'','slds-hide')}">
  306. <a href="javascript:void(0);" class="slds-button slds-button--destructive slds-button--small slds-m-top--x-small">Crear posible cliente</a>
  307. <i class="slds-text-body--small">*Ya existe un posible cliente con esta dirección de correo electrónico</i>
  308. </span>-->
  309. <span class="{!IF(a.existe_contacto__c || ISBLANK(a.E_mail_contacto__c),'slds-hide','')}"><a href="https://etalentum.my.salesforce.com/00Q/e?lea21=1&name_firstlea2={!URLENCODE(a.Contacto_empresa__c)}&lea8={!a.Telefono_contacto__c}&lea11={!a.E_mail_contacto__c}&lea3={!URLENCODE(a.empresa__c)}" target="_blank" class="slds-button slds-button--success slds-m-top--x-small">Crear posible cliente</a></span>
  310. <br /><br />
  311. </div><!-- end col -->
  312. <div class="slds-col--padded slds-size--2-of-4">
  313. <b>E-mail contacto: </b><br /><apex:inputText styleClass="slds-input" value="{!a.E_mail_contacto__c}"/><br /><br />
  314. <b>Código postal: </b><br /><apex:inputText styleClass="slds-input" value="{!a.codigo_postal__c}"/>
  315. </div><!-- end col -->
  316. </div><!-- end grid -->
  317.  
  318. <div class="slds-grid slds-wrap">
  319. <div class="slds-col--padded slds-size--4-of-4">
  320. <b>Referencias: </b><br />
  321. <div class="slds-form-element">
  322. <!--<label class="slds-form-element__label" for="inputSample2">Experiencia requerida</label>-->
  323. <div class="slds-form-element__control">
  324. <apex:inputTextarea rows="6" styleClass="slds-textarea" value="{!a.Referencia_del_empleado__c}" />
  325. </div>
  326. </div><!-- end form-element -->
  327. <div class="spacer20"></div>
  328. <div><apex:commandButton styleClass="slds-button slds-button--brand" action="{!guardarTodo}" value="Guardar" /></div>
  329. </div><!-- end col padded -->
  330. </div><!-- end grid -->
  331. <div class="spacer40"></div>
  332. <apex:variable var="cnt" value="{!cnt+1}"/>
  333. </apex:repeat>
  334. </apex:outputPanel>
  335.  
  336.  
  337. <div><h3 class="slds-section-title--divider" style="background-color:#0070D2; color:#FFFFFF;">&nbsp;Referencias generales</h3></div>
  338. <div class="slds-grid slds-wrap">
  339. <div class="slds-col--padded slds-size--4-of-4">
  340. <b>Referencias generales: </b><br />
  341. <div class="slds-form-element">
  342. <!--<label class="slds-form-element__label" for="inputSample2">Experiencia requerida</label>-->
  343. <div class="slds-form-element__control">
  344. <apex:inputTextarea rows="6" styleClass="slds-textarea" value="{!Contact.Referencias_generales__c}" html-placeholder="Ejemplo: El Señor XXX de la empresa YYY, Director de ZZZZZ, confirma que recomendaría al Candidato para trabajar en cualquier empresa." />
  345. </div>
  346. </div><!-- end form-element -->
  347. <div class="spacer20"></div>
  348. <div><apex:commandButton styleClass="slds-button slds-button--brand" action="{!guardarTodo}" value="Guardar" />
  349. </div><!-- end col padded -->
  350. </div><!-- end grid -->
  351. <div class="spacer20"></div>
  352.  
  353.  
  354. </div>
  355. </div><!-- end div scrollable -x -->
  356.  
  357. </div><!-- end grid slds-wrap -->
  358.  
  359. </div><!-- end entrevistasEtalentum-->
  360.  
  361. </div><!-- end scoped content -->
  362.  
  363. </div><!-- end tabs-scoped -->
  364. </div><!-- end col-->
  365.  
  366. <!-- ------------------------ COLUMNA DRETA ----------------->
  367. <div class="slds-col slds-col--padded slds-size--3-of-8">
  368. <div class="slds-card">
  369. <div class="slds-card__header slds-grid">
  370. <div class="slds-media slds-media--center slds-has-flexi-truncate">
  371. <div class="slds-media__figure">
  372. <svg aria-hidden="true" class="slds-icon slds-icon-action-goal slds-icon--small">
  373. <use xlink:href="{!URLFOR($Resource.Salesforce_Lightning_0_12, '/assets/icons/standard-sprite/svg/symbols.svg#record')}"></use>
  374. </svg>
  375. </div>
  376. <div class="slds-media__body">
  377. <h2 class="slds-text-heading--small slds-truncate">Currículum</h2>
  378. </div>
  379. </div><!-- end media -->
  380. </div><!-- end header -->
  381. <div class="slds-card__body">
  382. <div class="slds-col--padded slds-size--1-of-1 slds-medium-size--1-of-1 slds-large-size--1-of-1">
  383. <apex:repeat value="{!Contact.NotesAndAttachments}" var="a" >
  384. <apex:outputPanel layout="none" rendered="{!!a.IsNote}">
  385. <div class="slds-grid slds-wrap slds-m-top--large">
  386. <div class="slds-col--padded slds-size--1-of-1 slds-medium-size--1-of-1 slds-large-size--1-of-1">
  387. <iframe src="https://etalentum--c.eu2.content.force.com/servlet/servlet.FileDownload?file={!a.Id}#zoom=65" height="800px" width="100%">
  388. This browser does not support PDFs. Please download the PDF to view it: <a href="https://etalentum--c.eu2.content.force.com/servlet/servlet.FileDownload?file={!a.Id}">Download PDF</a>
  389. </iframe>
  390. </div><!-- end col -->
  391. </div><!-- end grid -->
  392. </apex:outputPanel>
  393. </apex:repeat>
  394. </div><!-- end col padded -->
  395. </div><!-- end slds-card_body -->
  396. <div class="slds-card__footer">
  397. <a>&nbsp;<span class="slds-assistive-text">entity type</span></a>
  398. </div><!-- end footer -->
  399. </div><!-- end card -->
  400. </div><!-- end col -->
  401. </div><!-- end grid -->
  402. <div class="slds-grid slds-m-top--medium slds-text-align--center" ><div class="slds-col">
  403. <apex:commandButton styleClass="slds-button slds-button--brand" action="{!guardarTodo}" value="Guardar referencias" />&nbsp;&nbsp;<a href="https://etalentum.lightning.force.com/lightning/r/Contact/{!Contact.id}/view" class="slds-button slds-button--neutral">Volver</a>
  404. </div></div>
  405. </apex:form>
  406. </div><!-- end slds class -->
  407.  
  408.  
  409. <script>
  410. $j = jQuery.noConflict();
  411.  
  412. $j(document).ready(function(){
  413. $j('.tooltip').tooltipster({
  414. contentAsHTML: true,
  415. theme: 'tooltipster-white',
  416. trigger: 'click',
  417. maxWidth: '350'
  418. });
  419.  
  420. $j('.tooltipBlue').tooltipster({
  421. contentAsHTML: true,
  422. theme: 'tooltipster-blue',
  423. trigger: 'hover',
  424. maxWidth: '350',
  425. delay: '75'
  426. });
  427.  
  428.  
  429. });
  430.  
  431. </script>
  432.  
  433. </body>
  434. </html>
  435.  
  436. </apex:page>
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!