Russia batadase API info

1. Переделал статус 2. Добавил ссылки на sobory.ru и temples.ru, внеешние ссылки 3. Вывел номер в реестре 4. Поменял порядок инфы в карточке
heritagemap · Nov 19, 2020 · 219f7b4 · 219f7b4
1 parent 65d125d
commit 219f7b4
Show file tree

Hide file tree

Showing 5 changed files with 83 additions and 14 deletions.
diff --git a/src/components/FullInfo/FullInfo.module.scss b/src/components/FullInfo/FullInfo.module.scss
@@ -1,5 +1,5 @@
 .container {
-  margin-top: 24px;
+  margin: 24px 0;
   font-size: 14px;
 }
 

diff --git a/src/components/Sidebar/Sidebar.module.scss b/src/components/Sidebar/Sidebar.module.scss
@@ -88,3 +88,15 @@
   }
 
 }
+
+.egrokn {
+  background: #ddd;
+  font-size: 11px;
+  line-height: 16px;
+  border-radius: 2px;
+  padding: 0 3px;
+  display: inline-block;
+  white-space: nowrap;
+  cursor: help;
+  letter-spacing: .5px;
+}
diff --git a/src/components/Sidebar/index.tsx b/src/components/Sidebar/index.tsx
@@ -30,8 +30,13 @@ interface InfoInterface {
   protection?: 'Ф' | 'Р' | 'М' | 'В';
   type: Type;
   knid: string;
+  knid_new?: string;
   style?: string;
   wiki?: string;
+  sobory?: string;
+  temples?: string;
+  link?: string;
+  linkextra?: string;
 }
 
 const RESOURCE = '/_api/heritage_info';
@@ -115,13 +120,17 @@ const Sidebar = () => {
         <p className={styles.mainInfo}>{info?.author}</p>
       )}
 
-      {info?.wiki && (
+      {status && (
         <div className={styles.info}>
           <svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M1.9 9C1.9 7.84 2.84 6.9 4 6.9H8V5H4C1.79 5 0 6.79 0 9C0 11.21 1.79 13 4 13H8V11.1H4C2.84 11.1 1.9 10.16 1.9 9ZM14 5H10V6.9H14C15.16 6.9 16.1 7.84 16.1 9C16.1 10.16 15.16 11.1 14 11.1H10V13H14C16.21 13 18 11.21 18 9C18 6.79 16.21 5 14 5ZM6 10H12V8H6V10Z" fill="black"/>
+            <path d="M9 17.03C4.58 17.03 1 13.45 1 9.03003C1 4.61003 4.58 1.03003 9 1.03003C13.42 1.03003 17 4.61003 17 9.03003C17 13.45 13.42 17.03 9 17.03ZM10 5.06003H8V7.06003H10V5.06003ZM10 8.06003H8V13.06H10V8.06003Z" fill="black"/>
           </svg>
 
-          <a href={`https://ru.wikipedia.org/wiki/${info.wiki}`} target="_blank" rel="noopener noreferrer" className={styles.text}><span>Доп.информация</span></a>
+          <div className={styles.text}>{status}{protection ? protection + ' ' : ' '}
+          {info?.knid_new && (
+            <span className={styles.egrokn} title="Номер в Едином государственном реестре объектов культурного наследия">{info.knid_new}</span>
+          )}
+          </div>
         </div>
       )}
 
@@ -136,18 +145,58 @@ const Sidebar = () => {
         </div>
       )}
 
-      {status && (
+      {monument.image && (
+        <FullInfo id={monument.id} image={monument.image} />
+      )}
+
+      {info?.wiki && (
         <div className={styles.info}>
           <svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M9 17.03C4.58 17.03 1 13.45 1 9.03003C1 4.61003 4.58 1.03003 9 1.03003C13.42 1.03003 17 4.61003 17 9.03003C17 13.45 13.42 17.03 9 17.03ZM10 5.06003H8V7.06003H10V5.06003ZM10 8.06003H8V13.06H10V8.06003Z" fill="black"/>
+            <path d="M1.9 9C1.9 7.84 2.84 6.9 4 6.9H8V5H4C1.79 5 0 6.79 0 9C0 11.21 1.79 13 4 13H8V11.1H4C2.84 11.1 1.9 10.16 1.9 9ZM14 5H10V6.9H14C15.16 6.9 16.1 7.84 16.1 9C16.1 10.16 15.16 11.1 14 11.1H10V13H14C16.21 13 18 11.21 18 9C18 6.79 16.21 5 14 5ZM6 10H12V8H6V10Z" fill="black"/>
           </svg>
 
-      <div className={styles.text}>{status} {protection ? `, ${protection}` : ''}</div>
+          <a href={`https://ru.wikipedia.org/wiki/${info.wiki}`} target="_blank" rel="noopener noreferrer" className={styles.text}><span>Статья в Википедии</span></a>
         </div>
       )}
 
-      {monument.image && (
-        <FullInfo id={monument.id} image={monument.image} />
+      {info?.sobory && (
+        <div className={styles.info}>
+          <svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M1.9 9C1.9 7.84 2.84 6.9 4 6.9H8V5H4C1.79 5 0 6.79 0 9C0 11.21 1.79 13 4 13H8V11.1H4C2.84 11.1 1.9 10.16 1.9 9ZM14 5H10V6.9H14C15.16 6.9 16.1 7.84 16.1 9C16.1 10.16 15.16 11.1 14 11.1H10V13H14C16.21 13 18 11.21 18 9C18 6.79 16.21 5 14 5ZM6 10H12V8H6V10Z" fill="black"/>
+          </svg>
+
+          <a href={`https://sobory.ru/article/?object=${info.sobory}`} target="_blank" rel="noopener noreferrer" className={styles.text}><span>Объект на сайте sobory.ru</span></a>
+        </div>
+      )}
+
+      {info?.temples && (
+        <div className={styles.info}>
+          <svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M1.9 9C1.9 7.84 2.84 6.9 4 6.9H8V5H4C1.79 5 0 6.79 0 9C0 11.21 1.79 13 4 13H8V11.1H4C2.84 11.1 1.9 10.16 1.9 9ZM14 5H10V6.9H14C15.16 6.9 16.1 7.84 16.1 9C16.1 10.16 15.16 11.1 14 11.1H10V13H14C16.21 13 18 11.21 18 9C18 6.79 16.21 5 14 5ZM6 10H12V8H6V10Z" fill="black"/>
+          </svg>
+
+          <a href={`http://temples.ru/card.php?ID=${info.temples}`} target="_blank" rel="noopener noreferrer" className={styles.text}><span>Объект в проекте «Храмы России»</span></a>
+        </div>
+      )}
+
+      {info?.link && (
+        <div className={styles.info}>
+          <svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M1.9 9C1.9 7.84 2.84 6.9 4 6.9H8V5H4C1.79 5 0 6.79 0 9C0 11.21 1.79 13 4 13H8V11.1H4C2.84 11.1 1.9 10.16 1.9 9ZM14 5H10V6.9H14C15.16 6.9 16.1 7.84 16.1 9C16.1 10.16 15.16 11.1 14 11.1H10V13H14C16.21 13 18 11.21 18 9C18 6.79 16.21 5 14 5ZM6 10H12V8H6V10Z" fill="black"/>
+          </svg>
+
+          <a href={info.link} target="_blank" rel="noopener noreferrer" className={styles.text}><span>Дополнительная информация</span></a>
+        </div>
+      )}
+
+      {info?.linkextra && (
+        <div className={styles.info}>
+          <svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M1.9 9C1.9 7.84 2.84 6.9 4 6.9H8V5H4C1.79 5 0 6.79 0 9C0 11.21 1.79 13 4 13H8V11.1H4C2.84 11.1 1.9 10.16 1.9 9ZM14 5H10V6.9H14C15.16 6.9 16.1 7.84 16.1 9C16.1 10.16 15.16 11.1 14 11.1H10V13H14C16.21 13 18 11.21 18 9C18 6.79 16.21 5 14 5ZM6 10H12V8H6V10Z" fill="black"/>
+          </svg>
+
+          <a href={info.linkextra} target="_blank" rel="noopener noreferrer" className={styles.text}><span>И ещё информация</span></a>
+        </div>
       )}
 
       <div className={styles.license}>

diff --git a/src/utils/getProtegtion.ts b/src/utils/getProtegtion.ts
@@ -1,8 +1,8 @@
 const PROTECTIONS = {
-  Ф: "федерального значения",
-  Р: "регионального значения",
-  М: "местного значения",
-  В: 'выявленный'
+  Ф: " федерального значения",
+  Р: " регионального значения",
+  М: " местного значения",
+  В: ", выявленный"
 }
 export default function(protection: 'Ф' | 'Р' | 'М' | 'В') {
   return PROTECTIONS[protection] || '';

diff --git a/src/utils/getStatus.ts b/src/utils/getStatus.ts
@@ -13,7 +13,15 @@ const TYPE_OF_MONUMENT = {
   settlement0: 'Обладает признаками исторического поселения, не охраняется государством'
 };
 
+const IS_OFFICIAL = {
+  '0': '1',
+  '1': '1',
+  '2': '1',
+  '3': '1',
+  '4': '0'
+};
+
 export default function(type: Type, knid: string) {
   // @ts-ignore
-  return TYPE_OF_MONUMENT[type + knid[2]] || '';
+  return TYPE_OF_MONUMENT[type + IS_OFFICIAL[knid[2]]] || '';
 }