Commit c74951fa authored by Nicolas Wavrant's avatar Nicolas Wavrant

Fix colorBox, Ace, message popup box and layout

Conflicts:
	slapos/runner/static/css/styles.css
parent 847c2044
...@@ -20,24 +20,24 @@ ...@@ -20,24 +20,24 @@
*/ */
#cboxOverlay{background:#000;} #cboxOverlay{background:#000;}
#colorbox{} #colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;} #cboxTopLeft{/*width:7px; height:7px; background:#000; opacity:0.6;*/}
#cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;} #cboxTopCenter{/*height:7px; background:#000; opacity:0.6;*/}
#cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;} #cboxTopRight{/*width:7px; height:7px; background:#000; opacity:0.6;*/}
#cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;} #cboxBottomLeft{/*width:7px; height:43px; background:#000; opacity:0.6;*/}
#cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;} #cboxBottomCenter{height:36px; background: #E7E6E6; /*border-bottom: 7px solid rgba(0,0,0,0.8);*/}
#cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;} #cboxBottomRight{/*width:7px; height:43px; background:#000; opacity:0.6;*/}
#cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;} #cboxMiddleLeft{/*width:7px; background:#000; opacity:0.6;*/}
#cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;} #cboxMiddleRight{/*width:7px; background:#000; opacity:0.6;*/}
#cboxContent{background:#fff; overflow:visible;} #cboxContent{background:#fff; overflow:visible;}
.cboxIframe{background:#fff;} .cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;} #cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:5px;} #cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxTitle{position:absolute; bottom:-27px; left:0; text-align:left; width:100%; font-weight:bold; color:#7C7C7C; font-size:16px; margin-left: 12px;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; border: none; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; border: none; bottom:-29px; margin-right:8px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious:hover{background-position:-51px 0px;} #cboxPrevious:hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;} #cboxNext{left:27px; background-position:-75px -25px;}
......
...@@ -8,7 +8,7 @@ img{border:0} ...@@ -8,7 +8,7 @@ img{border:0}
/*YAHOO RESET FONT*/ /*YAHOO RESET FONT*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%} html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
body{ body{
background: #1E73BD; background: #A2BDC5;
height:100%; height:100%;
} }
...@@ -44,6 +44,7 @@ th{ ...@@ -44,6 +44,7 @@ th{
color: #fff; color: #fff;
font-weight: normal; font-weight: normal;
font-size: 18px; font-size: 18px;
border-right: 1px solid #2281C1;
} }
table.small th{padding: 4px;font-size: 16px;} table.small th{padding: 4px;font-size: 16px;}
textarea { textarea {
...@@ -158,7 +159,7 @@ body { ...@@ -158,7 +159,7 @@ body {
/*width: 99.6%;*/ /*width: 99.6%;*/
height: 430px; height: 430px;
margin-top:2px; margin-top:2px;
border:1px solid #678DAD; border:1px solid #519ADA;
overflow:auto; overflow:auto;
} }
...@@ -388,7 +389,6 @@ padding: 10px;height: 80px;padding-bottom:15px;} ...@@ -388,7 +389,6 @@ padding: 10px;height: 80px;padding-bottom:15px;}
height: 250px; height: 250px;
border: solid 1px #678dad; border: solid 1px #678dad;
background: #fff; background: #fff;
overflow: auto;
padding: 5px; padding: 5px;
} }
...@@ -397,7 +397,6 @@ padding: 10px;height: 80px;padding-bottom:15px;} ...@@ -397,7 +397,6 @@ padding: 10px;height: 80px;padding-bottom:15px;}
height: 250px; height: 250px;
border: solid 1px #678dad; border: solid 1px #678dad;
background: #fff; background: #fff;
overflow: auto;
padding: 5px; padding: 5px;
} }
...@@ -406,7 +405,6 @@ padding: 10px;height: 80px;padding-bottom:15px;} ...@@ -406,7 +405,6 @@ padding: 10px;height: 80px;padding-bottom:15px;}
height: 429px; height: 429px;
border: solid 1px #678dad; border: solid 1px #678dad;
background: #fff; background: #fff;
overflow: auto;
padding: 0px; padding: 0px;
} }
.box_software{ .box_software{
...@@ -543,6 +541,7 @@ padding: 10px;height: 80px;padding-bottom:15px;} ...@@ -543,6 +541,7 @@ padding: 10px;height: 80px;padding-bottom:15px;}
border-bottom: 3px solid #D6D6D6; border-bottom: 3px solid #D6D6D6;
width: 100% width: 100%
} }
.space{height: 5px;width: 100%;}
.waitting{ .waitting{
margin-left: 10px; margin-left: 10px;
...@@ -804,5 +803,11 @@ padding:10px; font-size:14px; color:#03406A} ...@@ -804,5 +803,11 @@ padding:10px; font-size:14px; color:#03406A}
color: #333; color: #333;
} }
/*-------------------------ACE UPDATE------------------------*/
.ace_search{
width: 350px;
max-width: 350px;
}
/* ********************/ /* ********************/
#shellinabox{width:100%; min-height:530px;} #shellinabox{width:100%; min-height:530px;}
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
margin: 0; /* issue 201 */ margin: 0; /* issue 201 */
background-color: white; background-color: white;
overflow: auto; overflow: auto;
/*height: 98%; /* issue 263 */ height: 98.5%; /* issue 263 */
} }
ul.fancytree-container ul ul.fancytree-container ul
......
...@@ -755,16 +755,14 @@ if (jQuery) (function(jQuery){ ...@@ -755,16 +755,14 @@ if (jQuery) (function(jQuery){
}; };
sendAndRefresh(o, dataForSend, false, function(data) { sendAndRefresh(o, dataForSend, false, function(data) {
$("#sfile_content").empty(); $("#sfile_content").empty();
$("#sfile_content").append('<h2 style="color: #4c6172; font: 18px \'Helvetica Neue\', Helvetica, Arial, sans-serif;">Content of file: ' + $("#sfile_content").append('<div class="main_content"><pre id="editor"></pre></div>');
gsitem.name +'</h2>');
$("#sfile_content").append('<br/><div class="main_content"><pre id="editor"></pre></div>');
setupEditor(); setupEditor();
var mode = modelist.getModeForPath(gsitem.name); var mode = modelist.getModeForPath(gsitem.name);
editor.getSession().modeName = mode.name; editor.getSession().modeName = mode.name;
editor.getSession().setMode(mode.mode); editor.getSession().setMode(mode.mode);
$("#showfile").colorbox({inline:true, width: "847px", onComplete:function(){ $("#showfile").colorbox({inline:true, width: "847px", onComplete:function(){
editor.getSession().setValue(data); editor.getSession().setValue(data);
}}); }, title: "Content of file: " + gsitem.name});
$("#showfile").click(); $("#showfile").click();
}); });
} }
......
$(function () {
var distance = 10; (function ($, document, window) {
var time = 250;
var hideDelay = 200; $.extend($.fn, {
var hideDelayTimer = null; Tooltip: function(msg, option) {
var beingShown = false; var distance = 10;
var shown = false; var time = 250;
var canShow = false; var hideDelay = 100;
$('.popup').css('opacity', 0); var hideDelayTimer = null;
$('a[rel=tooltip], span[rel=tooltip]').click(function(){ var beingShown = false;
if (!canShow){ var shown = false;
canShow = true; var canShow = false;
$(this).mouseover(); var content,
} idbox = "tbox-" + $(this).attr('id'),
else{ idcontent = "tcontent-" + $(this).attr('id'),
$(this).mouseout(); innerContent = '#tooltip-' + $(this).attr('id');
}
return false; content = '<div class="popup" id="'+ idbox +'">' +
}); '<table id="dpop" cellpadding="0" border="0">' +
$('a[rel=tooltip], span[rel=tooltip], .popup').mouseover(function () { '<tbody><tr>' +
if (!canShow){ '<td id="topleft" class="corner"></td>' +
'<td class="top"><img width="30" height="29" alt="" src="/static/images/bubble-tail2.png"/></td>' +
'<td id="topright" class="corner"></td></tr><tr>' +
'<td class="left"></td>' +
'<td><div class="popup-contents" id="'+ idcontent +'"></div></td>' +
'<td class="right"></td>' +
'</tr><tr>' +
'<td class="corner" id="bottomleft"></td>' +
'<td class="bottom" valign="left"></td>' +
'<td id="bottomright" class="corner"></td></tr>' +
'</tbody></table>' +
'</div>';
$('body').append(content);
var popupContent = $(innerContent).detach();
popupContent.appendTo("#"+idcontent);
$(idbox).css('opacity', 0);
$(innerContent).show();
function showUP($this) {
if (!canShow){
return false;
}
var height = $this.height();
var top = $this.offset().top + height + 5;
var left = $this.offset().left +($this.width()/2)-30;
if (hideDelayTimer) clearTimeout(hideDelayTimer);
if (beingShown || shown) {
return;
} else {
// reset position of info box
beingShown = true;
$('#'+idbox).css({
top: top,
left: left,
display: 'block'
}).animate({
top: '-=' + distance + 'px',
opacity: 1
}, time, 'swing', function() {
beingShown = false;
shown = true;
});
}
return false; return false;
} }
var height = $(this).height();
var top = $(this).offset().top + height; function close(){
var left = $(this).offset().left +($(this).width()/2)-30; if (hideDelayTimer) clearTimeout(hideDelayTimer);
var content = "#tooltip-" + $(this).attr('id'); if (!shown) return false;
if (hideDelayTimer) clearTimeout(hideDelayTimer); hideDelayTimer = setTimeout(function () {
if (beingShown || shown) { hideDelayTimer = null;
return; $('#'+idbox).animate({
} else { top: '-=' + distance + 'px',
$('#jqtooltip').empty(); opacity: 0
var contentValue = $(content).clone(true, true); }, time, 'swing', function () {
$(contentValue).appendTo('#jqtooltip'); $('.popup').css('display', 'none');
$('#jqtooltip ' + content).show(); shown = false;
// reset position of info box canShow = false;
beingShown = true; });
$('.popup').css({ }, hideDelay);
top: top,
left: left,
display: 'block'
}).animate({
top: '-=' + distance + 'px',
opacity: 1
}, time, 'swing', function() {
beingShown = false;
shown = true;
});
} }
return false;
}); $(this).click(function(){
$('a[rel=tooltip], span[rel=tooltip], .popup').mouseout(function () { if (!canShow){
if (hideDelayTimer) clearTimeout(hideDelayTimer); canShow = true;
hideDelayTimer = setTimeout(function () { showUP($(this));
hideDelayTimer = null; }
$('.popup').animate({ else{
top: '-=' + distance + 'px', close();
opacity: 0 }
}, time, 'swing', function () { return false;
$('.popup').css('display', 'none'); });
shown = false;
canShow = false; $("body").click(function(){
}); close();
}, hideDelay); });
return false; $('#'+idbox).click(function(e){
}); e.stopPropagation();
}); });
\ No newline at end of file }
});
}(jQuery, document, this));
\ No newline at end of file
...@@ -5,6 +5,8 @@ ...@@ -5,6 +5,8 @@
$(document).ready(function () { $(document).ready(function () {
"use strict"; "use strict";
var send = false; var send = false;
$("#information").Tooltip();
$("#update").click(function () { $("#update").click(function () {
var haspwd = false, var haspwd = false,
hasAccount = ($("input#hasAccount").val() !== ""); hasAccount = ($("input#hasAccount").val() !== "");
......
...@@ -6,7 +6,9 @@ ...@@ -6,7 +6,9 @@
$(document).ready(function () { $(document).ready(function () {
"use strict"; "use strict";
var editor, CurrentMode, file, workdir, edit, send; var editor, CurrentMode, file, workdir, edit, send,
modelist,
config;
function selectFile(file) { function selectFile(file) {
edit = false; edit = false;
...@@ -83,20 +85,22 @@ $(document).ready(function () { ...@@ -83,20 +85,22 @@ $(document).ready(function () {
editor.insert("\n"); editor.insert("\n");
} }
editor = ace.edit("editor");
CurrentMode = require("ace/mode/buildout").Mode;
file = $("input#profile").val(); file = $("input#profile").val();
workdir = $("input#workdir").val(); workdir = $("input#workdir").val();
edit = false; edit = false;
send = false; send = false;
editor.setTheme("ace/theme/crimson_editor"); editor = ace.edit("editor");
modelist = require("ace/ext/modelist");
config = require("ace/config");
editor.getSession().setMode(new CurrentMode()); editor.getSession().setMode("ace/mode/text");
editor.getSession().setTabSize(2); editor.getSession().setTabSize(2);
editor.getSession().setUseSoftTabs(true); editor.getSession().setUseSoftTabs(true);
editor.renderer.setHScrollBarAlwaysVisible(false); editor.renderer.setHScrollBarAlwaysVisible(false);
var mode = modelist.getModeForPath(file);
editor.getSession().modeName = mode.name;
editor.getSession().setMode(mode.mode);
selectFile(file); selectFile(file);
...@@ -126,6 +130,8 @@ $(document).ready(function () { ...@@ -126,6 +130,8 @@ $(document).ready(function () {
return false; return false;
}); });
$("#editOption").Tooltip();
$("#getmd5").click(function () { $("#getmd5").click(function () {
getmd5sum(); getmd5sum();
return false; return false;
......
...@@ -215,9 +215,7 @@ $(document).ready(function () { ...@@ -215,9 +215,7 @@ $(document).ready(function () {
return false; return false;
}); });
$('#xmlview').click(function () { $('#xmlview').click(function () {
var content = '<h2 style="color: #4c6172; font: 18px \'Helvetica Neue\', Helvetica, Arial, sans-serif;">' + var content = '<div class="main_content" style="height:230px"><pre id="editor"></pre></div>' +
'INSTANCE PARAMETERS: Load XML file</h2><p id="xmllog" class="message"><br/></p>';
content += '<div class="main_content" style="height:230px"><pre id="editor"></pre></div>' +
'<input type=submit value="Load" id="loadxml" class="button">'; '<input type=submit value="Load" id="loadxml" class="button">';
$.ajax({ $.ajax({
type: 'GET', type: 'GET',
...@@ -233,10 +231,10 @@ $(document).ready(function () { ...@@ -233,10 +231,10 @@ $(document).ready(function () {
{ {
inline: true, inline: true,
width: "600px", width: "600px",
height: "410px",
onComplete: function () { onComplete: function () {
editor.getSession().setValue(data.result); editor.getSession().setValue(data.result);
} },
title: 'INSTANCE PARAMETERS: Load XML file'
} }
); );
......
...@@ -13,7 +13,8 @@ $(document).ready(function () { ...@@ -13,7 +13,8 @@ $(document).ready(function () {
"use strict"; "use strict";
var send = false, var send = false,
getStatus; getStatus,
viewer;
function loadBranch(branch) { function loadBranch(branch) {
var i, selected; var i, selected;
...@@ -57,9 +58,13 @@ $(document).ready(function () { ...@@ -57,9 +58,13 @@ $(document).ready(function () {
$("#commit").show(); $("#commit").show();
$("#status").append("<br/><h2>Display Diff for current Project</h2>"); $("#status").append("<br/><h2>Display Diff for current Project</h2>");
$("#status").append("<p style='font-size:15px;'>You have changes in your project." + $("#status").append("<p style='font-size:15px;'>You have changes in your project." +
" <a href='" + $SCRIPT_ROOT + "/getProjectDiff/" " <a href='#' id='viewdiff'"
+ encodeURI(project) + "'>Watch the diff</a></p>"); + ">Watch the diff file</a></p>");
} }
$("#viewdiff").click(function () {
viewDiff();
return false;
});
loadBranch(data.branch); loadBranch(data.branch);
} else { } else {
$("#error").Popup(data.result, {type: 'error', duration: 5000}); $("#error").Popup(data.result, {type: 'error', duration: 5000});
...@@ -69,6 +74,42 @@ $(document).ready(function () { ...@@ -69,6 +74,42 @@ $(document).ready(function () {
}); });
} }
function viewDiff(){
var project = $("#project").val(),
urldata = $("input#workdir").val() + "/" + $("#project").val();
if (send){
return;
}
send = true;
$.colorbox.remove();
$.ajax({
type: "POST",
url: $SCRIPT_ROOT + '/getProjectDiff',
data: {project: urldata},
success: function (data) {
if (data.code === 1) {
$("#inline_content").empty();
$("#inline_content").append('<div class="main_content"><pre id="editorViewer"></pre></div>');
viewer = ace.edit("editorViewer");
viewer.setTheme("ace/theme/crimson_editor");
viewer.getSession().setMode("ace/mode/diff");
viewer.getSession().setTabSize(2);
viewer.getSession().setUseSoftTabs(true);
viewer.renderer.setHScrollBarAlwaysVisible(false);
viewer.setReadOnly(true);
$("#inlineViewer").colorbox({inline:true, width: "847px", onComplete:function(){
viewer.getSession().setValue(data.result);
}, title: 'Git diff for project ' + project});
$("#inlineViewer").click();
send = false;
} else {
$("#error").Popup(data.result, {type: 'error'});
}
}
});
}
function checkout(mode) { function checkout(mode) {
if ($("input#branchname").val() === "" || if ($("input#branchname").val() === "" ||
$("input#branchname").val() === "Enter the branch name...") { $("input#branchname").val() === "Enter the branch name...") {
......
...@@ -9,11 +9,8 @@ $(document).ready(function () { ...@@ -9,11 +9,8 @@ $(document).ready(function () {
var viewer, var viewer,
editor, editor,
modelist, modelist,
CurrentMode, config,
script = "/readFolder",
softwareDisplay = true, softwareDisplay = true,
Mode,
modes,
projectDir = $("input#project").val(), projectDir = $("input#project").val(),
workdir = $("input#workdir").val(), workdir = $("input#workdir").val(),
currentProject = workdir + "/" + projectDir.replace(workdir, "").split('/')[1], currentProject = workdir + "/" + projectDir.replace(workdir, "").split('/')[1],
...@@ -37,6 +34,7 @@ $(document).ready(function () { ...@@ -37,6 +34,7 @@ $(document).ready(function () {
edit = false; edit = false;
$("a#option").hide(); $("a#option").hide();
if (file.substr(-1) !== "/") { if (file.substr(-1) !== "/") {
var info = $("#edit_info").html();
$("#edit_info").empty(); $("#edit_info").empty();
$("#edit_info").append("LOADING FILE... <img src='"+$SCRIPT_ROOT+"/static/images/loading.gif' />"); $("#edit_info").append("LOADING FILE... <img src='"+$SCRIPT_ROOT+"/static/images/loading.gif' />");
$.ajax({ $.ajax({
...@@ -66,14 +64,12 @@ $(document).ready(function () { ...@@ -66,14 +64,12 @@ $(document).ready(function () {
setCookie("EDIT_CURRENT_FILE", file); setCookie("EDIT_CURRENT_FILE", file);
} else { } else {
$("#error").Popup(data.result, {type: 'error', duration: 5000}); $("#error").Popup(data.result, {type: 'error', duration: 5000});
$("#edit_info").html(info);
$("a#option").show();
} }
send = false; send = false;
} }
}); });
} else {
$("#edit_info").empty();
$("#edit_info").append("No file in editor");
editor.getSession().setValue("");
} }
return; return;
} }
...@@ -152,6 +148,8 @@ $(document).ready(function () { ...@@ -152,6 +148,8 @@ $(document).ready(function () {
.error(function () {}) .error(function () {})
.complete(function () {}); .complete(function () {});
editor.insert("\n"); editor.insert("\n");
//Close popup
$("#option").click();
} }
// --- Implement Cut/Copy/Paste -------------------------------------------- // --- Implement Cut/Copy/Paste --------------------------------------------
...@@ -270,9 +268,7 @@ $(document).ready(function () { ...@@ -270,9 +268,7 @@ $(document).ready(function () {
data: {opt: 9, filename: node.title, dir: directory}, data: {opt: 9, filename: node.title, dir: directory},
success: function (data) { success: function (data) {
$("#inline_content").empty(); $("#inline_content").empty();
$("#inline_content").append('<h2 style="color: #4c6172; font: 18px \'Helvetica Neue\', Helvetica, Arial, sans-serif;">Content of file: ' + $("#inline_content").append('<div class="main_content"><pre id="editorViewer"></pre></div>');
node.title +'</h2>');
$("#inline_content").append('<br/><div class="main_content"><pre id="editorViewer"></pre></div>');
viewer = ace.edit("editorViewer"); viewer = ace.edit("editorViewer");
viewer.setTheme("ace/theme/crimson_editor"); viewer.setTheme("ace/theme/crimson_editor");
...@@ -285,7 +281,7 @@ $(document).ready(function () { ...@@ -285,7 +281,7 @@ $(document).ready(function () {
viewer.setReadOnly(true); viewer.setReadOnly(true);
$("#inlineViewer").colorbox({inline:true, width: "847px", onComplete:function(){ $("#inlineViewer").colorbox({inline:true, width: "847px", onComplete:function(){
viewer.getSession().setValue(data); viewer.getSession().setValue(data);
}}); }, title: "Content of file: " + node.title});
$("#inlineViewer").click(); $("#inlineViewer").click();
} }
}); });
...@@ -451,7 +447,7 @@ $(document).ready(function () { ...@@ -451,7 +447,7 @@ $(document).ready(function () {
var index = parseInt($elt.attr('rel')), var index = parseInt($elt.attr('rel')),
file = favourite_list[index]; file = favourite_list[index];
openFile(file); openFile(file);
$('a[rel=tooltip], span[rel=tooltip], .popup').mouseout(); $("#filelist").click();
} }
function removeFavourite($elt){ function removeFavourite($elt){
...@@ -462,6 +458,17 @@ $(document).ready(function () { ...@@ -462,6 +458,17 @@ $(document).ready(function () {
if (favourite_list.length === 0){ if (favourite_list.length === 0){
$("#tooltip-filelist ul").append("<li>Your favourites files list is <br/>empty for the moment!</li>"); $("#tooltip-filelist ul").append("<li>Your favourites files list is <br/>empty for the moment!</li>");
} }
else{
var i = 0;
$("#tooltip-filelist ul li").each(function(){
$(this).attr('rel', i);
//Change attribute rel of all children!!
$(this).children().each(function(){
$(this).attr('rel', i);
});
i++;
});
}
deleteCookie("FAV_FILE_LIST"); deleteCookie("FAV_FILE_LIST");
setCookie("FAV_FILE_LIST", favourite_list.join('#')); setCookie("FAV_FILE_LIST", favourite_list.join('#'));
} }
...@@ -501,6 +508,7 @@ $(document).ready(function () { ...@@ -501,6 +508,7 @@ $(document).ready(function () {
editor = ace.edit("editor"); editor = ace.edit("editor");
modelist = require("ace/ext/modelist"); modelist = require("ace/ext/modelist");
config = require("ace/config");
editor.setTheme("ace/theme/crimson_editor"); editor.setTheme("ace/theme/crimson_editor");
editor.getSession().setMode("ace/mode/text"); editor.getSession().setMode("ace/mode/text");
...@@ -514,6 +522,9 @@ $(document).ready(function () { ...@@ -514,6 +522,9 @@ $(document).ready(function () {
initEditor(); initEditor();
$("#option").Tooltip();
$("#filelist").Tooltip();
editor.on("change", function (e) { editor.on("change", function (e) {
if (edit_status === "" && edit) { if (edit_status === "" && edit) {
$("span#edit_status").html("*"); $("span#edit_status").html("*");
...@@ -568,6 +579,7 @@ $(document).ready(function () { ...@@ -568,6 +579,7 @@ $(document).ready(function () {
}); });
$("#getmd5").click(function () { $("#getmd5").click(function () {
getmd5sum(current_file); getmd5sum(current_file);
$("#option").click();
return false; return false;
}); });
...@@ -622,10 +634,23 @@ $(document).ready(function () { ...@@ -622,10 +634,23 @@ $(document).ready(function () {
removeFavourite($(this)); removeFavourite($(this));
return false; return false;
}); });
$("#option").click();
$("#error").Popup("<b>Item added!</b><br/>"+filename+" has been added to your favourite list.", {type: 'confirm', duration: 3000}); $("#error").Popup("<b>Item added!</b><br/>"+filename+" has been added to your favourite list.", {type: 'confirm', duration: 3000});
} }
return false; return false;
}); });
$("a#find").click(function(){
config.loadModule("ace/ext/searchbox", function(e) {e.Search(editor)});
$("#option").click();
return false;
});
$("a#replace").click(function(){
config.loadModule("ace/ext/searchbox", function(e) {e.Search(editor, true)});
$("#option").click();
return false;
});
}); });
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
<br/> <br/>
<label for="rcode">Password Recover code:</label> <label for="rcode">Password Recover code:</label>
<input type='password' name='rcode' id='rcode' value=''/> <input type='password' name='rcode' id='rcode' value=''/>
<span class="information"><a href="#" id="information" rel="tooltip">help?</a></span> <span class="information"><a href="#" id="information" rel="tooltip">help ?</a></span>
<div class='clear'></div> <div class='clear'></div>
<br/> <br/>
<label></label> <label></label>
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
</div><br/>{%endif%} </div><br/>{%endif%}
<div id="tooltip-information" style="display:none; float:left"> <div id="tooltip-information" style="display:none; float:left">
<p style="font-size:12px;"> <p style="font-size:12px;">
Please find this information in your slaprunner<br/> instance parameters. Please find this information in your slaprunner<br/> connection informations.
</p> </p>
</div> </div>
{% endblock %} {% endblock %}
...@@ -22,8 +22,6 @@ ...@@ -22,8 +22,6 @@
<script src="{{ url_for('static', filename='js/jquery/jqueryToolTip.js') }}" type="text/javascript" charset="utf-8"></script> <script src="{{ url_for('static', filename='js/jquery/jqueryToolTip.js') }}" type="text/javascript" charset="utf-8"></script>
<script src="{{ url_for('static', filename='js/jquery/superfish.min.js') }}" type="text/javascript" charset="utf-8"></script> <script src="{{ url_for('static', filename='js/jquery/superfish.min.js') }}" type="text/javascript" charset="utf-8"></script>
<script src="{{ url_for('static', filename='js/jquery/hoverIntent.js') }}" type="text/javascript" charset="utf-8"></script> <script src="{{ url_for('static', filename='js/jquery/hoverIntent.js') }}" type="text/javascript" charset="utf-8"></script>
<script src="{{ url_for('static', filename='js/ace/ace.js') }}" type="text/javascript" charset="utf-8"></script>
<script src="{{ url_for('static', filename='js/ace/ext-modelist.js') }}" type="text/javascript" charset="utf-8"></script>
<script type=text/javascript> <script type=text/javascript>
$SCRIPT_ROOT = {{ request.script_root|tojson|safe }}; $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
</script> </script>
...@@ -36,6 +34,8 @@ ...@@ -36,6 +34,8 @@
}); });
</script> </script>
{% if request.path != '/login' %} {% if request.path != '/login' %}
<script src="{{ url_for('static', filename='js/ace/ace.js') }}" type="text/javascript" charset="utf-8"></script>
<script src="{{ url_for('static', filename='js/ace/ext-modelist.js') }}" type="text/javascript" charset="utf-8"></script>
<script src="{{ url_for('static', filename='js/scripts/process.js') }}" type="text/javascript" charset="utf-8"></script> <script src="{{ url_for('static', filename='js/scripts/process.js') }}" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
...@@ -131,23 +131,5 @@ ...@@ -131,23 +131,5 @@
{%endif%} {%endif%}
</div> </div>
<div class="popup">
<table id="dpop" cellpadding="0" border="0">
<tbody><tr>
<td id="topleft" class="corner"></td>
<td class="top"><img width="30" height="29" alt="" src="{{ url_for('static', filename='images/bubble-tail2.png') }}"/></td>
<td id="topright" class="corner"></td>
</tr><tr>
<td class="left"></td>
<td><div class="popup-contents" id="jqtooltip"></div></td>
<td class="right"></td>
</tr><tr>
<td class="corner" id="bottomleft"></td>
<td class="bottom" valign="left"></td>
<td id="bottomright" class="corner"></td>
</tr>
</tbody></table>
</div>
</body> </body>
</html> </html>
...@@ -14,10 +14,11 @@ ...@@ -14,10 +14,11 @@
<input type="hidden" name="method" id="method" value="{{method}}" /> <input type="hidden" name="method" id="method" value="{{method}}" />
{% if method == "new" %} {% if method == "new" %}
<div id="addsoftware"> <div id="addsoftware">
<h2 class="title">Create your software release</h2><br/> <h2 class="hight">Create your software release</h2>
<label for='software'>Name: </label> <div class='space'></div><div class='space'></div>
<label for='software'></label>
<input type="text" name="software" id="software" size='30' value="Enter software name..." /> <input type="text" name="software" id="software" size='30' value="Enter software name..." />
<br/><br/> <br/>
<div id="file_navigation"> <div id="file_navigation">
<h2>Select the parent directory</h2> <h2>Select the parent directory</h2>
<div id="fileTree" class="file_tree"></div> <div id="fileTree" class="file_tree"></div>
...@@ -27,7 +28,8 @@ ...@@ -27,7 +28,8 @@
</div> </div>
{% elif method == "open" %} {% elif method == "open" %}
<div id="openSoftware"> <div id="openSoftware">
<h2 class="title">Select the folder of your software release into the box</h2><br/> <h2 class="hight">Select the folder of your software release into the box</h2>
<div class='space'></div>
<div id="fileTree" class="file_tree"></div> <div id="fileTree" class="file_tree"></div>
<div id="file_info" class="file_info"> <div id="file_info" class="file_info">
<img src="{{ url_for('static', filename='images/check.png') }}" class="check" id="check" alt=""/> <img src="{{ url_for('static', filename='images/check.png') }}" class="check" id="check" alt=""/>
......
...@@ -8,10 +8,18 @@ ...@@ -8,10 +8,18 @@
<script src="{{ url_for('static', filename='js/jquery/jquery.fancytree.min.js') }}" type="text/javascript" charset="utf-8"></script> <script src="{{ url_for('static', filename='js/jquery/jquery.fancytree.min.js') }}" type="text/javascript" charset="utf-8"></script>
<link href="{{ url_for('static', filename='css/colorbox.css', _external=False) }}" rel="stylesheet" type="text/css" media="screen" /> <link href="{{ url_for('static', filename='css/colorbox.css', _external=False) }}" rel="stylesheet" type="text/css" media="screen" />
<script src="{{ url_for('static', filename='js/jquery/jquery.colorbox-min.js') }}" type="text/javascript" charset="utf-8"></script> <script src="{{ url_for('static', filename='js/jquery/jquery.colorbox-min.js') }}" type="text/javascript" charset="utf-8"></script>
<script src="{{ url_for('static', filename='js/scripts/softwareFolder.js') }}" type="text/javascript" charset="utf-8"></script> <script src="{{ url_for('static', filename='js/scripts/softwareFolder.js') }}" type="text/javascript" charset="utf-8"></script>
{% endblock %} {% endblock %}
{% block body %} {% block body %}
<style>
.ace_search{
max-width: 350px;
width: 350px;
}
.ace_searchbtn:hover{background-color: #F8F8F8;}
.ace_replacebtn{padding: 5px;}
.ace_replacebtn:hover{background: #F8F8F8;}
</style>
<form action="" method=post> <form action="" method=post>
<input type="hidden" name="project" id="project" value="{{project}}" /> <input type="hidden" name="project" id="project" value="{{project}}" />
<input type="hidden" name="workdir" id="workdir" value="{{workDir}}" /> <input type="hidden" name="workdir" id="workdir" value="{{workDir}}" />
...@@ -72,10 +80,14 @@ ...@@ -72,10 +80,14 @@
</form> </form>
<div id="tooltip-option" style="display:none"> <div id="tooltip-option" style="display:none;min-width: 190px;">
<span class="list first-list">Current file Menu</span> <span class="list first-list">Current file Menu</span>
<a id='getmd5' href="#">Get or Update md5sum</a> <ul class="inline">
<a id='addflist' href="#">Add to favourites</a> <li><a id='getmd5' href="#">Get or Update md5sum</a></li>
<li><a id='addflist' href="#">Add to favourites</a></li>
<li><a id='find' href="#">Find in file &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Ctl+F]</a></li>
<li><a id='replace' href="#">Replace in file &nbsp;&nbsp;[Ctl+H]</a></li></li>
</ul>
<div class="sep"></div> <div class="sep"></div>
<span class="list">Add project development</span> <span class="list">Add project development</span>
<ul id="plist"> <ul id="plist">
......
...@@ -17,8 +17,7 @@ ...@@ -17,8 +17,7 @@
<input type="radio" name="liveupdate" id="slow" value="slow" /> <input type="radio" name="liveupdate" id="slow" value="slow" />
<label for="slow">From time to time</label> <label for="slow">From time to time</label>
</div> </div>
<br/> <div class='space'></div>
<div class="log_content"> <div class="log_content">
<div class="log" id="salpgridLog"></div> <div class="log" id="salpgridLog"></div>
<textarea class="log" readonly id="manualLog" style="display:none">{{result}}</textarea> <textarea class="log" readonly id="manualLog" style="display:none">{{result}}</textarea>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment