ehr-alerts-ui 0.0.17 → 0.0.18

package/package.json

@@ -3,7 +3,7 @@
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",
   "types": "lib/components/index.d.ts",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "dependencies": {
     "@types/node": "^12.0.0",
     "@types/react": "^17.0.0",
@@ -64,7 +64,7 @@
     "start": "react-scripts start",
     "build": "rm -rf lib && rollup -c rollup.config.js",
     "prepack": "npm run build",
-    "build_standalone": "rm -rf build && sed -i \"s~0.0.17~0.0.10~\" ./package.json && react-scripts build"
+    "build_standalone": "rm -rf build && sed -i \"s~0.0.18~0.0.10~\" ./package.json && react-scripts build"
   },
   "eslintConfig": {
     "extends": [

package/src/library/components/AlertModal/AlertModal.tsx

@@ -31,8 +31,8 @@ const audiences = [
 
 const messageLevels = [
   {code: MessageLevel.TEADE, texts: 'Teade (roheline)'},
-  {code: MessageLevel.HOIATUS, texts: 'Hoiatus'},
-  {code: MessageLevel.VEATEADE, texts: 'Veateade'},
+  {code: MessageLevel.HOIATUS, texts: 'Hoiatus (kollane)'},
+  {code: MessageLevel.VEATEADE, texts: 'Veateade (punane)'},
 ]
 
 const AlertModal: React.FC<AlertModalState & AlertModalDispatch> = ({alert, clearAlert, editAlert, postAlert,
@@ -316,7 +316,7 @@ const AlertModal: React.FC<AlertModalState & AlertModalDispatch> = ({alert, clea
             <div className='alerts-ui--alert-creation-modal--content'>
 
               <FieldWrapper label='Teate publik'
-                            info={{content: 'Teate publik label'}}
+                            info={{content: 'Autentimata kasutaja on iga kasutaja, kes avab e-ehituse veebilehe. Autenditud kasutaja on kasutaja, kes logib end e-ehituse veebi sisse. Teate loomisel tuleb arvestada, kas teade on vajalik neile, kes on juba lehel sisse loginud või kõikidele, kes lehele satuvad.'}}
                             className={checkSelfError('publik')}
                             component={
                               <Select name='audience' value={alert.audience} onChange={onAudienceChange} options={audiences} />
@@ -325,7 +325,7 @@ const AlertModal: React.FC<AlertModalState & AlertModalDispatch> = ({alert, clea
               />
 
               <FieldWrapper label='Teate tase'
-                            info={{content: 'Teate tase label'}}
+                            info={{content: 'Teade (roheline) on neutraalse või positiivse sisuga. Näiteks info uue teenuse või muutuse kohta keskkonnas. Hoiatus (kollane) on hoiatav info millegi kohta, mis võib häirida kasutaja tööd lehel, kuid ei takista. Näiteks suhtlus mõne teise registriga võib olla häiritud. Veateade (punane) on teade selle kohta, et midagi ei tööta ja see takistab tööd lehel. Näiteks teenus on mingi aeg maas, allkirjastamine ei tööta, sisse logida ei saa.'}}
                             className={checkSelfError('tease')}
                             component={
                               <Select name='level' value={alert.level} onChange={onLevelChange} options={messageLevels} />
@@ -334,7 +334,7 @@ const AlertModal: React.FC<AlertModalState & AlertModalDispatch> = ({alert, clea
               />
 
               <FieldWrapper label='Teate kuvamise algus'
-                            info={{content: 'Teate kuvamise algus label'}}
+                            info={{content: 'Teade kuvatakse kasutajale siin märgitud kellaajast alates'}}
                             component={
                               <div className='alerts-ui--alert-creation-modal--content--date'>
                                 <InternalDatePicker date={alert.begin} onChange={onDateStartChange} title='start_date'
@@ -359,7 +359,7 @@ const AlertModal: React.FC<AlertModalState & AlertModalDispatch> = ({alert, clea
               />
 
               <FieldWrapper label='Teate kuvamise lõpp'
-                            info={{content: 'Teate kuvamise lõpp label'}}
+                            info={{content: 'Teate kuvamine kasutajale lõpeb siin märgitud kellaajast'}}
                             component={
                               <div className='alerts-ui--alert-creation-modal--content--date'>
                                 <InternalDatePicker date={alert.end} onChange={onDateEndChange} title='end_date'
@@ -384,10 +384,9 @@ const AlertModal: React.FC<AlertModalState & AlertModalDispatch> = ({alert, clea
                             required
               />
 
-              <Section form={true} title='EE' >
+              {/*<Section form={true} title='EE' >*/}
 
                 <FieldWrapper label='Teate pealkiri'
-                              info={{content: 'Teate pealkiri label'}}
                               className={checkSelfError('title')}
                               component={
                                 <Input name='Title EE' value={alert.title}
@@ -399,7 +398,6 @@ const AlertModal: React.FC<AlertModalState & AlertModalDispatch> = ({alert, clea
                 />
 
                 <FieldWrapper label='Teate sisu'
-                              info={{content: 'Teate sisu label'}}
                               className={checkSelfError('content')}
                               component={
                                 <TextArea name='Content EE' value={alert.content}
@@ -411,7 +409,7 @@ const AlertModal: React.FC<AlertModalState & AlertModalDispatch> = ({alert, clea
                               required
                 />
 
-              </Section>
+              {/*</Section>*/}
 
               {/*<Section form={true} title='EN' collapsed >*/}
 

package/src/library/components/AlertsTable/AlertsTable.tsx

@@ -1,5 +1,5 @@
 import React, {useEffect, useState} from "react";
-import {Button, CollapseTable, CollapseTableRow, ControlledPopover} from 'ehr-components';
+import {Button, CollapseTable, CollapseTableRow, ControlledPopover, Tooltip} from 'ehr-components';
 import SortableRow from "./SortableRow";
 import {Alert} from "../../reducers/tableReducer";
 import {ReactComponent as CopyIcon} from "../../assets/icons/copy.svg";
@@ -150,12 +150,16 @@ const AlertsTable: React.FC<AlertsTableState & AlertsTableDispatch> = ({alerts,
       alert.level,
       `${alert.begin} - ${alert.end}`,
       alert.content,
-      <button className='alerts-ui--icon-button' onClick={() => duplicateAlert(alert)}>
-        <CopyIcon fill={styles.colorGreyDark} />
-      </button>,
-      <button className='alerts-ui--icon-button' onClick={() => editAlert(alert)}>
-        <EditIcon fill={styles.colorGreyDark} />
-      </button>,
+      <Tooltip content='Kopeerin'>
+        <button className='alerts-ui--icon-button' onClick={() => duplicateAlert(alert)}>
+          <CopyIcon fill={styles.colorGreyDark} />
+        </button>
+      </Tooltip>,
+      <Tooltip content='Muudan'>
+        <button className='alerts-ui--icon-button' onClick={() => editAlert(alert)}>
+          <EditIcon fill={styles.colorGreyDark} />
+        </button>
+      </Tooltip>,
       <ControlledPopover
         className={'popover-confirm'}
         content={deleteContent(alert.id)}
@@ -164,7 +168,11 @@ const AlertsTable: React.FC<AlertsTableState & AlertsTableDispatch> = ({alerts,
         theme={'danger'}
         toggle={() => onToggleDeletePopup(alert)}
       >
-        <button className='alerts-ui--icon-button'><DeleteIcon fill={styles.colorGreyDark} /></button>
+        <div>
+          <Tooltip content='Kustutan'>
+            <button className='alerts-ui--icon-button'><DeleteIcon fill={styles.colorGreyDark} /></button>
+          </Tooltip>
+        </div>
       </ControlledPopover>,
     ];
   }