http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/js/login/login.js ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/js/login/login.js b/components/org.apache.stratos.manager.console/console/themes/theme0/js/login/login.js new file mode 100644 index 0000000..9ed06d9 --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/js/login/login.js @@ -0,0 +1,92 @@ +$(document).ready(function(){ + $('#username').focus(); //set user cursor into username + var username = $('#username'), // Get the username field + password = $('#password'), // Get the password field + form_error = $('.form-error'); + + //handle form valiadation + var isValidForm = function(){ + if(username.val() == "" || password.val() == ""){ + var error = "Enter your username"; + if(username.val() == ""){ + username.parent().addClass('has-error has-feedback'); + username.parent().append('<span class="glyphicon glyphicon-remove form-control-feedback"></span>'); + }else{ + username.parent().removeClass('has-error has-feedback'); + username.parent().find('span').empty().remove(); + error = ""; + } + + if(password.val() == ""){ + password.parent().addClass('has-error has-feedback'); + password.parent().append('<span class="glyphicon glyphicon-remove form-control-feedback"></span>'); + + if(error == ""){ + error = "Enter your password"; + }else{ + error = "Enter your username and password"; + } + }else{ + password.parent().removeClass('has-error has-feedback'); + password.parent().find('span').empty().remove(); + } + form_error.html(error).show(); + return false; + }else{ + username.parent().removeClass('has-error has-feedback'); + password.parent().removeClass('has-error has-feedback'); + password.parent().find('span').empty().remove(); + username.parent().find('span').empty().remove(); + form_error.hide(); + return true; + } + + }; + + //handle login ajax request + function loginCheck(btn){ + btn.button('loading'); + if(!isValidForm()){ + btn.button('reset'); + }else{ + $.ajax({ + type: "POST", + url: caramel.context + "/controllers/login/login.jag", + dataType: 'json', + data: { username: username.val() , password: password.val() }, + success:function(data){ + if(data.status ===1){ + window.location = caramel.context; + }else{ + form_error.show().html("The username or password you entered is incorrect."); + } + } + }) + .always(function () { + btn.button('reset'); + }); + } + } + + username.keyup(function(){ + isValidForm(); + }); + password.keyup(function(){ + isValidForm(); + }); + + // handle the submit button click event + $('#submit-btn').click(function () { + var btn = $(this); //get current clicked button + loginCheck(btn); + });// end of submit button + + //handle key "Enter" press + $(document).keypress(function(e) { + if(e.which == 13) { + var btn = $('#submit-btn'); + loginCheck(btn); + } + }); + +}); \ No newline at end of file
http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/js/noty-2.2.9/noty-2.2.9.js ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/js/noty-2.2.9/noty-2.2.9.js b/components/org.apache.stratos.manager.console/console/themes/theme0/js/noty-2.2.9/noty-2.2.9.js new file mode 100644 index 0000000..c9f38aa --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/js/noty-2.2.9/noty-2.2.9.js @@ -0,0 +1,10 @@ +/*! + @package noty - jQuery Notification Plugin + @version version: 2.2.9 + @contributors https://github.com/needim/noty/graphs/contributors + + @documentation Examples and Documentation - http://needim.github.com/noty/ + + @license Licensed under the MIT licenses: http://www.opensource.org/licenses/mit-license.php + */ +"function"!=typeof Object.create&&(Object.create=function(a){function b(){}return b.prototype=a,new b}),function(a){var b={init:function(b){return this.options=a.extend({},a.noty.defaults,b),this.options.layout=this.options.custom?a.noty.layouts.inline:a.noty.layouts[this.options.layout],a.noty.themes[this.options.theme]?this.options.theme=a.noty.themes[this.options.theme]:b.themeClassName=this.options.theme,delete b.layout,delete b.theme,this.options=a.extend({},this.options,this.options.layout.options),this.options.id="noty_"+(new Date).getTime()*Math.floor(1e6*Math.random()),this.options=a.extend({},this.options,b),this._build(),this},_build:function(){var b=a('<div class="noty_bar noty_type_'+this.options.type+'"></div>').attr("id",this.options.id);if(b.append(this.options.template).find(".noty_text").html(this.options.text),this.$bar=null!==this.options.layout.parent.object?a(this.options.layout.parent.object).css(this.options.layout.parent.css).append(b):b,this.options.themeCl assName&&this.$bar.addClass(this.options.themeClassName).addClass("noty_container_type_"+this.options.type),this.options.buttons){this.options.closeWith=[],this.options.timeout=!1;var c=a("<div/>").addClass("noty_buttons");null!==this.options.layout.parent.object?this.$bar.find(".noty_bar").append(c):this.$bar.append(c);var d=this;a.each(this.options.buttons,function(b,c){var e=a("<button/>").addClass(c.addClass?c.addClass:"gray").html(c.text).attr("id",c.id?c.id:"button-"+b).appendTo(d.$bar.find(".noty_buttons")).on("click",function(){a.isFunction(c.onClick)&&c.onClick.call(e,d)})})}this.$message=this.$bar.find(".noty_message"),this.$closeButton=this.$bar.find(".noty_close"),this.$buttons=this.$bar.find(".noty_buttons"),a.noty.store[this.options.id]=this},show:function(){var b=this;return b.options.custom?b.options.custom.find(b.options.layout.container.selector).append(b.$bar):a(b.options.layout.container.selector).append(b.$bar),b.options.theme&&b.options.theme.style&&b.options.t heme.style.apply(b),"function"===a.type(b.options.layout.css)?this.options.layout.css.apply(b.$bar):b.$bar.css(this.options.layout.css||{}),b.$bar.addClass(b.options.layout.addClass),b.options.layout.container.style.apply(a(b.options.layout.container.selector)),b.showing=!0,b.options.theme&&b.options.theme.style&&b.options.theme.callback.onShow.apply(this),a.inArray("click",b.options.closeWith)>-1&&b.$bar.css("cursor","pointer").one("click",function(a){b.stopPropagation(a),b.options.callback.onCloseClick&&b.options.callback.onCloseClick.apply(b),b.close()}),a.inArray("hover",b.options.closeWith)>-1&&b.$bar.one("mouseenter",function(){b.close()}),a.inArray("button",b.options.closeWith)>-1&&b.$closeButton.one("click",function(a){b.stopPropagation(a),b.close()}),-1==a.inArray("button",b.options.closeWith)&&b.$closeButton.remove(),b.options.callback.onShow&&b.options.callback.onShow.apply(b),b.$bar.animate(b.options.animation.open,b.options.animation.speed,b.options.animation.easing,fun ction(){b.options.callback.afterShow&&b.options.callback.afterShow.apply(b),b.showing=!1,b.shown=!0}),b.options.timeout&&b.$bar.delay(b.options.timeout).promise().done(function(){b.close()}),this},close:function(){if(!(this.closed||this.$bar&&this.$bar.hasClass("i-am-closing-now"))){var b=this;if(this.showing)return b.$bar.queue(function(){b.close.apply(b)}),void 0;if(this.$bar.dequeue(),!this.shown&&!this.showing){var c=[];return a.each(a.noty.queue,function(a,d){d.options.id!=b.options.id&&c.push(d)}),a.noty.queue=c,void 0}b.$bar.addClass("i-am-closing-now"),b.options.callback.onClose&&b.options.callback.onClose.apply(b),b.$bar.clearQueue().stop().animate(b.options.animation.close,b.options.animation.speed,b.options.animation.easing,function(){b.options.callback.afterClose&&b.options.callback.afterClose.apply(b)}).promise().done(function(){b.options.modal&&(a.notyRenderer.setModalCount(-1),0==a.notyRenderer.getModalCount()&&a(".noty_modal").fadeOut("fast",function(){a(this).remove ()})),a.notyRenderer.setLayoutCountFor(b,-1),0==a.notyRenderer.getLayoutCountFor(b)&&a(b.options.layout.container.selector).remove(),"undefined"!=typeof b.$bar&&null!==b.$bar&&(b.$bar.remove(),b.$bar=null,b.closed=!0),delete a.noty.store[b.options.id],b.options.theme.callback&&b.options.theme.callback.onClose&&b.options.theme.callback.onClose.apply(b),b.options.dismissQueue||(a.noty.ontap=!0,a.notyRenderer.render()),b.options.maxVisible>0&&b.options.dismissQueue&&a.notyRenderer.render()})}},setText:function(a){return this.closed||(this.options.text=a,this.$bar.find(".noty_text").html(a)),this},setType:function(a){return this.closed||(this.options.type=a,this.options.theme.style.apply(this),this.options.theme.callback.onShow.apply(this)),this},setTimeout:function(a){if(!this.closed){var b=this;this.options.timeout=a,b.$bar.delay(b.options.timeout).promise().done(function(){b.close()})}return this},stopPropagation:function(a){a=a||window.event,"undefined"!=typeof a.stopPropagation?a.s topPropagation():a.cancelBubble=!0},closed:!1,showing:!1,shown:!1};a.notyRenderer={},a.notyRenderer.init=function(c){var d=Object.create(b).init(c);return d.options.killer&&a.noty.closeAll(),d.options.force?a.noty.queue.unshift(d):a.noty.queue.push(d),a.notyRenderer.render(),"object"==a.noty.returns?d:d.options.id},a.notyRenderer.render=function(){var b=a.noty.queue[0];"object"===a.type(b)?b.options.dismissQueue?b.options.maxVisible>0?a(b.options.layout.container.selector+" li").length<b.options.maxVisible&&a.notyRenderer.show(a.noty.queue.shift()):a.notyRenderer.show(a.noty.queue.shift()):a.noty.ontap&&(a.notyRenderer.show(a.noty.queue.shift()),a.noty.ontap=!1):a.noty.ontap=!0},a.notyRenderer.show=function(b){b.options.modal&&(a.notyRenderer.createModalFor(b),a.notyRenderer.setModalCount(1)),b.options.custom?0==b.options.custom.find(b.options.layout.container.selector).length?b.options.custom.append(a(b.options.layout.container.object).addClass("i-am-new")):b.options.custom.find(b. options.layout.container.selector).removeClass("i-am-new"):0==a(b.options.layout.container.selector).length?a("body").append(a(b.options.layout.container.object).addClass("i-am-new")):a(b.options.layout.container.selector).removeClass("i-am-new"),a.notyRenderer.setLayoutCountFor(b,1),b.show()},a.notyRenderer.createModalFor=function(b){if(0==a(".noty_modal").length){var c=a("<div/>").addClass("noty_modal").addClass(b.options.theme).data("noty_modal_count",0);b.options.theme.modal&&b.options.theme.modal.css&&c.css(b.options.theme.modal.css),c.prependTo(a("body")).fadeIn("fast"),a.inArray("backdrop",b.options.closeWith)>-1&&c.on("click",function(){a.noty.closeAll()})}},a.notyRenderer.getLayoutCountFor=function(b){return a(b.options.layout.container.selector).data("noty_layout_count")||0},a.notyRenderer.setLayoutCountFor=function(b,c){return a(b.options.layout.container.selector).data("noty_layout_count",a.notyRenderer.getLayoutCountFor(b)+c)},a.notyRenderer.getModalCount=function(){ret urn a(".noty_modal").data("noty_modal_count")||0},a.notyRenderer.setModalCount=function(b){return a(".noty_modal").data("noty_modal_count",a.notyRenderer.getModalCount()+b)},a.fn.noty=function(b){return b.custom=a(this),a.notyRenderer.init(b)},a.noty={},a.noty.queue=[],a.noty.ontap=!0,a.noty.layouts={},a.noty.themes={},a.noty.returns="object",a.noty.store={},a.noty.get=function(b){return a.noty.store.hasOwnProperty(b)?a.noty.store[b]:!1},a.noty.close=function(b){return a.noty.get(b)?a.noty.get(b).close():!1},a.noty.setText=function(b,c){return a.noty.get(b)?a.noty.get(b).setText(c):!1},a.noty.setType=function(b,c){return a.noty.get(b)?a.noty.get(b).setType(c):!1},a.noty.clearQueue=function(){a.noty.queue=[]},a.noty.closeAll=function(){a.noty.clearQueue(),a.each(a.noty.store,function(a,b){b.close()})};var c=window.alert;a.noty.consumeAlert=function(b){window.alert=function(c){b?b.text=c:b={text:c},a.notyRenderer.init(b)}},a.noty.stopConsumeAlert=function(){window.alert=c},a.noty.defa ults={layout:"top",theme:"defaultTheme",type:"alert",text:"",dismissQueue:!0,template:'<div class="noty_message"><span class="noty_text"></span><div class="noty_close"></div></div>',animation:{open:{height:"toggle"},close:{height:"toggle"},easing:"swing",speed:500},timeout:!1,force:!1,modal:!1,maxVisible:5,killer:!1,closeWith:["click"],callback:{onShow:function(){},afterShow:function(){},onClose:function(){},afterClose:function(){},onCloseClick:function(){}},buttons:!1},a(window).on("resize",function(){a.each(a.noty.layouts,function(b,c){c.container.style.apply(a(c.container.selector))})})}(jQuery),window.noty=function(a){return jQuery.notyRenderer.init(a)},function(a){a.noty.layouts.bottom={name:"bottom",options:{},container:{object:'<ul id="noty_bottom_layout_container" />',selector:"ul#noty_bottom_layout_container",style:function(){a(this).css({bottom:0,left:"5%",position:"fixed",width:"90%",height:"auto",margin:0,padding:0,listStyleType:"none",zIndex:9999999})}},parent:{object:" <li />",selector:"li",css:{}},css:{display:"none"},addClass:""}}(jQuery),function(a){a.noty.layouts.bottomCenter={name:"bottomCenter",options:{},container:{object:'<ul id="noty_bottomCenter_layout_container" />',selector:"ul#noty_bottomCenter_layout_container",style:function(){a(this).css({bottom:20,left:0,position:"fixed",width:"310px",height:"auto",margin:0,padding:0,listStyleType:"none",zIndex:1e7}),a(this).css({left:(a(window).width()-a(this).outerWidth(!1))/2+"px"})}},parent:{object:"<li />",selector:"li",css:{}},css:{display:"none",width:"310px"},addClass:""}}(jQuery),function(a){a.noty.layouts.bottomLeft={name:"bottomLeft",options:{},container:{object:'<ul id="noty_bottomLeft_layout_container" />',selector:"ul#noty_bottomLeft_layout_container",style:function(){a(this).css({bottom:20,left:20,position:"fixed",width:"310px",height:"auto",margin:0,padding:0,listStyleType:"none",zIndex:1e7}),window.innerWidth<600&&a(this).css({left:5})}},parent:{object:"<li />",selector:"li",css:{ }},css:{display:"none",width:"310px"},addClass:""}}(jQuery),function(a){a.noty.layouts.bottomRight={name:"bottomRight",options:{},container:{object:'<ul id="noty_bottomRight_layout_container" />',selector:"ul#noty_bottomRight_layout_container",style:function(){a(this).css({bottom:20,right:20,position:"fixed",width:"310px",height:"auto",margin:0,padding:0,listStyleType:"none",zIndex:1e7}),window.innerWidth<600&&a(this).css({right:5})}},parent:{object:"<li />",selector:"li",css:{}},css:{display:"none",width:"310px"},addClass:""}}(jQuery),function(a){a.noty.layouts.center={name:"center",options:{},container:{object:'<ul id="noty_center_layout_container" />',selector:"ul#noty_center_layout_container",style:function(){a(this).css({position:"fixed",width:"310px",height:"auto",margin:0,padding:0,listStyleType:"none",zIndex:1e7});var b=a(this).clone().css({visibility:"hidden",display:"block",position:"absolute",top:0,left:0}).attr("id","dupe");a("body").append(b),b.find(".i-am-closing-now") .remove(),b.find("li").css("display","block");var c=b.height();b.remove(),a(this).hasClass("i-am-new")?a(this).css({left:(a(window).width()-a(this).outerWidth(!1))/2+"px",top:(a(window).height()-c)/2+"px"}):a(this).animate({left:(a(window).width()-a(this).outerWidth(!1))/2+"px",top:(a(window).height()-c)/2+"px"},500)}},parent:{object:"<li />",selector:"li",css:{}},css:{display:"none",width:"310px"},addClass:""}}(jQuery),function(a){a.noty.layouts.centerLeft={name:"centerLeft",options:{},container:{object:'<ul id="noty_centerLeft_layout_container" />',selector:"ul#noty_centerLeft_layout_container",style:function(){a(this).css({left:20,position:"fixed",width:"310px",height:"auto",margin:0,padding:0,listStyleType:"none",zIndex:1e7});var b=a(this).clone().css({visibility:"hidden",display:"block",position:"absolute",top:0,left:0}).attr("id","dupe");a("body").append(b),b.find(".i-am-closing-now").remove(),b.find("li").css("display","block");var c=b.height();b.remove(),a(this).hasClass("i- am-new")?a(this).css({top:(a(window).height()-c)/2+"px"}):a(this).animate({top:(a(window).height()-c)/2+"px"},500),window.innerWidth<600&&a(this).css({left:5})}},parent:{object:"<li />",selector:"li",css:{}},css:{display:"none",width:"310px"},addClass:""}}(jQuery),function(a){a.noty.layouts.centerRight={name:"centerRight",options:{},container:{object:'<ul id="noty_centerRight_layout_container" />',selector:"ul#noty_centerRight_layout_container",style:function(){a(this).css({right:20,position:"fixed",width:"310px",height:"auto",margin:0,padding:0,listStyleType:"none",zIndex:1e7});var b=a(this).clone().css({visibility:"hidden",display:"block",position:"absolute",top:0,left:0}).attr("id","dupe");a("body").append(b),b.find(".i-am-closing-now").remove(),b.find("li").css("display","block");var c=b.height();b.remove(),a(this).hasClass("i-am-new")?a(this).css({top:(a(window).height()-c)/2+"px"}):a(this).animate({top:(a(window).height()-c)/2+"px"},500),window.innerWidth<600&&a(this).css({rig ht:5})}},parent:{object:"<li />",selector:"li",css:{}},css:{display:"none",width:"310px"},addClass:""}}(jQuery),function(a){a.noty.layouts.inline={name:"inline",options:{},container:{object:'<ul class="noty_inline_layout_container" />',selector:"ul.noty_inline_layout_container",style:function(){a(this).css({width:"100%",height:"auto",margin:0,padding:0,listStyleType:"none",zIndex:9999999})}},parent:{object:"<li />",selector:"li",css:{}},css:{display:"none"},addClass:""}}(jQuery),function(a){a.noty.layouts.top={name:"top",options:{},container:{object:'<ul id="noty_top_layout_container" />',selector:"ul#noty_top_layout_container",style:function(){a(this).css({top:0,left:"5%",position:"fixed",width:"90%",height:"auto",margin:0,padding:0,listStyleType:"none",zIndex:9999999})}},parent:{object:"<li />",selector:"li",css:{}},css:{display:"none"},addClass:""}}(jQuery),function(a){a.noty.layouts.topCenter={name:"topCenter",options:{},container:{object:'<ul id="noty_topCenter_layout_container " />',selector:"ul#noty_topCenter_layout_container",style:function(){a(this).css({top:20,left:0,position:"fixed",width:"310px",height:"auto",margin:0,padding:0,listStyleType:"none",zIndex:1e7}),a(this).css({left:(a(window).width()-a(this).outerWidth(!1))/2+"px"})}},parent:{object:"<li />",selector:"li",css:{}},css:{display:"none",width:"310px"},addClass:""}}(jQuery),function(a){a.noty.layouts.topLeft={name:"topLeft",options:{},container:{object:'<ul id="noty_topLeft_layout_container" />',selector:"ul#noty_topLeft_layout_container",style:function(){a(this).css({top:20,left:20,position:"fixed",width:"310px",height:"auto",margin:0,padding:0,listStyleType:"none",zIndex:1e7}),window.innerWidth<600&&a(this).css({left:5})}},parent:{object:"<li />",selector:"li",css:{}},css:{display:"none",width:"310px"},addClass:""}}(jQuery),function(a){a.noty.layouts.topRight={name:"topRight",options:{},container:{object:'<ul id="noty_topRight_layout_container" />',selector:"ul#noty_topRight_layout_contai ner",style:function(){a(this).css({top:20,right:20,position:"fixed",width:"310px",height:"auto",margin:0,padding:0,listStyleType:"none",zIndex:1e7}),window.innerWidth<600&&a(this).css({right:5})}},parent:{object:"<li />",selector:"li",css:{}},css:{display:"none",width:"310px"},addClass:""}}(jQuery),function(a){a.noty.themes.bootstrapTheme={name:"bootstrapTheme",modal:{css:{position:"fixed",width:"100%",height:"100%",backgroundColor:"#000",zIndex:1e4,opacity:.6,display:"none",left:0,top:0}},style:function(){var b=this.options.layout.container.selector;switch(a(b).addClass("list-group"),this.$closeButton.append('<span aria-hidden="true">×</span><span class="sr-only">Close</span>'),this.$closeButton.addClass("close"),this.$bar.addClass("list-group-item").css("padding","0px"),this.options.type){case"alert":case"notification":this.$bar.addClass("list-group-item-info");break;case"warning":this.$bar.addClass("list-group-item-warning");break;case"error":this.$bar.addClass("list-group- item-danger");break;case"information":this.$bar.addClass("list-group-item-info");break;case"success":this.$bar.addClass("list-group-item-success")}this.$message.css({fontSize:"13px",lineHeight:"16px",textAlign:"center",padding:"8px 10px 9px",width:"auto",position:"relative"})},callback:{onShow:function(){},onClose:function(){}}}}(jQuery),function(a){a.noty.themes.defaultTheme={name:"defaultTheme",helpers:{borderFix:function(){if(this.options.dismissQueue){var b=this.options.layout.container.selector+" "+this.options.layout.parent.selector;switch(this.options.layout.name){case"top":a(b).css({borderRadius:"0px 0px 0px 0px"}),a(b).last().css({borderRadius:"0px 0px 5px 5px"});break;case"topCenter":case"topLeft":case"topRight":case"bottomCenter":case"bottomLeft":case"bottomRight":case"center":case"centerLeft":case"centerRight":case"inline":a(b).css({borderRadius:"0px 0px 0px 0px"}),a(b).first().css({"border-top-left-radius":"5px","border-top-right-radius":"5px"}),a(b).last().css({"border -bottom-left-radius":"5px","border-bottom-right-radius":"5px"});break;case"bottom":a(b).css({borderRadius:"0px 0px 0px 0px"}),a(b).first().css({borderRadius:"5px 5px 0px 0px"})}}}},modal:{css:{position:"fixed",width:"100%",height:"100%",backgroundColor:"#000",zIndex:1e4,opacity:.6,display:"none",left:0,top:0}},style:function(){switch(this.$bar.css({overflow:"hidden",background:"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAQAAAClM0ndAAAAhklEQVR4AdXO0QrCMBBE0bttkk38/w8WRERpdyjzVOc+HxhIHqJGMQcFFkpYRQotLLSw0IJ5aBdovruMYDA/kT8plF9ZKLFQcgF18hDj1SbQOMlCA4kao0iiXmah7qBWPdxpohsgVZyj7e5I9KcID+EhiDI5gxBYKLBQYKHAQoGFAoEks/YEGHYKB7hFxf0AAAAASUVORK5CYII=') repeat-x scroll left top #fff"}),this.$message.css({fontSize:"13px",lineHeight:"16px",textAlign:"center",padding:"8px 10px 9px",width:"auto",position:"relative"}),this.$closeButton.css({position:"absolute",top:4,right:4,width:10,height:10,background:"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAxUlEQ VR4AR3MPUoDURSA0e++uSkkOxC3IAOWNtaCIDaChfgXBMEZbQRByxCwk+BasgQRZLSYoLgDQbARxry8nyumPcVRKDfd0Aa8AsgDv1zp6pYd5jWOwhvebRTbzNNEw5BSsIpsj/kurQBnmk7sIFcCF5yyZPDRG6trQhujXYosaFoc+2f1MJ89uc76IND6F9BvlXUdpb6xwD2+4q3me3bysiHvtLYrUJto7PD/ve7LNHxSg/woN2kSz4txasBdhyiz3ugPGetTjm3XRokAAAAASUVORK5CYII=)",display:"none",cursor:"pointer"}),this.$buttons.css({padding:5,textAlign:"right",borderTop:"1px solid #ccc",backgroundColor:"#fff"}),this.$buttons.find("button").css({marginLeft:5}),this.$buttons.find("button:first").css({marginLeft:0}),this.$bar.on({mouseenter:function(){a(this).find(".noty_close").stop().fadeTo("normal",1)},mouseleave:function(){a(this).find(".noty_close").stop().fadeTo("normal",0)}}),this.options.layout.name){case"top":this.$bar.css({borderRadius:"0px 0px 5px 5px",borderBottom:"2px solid #eee",borderLeft:"2px solid #eee",borderRight:"2px solid #eee",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.1)"});break;case"topCenter":case"center":case"bottomCenter":case"inline":this.$bar.css({border Radius:"5px",border:"1px solid #eee",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.1)"}),this.$message.css({fontSize:"13px",textAlign:"center"});break;case"topLeft":case"topRight":case"bottomLeft":case"bottomRight":case"centerLeft":case"centerRight":this.$bar.css({borderRadius:"5px",border:"1px solid #eee",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.1)"}),this.$message.css({fontSize:"13px",textAlign:"left"});break;case"bottom":this.$bar.css({borderRadius:"5px 5px 0px 0px",borderTop:"2px solid #eee",borderLeft:"2px solid #eee",borderRight:"2px solid #eee",boxShadow:"0 -2px 4px rgba(0, 0, 0, 0.1)"});break;default:this.$bar.css({border:"2px solid #eee",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.1)"})}switch(this.options.type){case"alert":case"notification":this.$bar.css({backgroundColor:"#FFF",borderColor:"#CCC",color:"#444"});break;case"warning":this.$bar.css({backgroundColor:"#FFEAA8",borderColor:"#FFC237",color:"#826200"}),this.$buttons.css({borderTop:"1px solid #FFC237"});break;case"error":this.$bar.css ({backgroundColor:"red",borderColor:"darkred",color:"#FFF"}),this.$message.css({fontWeight:"bold"}),this.$buttons.css({borderTop:"1px solid darkred"});break;case"information":this.$bar.css({backgroundColor:"#57B7E2",borderColor:"#0B90C4",color:"#FFF"}),this.$buttons.css({borderTop:"1px solid #0B90C4"});break;case"success":this.$bar.css({backgroundColor:"lightgreen",borderColor:"#50C24E",color:"darkgreen"}),this.$buttons.css({borderTop:"1px solid #50C24E"});break;default:this.$bar.css({backgroundColor:"#FFF",borderColor:"#CCC",color:"#444"})}},callback:{onShow:function(){a.noty.themes.defaultTheme.helpers.borderFix.apply(this)},onClose:function(){a.noty.themes.defaultTheme.helpers.borderFix.apply(this)}}}}(jQuery); \ No newline at end of file http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/js/wizard/custom.js ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/js/wizard/custom.js b/components/org.apache.stratos.manager.console/console/themes/theme0/js/wizard/custom.js new file mode 100644 index 0000000..e15a769 --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/js/wizard/custom.js @@ -0,0 +1,10 @@ +//$(document).ready(function() { +// $("div.stratos-tab-menu>div.list-group>a").click(function(e) { +// e.preventDefault(); +// $(this).siblings('a.active').removeClass("active"); +// $(this).addClass("active"); +// var index = $(this).index(); +// $("div.stratos-tab>div.stratos-tab-content").removeClass("active"); +// $("div.stratos-tab>div.stratos-tab-content").eq(index).addClass("active"); +// }); +//}); \ No newline at end of file http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/pages/index.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/pages/index.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/pages/index.hbs new file mode 100644 index 0000000..529e05c --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/pages/index.hbs @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<!--[if lt IE 7]> +<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> +<!--[if IE 7]> +<html class="no-js lt-ie9 lt-ie8"> <![endif]--> +<!--[if IE 8]> +<html class="no-js lt-ie9"> <![endif]--> +<!--[if gt IE 8]><!--> +<html class="no-js"> <!--<![endif]--> +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> + {{include page_meta}} + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="shortcut icon" href="{{url "/themes/theme0/images/favicon.png"}}"> + <link rel="stylesheet" href="{{url "/themes/theme0/css/web-fonts/open_sans.css"}}" type="text/css" > + <link rel="stylesheet" href="{{url "/themes/theme0/css/bootstrap-3.2.0/bootstrap.min.css"}}" type="text/css" > + <link rel="stylesheet" href="{{url "/themes/theme0/css/custom.css"}}" type="text/css" > + <link rel="stylesheet" href="{{url "/themes/theme0/css/font-awesome-4.2.0/font-awesome.min.css"}}" type="text/css" > + {{css .}} + <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> + <!--[if lt IE 9]> + <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js";></script> + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js";></script> + <![endif]--> + <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="{{url "/themes/theme0/ui/js/excanvas.min.js"}}"></script><![endif]--> + <script type="text/javascript" src="{{url "/themes/theme0/js/jquery-1.11.1/jquery-1.11.1.js"}}"></script> +</head> +<body> +{{include header}} +{{include sub_header}} +{{include left_menu}} +{{include right_menu_help}} +{{include right_menu_log}} +<div class="container-fluid"> +{{include content}} +</div> +<!-- Include all compiled plugins (below), or include individual files as needed --> +<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> + +<script type="text/javascript" src="{{url "/themes/theme0/js/bootstrap-3.2.0/bootstrap.min.js"}}"></script> +<script type="text/javascript" src="{{url "/themes/theme0/js/noty-2.2.9/noty-2.2.9.js"}}"></script> +<script type="text/javascript" src="{{url "/themes/theme0/js/custom.js"}}"></script> +{{js .}} + +</body> +</html> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/applications.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/applications.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/applications.hbs new file mode 100644 index 0000000..5b7c253 --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/applications.hbs @@ -0,0 +1,86 @@ +<div class="row title"> + <div class="title-main text-center"> + <h1>{{content_title}}</h1> + </div> +</div> +<div class="container content"> + <div class="row text-center"> + {{#if content_body.sections}} + <div class="row form-toolbar "> + <div class="col-md-5 col-sm-3 text-left"> + <!--<input type="text" class="form-control" placeholder="Search">--> + <div class="btn-group"> + <a href="#" id="list" class="btn btn-default"> + <i class="fa fa-list-ul"></i> List + </a> + <a href="#" id="grid" class="btn btn-default"> + <i class="fa fa-th"></i> Grid + </a> + </div> + </div> + </div> + {{else}} + <div class="row no-item row-overide"> + <div class="row title"> + <h2>No Cartridges found..</h2> + <a type="button" class="btn btn-primary btn-lg" href="{{url ""}}/configure/cartridges/">Add New Cartridges</a> + </div> + </div> + {{/if}} + <div class="row general-table row-overide"> + {{#each content_body.sections}} + {{#unless loadBalancer}} + <div data-url="{{url ""}}/cartridges/subscribe/{{cartridgeType}}" class="data-url"> + {{/unless}} + <div class="col-md-4 border-right block grid-group-item "> + <div class="toggle-menu-icon"> + <i class="fa icon-{{cartridgeType}} fa-inbox"></i> + </div> + + {{#if loadBalancer}} + + <h2>{{displayName}} - {{version}}</h2> + + <div class="cartridge-description">{{description}}</div> + <div class="lb-description">This will be auto subscribed for you</div> + + {{else}} + <h2>{{displayName}} - {{version}}</h2> + {{#if multiTenant}} + Multi Tenant Enabled + {{else}} + Single Tenant + {{/if}} + <div class="toggle-menu-description">{{description}}</div> + <div class="bottom-bar-wrapper"> + <div class="bottom-bar"> + <button class="btn btn-info btn-lg hover-subscribe" type="button" id="subscribe" + data-form=""> Subscribe + </button> + </div> + </div> + {{/if}} + </div> + {{#unless loadBalancer}} + </div> + {{/unless}} + + {{/each}} + </div> + </div> +</div> + +<script> + $(document).ready(function () { + $('.general-table div.data-url').click(function () { + window.location = $(this).attr("data-url"); + }); + + $('.general-table .grid-group-item').hover(function () { + $(this).find('.bottom-bar').stop().animate({bottom: '37px'}, 'slow'); + }, function () { + $(this).find('.bottom-bar').stop().animate({bottom: '-32px'}, 'slow'); + }) + }); + +</script> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/applications_form.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/applications_form.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/applications_form.hbs new file mode 100644 index 0000000..3e0118f --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/applications_form.hbs @@ -0,0 +1,258 @@ +{{#if isForm}} + <div id="centered"> + <div class="row title"> + <div class="title-main text-center"> + {{#if isForm}} + {{#if isEdit}} + <h1>{{formTitle}}</h1> + {{else}} + <h1>Add New {{formTitle}}</h1> + {{/if}} + {{else}} + <h1>{{formTitle}}</h1> + {{/if}} + </div> + </div> + {{#if isForm}} + <div class='container' id='content'> + <div class='row'> + <div class='container text-center form-toolbar'> + {{#if isEdit}} + <div class='col-md-4'><button class='btn btn-default btn-lg' type='button' onclick='window.location.replace(document.referrer)'> Back</button></div> + {{else}} + <div class='col-md-5'> + <div class="editor-button"> + <span class='pull-left'>Editor + <input type="checkbox" name="my-checkbox" id='editortoggle' checked> + </span> + <span class="auto-correct"><input type="checkbox" checked id="auto-correct-check">Auto correct with schema</span> + </div> + + </div> + <div class='col-md-7'> + <button class='btn btn-info btn-lg pull-right' type='button' id='deploy' data-form='{{formContext}}'> Deploy {{formTitle}}</button> + <button class='btn btn-default btn-lg pull-right button-gap' type='button' onclick='window.location.replace(document.referrer)'> Cancel</button> + + </div> + {{/if}} + </div> + </div> + <div class='form' action='#' id='textform'></div> + <div id='jsonform'> + <div class='form-group'> + <div class='form' action='#'> + <textarea placeholder='JSON Editor' id='jsoneditor' class='form-control'></textarea> + </div> + </div> + </div> + </div> + {{/if}} + </div> +{{else}} + <div class="row title"> + <div class="title-main text-center"> + <h1>{{formTitle}}s</h1> + </div> + </div> + <div class="container content"> + <div class="row text-center"> + + {{#if content_body.sections}} + <div class="row form-toolbar "> + <div class="col-md-5 col-sm-3 text-left"> + <!--<input type="text" class="form-control" placeholder="Search">--> + <div class="btn-group"> + <a href="#" id="list" class="btn btn-default"> + <i class="fa fa-list-ul"></i> List + </a> + <a href="#" id="grid" class="btn btn-default"> + <i class="fa fa-th"></i> Grid + </a> + </div> + </div> + <div class="col-md-7 col-sm-3 text-right"> + <a type="button" class="btn btn-primary btn-lg add-button" href="new/">Add + New {{buttonText}}</a> + </div> + </div> + {{else}} + <div class="row no-item row-overide"> + <div class="row title"> + <h2>No {{formTitle}} found..</h2> + <a type="button" class="btn btn-primary btn-lg" href="new/">Add New {{formTitle}}</a> + </div> + </div> + {{/if}} + + <div class="row general-table row-overide"> + {{#each content_body.sections.applications}} + <a href="#" + class="block col-md-4 grid-group-item border-right"> + <div class="toggle-menu-icon"> + <i class="fa fa-th-large"></i> + </div> + <h2 class="truncate">{{id}} </h2> + + <div class="toggle-menu-description">{{description}} </div> + </a> + {{/each}} + </div> + </div> + </div> +{{/if}} +<script> + + $(document).ready(function () { + {{#if isForm}} + // Set the default CSS theme and icon library globally + JSONEditor.defaults.theme = 'bootstrap3'; + JSONEditor.defaults.iconlib = 'fontawesome4'; + JSONEditor.defaults.show_errors = "always"; + + // This is the starting value for the editor + // We will use this to seed the initial editor + // and to provide a "Restore to Default" button. + {{#if isEdit}} + var starting_value = {{{formDataEdit}}}; + {{else}} + var starting_value = {{{formDataRaw}}}; + {{/if}} + + // Initialize the editor + var editor = new JSONEditor(document.getElementById('textform'), { + // Enable fetching schemas via ajax + ajax: false, + disable_edit_json: true, + // disable_properties:true, + // The schema for the editor + schema: {{{formData}}}, + format: "grid", + + // Seed the form with a starting value + startval: starting_value + }); + + JSONEditor.prototype.showErrors = function () { + this.setOption('show_errors', 'always'); + } + {{#if isEdit}} + editor.disable(); + {{/if}} + + // Hook up the validation indicator to update its + // status whenever the editor changes + editor.on('change', function () { + // Get an array of errors from the validator + var errors = editor.validate(); + if (errors.length) { + for (var i = 0; i < errors.length; i++) { + var n = noty({text: errors[i].message + ' in ' + errors[i].path, layout: 'bottomRight', + type: 'error', timeout: 2000}); + } + + } + + }); + + /** + * Function to handle hiding and showing the JSON form + */ + $('input[name="my-checkbox"]').on('switchChange.bootstrapSwitch', function(event, state) { + if (isForm) { + + changeDisplayMode('#textform', '#jsonform'); + $('#editortoggle').text('Form View'); + isForm = false; + $('textarea#jsoneditor').val(JSON.stringify(editor.getValue(), null, '\t')); + console.log('click once') + } else { + + changeDisplayMode('#jsonform', '#textform'); + $('#editortoggle').text('JSON Editor'); + editor.validate(); + editor.setValue(JSON.parse($('textarea#jsoneditor').val())); + isForm = true; + // Fire a change event to force revalidation + editor.onChange(); + } + + if(state){ + $('.auto-correct').css({"display":"block"}); + }else{ + $('.auto-correct').css({"display":"none"}); + } + }); + + + // Finding the height of the rendered form, and setting the JSON + // editor to the same height + var formHeight = $('#textform').height(); + $('#jsoneditor').css('height', formHeight); + + //handle changes happens on json editor + $('textarea#jsoneditor').on('keyup', function (event) { + //valiadate raw json and do validation + try { + var rawEditValidate = JSON.parse($('textarea#jsoneditor').val()); + $(this).addClass("has-success").removeClass('has-error'); + $('#deploy').prop('disabled', false); + } catch (e) { + $(this).addClass("has-error").removeClass('has-success'); + $('#deploy').prop('disabled', true); + return false; + } + + var autoCorrect = $('#auto-correct-check:checked').val(); + + if (rawEditValidate && autoCorrect ) { + + editor.setValue(rawEditValidate); + editor.onChange(); + if (event.keyCode == '13' || event.keyCode == '32') { + }else{ + $('textarea#jsoneditor').val(JSON.stringify(editor.getValue(), null, '\t')); + } + + } + + }); + + {{/if}} + + $('#deploy').click(function () { + + var payload = editor.getValue(); + var btn = $(this); + var formtype = '{{formContext}}'; + btn.html("<i class='fa fa-spinner fa-spin'></i> Deploying..."); + $.ajax({ + type: "POST", + url: caramel.context + "/controllers/applications/application_requests.jag", + dataType: 'json', + data: { "formPayload": JSON.stringify(payload), "formtype": formtype }, + success: function (data) { + console.log(data); + if (data.status == 'error') { + var n = noty({text: data.message, layout: 'bottomRight', type: 'error'}); + } else if (data.status == 'warning') { + var n = noty({text: data.message, layout: 'bottomRight', type: 'warning'}); + } else { + var n = noty({text: data.message, layout: 'bottomRight', type: 'success'}); + } + } + }) + .always(function () { + btn.html('Deploy'); + }); + + });//end of deploy button trigger + + // $('div[data-schemapath="root"]').find('h3 span').first().css({"display":"none"} ); + + $.fn.bootstrapSwitch.defaults.onText = 'JSON'; + $.fn.bootstrapSwitch.defaults.offText = 'UI'; + $("[name='my-checkbox']").bootstrapSwitch('state', false, true); + + }); + +</script> http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/configure_form.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/configure_form.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/configure_form.hbs new file mode 100644 index 0000000..4645de3 --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/configure_form.hbs @@ -0,0 +1,314 @@ +{{#if isForm}} + <div id="centered"> + <div class="row title"> + <div class="title-main text-center"> + {{#if isForm}} + {{#if isEdit}} + <h1>{{formTitle}}</h1> + {{else}} + <h1>Add New {{formTitle}}</h1> + {{/if}} + {{else}} + <h1>{{formTitle}}</h1> + {{/if}} + </div> + </div> + {{#if isForm}} + <div class='container' id='content'> + <div class='row'> + <div class='container text-center form-toolbar'> + {{#if isEdit}} + <div class='col-md-4'><button class='btn btn-default btn-lg' type='button' onclick='window.location.replace(document.referrer)'> Back</button></div> + {{else}} + <div class='col-md-5'> + <div class="editor-button"> + <span class='pull-left'>Editor + <input type="checkbox" name="my-checkbox" id='editortoggle' checked> + </span> + <span class="auto-correct"><input type="checkbox" checked id="auto-correct-check">Auto correct with schema</span> + </div> + + </div> + <div class='col-md-7'> + <button class='btn btn-info btn-lg pull-right' type='button' id='deploy' data-form='{{formContext}}'> Deploy {{formTitle}}</button> + <button class='btn btn-default btn-lg pull-right button-gap' type='button' onclick='window.location.replace(document.referrer)'> Cancel</button> + + </div> + {{/if}} + </div> + </div> + <div class='form' action='#' id='textform'></div> + <div id='jsonform'> + <div class='form-group'> + <div class='form' action='#'> + <textarea placeholder='JSON Editor' id='jsoneditor' class='form-control'></textarea> + </div> + </div> + </div> + </div> + {{/if}} + </div> +{{else}} + <div class="row title"> + <div class="title-main text-center"> + <h1>{{formTitle}}s</h1> + </div> + </div> + <div class="container content"> + <div class="row text-center"> + + {{#if content_body.sections}} + <div class="row form-toolbar "> + <div class="col-md-5 col-sm-3 text-left"> + <!--<input type="text" class="form-control" placeholder="Search">--> + <div class="btn-group"> + <a href="#" id="list" class="btn btn-default"> + <i class="fa fa-list-ul"></i> List + </a> + <a href="#" id="grid" class="btn btn-default"> + <i class="fa fa-th"></i> Grid + </a> + </div> + </div> + <div class="col-md-7 col-sm-3 text-right"> + <a type="button" class="btn btn-primary btn-lg add-button" href="new/">Add + New {{buttonText}}</a> + </div> + </div> + {{else}} + <div class="row no-item row-overide"> + <div class="row title"> + <h2>No {{formTitle}} found..</h2> + <a type="button" class="btn btn-primary btn-lg" href="new/">Add New {{formTitle}}</a> + </div> + </div> + {{/if}} + + <div class="row general-table row-overide"> + {{#each content_body.sections.kubernetesGroup}} + <div class="block col-md-4 grid-group-item border-right"> + <div class="toggle-menu-icon"> + <i class="fa fa-gears "></i> + </div> + <h2 class="truncate">{{groupId}} </h2> + + <div class="toggle-menu-description">{{description}}</div> + + </div> + {{/each}} + {{#each content_body.sections.serviceDefinitionBean}} + <div class="block col-md-4 grid-group-item border-right"> + <div class="toggle-menu-icon"> + <i class="fa fa-gears "></i> + </div> + <h2 class="truncate">{{autoscalingPolicyName}} </h2> + + <div class="toggle-menu-description">{{cartridgeType}}</div> + + </div> + {{/each}} + {{#each content_body.sections.cartridge}} + <div class="block col-md-4 grid-group-item border-right"> + <div class="toggle-menu-icon"> + <i class="fa icon-{{cartridgeType}} fa-inbox "></i> + </div> + <h2 class="truncate">{{displayName}} </h2> + + <div class="toggle-menu-description">{{description}}</div> + + </div> + {{/each}} + {{#each content_body.sections.deploymentPolicy}} + <div class="block col-md-4 grid-group-item border-right"> + <div class="toggle-menu-icon"> + <i class="fa fa-road "></i> + </div> + <h2 class="truncate">{{id}} </h2> + + <div class="toggle-menu-description">{{description}}</div> + </div> + {{/each}} + {{#each content_body.sections.autoscalePolicy}} + <div class="block col-md-4 col-xs-4 grid-group-item border-right"> + <div class="toggle-menu-icon"> + <i class="fa fa-expand "></i> + </div> + <h2 class="truncate">{{id}} </h2> + + <div class="toggle-menu-description">{{description}}</div> + </div> + {{/each}} + {{#each content_body.sections.partition}} + <a href="{{url ""}}/configure/partitions/{{id}}/" + class="block col-md-4 grid-group-item border-right"> + <div class="toggle-menu-icon"> + <i class="fa fa-th-large"></i> + </div> + <h2 class="truncate">{{id}} </h2> + + <div class="toggle-menu-description">{{description}} </div> + <!--<div class="toggle-menu-button"> + <button type="button" class="btn btn-primary" >Remove</button> + </div>--> + </a> + {{/each}} + </div> + </div> + </div> +{{/if}} +<script> + + $(document).ready(function () { + {{#if isForm}} + // Set the default CSS theme and icon library globally + JSONEditor.defaults.theme = 'bootstrap3'; + JSONEditor.defaults.iconlib = 'fontawesome4'; + JSONEditor.defaults.show_errors = "always"; + + // This is the starting value for the editor + // We will use this to seed the initial editor + // and to provide a "Restore to Default" button. + {{#if isEdit}} + var starting_value = {{{formDataEdit}}}; + {{else}} + var starting_value = {{{formDataRaw}}}; + {{/if}} + + // Initialize the editor + var editor = new JSONEditor(document.getElementById('textform'), { + // Enable fetching schemas via ajax + ajax: false, + disable_edit_json: true, + // disable_properties:true, + // The schema for the editor + schema: {{{formData}}}, + format: "grid", + + // Seed the form with a starting value + startval: starting_value + }); + + JSONEditor.prototype.showErrors = function () { + this.setOption('show_errors', 'always'); + } + {{#if isEdit}} + editor.disable(); + {{/if}} + + // Hook up the validation indicator to update its + // status whenever the editor changes + editor.on('change', function () { + // Get an array of errors from the validator + var errors = editor.validate(); + if (errors.length) { + for (var i = 0; i < errors.length; i++) { + var n = noty({text: errors[i].message + ' in ' + errors[i].path, layout: 'bottomRight', + type: 'error', timeout: 2000}); + } + + } + + }); + + /** + * Function to handle hiding and showing the JSON form + */ + $('input[name="my-checkbox"]').on('switchChange.bootstrapSwitch', function(event, state) { + if (isForm) { + + changeDisplayMode('#textform', '#jsonform'); + $('#editortoggle').text('Form View'); + isForm = false; + $('textarea#jsoneditor').val(JSON.stringify(editor.getValue(), null, '\t')); + console.log('click once') + } else { + + changeDisplayMode('#jsonform', '#textform'); + $('#editortoggle').text('JSON Editor'); + editor.validate(); + editor.setValue(JSON.parse($('textarea#jsoneditor').val())); + isForm = true; + // Fire a change event to force revalidation + editor.onChange(); + } + + if(state){ + $('.auto-correct').css({"display":"block"}); + }else{ + $('.auto-correct').css({"display":"none"}); + } + }); + + + // Finding the height of the rendered form, and setting the JSON + // editor to the same height + var formHeight = $('#textform').height(); + $('#jsoneditor').css('height', formHeight); + + //handle changes happens on json editor + $('textarea#jsoneditor').on('keyup', function (event) { + //valiadate raw json and do validation + try { + var rawEditValidate = JSON.parse($('textarea#jsoneditor').val()); + $(this).addClass("has-success").removeClass('has-error'); + $('#deploy').prop('disabled', false); + } catch (e) { + $(this).addClass("has-error").removeClass('has-success'); + $('#deploy').prop('disabled', true); + return false; + } + + var autoCorrect = $('#auto-correct-check:checked').val(); + + if (rawEditValidate && autoCorrect ) { + + editor.setValue(rawEditValidate); + editor.onChange(); + if (event.keyCode == '13' || event.keyCode == '32') { + }else{ + $('textarea#jsoneditor').val(JSON.stringify(editor.getValue(), null, '\t')); + } + + } + + }); + + {{/if}} + + $('#deploy').click(function () { + + var payload = editor.getValue(); + var btn = $(this); + var formtype = '{{formContext}}'; + btn.html("<i class='fa fa-spinner fa-spin'></i> Deploying..."); + $.ajax({ + type: "POST", + url: caramel.context + "/controllers/configure/configure_requests.jag", + dataType: 'json', + data: { "formPayload": JSON.stringify(payload), "formtype": formtype }, + success: function (data) { + console.log(data); + if (data.status == 'error') { + var n = noty({text: data.message, layout: 'bottomRight', type: 'error'}); + } else if (data.status == 'warning') { + var n = noty({text: data.message, layout: 'bottomRight', type: 'warning'}); + } else { + var n = noty({text: data.message, layout: 'bottomRight', type: 'success'}); + } + } + }) + .always(function () { + btn.html('Deploy'); + }); + + });//end of deploy button trigger + + // $('div[data-schemapath="root"]').find('h3 span').first().css({"display":"none"} ); + + $.fn.bootstrapSwitch.defaults.onText = 'JSON'; + $.fn.bootstrapSwitch.defaults.offText = 'UI'; + $("[name='my-checkbox']").bootstrapSwitch('state', false, true); + + }); + +</script> http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/error_page.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/error_page.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/error_page.hbs new file mode 100644 index 0000000..5bb1c42 --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/error_page.hbs @@ -0,0 +1,17 @@ +<div class="row title"> + <div class="title-main text-center"> + <h1>{{content_title}}</h1> + </div> +</div> +<div class="container content"> + <div class="row text-center error-page"> + {{#each error}} + <div class="col-md-12"> + <div class="alert alert-danger alert-dismissable"> + + <strong>Error!</strong> {{errorMessage}} + </div> + </div> + {{/each}} + </div> +</div> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_header.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_header.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_header.hbs new file mode 100644 index 0000000..ffe5bc4 --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_header.hbs @@ -0,0 +1,28 @@ +<nav class="navbar navbar-default" role="navigation"> + <div class="container-fluid"> + <!-- toggle navigation --> + <div class="navbar-header main-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> + <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> + </button> + <a class="navbar-brand logo" href="{{url ""}}"><img src="{{url "/themes/theme0/images/stratos-logo.png"}}"></a> + </div> + <!-- default navigation --> + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> + <ul class="nav navbar-nav navbar-right"> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <span class="user-image"> + <img src="{{url "/themes/theme0/images/avatar/"}}6497326.png" alt="example image" class="img-circle"> + </span> + {{#user}}{{/user}} + <span class="caret"></span> + </a> + <ul class="dropdown-menu" role="menu"> + <li><a href="{{url ""}}/controllers/login/logout.jag">Logout</a></li> + </ul> + </li> + </ul> + </div> + </div> +</nav> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_left_menu.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_left_menu.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_left_menu.hbs new file mode 100644 index 0000000..2bc51ad --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_left_menu.hbs @@ -0,0 +1,10 @@ +<div class="slidewindow left"> + <div class="row"> + <div class="slidewindow-content"> + <ul class="menu"> + {{{left_menu}}} + </ul> + </div> + <div class="slidewindow-handle"><i class="fa fa-bars"></i></div> + </div> +</div> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_right_menu_help.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_right_menu_help.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_right_menu_help.hbs new file mode 100644 index 0000000..8b2334d --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_right_menu_help.hbs @@ -0,0 +1,28 @@ +<div class="slidewindow right tabs"> + + <div class="tab-container"> + + <div class="tab row" data-content="help"> + <div class="slidewindow-content"> + <div class="text"> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut velit quis leo sodales tincidunt nec non nisi. Quisque fermentum porta eros vel vehicula. Ut vitae viverra tortor, consectetur feugiat magna. Maecenas vel cursus nisi. Maecenas ex orci, cursus ac lorem non, aliquet maximus neque. Praesent consectetur placerat sem ut pretium. Morbi sed dignissim neque. Duis scelerisque ultrices arcu, malesuada rutrum augue posuere quis. + </div> + </div> + </div> + + <div class="tab row" data-content="log"> + <div class="slidewindow-content"> + <div class="text"> + {{{stratos_log}}} + </div> + </div> + </div> + + </div> + + <div class="tab-handles"> + <div class="slidewindow-handle" data-action="help"><i class="fa fa-life-saver"></i></div> + <div class="slidewindow-handle" data-action="log"><i class="fa fa-info-circle"></i></div> + </div> + +</div> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_right_menu_log.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_right_menu_log.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_right_menu_log.hbs new file mode 100644 index 0000000..162f0a9 --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_right_menu_log.hbs @@ -0,0 +1,11 @@ +<!-- +<div class="slidewindow right" data-rel="help-info"> + <div class="row"> + <div class="slidewindow_content"> + <div class="text"> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut velit quis leo sodales tincidunt nec non nisi. Quisque fermentum porta eros vel vehicula. Ut vitae viverra tortor, consectetur feugiat magna. Maecenas vel cursus nisi. Maecenas ex orci, cursus ac lorem non, aliquet maximus neque. Praesent consectetur placerat sem ut pretium. Morbi sed dignissim neque. Duis scelerisque ultrices arcu, malesuada rutrum augue posuere quis. + </div> + </div> + <div class="slidewindow_handle"><i class="fa fa-info-circle"></i></div> + </div> +</div>--> http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_sub_header.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_sub_header.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_sub_header.hbs new file mode 100644 index 0000000..26088e9 --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_sub_header.hbs @@ -0,0 +1,13 @@ +<div class="sub-header"> + <h2> + <a href="{{url ""}}"> + <i class="fa fa-home"></i> + </a> + <a href="{{url ""}}/{{breadcrumbPathLevelOne}}/"> + /{{breadcrumbPathLevelOne}} + </a> + <a href="{{url ""}}/{{breadcrumbPathLevelOne}}/{{breadcrumbPathLevelTwo}}/"> + /{{breadcrumbPathLevelTwo}} + </a> + </h2> +</div> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_title.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_title.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_title.hbs new file mode 100644 index 0000000..b0d90fc --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/index_title.hbs @@ -0,0 +1,22 @@ +<!-- + + Licensed to the Apache Software Foundation (ASF) under one + or more contributor license agreements. See the NOTICE file + distributed with this work for additional information + regarding copyright ownership. The ASF licenses this file + to you under the Apache License, Version 2.0 (the + "License"); you may not use this file except in compliance + with the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, + software distributed under the License is distributed on an + "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + KIND, either express or implied. See the License for the + specific language governing permissions and limitations + under the License. + +--> +<title>{{page_title}}</title> +<meta name="description" content="{{page_description}}"> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/login_body.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/login_body.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/login_body.hbs new file mode 100644 index 0000000..c9d3a4b --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/login_body.hbs @@ -0,0 +1,38 @@ +<div class="row title"> + <div class="title-main text-center"> + <h1>{{content_title}}</h1> + </div> +</div> +<div class="container"> + <div class="row"> + <div class="col-md-4 col-md-offset-4"> + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title">Sign in to continue to Apache Stratos</h3> + </div> + <div class="panel-body login"> + <form accept-charset="UTF-8" role="form" method="POST"> + <fieldset> + <div class="form-group"> + <input class="form-control" placeholder="User Name" name="username" type="text" id="username"> + </div> + <div class="form-group"> + <input class="form-control" placeholder="Password" name="password" type="password" value="" id="password"> + </div> + <div class="form-error"></div> + <!-- <div class="checkbox"> + <label> + <input name="remember" type="checkbox" value="Remember Me"> Remember Me + </label> + </div>--> + + <button type="button" id="submit-btn" data-loading-text="Validating..." class="btn btn-lg btn-info btn-block"> + Sign in + </button> + </fieldset> + </form> + </div> + </div> + </div> + </div> +</div> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/login_header.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/login_header.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/login_header.hbs new file mode 100644 index 0000000..9229a68 --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/login_header.hbs @@ -0,0 +1,12 @@ +<nav class="navbar navbar-default" role="navigation"> + <div class="container-fluid"> + <!-- toggle navigation --> + <div class="navbar-header main-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> + <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> + </button> + <a class="navbar-brand logo" href="{{url ""}}"><img src="{{url "/themes/theme0/images/stratos-logo.png"}}"></a> + </div> + + </div> +</nav> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/metro_menu.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/metro_menu.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/metro_menu.hbs new file mode 100644 index 0000000..945e0b9 --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/metro_menu.hbs @@ -0,0 +1,28 @@ +<div class="row title"> + <div class="title-main text-center"> + <h1>{{content_title}}</h1> + </div> +</div> +<div class="container content"> + <div class="row text-center"> + {{#each content_body.sections}} + <a href="{{#if linkexternal}} + {{link}} + {{else}} + {{url ""}}/{{link}} + {{/if}}" {{#if linkexternal}}target="blank"{{/if}} class="block"> + <div class="col-md-4 content-menu-block border-right" > + <div class="content-menu-icon"> + <i class="fa {{icon}} block"></i> + </div> + <div class="content-menu-title"> + <h2>{{title}}</h2> + </div> + <div class="content-menu-description">{{description}} </div> + + </div> + + </a> + {{/each}} + </div> +</div> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/my_cartridges.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/my_cartridges.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/my_cartridges.hbs new file mode 100644 index 0000000..8b15eaa --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/my_cartridges.hbs @@ -0,0 +1,123 @@ +<div class="row title"> + <div class="title-main text-center"> + <h1>{{content_title}}</h1> + </div> +</div> +<div class="container content"> + <div class="row text-center"> + + {{#if content_body.sections}} + <div class="row form-toolbar "> + <div class="col-md-5 col-sm-3 text-left"> + <!--<input type="text" class="form-control" placeholder="Search">--> + <div class="btn-group"> + <a href="#" id="list" class="btn btn-default"> + <i class="fa fa-list-ul"></i> List + </a> + <a href="#" id="grid" class="btn btn-default"> + <i class="fa fa-th"></i> Grid + </a> + </div> + </div> + </div> + <div class="row general-table row-overide"> + {{#each content_body.sections}} + <!--<div data-url="{{url ""}}/mycartridges/info/{{cartridgeAlias}}" class="data-url">--> + + <div class="col-md-4 block grid-group-item border-right"> + <div class="toggle-menu-icon"> + <i class="fa icon-{{cartridgeType}} fa-inbox"></i> + </div> + {{#if loadBalancer}} + <h2>{{displayName}} - {{version}}</h2> + <div class="cartridge-description">{{description}}</div> + <div class="lb-description">This will be auto subscribed for you</div> + {{else}} + <h2>{{cartridgeAlias}} ({{displayName}} - {{version}})</h2> + {{#if multiTenant}} + Multi Tenant Enabled + {{else}} + Single Tenant + {{/if}} + <div class="toggle-menu-description">{{description}}</div> + <div class="bottom-bar-wrapper"> + <div class="bottom-bar"> + <button class="btn btn-danger btn-lg hover-unsubscribe" type="button" id="unsubscribe_{{cartridgeAlias}}" + data-cartridge="{{cartridgeAlias}}" > Unsubscribe + </button> + <button class="btn btn-info btn-lg hover-details" type="button" id="details_{{cartridgeAlias}}" + data-url="{{url ""}}/mycartridges/info/{{cartridgeAlias}}" > Details + </button> + + + </div> + </div> + {{/if}} + </div> + <!--</div>--> + {{/each}} + + </div> + + {{else}} + <div class="row no-item row-overide"> + <div class="row title"> + <h2>No Cartridge found..</h2> + <a type="button" class="btn btn-primary btn-lg" href="{{url ""}}/cartridges/">Subscribe to Cartridge</a> + </div> + </div> + {{/if}} + </div> +</div> + +<script> + $(document).ready(function () { + + $('.general-table .grid-group-item').hover(function () { + $(this).find('.bottom-bar').stop().animate({bottom: '37px'}, 'slow'); + }, function () { + $(this).find('.bottom-bar').stop().animate({bottom: '-32px'}, 'slow'); + }); + + $('.general-table').on('click', '.hover-details', function (event) { + window.location = $(this).attr("data-url"); + }); + + $('.general-table').on('click', '.hover-unsubscribe', function (event) { + var cartridge_name = $(this).attr("data-cartridge"); + noty({ + text: 'Are you sure want to unsubscribe from cartridge <strong><i>'+ cartridge_name+'</i></strong> ?', + layout: 'bottomRight', + buttons: [ + {addClass: 'btn btn-primary', text: 'YES', onClick: function($noty) { + $noty.close(); + $.ajax({ + type: "POST", + url: caramel.context + "/controllers/cartridges/unsubscription_requests.jag", + dataType: 'json', + data: { "cartridge_name":cartridge_name}, + success: function (data) { + console.log(data); + if (data.status == 'error') { + var n = noty({text: data.message, layout: 'bottomRight', type: 'error'}); + } else if (data.status == 'warning') { + var n = noty({text: data.message, layout: 'bottomRight', type: 'warning'}); + } else { + var n = noty({text: data.message, layout: 'bottomRight', type: 'success'}); + location.reload(); + } + } + }) + } + }, + {addClass: 'btn btn-danger', text: 'NO', onClick: function($noty) { + $noty.close(); + } + } + ] + }); + }); + + }); + +</script> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/stratos/blob/c6a485f9/components/org.apache.stratos.manager.console/console/themes/theme0/partials/my_cartridges_info.hbs ---------------------------------------------------------------------- diff --git a/components/org.apache.stratos.manager.console/console/themes/theme0/partials/my_cartridges_info.hbs b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/my_cartridges_info.hbs new file mode 100644 index 0000000..8db8a05 --- /dev/null +++ b/components/org.apache.stratos.manager.console/console/themes/theme0/partials/my_cartridges_info.hbs @@ -0,0 +1,22 @@ +<div class="row title"> + <div class="title-main text-center"> + <h1>{{content_title}}</h1> + </div> +</div> +<div class="container content"> + <div class="row text-center"> + <div class='container text-center form-toolbar'> + <div class='col-md-5'> + <button class='btn btn-default btn-lg pull-left button-gap' type='button' onclick='window.location.replace(document.referrer)'> Back</button> + </div> + <div class='col-md-7'> + </div> + </div> + <div class="row general-table row-overide"> + <table class="table"> + {{{content_body.myCartridgeInfo}}} + </table> + </div> + + </div> +</div> \ No newline at end of file
