Merge pull request +12262 from c9/support-menu-upsell

Support menu upsell

configs/client-default.js

@@ -261,6 +261,7 @@ module.exports = function(options) {
         "plugins/c9.ide.dialog.common/fileremove",
         "plugins/c9.ide.dialog.common/info",
         "plugins/c9.ide.dialog.common/question",
+        "plugins/c9.ide.dialog.common/upsell",
         {
             packagePath: "plugins/c9.ide.dialog.common/error",
             staticPrefix: staticPrefix + "/plugins/c9.ide.layout.classic"

package.json

@@ -87,7 +87,7 @@
         "c9.ide.dialog.wizard": "#7667ec79a8",
         "c9.ide.fontawesome": "#781602c5d8",
         "c9.ide.format": "#5ec97fb083",
-        "c9.ide.help.support": "#98a1b45962",
+        "c9.ide.help.support": "#af5c4055b2",
         "c9.ide.imgeditor": "#612e75ef4f",
         "c9.ide.immediate": "#a962119bec",
         "c9.ide.installer": "#0fde9f0067",

plugins/c9.ide.dialog.common/upsell.js

@@ -0,0 +1,85 @@
+define(function(require, module, exports) {
+    main.consumes = ["Dialog", "util"];
+    main.provides = ["dialog.upsell"];
+    return main;
+    
+    function main(options, imports, register) {
+        var Dialog = imports.Dialog;
+        var util = imports.util;
+        
+        /***** Initialization *****/
+        
+        var plugin = new Dialog("Ajax.org", main.consumes, {
+            name: "dialog.upsell",
+            allowClose: true,
+            modal: true,
+            elements: [
+                { type: "filler" },
+                { type: "button", id: "no", caption: "Cancel", hotkey: "ESC", skin: "c9-simple-btn", margin: "7 10 0 0" },
+                { type: "button", id: "yes", caption: "Go Premium!", color: "green", "default": true, hotkey: "Y" }
+            ]
+        });
+        
+        /***** Methods *****/
+        
+        function show(onYes, onNo, title, header, msg, options) {
+            if (!options)
+                options = {isHTML: true};
+                
+            return plugin.queue(function(){
+                var all = options.all;
+                var cancel = options.cancel;
+                var showDontAsk = options.showDontAsk;
+                var metadata = options.metadata;
+                
+                title = title || "This is a Premium feature";
+                header = header || "Get Premium Support Now!";
+                msg = msg || 'Help is just a few clicks away. Check out our <a href="https://c9.io/pricing" target="_blank">amazing premium plans</a>.'
+                
+                plugin.title = title;
+                plugin.heading = options && options.isHTML ? header : util.escapeXml(header);
+                plugin.body = options && options.isHTML ? msg : util.escapeXml(msg).replace(/\n/g, "<br>");
+                
+                plugin.getElement("yes").setCaption(options.yes || "Go Premium!");
+                plugin.getElement("no").setCaption(options.no || "Cancel");
+
+                plugin.allowClose = cancel;
+                
+                var gotYesNo = false;
+                plugin.once("hide", function(){
+                    !gotYesNo && cancel && onNo(false, true, metadata);
+                });
+                
+                plugin.update([
+                    { id: "yes", onclick: function(){ 
+                        gotYesNo = true; 
+                        plugin.hide(); 
+                        onYes(false, metadata); 
+                    }},
+                    { id: "no", onclick: function(){ 
+                        gotYesNo = true;
+                        plugin.hide(); 
+                        onNo(false, false, metadata); 
+                    }}
+                ]);
+            }, options.queue === false);
+        }
+        
+        /***** Register *****/
+        
+        /**
+         *
+         */
+        plugin.freezePublicAPI({
+            
+            /**
+             * 
+             */
+            show: show
+        });
+        
+        register("", {
+            "dialog.upsell": plugin
+        });
+    }
+});

plugins/c9.ide.dialog/dialog.js

@@ -301,7 +301,7 @@ define(function(require, module, exports) {
                     break;
                     case "button":
                         node = new ui.button({
-                            skin: "btn-default-css3",
+                            skin: options.skin || "btn-default-css3",
                             "class"   : options.color ? "btn-" + options.color : "",
                             margin: options.margin,
                             caption: options.caption || "",