Update 3.3a

Remove Unused File
Add Form Action
Bug Fix

app.json

@@ -2,7 +2,7 @@
   {
     "AppName":"DyCMS",
 	"AppDesc":"An Other Content Management System",
-    "AppVersion":"3.3",
+    "AppVersion":"3.3a",
 	"AppLink":"index.html",
 	"AppLogo":"assets/images/AppLogo.png",
 	"AppWebsite":"https://www.dzakiyyah.com",
@@ -70,6 +70,30 @@
 														"subMenuTitle":"Form",
 														"subMenuDesc": "Manajemen Form",
 														"subMenuIcon": "fa fa-text-width"
+													},
+													{
+														"subMenuId":"general",
+														"subMenuUrl":"pages/general.html",
+														"subMenuTitle":"General Element",
+														"subMenuDesc": "General Element",
+														"subMenuIcon": "fa fa-table"
+													}
+												]
+											},
+											{
+												"mainMenuId":"production",
+												"mainMenuTitle":"Production Form for Application",
+												"mainMenuIcon":"fa fa-folder-open",
+												"mainMenuUrl":"",
+												"mainMenuDesc":"",
+												"mainMenuChild":true,
+												"mainMenuContent":[
+													{
+														"subMenuId":"manageUsers",
+														"subMenuUrl":"pages/home.html",
+														"subMenuTitle":"Manage Users For Application Dycms",
+														"subMenuDesc": "Manage Users",
+														"subMenuIcon": "fa fa-users"
 													}
 												]
 											}

assets/plugins/animate/animate-dropdown.js

@@ -0,0 +1,77 @@
+var dropdownSelectors = $('.dropdown, .dropup');
+// Custom function to read dropdown data
+// =========================
+function dropdownEffectData(target) {
+    //@todo - page level global?
+    var effectInDefault = null,
+        effectOutDefault = null;
+    var dropdown = $(target),
+        dropdownMenu = $('.dropdown-menu', target);
+
+    // var parentUl = dropdown.parents('ul.nav');
+    // If parent is ul.nav allow global effect settings
+    // if (parentUl.length() > 0) {
+    //     effectInDefault = parentUl.data('dropdown-in') || null;
+    //     effectOutDefault = parentUl.data('dropdown-out') || null;
+    // }
+
+    return {
+        target:       target,
+        dropdown:     dropdown,
+        dropdownMenu: dropdownMenu,
+        effectIn:     dropdownMenu.data('dropdown-in') || effectInDefault,
+        effectOut:    dropdownMenu.data('dropdown-out') || effectOutDefault,
+    };
+}
+// Custom function to start effect (in or out)
+// =========================
+function dropdownEffectStart(data, effectToStart) {
+    if (effectToStart) {
+        data.dropdown.addClass('dropdown-animating');
+        data.dropdownMenu.addClass('animated');
+        data.dropdownMenu.addClass(effectToStart);
+    }
+}
+// Custom function to read when animation is over
+// =========================
+function dropdownEffectEnd(data, callbackFunc) {
+    var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
+    data.dropdown.one(animationEnd, function() {
+        data.dropdown.removeClass('dropdown-animating');
+        data.dropdownMenu.removeClass('animated');
+        data.dropdownMenu.removeClass(data.effectIn);
+        data.dropdownMenu.removeClass(data.effectOut);
+
+        // Custom callback option, used to remove open class in out effect
+        if(typeof callbackFunc == 'function'){
+            callbackFunc();
+        }
+    });
+}
+// Bootstrap API hooks
+// =========================
+dropdownSelectors.on({
+    "show.bs.dropdown": function () {
+        // On show, start in effect
+        var dropdown = dropdownEffectData(this);
+        dropdownEffectStart(dropdown, dropdown.effectIn);
+    },
+    "shown.bs.dropdown": function () {
+        // On shown, remove in effect once complete
+        var dropdown = dropdownEffectData(this);
+        if (dropdown.effectIn && dropdown.effectOut) {
+            dropdownEffectEnd(dropdown, function() {});
+        }
+    },
+    "hide.bs.dropdown":  function(e) {
+        // On hide, start out effect
+        var dropdown = dropdownEffectData(this);
+        if (dropdown.effectOut) {
+            e.preventDefault();
+            dropdownEffectStart(dropdown, dropdown.effectOut);
+            dropdownEffectEnd(dropdown, function() {
+                dropdown.dropdown.removeClass('open');
+            });
+        }
+    },
+});