jro_apps/redmine Commit - r13957:f11bba5537b1

1

/* Redmine - project management software

1

/* Redmine - project management software

2

3

4

function checkAll(id, checked) {

4

function checkAll(id, checked) {

5

$('#'+id).find('input[type=checkbox]:enabled').prop('checked', checked);

5

$('#'+id).find('input[type=checkbox]:enabled').prop('checked', checked);

6

}

6

}

7

8

function toggleCheckboxesBySelector(selector) {

8

function toggleCheckboxesBySelector(selector) {

9

var all_checked = true;

9

var all_checked = true;

10

$(selector).each(function(index) {

10

$(selector).each(function(index) {

11

if (!$(this).is(':checked')) { all_checked = false; }

11

if (!$(this).is(':checked')) { all_checked = false; }

12

});

12

});

13

$(selector).prop('checked', !all_checked);

13

$(selector).prop('checked', !all_checked);

14

}

14

}

15

16

function showAndScrollTo(id, focus) {

16

function showAndScrollTo(id, focus) {

17

$('#'+id).show();

17

$('#'+id).show();

18

if (focus !== null) {

18

if (focus !== null) {

19

$('#'+focus).focus();

19

$('#'+focus).focus();

20

}

20

}

21

$('html, body').animate({scrollTop: $('#'+id).offset().top}, 100);

21

$('html, body').animate({scrollTop: $('#'+id).offset().top}, 100);

22

}

22

}

23

24

function toggleRowGroup(el) {

24

function toggleRowGroup(el) {

25

var tr = $(el).parents('tr').first();

25

var tr = $(el).parents('tr').first();

26

var n = tr.next();

26

var n = tr.next();

27

tr.toggleClass('open');

27

tr.toggleClass('open');

28

while (n.length && !n.hasClass('group')) {

28

while (n.length && !n.hasClass('group')) {

29

n.toggle();

29

n.toggle();

30

n = n.next('tr');

30

n = n.next('tr');

31

}

31

}

32

}

32

}

33

34

function collapseAllRowGroups(el) {

34

function collapseAllRowGroups(el) {

35

var tbody = $(el).parents('tbody').first();

35

var tbody = $(el).parents('tbody').first();

36

tbody.children('tr').each(function(index) {

36

tbody.children('tr').each(function(index) {

37

if ($(this).hasClass('group')) {

37

if ($(this).hasClass('group')) {

38

$(this).removeClass('open');

38

$(this).removeClass('open');

39

} else {

39

} else {

40

$(this).hide();

40

$(this).hide();

41

}

41

}

42

});

42

});

43

}

43

}

44

45

function expandAllRowGroups(el) {

45

function expandAllRowGroups(el) {

46

var tbody = $(el).parents('tbody').first();

46

var tbody = $(el).parents('tbody').first();

47

tbody.children('tr').each(function(index) {

47

tbody.children('tr').each(function(index) {

48

if ($(this).hasClass('group')) {

48

if ($(this).hasClass('group')) {

49

$(this).addClass('open');

49

$(this).addClass('open');

50

} else {

50

} else {

51

$(this).show();

51

$(this).show();

52

}

52

}

53

});

53

});

54

}

54

}

55

56

function toggleAllRowGroups(el) {

56

function toggleAllRowGroups(el) {

57

var tr = $(el).parents('tr').first();

57

var tr = $(el).parents('tr').first();

58

if (tr.hasClass('open')) {

58

if (tr.hasClass('open')) {

59

collapseAllRowGroups(el);

59

collapseAllRowGroups(el);

60

} else {

60

} else {

61

expandAllRowGroups(el);

61

expandAllRowGroups(el);

62

}

62

}

63

}

63

}

64

65

function toggleFieldset(el) {

65

function toggleFieldset(el) {

66

var fieldset = $(el).parents('fieldset').first();

66

var fieldset = $(el).parents('fieldset').first();

67

fieldset.toggleClass('collapsed');

67

fieldset.toggleClass('collapsed');

68

fieldset.children('div').toggle();

68

fieldset.children('div').toggle();

69

}

69

}

70

71

function hideFieldset(el) {

71

function hideFieldset(el) {

72

var fieldset = $(el).parents('fieldset').first();

72

var fieldset = $(el).parents('fieldset').first();

73

fieldset.toggleClass('collapsed');

73

fieldset.toggleClass('collapsed');

74

fieldset.children('div').hide();

74

fieldset.children('div').hide();

75

}

75

}

76

77

// columns selection

77

// columns selection

78

function moveOptions(theSelFrom, theSelTo) {

78

function moveOptions(theSelFrom, theSelTo) {

79

$(theSelFrom).find('option:selected').detach().prop("selected", false).appendTo($(theSelTo));

79

$(theSelFrom).find('option:selected').detach().prop("selected", false).appendTo($(theSelTo));

80

}

80

}

81

82

function moveOptionUp(theSel) {

82

function moveOptionUp(theSel) {

83

$(theSel).find('option:selected').each(function(){

83

$(theSel).find('option:selected').each(function(){

84

$(this).prev(':not(:selected)').detach().insertAfter($(this));

84

$(this).prev(':not(:selected)').detach().insertAfter($(this));

85

});

85

});

86

}

86

}

87

88

function moveOptionTop(theSel) {

88

function moveOptionTop(theSel) {

89

$(theSel).find('option:selected').detach().prependTo($(theSel));

89

$(theSel).find('option:selected').detach().prependTo($(theSel));

90

}

90

}

91

92

function moveOptionDown(theSel) {

92

function moveOptionDown(theSel) {

93

$($(theSel).find('option:selected').get().reverse()).each(function(){

93

$($(theSel).find('option:selected').get().reverse()).each(function(){

94

$(this).next(':not(:selected)').detach().insertBefore($(this));

94

$(this).next(':not(:selected)').detach().insertBefore($(this));

95

});

95

});

96

}

96

}

97

98

function moveOptionBottom(theSel) {

98

function moveOptionBottom(theSel) {

99

$(theSel).find('option:selected').detach().appendTo($(theSel));

99

$(theSel).find('option:selected').detach().appendTo($(theSel));

100

}

100

}

101

102

function initFilters() {

102

function initFilters() {

103

$('#add_filter_select').change(function() {

103

$('#add_filter_select').change(function() {

104

addFilter($(this).val(), '', []);

104

addFilter($(this).val(), '', []);

105

});

105

});

106

$('#filters-table td.field input[type=checkbox]').each(function() {

106

$('#filters-table td.field input[type=checkbox]').each(function() {

107

toggleFilter($(this).val());

107

toggleFilter($(this).val());

108

});

108

});

109

$('#filters-table').on('click', 'td.field input[type=checkbox]', function() {

109

$('#filters-table').on('click', 'td.field input[type=checkbox]', function() {

110

toggleFilter($(this).val());

110

toggleFilter($(this).val());

111

});

111

});

112

$('#filters-table').on('click', '.toggle-multiselect', function() {

112

$('#filters-table').on('click', '.toggle-multiselect', function() {

113

toggleMultiSelect($(this).siblings('select'));

113

toggleMultiSelect($(this).siblings('select'));

114

});

114

});

115

$('#filters-table').on('keypress', 'input[type=text]', function(e) {

115

$('#filters-table').on('keypress', 'input[type=text]', function(e) {

116

if (e.keyCode == 13) $(this).closest('form').submit();

116

if (e.keyCode == 13) $(this).closest('form').submit();

117

});

117

});

118

}

118

}

119

120

function addFilter(field, operator, values) {

120

function addFilter(field, operator, values) {

121

var fieldId = field.replace('.', '_');

121

var fieldId = field.replace('.', '_');

122

var tr = $('#tr_'+fieldId);

122

var tr = $('#tr_'+fieldId);

123

if (tr.length > 0) {

123

if (tr.length > 0) {

124

tr.show();

124

tr.show();

125

} else {

125

} else {

126

buildFilterRow(field, operator, values);

126

buildFilterRow(field, operator, values);

127

}

127

}

128

$('#cb_'+fieldId).prop('checked', true);

128

$('#cb_'+fieldId).prop('checked', true);

129

toggleFilter(field);

129

toggleFilter(field);

130

$('#add_filter_select').val('').find('option').each(function() {

130

$('#add_filter_select').val('').find('option').each(function() {

131

if ($(this).attr('value') == field) {

131

if ($(this).attr('value') == field) {

132

$(this).attr('disabled', true);

132

$(this).attr('disabled', true);

133

}

133

}

134

});

134

});

135

}

135

}

136

137

function buildFilterRow(field, operator, values) {

137

function buildFilterRow(field, operator, values) {

138

var fieldId = field.replace('.', '_');

138

var fieldId = field.replace('.', '_');

139

var filterTable = $("#filters-table");

139

var filterTable = $("#filters-table");

140

var filterOptions = availableFilters[field];

140

var filterOptions = availableFilters[field];

141

if (!filterOptions) return;

141

if (!filterOptions) return;

142

var operators = operatorByType[filterOptions['type']];

142

var operators = operatorByType[filterOptions['type']];

143

var filterValues = filterOptions['values'];

143

var filterValues = filterOptions['values'];

144

var i, select;

144

var i, select;

145

146

var tr = $('<tr class="filter">').attr('id', 'tr_'+fieldId).html(

146

var tr = $('<tr class="filter">').attr('id', 'tr_'+fieldId).html(

147

'<td class="field"><input checked="checked" id="cb_'+fieldId+'" name="f[]" value="'+field+'" type="checkbox"><label for="cb_'+fieldId+'"> '+filterOptions['name']+'</label></td>' +

147

'<td class="field"><input checked="checked" id="cb_'+fieldId+'" name="f[]" value="'+field+'" type="checkbox"><label for="cb_'+fieldId+'"> '+filterOptions['name']+'</label></td>' +

148

'<td class="operator"><select id="operators_'+fieldId+'" name="op['+field+']"></td>' +

148

'<td class="operator"><select id="operators_'+fieldId+'" name="op['+field+']"></td>' +

149

'<td class="values"></td>'

149

'<td class="values"></td>'

150

);

150

);

151

filterTable.append(tr);

151

filterTable.append(tr);

152

153

select = tr.find('td.operator select');

153

select = tr.find('td.operator select');

154

for (i = 0; i < operators.length; i++) {

154

for (i = 0; i < operators.length; i++) {

155

var option = $('<option>').val(operators[i]).text(operatorLabels[operators[i]]);

155

var option = $('<option>').val(operators[i]).text(operatorLabels[operators[i]]);

156

if (operators[i] == operator) { option.attr('selected', true); }

156

if (operators[i] == operator) { option.attr('selected', true); }

157

select.append(option);

157

select.append(option);

158

}

158

}

159

select.change(function(){ toggleOperator(field); });

159

select.change(function(){ toggleOperator(field); });

160

161

switch (filterOptions['type']) {

161

switch (filterOptions['type']) {

162

case "list":

162

case "list":

163

case "list_optional":

163

case "list_optional":

164

case "list_status":

164

case "list_status":

165

case "list_subprojects":

165

case "list_subprojects":

166

tr.find('td.values').append(

166

tr.find('td.values').append(

167

'<span style="display:none;"><select class="value" id="values_'+fieldId+'_1" name="v['+field+'][]"></select>' +

167

'<span style="display:none;"><select class="value" id="values_'+fieldId+'_1" name="v['+field+'][]"></select>' +

168

' <span class="toggle-multiselect"> </span></span>'

168

' <span class="toggle-multiselect"> </span></span>'

169

);

169

);

170

select = tr.find('td.values select');

170

select = tr.find('td.values select');

171

if (values.length > 1) { select.attr('multiple', true); }

171

if (values.length > 1) { select.attr('multiple', true); }

172

for (i = 0; i < filterValues.length; i++) {

172

for (i = 0; i < filterValues.length; i++) {

173

var filterValue = filterValues[i];

173

var filterValue = filterValues[i];

174

var option = $('<option>');

174

var option = $('<option>');

175

if ($.isArray(filterValue)) {

175

if ($.isArray(filterValue)) {

176

option.val(filterValue[1]).text(filterValue[0]);

176

option.val(filterValue[1]).text(filterValue[0]);

177

if ($.inArray(filterValue[1], values) > -1) {option.attr('selected', true);}

177

if ($.inArray(filterValue[1], values) > -1) {option.attr('selected', true);}

178

} else {

178

} else {

179

option.val(filterValue).text(filterValue);

179

option.val(filterValue).text(filterValue);

180

if ($.inArray(filterValue, values) > -1) {option.attr('selected', true);}

180

if ($.inArray(filterValue, values) > -1) {option.attr('selected', true);}

181

}

181

}

182

select.append(option);

182

select.append(option);

183

}

183

}

184

break;

184

break;

185

case "date":

185

case "date":

186

case "date_past":

186

case "date_past":

187

tr.find('td.values').append(

187

tr.find('td.values').append(

188

'<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_1" size="10" class="value date_value" /></span>' +

188

'<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_1" size="10" class="value date_value" /></span>' +

189

' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_2" size="10" class="value date_value" /></span>' +

189

' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_2" size="10" class="value date_value" /></span>' +

190

' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="3" class="value" /> '+labelDayPlural+'</span>'

190

' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="3" class="value" /> '+labelDayPlural+'</span>'

191

);

191

);

192

$('#values_'+fieldId+'_1').val(values[0]).datepicker(datepickerOptions);

192

$('#values_'+fieldId+'_1').val(values[0]).datepicker(datepickerOptions);

193

$('#values_'+fieldId+'_2').val(values[1]).datepicker(datepickerOptions);

193

$('#values_'+fieldId+'_2').val(values[1]).datepicker(datepickerOptions);

194

$('#values_'+fieldId).val(values[0]);

194

$('#values_'+fieldId).val(values[0]);

195

break;

195

break;

196

case "string":

196

case "string":

197

case "text":

197

case "text":

198

tr.find('td.values').append(

198

tr.find('td.values').append(

199

'<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="30" class="value" /></span>'

199

'<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="30" class="value" /></span>'

200

);

200

);

201

$('#values_'+fieldId).val(values[0]);

201

$('#values_'+fieldId).val(values[0]);

202

break;

202

break;

203

case "relation":

203

case "relation":

204

tr.find('td.values').append(

204

tr.find('td.values').append(

205

'<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="6" class="value" /></span>' +

205

'<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="6" class="value" /></span>' +

206

'<span style="display:none;"><select class="value" name="v['+field+'][]" id="values_'+fieldId+'_1"></select></span>'

206

'<span style="display:none;"><select class="value" name="v['+field+'][]" id="values_'+fieldId+'_1"></select></span>'

207

);

207

);

208

$('#values_'+fieldId).val(values[0]);

208

$('#values_'+fieldId).val(values[0]);

209

select = tr.find('td.values select');

209

select = tr.find('td.values select');

210

for (i = 0; i < allProjects.length; i++) {

210

for (i = 0; i < allProjects.length; i++) {

211

var filterValue = allProjects[i];

211

var filterValue = allProjects[i];

212

var option = $('<option>');

212

var option = $('<option>');

213

option.val(filterValue[1]).text(filterValue[0]);

213

option.val(filterValue[1]).text(filterValue[0]);

214

if (values[0] == filterValue[1]) { option.attr('selected', true); }

214

if (values[0] == filterValue[1]) { option.attr('selected', true); }

215

select.append(option);

215

select.append(option);

216

}

216

}

217

break;

217

break;

218

case "integer":

218

case "integer":

219

case "float":

219

case "float":

220

case "tree":

220

case "tree":

221

tr.find('td.values').append(

221

tr.find('td.values').append(

222

'<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_1" size="6" class="value" /></span>' +

222

'<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_1" size="6" class="value" /></span>' +

223

' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_2" size="6" class="value" /></span>'

223

' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_2" size="6" class="value" /></span>'

224

);

224

);

225

$('#values_'+fieldId+'_1').val(values[0]);

225

$('#values_'+fieldId+'_1').val(values[0]);

226

$('#values_'+fieldId+'_2').val(values[1]);

226

$('#values_'+fieldId+'_2').val(values[1]);

227

break;

227

break;

228

}

228

}

229

}

229

}

230

231

function toggleFilter(field) {

231

function toggleFilter(field) {

232

var fieldId = field.replace('.', '_');

232

var fieldId = field.replace('.', '_');

233

if ($('#cb_' + fieldId).is(':checked')) {

233

if ($('#cb_' + fieldId).is(':checked')) {

234

$("#operators_" + fieldId).show().removeAttr('disabled');

234

$("#operators_" + fieldId).show().removeAttr('disabled');

235

toggleOperator(field);

235

toggleOperator(field);

236

} else {

236

} else {

237

$("#operators_" + fieldId).hide().attr('disabled', true);

237

$("#operators_" + fieldId).hide().attr('disabled', true);

238

enableValues(field, []);

238

enableValues(field, []);

239

}

239

}

240

}

240

}

241

242

function enableValues(field, indexes) {

242

function enableValues(field, indexes) {

243

var fieldId = field.replace('.', '_');

243

var fieldId = field.replace('.', '_');

244

$('#tr_'+fieldId+' td.values .value').each(function(index) {

244

$('#tr_'+fieldId+' td.values .value').each(function(index) {

245

if ($.inArray(index, indexes) >= 0) {

245

if ($.inArray(index, indexes) >= 0) {

246

$(this).removeAttr('disabled');

246

$(this).removeAttr('disabled');

247

$(this).parents('span').first().show();

247

$(this).parents('span').first().show();

248

} else {

248

} else {

249

$(this).val('');

249

$(this).val('');

250

$(this).attr('disabled', true);

250

$(this).attr('disabled', true);

251

$(this).parents('span').first().hide();

251

$(this).parents('span').first().hide();

252

}

252

}

253

254

if ($(this).hasClass('group')) {

254

if ($(this).hasClass('group')) {

255

$(this).addClass('open');

255

$(this).addClass('open');

256

} else {

256

} else {

257

$(this).show();

257

$(this).show();

258

}

258

}

259

});

259

});

260

}

260

}

261

262

function toggleOperator(field) {

262

function toggleOperator(field) {

263

var fieldId = field.replace('.', '_');

263

var fieldId = field.replace('.', '_');

264

var operator = $("#operators_" + fieldId);

264

var operator = $("#operators_" + fieldId);

265

switch (operator.val()) {

265

switch (operator.val()) {

266

case "!*":

266

case "!*":

267

case "*":

267

case "*":

268

case "t":

268

case "t":

269

case "ld":

269

case "ld":

270

case "w":

270

case "w":

271

case "lw":

271

case "lw":

272

case "l2w":

272

case "l2w":

273

case "m":

273

case "m":

274

case "lm":

274

case "lm":

275

case "y":

275

case "y":

276

case "o":

276

case "o":

277

case "c":

277

case "c":

278

enableValues(field, []);

278

enableValues(field, []);

279

break;

279

break;

280

case "><":

280

case "><":

281

enableValues(field, [0,1]);

281

enableValues(field, [0,1]);

282

break;

282

break;

283

case "<t+":

283

case "<t+":

284

case ">t+":

284

case ">t+":

285

case "><t+":

285

case "><t+":

286

case "t+":

286

case "t+":

287

case ">t-":

287

case ">t-":

288

case "<t-":

288

case "<t-":

289

case "><t-":

289

case "><t-":

290

case "t-":

290

case "t-":

291

enableValues(field, [2]);

291

enableValues(field, [2]);

292

break;

292

break;

293

case "=p":

293

case "=p":

294

case "=!p":

294

case "=!p":

295

case "!p":

295

case "!p":

296

enableValues(field, [1]);

296

enableValues(field, [1]);

297

break;

297

break;

298

default:

298

default:

299

enableValues(field, [0]);

299

enableValues(field, [0]);

300

break;

300

break;

301

}

301

}

302

}

302

}

303

304

function toggleMultiSelect(el) {

304

function toggleMultiSelect(el) {

305

if (el.attr('multiple')) {

305

if (el.attr('multiple')) {

306

el.removeAttr('multiple');

306

el.removeAttr('multiple');

307

el.attr('size', 1);

307

el.attr('size', 1);

308

} else {

308

} else {

309

el.attr('multiple', true);

309

el.attr('multiple', true);

310

if (el.children().length > 10)

310

if (el.children().length > 10)

311

el.attr('size', 10);

311

el.attr('size', 10);

312

else

312

else

313

el.attr('size', 4);

313

el.attr('size', 4);

314

}

314

}

315

}

315

}

316

317

function showTab(name, url) {

317

function showTab(name, url) {

318

$('div#content .tab-content').hide();

318

$('div#content .tab-content').hide();

319

$('div.tabs a').removeClass('selected');

319

$('div.tabs a').removeClass('selected');

320

$('#tab-content-' + name).show();

320

$('#tab-content-' + name).show();

321

$('#tab-' + name).addClass('selected');

321

$('#tab-' + name).addClass('selected');

322

//replaces current URL with the "href" attribute of the current link

322

//replaces current URL with the "href" attribute of the current link

323

//(only triggered if supported by browser)

323

//(only triggered if supported by browser)

324

if ("replaceState" in window.history) {

324

if ("replaceState" in window.history) {

325

window.history.replaceState(null, document.title, url);

325

window.history.replaceState(null, document.title, url);

326

}

326

}

327

return false;

327

return false;

328

}

328

}

329

330

function moveTabRight(el) {

330

function moveTabRight(el) {

331

var lis = $(el).parents('div.tabs').first().find('ul').children();

331

var lis = $(el).parents('div.tabs').first().find('ul').children();

332

var tabsWidth = 0;

332

var tabsWidth = 0;

333

var i = 0;

333

var i = 0;

334

lis.each(function() {

334

lis.each(function() {

335

if ($(this).is(':visible')) {

335

if ($(this).is(':visible')) {

336

tabsWidth += $(this).width() + 6;

336

tabsWidth += $(this).width() + 6;

337

}

337

}

338

});

338

});

339

if (tabsWidth < $(el).parents('div.tabs').first().width() - 60) { return; }

339

if (tabsWidth < $(el).parents('div.tabs').first().width() - 60) { return; }

340

while (i<lis.length && !lis.eq(i).is(':visible')) { i++; }

340

while (i<lis.length && !lis.eq(i).is(':visible')) { i++; }

341

lis.eq(i).hide();

341

lis.eq(i).hide();

342

}

342

}

343

344

function moveTabLeft(el) {

344

function moveTabLeft(el) {

345

var lis = $(el).parents('div.tabs').first().find('ul').children();

345

var lis = $(el).parents('div.tabs').first().find('ul').children();

346

var i = 0;

346

var i = 0;

347

while (i < lis.length && !lis.eq(i).is(':visible')) { i++; }

347

while (i < lis.length && !lis.eq(i).is(':visible')) { i++; }

348

if (i > 0) {

348

if (i > 0) {

349

lis.eq(i-1).show();

349

lis.eq(i-1).show();

350

}

350

}

351

}

351

}

352

353

function displayTabsButtons() {

353

function displayTabsButtons() {

354

var lis;

354

var lis;

355

var tabsWidth = 0;

355

var tabsWidth = 0;

356

var el;

356

var el;

357

$('div.tabs').each(function() {

357

$('div.tabs').each(function() {

358

el = $(this);

358

el = $(this);

359

lis = el.find('ul').children();

359

lis = el.find('ul').children();

360

lis.each(function(){

360

lis.each(function(){

361

if ($(this).is(':visible')) {

361

if ($(this).is(':visible')) {

362

tabsWidth += $(this).width() + 6;

362

tabsWidth += $(this).width() + 6;

363

}

363

}

364

});

364

});

365

if ((tabsWidth < el.width() - 60) && (lis.first().is(':visible'))) {

365

if ((tabsWidth < el.width() - 60) && (lis.first().is(':visible'))) {

366

el.find('div.tabs-buttons').hide();

366

el.find('div.tabs-buttons').hide();

367

} else {

367

} else {

368

el.find('div.tabs-buttons').show();

368

el.find('div.tabs-buttons').show();

369

}

369

}

370

});

370

});

371

}

371

}

372

373

function setPredecessorFieldsVisibility() {

373

function setPredecessorFieldsVisibility() {

374

var relationType = $('#relation_relation_type');

374

var relationType = $('#relation_relation_type');

375

if (relationType.val() == "precedes" || relationType.val() == "follows") {

375

if (relationType.val() == "precedes" || relationType.val() == "follows") {

376

$('#predecessor_fields').show();

376

$('#predecessor_fields').show();

377

} else {

377

} else {

378

$('#predecessor_fields').hide();

378

$('#predecessor_fields').hide();

379

}

379

}

380

}

380

}

381

382

function showModal(id, width, title) {

382

function showModal(id, width, title) {

383

var el = $('#'+id).first();

383

var el = $('#'+id).first();

384

if (el.length === 0 || el.is(':visible')) {return;}

384

if (el.length === 0 || el.is(':visible')) {return;}

385

if (!title) title = el.find('h3.title').text();

385

if (!title) title = el.find('h3.title').text();

386

// moves existing modals behind the transparent background

387

$(".modal").zIndex(99);

386

el.dialog({

388

el.dialog({

387

width: width,

389

width: width,

388

modal: true,

390

modal: true,

389

resizable: false,

391

resizable: false,

390

dialogClass: 'modal',

392

dialogClass: 'modal',

391

title: title

393

title: title

392

});

394

});

393

el.find("input[type=text], input[type=submit]").first().focus();

395

el.find("input[type=text], input[type=submit]").first().focus();

394

}

396

}

395

397

396

function hideModal(el) {

398

function hideModal(el) {

397

var modal;

399

var modal;

398

if (el) {

400

if (el) {

399

modal = $(el).parents('.ui-dialog-content');

401

modal = $(el).parents('.ui-dialog-content');

400

} else {

402

} else {

401

modal = $('#ajax-modal');

403

modal = $('#ajax-modal');

402

}

404

}

403

modal.dialog("close");

405

modal.dialog("close");

406

// restores existing modals in front of the transparent background

407

$(".modal").zIndex(101);

404

}

408

}

405

409

406

function submitPreview(url, form, target) {

410

function submitPreview(url, form, target) {

407

$.ajax({

411

$.ajax({

408

url: url,

412

url: url,

409

type: 'post',

413

type: 'post',

410

data: $('#'+form).serialize(),

414

data: $('#'+form).serialize(),

411

success: function(data){

415

success: function(data){

412

$('#'+target).html(data);

416

$('#'+target).html(data);

413

}

417

}

414

});

418

});

415

}

419

}

416

420

417

function collapseScmEntry(id) {

421

function collapseScmEntry(id) {

418

$('.'+id).each(function() {

422

$('.'+id).each(function() {

419

if ($(this).hasClass('open')) {

423

if ($(this).hasClass('open')) {

420

collapseScmEntry($(this).attr('id'));

424

collapseScmEntry($(this).attr('id'));

421

}

425

}

422

$(this).hide();

426

$(this).hide();

423

});

427

});

424

$('#'+id).removeClass('open');

428

$('#'+id).removeClass('open');

425

}

429

}

426

430

427

function expandScmEntry(id) {

431

function expandScmEntry(id) {

428

$('.'+id).each(function() {

432

$('.'+id).each(function() {

429

$(this).show();

433

$(this).show();

430

if ($(this).hasClass('loaded') && !$(this).hasClass('collapsed')) {

434

if ($(this).hasClass('loaded') && !$(this).hasClass('collapsed')) {

431

expandScmEntry($(this).attr('id'));

435

expandScmEntry($(this).attr('id'));

432

}

436

}

433

});

437

});

434

$('#'+id).addClass('open');

438

$('#'+id).addClass('open');

435

}

439

}

436

440

437

function scmEntryClick(id, url) {

441

function scmEntryClick(id, url) {

438

var el = $('#'+id);

442

var el = $('#'+id);

439

if (el.hasClass('open')) {

443

if (el.hasClass('open')) {

440

collapseScmEntry(id);

444

collapseScmEntry(id);

441

el.addClass('collapsed');

445

el.addClass('collapsed');

442

return false;

446

return false;

443

} else if (el.hasClass('loaded')) {

447

} else if (el.hasClass('loaded')) {

444

expandScmEntry(id);

448

expandScmEntry(id);

445

el.removeClass('collapsed');

449

el.removeClass('collapsed');

446

return false;

450

return false;

447

}

451

}

448

if (el.hasClass('loading')) {

452

if (el.hasClass('loading')) {

449

return false;

453

return false;

450

}

454

}

451

el.addClass('loading');

455

el.addClass('loading');

452

$.ajax({

456

$.ajax({

453

url: url,

457

url: url,

454

success: function(data) {

458

success: function(data) {

455

el.after(data);

459

el.after(data);

456

el.addClass('open').addClass('loaded').removeClass('loading');

460

el.addClass('open').addClass('loaded').removeClass('loading');

457

}

461

}

458

});

462

});

459

return true;

463

return true;

460

}

464

}

461

465

462

function randomKey(size) {

466

function randomKey(size) {

463

var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';

467

var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';

464

var key = '';

468

var key = '';

465

for (var i = 0; i < size; i++) {

469

for (var i = 0; i < size; i++) {

466

key += chars.charAt(Math.floor(Math.random() * chars.length));

470

key += chars.charAt(Math.floor(Math.random() * chars.length));

467

}

471

}

468

return key;

472

return key;

469

}

473

}

470

474

471

function updateIssueFrom(url) {

475

function updateIssueFrom(url) {

472

$('#all_attributes input, #all_attributes textarea, #all_attributes select').each(function(){

476

$('#all_attributes input, #all_attributes textarea, #all_attributes select').each(function(){

473

$(this).data('valuebeforeupdate', $(this).val());

477

$(this).data('valuebeforeupdate', $(this).val());

474

});

478

});

475

$.ajax({

479

$.ajax({

476

url: url,

480

url: url,

477

type: 'post',

481

type: 'post',

478

data: $('#issue-form').serialize()

482

data: $('#issue-form').serialize()

479

});

483

});

480

}

484

}

481

485

482

function replaceIssueFormWith(html){

486

function replaceIssueFormWith(html){

483

var replacement = $(html);

487

var replacement = $(html);

484

$('#all_attributes input, #all_attributes textarea, #all_attributes select').each(function(){

488

$('#all_attributes input, #all_attributes textarea, #all_attributes select').each(function(){

485

var object_id = $(this).attr('id');

489

var object_id = $(this).attr('id');

486

if (object_id && $(this).data('valuebeforeupdate')!=$(this).val()) {

490

if (object_id && $(this).data('valuebeforeupdate')!=$(this).val()) {

487

replacement.find('#'+object_id).val($(this).val());

491

replacement.find('#'+object_id).val($(this).val());

488

}

492

}

489

});

493

});

490

$('#all_attributes').empty();

494

$('#all_attributes').empty();

491

$('#all_attributes').prepend(replacement);

495

$('#all_attributes').prepend(replacement);

492

}

496

}

493

497

494

function updateBulkEditFrom(url) {

498

function updateBulkEditFrom(url) {

495

$.ajax({

499

$.ajax({

496

url: url,

500

url: url,

497

type: 'post',

501

type: 'post',

498

data: $('#bulk_edit_form').serialize()

502

data: $('#bulk_edit_form').serialize()

499

});

503

});

500

}

504

}

501

505

502

function observeAutocompleteField(fieldId, url, options) {

506

function observeAutocompleteField(fieldId, url, options) {

503

$(document).ready(function() {

507

$(document).ready(function() {

504

$('#'+fieldId).autocomplete($.extend({

508

$('#'+fieldId).autocomplete($.extend({

505

source: url,

509

source: url,

506

minLength: 2,

510

minLength: 2,

507

search: function(){$('#'+fieldId).addClass('ajax-loading');},

511

search: function(){$('#'+fieldId).addClass('ajax-loading');},

508

response: function(){$('#'+fieldId).removeClass('ajax-loading');}

512

response: function(){$('#'+fieldId).removeClass('ajax-loading');}

509

}, options));

513

}, options));

510

$('#'+fieldId).addClass('autocomplete');

514

$('#'+fieldId).addClass('autocomplete');

511

});

515

});

512

}

516

}

513

517

514

function observeSearchfield(fieldId, targetId, url) {

518

function observeSearchfield(fieldId, targetId, url) {

515

$('#'+fieldId).each(function() {

519

$('#'+fieldId).each(function() {

516

var $this = $(this);

520

var $this = $(this);

517

$this.addClass('autocomplete');

521

$this.addClass('autocomplete');

518

$this.attr('data-value-was', $this.val());

522

$this.attr('data-value-was', $this.val());

519

var check = function() {

523

var check = function() {

520

var val = $this.val();

524

var val = $this.val();

521

if ($this.attr('data-value-was') != val){

525

if ($this.attr('data-value-was') != val){

522

$this.attr('data-value-was', val);

526

$this.attr('data-value-was', val);

523

$.ajax({

527

$.ajax({

524

url: url,

528

url: url,

525

type: 'get',

529

type: 'get',

526

data: {q: $this.val()},

530

data: {q: $this.val()},

527

success: function(data){ if(targetId) $('#'+targetId).html(data); },

531

success: function(data){ if(targetId) $('#'+targetId).html(data); },

528

beforeSend: function(){ $this.addClass('ajax-loading'); },

532

beforeSend: function(){ $this.addClass('ajax-loading'); },

529

complete: function(){ $this.removeClass('ajax-loading'); }

533

complete: function(){ $this.removeClass('ajax-loading'); }

530

});

534

});

531

}

535

}

532

};

536

};

533

var reset = function() {

537

var reset = function() {

534

if (timer) {

538

if (timer) {

535

clearInterval(timer);

539

clearInterval(timer);

536

timer = setInterval(check, 300);

540

timer = setInterval(check, 300);

537

}

541

}

538

};

542

};

539

var timer = setInterval(check, 300);

543

var timer = setInterval(check, 300);

540

$this.bind('keyup click mousemove', reset);

544

$this.bind('keyup click mousemove', reset);

541

});

545

});

542

}

546

}

543

547

544

function beforeShowDatePicker(input, inst) {

548

function beforeShowDatePicker(input, inst) {

545

var default_date = null;

549

var default_date = null;

546

switch ($(input).attr("id")) {

550

switch ($(input).attr("id")) {

547

case "issue_start_date" :

551

case "issue_start_date" :

548

if ($("#issue_due_date").size() > 0) {

552

if ($("#issue_due_date").size() > 0) {

549

default_date = $("#issue_due_date").val();

553

default_date = $("#issue_due_date").val();

550

}

554

}

551

break;

555

break;

552

case "issue_due_date" :

556

case "issue_due_date" :

553

if ($("#issue_start_date").size() > 0) {

557

if ($("#issue_start_date").size() > 0) {

554

default_date = $("#issue_start_date").val();

558

default_date = $("#issue_start_date").val();

555

}

559

}

556

break;

560

break;

557

}

561

}

558

$(input).datepicker("option", "defaultDate", default_date);

562

$(input).datepicker("option", "defaultDate", default_date);

559

}

563

}

560

564

561

function initMyPageSortable(list, url) {

565

function initMyPageSortable(list, url) {

562

$('#list-'+list).sortable({

566

$('#list-'+list).sortable({

563

connectWith: '.block-receiver',

567

connectWith: '.block-receiver',

564

tolerance: 'pointer',

568

tolerance: 'pointer',

565

update: function(){

569

update: function(){

566

$.ajax({

570

$.ajax({

567

url: url,

571

url: url,

568

type: 'post',

572

type: 'post',

569

data: {'blocks': $.map($('#list-'+list).children(), function(el){return $(el).attr('id');})}

573

data: {'blocks': $.map($('#list-'+list).children(), function(el){return $(el).attr('id');})}

570

});

574

});

571

}

575

}

572

});

576

});

573

$("#list-top, #list-left, #list-right").disableSelection();

577

$("#list-top, #list-left, #list-right").disableSelection();

574

}

578

}

575

579

576

var warnLeavingUnsavedMessage;

580

var warnLeavingUnsavedMessage;

577

function warnLeavingUnsaved(message) {

581

function warnLeavingUnsaved(message) {

578

warnLeavingUnsavedMessage = message;

582

warnLeavingUnsavedMessage = message;

579

$(document).on('submit', 'form', function(){

583

$(document).on('submit', 'form', function(){

580

$('textarea').removeData('changed');

584

$('textarea').removeData('changed');

581

});

585

});

582

$(document).on('change', 'textarea', function(){

586

$(document).on('change', 'textarea', function(){

583

$(this).data('changed', 'changed');

587

$(this).data('changed', 'changed');

584

});

588

});

585

window.onbeforeunload = function(){

589

window.onbeforeunload = function(){

586

var warn = false;

590

var warn = false;

587

$('textarea').blur().each(function(){

591

$('textarea').blur().each(function(){

588

if ($(this).data('changed')) {

592

if ($(this).data('changed')) {

589

warn = true;

593

warn = true;

590

}

594

}

591

});

595

});

592

if (warn) {return warnLeavingUnsavedMessage;}

596

if (warn) {return warnLeavingUnsavedMessage;}

593

};

597

};

594

}

598

}

595

599

596

function setupAjaxIndicator() {

600

function setupAjaxIndicator() {

597

$(document).bind('ajaxSend', function(event, xhr, settings) {

601

$(document).bind('ajaxSend', function(event, xhr, settings) {

598

if ($('.ajax-loading').length === 0 && settings.contentType != 'application/octet-stream') {

602

if ($('.ajax-loading').length === 0 && settings.contentType != 'application/octet-stream') {

599

$('#ajax-indicator').show();

603

$('#ajax-indicator').show();

600

}

604

}

601

});

605

});

602

$(document).bind('ajaxStop', function() {

606

$(document).bind('ajaxStop', function() {

603

$('#ajax-indicator').hide();

607

$('#ajax-indicator').hide();

604

});

608

});

605

}

609

}

606

610

607

function hideOnLoad() {

611

function hideOnLoad() {

608

$('.hol').hide();

612

$('.hol').hide();

609

}

613

}

610

614

611

function addFormObserversForDoubleSubmit() {

615

function addFormObserversForDoubleSubmit() {

612

$('form[method=post]').each(function() {

616

$('form[method=post]').each(function() {

613

if (!$(this).hasClass('multiple-submit')) {

617

if (!$(this).hasClass('multiple-submit')) {

614

$(this).submit(function(form_submission) {

618

$(this).submit(function(form_submission) {

615

if ($(form_submission.target).attr('data-submitted')) {

619

if ($(form_submission.target).attr('data-submitted')) {

616

form_submission.preventDefault();

620

form_submission.preventDefault();

617

} else {

621

} else {

618

$(form_submission.target).attr('data-submitted', true);

622

$(form_submission.target).attr('data-submitted', true);

619

}

623

}

620

});

624

});

621

}

625

}

622

});

626

});

623

}

627

}

624

628

625

function defaultFocus(){

629

function defaultFocus(){

626

if ($('#content :focus').length == 0) {

630

if ($('#content :focus').length == 0) {

627

$('#content input[type=text], #content textarea').first().focus();

631

$('#content input[type=text], #content textarea').first().focus();

628

}

632

}

629

}

633

}

630

634

631

function blockEventPropagation(event) {

635

function blockEventPropagation(event) {

632

event.stopPropagation();

636

event.stopPropagation();

633

event.preventDefault();

637

event.preventDefault();

634

}

638

}

635

639

636

function toggleDisabledOnChange() {

640

function toggleDisabledOnChange() {

637

var checked = $(this).is(':checked');

641

var checked = $(this).is(':checked');

638

$($(this).data('disables')).attr('disabled', checked);

642

$($(this).data('disables')).attr('disabled', checked);

639

$($(this).data('enables')).attr('disabled', !checked);

643

$($(this).data('enables')).attr('disabled', !checked);

640

}

644

}

641

function toggleDisabledInit() {

645

function toggleDisabledInit() {

642

$('input[data-disables], input[data-enables]').each(toggleDisabledOnChange);

646

$('input[data-disables], input[data-enables]').each(toggleDisabledOnChange);

643

}

647

}

644

$(document).ready(function(){

648

$(document).ready(function(){

645

$('#content').on('change', 'input[data-disables], input[data-enables]', toggleDisabledOnChange);

649

$('#content').on('change', 'input[data-disables], input[data-enables]', toggleDisabledOnChange);

646

toggleDisabledInit();

650

toggleDisabledInit();

647

});

651

});

648

652

649

$(document).ready(setupAjaxIndicator);

653

$(document).ready(setupAjaxIndicator);

650

$(document).ready(hideOnLoad);

654

$(document).ready(hideOnLoad);

651

$(document).ready(addFormObserversForDoubleSubmit);

655

$(document).ready(addFormObserversForDoubleSubmit);

652

$(document).ready(defaultFocus);

656

$(document).ready(defaultFocus);

653

657

@@ -1,4 +1,4
1	$('#ajax-modal').html('<%= escape_javascript render partial: 'sudo_mode/new_modal' %>');	1	$("body").append($("<div>", {id: "sudo-modal"}).hide());
2	showModal('ajax-modal', '400px');	2	$('#sudo-modal').html('<%= escape_javascript render partial: 'sudo_mode/new_modal' %>');
		3	showModal('sudo-modal', '400px');
3	$('#sudo_password').focus();	4	$('#sudo_password').focus();
4

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

             /* Redmine - project management software
                Copyright (C) 2006-2015  Jean-Philippe Lang */
             function checkAll(id, checked) {
               $('#'+id).find('input[type=checkbox]:enabled').prop('checked', checked);
             }
             function toggleCheckboxesBySelector(selector) {
               var all_checked = true;
               $(selector).each(function(index) {
                 if (!$(this).is(':checked')) { all_checked = false; }
               });
               $(selector).prop('checked', !all_checked);
             }
             function showAndScrollTo(id, focus) {
               $('#'+id).show();
               if (focus !== null) {
                 $('#'+focus).focus();
               }
               $('html, body').animate({scrollTop: $('#'+id).offset().top}, 100);
             }
             function toggleRowGroup(el) {
               var tr = $(el).parents('tr').first();
               var n = tr.next();
               tr.toggleClass('open');
               while (n.length && !n.hasClass('group')) {
                 n.toggle();
                 n = n.next('tr');
               }
             }
             function collapseAllRowGroups(el) {
               var tbody = $(el).parents('tbody').first();
               tbody.children('tr').each(function(index) {
                 if ($(this).hasClass('group')) {
                   $(this).removeClass('open');
                 } else {
                   $(this).hide();
                 }
               });
             }
             function expandAllRowGroups(el) {
               var tbody = $(el).parents('tbody').first();
               tbody.children('tr').each(function(index) {
                 if ($(this).hasClass('group')) {
                   $(this).addClass('open');
                 } else {
                   $(this).show();
                 }
               });
             }
             function toggleAllRowGroups(el) {
               var tr = $(el).parents('tr').first();
               if (tr.hasClass('open')) {
                 collapseAllRowGroups(el);
               } else {
                 expandAllRowGroups(el);
               }
             }
             function toggleFieldset(el) {
               var fieldset = $(el).parents('fieldset').first();
               fieldset.toggleClass('collapsed');
               fieldset.children('div').toggle();
             }
             function hideFieldset(el) {
               var fieldset = $(el).parents('fieldset').first();
               fieldset.toggleClass('collapsed');
               fieldset.children('div').hide();
             }
             // columns selection
             function moveOptions(theSelFrom, theSelTo) {
               $(theSelFrom).find('option:selected').detach().prop("selected", false).appendTo($(theSelTo));
             }
             function moveOptionUp(theSel) {
               $(theSel).find('option:selected').each(function(){
                 $(this).prev(':not(:selected)').detach().insertAfter($(this));
               });
             }
             function moveOptionTop(theSel) {
               $(theSel).find('option:selected').detach().prependTo($(theSel));
             }
             function moveOptionDown(theSel) {
               $($(theSel).find('option:selected').get().reverse()).each(function(){
                 $(this).next(':not(:selected)').detach().insertBefore($(this));
               });
             }
             function moveOptionBottom(theSel) {
               $(theSel).find('option:selected').detach().appendTo($(theSel));
             }
             function initFilters() {
               $('#add_filter_select').change(function() {
                 addFilter($(this).val(), '', []);
               });
               $('#filters-table td.field input[type=checkbox]').each(function() {
                 toggleFilter($(this).val());
               });
               $('#filters-table').on('click', 'td.field input[type=checkbox]', function() {
                 toggleFilter($(this).val());
               });
               $('#filters-table').on('click', '.toggle-multiselect', function() {
                 toggleMultiSelect($(this).siblings('select'));
               });
               $('#filters-table').on('keypress', 'input[type=text]', function(e) {
                 if (e.keyCode == 13) $(this).closest('form').submit();
               });
             }
             function addFilter(field, operator, values) {
               var fieldId = field.replace('.', '_');
               var tr = $('#tr_'+fieldId);
               if (tr.length > 0) {
                 tr.show();
               } else {
                 buildFilterRow(field, operator, values);
               }
               $('#cb_'+fieldId).prop('checked', true);
               toggleFilter(field);
               $('#add_filter_select').val('').find('option').each(function() {
                 if ($(this).attr('value') == field) {
                   $(this).attr('disabled', true);
                 }
               });
             }
             function buildFilterRow(field, operator, values) {
               var fieldId = field.replace('.', '_');
               var filterTable = $("#filters-table");
               var filterOptions = availableFilters[field];
               if (!filterOptions) return;
               var operators = operatorByType[filterOptions['type']];
               var filterValues = filterOptions['values'];
               var i, select;
               var tr = $('<tr class="filter">').attr('id', 'tr_'+fieldId).html(
                 '<td class="field"><input checked="checked" id="cb_'+fieldId+'" name="f[]" value="'+field+'" type="checkbox"><label for="cb_'+fieldId+'"> '+filterOptions['name']+'</label></td>' +
                 '<td class="operator"><select id="operators_'+fieldId+'" name="op['+field+']"></td>' +
                 '<td class="values"></td>'
               );
               filterTable.append(tr);
               select = tr.find('td.operator select');
               for (i = 0; i < operators.length; i++) {
                 var option = $('<option>').val(operators[i]).text(operatorLabels[operators[i]]);
                 if (operators[i] == operator) { option.attr('selected', true); }
                 select.append(option);
               }
               select.change(function(){ toggleOperator(field); });
               switch (filterOptions['type']) {
               case "list":
               case "list_optional":
               case "list_status":
               case "list_subprojects":
                 tr.find('td.values').append(
                   '<span style="display:none;"><select class="value" id="values_'+fieldId+'_1" name="v['+field+'][]"></select>' +
                   ' <span class="toggle-multiselect">&nbsp;</span></span>'
                 );
                 select = tr.find('td.values select');
                 if (values.length > 1) { select.attr('multiple', true); }
                 for (i = 0; i < filterValues.length; i++) {
                   var filterValue = filterValues[i];
                   var option = $('<option>');
                   if ($.isArray(filterValue)) {
                     option.val(filterValue[1]).text(filterValue[0]);
                     if ($.inArray(filterValue[1], values) > -1) {option.attr('selected', true);}
                   } else {
                     option.val(filterValue).text(filterValue);
                     if ($.inArray(filterValue, values) > -1) {option.attr('selected', true);}
                   }
                   select.append(option);
                 }
                 break;
               case "date":
               case "date_past":
                 tr.find('td.values').append(
                   '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_1" size="10" class="value date_value" /></span>' +
                   ' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_2" size="10" class="value date_value" /></span>' +
                   ' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="3" class="value" /> '+labelDayPlural+'</span>'
                 );
                 $('#values_'+fieldId+'_1').val(values[0]).datepicker(datepickerOptions);
                 $('#values_'+fieldId+'_2').val(values[1]).datepicker(datepickerOptions);
                 $('#values_'+fieldId).val(values[0]);
                 break;
               case "string":
               case "text":
                 tr.find('td.values').append(
                   '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="30" class="value" /></span>'
                 );
                 $('#values_'+fieldId).val(values[0]);
                 break;
               case "relation":
                 tr.find('td.values').append(
                   '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="6" class="value" /></span>' +
                   '<span style="display:none;"><select class="value" name="v['+field+'][]" id="values_'+fieldId+'_1"></select></span>'
                 );
                 $('#values_'+fieldId).val(values[0]);
                 select = tr.find('td.values select');
                 for (i = 0; i < allProjects.length; i++) {
                   var filterValue = allProjects[i];
                   var option = $('<option>');
                   option.val(filterValue[1]).text(filterValue[0]);
                   if (values[0] == filterValue[1]) { option.attr('selected', true); }
                   select.append(option);
                 }
                 break;
               case "integer":
               case "float":
               case "tree":
                 tr.find('td.values').append(
                   '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_1" size="6" class="value" /></span>' +
                   ' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_2" size="6" class="value" /></span>'
                 );
                 $('#values_'+fieldId+'_1').val(values[0]);
                 $('#values_'+fieldId+'_2').val(values[1]);
                 break;
               }
             }
             function toggleFilter(field) {
               var fieldId = field.replace('.', '_');
               if ($('#cb_' + fieldId).is(':checked')) {
                 $("#operators_" + fieldId).show().removeAttr('disabled');
                 toggleOperator(field);
               } else {
                 $("#operators_" + fieldId).hide().attr('disabled', true);
                 enableValues(field, []);
               }
             }
             function enableValues(field, indexes) {
               var fieldId = field.replace('.', '_');
               $('#tr_'+fieldId+' td.values .value').each(function(index) {
                 if ($.inArray(index, indexes) >= 0) {
                   $(this).removeAttr('disabled');
                   $(this).parents('span').first().show();
                 } else {
                   $(this).val('');
                   $(this).attr('disabled', true);
                   $(this).parents('span').first().hide();
                 }
                 if ($(this).hasClass('group')) {
                   $(this).addClass('open');
                 } else {
                   $(this).show();
                 }
               });
             }
             function toggleOperator(field) {
               var fieldId = field.replace('.', '_');
               var operator = $("#operators_" + fieldId);
               switch (operator.val()) {
                 case "!*":
                 case "*":
                 case "t":
                 case "ld":
                 case "w":
                 case "lw":
                 case "l2w":
                 case "m":
                 case "lm":
                 case "y":
                 case "o":
                 case "c":
                   enableValues(field, []);
                   break;
                 case "><":
                   enableValues(field, [0,1]);
                   break;
                 case "<t+":
                 case ">t+":
                 case "><t+":
                 case "t+":
                 case ">t-":
                 case "<t-":
                 case "><t-":
                 case "t-":
                   enableValues(field, [2]);
                   break;
                 case "=p":
                 case "=!p":
                 case "!p":
                   enableValues(field, [1]);
                   break;
                 default:
                   enableValues(field, [0]);
                   break;
               }
             }
             function toggleMultiSelect(el) {
               if (el.attr('multiple')) {
                 el.removeAttr('multiple');
                 el.attr('size', 1);
               } else {
                 el.attr('multiple', true);
                 if (el.children().length > 10)
                   el.attr('size', 10);
                 else
                   el.attr('size', 4);
               }
             }
             function showTab(name, url) {
               $('div#content .tab-content').hide();
               $('div.tabs a').removeClass('selected');
               $('#tab-content-' + name).show();
               $('#tab-' + name).addClass('selected');
               //replaces current URL with the "href" attribute of the current link
               //(only triggered if supported by browser)
               if ("replaceState" in window.history) {
                 window.history.replaceState(null, document.title, url);
               }
               return false;
             }
             function moveTabRight(el) {
               var lis = $(el).parents('div.tabs').first().find('ul').children();
               var tabsWidth = 0;
               var i = 0;
               lis.each(function() {
                 if ($(this).is(':visible')) {
                   tabsWidth += $(this).width() + 6;
                 }
               });
               if (tabsWidth < $(el).parents('div.tabs').first().width() - 60) { return; }
               while (i<lis.length && !lis.eq(i).is(':visible')) { i++; }
               lis.eq(i).hide();
             }
             function moveTabLeft(el) {
               var lis = $(el).parents('div.tabs').first().find('ul').children();
               var i = 0;
               while (i < lis.length && !lis.eq(i).is(':visible')) { i++; }
               if (i > 0) {
                 lis.eq(i-1).show();
               }
             }
             function displayTabsButtons() {
               var lis;
               var tabsWidth = 0;
               var el;
               $('div.tabs').each(function() {
                 el = $(this);
                 lis = el.find('ul').children();
                 lis.each(function(){
                   if ($(this).is(':visible')) {
                     tabsWidth += $(this).width() + 6;
                   }
                 });
                 if ((tabsWidth < el.width() - 60) && (lis.first().is(':visible'))) {
                   el.find('div.tabs-buttons').hide();
                 } else {
                   el.find('div.tabs-buttons').show();
                 }
               });
             }
             function setPredecessorFieldsVisibility() {
               var relationType = $('#relation_relation_type');
               if (relationType.val() == "precedes" || relationType.val() == "follows") {
                 $('#predecessor_fields').show();
               } else {
                 $('#predecessor_fields').hide();
               }
             }
             function showModal(id, width, title) {
               var el = $('#'+id).first();
               if (el.length === 0 || el.is(':visible')) {return;}
               if (!title) title = el.find('h3.title').text();
+              // moves existing modals behind the transparent background
+              $(".modal").zIndex(99);
               el.dialog({
                 width: width,
                 modal: true,
                 resizable: false,
                 dialogClass: 'modal',
                 title: title
               });
               el.find("input[type=text], input[type=submit]").first().focus();
             }
             function hideModal(el) {
               var modal;
               if (el) {
                 modal = $(el).parents('.ui-dialog-content');
               } else {
                 modal = $('#ajax-modal');
               }
               modal.dialog("close");
+              // restores existing modals in front of the transparent background
+              $(".modal").zIndex(101);
             }
             function submitPreview(url, form, target) {
               $.ajax({
                 url: url,
                 type: 'post',
                 data: $('#'+form).serialize(),
                 success: function(data){
                   $('#'+target).html(data);
                 }
               });
             }
             function collapseScmEntry(id) {
               $('.'+id).each(function() {
                 if ($(this).hasClass('open')) {
                   collapseScmEntry($(this).attr('id'));
                 }
                 $(this).hide();
               });
               $('#'+id).removeClass('open');
             }
             function expandScmEntry(id) {
               $('.'+id).each(function() {
                 $(this).show();
                 if ($(this).hasClass('loaded') && !$(this).hasClass('collapsed')) {
                   expandScmEntry($(this).attr('id'));
                 }
               });
               $('#'+id).addClass('open');
             }
             function scmEntryClick(id, url) {
                 var el = $('#'+id);
                 if (el.hasClass('open')) {
                     collapseScmEntry(id);
                     el.addClass('collapsed');
                     return false;
                 } else if (el.hasClass('loaded')) {
                     expandScmEntry(id);
                     el.removeClass('collapsed');
                     return false;
                 }
                 if (el.hasClass('loading')) {
                     return false;
                 }
                 el.addClass('loading');
                 $.ajax({
                   url: url,
                   success: function(data) {
                     el.after(data);
                     el.addClass('open').addClass('loaded').removeClass('loading');
                   }
                 });
                 return true;
             }
             function randomKey(size) {
               var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
               var key = '';
               for (var i = 0; i < size; i++) {
                 key += chars.charAt(Math.floor(Math.random() * chars.length));
               }
               return key;
             }
             function updateIssueFrom(url) {
               $('#all_attributes input, #all_attributes textarea, #all_attributes select').each(function(){
                 $(this).data('valuebeforeupdate', $(this).val());
               });
               $.ajax({
                 url: url,
                 type: 'post',
                 data: $('#issue-form').serialize()
               });
             }
             function replaceIssueFormWith(html){
               var replacement = $(html);
               $('#all_attributes input, #all_attributes textarea, #all_attributes select').each(function(){
                 var object_id = $(this).attr('id');
                 if (object_id && $(this).data('valuebeforeupdate')!=$(this).val()) {
                   replacement.find('#'+object_id).val($(this).val());
                 }
               });
               $('#all_attributes').empty();
               $('#all_attributes').prepend(replacement);
             }
             function updateBulkEditFrom(url) {
               $.ajax({
                 url: url,
                 type: 'post',
                 data: $('#bulk_edit_form').serialize()
               });
             }
             function observeAutocompleteField(fieldId, url, options) {
               $(document).ready(function() {
                 $('#'+fieldId).autocomplete($.extend({
                   source: url,
                   minLength: 2,
                   search: function(){$('#'+fieldId).addClass('ajax-loading');},
                   response: function(){$('#'+fieldId).removeClass('ajax-loading');}
                 }, options));
                 $('#'+fieldId).addClass('autocomplete');
               });
             }
             function observeSearchfield(fieldId, targetId, url) {
               $('#'+fieldId).each(function() {
                 var $this = $(this);
                 $this.addClass('autocomplete');
                 $this.attr('data-value-was', $this.val());
                 var check = function() {
                   var val = $this.val();
                   if ($this.attr('data-value-was') != val){
                     $this.attr('data-value-was', val);
                     $.ajax({
                       url: url,
                       type: 'get',
                       data: {q: $this.val()},
                       success: function(data){ if(targetId) $('#'+targetId).html(data); },
                       beforeSend: function(){ $this.addClass('ajax-loading'); },
                       complete: function(){ $this.removeClass('ajax-loading'); }
                     });
                   }
                 };
                 var reset = function() {
                   if (timer) {
                     clearInterval(timer);
                     timer = setInterval(check, 300);
                   }
                 };
                 var timer = setInterval(check, 300);
                 $this.bind('keyup click mousemove', reset);
               });
             }
             function beforeShowDatePicker(input, inst) {
               var default_date = null;
               switch ($(input).attr("id")) {
                 case "issue_start_date" :
                   if ($("#issue_due_date").size() > 0) {
                     default_date = $("#issue_due_date").val();
                   }
                   break;
                 case "issue_due_date" :
                   if ($("#issue_start_date").size() > 0) {
                     default_date = $("#issue_start_date").val();
                   }
                   break;
               }
               $(input).datepicker("option", "defaultDate", default_date);
             }
             function initMyPageSortable(list, url) {
               $('#list-'+list).sortable({
                 connectWith: '.block-receiver',
                 tolerance: 'pointer',
                 update: function(){
                   $.ajax({
                     url: url,
                     type: 'post',
                     data: {'blocks': $.map($('#list-'+list).children(), function(el){return $(el).attr('id');})}
                   });
                 }
               });
               $("#list-top, #list-left, #list-right").disableSelection();
             }
             var warnLeavingUnsavedMessage;
             function warnLeavingUnsaved(message) {
               warnLeavingUnsavedMessage = message;
               $(document).on('submit', 'form', function(){
                 $('textarea').removeData('changed');
               });
               $(document).on('change', 'textarea', function(){
                 $(this).data('changed', 'changed');
               });
               window.onbeforeunload = function(){
                 var warn = false;
                 $('textarea').blur().each(function(){
                   if ($(this).data('changed')) {
                     warn = true;
                   }
                 });
                 if (warn) {return warnLeavingUnsavedMessage;}
               };
             }
             function setupAjaxIndicator() {
               $(document).bind('ajaxSend', function(event, xhr, settings) {
                 if ($('.ajax-loading').length === 0 && settings.contentType != 'application/octet-stream') {
                   $('#ajax-indicator').show();
                 }
               });
               $(document).bind('ajaxStop', function() {
                 $('#ajax-indicator').hide();
               });
             }
             function hideOnLoad() {
               $('.hol').hide();
             }
             function addFormObserversForDoubleSubmit() {
               $('form[method=post]').each(function() {
                 if (!$(this).hasClass('multiple-submit')) {
                   $(this).submit(function(form_submission) {
                     if ($(form_submission.target).attr('data-submitted')) {
                       form_submission.preventDefault();
                     } else {
                       $(form_submission.target).attr('data-submitted', true);
                     }
                   });
                 }
               });
             }
             function defaultFocus(){
               if ($('#content :focus').length == 0) {
                 $('#content input[type=text], #content textarea').first().focus();
               }
             }
             function blockEventPropagation(event) {
               event.stopPropagation();
               event.preventDefault();
             }
             function toggleDisabledOnChange() {
               var checked = $(this).is(':checked');
               $($(this).data('disables')).attr('disabled', checked);
               $($(this).data('enables')).attr('disabled', !checked);
             }
             function toggleDisabledInit() {
               $('input[data-disables], input[data-enables]').each(toggleDisabledOnChange);
             }
             $(document).ready(function(){
               $('#content').on('change', 'input[data-disables], input[data-enables]', toggleDisabledOnChange);
               toggleDisabledInit();
             });
             $(document).ready(setupAjaxIndicator);
             $(document).ready(hideOnLoad);
             $(document).ready(addFormObserversForDoubleSubmit);
             $(document).ready(defaultFocus);