Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3227 | Rev 5000 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3227 Rev 3564
Línea -... Línea 1...
- 
 
 1 
/* eslint-disable react/prop-types */
1 
import React, { useState } from "react";
 2 
import React, { useState } from "react";
2 
import ApplicationSidebar from "./application-sidebar/ApplicationSidebar";
 3 
import ApplicationSidebar from "./application-sidebar/ApplicationSidebar";
3 
import ApplyModal from "./apply-modal/ApplyModal";
 4 
import ApplyModal from "./apply-modal/ApplyModal";
4 
import Description from "./description/Description";
 5 
import Description from "./description/Description";
5 
import Information from "./information/Information";
 6 
import Information from "./information/Information";
6 
import Widget from "./widget/Widget";
 7 
import Widget from "./widget/Widget";
Línea 7... Línea -...
7 
 
 - 
 
8 
import styles from "./View.module.scss";
 - 
 
9 
 
 8 
 
10 
const View = (props) => {
 9 
const View = (props) => {
11 
  // backendVars destructuring
 10 
  // backendVars destructuring
12 
  const {
 11 
  const {
13 
    jobId,
 12 
    jobId,
Línea 41... Línea 40...
41 
  const [showApplyModal, setShowApplyModal] = useState(false);
 40 
  const [showApplyModal, setShowApplyModal] = useState(false);
42 
  const [isJobApplied, setIsJobApplied] = useState(
 41 
  const [isJobApplied, setIsJobApplied] = useState(
43 
    jobApplyOperation === "apply" ? false : true
 42 
    jobApplyOperation === "apply" ? false : true
44 
  );
 43 
  );
Línea 45... Línea -...
45 
 
 - 
 
46 
  const handleShowApplyModal = () => {
 44 
 
47 
    setShowApplyModal((currentState) => !currentState);
 - 
 
48 
  };
 - 
 
49 
 
 45 
  const handleShowApplyModal = () => setShowApplyModal((currentState) => !currentState)
50 
  const handleApply = () => {
 - 
 
51 
    setIsJobApplied(true);
 - 
 
52 
  };
 - 
 
53 
 
 46 
  const handleApply = () => setIsJobApplied(true)
54 
  const handleWithdrawApply = () => {
 - 
 
55 
    setIsJobApplied(false);
 - 
 
Línea 56... Línea 47...
56 
  };
 47 
  const handleWithdrawApply = () => setIsJobApplied(false)
57 
 
 48 
 
58 
  return (
 49 
  return (
59 
    <React.Fragment>
 50 
    <React.Fragment>
60 
      <main>
 51 
      <main>
61 
        <div className={styles.view}>
 52 
        <div className='view'>
62 
          <div className={`${styles.tab} tab-feed`}>
 53 
          <div className={`tab tab-feed`}>
63 
            <ul>
 54 
            <ul>
64 
              <li data-tab="portfolio-dd" className="active animated fadeIn">
 55 
              <li data-tab="portfolio-dd" className="active animated fadeIn">
65 
                <a href="#" title="">
 56 
                <a href="#" title="">
66 
                  <img src="/images/ic3.png" alt="" />
 57 
                  <img src="/images/ic3.png" alt="" />
67 
                  <span>Avance</span>
 58 
                  <span>Avance</span>
68 
                </a>
 59 
                </a>
69 
              </li>
 60 
              </li>
70 
              <li data-tab="info-dd" className="animated fadeIn">
 61 
              <li data-tab="info-dd" className="animated fadeIn">
71 
                <a href="#" title="">
 62 
                <a href="#" title="">
72 
                  <img src="/images/ic2.png" alt="" />
 63 
                  <img src="/images/ic2.png" alt="" />
73 
                  <span>Informaci&oacute;n</span>
 64 
                  <span>Información</span>
74 
                </a>
 65 
                </a>
75 
              </li>
 66 
              </li>
76 
            </ul>
 - 
 
77 
          </div>
 - 
 
78 
          {/* <!-- tab-feed end--> */}
 67 
            </ul>
79 
          {/* <!--fin del tab--> */}
 68 
          </div>
80 
          <div
 69 
          <div
81 
            className={` ${styles.description_header} product-feed-tab current animated fadeIn`}
 70 
            className={`description_header product-feed-tab current animated fadeIn`}
82 
            id="portfolio-dd"
 71 
            id="portfolio-dd"
83 
          >
 72 
          >
84 
            <Description
 73 
            <Description
Línea 96... Línea 85...
96 
              jobDescription={jobDescription}
 85 
              jobDescription={jobDescription}
97 
              jobSkills={jobSkills}
 86 
              jobSkills={jobSkills}
98 
              totalApplications={totalApplications}
 87 
              totalApplications={totalApplications}
99 
              jobVisits={jobVisits}
 88 
              jobVisits={jobVisits}
100 
            />
 89 
            />
101 
            {/* <!--post-bar end--> */}
 - 
 
102 
          </div>
 90 
          </div>
103 
          {/* <!--posts-section end--> */}
 - 
 
104 
          <div
 - 
 
105 
            className={`${styles.description} product-feed-tab animated fadeIn`}
 91 
          <div className={`description product-feed-tab animated fadeIn`} id="info-dd">
106 
            id="info-dd"
 - 
 
107 
          >
 - 
 
108 
            <Information
 92 
            <Information
109 
              jobDescription={jobDescription}
 93 
              jobDescription={jobDescription}
110 
              lastDateOfApplication={lastDateOfApplication}
 94 
              lastDateOfApplication={lastDateOfApplication}
111 
              employmentType={employmentType}
 95 
              employmentType={employmentType}
112 
              location={location}
 96 
              location={location}
Línea 116... Línea 100...
116 
              jobSkills={jobSkills}
 100 
              jobSkills={jobSkills}
117 
              jobLanguages={jobLanguages}
 101 
              jobLanguages={jobLanguages}
118 
              jobDegrees={jobDegrees}
 102 
              jobDegrees={jobDegrees}
119 
            />
 103 
            />
120 
          </div>
 104 
          </div>
121 
 
 - 
 
122 
          {/* <!--product-feed-tab end--> */}
 - 
 
123 
          {/* <!--main-ws-sec end--> */}
 - 
 
124 
          <div className={styles.sidebar}>
 105 
          <div className='sidebar'>
125 
            <ApplicationSidebar
 106 
            <ApplicationSidebar
126 
              jobId={jobId}
 107 
              jobId={jobId}
127 
              onApply={handleShowApplyModal}
 108 
              onApply={handleShowApplyModal}
128 
              onWithdrawApply={handleWithdrawApply}
 109 
              onWithdrawApply={handleWithdrawApply}
129 
              isJobApplied={isJobApplied}
 110 
              isJobApplied={isJobApplied}
130 
            />
 111 
            />
131 
            {/* <!--widget-about end--> */}
 - 
 
132 
            <Widget
 112 
            <Widget
133 
              companyIndustry={companyIndustry}
 113 
              companyIndustry={companyIndustry}
134 
              companySize={companySize}
 114 
              companySize={companySize}
135 
              companyAddress={companyAddress}
 115 
              companyAddress={companyAddress}
136 
              companyWebsite={companyWebsite}
 116 
              companyWebsite={companyWebsite}