Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3564 Rev 5000
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useState } from "react";
 2 
import React, { useState } from 'react';
3 
import ApplicationSidebar from "./application-sidebar/ApplicationSidebar";
 3 
import ApplicationSidebar from './application-sidebar/ApplicationSidebar';
4 
import ApplyModal from "./apply-modal/ApplyModal";
 4 
import ApplyModal from './apply-modal/ApplyModal';
5 
import Description from "./description/Description";
 5 
import Description from './description/Description';
6 
import Information from "./information/Information";
 6 
import Information from './information/Information';
7 
import Widget from "./widget/Widget";
 7 
import Widget from './widget/Widget';
8 
 
 - 
 
9 
const View = (props) => {
 - 
 
10 
  // backendVars destructuring
 - 
 
11 
  const {
 - 
 
12 
    jobId,
 - 
 
13 
    companyId,
 - 
 
14 
    companyImage,
 - 
 
15 
    jobTitle,
 - 
 
16 
    companyName,
 - 
 
17 
    timeElapsed,
 - 
 
18 
    location,
 - 
 
19 
    jobSaved,
 - 
 
20 
    lastDateOfApplication,
 - 
 
21 
    employmentType,
 - 
 
22 
    jobCategory,
 - 
 
23 
    jobDescription,
 - 
 
24 
    jobSkills,
 - 
 
25 
    totalApplications,
 - 
 
26 
    jobVisits,
 - 
 
27 
    experience,
 - 
 
28 
    salary,
 - 
 
29 
    jobLanguages,
 - 
 
30 
    jobDegrees,
 - 
 
31 
    companyIndustry,
 - 
 
32 
    companySize,
 - 
 
33 
    companyAddress,
 - 
 
34 
    companyWebsite,
 - 
 
35 
    companyFoundationYear,
 - 
 
36 
    jobApplyOperation,
 - 
 
37 
    userProfiles,
 - 
 
38 
  } = props.backendVars;
 - 
 
Línea -... Línea 8...
- 
 
 8 
 
- 
 
 9 
const View = ({
- 
 
 10 
  jobId,
- 
 
 11 
  companyId,
- 
 
 12 
  companyImage,
- 
 
 13 
  jobTitle,
- 
 
 14 
  companyName,
- 
 
 15 
  timeElapsed,
- 
 
 16 
  location,
- 
 
 17 
  jobSaved,
- 
 
 18 
  lastDateOfApplication,
- 
 
 19 
  employmentType,
- 
 
 20 
  jobCategory,
- 
 
 21 
  jobDescription,
- 
 
 22 
  jobSkills,
- 
 
 23 
  totalApplications,
- 
 
 24 
  jobVisits,
- 
 
 25 
  experience,
- 
 
 26 
  salary,
- 
 
 27 
  jobLanguages,
- 
 
 28 
  jobDegrees,
- 
 
 29 
  companyIndustry,
- 
 
 30 
  companySize,
- 
 
 31 
  companyAddress,
- 
 
 32 
  companyWebsite,
- 
 
 33 
  companyFoundationYear,
- 
 
 34 
  jobApplyOperation,
- 
 
 35 
  userProfiles,
39 
 
 36 
}) => {
40 
  const [showApplyModal, setShowApplyModal] = useState(false);
 37 
  const [showApplyModal, setShowApplyModal] = useState(false);
41 
  const [isJobApplied, setIsJobApplied] = useState(
 38 
  const [isJobApplied, setIsJobApplied] = useState(
42 
    jobApplyOperation === "apply" ? false : true
 39 
    jobApplyOperation === 'apply' ? false : true
Línea 43... Línea 40...
43 
  );
 40 
  );
44 
 
 41 
 
45 
  const handleShowApplyModal = () => setShowApplyModal((currentState) => !currentState)
 42 
  const handleShowApplyModal = () => setShowApplyModal((currentState) => !currentState)
Línea 46... Línea 43...
46 
  const handleApply = () => setIsJobApplied(true)
 43 
  const handleApply = () => setIsJobApplied(true)
47 
  const handleWithdrawApply = () => setIsJobApplied(false)
 - 
 
48 
 
 44 
  const handleWithdrawApply = () => setIsJobApplied(false)
49 
  return (
 - 
 
50 
    <React.Fragment>
 45 
 
51 
      <main>
 46 
  return (
52 
        <div className='view'>
 47 
    <>
53 
          <div className={`tab tab-feed`}>
 48 
      <div className='tab tab-feed'>
54 
            <ul>
 49 
        <ul>
55 
              <li data-tab="portfolio-dd" className="active animated fadeIn">
 50 
          <li data-tab='portfolio-dd' className='active animated fadeIn'>
56 
                <a href="#" title="">
 51 
            <a href='#' title=''>
57 
                  <img src="/images/ic3.png" alt="" />
 52 
              <img src='/images/ic3.png' alt='' />
58 
                  <span>Avance</span>
 53 
              <span>Avance</span>
59 
                </a>
 54 
            </a>
60 
              </li>
 55 
          </li>
61 
              <li data-tab="info-dd" className="animated fadeIn">
 56 
          <li data-tab='info-dd' className='animated fadeIn'>
62 
                <a href="#" title="">
 57 
            <a href='#' title=''>
63 
                  <img src="/images/ic2.png" alt="" />
 58 
              <img src='/images/ic2.png' alt='' />
64 
                  <span>Información</span>
 59 
              <span>Información</span>
65 
                </a>
 60 
            </a>
66 
              </li>
 - 
 
67 
            </ul>
 61 
          </li>
68 
          </div>
 - 
 
69 
          <div
 - 
 
70 
            className={`description_header product-feed-tab current animated fadeIn`}
 62 
        </ul>
71 
            id="portfolio-dd"
 63 
      </div>
72 
          >
 64 
      <div className='description_header product-feed-tab current animated fadeIn'>
73 
            <Description
 65 
        <Description
74 
              jobId={jobId}
 66 
          jobId={jobId}
75 
              companyId={companyId}
 67 
          companyId={companyId}
76 
              companyImage={companyImage}
 68 
          companyImage={companyImage}
77 
              jobTitle={jobTitle}
 69 
          jobTitle={jobTitle}
78 
              companyName={companyName}
 70 
          companyName={companyName}
79 
              timeElapsed={timeElapsed}
 71 
          timeElapsed={timeElapsed}
80 
              location={location}
 72 
          location={location}
81 
              jobSaved={jobSaved}
 73 
          jobSaved={jobSaved}
82 
              lastDateOfApplication={lastDateOfApplication}
 74 
          lastDateOfApplication={lastDateOfApplication}
83 
              employmentType={employmentType}
 75 
          employmentType={employmentType}
84 
              jobCategory={jobCategory}
 76 
          jobCategory={jobCategory}
85 
              jobDescription={jobDescription}
 77 
          jobDescription={jobDescription}
86 
              jobSkills={jobSkills}
 78 
          jobSkills={jobSkills}
87 
              totalApplications={totalApplications}
 79 
          totalApplications={totalApplications}
88 
              jobVisits={jobVisits}
 80 
          jobVisits={jobVisits}
89 
            />
 81 
        />
90 
          </div>
 82 
      </div>
91 
          <div className={`description product-feed-tab animated fadeIn`} id="info-dd">
 83 
      <div className='description product-feed-tab animated fadeIn'>
92 
            <Information
 84 
        <Information
93 
              jobDescription={jobDescription}
 85 
          jobDescription={jobDescription}
94 
              lastDateOfApplication={lastDateOfApplication}
 86 
          lastDateOfApplication={lastDateOfApplication}
95 
              employmentType={employmentType}
 87 
          employmentType={employmentType}
96 
              location={location}
 88 
          location={location}
97 
              experience={experience}
 89 
          experience={experience}
98 
              salary={salary}
 90 
          salary={salary}
99 
              jobCategory={jobCategory}
 91 
          jobCategory={jobCategory}
100 
              jobSkills={jobSkills}
 92 
          jobSkills={jobSkills}
101 
              jobLanguages={jobLanguages}
 93 
          jobLanguages={jobLanguages}
102 
              jobDegrees={jobDegrees}
 94 
          jobDegrees={jobDegrees}
103 
            />
 95 
        />
104 
          </div>
 96 
      </div>
105 
          <div className='sidebar'>
 97 
      <div className='sidebar'>
106 
            <ApplicationSidebar
 98 
        <ApplicationSidebar
107 
              jobId={jobId}
 99 
          jobId={jobId}
108 
              onApply={handleShowApplyModal}
 100 
          onApply={handleShowApplyModal}
109 
              onWithdrawApply={handleWithdrawApply}
 101 
          onWithdrawApply={handleWithdrawApply}
110 
              isJobApplied={isJobApplied}
 102 
          isJobApplied={isJobApplied}
111 
            />
 103 
        />
112 
            <Widget
 104 
        <Widget
113 
              companyIndustry={companyIndustry}
 105 
          companyIndustry={companyIndustry}
114 
              companySize={companySize}
 106 
          companySize={companySize}
115 
              companyAddress={companyAddress}
 107 
          companyAddress={companyAddress}
116 
              companyWebsite={companyWebsite}
 - 
 
117 
              companyFoundationYear={companyFoundationYear}
 108 
          companyWebsite={companyWebsite}
118 
            />
 - 
 
119 
          </div>
 109 
          companyFoundationYear={companyFoundationYear}
120 
        </div>
 110 
        />
121 
      </main>
 111 
      </div>
122 
      <ApplyModal
 112 
      <ApplyModal
123 
        show={showApplyModal}
 113 
        show={showApplyModal}
124 
        onHide={() => setShowApplyModal(false)}
 114 
        onHide={() => setShowApplyModal(false)}
125 
        jobId={jobId}
 115 
        jobId={jobId}
126 
        userProfiles={userProfiles}
 116 
        userProfiles={userProfiles}
127 
        onApplied={handleApply}
 117 
        onApplied={handleApply}
128 
      />
 118 
      />
Línea 129... Línea 119...
129 
    </React.Fragment>
 119 
    </>