add iframe component

akmamun · akmamun · commit ccf1fcec9ae2 · 2019-07-14T11:50:55.000+06:00
add datetime convetion like unix, realtime
update documentation
diff --git a/README.md b/README.md
@@ -5,7 +5,7 @@
 ## JavaScript 
 - [JavaScript Form Validation](js/form-validation.js) 
 - [Select Single Checkbox](js/single-checkbox-selection.js) 
-- [Date Time](js/datetime.js) 
+- [Datetime (Unix , RealTime and Formatted Datetime)](js/datetime.js) 
 ## React JS 
 - [Exportable API Endpoint](react-js/api/ApiHelper.js)
 - [Example API Helper Routes ](react-js/api/ExampleApi.js)
diff --git a/js/single-checkbox-selection.js b/js/single-checkbox-selection.js
@@ -1,12 +1,12 @@
-<!-- For Single Checkbox -->
+// <!-- For Single Checkbox -->
 $('.product-list').on('change', function() {
     $('.product-list').not(this).prop('checked', false);
 });
 
-#Example 
+// #Example 
 <label class="checkbox-inline">
    <input type="checkbox" class="product-list">                                                
 </label>
 
-Need jquery library
+{/* Need jquery library */}
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
diff --git a/react-js/Iframe.js b/react-js/Iframe.js
@@ -0,0 +1,25 @@
+import React from 'react';
+
+const Iframe = () => {
+
+    const style = { /* this is for full width iframe page load */
+        iframe: {
+            border: "none",
+            top: 0, right: 0,
+            bottom: 0, left: 0,
+            width: "100%",
+            height: "100vh"
+        }
+
+    };
+
+    const src = "source route"
+    return (
+        <div>
+            <iframe title="API Documentation" src="" style={style.iframe}/>
+        </div>
+
+    );
+};
+
+export default Iframe;
diff --git a/react-js/api/APIAsyncDataList.js b/react-js/api/APIAsyncDataList.js
@@ -12,13 +12,13 @@ class TodoList extends Component {
     }
 
     async componentDidMount() {
-        await this.getTimesheetData()
+        await this.getData()
      }
  
      getData = async () => {
          const response = await api.endpoint("api route").getAll();
          this.setState({todos: response.data});
-         setTimeout(this.getData, 1000);  /*auto request to end point every second*/
+         setTimeout(this.getData, 1000);  /*auto request to endpoint every second to fetch data*/
      };
  
 
diff --git a/react-js/dateTime.js b/react-js/dateTime.js
@@ -1,4 +1,11 @@
-export function _getDateTime(dateTime) {
+export {getDateTime, toRealDateTime, toUnixDateTimeNow}
+function getDateTime(dateTime) {
+        /*  description:  this function is for formated datetime data,
+                formatted like international datetime format: 12hr/AM/PM
+                Additionally use timeZone:"Asia/Dhaka"
+       params:  datetime
+       return:  formatted date like 03:45PM 10/2/2019
+*/
     if (dateTime) {
         let date = new Date(dateTime);
         let options = {
@@ -13,4 +20,25 @@ export function _getDateTime(dateTime) {
         //format like 10/10/2019 10:20AM
     }
 }
+function toRealDateTime(dateTime) {
+    /*description: convert unix to real DataTime
+                   than again convert in to expected datetime
+                    formatted like 1/10/2019 10:01AM
+             params: datetime
+             return: formatted datetime again call to getDateTime function
+                     to display formatted datetime like 1/10/2019 10:01AM
+    */
+    if (dateTime) {
+        return getDateTime(Date(dateTime))
+    }
+}
+
+function toUnixDateTimeNow() {
+    /*description: convert datetime to unix
+                   formatted like 1563044813038
+             params: datetime
+             return: formatted datetime like 1563044813038
+    */
+    return new Date().getTime()
+}
 

Original file line number	Diff line number	Diff line change
`@@ -12,13 +12,13 @@ class TodoList extends Component {`
`12`	`12`	`}`
`13`	`13`
`14`	`14`	`async componentDidMount() {`
`15`		`- await this.getTimesheetData()`
	`15`	`+ await this.getData()`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`getData = async () => {`
`19`	`19`	`const response = await api.endpoint("api route").getAll();`
`20`	`20`	`this.setState({todos: response.data});`
`21`		`- setTimeout(this.getData, 1000); /auto request to end point every second/`
	`21`	`+ setTimeout(this.getData, 1000); /auto request to endpoint every second to fetch data/`
`22`	`22`	`};`
`23`	`23`
`24`	`24`