From 1f600dce5a3a4148a87cc5860922605f5d81d9c1 Mon Sep 17 00:00:00 2001
From: Abhishek Sinha <avishkarabhishek786@gmail.com>
Date: Tue, 21 Jan 2020 15:15:46 +0530
Subject: [PATCH] hid create new article ui from normal users

---
 blockchainCloud_client.html | 222 +++++++++++++++++++-----------------
 1 file changed, 115 insertions(+), 107 deletions(-)

diff --git a/blockchainCloud_client.html b/blockchainCloud_client.html
index c3219c4..2f522c3 100644
--- a/blockchainCloud_client.html
+++ b/blockchainCloud_client.html
@@ -603,32 +603,8 @@
         <button onclick="cloudArticleApp."></button>
         <button onclick="cloudArticleApp.export_as_file()">Export Selections as file</button>
     </div>
-    <section class="popup-container hide" id="article_creation_div">
-        <div id="article_creation_modal" class="popup">
-            <h3>Create a new article</h3>
-            <input type="text" id="article_name" placeholder="Article name">
+    <div id="admindiv"></div>
     
-            <input type="number" id="section_nums" placeholder="Number of sections">
-
-            <button onclick="hidePopup('article_creation_modal')">Cancel</button>
-            <button id="reset_data_btn">Create</button>
-            
-        </div>
-    </section>
-    <div class="popup-container hide">
-        <div id="edit_article" class="popup">
-            <header>
-                <h3>Edit section names</h3>
-                <button onclick="cloudArticleApp.update_section_names()">
-                    <svg viewBox="0 0 45.91 32.62">
-                        <polyline points="0.71,17.21 14.71,31.21 45.21,0.71 "/>
-                    </svg>
-                    Done</button>
-            </header>
-            <div id="edit_section_container"></div>
-        </div>
-    </div>
-
     <nav id="navbar">
         <svg id="icon" viewBox="0 0 99.555 117.877">
             <style type="text/css">
@@ -666,80 +642,122 @@
         <div id="current_data"></div>
     </section>
 
-    <script>
-        // function required for popups or modals to appear
-        function showPopup(popup) { 
-            let thisPopup = document.getElementById(popup);
-            thisPopup.parentNode.classList.remove('hide');    
-            thisPopup.classList.add('no-transformations');    
-            window.onclick = function(event) {
-                if (event.target == thisPopup.parentNode)
-                    hidePopup(popup);
-            }
+ <script>
+
+    // function required for popups or modals to appear
+    function showPopup(popup) { 
+        let thisPopup = document.getElementById(popup);
+        thisPopup.parentNode.classList.remove('hide');    
+        thisPopup.classList.add('no-transformations');    
+        window.onclick = function(event) {
+            if (event.target == thisPopup.parentNode)
+                hidePopup(popup);
         }
-    
-        // hides the popup or modal 
-        function hidePopup(popup) { 
-            let thisPopup = document.getElementById(popup);
-            thisPopup.parentNode.classList.add('hide');    
-            thisPopup.classList.remove('no-transformations');    
+    }
+
+    // hides the popup or modal 
+    function hidePopup(popup) { 
+        let thisPopup = document.getElementById(popup);
+        thisPopup.parentNode.classList.add('hide');    
+        thisPopup.classList.remove('no-transformations');    
+    }
+    function prevArticle(container){
+        let observer = new IntersectionObserver((entries) => {
+            if(entries[0].isIntersecting)
+                container.children[1].classList.add('hide')
+            else
+                container.children[1].classList.remove('hide')
+        },{
+            root: container,
+            threshold: 1
+        })
+        observer.observe(container.children[0].firstElementChild)
+        container.children[0].scrollBy({
+            top: 0,
+            left: -400,
+            behavior: 'smooth'
+        });
+    }
+    function nextArticle(container){
+        container.children[1].classList.remove('hide')
+        let observer = new IntersectionObserver((entries) => {
+            if(entries[0].isIntersecting)
+                container.children[2].classList.add('hide')
+            else
+                container.children[2].classList.remove('hide')
+        }, {
+            root: container,
+            threshold: 1
+        })
+        observer.observe(container.children[0].lastElementChild)
+
+        container.children[0].scrollBy({
+            top: 0,
+            left: 400,
+            behavior: 'smooth'
+        });  
+    }
+    function showMessage(msg) {
+        document.getElementById('show_log_events').textContent = msg;
+        if(document.getElementById('loader_container').classList.contains('hide')){
+            showLoader()
+            setTimeout(() => {
+                hideLoader()
+            }, 1000);
         }
-        function prevArticle(container){
-            let observer = new IntersectionObserver((entries) => {
-                if(entries[0].isIntersecting)
-                    container.children[1].classList.add('hide')
-                else
-                    container.children[1].classList.remove('hide')
-            },{
-                root: container,
-                threshold: 1
-            })
-            observer.observe(container.children[0].firstElementChild)
-            container.children[0].scrollBy({
-                top: 0,
-                left: -400,
-                behavior: 'smooth'
-            });
+    }
+    function showLoader(){
+        let spinner = document.getElementById('loader_container');
+            spinner.firstElementChild.classList.add('pulse');
+            spinner.classList.remove('hide');
+    }
+    function hideLoader(){
+        let spinner = document.getElementById('loader_container');
+            spinner.firstElementChild.classList.remove('pulse');
+            spinner.classList.add('hide');
+    }
+
+    function buidAdminUI() {
+        
+        if(floGlobals.subAdmins.includes(myFloID)) {
+            let admindivui = `<section class="popup-container hide" id="article_creation_div">
+                <div id="article_creation_modal" class="popup">
+                    <h3>Create a new article</h3>
+                    <input type="text" id="article_name" placeholder="Article name">
+            
+                    <input type="number" id="section_nums" placeholder="Number of sections">
+
+                    <button onclick="hidePopup('article_creation_modal')">Cancel</button>
+                    <button id="reset_data_btn">Create</button>
+                    
+                </div>
+            </section>
+            <div class="popup-container hide">
+                <div id="edit_article" class="popup">
+                    <header>
+                        <h3>Edit section names</h3>
+                        <button onclick="cloudArticleApp.update_section_names()">
+                            <svg viewBox="0 0 45.91 32.62">
+                                <polyline points="0.71,17.21 14.71,31.21 45.21,0.71 "/>
+                            </svg>
+                            Done</button>
+                    </header>
+                    <div id="edit_section_container"></div>
+                </div>
+            </div>`;
+
+            document.getElementById('admindiv').innerHTML = admindivui;
+
+            const reset_data_btn = document.getElementById('reset_data_btn');
+            reset_data_btn.onclick = function() {
+                cloudArticleApp.resetArticleContent();
+                hidePopup('edit_article')
+            }    
         }
-        function nextArticle(container){
-            container.children[1].classList.remove('hide')
-            let observer = new IntersectionObserver((entries) => {
-                if(entries[0].isIntersecting)
-                    container.children[2].classList.add('hide')
-                else
-                    container.children[2].classList.remove('hide')
-            }, {
-                root: container,
-                threshold: 1
-            })
-            observer.observe(container.children[0].lastElementChild)
-    
-            container.children[0].scrollBy({
-                top: 0,
-                left: 400,
-                behavior: 'smooth'
-            });  
-        }
-        function showMessage(msg) {
-            document.getElementById('show_log_events').textContent = msg;
-            if(document.getElementById('loader_container').classList.contains('hide')){
-                showLoader()
-                setTimeout(() => {
-                    hideLoader()
-                }, 1000);
-            }
-        }
-        function showLoader(){
-            let spinner = document.getElementById('loader_container');
-                spinner.firstElementChild.classList.add('pulse');
-                spinner.classList.remove('hide');
-        }
-        function hideLoader(){
-            let spinner = document.getElementById('loader_container');
-                spinner.firstElementChild.classList.remove('pulse');
-                spinner.classList.add('hide');
-        }
-    </script>    
+
+        
+    };
+ </script>
 
 <script id="init_lib">
     //All util libraries required for Standard operations (DO NOT EDIT ANY)
@@ -9423,6 +9441,7 @@ Bitcoin.Util = {
             console.log(result)
             showMessage(result)
             showMessage(`Welcome FLO_ID: ${myFloID}`)
+            buidAdminUI();
             cloudArticleApp.retrieveLatestContent();
         }).catch(error => console.error(error))
     }
@@ -9892,16 +9911,5 @@ Bitcoin.Util = {
 
  </script>
 
- <script>
-    (function() {
-        const reset_data_btn = document.getElementById('reset_data_btn');
-        reset_data_btn.onclick = function() {
-            cloudArticleApp.resetArticleContent();
-            hidePopup('edit_article')
-        }
-    })();
- </script>
-
-
 </body>
 </html>
\ No newline at end of file