BuildFire · NenoR96 · Jun 19, 2023 · May 9, 2023 · May 9, 2023 · May 9, 2023
diff --git a/control/content/index.html b/control/content/index.html
@@ -11,13 +11,15 @@
     <!-- JS -->
     <script src="../../../../scripts/buildfire.min.js"></script>
     <!-- build:bundleJSFiles  -->
-    <script src="../../widget/js/Analytics.js"></script>
-    <script src="../../widget/js/analyticsKeys.js"></script>
+    <script src="../../widget/assets/js/Analytics.js"></script>
+    <script src="../../widget/assets/js/analyticsKeys.js"></script>
     <!-- endbuild -->
 
     <!-- WYSIWYG -->
     <script src="../../../../scripts/tinymce/tinymce.min.js"></script>
 
+
+    <link href="../../../../styles/control/bf-base.css" rel="stylesheet">
     <script>
 		Analytics.init();
 
@@ -51,7 +53,6 @@
 
                         data = obj.data;
                         tinymce.activeEditor.setContent(obj.data.text);
-						tinymce.activeEditor.execCommand('mceFullScreen');
                     });
                 });
                 editor.on("keyup", function (saveWithDelay) {
@@ -85,10 +86,12 @@
 </head>
 
 <body>
-
-
+    <div>
+        <h1>Introduction</h1>
 		<textarea id="text" ui-tinymce="editorOptions" class="form-control" rows="5" width="100%" height="300px"></textarea>
 
+    </div>
+
 
         <script>
             function save(data) {

diff --git a/control/settings/app.js b/control/settings/app.js
@@ -0,0 +1,164 @@
+
+const commentInput = document.getElementById("comments")
+const allowAllUsersStatusUpdate = document.getElementById("statusUpdateAllUsers")
+const allowNoUsersStatusUpdate = document.getElementById("statusUpdateNoUsers")
+const allowUsersWithStatusUpdate = document.getElementById("statusUpdateUsersWith")
+
+const itemPushNotificationAllUsers = document.getElementById("pushNotificationAllUsers")
+const itemPushNotificationNoUsers = document.getElementById("pushNotificationNoUsers")
+const itemPushNotificationUsersWith = document.getElementById("pushNotificationUsersWith")
+const userTagsContainer = document.getElementById("userTagsContainer")
+const itemPushNotificationTagsContainer = document.getElementById("itemPushNotificationTagsContainer")
+
+
+const statusUpdatetagsInputContainer = new buildfire.components.control.tagsInput("#statusUpdatetagsInputContainer", {
+    languageSettings:{
+        placeholder: "Select Tags",
+    },
+    settings:{
+        sourceType: 'custom',
+        source: (options, callback) => { 
+        buildfire.auth.showTagsSearchDialog(null, (err, result) => {
+            if (err) return console.log(err);
+
+            if (result && result.length) {
+                let allTags = result.map(tag => ({value: tag.tagName}));
+                settings.statusUpdateTags = result;
+                save();
+                callback(allTags);
+            }
+        });
+        },
+        allowAutoComplete: true,
+        allowUserInput: true,
+    }
+});
+const pushNotificationtagsInputContainer = new buildfire.components.control.tagsInput("#pushNotificationtagsInputContainer", {
+    languageSettings:{
+        placeholder: "Select Tags",
+    },
+    settings:{
+        sourceType: 'custom',
+        source: (options, callback) => { 
+        buildfire.auth.showTagsSearchDialog(null, (err, result) => {
+            if (err) return console.log(err);
+
+            if (result && result.length) {
+                let allTags = result.map(tag => ({value: tag.tagName}));
+                settings.pushNotificationTags = result;
+                save();
+                callback(allTags);
+            }
+        });
+        },
+        allowAutoComplete: true,
+        allowUserInput: true,
+    }
+});
+
+statusUpdatetagsInputContainer.onUpdate = (data) => {
+    settings.statusUpdateTags = data.tags;
+
+    save();
+}
+
+pushNotificationtagsInputContainer.onUpdate = (data) => {
+    settings.pushNotificationTags = data.tags;
+    save();
+}
+
+var settings = {}
+
+
+const init = () => {
+    Settings.get((err, result)=>{
+        settings = result;
+        if(result.enableComments){
+            commentInput.checked = true;
+        }
+        setCheckedInputAllowUsersStatus(result.statusUpdateUsersSegment)
+        setCheckedInputItemPushNotification(result.pushNotificationUsersSegment)
+
+        if(settings.statusUpdateTags && settings.statusUpdateTags.length){
+            statusUpdatetagsInputContainer.set(settings.statusUpdateTags);
+        }
+        if(settings.pushNotificationTags && settings.pushNotificationTags.length){
+            pushNotificationtagsInputContainer.set(settings.pushNotificationTags);
+        }
+        showUsersTagsContainer();
+        showItemPushNotificationTagsContainer();
+    })
+}
+
+const showUsersTagsContainer = () => {
+    userTagsContainer.style.display = allowUsersWithStatusUpdate.checked ? "block" : "none"
+}
+const showItemPushNotificationTagsContainer = () => {
+    itemPushNotificationTagsContainer.style.display = itemPushNotificationUsersWith.checked ? "block" : "none"
+}
+
+const setCheckedInputAllowUsersStatus = (status) => {
+    switch (status) {
+        case STATUS_UPDATE_SEGMENT.ALL_USERS:
+            allowAllUsersStatusUpdate.checked = true;
+        break;
+        case STATUS_UPDATE_SEGMENT.NO_USERS:
+            allowNoUsersStatusUpdate.checked = true;
+        break;
+        case STATUS_UPDATE_SEGMENT.TAGS:
+            allowUsersWithStatusUpdate.checked = true;
+        break;
+        default:
+            allowNoUsersStatusUpdate.checked = true;
+        break;
+    } 
+
+    showUsersTagsContainer();
+}
+
+const setCheckedInputItemPushNotification = (status) => {
+    switch (status) {
+        case PUSH_NOTIFICATIONS_SEGMENT.ALL_USERS:
+            itemPushNotificationAllUsers.checked = true;
+        break;
+        case PUSH_NOTIFICATIONS_SEGMENT.NO_USERS:
+            itemPushNotificationNoUsers.checked = true;
+        break;
+        case PUSH_NOTIFICATIONS_SEGMENT.TAGS:
+            itemPushNotificationUsersWith.checked = true;
+        break;
+        default:
+            itemPushNotificationNoUsers.checked = true;
+        break;
+    } 
+
+    showItemPushNotificationTagsContainer();
+}
+
+const updateCommentsProperty = () => {
+    settings.enableComments = commentInput.checked;
+    save();
+}
+
+const changeStatusUpdate = (status) => {
+    setCheckedInputAllowUsersStatus(status)
+    settings.statusUpdateUsersSegment = status;
+    save();
+}
+
+const changeItemPushNotification = (status) => {
+    setCheckedInputItemPushNotification(status)
+    settings.pushNotificationUsersSegment = status;
+    save();
+}
+
+const save = () => {
+    Settings.save(settings,()=>{})
+
+    buildfire.messaging.sendMessageToWidget({
+        type: 'UpdateSettings',
+        data: settings
+      });
+}
+
+init();
diff --git a/control/settings/index.html b/control/settings/index.html
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link href="../../../../styles/helper.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../assets/control.css" />
+    <link href="../../../../styles/control/bf-base.css" rel="stylesheet" />
+    <link href="./styles.css" rel="stylesheet" />
+    <link href="../../../../styles/control/siteIcons-control.css" rel="stylesheet" />
+    <script src="../../../../scripts/buildfire.min.js"></script>
+    <!-- build:bundleJSFiles  -->
+    <script src="../../widget/assets/js/settings.js"></script>
+      <!-- endbuild -->
+
+
+  <link href="../../../../styles/components/control/tagsInput/tagsInput.min.css" rel="stylesheet"/>
+
+  <script src="../../../../scripts/buildfire/components/control/tagsInput/tagsInput.min.js"></script>
+  </head>
+
+  <body>
+    <div class="settings-container">
+
+
+      <div class="row margin-bottom-sixteen">
+
+        <div class="item clearfix row flex-center">
+          <div class="labels col-md-4 pull-left tooltip-container">
+            <span>Comments</span>
+            <span class="tip btn-info-icon btn-primary"><span class="cp-tooltip">Enabling this option allows users to leave comments on items that have been upvoted. To make this work, you must have the Community Wall feature installed</span>
+          </div>
+          <div class="main col-md-8 button-switch">
+            <input id="comments" type="checkbox" onchange="updateCommentsProperty()"/>
+            <label for="comments" class="label-success"></label>
+          </div>
+        </div>
+      </div>
+      <div class="row margin-bottom-sixteen flex-center">
+        <div class="labels col-md-4 pull-left tooltip-container">
+          <span>Allow Status Update</span>
+          <span class="tip btn-info-icon btn-primary"><span class="cp-tooltip">Specify who has permission to mark items as completed</span>
+        </div>
+        <div class="main col-md-7 pull-right padding-lr-6">
+          <span class="radios-row">
+            <div class="radio radio-primary radio-inline">
+              <input
+                id="statusUpdateAllUsers"
+                type="radio"
+                name="allowStatusUpdate"
+                onchange="changeStatusUpdate(1)"
+              />
+              <label class="subtitles-labels" for="statusUpdateAllUsers">All Users</label>
+            </div>
+            <div class="radio radio-primary radio-inline">
+              <input
+                id="statusUpdateNoUsers"
+                type="radio"
+                name="allowStatusUpdate"
+                onchange="changeStatusUpdate(2)"
+              />
+              <label class="subtitles-labels" for="statusUpdateNoUsers">No Users</label>
+            </div>
+            <div class="radio radio-primary radio-inline">
+              <input
+                id="statusUpdateUsersWith"
+                type="radio"
+                name="allowStatusUpdate"
+                onchange="changeStatusUpdate(3)"
+              />
+              <label class="subtitles-labels" for="statusUpdateUsersWith">Users With</label>
+            </div>
+          </span>
+        </div>
+      </div>
+      <div class="row" id="userTagsContainer" style="margin: 20px 0;padding: 0 !important;">
+        <div class="col-md-4"></div>
+        <div class="user-tag-container col-md-8">
+            <div style="display:flex;width:100%;height: fit-content;">
+                <label class="user-tag-title" >User Tags</label>
+                <div id="statusUpdatetagsInputContainer"></div>
+            </div>
+        </div>
+      </div>
+
+
+      <div class="row margin-bottom-sixteen flex-center" >
+        <div class="labels col-md-4 pull-left tooltip-container">
+          <span>Allow new item Push notification</span>
+          <span class="tip btn-info-icon btn-primary"><span class="cp-tooltip">Specify who should receive push notifications whenever a new item is created</span>
+
+        </div>
+        <div class="main col-md-7 pull-right padding-lr-6">
+          <span class="radios-row">
+            <div class="radio radio-primary radio-inline">
+              <input
+                id="pushNotificationAllUsers"
+                type="radio"
+                name="pushNotificationTags"
+                onchange="changeItemPushNotification(1)"
+              />
+              <label class="subtitles-labels" for="pushNotificationAllUsers">All Users</label>
+            </div>
+            <div class="radio radio-primary radio-inline">
+              <input
+                id="pushNotificationNoUsers"
+                type="radio"
+                name="pushNotificationTags"
+                onchange="changeItemPushNotification(2)"
+              />
+              <label class="subtitles-labels" for="pushNotificationNoUsers">No Users</label>
+            </div>
+            <div class="radio radio-primary radio-inline">
+              <input
+                id="pushNotificationUsersWith"
+                type="radio"
+                name="pushNotificationTags"
+                onchange="changeItemPushNotification(3)"
+              />
+              <label class="subtitles-labels" for="pushNotificationUsersWith">Users With</label>
+            </div>
+          </span>
+        </div>
+      </div>
+      <div class="row" id="itemPushNotificationTagsContainer"
+              style="margin: 20px 0;padding: 0 !important;">
+        <div class="col-md-4"></div>
+        <div class="user-tag-container col-md-8">
+            <div style="display:flex;width:100%;height: fit-content;">
+                <label class="user-tag-title" >User Tags</label>
+                <div id="pushNotificationtagsInputContainer"></div>
+            </div>
+        </div>
+      </div>
+    </div>
+  </body>
+
+  <script src="./app.js"></script>
+</html>