Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1966 Rev 2629
Línea 133... Línea 133...
133
                  className="nav nav-tabs"
133
                  className="nav nav-tabs"
134
                  id="nav-tab"
134
                  id="nav-tab"
135
                  role="tablist"
135
                  role="tablist"
136
                >
136
                >
137
                  <a
137
                  <a
138
                    className={`nav-item nav-link ${
138
                    className={`nav-item nav-link`}
139
                      currentTab === TABS.BASIC ? "active" : ""
-
 
140
                    }`}
-
 
141
                    id="nav-basic-tab"
-
 
142
                    onClick={(e) => handleChangeTab(e, TABS.BASIC)}
139
                    onClick={(e) => handleChangeTab(e, TABS.BASIC)}
143
                  >
140
                  >
144
                    <i className="la la-user"></i>Básica
141
                    <i className="la la-user" />Básica
145
                  </a>
142
                  </a>
146
                  <a
143
                  <a
147
                    className={`nav-item nav-link ${
144
                    className={`nav-item nav-link`}
148
                      currentTab === TABS.NOTIFICATIONS ? "active" : ""
-
 
149
                    }`}
-
 
150
                    id="nav-acc-tab"
-
 
151
                    onClick={(e) => handleChangeTab(e, TABS.NOTIFICATIONS)}
145
                    onClick={(e) => handleChangeTab(e, TABS.NOTIFICATIONS)}
152
                  >
146
                  >
153
                    <i className="la la-cogs"></i>Notificaciones
147
                    <i className="la la-cogs" />Notificaciones
154
                  </a>
148
                  </a>
155
                  <a
149
                  <a
156
                    className={`nav-item nav-link ${
150
                    className={`nav-item nav-link`}
157
                      currentTab === TABS.CHANGE_PASSWORD ? "active" : ""
-
 
158
                    }`}
-
 
159
                    id="nav-password-tab"
-
 
160
                    onClick={(e) => handleChangeTab(e, TABS.CHANGE_PASSWORD)}
151
                    onClick={(e) => handleChangeTab(e, TABS.CHANGE_PASSWORD)}
161
                  >
152
                  >
162
                    <i className="fa fa-lock"></i>Cambiar clave
153
                    <i className="fa fa-lock" />Cambiar clave
163
                  </a>
154
                  </a>
164
                  <a
155
                  <a
165
                    className={`nav-item nav-link ${
156
                    className={`nav-item nav-link`}
166
                      currentTab === TABS.CHANGE_IMAGE ? "active" : ""
-
 
167
                    }`}
-
 
168
                    id="nav-image-tab"
-
 
169
                    onClick={(e) => handleChangeTab(e, TABS.CHANGE_IMAGE)}
157
                    onClick={(e) => handleChangeTab(e, TABS.CHANGE_IMAGE)}
170
                  >
158
                  >
171
                    <i className="fa fa-image"></i>Cambiar imagen
159
                    <i className="fa fa-image" />Cambiar imagen
172
                  </a>
160
                  </a>
173
                  <a
161
                  <a
174
                    className={`nav-item nav-link ${
162
                    className={`nav-item nav-link`}
175
                      currentTab === TABS.LOCATION ? "active" : ""
-
 
176
                    }`}
-
 
177
                    id="nav-location-tab"
-
 
178
                    onClick={(e) => handleChangeTab(e, TABS.LOCATION)}
163
                    onClick={(e) => handleChangeTab(e, TABS.LOCATION)}
179
                  >
164
                  >
180
                    <i className="fa fa-map-marker"></i>Ubicación
165
                    <i className="fa fa-map-marker" />Ubicación
181
                  </a>
166
                  </a>
182
                  <a
167
                  <a
183
                    className={`nav-item nav-link ${
168
                    className={`nav-item nav-link`}
184
                      currentTab === TABS.PRIVACY ? "active" : ""
-
 
185
                    }`}
-
 
186
                    id="nav-privacy-tab"
-
 
187
                    onClick={(e) => handleChangeTab(e, TABS.PRIVACY)}
169
                    onClick={(e) => handleChangeTab(e, TABS.PRIVACY)}
188
                  >
170
                  >
189
                    <i className="fa fa-user-secret"></i>Privacidad
171
                    <i className="fa fa-user-secret" />Privacidad
190
                  </a>
172
                  </a>
191
                  <a
173
                  <a
192
                    className={`nav-item nav-link ${
174
                    className={`nav-item nav-link`}
193
                      currentTab === TABS.SOCIAL_NETWORKS ? "active" : ""
-
 
194
                    }`}
-
 
195
                    id="nav-social-networks-tab"
-
 
196
                    onClick={(e) => handleChangeTab(e, TABS.SOCIAL_NETWORKS)}
175
                    onClick={(e) => handleChangeTab(e, TABS.SOCIAL_NETWORKS)}
197
                  >
176
                  >
198
                    <i className="fa fa-facebook"></i>Redes Sociales
177
                    <i className="fa fa-facebook" />Redes Sociales
199
                  </a>
178
                  </a>
200
                  <a
179
                  <a
201
                    className={`nav-item nav-link ${
180
                    className={`nav-item nav-link`}
202
                      currentTab === TABS.TRANSACTIONS ? "active" : ""
-
 
203
                    }`}
-
 
204
                    id="nav-social-networks-tab"
-
 
205
                    onClick={(e) => handleChangeTab(e, TABS.TRANSACTIONS)}
181
                    onClick={(e) => handleChangeTab(e, TABS.TRANSACTIONS)}
206
                  >
182
                  >
207
                    <i className="fa fa-money"></i>Transacciones
183
                    <i className="fa fa-money" />Transacciones
208
                  </a>
184
                  </a>
209
                  <a
185
                  <a
210
                    className={`nav-item nav-link ${
186
                    className={`nav-item nav-link`}
211
                      currentTab === TABS.CLOSE_ACCOUNT ? "active" : ""
-
 
212
                    }`}
-
 
213
                    id="nav-social-networks-tab"
-
 
214
                    onClick={(e) => handleChangeTab(e, TABS.CLOSE_ACCOUNT)}
187
                    onClick={(e) => handleChangeTab(e, TABS.CLOSE_ACCOUNT)}
215
                  >
188
                  >
216
                    <i className="fa fa-trash"></i>Cerrar cuenta
189
                    <i className="fa fa-trash"></i>Cerrar cuenta
217
                  </a>
190
                  </a>
218
                  {/* <a
-
 
219
                    className={`nav-item nav-link ${
-
 
220
                      currentTab === TABS.BROWSERS ? "active" : ""
-
 
221
                    }`}
-
 
222
                    id="nav-social-networks-tab"
-
 
223
                    onClick={(e) => handleChangeTab(e, TABS.BROWSERS)}
-
 
224
                  >
-
 
225
                    <i className="fa fa-internet-explorer"></i>Navegadores
-
 
226
                  </a>
-
 
227
                  <a
-
 
228
                    className={`nav-item nav-link ${
-
 
229
                      currentTab === TABS.IPS ? "active" : ""
-
 
230
                    }`}
-
 
231
                    id="nav-social-networks-tab"
-
 
232
                    onClick={(e) => handleChangeTab(e, TABS.IPS)}
-
 
233
                  >
-
 
234
                    <i className="fa fa-wifi"></i>Conexiones
-
 
235
                  </a>
-
 
236
                  <a
-
 
237
                    className={`nav-item nav-link ${
-
 
238
                      currentTab === TABS.DEVICES ? "active" : ""
-
 
239
                    }`}
-
 
240
                    id="nav-social-networks-tab"
-
 
241
                    onClick={(e) => handleChangeTab(e, TABS.DEVICES)}
-
 
242
                  >
-
 
243
                    <i className="fa fa-tablet"></i>Dispositivos
-
 
244
                  </a> */}
-
 
245
                </StyledNavTabs>
191
                </StyledNavTabs>
246
              </div>
192
              </div>
247
              {/* <!--acc-leftbar end--> */}
-
 
248
            </div>
193
            </div>
249
 
-
 
250
            <div className="col-lg-9">
194
            <div className="col-lg-9">
251
              <div className="tab-content h-100" id="nav-tabContent">
195
              <div className="tab-content h-100" id="nav-tabContent">
252
                <div className="tab-pane fade active show h-100">
196
                <div className="tab-pane fade active show h-100">
253
                  {TabRender()}
197
                  {TabRender()}
254
                </div>
198
                </div>
255
              </div>
199
              </div>
256
            </div>
200
            </div>
257
          </div>
201
          </div>
258
        </div>
202
        </div>
259
        {/* <!--account-tabs-setting end--> */}
-
 
260
      </div>
203
      </div>
261
    </section>
204
    </section>
262
  );
205
  );
263
};
206
};