TPS
/
etalon_frontend
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add legistion api

This commit is contained in:
gerchek 2022-01-17 13:20:21 +05:00
parent 56aad98944
commit b198bf846a
1 changed files with 136 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

246
src/pages/Legislation.js
View File

@ -1,119 +1,145 @@
// IMPORT MODULES
import React, { useEffect } from "react";
import React from "react";
import i18n from '../i18n';
import { withTranslation } from 'react-i18next';
// IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb";
import Breadcrumb from "../components/Global/Breadcrumb";
const Legislation = () => {
useEffect(() => {
window.scrollTo(0, 0);
}, []);
// const Legislation = () => {
// useEffect(() => {
// window.scrollTo(0, 0);
// }, []);
return (
<section className="legislation">
<Breadcrumb path_1="Законодательная база" currentUrl="/legislation" />
<div className="container">
<div className="legislation-inner">
<div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text">
Законодательная база
</h4>
<div className="tab-header-line"></div>
</div>
<div className="law-card-wrapper">
<div className="law-card">
<p className="law-card-text">
Утвержденный приказом Главной Государственной службы
«Туркменстандартлары» 1/148 от 05.11.2015г.
</p>
<p className="law-card-bold">
Об утверждении «Порядка о проверке, калибровки и государственных
метрологических испытаний средств измерений и стандартных
образцов»
</p>
</div>
<div className="law-card">
<p className="law-card-text">
Утвержденный приказом Главной Государственной службы
«Туркменстандартлары» 1/153 от 16.11.2015г.
</p>
<p className="law-card-bold">
Об утверждении «Порядка проведения измерений и разработки
методики проверки средств измерений и проведения испытаний»
</p>
</div>
<div className="law-card">
<p className="law-card-text">
Утвержденный приказом Главной Государственной службы
«Туркменстандартлары» 1/119 от 14.09.2015г.
</p>
<p className="law-card-bold">
Об утверждении «Порядка проведения измерений и разработки
методики поверки средств измерений и проведения испытаний»
</p>
</div>
<div className="law-card">
<p className="law-card-text">
Утвержденной приказом Главной Государственной службы
«Туркменстандартлары» 1/60 от 27.03.2014г.
</p>
<p className="law-card-bold">
Об утверждении «Порядка сертификации продукции»
</p>
</div>
<div className="law-card">
<p className="law-card-text">
Утвержденный приказом Главной Государственной службы
«Туркменстандартлары» от 25.04.2013г.
</p>
<p className="law-card-bold">
Об утверждении «Перечня единиц величин, не входящих в
международную систему, разрешенных к применению В Туркменистане»
</p>
</div>
<div className="law-card">
<p className="law-card-text">
Постановление Президента от 01.02.2013г.
</p>
<p className="law-card-bold">
Об утверждении «Перечня единиц величин, разрешенных к применению
в Туркменистане»
</p>
</div>
<div className="law-card">
<p className="law-card-text">
Утвержденный приказом Главной Государственной службы
«Туркменстандартлары» 1/108 от 13.08.2015г.
</p>
<p className="law-card-bold">
Об утверждении «Периода проверки и калибровки средств измерений,
подлежащих калибровки и проверки.»
</p>
</div>
<div className="law-card">
<p className="law-card-text">
Утвержденный приказом Главной Государственной службы
«Туркменстандартлары» 1/231 от 25.11.2014г.
</p>
<p className="law-card-bold">
Об утверждении «Порядка проведения консервации резервуаров»
</p>
</div>
<div className="law-card">
<p className="law-card-text">
Утвержденный приказом Главной Государственной службы
«Туркменстандартлары» от 25.04.2013г.
</p>
<p className="law-card-bold">
Об утверждении «Перечня единиц величин не входящих в
международную систему разрешенных к применению В Туркменистане»
</p>
class Legislation extends React.Component {
constructor(props) {
super(props);
this.state = {
items: [],
DataisLoaded: false,
error: null
};
}
componentDidMount() {
this._mounted = true
this.makeRemoteRequest();
}
componentWillUnmount() {
this._mounted = false
}
makeRemoteRequest = () => {
const url = `http://217.174.238.204:8888/api/v1/categories/6`
if (this._mounted) {
this.setState({ DataisLoaded: true });
}
setTimeout(() => {
fetch(url, {
method: 'GET',
})
.then(res => res.json())
.then(res => {
if (this._mounted) {
this.setState({
items: res.data[0]['posts'],
error: res.message || null,
DataisLoaded: true,
})
// console.log(res.data)
console.log(res.data[0]['posts'][0]['translations'][1]['attribute_data'])
}
})
.catch(error => {
if (this._mounted) {
this.setState({ error, DataisLoaded: false});
}
});
}, 1500);
};
render() {
// const { DataisLoaded, items } = this.state;
// if (!DataisLoaded) return <div>
// <h1> Pleses wait some time.... </h1> </div> ;
// if(i18n.language == 'en')
// {
// this.componentDidMount();
// console.log('salam-en');
// }
// else
// {
// this.componentDidMount();
// console.log('salam-ruru');
// }
const { t } = this.props;
var {DataisLoaded, items} = this.state;
if(!DataisLoaded){
return <div>Loading ....</div>
}else{
return (
<section className="legislation">
<Breadcrumb path_1="Законодательная база" currentUrl="/legislation" />
<div className="container">
<div className="legislation-inner">
<div className="tab-header">
<h4 className="tab-header-text" id="tab-header-text">
Законодательная база
</h4>
<div className="tab-header-line"></div>
</div>
<div className="law-card-wrapper">
{items.map(item=>(
<div className="law-card" key={item.id}>
<p className="law-card-text">
{/* {item.title} */}
{ i18n.language === 'en' &&
JSON.parse(item['translations'][0]['attribute_data']).title
}
{ i18n.language === 'ru' &&
item.title
}
{ i18n.language === 'tm' &&
JSON.parse(item['translations'][1]['attribute_data']).title
}
</p>
<p className="law-card-bold">
{item.content}
</p>
</div>
))}
</div>
</div>
</div>
</div>
</div>
</section>
);
</section>
);
}
}
};
export default Legislation;
// export default Legislation;
export default withTranslation()(Legislation);