Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5429 Rev 5566
Línea 11... Línea 11...
11 
import CompanyFollowersHelper from '../../../shared/helpers/company-followers-helper/CompanyFollowers'
 11 
import CompanyFollowersHelper from '../../../shared/helpers/company-followers-helper/CompanyFollowers'
12 
import CompanyInfo from '../components/CompanyInfo'
 12 
import CompanyInfo from '../components/CompanyInfo'
Línea 13... Línea 13...
13 
 
 13 
 
14 
const TABS = {
 14 
const TABS = {
15 
  FEEDS: 'FEEDS',
 15 
  FEEDS: 'FEEDS',
16 
  INFO: 'INFO'
 16 
  INFO: 'INFO',
Línea 17... Línea -...
17 
}
 - 
 
18 
 
 - 
 
19 
const View = ({
 17 
}
20 
  backendVars,
 - 
 
21 
  setTimelineUrl,
 - 
 
22 
  setIntlLabels,
 - 
 
23 
  labels
 18 
 
24 
}) => {
 19 
const View = ({ backendVars, setTimelineUrl, setIntlLabels, labels }) => {
25 
  const {
 20 
  const {
26 
    companyId,
 21 
    companyId,
27 
    cover,
 22 
    cover,
Línea 35... Línea 30...
35 
    locations,
 30 
    locations,
36 
    industry,
 31 
    industry,
37 
    companySize,
 32 
    companySize,
38 
    foundationYear,
 33 
    foundationYear,
39 
    website,
 34 
    website,
40 
    timeline
 35 
    timeline,
41 
  } = backendVars
 36 
  } = backendVars
42 
  const [isFollower, setIsFollower] = useState(false)
 37 
  const [isFollower, setIsFollower] = useState(false)
43 
  const [currentTab, setCurrentTab] = useState(TABS.INFO)
 38 
  const [currentTab, setCurrentTab] = useState(TABS.INFO)
44 
  const shouldSetInitialTab = useRef(true)
 39 
  const shouldSetInitialTab = useRef(true)
Línea 48... Línea 43...
48 
    shouldSetInitialTab.current = false
 43 
    shouldSetInitialTab.current = false
49 
    setIntlLabels(labels)
 44 
    setIntlLabels(labels)
50 
  }, [])
 45 
  }, [])
Línea 51... Línea 46...
51 
 
 46 
 
52 
  useEffect(() => {
 - 
 
53 
    isFollower
 47 
  useEffect(() => {
54 
      ? setCurrentTab(TABS.FEEDS)
 - 
 
55 
      : setCurrentTab(TABS.INFO)
 48 
    isFollower ? setCurrentTab(TABS.FEEDS) : setCurrentTab(TABS.INFO)
Línea 56... Línea 49...
56 
  }, [isFollower])
 49 
  }, [isFollower])
57 
 
 50 
 
58 
  useEffect(() => {
 51 
  useEffect(() => {
Línea 64... Línea 57...
64 
  const markIsFollower = (val) => setIsFollower(val)
 57 
  const markIsFollower = (val) => setIsFollower(val)
Línea 65... Línea 58...
65 
 
 58 
 
66 
  return (
 59 
  return (
67 
    <>
 60 
    <>
- 
 
 61 
      <section className="cover-sec">
68 
      <section className="cover-sec">
 62 
        <img
- 
 
 63 
          src={`/storage/type/company-cover/code/${companyId}/${
- 
 
 64 
            cover ? `filename/${cover}` : ''
- 
 
 65 
          }`}
- 
 
 66 
          alt="cover-image"
69 
        <img src={`/storage/type/company-cover/code/${companyId}/${cover ? `filename/${cover}` : ''}`} alt="cover-image" />
 67 
        />
70 
      </section>
 68 
      </section>
71 
      <main className="main-section-data container px-0 mt-3">
 69 
      <main className="main-section-data container px-0 mt-3">
72 
        <div className="main-left-sidebar">
 70 
        <div className="main-left-sidebar">
73 
          <CompanyInfo
 71 
          <CompanyInfo
Línea 84... Línea 82...
84 
            <CompanyFollowersHelper companyId={companyId} />
 82 
            <CompanyFollowersHelper companyId={companyId} />
85 
          </div>
 83 
          </div>
86 
        </div>
 84 
        </div>
87 
        <div className="main-ws-sec">
 85 
        <div className="main-ws-sec">
88 
          <div className="user-tab-sec rewivew">
 86 
          <div className="user-tab-sec rewivew">
89 
 
 - 
 
90 
            <div className="row">
 87 
            <div className="row">
91 
              {isFollower &&
 88 
              {isFollower && (
92 
                <div className="col text-left pl-0">
 89 
                <div className="col text-left pl-0">
93 
                  <button
 90 
                  <button
94 
                    className="btn btn-link p-0 text-decoration-none"
 91 
                    className="btn btn-link p-0 text-decoration-none"
95 
                    onClick={() => changeCurrentTab(TABS.FEEDS)}
 92 
                    onClick={() => changeCurrentTab(TABS.FEEDS)}
96 
                    style={{ padding: '0 !important' }}
 93 
                    style={{ padding: '0 !important' }}
97 
                  >
 94 
                  >
98 
                    <span className="p-0 default-link font-weight-bold text-dark">Ver Publicaciones</span>
 95 
                    <span className="p-0 default-link font-weight-bold text-dark">
- 
 
 96 
                      Ver Publicaciones
- 
 
 97 
                    </span>
99 
                  </button>
 98 
                  </button>
100 
                </div>
 99 
                </div>
101 
              }
 100 
              )}
102 
              <div className="col text-right pr-0">
 101 
              <div className="col text-right pr-0">
103 
                <button
 102 
                <button
104 
                  className="btn btn-link p-0 text-decoration-none"
 103 
                  className="btn btn-link p-0 text-decoration-none"
105 
                  onClick={() => changeCurrentTab(TABS.INFO)}
 104 
                  onClick={() => changeCurrentTab(TABS.INFO)}
106 
                  style={{ padding: '0 !important' }}
 105 
                  style={{ padding: '0 !important' }}
107 
                >
 106 
                >
108 
                  <span className="p-0 default-link font-weight-bold text-dark">Ver Información</span>
 107 
                  <span className="p-0 default-link font-weight-bold text-dark">
- 
 
 108 
                    Ver Información
- 
 
 109 
                  </span>
109 
                </button>
 110 
                </button>
110 
              </div>
 111 
              </div>
111 
            </div>
 112 
            </div>
112 
 
 - 
 
113 
          </div>
 113 
          </div>
114 
          {
 - 
 
115 
            currentTab === TABS.FEEDS &&
 114 
          {currentTab === TABS.FEEDS && (
116 
            <div
 115 
            <div
117 
              className="product-feed-tab animated fadeIn"
 116 
              className="product-feed-tab animated fadeIn"
118 
              id="feed-dd feed"
 117 
              id="feed-dd feed"
119 
              style={{ display: 'block' }}
 118 
              style={{ display: 'block' }}
120 
            >
 119 
            >
121 
              <div className="posts-section">
 120 
              <div className="posts-section">
122 
                <FeedSection
 121 
                <FeedSection
123 
                  routeTimeline={timeline}
 122 
                  routeTimeline={timeline}
124 
                  image={`/storage/type/company/code/${companyId}/${image ? `filename/${image}` : ''}`}
 123 
                  image={`/storage/type/company/code/${companyId}/${
- 
 
 124 
                    image ? `filename/${image}` : ''
- 
 
 125 
                  }`}
125 
                />
 126 
                />
126 
              </div>
 127 
              </div>
127 
            </div>
 128 
            </div>
128 
          }
 129 
          )}
129 
          {
 - 
 
130 
            currentTab === TABS.INFO &&
 130 
          {currentTab === TABS.INFO && (
131 
            < div
 131 
            <div
132 
              className="product-feed-tab animated fadeIn"
 132 
              className="product-feed-tab animated fadeIn"
133 
              id="feed-dd info"
 133 
              id="feed-dd info"
134 
              style={{ display: 'block' }}
 134 
              style={{ display: 'block' }}
135 
            >
 135 
            >
136 
              {
 - 
 
137 
                overview &&
 136 
              {overview && (
138 
                <div className="user-profile-extended-ov">
 137 
                <div className="user-profile-extended-ov">
139 
                  <h3>Visión general</h3>
 138 
                  <h3>Visión general</h3>
140 
                  <span>{parse(overview)}</span>
 139 
                  <span>{parse(overview)}</span>
141 
                </div>
 140 
                </div>
142 
              }
 141 
              )}
143 
              {
 - 
 
144 
                locations &&
 142 
              {locations && (
145 
                <div className="user-profile-extended-ov st2">
 143 
                <div className="user-profile-extended-ov st2">
146 
                  <h3>Ubicación</h3>
 144 
                  <h3>Ubicación</h3>
147 
                  <span>
 145 
                  <span>
148 
                    {locations.map(
 - 
 
149 
                      ({ formatted_address, is_main }, index) => (
 146 
                    {locations.map(({ formatted_address, is_main }, index) => (
150 
                        <React.Fragment key={index}>
 147 
                      <React.Fragment key={index}>
151 
                          {index >= 0 ? <hr /> : ''}
 148 
                        {index >= 0 ? <hr /> : ''}
152 
                          <p>
 149 
                        <p>
- 
 
 150 
                          {`${formatted_address} ${
153 
                            {`${formatted_address} ${is_main === 'y' ? '(Principal)' : ''
 151 
                            is_main === 'y' ? '(Principal)' : ''
154 
                              }`}
 152 
                          }`}
155 
                          </p>
 153 
                        </p>
156 
                        </React.Fragment>
 154 
                      </React.Fragment>
157 
                      )
 - 
 
158 
                    )}
 155 
                    ))}
159 
                  </span>
 156 
                  </span>
160 
                </div>
 157 
                </div>
161 
              }
 158 
              )}
162 
              {
 - 
 
163 
                industry &&
 159 
              {industry && (
164 
                <div className="user-profile-ov">
 160 
                <div className="user-profile-ov">
165 
                  <h3>Industria</h3>
 161 
                  <h3>Industria</h3>
166 
                  <span>{industry}</span>
 162 
                  <span>{industry}</span>
167 
                </div>
 163 
                </div>
168 
              }
 164 
              )}
169 
              {
 - 
 
170 
                companySize &&
 165 
              {companySize && (
171 
                <div className="user-profile-ov">
 166 
                <div className="user-profile-ov">
172 
                  <h3>Tamaño de la empresa</h3>
 167 
                  <h3>Tamaño de la empresa</h3>
173 
                  <span>{companySize}</span>
 168 
                  <span>{companySize}</span>
174 
                </div>
 169 
                </div>
175 
              }
 170 
              )}
176 
              {
 - 
 
177 
                foundationYear &&
 171 
              {foundationYear && (
178 
                <div className="user-profile-ov">
 172 
                <div className="user-profile-ov">
179 
                  <h3>Año de fundación</h3>
 173 
                  <h3>Año de fundación</h3>
180 
                  <span>{foundationYear}</span>
 174 
                  <span>{foundationYear}</span>
181 
                </div>
 175 
                </div>
182 
              }
 176 
              )}
183 
              {
 - 
 
184 
                website &&
 177 
              {website && (
185 
                <div className="user-profile-ov">
 178 
                <div className="user-profile-ov">
186 
                  <h3>Página web</h3>
 179 
                  <h3>Página web</h3>
187 
                  <span>{website}</span>
 180 
                  <span>{website}</span>
188 
                </div>
 181 
                </div>
189 
              }
 182 
              )}
190 
            </div>
 183 
            </div>
191 
          }
 184 
          )}
192 
        </div>
 185 
        </div>
193 
        <div className="right-sidebar">
 186 
        <div className="right-sidebar">
- 
 
 187 
          <SuggestWidget
- 
 
 188 
            title="Empresas similares:"
194 
          <SuggestWidget title='Empresas similares:' url={`/helpers/company-suggestion/${companyId}`} />
 189 
            url={`/helpers/company-suggestion/${companyId}`}
- 
 
 190 
          />
195 
        </div>
 191 
        </div>
196 
      </main>
 192 
      </main>
197 
    </>
 193 
    </>
198 
  )
 194 
  )
199 
}
 195 
}
Línea 200... Línea 196...
200 
 
 196 
 
201 
const mapDispatchToProps = {
 197 
const mapDispatchToProps = {
202 
  addNotification: (notification) => addNotification(notification),
 198 
  addNotification: (notification) => addNotification(notification),
203 
  setTimelineUrl: (url) => setTimelineUrl(url),
 199 
  setTimelineUrl: (url) => setTimelineUrl(url),
204 
  setIntlLabels: (labels) => setIntlLabels(labels)
 200 
  setIntlLabels: (labels) => setIntlLabels(labels),
Línea 205... Línea 201...
205 
}
 201 
}