mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-23 09:53:15 +00:00
Merge branch 4.0
This commit is contained in:
Thibaud Fabre
@@ -1,319 +0,0 @@
|
||||
;
|
||||
(function (document) {
|
||||
|
||||
/*****************
|
||||
* Canva Object
|
||||
*****************/
|
||||
var Canva = function (domCanva) {
|
||||
this.domCanva = domCanva;
|
||||
};
|
||||
|
||||
Canva.prototype = {
|
||||
resize: function (elementDomNode, forceWidth) {
|
||||
|
||||
var w = elementDomNode.getWidth();
|
||||
var h = null;
|
||||
var maxH = elementDomNode.getHeight();
|
||||
var ratio = 1;
|
||||
|
||||
if ('' !== elementDomNode.getAspectRatio()) {
|
||||
ratio = parseFloat(elementDomNode.getAspectRatio());
|
||||
|
||||
h = Math.round(w * (1 / ratio));
|
||||
|
||||
if (h > maxH) {
|
||||
h = maxH;
|
||||
w = Math.round(h * ratio);
|
||||
}
|
||||
} else {
|
||||
h = maxH;
|
||||
}
|
||||
|
||||
if( forceWidth !== undefined ) {
|
||||
w = parseInt(forceWidth, 10);
|
||||
|
||||
if (elementDomNode.getAspectRatio() !== '') {
|
||||
h = Math.round(w * (1 / ratio));
|
||||
} else {
|
||||
h = maxH;
|
||||
}
|
||||
}
|
||||
|
||||
this.domCanva.setAttribute("width", w);
|
||||
this.domCanva.setAttribute("height", h);
|
||||
|
||||
return this;
|
||||
},
|
||||
getContext2d: function () {
|
||||
|
||||
if (undefined === this.domCanva.getContext) {
|
||||
return G_vmlCanvasManager
|
||||
.initElement(this.domCanva)
|
||||
.getContext("2d");
|
||||
}
|
||||
|
||||
return this.domCanva.getContext('2d');
|
||||
},
|
||||
extractImage: function () {
|
||||
return this.domCanva.toDataURL("image/png");
|
||||
},
|
||||
reset: function () {
|
||||
var context = this.getContext2d();
|
||||
var w = this.getWidth();
|
||||
var h = this.getHeight();
|
||||
|
||||
context.save();
|
||||
context.setTransform(1, 0, 0, 1, 0, 0);
|
||||
context.clearRect(0, 0, w, h);
|
||||
context.restore();
|
||||
|
||||
return this;
|
||||
},
|
||||
copy: function (elementDomNode) {
|
||||
var context = this.getContext2d();
|
||||
|
||||
context.drawImage(
|
||||
elementDomNode.getDomElement()
|
||||
, 0
|
||||
, 0
|
||||
, this.getWidth()
|
||||
, this.getHeight()
|
||||
);
|
||||
|
||||
return this;
|
||||
},
|
||||
getDomElement: function () {
|
||||
return this.domCanva;
|
||||
},
|
||||
getHeight: function () {
|
||||
return this.domCanva.offsetHeight;
|
||||
},
|
||||
getWidth: function () {
|
||||
return this.domCanva.offsetWidth;
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/******************
|
||||
* Image Object
|
||||
******************/
|
||||
var Image = function (domElement) {
|
||||
this.domElement = domElement;
|
||||
};
|
||||
|
||||
Image.prototype = {
|
||||
getDomElement: function () {
|
||||
return this.domElement;
|
||||
},
|
||||
getHeight: function () {
|
||||
return this.domElement.offsetHeight;
|
||||
},
|
||||
getWidth: function () {
|
||||
return this.domElement.offsetWidth;
|
||||
}
|
||||
};
|
||||
|
||||
/******************
|
||||
* Video Object inherits from Image object
|
||||
******************/
|
||||
|
||||
var Video = function (domElement) {
|
||||
Image.call(this, domElement);
|
||||
this.aspectRatio = domElement.getAttribute('data-ratio');
|
||||
};
|
||||
|
||||
Video.prototype = new Image();
|
||||
Video.prototype.constructor = Video;
|
||||
Video.prototype.getCurrentTime = function () {
|
||||
return Math.floor(this.domElement.currentTime);
|
||||
};
|
||||
Video.prototype.getAspectRatio = function () {
|
||||
return this.aspectRatio;
|
||||
};
|
||||
|
||||
/******************
|
||||
* Cache Object
|
||||
******************/
|
||||
var Store = function () {
|
||||
this.datas = {};
|
||||
};
|
||||
|
||||
Store.prototype = {
|
||||
set: function (id, item) {
|
||||
this.datas[id] = item;
|
||||
return this;
|
||||
},
|
||||
get: function (id) {
|
||||
if (!this.datas[id]) {
|
||||
throw 'Unknown ID';
|
||||
}
|
||||
return this.datas[id];
|
||||
},
|
||||
remove: function (id) {
|
||||
// never reuse same id
|
||||
this.datas[id] = null;
|
||||
},
|
||||
getLength: function () {
|
||||
var count = 0;
|
||||
for (var k in this.datas) {
|
||||
if (this.datas.hasOwnProperty(k)) {
|
||||
++count;
|
||||
}
|
||||
}
|
||||
return count;
|
||||
}
|
||||
};
|
||||
|
||||
/******************
|
||||
* Screenshot Object
|
||||
******************/
|
||||
var ScreenShot = function (id, canva, video, altCanvas) {
|
||||
|
||||
var date = new Date();
|
||||
var options = options || {};
|
||||
canva.resize(video);
|
||||
canva.copy(video);
|
||||
|
||||
// handle alternative canvas:
|
||||
var altCanvas = altCanvas == undefined ? [] : altCanvas;
|
||||
this.altScreenShots = [];
|
||||
if( altCanvas.length > 0 ) {
|
||||
for(var i = 0; i< altCanvas.length; i++) {
|
||||
var canvaEl = altCanvas[i].el;
|
||||
canvaEl.resize(video, altCanvas[i].width);
|
||||
canvaEl.copy(video);
|
||||
|
||||
this.altScreenShots.push({
|
||||
dataURI: canvaEl.extractImage(),
|
||||
name: altCanvas[i].name
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
this.id = id;
|
||||
this.timestamp = date.getTime();
|
||||
this.dataURI = canva.extractImage();
|
||||
this.videoTime = video.getCurrentTime();
|
||||
|
||||
};
|
||||
|
||||
ScreenShot.prototype = {
|
||||
getId: function () {
|
||||
return this.id;
|
||||
},
|
||||
getDataURI: function () {
|
||||
return this.dataURI;
|
||||
},
|
||||
getTimeStamp: function () {
|
||||
return this.timestamp;
|
||||
},
|
||||
getVideoTime: function () {
|
||||
return this.videoTime;
|
||||
},
|
||||
getAltScreenShots: function() {
|
||||
return this.altScreenShots;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* THUMB EDITOR
|
||||
*/
|
||||
var ThumbEditor = function (videoId, canvaId, outputOptions) {
|
||||
|
||||
var domElement = document.getElementById(videoId);
|
||||
|
||||
if (null !== domElement) {
|
||||
var editorVideo = new Video(domElement);
|
||||
}
|
||||
var store = new Store();
|
||||
|
||||
function getCanva() {
|
||||
return document.getElementById(canvaId);
|
||||
}
|
||||
|
||||
var outputOptions = outputOptions || {};
|
||||
|
||||
function setAltCanvas() {
|
||||
var domElements = [],
|
||||
altCanvas = outputOptions.altCanvas;
|
||||
if( altCanvas.length > 0 ) {
|
||||
for(var i = 0; i< altCanvas.length; i++) {
|
||||
domElements.push({
|
||||
el: new Canva(altCanvas[i]),
|
||||
width: altCanvas[i].getAttribute('data-width'),
|
||||
name: altCanvas[i].getAttribute('data-name')
|
||||
} );
|
||||
}
|
||||
}
|
||||
return domElements;
|
||||
}
|
||||
|
||||
return {
|
||||
isSupported: function () {
|
||||
var elem = document.createElement('canvas');
|
||||
|
||||
return !!document.getElementById(videoId) && document.getElementById(canvaId)
|
||||
&& !!elem.getContext && !!elem.getContext('2d');
|
||||
},
|
||||
screenshot: function () {
|
||||
var screenshot = new ScreenShot(
|
||||
store.getLength() + 1,
|
||||
new Canva(getCanva()),
|
||||
editorVideo,
|
||||
setAltCanvas()
|
||||
);
|
||||
|
||||
store.set(screenshot.getId(), screenshot);
|
||||
|
||||
return screenshot;
|
||||
},
|
||||
store: store,
|
||||
copy: function (mainSource, altSources) {
|
||||
|
||||
var elementDomNode = document.createElement('img');
|
||||
elementDomNode.src = mainSource;
|
||||
|
||||
var element = new Image(elementDomNode);
|
||||
var editorCanva = new Canva(getCanva());
|
||||
var altEditorCanva = setAltCanvas();
|
||||
editorCanva
|
||||
.reset()
|
||||
.resize(editorVideo)
|
||||
.copy(element);
|
||||
|
||||
|
||||
// handle alternative canvas:
|
||||
if( altEditorCanva.length > 0 ) {
|
||||
for(var i = 0; i< altEditorCanva.length; i++) {
|
||||
|
||||
var tmpEl = document.createElement('img');
|
||||
tmpEl.src = altSources[i].dataURI;
|
||||
|
||||
var canvaEl = altEditorCanva[i].el;
|
||||
|
||||
canvaEl
|
||||
.reset()
|
||||
.resize(editorVideo, altEditorCanva[i].width)
|
||||
.copy(new Image(tmpEl)); // @TODO: should copy the right stored image
|
||||
}
|
||||
}
|
||||
},
|
||||
getCanvaImage: function () {
|
||||
var canva = new Canva(getCanva());
|
||||
|
||||
return canva.extractImage();
|
||||
},
|
||||
resetCanva: function () {
|
||||
var editorCanva = new Canva(getCanva());
|
||||
editorCanva.reset();
|
||||
},
|
||||
getNbScreenshot: function () {
|
||||
return store.getLength();
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
document.THUMB_EDITOR = ThumbEditor;
|
||||
|
||||
})(document);
|
||||
|
||||
@@ -1,360 +0,0 @@
|
||||
var publicationModule = (function () {
|
||||
|
||||
var ajaxState = {
|
||||
query: null,
|
||||
isRunning: false
|
||||
};
|
||||
|
||||
var curPage;
|
||||
var $answers = $('#answers');
|
||||
|
||||
// refresh current view
|
||||
$answers.on('click', '.feed_reload', function (event) {
|
||||
event.preventDefault();
|
||||
fetchPublications(curPage)
|
||||
});
|
||||
|
||||
// navigate to a specific feed
|
||||
$answers.on('click', '.ajax_answers', function (event) {
|
||||
event.preventDefault();
|
||||
var $this = $(this);
|
||||
var append = $this.hasClass('append');
|
||||
var noScroll = $this.hasClass('no_scroll');
|
||||
|
||||
_fetchRemote($(event.currentTarget).attr('href'), {})
|
||||
.then(function (data) {
|
||||
if (!append) {
|
||||
$answers.empty();
|
||||
if (!noScroll) {
|
||||
$answers.scrollTop(0);
|
||||
}
|
||||
$answers.append(data);
|
||||
|
||||
$answers.find("img.lazyload").lazyload({
|
||||
container: $answers
|
||||
});
|
||||
}
|
||||
else {
|
||||
$('.see_more.loading', $answers).remove();
|
||||
$answers.append(data);
|
||||
|
||||
$answers.find("img.lazyload").lazyload({
|
||||
container: $answers
|
||||
});
|
||||
|
||||
if (!noScroll) {
|
||||
$answers.animate({
|
||||
'scrollTop': ($answers.scrollTop() + $answers.innerHeight() - 80)
|
||||
});
|
||||
}
|
||||
}
|
||||
afterSearch();
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// subscribe_rss
|
||||
$answers.on('click', '.subscribe_rss', function (event) {
|
||||
event.preventDefault();
|
||||
var $this = $(this);
|
||||
|
||||
if (typeof(renew) === 'undefined')
|
||||
renew = 'false';
|
||||
else
|
||||
renew = renew ? 'true' : 'false';
|
||||
|
||||
var buttons = {};
|
||||
buttons[language.renewRss] = function () {
|
||||
$this.trigger({
|
||||
type: 'click',
|
||||
renew: true
|
||||
});
|
||||
};
|
||||
buttons[language.fermer] = function () {
|
||||
$('#DIALOG').empty().dialog('destroy');
|
||||
};
|
||||
|
||||
event.stopPropagation();
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: $this.attr('href') + (event.renew === true ? '?renew=true' : ''),
|
||||
dataType: 'json',
|
||||
success: function (data) {
|
||||
if (data.texte !== false && data.titre !== false) {
|
||||
if ($("#DIALOG").data("ui-dialog")) {
|
||||
$("#DIALOG").dialog('destroy');
|
||||
}
|
||||
$("#DIALOG").attr('title', data.titre)
|
||||
.empty()
|
||||
.append(data.texte)
|
||||
.dialog({
|
||||
autoOpen: false,
|
||||
closeOnEscape: true,
|
||||
resizable: false,
|
||||
draggable: false,
|
||||
modal: true,
|
||||
buttons: buttons,
|
||||
width: 650,
|
||||
height: 250,
|
||||
overlay: {
|
||||
backgroundColor: '#000',
|
||||
opacity: 0.7
|
||||
}
|
||||
}).dialog('open');
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// edit a feed
|
||||
$answers.on('click', '.feed .entry a.feed_edit', function () {
|
||||
var $this = $(this);
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: $this.attr('href'),
|
||||
dataType: 'html',
|
||||
success: function (data) {
|
||||
return _createPublicationModal(data);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
// remove a feed
|
||||
$answers.on('click', '.feed .entry a.feed_delete', function () {
|
||||
if (!confirm('etes vous sur de vouloir supprimer cette entree ?'))
|
||||
return false;
|
||||
var $this = $(this);
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: $this.attr('href'),
|
||||
dataType: 'json',
|
||||
success: function (data) {
|
||||
if (data.error === false) {
|
||||
var $entry = $this.closest('.entry');
|
||||
$entry.animate({
|
||||
height: 0,
|
||||
opacity: 0
|
||||
}, function () {
|
||||
$entry.remove();
|
||||
});
|
||||
}
|
||||
else
|
||||
alert(data.message);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
$answers.on('mouseover', '.feed .entry', function () {
|
||||
$(this).addClass('hover');
|
||||
});
|
||||
|
||||
$answers.on('mouseout', '.feed .entry', function () {
|
||||
$(this).removeClass('hover');
|
||||
});
|
||||
|
||||
$answers.on('click', '.see_more a', function (event) {
|
||||
$see_more = $(this).closest('.see_more');
|
||||
$see_more.addClass('loading');
|
||||
});
|
||||
|
||||
|
||||
var _fetchRemote = function (url, data) {
|
||||
var page = 0;
|
||||
if (data.page === undefined) {
|
||||
page = data.page;
|
||||
}
|
||||
|
||||
return ajaxState.query = $.ajax({
|
||||
type: "GET",
|
||||
url: url,
|
||||
dataType: 'html',
|
||||
data: data,
|
||||
beforeSend: function () {
|
||||
if (ajaxState.isRunning && ajaxState.query.abort)
|
||||
answAjax.abort();
|
||||
if (page === 0)
|
||||
clearAnswers();
|
||||
ajaxState.isRunning = true;
|
||||
$answers.addClass('loading');
|
||||
},
|
||||
error: function () {
|
||||
ajaxState.isRunning = false;
|
||||
$answers.removeClass('loading');
|
||||
},
|
||||
timeout: function () {
|
||||
ajaxState.isRunning = false;
|
||||
$answers.removeClass('loading');
|
||||
},
|
||||
success: function (data) {
|
||||
ajaxState.isRunning = false;
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
var _createPublicationModal = function (data) {
|
||||
|
||||
var buttons = {};
|
||||
buttons[language.valider] = function () {
|
||||
var dialog = p4.Dialog.get(1);
|
||||
var error = false;
|
||||
var $form = $('form.main_form', dialog.getDomElement());
|
||||
|
||||
$('.required_text', $form).each(function (i, el) {
|
||||
if ($.trim($(el).val()) === '') {
|
||||
$(el).addClass('error');
|
||||
error = true;
|
||||
}
|
||||
});
|
||||
|
||||
if (error) {
|
||||
alert(language.feed_require_fields);
|
||||
}
|
||||
|
||||
if ($('input[name="feed_id"]', $form).val() === '') {
|
||||
alert(language.feed_require_feed);
|
||||
error = true;
|
||||
}
|
||||
|
||||
if (error) {
|
||||
return false;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: $form.attr('action'),
|
||||
data: $form.serializeArray(),
|
||||
dataType: 'json',
|
||||
beforeSend: function () {
|
||||
$('button', dialog.getDomElement()).prop('disabled', true);
|
||||
},
|
||||
error: function () {
|
||||
$('button', dialog.getDomElement()).prop('disabled', false);
|
||||
},
|
||||
timeout: function () {
|
||||
$('button', dialog.getDomElement()).prop('disabled', false);
|
||||
},
|
||||
success: function (data) {
|
||||
$('button', dialog.getDomElement()).prop('disabled', false);
|
||||
if (data.error === true) {
|
||||
alert(data.message);
|
||||
return;
|
||||
}
|
||||
|
||||
if ($('form.main_form', dialog.getDomElement()).hasClass('entry_update')) {
|
||||
var id = $('form input[name="entry_id"]', dialog.getDomElement()).val();
|
||||
var container = $('#entry_' + id);
|
||||
|
||||
container.replaceWith(data.datas);
|
||||
|
||||
container.hide().fadeIn();
|
||||
|
||||
$answers.find("img.lazyload").lazyload({
|
||||
container: $answers
|
||||
});
|
||||
}
|
||||
|
||||
p4.Dialog.Close(1);
|
||||
}
|
||||
});
|
||||
p4.Dialog.Close(1);
|
||||
};
|
||||
|
||||
var dialog = p4.Dialog.Create({
|
||||
size: 'Full',
|
||||
closeOnEscape: true,
|
||||
closeButton: true,
|
||||
buttons: buttons
|
||||
});
|
||||
|
||||
dialog.setContent(data);
|
||||
|
||||
var $feeds_item = $('.feeds .feed', dialog.getDomElement());
|
||||
var $form = $('form.main_form', dialog.getDomElement());
|
||||
|
||||
$feeds_item.bind('click', function () {
|
||||
$feeds_item.removeClass('selected');
|
||||
$(this).addClass('selected');
|
||||
$('input[name="feed_id"]', $form).val($('input', this).val());
|
||||
}).hover(function () {
|
||||
$(this).addClass('hover');
|
||||
}, function () {
|
||||
$(this).removeClass('hover');
|
||||
});
|
||||
|
||||
$form.bind('submit', function () {
|
||||
return false;
|
||||
});
|
||||
|
||||
return;
|
||||
};
|
||||
|
||||
var fetchPublications = function (page) {
|
||||
curPage = page;
|
||||
return _fetchRemote('../prod/feeds/', {
|
||||
page: page
|
||||
})
|
||||
.then(function (data) {
|
||||
$('.next_publi_link', $answers).remove();
|
||||
|
||||
$answers.append(data);
|
||||
|
||||
$answers.find("img.lazyload").lazyload({
|
||||
container: $answers
|
||||
});
|
||||
|
||||
afterSearch();
|
||||
if (page > 0) {
|
||||
$answers.stop().animate({
|
||||
scrollTop: $answers.scrollTop() + $answers.height()
|
||||
}, 700);
|
||||
}
|
||||
return;
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
var publishRecords = function (type, value) {
|
||||
var options = {
|
||||
lst: '',
|
||||
ssel: '',
|
||||
act: ''
|
||||
};
|
||||
|
||||
switch (type) {
|
||||
case "IMGT":
|
||||
case "CHIM":
|
||||
options.lst = value;
|
||||
break;
|
||||
|
||||
case "STORY":
|
||||
options.story = value;
|
||||
break;
|
||||
case "SSTT":
|
||||
options.ssel = value;
|
||||
break;
|
||||
}
|
||||
|
||||
$.post("../prod/feeds/requestavailable/"
|
||||
, options
|
||||
, function (data) {
|
||||
|
||||
return _createPublicationModal(data);
|
||||
});
|
||||
|
||||
return;
|
||||
};
|
||||
|
||||
return {
|
||||
fetchPublications: function (page) {
|
||||
return fetchPublications(page);
|
||||
},
|
||||
publishRecords: function (type, value) {
|
||||
return publishRecords(type, value)
|
||||
}
|
||||
};
|
||||
})();
|
||||
@@ -1,59 +0,0 @@
|
||||
var p4 = p4 || {};
|
||||
|
||||
(function (p4) {
|
||||
|
||||
function create_dialog() {
|
||||
if ($('#p4_alerts').length === 0) {
|
||||
$('body').append('<div id="p4_alerts"></div>');
|
||||
}
|
||||
return $('#p4_alerts');
|
||||
}
|
||||
|
||||
function alert(title, message, callback) {
|
||||
var dialog = create_dialog();
|
||||
|
||||
var button = new Object();
|
||||
|
||||
button['Ok'] = function () {
|
||||
if (typeof callback === 'function')
|
||||
callback();
|
||||
else
|
||||
dialog.dialog('close');
|
||||
};
|
||||
if (dialog.data('ui-dialog')) {
|
||||
dialog.dialog('destroy');
|
||||
}
|
||||
|
||||
dialog.attr('title', title)
|
||||
.empty()
|
||||
.append(message)
|
||||
.dialog({
|
||||
autoOpen: false,
|
||||
closeOnEscape: true,
|
||||
resizable: false,
|
||||
draggable: false,
|
||||
modal: true,
|
||||
buttons: button,
|
||||
overlay: {
|
||||
backgroundColor: '#000',
|
||||
opacity: 0.7
|
||||
}
|
||||
}).dialog('open');
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
dialog.bind("dialogclose", function (event, ui) {
|
||||
callback();
|
||||
});
|
||||
}
|
||||
else {
|
||||
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
p4.Alerts = alert;
|
||||
|
||||
|
||||
return;
|
||||
}(p4));
|
||||
@@ -1,454 +0,0 @@
|
||||
(function (window) {
|
||||
|
||||
function checkVocabId(VocabularyId) {
|
||||
if (typeof VocabularyId === 'undefined')
|
||||
VocabularyId = null;
|
||||
|
||||
if (VocabularyId === '')
|
||||
VocabularyId = null;
|
||||
|
||||
return VocabularyId;
|
||||
}
|
||||
|
||||
var recordFieldValue = function (meta_id, value, VocabularyId) {
|
||||
|
||||
VocabularyId = checkVocabId(VocabularyId);
|
||||
|
||||
this.datas = {
|
||||
meta_id: meta_id,
|
||||
value: value,
|
||||
VocabularyId: VocabularyId
|
||||
};
|
||||
|
||||
var $this = this;
|
||||
};
|
||||
|
||||
recordFieldValue.prototype = {
|
||||
getValue: function () {
|
||||
return this.datas.value;
|
||||
},
|
||||
getMetaId: function () {
|
||||
return this.datas.meta_id;
|
||||
},
|
||||
getVocabularyId: function () {
|
||||
return this.datas.VocabularyId;
|
||||
},
|
||||
setValue: function (value, VocabularyId) {
|
||||
|
||||
this.datas.value = value;
|
||||
this.datas.VocabularyId = checkVocabId(VocabularyId);
|
||||
return this;
|
||||
},
|
||||
remove: function () {
|
||||
this.datas.value = '';
|
||||
this.datas.VocabularyId = null;
|
||||
|
||||
return this;
|
||||
}
|
||||
};
|
||||
|
||||
var databoxField = function (name, label, meta_struct_id, options) {
|
||||
|
||||
var defaults = {
|
||||
multi: false,
|
||||
required: false,
|
||||
readonly: false,
|
||||
maxLength: null,
|
||||
minLength: null,
|
||||
type: 'string',
|
||||
separator: null,
|
||||
vocabularyControl: null,
|
||||
vocabularyRestricted: false
|
||||
},
|
||||
options = (typeof options == 'object') ? options : {};
|
||||
|
||||
if (isNaN(meta_struct_id)) {
|
||||
throw 'meta_struct_id should be a number';
|
||||
}
|
||||
|
||||
this.name = name;
|
||||
this.label = label;
|
||||
this.meta_struct_id = meta_struct_id;
|
||||
this.options = jQuery.extend(defaults, options);
|
||||
|
||||
if (this.options.multi === true && this.options.separator === null) {
|
||||
this.options.separator = ';';
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
databoxField.prototype = {
|
||||
getMetaStructId: function () {
|
||||
return this.meta_struct_id;
|
||||
},
|
||||
getName: function () {
|
||||
return this.name;
|
||||
},
|
||||
getLabel: function () {
|
||||
return this.label;
|
||||
},
|
||||
isMulti: function () {
|
||||
return this.options.multi;
|
||||
},
|
||||
isRequired: function () {
|
||||
return this.options.required;
|
||||
},
|
||||
isReadonly: function () {
|
||||
return this.options.readonly;
|
||||
},
|
||||
getMaxLength: function () {
|
||||
return this.options.maxLength;
|
||||
},
|
||||
getMinLength: function () {
|
||||
return this.options.minLength;
|
||||
},
|
||||
getType: function () {
|
||||
return this.options.type;
|
||||
},
|
||||
getSeparator: function () {
|
||||
return this.options.separator;
|
||||
}
|
||||
};
|
||||
|
||||
var recordField = function (databoxField, arrayValues) {
|
||||
|
||||
this.databoxField = databoxField;
|
||||
this.options = {
|
||||
dirty: false
|
||||
};
|
||||
this.datas = new Array();
|
||||
|
||||
if (arrayValues instanceof Array) {
|
||||
if (arrayValues.length > 1 && !databoxField.isMulti())
|
||||
throw 'You can not add multiple values to a non multi field ' + databoxField.getName();
|
||||
|
||||
var first = true;
|
||||
|
||||
for (v in arrayValues) {
|
||||
if (typeof arrayValues[v] !== 'object') {
|
||||
if (window.console) {
|
||||
console.error('Trying to add a non-recordFieldValue to the field...');
|
||||
}
|
||||
|
||||
continue;
|
||||
}
|
||||
|
||||
if (isNaN(arrayValues[v].getMetaId())) {
|
||||
if (window.console) {
|
||||
console.error('Trying to add a recordFieldValue without metaId...');
|
||||
}
|
||||
|
||||
continue;
|
||||
}
|
||||
|
||||
if (!first && this.options.multi === false) {
|
||||
if (window.console) {
|
||||
console.error('Trying to add multi values in a non-multi field');
|
||||
}
|
||||
}
|
||||
|
||||
if (window.console) {
|
||||
console.log('adding a value : ', arrayValues[v]);
|
||||
}
|
||||
|
||||
this.datas.push(arrayValues[v]);
|
||||
first = false;
|
||||
}
|
||||
}
|
||||
|
||||
var $this = this;
|
||||
}
|
||||
recordField.prototype = {
|
||||
getName: function () {
|
||||
return this.databoxField.getName();
|
||||
},
|
||||
getMetaStructId: function () {
|
||||
return this.databoxField.getMetaStructId();
|
||||
},
|
||||
isMulti: function () {
|
||||
return this.databoxField.isMulti();
|
||||
},
|
||||
isRequired: function () {
|
||||
return this.databoxField.isRequired();
|
||||
},
|
||||
isDirty: function () {
|
||||
return this.options.dirty;
|
||||
},
|
||||
addValue: function (value, merge, VocabularyId) {
|
||||
|
||||
VocabularyId = checkVocabId(VocabularyId);
|
||||
|
||||
merge = !!merge;
|
||||
|
||||
if (this.databoxField.isReadonly()) {
|
||||
if (window.console) {
|
||||
console.error('Unable to set a value to a readonly field');
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
if (window.console) {
|
||||
console.log('adding value ', value, ' vocId : ', VocabularyId, ' ; merge is ', merge);
|
||||
}
|
||||
|
||||
if (this.isMulti()) {
|
||||
if (!this.hasValue(value, VocabularyId)) {
|
||||
if (window.console) {
|
||||
console.log('adding new multi value ', value);
|
||||
}
|
||||
if( value === '') {
|
||||
return;
|
||||
}
|
||||
this.datas.push(new recordFieldValue(null, value, VocabularyId));
|
||||
this.options.dirty = true;
|
||||
}
|
||||
else {
|
||||
if (window.console) {
|
||||
console.log('already have ', value);
|
||||
}
|
||||
}
|
||||
}
|
||||
else {
|
||||
if (merge === true && this.isEmpty() === false && VocabularyId === null) {
|
||||
if (window.console) {
|
||||
console.log('Merging value ', value);
|
||||
}
|
||||
|
||||
this.datas[0].setValue(this.datas[0].getValue() + ' ' + value, VocabularyId);
|
||||
|
||||
this.options.dirty = true;
|
||||
}
|
||||
else {
|
||||
if (merge === true && this.isEmpty() === false && VocabularyId !== null) {
|
||||
if (window.console) {
|
||||
console.error('Cannot merge vocabularies');
|
||||
}
|
||||
this.datas[0].setValue(value, VocabularyId);
|
||||
}
|
||||
else {
|
||||
|
||||
if (!this.hasValue(value, VocabularyId)) {
|
||||
if (this.datas.length === 0) {
|
||||
if (window.console) {
|
||||
console.log('Adding new value ', value);
|
||||
}
|
||||
this.datas.push(new recordFieldValue(null, value, VocabularyId));
|
||||
}
|
||||
else {
|
||||
if (window.console) {
|
||||
console.log('Updating value ', value);
|
||||
}
|
||||
this.datas[0].setValue(value, VocabularyId);
|
||||
}
|
||||
this.options.dirty = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return this;
|
||||
},
|
||||
hasValue: function (value, VocabularyId) {
|
||||
|
||||
if (typeof value === 'undefined') {
|
||||
if (window.console) {
|
||||
console.error('Trying to check the presence of an undefined value');
|
||||
}
|
||||
}
|
||||
|
||||
VocabularyId = checkVocabId(VocabularyId);
|
||||
|
||||
for (d in this.datas) {
|
||||
if (VocabularyId !== null) {
|
||||
if (this.datas[d].getVocabularyId() === VocabularyId) {
|
||||
if (window.console) {
|
||||
console.log('already got the vocab ID');
|
||||
}
|
||||
return true;
|
||||
}
|
||||
}
|
||||
else if (this.datas[d].getVocabularyId() === null && this.datas[d].getValue() == value) {
|
||||
if (window.console) {
|
||||
console.log('already got this value');
|
||||
}
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
},
|
||||
removeValue: function (value, vocabularyId) {
|
||||
|
||||
if (this.databoxField.isReadonly()) {
|
||||
if (window.console) {
|
||||
console.error('Unable to set a value to a readonly field');
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
vocabularyId = checkVocabId(vocabularyId);
|
||||
|
||||
if (window.console) {
|
||||
console.log('Try to remove value ', value, vocabularyId, this.datas);
|
||||
}
|
||||
|
||||
for (d in this.datas) {
|
||||
if (window.console) {
|
||||
console.log('loopin... ', this.datas[d].getValue());
|
||||
}
|
||||
if (this.datas[d].getVocabularyId() !== null) {
|
||||
if (this.datas[d].getVocabularyId() == vocabularyId) {
|
||||
if (window.console) {
|
||||
console.log('Found within the vocab ! removing... ');
|
||||
}
|
||||
this.datas[d].remove();
|
||||
this.options.dirty = true;
|
||||
}
|
||||
}
|
||||
else if (this.datas[d].getValue() == value) {
|
||||
if (window.console) {
|
||||
console.log('Found ! removing... ');
|
||||
}
|
||||
this.datas[d].remove();
|
||||
this.options.dirty = true;
|
||||
}
|
||||
}
|
||||
return this;
|
||||
},
|
||||
isEmpty: function () {
|
||||
var empty = true;
|
||||
|
||||
for (d in this.datas) {
|
||||
if (this.datas[d].getValue() !== '')
|
||||
empty = false;
|
||||
}
|
||||
return empty;
|
||||
},
|
||||
empty: function () {
|
||||
|
||||
if (this.databoxField.isReadonly()) {
|
||||
if (window.console) {
|
||||
console.error('Unable to set a value to a readonly field');
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
for (d in this.datas) {
|
||||
this.datas[d].remove();
|
||||
this.options.dirty = true;
|
||||
}
|
||||
return this;
|
||||
},
|
||||
getValue: function () {
|
||||
|
||||
if (this.isMulti())
|
||||
throw 'This field is multi, I can not give you a single value';
|
||||
|
||||
if (this.isEmpty())
|
||||
return null;
|
||||
|
||||
return this.datas[0];
|
||||
},
|
||||
getValues: function () {
|
||||
|
||||
if (!this.isMulti()) {
|
||||
throw 'This field is not multi, I can not give you multiple values';
|
||||
}
|
||||
|
||||
if (this.isEmpty())
|
||||
return new Array();
|
||||
|
||||
var arrayValues = [];
|
||||
|
||||
for (d in this.datas) {
|
||||
if (this.datas[d].getValue() === '')
|
||||
continue;
|
||||
|
||||
arrayValues.push(this.datas[d]);
|
||||
}
|
||||
|
||||
return arrayValues;
|
||||
},
|
||||
sort: function (algo) {
|
||||
this.datas.sort(algo);
|
||||
|
||||
return this;
|
||||
},
|
||||
getSerializedValues: function () {
|
||||
|
||||
var arrayValues = [];
|
||||
var values = this.getValues();
|
||||
|
||||
for (v in values) {
|
||||
arrayValues.push(values[v].getValue());
|
||||
}
|
||||
|
||||
return arrayValues.join(' ; ');
|
||||
},
|
||||
replaceValue: function (search, replace) {
|
||||
|
||||
if (this.databoxField.isReadonly()) {
|
||||
if (window.console) {
|
||||
console.error('Unable to set a value to a readonly field');
|
||||
}
|
||||
|
||||
return 0;
|
||||
}
|
||||
|
||||
var n = 0;
|
||||
|
||||
for (d in this.datas) {
|
||||
if (this.datas[d].getVocabularyId() !== null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
var value = this.datas[d].getValue();
|
||||
var replacedValue = value.replace(search, replace);
|
||||
|
||||
if (value === replacedValue) {
|
||||
continue;
|
||||
}
|
||||
|
||||
n++;
|
||||
|
||||
this.removeValue(value);
|
||||
|
||||
if (!this.hasValue(replacedValue)) {
|
||||
this.addValue(replacedValue);
|
||||
}
|
||||
|
||||
this.options.dirty = true;
|
||||
}
|
||||
|
||||
return n;
|
||||
},
|
||||
exportDatas: function () {
|
||||
|
||||
var returnValue = new Array();
|
||||
|
||||
for (d in this.datas) {
|
||||
var temp = {
|
||||
meta_id: this.datas[d].getMetaId() ? this.datas[d].getMetaId() : '',
|
||||
meta_struct_id: this.getMetaStructId(),
|
||||
value: this.datas[d].getValue()
|
||||
};
|
||||
|
||||
if (this.datas[d].getVocabularyId()) {
|
||||
temp.vocabularyId = this.datas[d].getVocabularyId();
|
||||
}
|
||||
returnValue.push(temp);
|
||||
}
|
||||
|
||||
return returnValue;
|
||||
}
|
||||
};
|
||||
|
||||
window.p4 = window.p4 || {};
|
||||
|
||||
window.p4.databoxField = databoxField;
|
||||
window.p4.recordFieldValue = recordFieldValue;
|
||||
window.p4.recordField = recordField;
|
||||
|
||||
})(window);
|
||||
@@ -1,696 +0,0 @@
|
||||
;
|
||||
(function (window) {
|
||||
|
||||
var Feedback = function ($container, context) {
|
||||
this.container = $($container);
|
||||
|
||||
this.Context = context;
|
||||
|
||||
this.selection = new Selectable(
|
||||
$('.user_content .badges', this.container),
|
||||
{
|
||||
selector: '.badge'
|
||||
}
|
||||
);
|
||||
|
||||
var $this = this;
|
||||
|
||||
this.container.on('click', '.content .options .select-all', function (event) {
|
||||
$this.selection.selectAll();
|
||||
});
|
||||
|
||||
this.container.on('click', '.content .options .unselect-all', function (event) {
|
||||
$this.selection.empty();
|
||||
});
|
||||
|
||||
$('.UserTips', this.container).tooltip();
|
||||
|
||||
this.container.on('click', 'a.user_adder', function (event) {
|
||||
var $this = $(this);
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: $this.attr('href'),
|
||||
dataType: 'html',
|
||||
beforeSend: function () {
|
||||
var options = {
|
||||
size: 'Medium',
|
||||
title: $this.html()
|
||||
};
|
||||
p4.Dialog.Create(options, 2).getDomElement().addClass('loading');
|
||||
},
|
||||
success: function (data) {
|
||||
p4.Dialog.get(2).getDomElement().removeClass('loading').empty().append(data);
|
||||
return;
|
||||
},
|
||||
error: function () {
|
||||
p4.Dialog.get(2).Close();
|
||||
return;
|
||||
},
|
||||
timeout: function () {
|
||||
p4.Dialog.get(2).Close();
|
||||
return;
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
this.container.on('click', '.recommended_users', function (event) {
|
||||
var usr_id = $('input[name="usr_id"]', $(this)).val();
|
||||
|
||||
$this.loadUser(usr_id, $this.selectUser);
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
this.container.on('click', '.recommended_users_list', function (event) {
|
||||
|
||||
var content = $('#push_user_recommendations').html();
|
||||
|
||||
var options = {
|
||||
size: 'Small',
|
||||
title: $(this).attr('title')
|
||||
};
|
||||
|
||||
$dialog = p4.Dialog.Create(options, 2);
|
||||
$dialog.setContent(content);
|
||||
|
||||
$dialog.getDomElement().find('a.adder').bind('click', function () {
|
||||
|
||||
$(this).addClass('added');
|
||||
|
||||
var usr_id = $(this).closest('tr').find('input[name="usr_id"]').val();
|
||||
|
||||
$this.loadUser(usr_id, $this.selectUser);
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
$dialog.getDomElement().find('a.adder').each(function (i, el) {
|
||||
|
||||
var usr_id = $(this).closest('tr').find('input[name="usr_id"]').val();
|
||||
|
||||
if ($('.badge_' + usr_id, $this.container).length > 0) {
|
||||
$(this).addClass('added');
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
//this.container.on('submit', '#PushBox form[name="FeedBackForm"]', function (event) {
|
||||
$('#PushBox form[name="FeedBackForm"]').bind('submit', function () {
|
||||
|
||||
var $this = $(this);
|
||||
|
||||
$.ajax({
|
||||
type: $this.attr('method'),
|
||||
url: $this.attr('action'),
|
||||
dataType: 'json',
|
||||
data: $this.serializeArray(),
|
||||
beforeSend: function () {
|
||||
|
||||
},
|
||||
success: function (data) {
|
||||
if (data.success) {
|
||||
humane.info(data.message);
|
||||
p4.Dialog.Close(1);
|
||||
p4.WorkZone.refresh();
|
||||
}
|
||||
else {
|
||||
humane.error(data.message);
|
||||
}
|
||||
return;
|
||||
},
|
||||
error: function () {
|
||||
|
||||
return;
|
||||
},
|
||||
timeout: function () {
|
||||
|
||||
return;
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
$('.FeedbackSend', this.container).bind('click', function () {
|
||||
if ($('.badges .badge', $container).length === 0) {
|
||||
alert(language.FeedBackNoUsersSelected);
|
||||
return;
|
||||
}
|
||||
|
||||
var buttons = {};
|
||||
|
||||
buttons[language.send] = function () {
|
||||
if ($.trim($('input[name="name"]', $dialog.getDomElement()).val()) === '') {
|
||||
var options = {
|
||||
size: 'Alert',
|
||||
closeButton: true,
|
||||
title: language.warning
|
||||
}
|
||||
var $dialogAlert = p4.Dialog.Create(options, 3);
|
||||
$dialogAlert.setContent(language.FeedBackNameMandatory);
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
$dialog.Close();
|
||||
|
||||
$('input[name="name"]', $FeedBackForm).val($('input[name="name"]', $dialog.getDomElement()).val());
|
||||
$('input[name="duration"]', $FeedBackForm).val($('select[name="duration"]', $dialog.getDomElement()).val());
|
||||
$('textarea[name="message"]', $FeedBackForm).val($('textarea[name="message"]', $dialog.getDomElement()).val());
|
||||
$('input[name="recept"]', $FeedBackForm).prop('checked', $('input[name="recept"]', $dialog.getDomElement()).prop('checked'));
|
||||
$('input[name="force_authentication"]', $FeedBackForm).prop('checked', $('input[name="force_authentication"]', $dialog.getDomElement()).prop('checked'));
|
||||
|
||||
$FeedBackForm.trigger('submit');
|
||||
};
|
||||
|
||||
var options = {
|
||||
size: 'Medium',
|
||||
buttons: buttons,
|
||||
loading: true,
|
||||
title: language.send,
|
||||
closeOnEscape: true,
|
||||
cancelButton: true
|
||||
};
|
||||
|
||||
var $dialog = p4.Dialog.Create(options, 2);
|
||||
|
||||
var $FeedBackForm = $('form[name="FeedBackForm"]', $container);
|
||||
|
||||
var html = _.template($("#feedback_sendform_tpl").html());
|
||||
|
||||
$dialog.setContent(html);
|
||||
|
||||
$('input[name="name"]', $dialog.getDomElement()).val($('input[name="name"]', $FeedBackForm).val());
|
||||
$('textarea[name="message"]', $dialog.getDomElement()).val($('textarea[name="message"]', $FeedBackForm).val());
|
||||
$('.' + $this.Context, $dialog.getDomElement()).show();
|
||||
|
||||
$('form', $dialog.getDomElement()).submit(function () {
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
$('.user_content .badges', this.container).disableSelection();
|
||||
|
||||
|
||||
// toggle download feature for users
|
||||
this.container.on('click', '.user_content .badges .badge .toggle', function (event) {
|
||||
var $this = $(this);
|
||||
|
||||
$this.toggleClass('status_off status_on');
|
||||
|
||||
$this.find('input').val($this.hasClass('status_on') ? '1' : '0');
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
// toggle feature state of selected users
|
||||
this.container.on('click', '.general_togglers .general_toggler', function (event) {
|
||||
var feature = $(this).attr('feature');
|
||||
|
||||
var $badges = $('.user_content .badge.selected', this.container);
|
||||
|
||||
var toggles = $('.status_off.toggle_' + feature, $badges);
|
||||
|
||||
if (toggles.length === 0) {
|
||||
var toggles = $('.status_on.toggle_' + feature, $badges);
|
||||
}
|
||||
if (toggles.length === 0) {
|
||||
humane.info('No user selected');
|
||||
}
|
||||
|
||||
toggles.trigger('click');
|
||||
return false;
|
||||
});
|
||||
|
||||
this.container.on('click', '.user_content .badges .badge .deleter', function (event) {
|
||||
var $elem = $(this).closest('.badge');
|
||||
$elem.fadeOut(function () {
|
||||
$elem.remove();
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
this.container.on('click', '.list_manager', function (event) {
|
||||
$('#PushBox').hide();
|
||||
$('#ListManager').show();
|
||||
return false;
|
||||
});
|
||||
|
||||
this.container.on('click', 'a.list_loader', function (event) {
|
||||
var url = $(this).attr('href');
|
||||
|
||||
var callbackList = function (list) {
|
||||
for (var i in list.entries) {
|
||||
this.selectUser(list.entries[i].User);
|
||||
}
|
||||
};
|
||||
|
||||
$this.loadList(url, callbackList);
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
$('form.list_saver', this.container).bind('submit', function () {
|
||||
var $form = $(this);
|
||||
var $input = $('input[name="name"]', $form);
|
||||
|
||||
var users = p4.Feedback.getUsers();
|
||||
|
||||
if (users.length === 0) {
|
||||
humane.error('No users');
|
||||
return false;
|
||||
}
|
||||
|
||||
p4.Lists.create($input.val(), function (list) {
|
||||
$input.val('');
|
||||
list.addUsers(users);
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
$('input[name="users-search"]', this.container).autocomplete({
|
||||
minLength: 2,
|
||||
source: function (request, response) {
|
||||
$.ajax({
|
||||
url: '/prod/push/search-user/',
|
||||
dataType: "json",
|
||||
data: {
|
||||
query: request.term
|
||||
},
|
||||
success: function (data) {
|
||||
response(data);
|
||||
}
|
||||
});
|
||||
},
|
||||
focus: function (event, ui) {
|
||||
$('input[name="users-search"]').val(ui.item.label);
|
||||
},
|
||||
select: function (event, ui) {
|
||||
if (ui.item.type === 'USER') {
|
||||
$this.selectUser(ui.item);
|
||||
} else if (ui.item.type === 'LIST') {
|
||||
for (var e in ui.item.entries) {
|
||||
$this.selectUser(ui.item.entries[e].User);
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
})
|
||||
.data("ui-autocomplete")._renderItem = function (ul, item) {
|
||||
var html = "";
|
||||
|
||||
if (item.type === 'USER') {
|
||||
html = _.template($("#list_user_tpl").html(), {
|
||||
|
||||
item: item
|
||||
});
|
||||
} else if (item.type === 'LIST') {
|
||||
html = _.template($("#list_list_tpl").html(), {
|
||||
item: item
|
||||
});
|
||||
}
|
||||
|
||||
return $(html).data("ui-autocomplete-item", item).appendTo(ul);
|
||||
};
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Feedback.prototype = {
|
||||
selectUser: function (user) {
|
||||
if (typeof user !== 'object') {
|
||||
if (window.console) {
|
||||
console.log('trying to select a user with wrong datas');
|
||||
}
|
||||
}
|
||||
if ($('.badge_' + user.usr_id, this.container).length > 0) {
|
||||
humane.info('User already selected');
|
||||
return;
|
||||
}
|
||||
|
||||
var html = _.template($("#" + this.Context.toLowerCase() + "_badge_tpl").html(), {
|
||||
user: user
|
||||
});
|
||||
|
||||
p4.Feedback.appendBadge(html);
|
||||
},
|
||||
loadUser: function (usr_id, callback) {
|
||||
var $this = this;
|
||||
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: '/prod/push/user/' + usr_id + '/',
|
||||
dataType: 'json',
|
||||
data: {
|
||||
usr_id: usr_id
|
||||
},
|
||||
success: function (data) {
|
||||
if (typeof callback === 'function') {
|
||||
callback.call($this, data);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
loadList: function (url, callback) {
|
||||
var $this = this;
|
||||
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
success: function (data) {
|
||||
if (typeof callback === 'function') {
|
||||
callback.call($this, data);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
appendBadge: function (badge) {
|
||||
$('.user_content .badges', this.container).append(badge);
|
||||
},
|
||||
addUser: function ($form, callback) {
|
||||
|
||||
var $this = this;
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: '/prod/push/add-user/',
|
||||
dataType: 'json',
|
||||
data: $form.serializeArray(),
|
||||
success: function (data) {
|
||||
if (data.success) {
|
||||
humane.info(data.message);
|
||||
$this.selectUser(data.user);
|
||||
callback();
|
||||
}
|
||||
else {
|
||||
humane.error(data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
getSelection: function () {
|
||||
return this.selection;
|
||||
},
|
||||
getUsers: function () {
|
||||
return $('.user_content .badge', this.container).map(function () {
|
||||
return $('input[name="id"]', $(this)).val();
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
var ListManager = function ($container) {
|
||||
|
||||
this.list = null;
|
||||
this.container = $container;
|
||||
|
||||
$container.on('click', '.back_link', function() {
|
||||
$('#PushBox').show();
|
||||
$('#ListManager').hide();
|
||||
return false;
|
||||
});
|
||||
|
||||
$container.on('click', 'a.list_sharer', function() {
|
||||
|
||||
var $this = $(this),
|
||||
options = {
|
||||
size: 'Small',
|
||||
closeButton: true,
|
||||
title: $this.attr('title')
|
||||
},
|
||||
$dialog = p4.Dialog.Create(options, 2);
|
||||
|
||||
$dialog.load($this.attr('href'), 'GET');
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
$container.on('click', 'a.user_adder', function() {
|
||||
|
||||
var $this = $(this);
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: $this.attr('href'),
|
||||
dataType: 'html',
|
||||
beforeSend: function () {
|
||||
var options = {
|
||||
size: 'Medium',
|
||||
title: $this.html()
|
||||
};
|
||||
p4.Dialog.Create(options, 2).getDomElement().addClass('loading');
|
||||
},
|
||||
success: function (data) {
|
||||
p4.Dialog.get(2).getDomElement().removeClass('loading').empty().append(data);
|
||||
return;
|
||||
},
|
||||
error: function () {
|
||||
p4.Dialog.get(2).Close();
|
||||
return;
|
||||
},
|
||||
timeout: function () {
|
||||
p4.Dialog.get(2).Close();
|
||||
return;
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
var initLeft = function () {
|
||||
$('a.list_refresh', $container).bind('click', function (event) {
|
||||
|
||||
var callback = function (datas) {
|
||||
$('.all-lists', $container).removeClass('loading').append(datas);
|
||||
initLeft();
|
||||
};
|
||||
|
||||
$('.all-lists', $container).empty().addClass('loading');
|
||||
|
||||
p4.Lists.get(callback, 'html');
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
$('a.list_adder', $container).bind('click', function (event) {
|
||||
|
||||
var makeDialog = function (box) {
|
||||
|
||||
var buttons = {};
|
||||
|
||||
buttons[language.valider] = function () {
|
||||
|
||||
var callbackOK = function () {
|
||||
$('a.list_refresh', $container).trigger('click');
|
||||
p4.Dialog.get(2).Close();
|
||||
};
|
||||
|
||||
var name = $('input[name="name"]', p4.Dialog.get(2).getDomElement()).val();
|
||||
|
||||
if ($.trim(name) === '') {
|
||||
alert(language.listNameCannotBeEmpty);
|
||||
return;
|
||||
}
|
||||
|
||||
p4.Lists.create(name, callbackOK);
|
||||
};
|
||||
|
||||
var options = {
|
||||
cancelButton: true,
|
||||
buttons: buttons,
|
||||
size: '700x170'
|
||||
};
|
||||
|
||||
p4.Dialog.Create(options, 2).setContent(box);
|
||||
};
|
||||
|
||||
var html = _.template($("#list_editor_dialog_add_tpl").html());
|
||||
|
||||
makeDialog(html);
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
$('li.list a.list_link', $container).bind('click', function (event) {
|
||||
|
||||
var $this = $(this);
|
||||
|
||||
$this.closest('.lists').find('.list.selected').removeClass('selected');
|
||||
$this.parent('li.list').addClass('selected');
|
||||
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: $this.attr('href'),
|
||||
dataType: 'html',
|
||||
success: function (data) {
|
||||
$('.editor', $container).removeClass('loading').append(data);
|
||||
initRight();
|
||||
},
|
||||
beforeSend: function () {
|
||||
$('.editor', $container).empty().addClass('loading');
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
};
|
||||
|
||||
var initRight = function () {
|
||||
|
||||
var $container = $('#ListManager .editor');
|
||||
|
||||
$('form[name="list-editor-search"]', $container).bind('submit', function () {
|
||||
|
||||
var $this = $(this);
|
||||
var dest = $('.list-editor-results', $container);
|
||||
|
||||
$.ajax({
|
||||
url: $this.attr('action'),
|
||||
type: $this.attr('method'),
|
||||
dataType: "html",
|
||||
data: $this.serializeArray(),
|
||||
beforeSend: function () {
|
||||
dest.empty().addClass('loading');
|
||||
},
|
||||
success: function (datas) {
|
||||
|
||||
dest.empty().removeClass('loading').append(datas);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$('form[name="list-editor-search"] select, form[name="list-editor-search"] input[name="ListUser"]', $container).bind('change', function () {
|
||||
$(this).closest('form').trigger('submit');
|
||||
});
|
||||
|
||||
$('.EditToggle', $container).bind('click', function () {
|
||||
$('.content.readonly, .content.readwrite', $('#ListManager')).toggle();
|
||||
return false;
|
||||
});
|
||||
$('.Refresher', $container).bind('click', function () {
|
||||
$('#ListManager ul.lists .list.selected a').trigger('click');
|
||||
return false;
|
||||
});
|
||||
|
||||
$('form[name="SaveName"]', $container).bind('submit', function () {
|
||||
var $this = $(this);
|
||||
|
||||
$.ajax({
|
||||
type: $this.attr('method'),
|
||||
url: $this.attr('action'),
|
||||
dataType: 'json',
|
||||
data: $this.serializeArray(),
|
||||
beforeSend: function () {
|
||||
|
||||
},
|
||||
success: function (data) {
|
||||
if (data.success) {
|
||||
humane.info(data.message);
|
||||
$('#ListManager .lists .list_refresh').trigger('click');
|
||||
}
|
||||
else {
|
||||
humane.error(data.message);
|
||||
}
|
||||
return;
|
||||
},
|
||||
error: function () {
|
||||
|
||||
return;
|
||||
},
|
||||
timeout: function () {
|
||||
|
||||
return;
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
$('button.deleter', $container).bind('click', function (event) {
|
||||
|
||||
var list_id = $(this).data("list-id");
|
||||
|
||||
var makeDialog = function (box) {
|
||||
|
||||
var buttons = {};
|
||||
|
||||
buttons[language.valider] = function () {
|
||||
|
||||
var callbackOK = function () {
|
||||
$('#ListManager .all-lists a.list_refresh').trigger('click');
|
||||
p4.Dialog.get(2).Close();
|
||||
};
|
||||
|
||||
var List = new document.List(list_id);
|
||||
List.remove(callbackOK);
|
||||
};
|
||||
|
||||
var options = {
|
||||
cancelButton: true,
|
||||
buttons: buttons,
|
||||
size: 'Alert'
|
||||
};
|
||||
|
||||
p4.Dialog.Create(options, 2).setContent(box);
|
||||
};
|
||||
|
||||
var html = _.template($("#list_editor_dialog_delete_tpl").html());
|
||||
|
||||
makeDialog(html);
|
||||
|
||||
return false;
|
||||
});
|
||||
};
|
||||
|
||||
initLeft();
|
||||
|
||||
$('.badges a.deleter', this.container).on('click', function () {
|
||||
var badge = $(this).closest('.badge');
|
||||
|
||||
var usr_id = badge.find('input[name="id"]').val();
|
||||
|
||||
|
||||
var callback = function (list, datas) {
|
||||
$('.counter.current, .list.selected .counter', $('#ListManager')).each(function () {
|
||||
$(this).text(parseInt($(this).text()) - 1);
|
||||
});
|
||||
|
||||
badge.remove();
|
||||
};
|
||||
|
||||
p4.ListManager.getList().removeUser(usr_id, callback);
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
ListManager.prototype = {
|
||||
workOn: function (list_id) {
|
||||
this.list = new document.List(list_id);
|
||||
},
|
||||
getList: function () {
|
||||
return this.list;
|
||||
},
|
||||
appendBadge: function (datas) {
|
||||
$('#ListManager .badges').append(datas);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
window.Feedback = Feedback;
|
||||
window.ListManager = ListManager;
|
||||
|
||||
}(window));
|
||||
@@ -1,37 +0,0 @@
|
||||
(function () {
|
||||
$(document).ready(function () {
|
||||
humane.info = humane.spawn({addnCls: 'humane-libnotify-info', timeout: 1000});
|
||||
humane.error = humane.spawn({addnCls: 'humane-libnotify-error', timeout: 1000});
|
||||
|
||||
$('body').on('click', 'a.dialog', function (event) {
|
||||
var $this = $(this), size = 'Medium';
|
||||
|
||||
if ($this.hasClass('small-dialog')) {
|
||||
size = 'Small';
|
||||
} else if ($this.hasClass('full-dialog')) {
|
||||
size = 'Full';
|
||||
}
|
||||
|
||||
var options = {
|
||||
size: size,
|
||||
loading: true,
|
||||
title: $this.attr('title'),
|
||||
closeOnEscape: true
|
||||
};
|
||||
|
||||
$dialog = p4.Dialog.Create(options);
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: $this.attr('href'),
|
||||
dataType: 'html',
|
||||
success: function (data) {
|
||||
$dialog.setContent(data);
|
||||
return;
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
});
|
||||
}());
|
||||
@@ -1,24 +0,0 @@
|
||||
var p4 = p4 || {};
|
||||
|
||||
(function (p4, window) {
|
||||
|
||||
p4.Results = {
|
||||
'Selection': new Selectable($('#answers'), {
|
||||
selector: '.IMGT',
|
||||
limit: 800,
|
||||
selectStart: function (event, selection) {
|
||||
$('#answercontextwrap table:visible').hide();
|
||||
},
|
||||
selectStop: function (event, selection) {
|
||||
viewNbSelect();
|
||||
},
|
||||
callbackSelection: function (element) {
|
||||
var elements = $(element).attr('id').split('_');
|
||||
|
||||
return elements.slice(elements.length - 2, elements.length).join('_');
|
||||
}
|
||||
})
|
||||
};
|
||||
|
||||
return;
|
||||
}(p4, window));
|
||||
@@ -1,247 +0,0 @@
|
||||
/*
|
||||
* Selection Object
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
(function (window) {
|
||||
|
||||
var Selectable = function ($container, options) {
|
||||
|
||||
var defaults = {
|
||||
allow_multiple: false,
|
||||
selector: '',
|
||||
callbackSelection: null,
|
||||
selectStart: null,
|
||||
selectStop: null,
|
||||
limit: null
|
||||
},
|
||||
options = (typeof options == 'object') ? options : {};
|
||||
|
||||
var $this = this;
|
||||
|
||||
if ($container.data('selectionnable')) {
|
||||
/* this container is already selectionnable */
|
||||
if (window.console) {
|
||||
console.error('Trying to apply new selection to existing one');
|
||||
}
|
||||
|
||||
return $container.data('selectionnable');
|
||||
}
|
||||
|
||||
this.$container = $container;
|
||||
this.options = jQuery.extend(defaults, options);
|
||||
this.datas = new Array();
|
||||
|
||||
this.$container.data('selectionnable', this);
|
||||
this.$container.addClass('selectionnable');
|
||||
this.$container
|
||||
.on('click', this.options.selector, function(event) {
|
||||
event.preventDefault();
|
||||
if (typeof $this.options.selectStart === 'function') {
|
||||
$this.options.selectStart(jQuery.extend(jQuery.Event('selectStart'), event), $this);
|
||||
}
|
||||
|
||||
var $that = jQuery(this);
|
||||
|
||||
var k = get_value($that, $this);
|
||||
|
||||
if (is_shift_key(event) && jQuery('.last_selected', this.$container).filter($this.options.selector).length != 0) {
|
||||
var lst = jQuery($this.options.selector, this.$container);
|
||||
|
||||
var index1 = jQuery.inArray(jQuery('.last_selected', this.$container).filter($this.options.selector)[0], lst);
|
||||
var index2 = jQuery.inArray($that[0], lst);
|
||||
|
||||
if (index2 < index1) {
|
||||
var tmp = index1;
|
||||
index1 = (index2 - 1) < 0 ? index2 : (index2 - 1);
|
||||
index2 = tmp;
|
||||
}
|
||||
|
||||
var stopped = false;
|
||||
|
||||
if (index2 != -1 && index1 != -1) {
|
||||
var exp = $this.options.selector + ':gt(' + index1 + '):lt(' + (index2 - index1) + ')';
|
||||
|
||||
$.each(jQuery(exp, this.$container), function (i, n) {
|
||||
if (!jQuery(n).hasClass('selected') && stopped === false) {
|
||||
if (!$this.hasReachLimit()) {
|
||||
var k = get_value(jQuery(n), $this);
|
||||
$this.push(k);
|
||||
jQuery(n).addClass('selected');
|
||||
}
|
||||
else {
|
||||
alert(language.max_record_selected);
|
||||
stopped = true;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if ($this.has(k) === false && stopped === false) {
|
||||
if (!$this.hasReachLimit()) {
|
||||
$this.push(k);
|
||||
$that.addClass('selected');
|
||||
}
|
||||
else {
|
||||
alert(language.max_record_selected);
|
||||
}
|
||||
}
|
||||
}
|
||||
else {
|
||||
if (!is_ctrl_key(event)) {
|
||||
$this.empty().push(k);
|
||||
jQuery('.selected', this.$container).filter($this.options.selector).removeClass('selected');
|
||||
$that.addClass('selected');
|
||||
}
|
||||
else {
|
||||
if ($this.has(k) === true) {
|
||||
$this.remove(k);
|
||||
$that.removeClass('selected');
|
||||
}
|
||||
else {
|
||||
if (!$this.hasReachLimit()) {
|
||||
$this.push(k);
|
||||
$that.addClass('selected');
|
||||
}
|
||||
else {
|
||||
alert(language.max_record_selected);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
jQuery('.last_selected', this.$container).removeClass('last_selected');
|
||||
$that.addClass('last_selected');
|
||||
|
||||
|
||||
if (typeof $this.options.selectStop === 'function') {
|
||||
$this.options.selectStop(jQuery.extend(jQuery.Event('selectStop'), event), $this);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
return;
|
||||
};
|
||||
|
||||
function get_value(element, Selectable) {
|
||||
if (typeof Selectable.options.callbackSelection === 'function') {
|
||||
return Selectable.options.callbackSelection(jQuery(element));
|
||||
}
|
||||
else {
|
||||
return jQuery('input[name="id"]', jQuery(element)).val();
|
||||
}
|
||||
}
|
||||
|
||||
function is_ctrl_key(event) {
|
||||
if (event.altKey)
|
||||
return true;
|
||||
if (event.ctrlKey)
|
||||
return true;
|
||||
if (event.metaKey) // apple key opera
|
||||
return true;
|
||||
if (event.keyCode == '17') // apple key opera
|
||||
return true;
|
||||
if (event.keyCode == '224') // apple key mozilla
|
||||
return true;
|
||||
if (event.keyCode == '91') // apple key safari
|
||||
return true;
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function is_shift_key(event) {
|
||||
if (event.shiftKey)
|
||||
return true;
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
Selectable.prototype = {
|
||||
push: function (element) {
|
||||
if (this.options.allow_multiple === true || !this.has(element)) {
|
||||
this.datas.push(element);
|
||||
}
|
||||
|
||||
return this;
|
||||
},
|
||||
hasReachLimit: function () {
|
||||
if (this.options.limit !== null && this.options.limit <= this.datas.length) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
},
|
||||
remove: function (element) {
|
||||
this.datas = jQuery.grep(this.datas, function (n) {
|
||||
return(n !== element);
|
||||
});
|
||||
|
||||
return this;
|
||||
},
|
||||
has: function (element) {
|
||||
|
||||
return jQuery.inArray(element, this.datas) >= 0;
|
||||
},
|
||||
get: function () {
|
||||
|
||||
return this.datas;
|
||||
},
|
||||
empty: function () {
|
||||
var $this = this;
|
||||
this.datas = new Array();
|
||||
|
||||
jQuery(this.options.selector, this.$container).filter('.selected:visible').removeClass('selected');
|
||||
|
||||
if (typeof $this.options.selectStop === 'function') {
|
||||
$this.options.selectStop(jQuery.Event('selectStop'), $this);
|
||||
}
|
||||
|
||||
return this;
|
||||
},
|
||||
length: function () {
|
||||
|
||||
return this.datas.length;
|
||||
},
|
||||
size: function () {
|
||||
|
||||
return this.datas.length;
|
||||
},
|
||||
serialize: function (separator) {
|
||||
|
||||
separator = separator || ';';
|
||||
|
||||
return this.datas.join(separator);
|
||||
},
|
||||
selectAll: function () {
|
||||
this.select('*');
|
||||
|
||||
return this;
|
||||
},
|
||||
select: function (selector) {
|
||||
var $this = this,
|
||||
stopped = false;
|
||||
|
||||
jQuery(this.options.selector, this.$container).filter(selector).not('.selected').filter(':visible').each(function () {
|
||||
if (!$this.hasReachLimit()) {
|
||||
$this.push(get_value(this, $this));
|
||||
$(this).addClass('selected');
|
||||
}
|
||||
else {
|
||||
if (stopped === false) {
|
||||
alert(language.max_record_selected);
|
||||
}
|
||||
stopped = true;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
if (typeof $this.options.selectStop === 'function') {
|
||||
$this.options.selectStop(jQuery.Event('selectStop'), $this);
|
||||
}
|
||||
|
||||
return this;
|
||||
}
|
||||
};
|
||||
|
||||
window.Selectable = Selectable;
|
||||
})(window);
|
||||
@@ -1,254 +0,0 @@
|
||||
;
|
||||
var p4 = p4 || {};
|
||||
|
||||
;
|
||||
(function (p4, $) {
|
||||
|
||||
/**
|
||||
* UPLOADER MANAGER
|
||||
*/
|
||||
var UploaderManager = function (options) {
|
||||
|
||||
var options = options || {};
|
||||
|
||||
if (false === ("container" in options)) {
|
||||
throw "missing container parameter";
|
||||
}
|
||||
else if (!options.container.jquery) {
|
||||
throw "container parameter must be a jquery dom element";
|
||||
}
|
||||
|
||||
if (false === ("settingsBox" in options)) {
|
||||
throw "missing settingBox parameter";
|
||||
}
|
||||
else if (!options.settingsBox.jquery) {
|
||||
throw "container parameter must be a jquery dom element";
|
||||
}
|
||||
|
||||
if (false === ("uploadBox" in options)) {
|
||||
throw "missing uploadBox parameter";
|
||||
}
|
||||
else if (!options.uploadBox.jquery) {
|
||||
throw "container parameter must be a jquery dom element";
|
||||
}
|
||||
|
||||
if (false === ("downloadBox" in options)) {
|
||||
throw "missing downloadBox parameter";
|
||||
}
|
||||
else if (!options.downloadBox.jquery) {
|
||||
throw "container parameter must be a jquery dom element";
|
||||
}
|
||||
|
||||
this.recordClass = options.recordClass || 'upload-record';
|
||||
|
||||
this.options = options;
|
||||
|
||||
this.options.uploadBox.wrapInner('<ul class="thumbnails" />');
|
||||
|
||||
this.options.uploadBox = this.options.uploadBox.find('ul:first');
|
||||
|
||||
this.options.downloadBox.wrapInner('<ul class="thumbnails" />');
|
||||
|
||||
this.options.downloadBox = this.options.downloadBox.find('ul:first');
|
||||
|
||||
if ($.isFunction($.fn.sortable)) {
|
||||
this.options.uploadBox.sortable();
|
||||
}
|
||||
|
||||
this.uploadIndex = 0;
|
||||
|
||||
this.Queue = new Queue();
|
||||
this.Formater = new Formater();
|
||||
this.Preview = new Preview();
|
||||
};
|
||||
|
||||
UploaderManager.prototype = {
|
||||
setOptions: function (options) {
|
||||
return $.extend(this.options, options);
|
||||
},
|
||||
getContainer: function () {
|
||||
return this.options.container;
|
||||
},
|
||||
getUploadBox: function () {
|
||||
return this.options.uploadBox;
|
||||
},
|
||||
getSettingsBox: function () {
|
||||
return this.options.settingsBox;
|
||||
},
|
||||
getDownloadBox: function () {
|
||||
return this.options.downloadBox;
|
||||
},
|
||||
clearUploadBox: function () {
|
||||
this.getUploadBox().empty();
|
||||
this.uploadIndex = 0;
|
||||
this.Queue.clear();
|
||||
},
|
||||
getDatas: function () {
|
||||
return this.Queue.all();
|
||||
},
|
||||
getData: function (index) {
|
||||
return this.Queue.get(index);
|
||||
},
|
||||
addData: function (data) {
|
||||
this.uploadIndex++;
|
||||
data.uploadIndex = this.uploadIndex;
|
||||
this.Queue.set(this.uploadIndex, data);
|
||||
},
|
||||
removeData: function (index) {
|
||||
this.Queue.remove(index);
|
||||
},
|
||||
addAttributeToData: function (indexOfData, attribute, value) {
|
||||
var data = this.getData(indexOfData);
|
||||
if ($.type(attribute) === "string") {
|
||||
data[attribute] = value;
|
||||
this.Queue.set(indexOfData, data);
|
||||
}
|
||||
},
|
||||
getUploadIndex: function () {
|
||||
return this.uploadIndex;
|
||||
},
|
||||
hasData: function () {
|
||||
return !this.Queue.isEmpty();
|
||||
},
|
||||
countData: function () {
|
||||
return this.Queue.getLength();
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* PREVIEW
|
||||
*
|
||||
* Dependency : loadImage function
|
||||
* @see https://github.com/blueimp/JavaScript-Load-Image
|
||||
*
|
||||
* Options
|
||||
* maxWidth: (int) Max width of preview
|
||||
* maxHeight: (int) Max height of preview
|
||||
* minWidth: (int) Min width of preview
|
||||
* minHeight: (int) Min height of preview
|
||||
* canva: (boolean) render preview as canva if supported by the navigator
|
||||
*/
|
||||
|
||||
var Preview = function () {
|
||||
this.options = {
|
||||
fileType: /^image\/(gif|jpeg|png|jpg)$/,
|
||||
maxSize: 5242880 // 5MB
|
||||
};
|
||||
};
|
||||
|
||||
Preview.prototype = {
|
||||
setOptions: function (options) {
|
||||
this.options = $.extend(this.options, options);
|
||||
},
|
||||
getOptions: function () {
|
||||
return this.options;
|
||||
},
|
||||
render: function (file, callback) {
|
||||
if (typeof loadImage === 'function' && this.options.fileType.test(file.type)) {
|
||||
if ($.type(this.options.maxSize) !== 'number' || file.size < this.options.maxSize) {
|
||||
var options = {
|
||||
maxWidth: this.options.maxWidth || 150,
|
||||
maxHeight: this.options.maxHeight || 75,
|
||||
minWidth: this.options.minWidth || 80,
|
||||
minHeight: this.options.minHeight || 40,
|
||||
canvas: this.options.canva || true
|
||||
};
|
||||
loadImage(file, callback, options);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* FORMATER
|
||||
*/
|
||||
|
||||
var Formater = function () {
|
||||
|
||||
};
|
||||
|
||||
Formater.prototype = {
|
||||
size: function (bytes) {
|
||||
if (typeof bytes !== 'number') {
|
||||
throw bytes + ' is not a number';
|
||||
}
|
||||
if (bytes >= 1073741824) {
|
||||
return (bytes / 1073741824).toFixed(2) + ' GB';
|
||||
}
|
||||
if (bytes >= 1048576) {
|
||||
return (bytes / 1048576).toFixed(2) + ' MB';
|
||||
}
|
||||
return (bytes / 1024).toFixed(2) + ' KB';
|
||||
},
|
||||
bitrate: function (bits) {
|
||||
if (typeof bits !== 'number') {
|
||||
throw bits + ' is not a number';
|
||||
}
|
||||
// 1 byte = 8 bits
|
||||
var bytes = (bits >> 3);
|
||||
|
||||
if (bytes >= (1 << 30)) {
|
||||
return (bytes / (1 << 30)).toFixed(2) + ' Go/s';
|
||||
}
|
||||
if (bytes >= (1 << 20)) {
|
||||
return (bytes / (1 << 20)).toFixed(2) + ' Mo/s';
|
||||
}
|
||||
if (bytes >= (1 << 10)) {
|
||||
return (bytes / (1 << 10)).toFixed(2) + ' Ko/s';
|
||||
}
|
||||
return bytes + ' o/s';
|
||||
},
|
||||
pourcent: function (current, total) {
|
||||
return (current / total * 100).toFixed(2);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* QUEUE
|
||||
*/
|
||||
var Queue = function () {
|
||||
this.list = {};
|
||||
};
|
||||
|
||||
Queue.prototype = {
|
||||
all: function () {
|
||||
return this.list;
|
||||
},
|
||||
set: function (id, item) {
|
||||
this.list[id] = item;
|
||||
return this;
|
||||
},
|
||||
get: function (id) {
|
||||
if (!this.list[id]) {
|
||||
throw 'Unknown ID' + id;
|
||||
}
|
||||
return this.list[id];
|
||||
},
|
||||
remove: function (id) {
|
||||
delete this.list[id];
|
||||
},
|
||||
getLength: function () {
|
||||
var count = 0;
|
||||
for (var k in this.list) {
|
||||
if (this.list.hasOwnProperty(k)) {
|
||||
++count;
|
||||
}
|
||||
}
|
||||
return count;
|
||||
},
|
||||
isEmpty: function () {
|
||||
return this.getLength() === 0;
|
||||
},
|
||||
clear: function () {
|
||||
var $this = this;
|
||||
$.each(this.list, function (k) {
|
||||
$this.remove(k);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
p4.UploaderManager = UploaderManager;
|
||||
|
||||
})(p4, jQuery);
|
||||
@@ -1,602 +0,0 @@
|
||||
var p4 = p4 || {};
|
||||
|
||||
(function (p4) {
|
||||
function refreshBaskets(baskId, sort, scrolltobottom, type) {
|
||||
type = typeof type === 'undefined' ? 'basket' : type;
|
||||
|
||||
var active = $('#baskets .SSTT.ui-state-active');
|
||||
if (baskId === 'current' && active.length > 0) {
|
||||
baskId = active.attr('id').split('_').slice(1, 2).pop();
|
||||
}
|
||||
sort = ($.inArray(sort, ['date', 'name']) >= 0) ? sort : '';
|
||||
|
||||
scrolltobottom = typeof scrolltobottom === 'undefined' ? false : scrolltobottom;
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "../prod/WorkZone/",
|
||||
data: {
|
||||
id: baskId,
|
||||
sort: sort,
|
||||
type: type
|
||||
},
|
||||
beforeSend: function () {
|
||||
$('#basketcontextwrap').remove();
|
||||
},
|
||||
success: function (data) {
|
||||
var cache = $("#idFrameC #baskets");
|
||||
|
||||
if ($(".SSTT", cache).data("ui-droppable")) {
|
||||
$(".SSTT", cache).droppable('destroy');
|
||||
}
|
||||
if ($(".bloc", cache).data("ui-droppable")) {
|
||||
$('.bloc', cache).droppable('destroy');
|
||||
}
|
||||
if (cache.data("ui-accordion")) {
|
||||
cache.accordion('destroy').empty().append(data);
|
||||
}
|
||||
|
||||
activeBaskets();
|
||||
|
||||
$('.basketTips').tooltip({
|
||||
delay: 200
|
||||
});
|
||||
cache.disableSelection();
|
||||
|
||||
if (!scrolltobottom) {
|
||||
return;
|
||||
}
|
||||
|
||||
p4.next_bask_scroll = true;
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function setTemporaryPref(name, value) {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/user/preferences/temporary/",
|
||||
data: {
|
||||
prop: name,
|
||||
value: value
|
||||
},
|
||||
success: function (data) {
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$("#baskets div.content select[name=valid_ord]").on('change', function () {
|
||||
var active = $('#baskets .SSTT.ui-state-active');
|
||||
if (active.length === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
var order = $(this).val();
|
||||
|
||||
getContent(active, order);
|
||||
});
|
||||
|
||||
function WorkZoneElementRemover(el, confirm) {
|
||||
var context = el.data('context');
|
||||
|
||||
if (confirm !== true && $(el).hasClass('groupings') && p4.reg_delete) {
|
||||
var buttons = {};
|
||||
|
||||
buttons[language.valider] = function () {
|
||||
$("#DIALOG-baskets").dialog('close').remove();
|
||||
WorkZoneElementRemover(el, true);
|
||||
};
|
||||
|
||||
buttons[language.annuler] = function () {
|
||||
$("#DIALOG-baskets").dialog('close').remove();
|
||||
};
|
||||
|
||||
var texte = '<p>' + language.confirmRemoveReg + '</p><div><input type="checkbox" onchange="toggleRemoveReg(this);"/>' + language.hideMessage + '</div>';
|
||||
$('body').append('<div id="DIALOG-baskets"></div>');
|
||||
$("#DIALOG-baskets").attr('title', language.removeTitle)
|
||||
.empty()
|
||||
.append(texte)
|
||||
.dialog({
|
||||
autoOpen: false,
|
||||
closeOnEscape: true,
|
||||
resizable: false,
|
||||
draggable: false,
|
||||
modal: true,
|
||||
buttons: buttons,
|
||||
overlay: {
|
||||
backgroundColor: '#000',
|
||||
opacity: 0.7
|
||||
}
|
||||
}).dialog('open');
|
||||
return;
|
||||
}
|
||||
|
||||
var id = $(el).attr('id').split('_').slice(2, 4).join('_');
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: $(el).attr('href'),
|
||||
dataType: 'json',
|
||||
beforeSend: function () {
|
||||
$('.wrapCHIM_' + id).find('.CHIM').fadeOut();
|
||||
},
|
||||
success: function (data) {
|
||||
if (data.success) {
|
||||
humane.info(data.message);
|
||||
p4.WorkZone.Selection.remove(id);
|
||||
|
||||
if ($('.wrapCHIM_' + id).find('.CHIM').data("ui-draggable")) {
|
||||
$('.wrapCHIM_' + id).find('.CHIM').draggable('destroy');
|
||||
}
|
||||
|
||||
$('.wrapCHIM_' + id).remove();
|
||||
|
||||
if (context === "reg_train_basket") {
|
||||
var carousel = $("#PREVIEWCURRENTCONT");
|
||||
var carouselItemLength = $('li', carousel).length;
|
||||
var selectedItem = $("li.prevTrainCurrent.selected", carousel);
|
||||
var selectedItemIndex = $('li', carousel).index(selectedItem);
|
||||
|
||||
// item is first and list has at least 2 items
|
||||
if (selectedItemIndex === 0 && carouselItemLength > 1) {
|
||||
// click next item
|
||||
selectedItem.next().find("img").trigger("click");
|
||||
// item is last item and list has at least 2 items
|
||||
} else if (carouselItemLength > 1 && selectedItemIndex === (carouselItemLength - 1)) {
|
||||
// click previous item
|
||||
selectedItem.prev().find("img").trigger("click");
|
||||
// Basket is empty
|
||||
} else if (carouselItemLength > 1) {
|
||||
// click next item
|
||||
selectedItem.next().find("img").trigger("click");
|
||||
} else {
|
||||
closePreview();
|
||||
}
|
||||
|
||||
selectedItem.remove();
|
||||
} else {
|
||||
return p4.WorkZone.reloadCurrent();
|
||||
}
|
||||
} else {
|
||||
humane.error(data.message);
|
||||
$('.wrapCHIM_' + id).find('.CHIM').fadeIn();
|
||||
}
|
||||
return;
|
||||
}
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function activeBaskets() {
|
||||
var cache = $("#idFrameC #baskets");
|
||||
|
||||
cache.accordion({
|
||||
active: 'active',
|
||||
heightStyle: "content",
|
||||
collapsible: true,
|
||||
header: 'div.header',
|
||||
activate: function (event, ui) {
|
||||
var b_active = $('#baskets .SSTT.active');
|
||||
if (p4.next_bask_scroll) {
|
||||
p4.next_bask_scroll = false;
|
||||
|
||||
if (!b_active.next().is(':visible'))
|
||||
return;
|
||||
|
||||
var t = $('#baskets .SSTT.active').position().top + b_active.next().height() - 200;
|
||||
|
||||
t = t < 0 ? 0 : t;
|
||||
|
||||
$('#baskets .bloc').stop().animate({
|
||||
scrollTop: t
|
||||
});
|
||||
}
|
||||
|
||||
var uiactive = $(this).find('.ui-state-active');
|
||||
b_active.not('.ui-state-active').removeClass('active');
|
||||
|
||||
if (uiactive.length === 0) {
|
||||
return;
|
||||
/* everything is closed */
|
||||
}
|
||||
|
||||
uiactive.addClass('ui-state-focus active');
|
||||
|
||||
p4.WorkZone.Selection.empty();
|
||||
|
||||
getContent(uiactive);
|
||||
|
||||
},
|
||||
beforeActivate: function (event, ui) {
|
||||
ui.newHeader.addClass('active');
|
||||
$('#basketcontextwrap .basketcontextmenu').hide();
|
||||
}
|
||||
});
|
||||
|
||||
$('.bloc', cache).droppable({
|
||||
accept: function (elem) {
|
||||
if ($(elem).hasClass('grouping') && !$(elem).hasClass('SSTT'))
|
||||
return true;
|
||||
return false;
|
||||
},
|
||||
scope: 'objects',
|
||||
hoverClass: 'groupDrop',
|
||||
tolerance: 'pointer',
|
||||
drop: function () {
|
||||
fix();
|
||||
}
|
||||
});
|
||||
|
||||
if ($('.SSTT.active', cache).length > 0) {
|
||||
var el = $('.SSTT.active', cache)[0];
|
||||
$(el).trigger('click');
|
||||
}
|
||||
|
||||
$(".SSTT, .content", cache)
|
||||
.droppable({
|
||||
scope: 'objects',
|
||||
hoverClass: 'baskDrop',
|
||||
tolerance: 'pointer',
|
||||
accept: function (elem) {
|
||||
if ($(elem).hasClass('CHIM')) {
|
||||
if ($(elem).closest('.content').prev()[0] === $(this)[0]) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
if ($(elem).hasClass('grouping') || $(elem).parent()[0] === $(this)[0])
|
||||
return false;
|
||||
return true;
|
||||
},
|
||||
drop: function (event, ui) {
|
||||
dropOnBask(event, ui.draggable, $(this));
|
||||
}
|
||||
});
|
||||
|
||||
if ($('#basketcontextwrap').length === 0)
|
||||
$('body').append('<div id="basketcontextwrap"></div>');
|
||||
|
||||
$('.context-menu-item', cache).hover(function () {
|
||||
$(this).addClass('context-menu-item-hover');
|
||||
}, function () {
|
||||
$(this).removeClass('context-menu-item-hover');
|
||||
});
|
||||
$.each($(".SSTT", cache), function () {
|
||||
var el = $(this);
|
||||
$(this).find('.contextMenuTrigger').contextMenu('#' + $(this).attr('id') + ' .contextMenu', {
|
||||
'appendTo': '#basketcontextwrap',
|
||||
openEvt: 'click',
|
||||
theme: 'vista',
|
||||
dropDown: true,
|
||||
showTransition: 'slideDown',
|
||||
hideTransition: 'hide',
|
||||
shadow: false
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function getContent(header, order) {
|
||||
if (window.console) {
|
||||
console.log('Reload content for ', header);
|
||||
}
|
||||
|
||||
var url = $('a', header).attr('href');
|
||||
|
||||
if (typeof order !== 'undefined') {
|
||||
url += '?order=' + order;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: url,
|
||||
dataType: 'html',
|
||||
beforeSend: function () {
|
||||
$('#tooltip').hide();
|
||||
header.next().addClass('loading');
|
||||
},
|
||||
success: function (data) {
|
||||
header.removeClass('unread');
|
||||
|
||||
var dest = header.next();
|
||||
if (dest.data("ui-droppable")) {
|
||||
dest.droppable('destroy')
|
||||
}
|
||||
dest.empty().removeClass('loading');
|
||||
|
||||
dest.append(data);
|
||||
|
||||
$('a.WorkZoneElementRemover', dest).bind('mousedown',function (event) {
|
||||
return false;
|
||||
}).bind('click', function (event) {
|
||||
return WorkZoneElementRemover($(this), false);
|
||||
});
|
||||
|
||||
dest.droppable({
|
||||
accept: function (elem) {
|
||||
if ($(elem).hasClass('CHIM')) {
|
||||
if ($(elem).closest('.content')[0] === $(this)[0]) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
if ($(elem).hasClass('grouping') || $(elem).parent()[0] === $(this)[0])
|
||||
return false;
|
||||
return true;
|
||||
},
|
||||
hoverClass: 'baskDrop',
|
||||
scope: 'objects',
|
||||
drop: function (event, ui) {
|
||||
dropOnBask(event, ui.draggable, $(this).prev());
|
||||
},
|
||||
tolerance: 'pointer'
|
||||
});
|
||||
|
||||
$('.noteTips, .captionRolloverTips', dest).tooltip();
|
||||
|
||||
dest.find('.CHIM').draggable({
|
||||
helper: function () {
|
||||
$('body').append('<div id="dragDropCursor" ' +
|
||||
'style="position:absolute;z-index:9999;background:red;' +
|
||||
'-moz-border-radius:8px;-webkit-border-radius:8px;">' +
|
||||
'<div style="padding:2px 5px;font-weight:bold;">' +
|
||||
p4.WorkZone.Selection.length() + '</div></div>');
|
||||
return $('#dragDropCursor');
|
||||
},
|
||||
scope: "objects",
|
||||
distance: 20,
|
||||
scroll: false,
|
||||
refreshPositions: true,
|
||||
cursorAt: {
|
||||
top: 10,
|
||||
left: -20
|
||||
},
|
||||
start: function (event, ui) {
|
||||
var baskets = $('#baskets');
|
||||
baskets.append('<div class="top-scroller"></div>' +
|
||||
'<div class="bottom-scroller"></div>');
|
||||
$('.bottom-scroller', baskets).bind('mousemove', function () {
|
||||
$('#baskets .bloc').scrollTop($('#baskets .bloc').scrollTop() + 30);
|
||||
});
|
||||
$('.top-scroller', baskets).bind('mousemove', function () {
|
||||
$('#baskets .bloc').scrollTop($('#baskets .bloc').scrollTop() - 30);
|
||||
});
|
||||
},
|
||||
stop: function () {
|
||||
$('#baskets').find('.top-scroller, .bottom-scroller')
|
||||
.unbind()
|
||||
.remove();
|
||||
},
|
||||
drag: function (event, ui) {
|
||||
if (is_ctrl_key(event) || $(this).closest('.content').hasClass('grouping'))
|
||||
$('#dragDropCursor div').empty().append('+ ' + p4.WorkZone.Selection.length());
|
||||
else
|
||||
$('#dragDropCursor div').empty().append(p4.WorkZone.Selection.length());
|
||||
|
||||
}
|
||||
});
|
||||
answerSizer();
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function dropOnBask(event, from, destKey, singleSelection) {
|
||||
var action = "", from = $(from), dest_uri = '', lstbr = [], sselcont = [], act = "ADD";
|
||||
|
||||
if (from.hasClass("CHIM")) {
|
||||
/* Element(s) come from an open object in the workzone */
|
||||
action = $(' #baskets .ui-state-active').hasClass('grouping') ? 'REG2' : 'CHU2';
|
||||
} else {
|
||||
/* Element(s) come from result */
|
||||
action = 'IMGT2';
|
||||
}
|
||||
|
||||
action += destKey.hasClass('grouping') ? 'REG' : 'CHU';
|
||||
|
||||
if (destKey.hasClass('content')) {
|
||||
/* I dropped on content */
|
||||
dest_uri = $('a', destKey.prev()).attr('href');
|
||||
} else {
|
||||
/* I dropped on Title */
|
||||
dest_uri = $('a', destKey).attr('href');
|
||||
}
|
||||
|
||||
if (window.console) {
|
||||
window.console.log('Requested action is ', action, ' and act on ', dest_uri);
|
||||
}
|
||||
|
||||
if (action === "IMGT2CHU" || action === "IMGT2REG") {
|
||||
if ($(from).hasClass('.baskAdder')) {
|
||||
lstbr = [$(from).attr('id').split('_').slice(2, 4).join('_')];
|
||||
} else if (singleSelection) {
|
||||
if (from.length === 1) {
|
||||
lstbr = [$(from).attr('id').split('_').slice(1, 3).join('_')];
|
||||
} else {
|
||||
lstbr = [$(from).selector.split('_').slice(1, 3).join('_')];
|
||||
}
|
||||
} else {
|
||||
lstbr = p4.Results.Selection.get();
|
||||
}
|
||||
} else {
|
||||
sselcont = $.map(p4.WorkZone.Selection.get(), function (n, i) {
|
||||
return $('.CHIM_' + n, $('#baskets .content:visible')).attr('id').split('_').slice(1, 2).pop();
|
||||
});
|
||||
lstbr = p4.WorkZone.Selection.get();
|
||||
}
|
||||
|
||||
switch (action) {
|
||||
case "CHU2CHU" :
|
||||
if (!is_ctrl_key(event)) act = "MOV";
|
||||
break;
|
||||
case "IMGT2REG":
|
||||
case "CHU2REG" :
|
||||
case "REG2REG":
|
||||
var sameSbas = true, sbas_reg = destKey.attr('sbas');
|
||||
|
||||
for (var i = 0; i < lstbr.length && sameSbas; i++) {
|
||||
if (lstbr[i].split('_').shift() !== sbas_reg) {
|
||||
sameSbas = false;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (sameSbas === false) {
|
||||
return p4.Alerts('', language.reg_wrong_sbas);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
switch (act + action) {
|
||||
case 'MOVCHU2CHU':
|
||||
var url = dest_uri + "stealElements/";
|
||||
var data = {
|
||||
elements: sselcont
|
||||
};
|
||||
break;
|
||||
case 'ADDCHU2REG':
|
||||
case 'ADDREG2REG':
|
||||
case 'ADDIMGT2REG':
|
||||
case 'ADDCHU2CHU':
|
||||
case 'ADDREG2CHU':
|
||||
case 'ADDIMGT2CHU':
|
||||
var url = dest_uri + "addElements/";
|
||||
var data = {
|
||||
lst: lstbr.join(';')
|
||||
};
|
||||
break;
|
||||
default:
|
||||
if (window.console) {
|
||||
console.log('Should not happen');
|
||||
}
|
||||
return;
|
||||
break;
|
||||
}
|
||||
|
||||
if (window.console) {
|
||||
window.console.log('About to execute ajax POST on ', url, ' with datas ', data);
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: url,
|
||||
data: data,
|
||||
dataType: 'json',
|
||||
beforeSend: function () {
|
||||
|
||||
},
|
||||
success: function (data) {
|
||||
if (!data.success) {
|
||||
humane.error(data.message);
|
||||
} else {
|
||||
humane.info(data.message);
|
||||
}
|
||||
if (act === 'MOV' || $(destKey).next().is(':visible') === true || $(destKey).hasClass('content') === true) {
|
||||
$('.CHIM.selected:visible').fadeOut();
|
||||
p4.WorkZone.Selection.empty();
|
||||
return p4.WorkZone.reloadCurrent();
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function fix() {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "../prod/WorkZone/attachStories/",
|
||||
data: {stories: p4.Results.Selection.get()},
|
||||
dataType: "json",
|
||||
success: function (data) {
|
||||
humane.info(data.message);
|
||||
p4.WorkZone.refresh();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function unfix(link) {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: link,
|
||||
dataType: "json",
|
||||
success: function (data) {
|
||||
humane.info(data.message);
|
||||
p4.WorkZone.refresh();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
activeBaskets();
|
||||
$('body').on('click', 'a.story_unfix', function () {
|
||||
unfix($(this).attr('href'));
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
p4.WorkZone = {
|
||||
'Selection': new Selectable($('#baskets'), {selector: '.CHIM'}),
|
||||
'refresh': refreshBaskets,
|
||||
'addElementToBasket': function (sbas_id, record_id, event, singleSelection) {
|
||||
singleSelection = !!singleSelection || false;
|
||||
|
||||
if ($('#baskets .SSTT.active').length === 1) {
|
||||
return dropOnBask(event, $('#IMGT_' + sbas_id + '_' + record_id), $('#baskets .SSTT.active'), singleSelection);
|
||||
} else {
|
||||
humane.info(language.noActiveBasket);
|
||||
}
|
||||
},
|
||||
"removeElementFromBasket": WorkZoneElementRemover,
|
||||
'reloadCurrent': function () {
|
||||
var sstt = $('#baskets .content:visible');
|
||||
if (sstt.length === 0)
|
||||
return;
|
||||
getContent(sstt.prev());
|
||||
},
|
||||
'close': function () {
|
||||
var frame = $('#idFrameC'), that = this;
|
||||
|
||||
if (!frame.hasClass('closed')) {
|
||||
// hide tabs content
|
||||
$('#idFrameC .tabs > .ui-tabs-panel').hide();
|
||||
|
||||
frame.data('openwidth', frame.width());
|
||||
frame.animate({width: 100},
|
||||
300,
|
||||
'linear',
|
||||
function () {
|
||||
answerSizer();
|
||||
linearize();
|
||||
$('#answers').trigger('resize');
|
||||
});
|
||||
frame.addClass('closed');
|
||||
$('.escamote', frame).hide();
|
||||
frame.unbind('click.escamote').bind('click.escamote', function () {
|
||||
that.open();
|
||||
});
|
||||
}
|
||||
},
|
||||
'open': function () {
|
||||
var frame = $('#idFrameC');
|
||||
|
||||
if (frame.hasClass('closed')) {
|
||||
var width = frame.data('openwidth') ? frame.data('openwidth') : 300;
|
||||
frame.css({width: width});
|
||||
answerSizer();
|
||||
linearize();
|
||||
frame.removeClass('closed');
|
||||
$('.escamote', frame).show();
|
||||
frame.unbind('click.escamote');
|
||||
// show tabs content
|
||||
var activeTabIdx = $('#idFrameC .tabs').tabs("option", "active");
|
||||
$('#idFrameC .tabs > div:eq(' + activeTabIdx + ')').show();
|
||||
}
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
return;
|
||||
}(p4));
|
||||
@@ -1,124 +0,0 @@
|
||||
/*
|
||||
* jQuery Color Animations
|
||||
* Copyright 2007 John Resig
|
||||
* Released under the MIT and GPL licenses.
|
||||
*/
|
||||
|
||||
(function(jQuery){
|
||||
|
||||
// We override the animation for all of these color styles
|
||||
jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){
|
||||
jQuery.fx.step[attr] = function(fx){
|
||||
if ( fx.state == 0 ) {
|
||||
fx.start = getColor( fx.elem, attr );
|
||||
fx.end = getRGB( fx.end );
|
||||
}
|
||||
|
||||
fx.elem.style[attr] = "rgb(" + [
|
||||
Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),
|
||||
Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),
|
||||
Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0)
|
||||
].join(",") + ")";
|
||||
};
|
||||
});
|
||||
|
||||
// Color Conversion functions from highlightFade
|
||||
// By Blair Mitchelmore
|
||||
// http://jquery.offput.ca/highlightFade/
|
||||
|
||||
// Parse strings looking for color tuples [255,255,255]
|
||||
function getRGB(color) {
|
||||
var result;
|
||||
|
||||
// Check if we're already dealing with an array of colors
|
||||
if ( color && color.constructor == Array && color.length == 3 )
|
||||
return color;
|
||||
|
||||
// Look for rgb(num,num,num)
|
||||
if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))
|
||||
return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])];
|
||||
|
||||
// Look for rgb(num%,num%,num%)
|
||||
if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))
|
||||
return [parseFloat(result[1])*2.55, parseFloat(result[2])*2.55, parseFloat(result[3])*2.55];
|
||||
|
||||
// Look for #a0b1c2
|
||||
if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))
|
||||
return [parseInt(result[1],16), parseInt(result[2],16), parseInt(result[3],16)];
|
||||
|
||||
// Look for #fff
|
||||
if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))
|
||||
return [parseInt(result[1]+result[1],16), parseInt(result[2]+result[2],16), parseInt(result[3]+result[3],16)];
|
||||
|
||||
// Otherwise, we're most likely dealing with a named color
|
||||
return colors[jQuery.trim(color).toLowerCase()];
|
||||
}
|
||||
|
||||
function getColor(elem, attr) {
|
||||
var color;
|
||||
|
||||
do {
|
||||
color = jQuery.curCSS(elem, attr);
|
||||
|
||||
// Keep going until we find an element that has color, or we hit the body
|
||||
if ( color != '' && color != 'transparent' || jQuery.nodeName(elem, "body") )
|
||||
break;
|
||||
|
||||
attr = "backgroundColor";
|
||||
} while ( elem = elem.parentNode );
|
||||
|
||||
return getRGB(color);
|
||||
};
|
||||
|
||||
// Some named colors to work with
|
||||
// From Interface by Stefan Petre
|
||||
// http://interface.eyecon.ro/
|
||||
|
||||
var colors = {
|
||||
aqua:[0,255,255],
|
||||
azure:[240,255,255],
|
||||
beige:[245,245,220],
|
||||
black:[0,0,0],
|
||||
blue:[0,0,255],
|
||||
brown:[165,42,42],
|
||||
cyan:[0,255,255],
|
||||
darkblue:[0,0,139],
|
||||
darkcyan:[0,139,139],
|
||||
darkgrey:[169,169,169],
|
||||
darkgreen:[0,100,0],
|
||||
darkkhaki:[189,183,107],
|
||||
darkmagenta:[139,0,139],
|
||||
darkolivegreen:[85,107,47],
|
||||
darkorange:[255,140,0],
|
||||
darkorchid:[153,50,204],
|
||||
darkred:[139,0,0],
|
||||
darksalmon:[233,150,122],
|
||||
darkviolet:[148,0,211],
|
||||
fuchsia:[255,0,255],
|
||||
gold:[255,215,0],
|
||||
green:[0,128,0],
|
||||
indigo:[75,0,130],
|
||||
khaki:[240,230,140],
|
||||
lightblue:[173,216,230],
|
||||
lightcyan:[224,255,255],
|
||||
lightgreen:[144,238,144],
|
||||
lightgrey:[211,211,211],
|
||||
lightpink:[255,182,193],
|
||||
lightyellow:[255,255,224],
|
||||
lime:[0,255,0],
|
||||
magenta:[255,0,255],
|
||||
maroon:[128,0,0],
|
||||
navy:[0,0,128],
|
||||
olive:[128,128,0],
|
||||
orange:[255,165,0],
|
||||
pink:[255,192,203],
|
||||
purple:[128,0,128],
|
||||
violet:[128,0,128],
|
||||
red:[255,0,0],
|
||||
silver:[192,192,192],
|
||||
white:[255,255,255],
|
||||
yellow:[255,255,0]
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
|
||||
@@ -1,785 +0,0 @@
|
||||
/*!
|
||||
* jQuery Form Plugin
|
||||
* version: 2.49 (18-OCT-2010)
|
||||
* @requires jQuery v1.3.2 or later
|
||||
*
|
||||
* Examples and documentation at: http://malsup.com/jquery/form/
|
||||
* Dual licensed under the MIT and GPL licenses:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* http://www.gnu.org/licenses/gpl.html
|
||||
*/
|
||||
;(function($) {
|
||||
|
||||
/*
|
||||
Usage Note:
|
||||
-----------
|
||||
Do not use both ajaxSubmit and ajaxForm on the same form. These
|
||||
functions are intended to be exclusive. Use ajaxSubmit if you want
|
||||
to bind your own submit handler to the form. For example,
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#myForm').bind('submit', function(e) {
|
||||
e.preventDefault(); // <-- important
|
||||
$(this).ajaxSubmit({
|
||||
target: '#output'
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
Use ajaxForm when you want the plugin to manage all the event binding
|
||||
for you. For example,
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#myForm').ajaxForm({
|
||||
target: '#output'
|
||||
});
|
||||
});
|
||||
|
||||
When using ajaxForm, the ajaxSubmit function will be invoked for you
|
||||
at the appropriate time.
|
||||
*/
|
||||
|
||||
/**
|
||||
* ajaxSubmit() provides a mechanism for immediately submitting
|
||||
* an HTML form using AJAX.
|
||||
*/
|
||||
$.fn.ajaxSubmit = function(options) {
|
||||
// fast fail if nothing selected (http://dev.jquery.com/ticket/2752)
|
||||
if (!this.length) {
|
||||
log('ajaxSubmit: skipping submit process - no element selected');
|
||||
return this;
|
||||
}
|
||||
|
||||
if (typeof options == 'function') {
|
||||
options = { success: options };
|
||||
}
|
||||
|
||||
var url = $.trim(this.attr('action'));
|
||||
if (url) {
|
||||
// clean url (don't include hash vaue)
|
||||
url = (url.match(/^([^#]+)/)||[])[1];
|
||||
}
|
||||
url = url || window.location.href || '';
|
||||
|
||||
options = $.extend(true, {
|
||||
url: url,
|
||||
type: this.attr('method') || 'GET',
|
||||
iframeSrc: /^https/i.test(window.location.href || '') ? 'javascript:false' : 'about:blank'
|
||||
}, options);
|
||||
|
||||
// hook for manipulating the form data before it is extracted;
|
||||
// convenient for use with rich editors like tinyMCE or FCKEditor
|
||||
var veto = {};
|
||||
this.trigger('form-pre-serialize', [this, options, veto]);
|
||||
if (veto.veto) {
|
||||
log('ajaxSubmit: submit vetoed via form-pre-serialize trigger');
|
||||
return this;
|
||||
}
|
||||
|
||||
// provide opportunity to alter form data before it is serialized
|
||||
if (options.beforeSerialize && options.beforeSerialize(this, options) === false) {
|
||||
log('ajaxSubmit: submit aborted via beforeSerialize callback');
|
||||
return this;
|
||||
}
|
||||
|
||||
var n,v,a = this.formToArray(options.semantic);
|
||||
if (options.data) {
|
||||
options.extraData = options.data;
|
||||
for (n in options.data) {
|
||||
if(options.data[n] instanceof Array) {
|
||||
for (var k in options.data[n]) {
|
||||
a.push( { name: n, value: options.data[n][k] } );
|
||||
}
|
||||
}
|
||||
else {
|
||||
v = options.data[n];
|
||||
v = $.isFunction(v) ? v() : v; // if value is fn, invoke it
|
||||
a.push( { name: n, value: v } );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// give pre-submit callback an opportunity to abort the submit
|
||||
if (options.beforeSubmit && options.beforeSubmit(a, this, options) === false) {
|
||||
log('ajaxSubmit: submit aborted via beforeSubmit callback');
|
||||
return this;
|
||||
}
|
||||
|
||||
// fire vetoable 'validate' event
|
||||
this.trigger('form-submit-validate', [a, this, options, veto]);
|
||||
if (veto.veto) {
|
||||
log('ajaxSubmit: submit vetoed via form-submit-validate trigger');
|
||||
return this;
|
||||
}
|
||||
|
||||
var q = $.param(a);
|
||||
|
||||
if (options.type.toUpperCase() == 'GET') {
|
||||
options.url += (options.url.indexOf('?') >= 0 ? '&' : '?') + q;
|
||||
options.data = null; // data is null for 'get'
|
||||
}
|
||||
else {
|
||||
options.data = q; // data is the query string for 'post'
|
||||
}
|
||||
|
||||
var $form = this, callbacks = [];
|
||||
if (options.resetForm) {
|
||||
callbacks.push(function() { $form.resetForm(); });
|
||||
}
|
||||
if (options.clearForm) {
|
||||
callbacks.push(function() { $form.clearForm(); });
|
||||
}
|
||||
|
||||
// perform a load on the target only if dataType is not provided
|
||||
if (!options.dataType && options.target) {
|
||||
var oldSuccess = options.success || function(){};
|
||||
callbacks.push(function(data) {
|
||||
var fn = options.replaceTarget ? 'replaceWith' : 'html';
|
||||
$(options.target)[fn](data).each(oldSuccess, arguments);
|
||||
});
|
||||
}
|
||||
else if (options.success) {
|
||||
callbacks.push(options.success);
|
||||
}
|
||||
|
||||
options.success = function(data, status, xhr) { // jQuery 1.4+ passes xhr as 3rd arg
|
||||
var context = options.context || options; // jQuery 1.4+ supports scope context
|
||||
for (var i=0, max=callbacks.length; i < max; i++) {
|
||||
callbacks[i].apply(context, [data, status, xhr || $form, $form]);
|
||||
}
|
||||
};
|
||||
|
||||
// are there files to upload?
|
||||
var fileInputs = $('input:file', this).length > 0;
|
||||
var mp = 'multipart/form-data';
|
||||
var multipart = ($form.attr('enctype') == mp || $form.attr('encoding') == mp);
|
||||
|
||||
// options.iframe allows user to force iframe mode
|
||||
// 06-NOV-09: now defaulting to iframe mode if file input is detected
|
||||
if (options.iframe !== false && (fileInputs || options.iframe || multipart)) {
|
||||
// hack to fix Safari hang (thanks to Tim Molendijk for this)
|
||||
// see: http://groups.google.com/group/jquery-dev/browse_thread/thread/36395b7ab510dd5d
|
||||
if (options.closeKeepAlive) {
|
||||
$.get(options.closeKeepAlive, fileUpload);
|
||||
}
|
||||
else {
|
||||
fileUpload();
|
||||
}
|
||||
}
|
||||
else {
|
||||
$.ajax(options);
|
||||
}
|
||||
|
||||
// fire 'notify' event
|
||||
this.trigger('form-submit-notify', [this, options]);
|
||||
return this;
|
||||
|
||||
|
||||
// private function for handling file uploads (hat tip to YAHOO!)
|
||||
function fileUpload() {
|
||||
var form = $form[0];
|
||||
|
||||
if ($(':input[name=submit],:input[id=submit]', form).length) {
|
||||
// if there is an input with a name or id of 'submit' then we won't be
|
||||
// able to invoke the submit fn on the form (at least not x-browser)
|
||||
alert('Error: Form elements must not have name or id of "submit".');
|
||||
return;
|
||||
}
|
||||
|
||||
var s = $.extend(true, {}, $.ajaxSettings, options);
|
||||
s.context = s.context || s;
|
||||
var id = 'jqFormIO' + (new Date().getTime()), fn = '_'+id;
|
||||
window[fn] = function() {
|
||||
var f = $io.data('form-plugin-onload');
|
||||
if (f) {
|
||||
f();
|
||||
window[fn] = undefined;
|
||||
try { delete window[fn]; } catch(e){}
|
||||
}
|
||||
}
|
||||
var $io = $('<iframe id="' + id + '" name="' + id + '" src="'+ s.iframeSrc +'" onload="window[\'_\'+this.id]()" />');
|
||||
var io = $io[0];
|
||||
|
||||
$io.css({ position: 'absolute', top: '-1000px', left: '-1000px' });
|
||||
|
||||
var xhr = { // mock object
|
||||
aborted: 0,
|
||||
responseText: null,
|
||||
responseXML: null,
|
||||
status: 0,
|
||||
statusText: 'n/a',
|
||||
getAllResponseHeaders: function() {},
|
||||
getResponseHeader: function() {},
|
||||
setRequestHeader: function() {},
|
||||
abort: function() {
|
||||
this.aborted = 1;
|
||||
$io.attr('src', s.iframeSrc); // abort op in progress
|
||||
}
|
||||
};
|
||||
|
||||
var g = s.global;
|
||||
// trigger ajax global events so that activity/block indicators work like normal
|
||||
if (g && ! $.active++) {
|
||||
$.event.trigger("ajaxStart");
|
||||
}
|
||||
if (g) {
|
||||
$.event.trigger("ajaxSend", [xhr, s]);
|
||||
}
|
||||
|
||||
if (s.beforeSend && s.beforeSend.call(s.context, xhr, s) === false) {
|
||||
if (s.global) {
|
||||
$.active--;
|
||||
}
|
||||
return;
|
||||
}
|
||||
if (xhr.aborted) {
|
||||
return;
|
||||
}
|
||||
|
||||
var cbInvoked = false;
|
||||
var timedOut = 0;
|
||||
|
||||
// add submitting element to data if we know it
|
||||
var sub = form.clk;
|
||||
if (sub) {
|
||||
var n = sub.name;
|
||||
if (n && !sub.disabled) {
|
||||
s.extraData = s.extraData || {};
|
||||
s.extraData[n] = sub.value;
|
||||
if (sub.type == "image") {
|
||||
s.extraData[n+'.x'] = form.clk_x;
|
||||
s.extraData[n+'.y'] = form.clk_y;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// take a breath so that pending repaints get some cpu time before the upload starts
|
||||
function doSubmit() {
|
||||
// make sure form attrs are set
|
||||
var t = $form.attr('target'), a = $form.attr('action');
|
||||
|
||||
// update form attrs in IE friendly way
|
||||
form.setAttribute('target',id);
|
||||
if (form.getAttribute('method') != 'POST') {
|
||||
form.setAttribute('method', 'POST');
|
||||
}
|
||||
if (form.getAttribute('action') != s.url) {
|
||||
form.setAttribute('action', s.url);
|
||||
}
|
||||
|
||||
// ie borks in some cases when setting encoding
|
||||
if (! s.skipEncodingOverride) {
|
||||
$form.attr({
|
||||
encoding: 'multipart/form-data',
|
||||
enctype: 'multipart/form-data'
|
||||
});
|
||||
}
|
||||
|
||||
// support timout
|
||||
if (s.timeout) {
|
||||
setTimeout(function() { timedOut = true; cb(); }, s.timeout);
|
||||
}
|
||||
|
||||
// add "extra" data to form if provided in options
|
||||
var extraInputs = [];
|
||||
try {
|
||||
if (s.extraData) {
|
||||
for (var n in s.extraData) {
|
||||
extraInputs.push(
|
||||
$('<input type="hidden" name="'+n+'" value="'+s.extraData[n]+'" />')
|
||||
.appendTo(form)[0]);
|
||||
}
|
||||
}
|
||||
|
||||
// add iframe to doc and submit the form
|
||||
$io.appendTo('body');
|
||||
$io.data('form-plugin-onload', cb);
|
||||
form.submit();
|
||||
}
|
||||
finally {
|
||||
// reset attrs and remove "extra" input elements
|
||||
form.setAttribute('action',a);
|
||||
if(t) {
|
||||
form.setAttribute('target', t);
|
||||
} else {
|
||||
$form.removeAttr('target');
|
||||
}
|
||||
$(extraInputs).remove();
|
||||
}
|
||||
}
|
||||
|
||||
if (s.forceSync) {
|
||||
doSubmit();
|
||||
}
|
||||
else {
|
||||
setTimeout(doSubmit, 10); // this lets dom updates render
|
||||
}
|
||||
|
||||
var data, doc, domCheckCount = 50;
|
||||
|
||||
function cb() {
|
||||
if (cbInvoked) {
|
||||
return;
|
||||
}
|
||||
|
||||
$io.removeData('form-plugin-onload');
|
||||
|
||||
var ok = true;
|
||||
try {
|
||||
if (timedOut) {
|
||||
throw 'timeout';
|
||||
}
|
||||
// extract the server response from the iframe
|
||||
doc = io.contentWindow ? io.contentWindow.document : io.contentDocument ? io.contentDocument : io.document;
|
||||
|
||||
var isXml = s.dataType == 'xml' || doc.XMLDocument || $.isXMLDoc(doc);
|
||||
log('isXml='+isXml);
|
||||
if (!isXml && window.opera && (doc.body == null || doc.body.innerHTML == '')) {
|
||||
if (--domCheckCount) {
|
||||
// in some browsers (Opera) the iframe DOM is not always traversable when
|
||||
// the onload callback fires, so we loop a bit to accommodate
|
||||
log('requeing onLoad callback, DOM not available');
|
||||
setTimeout(cb, 250);
|
||||
return;
|
||||
}
|
||||
// let this fall through because server response could be an empty document
|
||||
//log('Could not access iframe DOM after mutiple tries.');
|
||||
//throw 'DOMException: not available';
|
||||
}
|
||||
|
||||
//log('response detected');
|
||||
cbInvoked = true;
|
||||
xhr.responseText = doc.documentElement ? doc.documentElement.innerHTML : null;
|
||||
xhr.responseXML = doc.XMLDocument ? doc.XMLDocument : doc;
|
||||
xhr.getResponseHeader = function(header){
|
||||
var headers = {'content-type': s.dataType};
|
||||
return headers[header];
|
||||
};
|
||||
|
||||
var scr = /(json|script)/.test(s.dataType);
|
||||
if (scr || s.textarea) {
|
||||
// see if user embedded response in textarea
|
||||
var ta = doc.getElementsByTagName('textarea')[0];
|
||||
if (ta) {
|
||||
xhr.responseText = ta.value;
|
||||
}
|
||||
else if (scr) {
|
||||
// account for browsers injecting pre around json response
|
||||
var pre = doc.getElementsByTagName('pre')[0];
|
||||
var b = doc.getElementsByTagName('body')[0];
|
||||
if (pre) {
|
||||
xhr.responseText = pre.innerHTML;
|
||||
}
|
||||
else if (b) {
|
||||
xhr.responseText = b.innerHTML;
|
||||
}
|
||||
}
|
||||
}
|
||||
else if (s.dataType == 'xml' && !xhr.responseXML && xhr.responseText != null) {
|
||||
xhr.responseXML = toXml(xhr.responseText);
|
||||
}
|
||||
data = $.httpData(xhr, s.dataType);
|
||||
}
|
||||
catch(e){
|
||||
log('error caught:',e);
|
||||
ok = false;
|
||||
xhr.error = e;
|
||||
$.handleError(s, xhr, 'error', e);
|
||||
}
|
||||
|
||||
// ordering of these callbacks/triggers is odd, but that's how $.ajax does it
|
||||
if (ok) {
|
||||
s.success.call(s.context, data, 'success', xhr);
|
||||
if (g) {
|
||||
$.event.trigger("ajaxSuccess", [xhr, s]);
|
||||
}
|
||||
}
|
||||
if (g) {
|
||||
$.event.trigger("ajaxComplete", [xhr, s]);
|
||||
}
|
||||
if (g && ! --$.active) {
|
||||
$.event.trigger("ajaxStop");
|
||||
}
|
||||
if (s.complete) {
|
||||
s.complete.call(s.context, xhr, ok ? 'success' : 'error');
|
||||
}
|
||||
|
||||
// clean up
|
||||
setTimeout(function() {
|
||||
$io.removeData('form-plugin-onload');
|
||||
$io.remove();
|
||||
xhr.responseXML = null;
|
||||
}, 100);
|
||||
}
|
||||
|
||||
function toXml(s, doc) {
|
||||
if (window.ActiveXObject) {
|
||||
doc = new ActiveXObject('Microsoft.XMLDOM');
|
||||
doc.async = 'false';
|
||||
doc.loadXML(s);
|
||||
}
|
||||
else {
|
||||
doc = (new DOMParser()).parseFromString(s, 'text/xml');
|
||||
}
|
||||
return (doc && doc.documentElement && doc.documentElement.tagName != 'parsererror') ? doc : null;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* ajaxForm() provides a mechanism for fully automating form submission.
|
||||
*
|
||||
* The advantages of using this method instead of ajaxSubmit() are:
|
||||
*
|
||||
* 1: This method will include coordinates for <input type="image" /> elements (if the element
|
||||
* is used to submit the form).
|
||||
* 2. This method will include the submit element's name/value data (for the element that was
|
||||
* used to submit the form).
|
||||
* 3. This method binds the submit() method to the form for you.
|
||||
*
|
||||
* The options argument for ajaxForm works exactly as it does for ajaxSubmit. ajaxForm merely
|
||||
* passes the options argument along after properly binding events for submit elements and
|
||||
* the form itself.
|
||||
*/
|
||||
$.fn.ajaxForm = function(options) {
|
||||
// in jQuery 1.3+ we can fix mistakes with the ready state
|
||||
if (this.length === 0) {
|
||||
var o = { s: this.selector, c: this.context };
|
||||
if (!$.isReady && o.s) {
|
||||
log('DOM not ready, queuing ajaxForm');
|
||||
$(function() {
|
||||
$(o.s,o.c).ajaxForm(options);
|
||||
});
|
||||
return this;
|
||||
}
|
||||
// is your DOM ready? http://docs.jquery.com/Tutorials:Introducing_$(document).ready()
|
||||
log('terminating; zero elements found by selector' + ($.isReady ? '' : ' (DOM not ready)'));
|
||||
return this;
|
||||
}
|
||||
|
||||
return this.ajaxFormUnbind().bind('submit.form-plugin', function(e) {
|
||||
if (!e.isDefaultPrevented()) { // if event has been canceled, don't proceed
|
||||
e.preventDefault();
|
||||
$(this).ajaxSubmit(options);
|
||||
}
|
||||
}).bind('click.form-plugin', function(e) {
|
||||
var target = e.target;
|
||||
var $el = $(target);
|
||||
if (!($el.is(":submit,input:image"))) {
|
||||
// is this a child element of the submit el? (ex: a span within a button)
|
||||
var t = $el.closest(':submit');
|
||||
if (t.length == 0) {
|
||||
return;
|
||||
}
|
||||
target = t[0];
|
||||
}
|
||||
var form = this;
|
||||
form.clk = target;
|
||||
if (target.type == 'image') {
|
||||
if (e.offsetX != undefined) {
|
||||
form.clk_x = e.offsetX;
|
||||
form.clk_y = e.offsetY;
|
||||
} else if (typeof $.fn.offset == 'function') { // try to use dimensions plugin
|
||||
var offset = $el.offset();
|
||||
form.clk_x = e.pageX - offset.left;
|
||||
form.clk_y = e.pageY - offset.top;
|
||||
} else {
|
||||
form.clk_x = e.pageX - target.offsetLeft;
|
||||
form.clk_y = e.pageY - target.offsetTop;
|
||||
}
|
||||
}
|
||||
// clear form vars
|
||||
setTimeout(function() { form.clk = form.clk_x = form.clk_y = null; }, 100);
|
||||
});
|
||||
};
|
||||
|
||||
// ajaxFormUnbind unbinds the event handlers that were bound by ajaxForm
|
||||
$.fn.ajaxFormUnbind = function() {
|
||||
return this.unbind('submit.form-plugin click.form-plugin');
|
||||
};
|
||||
|
||||
/**
|
||||
* formToArray() gathers form element data into an array of objects that can
|
||||
* be passed to any of the following ajax functions: $.get, $.post, or load.
|
||||
* Each object in the array has both a 'name' and 'value' property. An example of
|
||||
* an array for a simple login form might be:
|
||||
*
|
||||
* [ { name: 'username', value: 'jresig' }, { name: 'password', value: 'secret' } ]
|
||||
*
|
||||
* It is this array that is passed to pre-submit callback functions provided to the
|
||||
* ajaxSubmit() and ajaxForm() methods.
|
||||
*/
|
||||
$.fn.formToArray = function(semantic) {
|
||||
var a = [];
|
||||
if (this.length === 0) {
|
||||
return a;
|
||||
}
|
||||
|
||||
var form = this[0];
|
||||
var els = semantic ? form.getElementsByTagName('*') : form.elements;
|
||||
if (!els) {
|
||||
return a;
|
||||
}
|
||||
|
||||
var i,j,n,v,el,max,jmax;
|
||||
for(i=0, max=els.length; i < max; i++) {
|
||||
el = els[i];
|
||||
n = el.name;
|
||||
if (!n) {
|
||||
continue;
|
||||
}
|
||||
|
||||
if (semantic && form.clk && el.type == "image") {
|
||||
// handle image inputs on the fly when semantic == true
|
||||
if(!el.disabled && form.clk == el) {
|
||||
a.push({name: n, value: $(el).val()});
|
||||
a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y', value: form.clk_y});
|
||||
}
|
||||
continue;
|
||||
}
|
||||
|
||||
v = $.fieldValue(el, true);
|
||||
if (v && v.constructor == Array) {
|
||||
for(j=0, jmax=v.length; j < jmax; j++) {
|
||||
a.push({name: n, value: v[j]});
|
||||
}
|
||||
}
|
||||
else if (v !== null && typeof v != 'undefined') {
|
||||
a.push({name: n, value: v});
|
||||
}
|
||||
}
|
||||
|
||||
if (!semantic && form.clk) {
|
||||
// input type=='image' are not found in elements array! handle it here
|
||||
var $input = $(form.clk), input = $input[0];
|
||||
n = input.name;
|
||||
if (n && !input.disabled && input.type == 'image') {
|
||||
a.push({name: n, value: $input.val()});
|
||||
a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y', value: form.clk_y});
|
||||
}
|
||||
}
|
||||
return a;
|
||||
};
|
||||
|
||||
/**
|
||||
* Serializes form data into a 'submittable' string. This method will return a string
|
||||
* in the format: name1=value1&name2=value2
|
||||
*/
|
||||
$.fn.formSerialize = function(semantic) {
|
||||
//hand off to jQuery.param for proper encoding
|
||||
return $.param(this.formToArray(semantic));
|
||||
};
|
||||
|
||||
/**
|
||||
* Serializes all field elements in the jQuery object into a query string.
|
||||
* This method will return a string in the format: name1=value1&name2=value2
|
||||
*/
|
||||
$.fn.fieldSerialize = function(successful) {
|
||||
var a = [];
|
||||
this.each(function() {
|
||||
var n = this.name;
|
||||
if (!n) {
|
||||
return;
|
||||
}
|
||||
var v = $.fieldValue(this, successful);
|
||||
if (v && v.constructor == Array) {
|
||||
for (var i=0,max=v.length; i < max; i++) {
|
||||
a.push({name: n, value: v[i]});
|
||||
}
|
||||
}
|
||||
else if (v !== null && typeof v != 'undefined') {
|
||||
a.push({name: this.name, value: v});
|
||||
}
|
||||
});
|
||||
//hand off to jQuery.param for proper encoding
|
||||
return $.param(a);
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns the value(s) of the element in the matched set. For example, consider the following form:
|
||||
*
|
||||
* <form><fieldset>
|
||||
* <input name="A" type="text" />
|
||||
* <input name="A" type="text" />
|
||||
* <input name="B" type="checkbox" value="B1" />
|
||||
* <input name="B" type="checkbox" value="B2"/>
|
||||
* <input name="C" type="radio" value="C1" />
|
||||
* <input name="C" type="radio" value="C2" />
|
||||
* </fieldset></form>
|
||||
*
|
||||
* var v = $(':text').fieldValue();
|
||||
* // if no values are entered into the text inputs
|
||||
* v == ['','']
|
||||
* // if values entered into the text inputs are 'foo' and 'bar'
|
||||
* v == ['foo','bar']
|
||||
*
|
||||
* var v = $(':checkbox').fieldValue();
|
||||
* // if neither checkbox is checked
|
||||
* v === undefined
|
||||
* // if both checkboxes are checked
|
||||
* v == ['B1', 'B2']
|
||||
*
|
||||
* var v = $(':radio').fieldValue();
|
||||
* // if neither radio is checked
|
||||
* v === undefined
|
||||
* // if first radio is checked
|
||||
* v == ['C1']
|
||||
*
|
||||
* The successful argument controls whether or not the field element must be 'successful'
|
||||
* (per http://www.w3.org/TR/html4/interact/forms.html#successful-controls).
|
||||
* The default value of the successful argument is true. If this value is false the value(s)
|
||||
* for each element is returned.
|
||||
*
|
||||
* Note: This method *always* returns an array. If no valid value can be determined the
|
||||
* array will be empty, otherwise it will contain one or more values.
|
||||
*/
|
||||
$.fn.fieldValue = function(successful) {
|
||||
for (var val=[], i=0, max=this.length; i < max; i++) {
|
||||
var el = this[i];
|
||||
var v = $.fieldValue(el, successful);
|
||||
if (v === null || typeof v == 'undefined' || (v.constructor == Array && !v.length)) {
|
||||
continue;
|
||||
}
|
||||
v.constructor == Array ? $.merge(val, v) : val.push(v);
|
||||
}
|
||||
return val;
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns the value of the field element.
|
||||
*/
|
||||
$.fieldValue = function(el, successful) {
|
||||
var n = el.name, t = el.type, tag = el.tagName.toLowerCase();
|
||||
if (successful === undefined) {
|
||||
successful = true;
|
||||
}
|
||||
|
||||
if (successful && (!n || el.disabled || t == 'reset' || t == 'button' ||
|
||||
(t == 'checkbox' || t == 'radio') && !el.checked ||
|
||||
(t == 'submit' || t == 'image') && el.form && el.form.clk != el ||
|
||||
tag == 'select' && el.selectedIndex == -1)) {
|
||||
return null;
|
||||
}
|
||||
|
||||
if (tag == 'select') {
|
||||
var index = el.selectedIndex;
|
||||
if (index < 0) {
|
||||
return null;
|
||||
}
|
||||
var a = [], ops = el.options;
|
||||
var one = (t == 'select-one');
|
||||
var max = (one ? index+1 : ops.length);
|
||||
for(var i=(one ? index : 0); i < max; i++) {
|
||||
var op = ops[i];
|
||||
if (op.selected) {
|
||||
var v = op.value;
|
||||
if (!v) { // extra pain for IE...
|
||||
v = (op.attributes && op.attributes['value'] && !(op.attributes['value'].specified)) ? op.text : op.value;
|
||||
}
|
||||
if (one) {
|
||||
return v;
|
||||
}
|
||||
a.push(v);
|
||||
}
|
||||
}
|
||||
return a;
|
||||
}
|
||||
return $(el).val();
|
||||
};
|
||||
|
||||
/**
|
||||
* Clears the form data. Takes the following actions on the form's input fields:
|
||||
* - input text fields will have their 'value' property set to the empty string
|
||||
* - select elements will have their 'selectedIndex' property set to -1
|
||||
* - checkbox and radio inputs will have their 'checked' property set to false
|
||||
* - inputs of type submit, button, reset, and hidden will *not* be effected
|
||||
* - button elements will *not* be effected
|
||||
*/
|
||||
$.fn.clearForm = function() {
|
||||
return this.each(function() {
|
||||
$('input,select,textarea', this).clearFields();
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Clears the selected form elements.
|
||||
*/
|
||||
$.fn.clearFields = $.fn.clearInputs = function() {
|
||||
return this.each(function() {
|
||||
var t = this.type, tag = this.tagName.toLowerCase();
|
||||
if (t == 'text' || t == 'password' || tag == 'textarea') {
|
||||
this.value = '';
|
||||
}
|
||||
else if (t == 'checkbox' || t == 'radio') {
|
||||
this.checked = false;
|
||||
}
|
||||
else if (tag == 'select') {
|
||||
this.selectedIndex = -1;
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Resets the form data. Causes all form elements to be reset to their original value.
|
||||
*/
|
||||
$.fn.resetForm = function() {
|
||||
return this.each(function() {
|
||||
// guard against an input with the name of 'reset'
|
||||
// note that IE reports the reset function as an 'object'
|
||||
if (typeof this.reset == 'function' || (typeof this.reset == 'object' && !this.reset.nodeType)) {
|
||||
this.reset();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Enables or disables any matching elements.
|
||||
*/
|
||||
$.fn.enable = function(b) {
|
||||
if (b === undefined) {
|
||||
b = true;
|
||||
}
|
||||
return this.each(function() {
|
||||
this.disabled = !b;
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Checks/unchecks any matching checkboxes or radio buttons and
|
||||
* selects/deselects and matching option elements.
|
||||
*/
|
||||
$.fn.selected = function(select) {
|
||||
if (select === undefined) {
|
||||
select = true;
|
||||
}
|
||||
return this.each(function() {
|
||||
var t = this.type;
|
||||
if (t == 'checkbox' || t == 'radio') {
|
||||
this.checked = select;
|
||||
}
|
||||
else if (this.tagName.toLowerCase() == 'option') {
|
||||
var $sel = $(this).parent('select');
|
||||
if (select && $sel[0] && $sel[0].type == 'select-one') {
|
||||
// deselect all other options
|
||||
$sel.find('option').selected(false);
|
||||
}
|
||||
this.selected = select;
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// helper fn for console logging
|
||||
// set $.fn.ajaxSubmit.debug to true to enable debug logging
|
||||
function log() {
|
||||
if ($.fn.ajaxSubmit.debug) {
|
||||
var msg = '[jquery.form] ' + Array.prototype.join.call(arguments,'');
|
||||
if (window.console && window.console.log) {
|
||||
window.console.log(msg);
|
||||
}
|
||||
else if (window.opera && window.opera.postError) {
|
||||
window.opera.postError(msg);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
@@ -1,253 +0,0 @@
|
||||
var p4 = p4 || {};
|
||||
|
||||
(function (window, p4, $) {
|
||||
|
||||
var Lists = function () {
|
||||
|
||||
};
|
||||
|
||||
var List = function (id) {
|
||||
|
||||
if (parseInt(id) <= 0) {
|
||||
throw 'Invalid list id';
|
||||
}
|
||||
|
||||
this.id = id;
|
||||
};
|
||||
|
||||
Lists.prototype = {
|
||||
create: function (name, callback) {
|
||||
|
||||
var $this = this;
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: '/prod/lists/list/',
|
||||
dataType: 'json',
|
||||
data: {name: name},
|
||||
success: function (data) {
|
||||
if (data.success) {
|
||||
humane.info(data.message);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
var list = new List(data.list_id);
|
||||
callback(list);
|
||||
}
|
||||
}
|
||||
else {
|
||||
humane.error(data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
get: function (callback, type) {
|
||||
|
||||
var $this = this;
|
||||
type = typeof type === 'undefined' ? 'json' : type;
|
||||
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: '/prod/lists/all/',
|
||||
dataType: type,
|
||||
data: {},
|
||||
success: function (data) {
|
||||
if (type == 'json') {
|
||||
if (data.success) {
|
||||
humane.info(data.message);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
callback(data.result);
|
||||
}
|
||||
}
|
||||
else {
|
||||
humane.error(data.message);
|
||||
}
|
||||
}
|
||||
else {
|
||||
if (typeof callback === 'function') {
|
||||
callback(data);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
List.prototype = {
|
||||
addUsers: function (arrayUsers, callback) {
|
||||
|
||||
if (!arrayUsers instanceof Array) {
|
||||
throw 'addUsers takes array as argument';
|
||||
}
|
||||
|
||||
var $this = this;
|
||||
var data = {usr_ids: $(arrayUsers).toArray()};
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: '/prod/lists/list/' + $this.id + '/add/',
|
||||
dataType: 'json',
|
||||
data: data,
|
||||
success: function (data) {
|
||||
if (data.success) {
|
||||
humane.info(data.message);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
callback($this, data);
|
||||
}
|
||||
}
|
||||
else {
|
||||
humane.error(data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
addUser: function (usr_id, callback) {
|
||||
this.addUsers([usr_id], callback);
|
||||
},
|
||||
remove: function (callback) {
|
||||
|
||||
var $this = this;
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: '/prod/lists/list/' + this.id + '/delete/',
|
||||
dataType: 'json',
|
||||
data: {},
|
||||
success: function (data) {
|
||||
if (data.success) {
|
||||
humane.info(data.message);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
callback($this);
|
||||
}
|
||||
}
|
||||
else {
|
||||
humane.error(data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
update: function (name, callback) {
|
||||
|
||||
var $this = this;
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: '/prod/lists/list/' + this.id + '/update/',
|
||||
dataType: 'json',
|
||||
data: { name: name },
|
||||
success: function (data) {
|
||||
if (data.success) {
|
||||
humane.info(data.message);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
callback($this);
|
||||
}
|
||||
}
|
||||
else {
|
||||
humane.error(data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
removeUser: function (usr_id, callback) {
|
||||
|
||||
var $this = this;
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: '/prod/lists/list/' + this.id + '/remove/' + usr_id + '/',
|
||||
dataType: 'json',
|
||||
data: {},
|
||||
success: function (data) {
|
||||
if (data.success) {
|
||||
humane.info(data.message);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
callback($this, data);
|
||||
}
|
||||
}
|
||||
else {
|
||||
humane.error(data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
shareWith: function (usr_id, role, callback) {
|
||||
|
||||
var $this = this;
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: '/prod/lists/list/' + this.id + '/share/' + usr_id + '/',
|
||||
dataType: 'json',
|
||||
data: {role: role},
|
||||
success: function (data) {
|
||||
if (data.success) {
|
||||
humane.info(data.message);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
callback($this);
|
||||
}
|
||||
}
|
||||
else {
|
||||
humane.error(data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
unshareWith: function (callback) {
|
||||
|
||||
var $this = this;
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: '/prod/lists/list/' + this.id + '/unshare/' + usr_id + '/',
|
||||
dataType: 'json',
|
||||
data: {},
|
||||
success: function (data) {
|
||||
if (data.success) {
|
||||
humane.info(data.message);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
callback($this);
|
||||
}
|
||||
}
|
||||
else {
|
||||
humane.error(data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
get: function (callback) {
|
||||
|
||||
var $this = this;
|
||||
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: '/prod/lists/list/' + this.id + '/',
|
||||
dataType: 'json',
|
||||
data: {},
|
||||
success: function (data) {
|
||||
if (data.success) {
|
||||
humane.info(data.message);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
callback($this, data);
|
||||
}
|
||||
}
|
||||
else {
|
||||
humane.error(data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
p4.Lists = new Lists();
|
||||
document.List = List;
|
||||
|
||||
})(document, p4, jQuery);
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,540 +0,0 @@
|
||||
var prevAjax, prevAjaxrunning;
|
||||
prevAjaxrunning = false;
|
||||
p4.slideShow = false;
|
||||
|
||||
$(document).ready(function () {
|
||||
$('#PREVIEWIMGDESC').tabs();
|
||||
});
|
||||
|
||||
|
||||
function getNewVideoToken(lst, obj) {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "../prod/records/renew-url/",
|
||||
dataType: 'json',
|
||||
data: {
|
||||
lst: lst
|
||||
},
|
||||
success: function (data) {
|
||||
if (!data[lst])
|
||||
return;
|
||||
obj.unload();
|
||||
obj.setClip({url: data[lst]});
|
||||
obj.play();
|
||||
return;
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param env
|
||||
* @param pos - relative position in current page
|
||||
* @param contId
|
||||
* @param reload
|
||||
*/
|
||||
function openPreview(event, env, pos, contId, reload) {
|
||||
if (contId == undefined)
|
||||
contId = '';
|
||||
var roll = 0;
|
||||
var justOpen = false;
|
||||
|
||||
var options_serial = p4.tot_options;
|
||||
var query = p4.tot_query;
|
||||
var navigation = p4.navigation;
|
||||
var navigationContext = '';
|
||||
|
||||
// keep relative position for answer train:
|
||||
var relativePos = pos;
|
||||
var absolutePos = 0;
|
||||
|
||||
if (!p4.preview.open) {
|
||||
showOverlay();
|
||||
|
||||
$('#PREVIEWIMGCONT').disableSelection();
|
||||
|
||||
justOpen = true;
|
||||
|
||||
if (!( navigator.userAgent.match(/msie/i))) {
|
||||
$('#PREVIEWBOX').css({
|
||||
'display': 'block',
|
||||
'opacity': 0
|
||||
}).fadeTo(500, 1);
|
||||
} else {
|
||||
$('#PREVIEWBOX').css({
|
||||
'display': 'block',
|
||||
'opacity': 1
|
||||
});
|
||||
}
|
||||
p4.preview.open = true;
|
||||
p4.preview.nCurrent = 5;
|
||||
$('#PREVIEWCURRENT, #PREVIEWOTHERSINNER, #SPANTITLE').empty();
|
||||
resizePreview();
|
||||
if (env == 'BASK')
|
||||
roll = 1;
|
||||
|
||||
// if comes from story and in workzone
|
||||
if (env == 'REG') {
|
||||
navigationContext = 'storyFromResults';
|
||||
var $source = $(event);
|
||||
if( $source.hasClass('CHIM')) {
|
||||
navigationContext = 'storyFromWorkzone';
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if (reload === true)
|
||||
roll = 1;
|
||||
|
||||
|
||||
$('#tooltip').css({
|
||||
'display': 'none'
|
||||
});
|
||||
|
||||
$('#PREVIEWIMGCONT').empty();
|
||||
|
||||
if (navigationContext === 'storyFromWorkzone') {
|
||||
// if event comes from workzone, set to relative position (CHIM == chutier image)
|
||||
absolutePos = relativePos;
|
||||
} else if (navigationContext === 'storyFromResults') {
|
||||
absolutePos = 0;
|
||||
} else {
|
||||
// update real absolute position with pagination for records:
|
||||
absolutePos = parseInt(navigation.perPage, 10) * (parseInt(navigation.page, 10) - 1) + parseInt(pos, 10);
|
||||
}
|
||||
|
||||
prevAjax = $.ajax({
|
||||
type: "POST",
|
||||
url: "../prod/records/",
|
||||
dataType: 'json',
|
||||
data: {
|
||||
env: env,
|
||||
pos: absolutePos,
|
||||
cont: contId,
|
||||
roll: roll,
|
||||
options_serial: options_serial,
|
||||
query: query
|
||||
},
|
||||
beforeSend: function () {
|
||||
if (prevAjaxrunning)
|
||||
prevAjax.abort();
|
||||
if (env == 'RESULT')
|
||||
$('#current_result_n').empty().append(parseInt(pos) + 1);
|
||||
prevAjaxrunning = true;
|
||||
$('#PREVIEWIMGDESC, #PREVIEWOTHERS').addClass('loading');
|
||||
},
|
||||
error: function (data) {
|
||||
prevAjaxrunning = false;
|
||||
$('#PREVIEWIMGDESC, #PREVIEWOTHERS').removeClass('loading');
|
||||
posAsk = null;
|
||||
},
|
||||
timeout: function () {
|
||||
prevAjaxrunning = false;
|
||||
$('#PREVIEWIMGDESC, #PREVIEWOTHERS').removeClass('loading');
|
||||
posAsk = null;
|
||||
},
|
||||
success: function (data) {
|
||||
cancelPreview();
|
||||
prevAjaxrunning = false;
|
||||
posAsk = null;
|
||||
|
||||
if (data.error) {
|
||||
$('#PREVIEWIMGDESC, #PREVIEWOTHERS').removeClass('loading');
|
||||
alert(data.error);
|
||||
if (justOpen)
|
||||
closePreview();
|
||||
return;
|
||||
}
|
||||
posAsk = data.pos - 1;
|
||||
|
||||
$('#PREVIEWIMGCONT').empty().append(data.html_preview);
|
||||
$('#PREVIEWIMGCONT .thumb_wrapper')
|
||||
.width('100%').height('100%').image_enhance({zoomable: true});
|
||||
|
||||
$('#PREVIEWIMGDESCINNER').empty().append(data.desc);
|
||||
$('#HISTORICOPS').empty().append(data.history);
|
||||
$('#popularity').empty().append(data.popularity);
|
||||
|
||||
if ($('#popularity .bitly_link').length > 0) {
|
||||
|
||||
BitlyCB.statsResponse = function (data) {
|
||||
var result = data.results;
|
||||
if ($('#popularity .bitly_link_' + result.userHash).length > 0) {
|
||||
$('#popularity .bitly_link_' + result.userHash).append(' (' + result.clicks + ' clicks)');
|
||||
}
|
||||
};
|
||||
BitlyClient.stats($('#popularity .bitly_link').html(), 'BitlyCB.statsResponse');
|
||||
}
|
||||
|
||||
p4.preview.current = {};
|
||||
p4.preview.current.width = parseInt($('#PREVIEWIMGCONT input[name=width]').val());
|
||||
p4.preview.current.height = parseInt($('#PREVIEWIMGCONT input[name=height]').val());
|
||||
p4.preview.current.tot = data.tot;
|
||||
p4.preview.current.pos = relativePos;
|
||||
|
||||
if ($('#PREVIEWBOX img.record.zoomable').length > 0) {
|
||||
$('#PREVIEWBOX img.record.zoomable').draggable();
|
||||
}
|
||||
|
||||
$('#SPANTITLE').empty().append(data.title);
|
||||
$("#PREVIEWTITLE_COLLLOGO").empty().append(data.collection_logo);
|
||||
$("#PREVIEWTITLE_COLLNAME").empty().append(data.databox_name + ' / ' + data.collection_name);
|
||||
|
||||
setPreview();
|
||||
|
||||
if (env != 'RESULT') {
|
||||
if (justOpen || reload) {
|
||||
setCurrent(data.current);
|
||||
}
|
||||
viewCurrent($('#PREVIEWCURRENT li.selected'));
|
||||
}
|
||||
else {
|
||||
if (!justOpen) {
|
||||
$('#PREVIEWCURRENT li.selected').removeClass('selected');
|
||||
$('#PREVIEWCURRENTCONT li.current' + absolutePos).addClass('selected');
|
||||
}
|
||||
if (justOpen || ($('#PREVIEWCURRENTCONT li.current' + absolutePos).length === 0) || ($('#PREVIEWCURRENTCONT li:last')[0] == $('#PREVIEWCURRENTCONT li.selected')[0]) || ($('#PREVIEWCURRENTCONT li:first')[0] == $('#PREVIEWCURRENTCONT li.selected')[0])) {
|
||||
getAnswerTrain(pos, data.tools, query, options_serial);
|
||||
}
|
||||
|
||||
viewCurrent($('#PREVIEWCURRENT li.selected'));
|
||||
}
|
||||
if (env == 'REG' && $('#PREVIEWCURRENT').html() === '') {
|
||||
getRegTrain(contId, pos, data.tools);
|
||||
}
|
||||
setOthers(data.others);
|
||||
setTools(data.tools);
|
||||
$('#tooltip').css({
|
||||
'display': 'none'
|
||||
});
|
||||
$('#PREVIEWIMGDESC, #PREVIEWOTHERS').removeClass('loading');
|
||||
if (!justOpen || (p4.preview.mode != env))
|
||||
resizePreview();
|
||||
|
||||
p4.preview.mode = env;
|
||||
$('#EDIT_query').focus();
|
||||
|
||||
$('#PREVIEWOTHERSINNER .otherBaskToolTip').tooltip();
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function zoomPreview(bool) {
|
||||
|
||||
var el = $('#PREVIEWIMGCONT img.record');
|
||||
|
||||
if (el.length === 0)
|
||||
return;
|
||||
|
||||
var t1 = parseInt(el.css('top'));
|
||||
var l1 = parseInt(el.css('left'));
|
||||
var w1 = el.width();
|
||||
var h1 = el.height();
|
||||
|
||||
var w2, t2;
|
||||
|
||||
if (bool) {
|
||||
if (w1 * 1.08 < 32767)
|
||||
w2 = w1 * 1.08;
|
||||
else
|
||||
w2 = w1;
|
||||
}
|
||||
else {
|
||||
if (w1 / 1.08 > 20)
|
||||
w2 = w1 / 1.08;
|
||||
else
|
||||
w2 = w1;
|
||||
}
|
||||
|
||||
var ratio = p4.preview.current.width / p4.preview.current.height;
|
||||
h2 = Math.round(w2 / ratio);
|
||||
w2 = Math.round(w2);
|
||||
|
||||
t2 = Math.round(t1 - (h2 - h1) / 2) + 'px';
|
||||
var l2 = Math.round(l1 - (w2 - w1) / 2) + 'px';
|
||||
|
||||
var wPreview = $('#PREVIEWIMGCONT').width() / 2;
|
||||
var hPreview = $('#PREVIEWIMGCONT').height() / 2;
|
||||
|
||||
var nt = Math.round((h2 / h1) * (t1 - hPreview) + hPreview);
|
||||
var nl = Math.round(((w2 / w1) * (l1 - wPreview)) + wPreview);
|
||||
|
||||
el.css({
|
||||
left: nl,
|
||||
top: nt
|
||||
}).width(w2).height(h2);
|
||||
}
|
||||
|
||||
function getAnswerTrain(pos, tools, query, options_serial) {
|
||||
// keep relative position for answer train:
|
||||
var relativePos = pos;
|
||||
// update real absolute position with pagination:
|
||||
var absolutePos = parseInt(p4.navigation.perPage,10) * (parseInt(p4.navigation.page, 10) - 1) + parseInt(pos,10);
|
||||
|
||||
$('#PREVIEWCURRENTCONT').fadeOut('fast');
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/prod/query/answer-train/",
|
||||
dataType: 'json',
|
||||
data: {
|
||||
pos: absolutePos,
|
||||
options_serial: options_serial,
|
||||
query: query
|
||||
},
|
||||
success: function (data) {
|
||||
setCurrent(data.current);
|
||||
viewCurrent($('#PREVIEWCURRENT li.selected'));
|
||||
setTools(tools);
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function getRegTrain(contId, pos, tools) {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/prod/query/reg-train/",
|
||||
dataType: 'json',
|
||||
data: {
|
||||
cont: contId,
|
||||
pos: pos
|
||||
},
|
||||
success: function (data) {
|
||||
setCurrent(data.current);
|
||||
viewCurrent($('#PREVIEWCURRENT li.selected'));
|
||||
if (typeof(tools) != 'undefined')
|
||||
setTools(tools);
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function bounce(sbid, term, field) {
|
||||
doThesSearch('T', sbid, term, field);
|
||||
closePreview();
|
||||
}
|
||||
|
||||
function setTitle(title) {
|
||||
$('#SPANTITLE').empty().append(title);
|
||||
}
|
||||
|
||||
function cancelPreview() {
|
||||
$('#PREVIEWIMGDESCINNER').empty();
|
||||
$('#PREVIEWIMGCONT').empty();
|
||||
p4.preview.current = false;
|
||||
}
|
||||
|
||||
|
||||
function startSlide() {
|
||||
if (!p4.slideShow) {
|
||||
p4.slideShow = true;
|
||||
}
|
||||
if (p4.slideShowCancel) {
|
||||
p4.slideShowCancel = false;
|
||||
p4.slideShow = false;
|
||||
$('#start_slide').show();
|
||||
$('#stop_slide').hide();
|
||||
}
|
||||
if (!p4.preview.open) {
|
||||
p4.slideShowCancel = false;
|
||||
p4.slideShow = false;
|
||||
$('#start_slide').show();
|
||||
$('#stop_slide').hide();
|
||||
}
|
||||
if (p4.slideShow) {
|
||||
$('#start_slide').hide();
|
||||
$('#stop_slide').show();
|
||||
getNext();
|
||||
setTimeout("startSlide()", 3000);
|
||||
}
|
||||
}
|
||||
|
||||
function stopSlide() {
|
||||
p4.slideShowCancel = true;
|
||||
$('#start_slide').show();
|
||||
$('#stop_slide').hide();
|
||||
}
|
||||
|
||||
//var posAsk = null;
|
||||
|
||||
function getNext() {
|
||||
if (p4.preview.mode == 'REG' && parseInt(p4.preview.current.pos) === 0)
|
||||
$('#PREVIEWCURRENTCONT li img:first').trigger("click");
|
||||
else {
|
||||
if (p4.preview.mode == 'RESULT') {
|
||||
posAsk = parseInt(p4.preview.current.pos) + 1;
|
||||
posAsk = (posAsk >= parseInt(p4.tot) || isNaN(posAsk)) ? 0 : posAsk;
|
||||
openPreview(false, 'RESULT', posAsk, '', false);
|
||||
}
|
||||
else {
|
||||
if (!$('#PREVIEWCURRENT li.selected').is(':last-child'))
|
||||
$('#PREVIEWCURRENT li.selected').next().children('img').trigger("click");
|
||||
else
|
||||
$('#PREVIEWCURRENT li:first-child').children('img').trigger("click");
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
function reloadPreview() {
|
||||
$('#PREVIEWCURRENT li.selected img').trigger("click");
|
||||
}
|
||||
|
||||
function getPrevious() {
|
||||
if (p4.preview.mode == 'RESULT') {
|
||||
posAsk = parseInt(p4.preview.current.pos) - 1;
|
||||
if (p4.navigation.page === 1) {
|
||||
// may go to last result
|
||||
posAsk = (posAsk < 0) ? ((parseInt(p4.tot) - 1)) : posAsk;
|
||||
}
|
||||
openPreview(false, 'RESULT', posAsk, '', false);
|
||||
}
|
||||
else {
|
||||
if (!$('#PREVIEWCURRENT li.selected').is(':first-child'))
|
||||
$('#PREVIEWCURRENT li.selected').prev().children('img').trigger("click");
|
||||
else
|
||||
$('#PREVIEWCURRENT li:last-child').children('img').trigger("click");
|
||||
}
|
||||
}
|
||||
|
||||
function setOthers(others) {
|
||||
|
||||
$('#PREVIEWOTHERSINNER').empty();
|
||||
if (others !== '') {
|
||||
$('#PREVIEWOTHERSINNER').append(others);
|
||||
|
||||
$('#PREVIEWOTHERS table.otherRegToolTip').tooltip();
|
||||
}
|
||||
}
|
||||
|
||||
function setTools(tools) {
|
||||
$('#PREVIEWTOOL').empty().append(tools);
|
||||
if (!p4.slideShowCancel && p4.slideShow) {
|
||||
$('#start_slide').hide();
|
||||
$('#stop_slide').show();
|
||||
} else {
|
||||
$('#start_slide').show();
|
||||
$('#stop_slide').hide();
|
||||
}
|
||||
}
|
||||
|
||||
function setCurrent(current) {
|
||||
if (current !== '') {
|
||||
var el = $('#PREVIEWCURRENT');
|
||||
el.removeClass('loading').empty().append(current);
|
||||
|
||||
$('ul', el).width($('li', el).length * 80);
|
||||
$('img.prevRegToolTip', el).tooltip();
|
||||
$.each($('img.openPreview'), function (i, el) {
|
||||
var jsopt = $(el).attr('jsargs').split('|');
|
||||
$(el).removeAttr('jsargs');
|
||||
$(el).removeClass('openPreview');
|
||||
$(el).bind('click', function () {
|
||||
viewCurrent($(this).parent());
|
||||
// convert abssolute to relative position
|
||||
var absolutePos = jsopt[1];
|
||||
var relativePos = parseInt(absolutePos, 10) - parseInt(p4.navigation.perPage, 10) * (parseInt(p4.navigation.page, 10) - 1);
|
||||
// keep relative position for answer train:
|
||||
openPreview(this, jsopt[0], relativePos, jsopt[2],false);
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function viewCurrent(el) {
|
||||
if (el.length === 0) {
|
||||
return;
|
||||
}
|
||||
$('#PREVIEWCURRENT li.selected').removeClass('selected');
|
||||
el.addClass('selected');
|
||||
$('#PREVIEWCURRENTCONT').animate({'scrollLeft': ($('#PREVIEWCURRENT li.selected').position().left + $('#PREVIEWCURRENT li.selected').width() / 2 - ($('#PREVIEWCURRENTCONT').width() / 2 ))});
|
||||
return;
|
||||
}
|
||||
|
||||
function setPreview() {
|
||||
if (!p4.preview.current)
|
||||
return;
|
||||
|
||||
var zoomable = $('img.record.zoomable');
|
||||
if (zoomable.length > 0 && zoomable.hasClass('zoomed'))
|
||||
return;
|
||||
|
||||
var h = parseInt(p4.preview.current.height);
|
||||
var w = parseInt(p4.preview.current.width);
|
||||
// if(p4.preview.current.type == 'video')
|
||||
// {
|
||||
// var h = parseInt(p4.preview.current.flashcontent.height);
|
||||
// var w = parseInt(p4.preview.current.flashcontent.width);
|
||||
// }
|
||||
var t = 20;
|
||||
var de = 0;
|
||||
|
||||
var margX = 0;
|
||||
var margY = 0;
|
||||
|
||||
if ($('#PREVIEWIMGCONT .record_audio').length > 0) {
|
||||
margY = 100;
|
||||
de = 60;
|
||||
}
|
||||
|
||||
|
||||
// if(p4.preview.current.type != 'flash')
|
||||
// {
|
||||
var ratioP = w / h;
|
||||
var ratioD = parseInt(p4.preview.width) / parseInt(p4.preview.height);
|
||||
|
||||
if (ratioD > ratioP) {
|
||||
//je regle la hauteur d'abord
|
||||
if ((parseInt(h) + margY) > parseInt(p4.preview.height)) {
|
||||
h = Math.round(parseInt(p4.preview.height) - margY);
|
||||
w = Math.round(h * ratioP);
|
||||
}
|
||||
}
|
||||
else {
|
||||
if ((parseInt(w) + margX) > parseInt(p4.preview.width)) {
|
||||
w = Math.round(parseInt(p4.preview.width) - margX);
|
||||
h = Math.round(w / ratioP);
|
||||
}
|
||||
}
|
||||
// }
|
||||
// else
|
||||
// {
|
||||
|
||||
// h = Math.round(parseInt(p4.preview.height) - margY);
|
||||
// w = Math.round(parseInt(p4.preview.width) - margX);
|
||||
// }
|
||||
t = Math.round((parseInt(p4.preview.height) - h - de) / 2);
|
||||
var l = Math.round((parseInt(p4.preview.width) - w) / 2);
|
||||
$('#PREVIEWIMGCONT .record').css({
|
||||
width: w,
|
||||
height: h,
|
||||
top: t,
|
||||
left: l
|
||||
}).attr('width', w).attr('height', h);
|
||||
}
|
||||
|
||||
function classicMode() {
|
||||
$('#PREVIEWCURRENTCONT').animate({'scrollLeft': ($('#PREVIEWCURRENT li.selected').position().left - 160)});
|
||||
p4.currentViewMode = 'classic';
|
||||
}
|
||||
|
||||
function closePreview() {
|
||||
p4.preview.open = false;
|
||||
hideOverlay();
|
||||
|
||||
$('#PREVIEWBOX').fadeTo(500, 0);
|
||||
$('#PREVIEWBOX').queue(function () {
|
||||
$(this).css({
|
||||
'display': 'none'
|
||||
});
|
||||
cancelPreview();
|
||||
$(this).dequeue();
|
||||
});
|
||||
|
||||
}
|
||||
@@ -1,15 +0,0 @@
|
||||
function publicator_reload_publicator(url) {
|
||||
var options = $('#dialog_publicator form[name="current_datas"]').serializeArray();
|
||||
var dialog = p4.Dialog.get(1);
|
||||
dialog.load(url, 'POST', options);
|
||||
}
|
||||
|
||||
function init_publicator(url, datas) {
|
||||
var dialog = p4.Dialog.Create({
|
||||
size: 'Full',
|
||||
title: 'Bridge',
|
||||
loading: false
|
||||
});
|
||||
|
||||
dialog.load(url, 'POST', datas);
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -7,7 +7,7 @@
|
||||
<script src="../../../../../www/assets/vendors/jquery-ui/jquery-ui.js"></script>
|
||||
<script src="../../../../../www/bower_components/qunit/qunit/qunit.js"></script>
|
||||
<script src="../../../../../www/assets/vendors/blueimp-load-image/load-image.js"></script>
|
||||
<script src="../jquery.Upload.js"></script>
|
||||
<script src="../components/upload/jquery.Upload.js"></script>
|
||||
<link type="text/css" rel="stylesheet" href="../../../../../www/bower_components/qunit/qunit/qunit.css"/>
|
||||
<script> $(document).ready(function(){
|
||||
|
||||
|
||||
@@ -1,163 +0,0 @@
|
||||
$skinsImagesPath: '/assets/vendors/jquery-ui/images/dark-hive/';
|
||||
|
||||
$defaultBorderColor: #303030;
|
||||
$defaultBorderRadius: 2px;
|
||||
|
||||
$textPrimaryColor: #FFFFFF; //#b1b1b1;
|
||||
$textPrimaryHoverColor: #FFFFFF;
|
||||
$textPrimaryActiveColor: #FFFFFF;
|
||||
$textPrimaryInverseColor: #3b3b3b;
|
||||
$textSecondaryColor: #999999;
|
||||
|
||||
$highlightDarkerColor: #0c4554;
|
||||
|
||||
$highlightBackgroundColor: #076882;
|
||||
$highlightBackgroundAltColor: #0c4554;
|
||||
$highlightBorderColor: #0c4554;
|
||||
$highlightTextColor: #FFFFFF;
|
||||
|
||||
$darkerBackgroundColor: #1A1A1A;
|
||||
$darkerBorderColor: #404040;
|
||||
$darkerTextColor: #FFFFFF;
|
||||
$darkerTextHoverColor: #FFFFFF;
|
||||
|
||||
$darkBackgroundColor: #292929;
|
||||
$darkBorderColor: #303030;
|
||||
$darkTextColor: #A6A6A6;
|
||||
|
||||
$mediumBackgroundColor: #3b3b3b;
|
||||
$mediumBackgroundHoverColor: #666666;
|
||||
$mediumBorderColor: #303030; //#404040; //
|
||||
$mediumBorderHighlightColor: $darkerBorderColor; //#666666;
|
||||
$mediumTextColor: #a1a1a1;
|
||||
$mediumTextHoverColor: #EAEAEA;
|
||||
$mediumTextActiveColor: #EAEAEA;
|
||||
|
||||
$lightBackgroundColor: #404040;
|
||||
$lightBackgroundSelectedColor: lighten($lightBackgroundColor, 10);
|
||||
$lightBackgroundActiveColor: lighten($lightBackgroundColor, 10);
|
||||
$lightBorderColor: #404040;
|
||||
$lightBorderSelectedColor: lighten($lightBorderColor, 10);
|
||||
$lightBorderActiveColor: lighten($lightBorderColor, 10);
|
||||
$lightTextColor: #FFFFFF;
|
||||
|
||||
// inverse
|
||||
$textInverseColor: #FFFFFF;
|
||||
$textInverseHoverColor: #000;
|
||||
$bgInverseHoverColor: #FFF;
|
||||
|
||||
/******* GLOBAL PROD **********************************************************/
|
||||
|
||||
$scrollBgColor: #3b3b3b;
|
||||
|
||||
$paginateBorderColor: #3b3b3b;
|
||||
$paginateTextColor: #3b3b3b;
|
||||
$paginateBg1: #141414;
|
||||
$contextMenuBgHover: $highlightDarkerColor;
|
||||
|
||||
|
||||
$uploadBg1: #FFFFFF;
|
||||
$uploadBg2: #FFFFFF;
|
||||
$uploadLoaderImg: 'loader-black.gif';
|
||||
|
||||
$bridgeDropdownToggleBg: #222222;
|
||||
$bridgeDropdownMenuBg: #393939;
|
||||
$bridgeDropdownMenuBorder: #515151;
|
||||
$bridgeDropdownMenuColor: #aaaaaa;
|
||||
$bridgeDropdownMenuHoverBg: #313131;
|
||||
$bridgeDropdownMenuHoverColor: #FFFFFF;
|
||||
|
||||
$thesaurusInputBackground: #ededed;
|
||||
|
||||
$thesaurusContextMenuColor: #c0c0c0;
|
||||
|
||||
|
||||
$basketsTextColor: #AAAAAA;
|
||||
|
||||
$guiSplitterImg: 'vsplitter2.png';
|
||||
|
||||
|
||||
|
||||
$answersToolsBtnSeparatorBorder: #474747;
|
||||
$answersToolsBtnBg: #393939;
|
||||
$answersToolsBtnBorder: #515151;
|
||||
$answersToolsBtnColor: #aaaaaa;
|
||||
$answersToolsBtnHoverBg: #313131;
|
||||
$answersToolsBtnHoverColor: #aaaaaa;
|
||||
|
||||
$answersToolsBtnSettingsColor: darken($answersToolsBtnColor, 20); // ##949494
|
||||
$answersToolsBtnSettingsHoverBg: #393939;
|
||||
$answersToolsBtnSettingsHoverColor: darken($answersToolsBtnColor, 20);
|
||||
$answersToolsBtnSettingsBorder: #474747;
|
||||
|
||||
|
||||
|
||||
$editTextMultiValueBg: #444444;
|
||||
$editTextMultiValueBorder: #999999;
|
||||
$editTextMultiValueHighlightBg: #222222;
|
||||
|
||||
$preferencesLabelColor: #999999;
|
||||
|
||||
$activeStateIcon: 'ui-icons_cccccc_256x240.png';
|
||||
$accordionLoaderImg: 'loader-white.gif';
|
||||
$accordionBgHeaderHover: #474747;
|
||||
|
||||
$inputButtonHoverColor: #FEFEFE;
|
||||
$inputFallbackBorderColor: #b1b1b1;
|
||||
|
||||
|
||||
$dropdownDividerBg: #515151;
|
||||
$dropdownDividerBorder: $darkerBorderColor;
|
||||
|
||||
$overlayBg: #111111;
|
||||
|
||||
$tabsNavBg: #666666;
|
||||
$tabsNavBgActive: $mediumBackgroundColor;
|
||||
$contentLoaderImg: 'loader-white.gif';
|
||||
|
||||
$btnBackground: #f2f2f2;
|
||||
$btnBackgroundHighlight: #D6D6D6;
|
||||
$btnColor: #737373;
|
||||
$btnTextShadow: 0 -1px 0 rgba(0,0,0,0);
|
||||
|
||||
$btnInverseBackground: #444444;
|
||||
$btnInverseBackgroundHighlight: #393939;
|
||||
$btnInverseColor: #AAAAAA;
|
||||
$btnInverseTextShadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
$btnGrpSeparatorColor: #242424;
|
||||
|
||||
$widgetContentColor: $textPrimaryColor;
|
||||
|
||||
$linkDefaultColor: #b1b1b1;
|
||||
$linkDefaultHover: #838383;
|
||||
|
||||
/******** MAIN MENU CONFIG ********/
|
||||
$mainMenuBackgroundColor: $mediumBackgroundColor;
|
||||
$mainMenuBottomBorder: 1px solid $mediumBorderColor;
|
||||
$mainMenuHeight: 41px;
|
||||
$mainMenuMarginBottom: 0;
|
||||
$mainMenuLinkColor: #b1b1b1;
|
||||
$mainMenuLinkBackgroundHoverColor: transparent;
|
||||
$mainMenuLinkHoverColor: $textPrimaryHoverColor;
|
||||
@import '../../../_shared/styles/variables';
|
||||
|
||||
/******** WORKZONE TABS CONFIG ********/
|
||||
$workzoneBackgroundColor: $mediumBackgroundColor;
|
||||
$workzoneTabBackgroundColor: $mediumBackgroundColor;
|
||||
|
||||
$workzoneTabBgHover: #666666;
|
||||
$workzoneTabBgActive: #333333;
|
||||
$workzoneTabTopBorder: 1px solid #303030;
|
||||
$workzoneTabBorderBottom: #303030;
|
||||
$workzoneBasketAlertDataBg: #fff190;
|
||||
$workzoneBasketAlertDataColor: #1a1a1a;
|
||||
$workzoneToolsLabelColor: #7f7f7f;
|
||||
|
||||
/******** PROPOSALS CONFIG ********/
|
||||
$proposalsTitleColor: #A6A6A6;
|
||||
$proposalsTitleHoverColor: lighten($proposalsTitleColor, 10); // $mediumTextHoverColor
|
||||
$proposalsTitleBorder: #303030;
|
||||
$proposalsFacetHoverColor: #FFF;
|
||||
|
||||
@import '../../../_shared/styles/jquery-ui/dark-hive';
|
||||
@import '../skin-shared';
|
||||
@@ -1,179 +0,0 @@
|
||||
$skinsImagesPath: '/assets/vendors/jquery-ui/images/ui-lightness/';
|
||||
|
||||
$defaultBorderColor: #999999;
|
||||
$defaultBorderRadius: 2px;
|
||||
|
||||
$textPrimaryColor: #333333;
|
||||
$textPrimaryHoverColor: #1a1a1a;
|
||||
$textPrimaryActiveColor: #1a1a1a;
|
||||
$textPrimaryInverseColor: #3b3b3b;
|
||||
$textSecondaryColor: #999999;
|
||||
|
||||
$highlightDarkerColor: #0c4554;
|
||||
|
||||
$highlightBackgroundColor: #076882;
|
||||
$highlightBackgroundAltColor: #0c4554;
|
||||
$highlightBorderColor: #0c4554;
|
||||
$highlightTextColor: #FFFFFF;
|
||||
|
||||
|
||||
$darkerBackgroundColor: #D9D9D9; // #F1F1F1 <- to try
|
||||
$darkerBorderColor: darken(#D9D9D9, 10);
|
||||
$darkerTextColor: #333333;
|
||||
$darkerTextHoverColor: #000000;
|
||||
|
||||
$darkBackgroundColor: #9c9c9c; //B1B1B1;
|
||||
$darkBorderColor: darken($darkBackgroundColor, 10);
|
||||
$darkTextColor: #FFFFFF;
|
||||
|
||||
$mediumBackgroundColor: #a6a6a6; // B2B2B2 <- to try
|
||||
$mediumBorderColor: darken($mediumBackgroundColor, 10);
|
||||
$mediumBorderHighlightColor: #666666;
|
||||
$mediumTextColor: $textPrimaryColor;
|
||||
$mediumTextHoverColor: #EAEAEA;
|
||||
$mediumTextActiveColor: #EAEAEA;
|
||||
|
||||
$lightBackgroundColor: #B1B1B1;
|
||||
$lightBackgroundSelectedColor: darken($lightBackgroundColor, 10);
|
||||
$lightBackgroundActiveColor: darken($lightBackgroundColor, 10);
|
||||
$lightBorderColor: #B1B1B1;
|
||||
$lightBorderSelectedColor: darken($lightBorderColor, 10);
|
||||
$lightBorderActiveColor: darken($lightBorderColor, 10);
|
||||
$lightTextColor: #3b3b3b;
|
||||
|
||||
// inverse
|
||||
$textInverseColor: #000;
|
||||
$textInverseHoverColor: #000;
|
||||
$bgInverseHoverColor: #FFF;
|
||||
|
||||
/******* GLOBAL PROD **********************************************************/
|
||||
|
||||
$scrollBgColor: $mediumBackgroundColor; //#3b3b3b;
|
||||
|
||||
$paginateBorderColor: #999999;
|
||||
$paginateTextColor: #999999;
|
||||
// $paginateBorder2Color: #999999;
|
||||
// $paginateTextColor: #FFFFFF;
|
||||
$paginateBg1: #D9D9D9;
|
||||
|
||||
$uploadBg1: #FFFFFF;
|
||||
$uploadBg2: transparent;
|
||||
$uploadLoaderImg: 'loader-black.gif';
|
||||
|
||||
$bridgeDropdownToggleBg: #E6E6E6;
|
||||
$bridgeDropdownMenuBg: #A4A4A4;
|
||||
$bridgeDropdownMenuBorder: #666666;
|
||||
$bridgeDropdownMenuColor: #EAEAEA;
|
||||
$bridgeDropdownMenuHoverBg: #666666;
|
||||
$bridgeDropdownMenuHoverColor: #FFFFFF;
|
||||
|
||||
$thesaurusInputBackground: #d4d4d4;
|
||||
|
||||
|
||||
$thesaurusContextMenuColor: #FFFFFF;
|
||||
|
||||
|
||||
$basketsTextColor: #777777;
|
||||
|
||||
$guiSplitterImg: 'vsplitter2-959595.png';
|
||||
|
||||
|
||||
|
||||
|
||||
$answersToolsBtnSeparatorBorder: #999;
|
||||
$answersToolsBtnBg: #A4A4A4;
|
||||
$answersToolsBtnBorder: #666666;
|
||||
$answersToolsBtnColor: #EAEAEA;
|
||||
$answersToolsBtnHoverBg: #666666;
|
||||
$answersToolsBtnHoverColor: #FFFFFF;
|
||||
|
||||
$answersToolsBtnSettingsColor: lighten($answersToolsBtnColor, 10);
|
||||
$answersToolsBtnSettingsHoverBg: #393939;
|
||||
$answersToolsBtnSettingsHoverColor: lighten($answersToolsBtnColor, 10);
|
||||
$answersToolsBtnSettingsBorder: #999;
|
||||
|
||||
// $diapoBorderColor: $darkerBorderColor;
|
||||
|
||||
$editTextMultiValueBg: #FFFFFF;
|
||||
$editTextMultiValueBorder: #999999;
|
||||
$editTextMultiValueHighlightBg: #d0d0d0;
|
||||
|
||||
$preferencesLabelColor: #333333;
|
||||
|
||||
$activeStateIcon: 'ui-icons_ffffff_256x240.png';
|
||||
$accordionLoaderImg: 'loader-black.gif';
|
||||
$accordionBgHeaderHover: #999;
|
||||
|
||||
$inputButtonHoverColor: #FEFEFE;
|
||||
$inputFallbackBorderColor: #b1b1b1;
|
||||
|
||||
$dropdownDividerBg: $darkerBorderColor;
|
||||
$dropdownDividerBorder: $darkerBorderColor;
|
||||
|
||||
$overlayBg: #B1B1B1;
|
||||
|
||||
$tabsNavBg: #999999;
|
||||
$tabsNavBgActive: #B2B2B2; //#D9D9D9;
|
||||
$contentLoaderImg: 'loader-black.gif';
|
||||
|
||||
/*$btnBackground: #444444; //#B9B9B9;
|
||||
$btnBackgroundHighlight: #393939;
|
||||
$btnColor: #AAAAAA;
|
||||
$btnTextShadow: 0 -1px 0 rgba(0,0,0,.25);*/
|
||||
|
||||
$btnBackground: #f2f2f2;
|
||||
$btnBackgroundHighlight: #D6D6D6;
|
||||
$btnColor: #737373;
|
||||
$btnTextShadow: 0 -1px 0 rgba(0,0,0,0);
|
||||
|
||||
|
||||
|
||||
$btnInverseBackground: #B9B9B9;
|
||||
$btnInverseBackgroundHighlight: #A4A4A4;
|
||||
$btnInverseColor: #EAEAEA;
|
||||
$btnInverseTextShadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
$btnGrpSeparatorColor: $defaultBorderColor;
|
||||
|
||||
$widgetContentColor: $textPrimaryInverseColor;
|
||||
|
||||
$linkDefaultColor: #444444;
|
||||
$linkDefaultHover: #444444;
|
||||
|
||||
// override jquery ui theme colors:
|
||||
$uiTextContentColor: $mediumTextColor;
|
||||
$uiTextTitleColor: $mediumTextColor;
|
||||
$uiLinkColor: $darkTextColor;
|
||||
$uiLinkFocusColor: $darkTextColor;
|
||||
$uiLinkActiveColor: $darkTextColor;
|
||||
|
||||
|
||||
/******** MAIN MENU CONFIG ********/
|
||||
// $mainMenuRightListBorderLeft: #999;
|
||||
$mainMenuBottomBorder: none;
|
||||
$mainMenuBackgroundColor: $mediumBackgroundColor; //BFBFBF;
|
||||
$mainMenuBottomBorder: none;
|
||||
$mainMenuMarginBottom: 0;
|
||||
$mainMenuLinkColor: #FFF;
|
||||
$mainMenuLinkBackgroundHoverColor: transparent; //$bgInverseHoverColor;
|
||||
$mainMenuLinkHoverColor: $textPrimaryHoverColor;
|
||||
@import '../../../_shared/styles/variables';
|
||||
|
||||
/******** WORKZONE TABS CONFIG ********/
|
||||
$workzoneBackgroundColor: $mediumBackgroundColor;
|
||||
$workzoneTabBackgroundColor: $mediumBackgroundColor;
|
||||
$workzoneTabBgHover: #999;
|
||||
$workzoneTabBgActive: #999;
|
||||
$workzoneTabTopBorder: 1px solid #999;
|
||||
$workzoneTabBorderBottom: transparent;
|
||||
$workzoneBasketAlertDataBg: #fff190;
|
||||
$workzoneBasketAlertDataColor: #1a1a1a;
|
||||
$workzoneToolsLabelColor: #FFFFFF;
|
||||
|
||||
/******** PROPOSALS CONFIG ********/
|
||||
$proposalsTitleColor: #FFFFFF;
|
||||
$proposalsTitleBorder: #666666;
|
||||
$proposalsTitleHoverColor: lighten($proposalsTitleColor, 10);
|
||||
$proposalsFacetHoverColor: #FFF;
|
||||
|
||||
@import '../../../_shared/styles/jquery-ui/ui-lightness';
|
||||
@import '../skin-shared';
|
||||
@@ -1,192 +0,0 @@
|
||||
$skinsImagesPath: '/assets/vendors/jquery-ui/images/ui-lightness/';
|
||||
|
||||
$defaultBorderColor: #999999;
|
||||
$defaultBorderRadius: 2px;
|
||||
|
||||
$textPrimaryColor: #333333;
|
||||
$textPrimaryHoverColor: #1a1a1a;
|
||||
$textPrimaryActiveColor: #1a1a1a;
|
||||
$textPrimaryInverseColor: #1a1a1a; //3b3b3b;
|
||||
$textSecondaryColor: #999999;
|
||||
|
||||
$highlightDarkerColor: #0c4554;
|
||||
|
||||
$highlightBackgroundColor: #076882;
|
||||
$highlightBackgroundAltColor: #0c4554;
|
||||
$highlightBorderColor: #0c4554;
|
||||
$highlightTextColor: #FFF;
|
||||
|
||||
|
||||
$darkerBackgroundColor: #FFFFFF; // #F1F1F1 <- to try
|
||||
$darkerBorderColor: #bfbfbf;
|
||||
$darkerTextColor: #333;
|
||||
$darkerTextHoverColor: #000000;
|
||||
|
||||
$darkBackgroundColor: #FFFFFF; //B1B1B1;
|
||||
$darkBorderColor: darken($darkBackgroundColor, 10);
|
||||
$darkTextColor: #9c9c9c;
|
||||
|
||||
$mediumBackgroundColor: #f2f2f2; // B2B2B2 <- to try
|
||||
$mediumBorderColor: #FFF; //darken($mediumBackgroundColor, 10);
|
||||
$mediumBorderHighlightColor: #bfbfbf;
|
||||
$mediumTextColor: $textPrimaryColor;
|
||||
$mediumTextHoverColor: #EAEAEA;
|
||||
$mediumTextActiveColor: #EAEAEA;
|
||||
|
||||
$lightBackgroundColor: #9c9c9c;
|
||||
$lightBackgroundSelectedColor: darken($lightBackgroundColor, 10);
|
||||
$lightBackgroundActiveColor: darken($lightBackgroundColor, 10);
|
||||
$lightBorderColor: #B1B1B1;
|
||||
$lightBorderSelectedColor: darken($lightBorderColor, 10);
|
||||
$lightBorderActiveColor: darken($lightBorderColor, 10);
|
||||
$lightTextColor: #3b3b3b;
|
||||
|
||||
// inverse
|
||||
$textInverseColor: #000;
|
||||
$textInverseHoverColor: #000;
|
||||
$bgInverseHoverColor: #333;
|
||||
|
||||
/******* GLOBAL PROD **********************************************************/
|
||||
$scrollBgColor: $mediumBackgroundColor; //#3b3b3b;
|
||||
|
||||
$paginateBorderColor: #bfbfbf;
|
||||
$paginateTextColor: #FFFFFF;
|
||||
$paginationLinkColor: #333;
|
||||
// $paginateBorder2Color: #999999;
|
||||
// $paginateTextColor: #FFFFFF;
|
||||
$paginateBg1: #D9D9D9;
|
||||
|
||||
$uploadBg1: #FFFFFF;
|
||||
$uploadBg2: transparent;
|
||||
$uploadLoaderImg: 'loader-black.gif';
|
||||
|
||||
$bridgeDropdownToggleBg: #E6E6E6;
|
||||
$bridgeDropdownMenuBg: #f2f2f2;
|
||||
$bridgeDropdownMenuBorder: #bfbfbf;
|
||||
$bridgeDropdownMenuColor: #EAEAEA;
|
||||
$bridgeDropdownMenuHoverBg: #bfbfbf;
|
||||
$bridgeDropdownMenuHoverColor: #FFFFFF;
|
||||
|
||||
$thesaurusInputBackground: #d4d4d4;
|
||||
$thesaurusContextMenuColor: #FFFFFF;
|
||||
|
||||
|
||||
|
||||
$basketsTextColor: #777777;
|
||||
|
||||
$guiSplitterImg: 'vsplitter2-959595.png';
|
||||
|
||||
$answersToolsBtnSeparatorBorder: #EAEAEA;
|
||||
$answersToolsBtnBg: #f2f2f2;
|
||||
$answersToolsBtnBorder: #bfbfbf;
|
||||
$answersToolsBtnColor: #5b5b5b;
|
||||
$answersToolsBtnHoverBg: #bfbfbf;
|
||||
$answersToolsBtnHoverColor: #FFFFFF;
|
||||
|
||||
$answersToolsBtnSettingsColor: #000; //lighten($answersToolsBtnColor, 10);
|
||||
$answersToolsBtnSettingsHoverBg: #393939;
|
||||
$answersToolsBtnSettingsHoverColor: lighten($answersToolsBtnColor, 10);
|
||||
$answersToolsBtnSettingsBorder: #EAEAEA;
|
||||
|
||||
// $diapoBorderColor: $darkerBorderColor;
|
||||
|
||||
$editTextMultiValueBg: #FFFFFF;
|
||||
$editTextMultiValueBorder: #999999;
|
||||
$editTextMultiValueHighlightBg: #d0d0d0;
|
||||
|
||||
$preferencesLabelColor: #333333;
|
||||
|
||||
$activeStateIcon: 'ui-icons_ffffff_256x240.png';
|
||||
$accordionLoaderImg: 'loader-black.gif';
|
||||
$accordionBgHeaderHover: #999;
|
||||
|
||||
$inputButtonHoverColor: #FEFEFE;
|
||||
$inputFallbackBorderColor: #b1b1b1;
|
||||
|
||||
$dropdownDividerBg: $darkerBorderColor;
|
||||
$dropdownDividerBorder: $darkerBorderColor;
|
||||
|
||||
$overlayBg: #B1B1B1;
|
||||
|
||||
$tabsNavBg: #999999;
|
||||
$tabsNavBgActive: #B2B2B2; //#D9D9D9;
|
||||
$contentLoaderImg: 'loader-black.gif';
|
||||
|
||||
/*$btnBackground: #444444; //#B9B9B9;
|
||||
$btnBackgroundHighlight: #393939;
|
||||
$btnColor: #AAAAAA;
|
||||
$btnTextShadow: 0 -1px 0 rgba(0,0,0,.25);*/
|
||||
|
||||
$btnBackground: #f2f2f2;
|
||||
$btnBackgroundHighlight: #D6D6D6;
|
||||
$btnColor: #737373;
|
||||
$btnTextShadow: 0 -1px 0 rgba(0,0,0,0);
|
||||
|
||||
|
||||
|
||||
$btnInverseBackground: #f2f2f2;
|
||||
$btnInverseBackgroundHighlight: #d6d6d6;
|
||||
$btnInverseColor: #5b5b5b;
|
||||
$btnInverseTextShadow: 0 -1px 0 rgba(255,255,255,.25);
|
||||
$btnGrpSeparatorColor: $defaultBorderColor;
|
||||
|
||||
$widgetContentColor: $textPrimaryInverseColor;
|
||||
|
||||
$linkDefaultColor: #444444;
|
||||
$linkDefaultHover: #444444;
|
||||
|
||||
// override jquery ui theme colors:
|
||||
$uiTextContentColor: $mediumTextColor;
|
||||
$uiTextTitleColor: $mediumTextColor;
|
||||
$uiLinkColor: $darkTextColor;
|
||||
$uiLinkFocusColor: $darkTextColor;
|
||||
$uiLinkActiveColor: $darkTextColor;
|
||||
|
||||
|
||||
/******** MAIN MENU CONFIG ********/
|
||||
$mainMenuBottomBorder: none;
|
||||
$mainMenuBackgroundColor: #1a1a1a; //BFBFBF;
|
||||
$mainMenuBottomBorder: none;
|
||||
$mainMenuMarginBottom: 0;
|
||||
$mainMenuLinkColor: #FFFFFF;
|
||||
$mainMenuLinkBackgroundHoverColor: transparent; //$bgInverseHoverColor;
|
||||
$mainMenuLinkHoverColor: darken($mainMenuLinkColor, 10);
|
||||
@import '../../../_shared/styles/variables';
|
||||
|
||||
/******** PROPOSALS CONFIG ********/
|
||||
$proposalsTitleColor: #333;
|
||||
$proposalsTitleBorder: #bfbfbf;
|
||||
$proposalsTitleHoverColor: lighten($proposalsTitleColor, 10);
|
||||
$proposalsFacetHoverColor: #FFF;
|
||||
//$proposalsContentTextColor: #FF0000;
|
||||
|
||||
/******** WORKZONE TABS CONFIG ********/
|
||||
$workzoneBackgroundColor: $mediumBackgroundColor;
|
||||
$workzoneTabBgHover: #EAEAEA;
|
||||
$workzoneTabBgActive: #EAEAEA;
|
||||
$workzoneTabTopBorder: 1px solid #EAEAEA;
|
||||
$workzoneTabBorderBottom: transparent;
|
||||
$workzoneBasketAlertDataBg: #fff190;
|
||||
$workzoneBasketAlertDataColor: #1a1a1a;
|
||||
$workzoneToolsLabelColor: #FFFFFF;
|
||||
|
||||
|
||||
/******** TABS CONFIG ********/
|
||||
$tabContentBackgroundColor: #f5f5f5;
|
||||
$tabBackgroundColor: #f2f2f2;
|
||||
$tabTextColor: lighten($textPrimaryInverseColor, 10);
|
||||
$tabActiveBackgroundColor: $tabContentBackgroundColor;
|
||||
$tabActiveTextColor: $textPrimaryInverseColor;
|
||||
$tabDisabledBackgroundColor: $tabBackgroundColor;
|
||||
$tabDisabledTextColor: $mediumTextActiveColor;
|
||||
|
||||
/******** ANSWERS INFOS CONFIG ********/
|
||||
$answersInfoDialogBg: $highlightBackgroundAltColor !default;
|
||||
$answersInfoDialogColor: #FFFFFF !default;
|
||||
$answersDocInfoBg: $highlightBackgroundAltColor !default;
|
||||
$answersDocInfoBorder: #FAFAFA !default;
|
||||
$answersDocInfoColor: #FFFFFF !default;
|
||||
$answersLinkColor: #FFFFFF !default;
|
||||
$answersInfoLabelColor: #FFFFFF !default;
|
||||
@import '../../../_shared/styles/jquery-ui/ui-lightness';
|
||||
@import '../skin-shared';
|
||||
@@ -1,550 +0,0 @@
|
||||
$proposalColor: #4c5d84;
|
||||
$thesaurusColor: #884c92;
|
||||
$basketsColor: #076882;
|
||||
$pluginsColor: #FFF;
|
||||
|
||||
@import '../../_shared/styles/variables';
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
border-radius: 0;
|
||||
background-color: $darkerBackgroundColor;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 0;
|
||||
width: 3px;
|
||||
background-color: lighten($scrollBgColor, 5);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button {
|
||||
width: 0;
|
||||
height: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
*::-moz-selection, *::selection {
|
||||
background: #FFFFFF;
|
||||
color: $textPrimaryColor;
|
||||
}
|
||||
|
||||
input::selection, textarea::selection,
|
||||
input::-moz-selection, textarea::-moz-selection {
|
||||
background: #404040;
|
||||
color: $textInverseColor;
|
||||
}
|
||||
|
||||
label {
|
||||
color: $textInverseColor;
|
||||
}
|
||||
|
||||
legend {
|
||||
color: $textPrimaryColor;
|
||||
width: auto;
|
||||
border: none;
|
||||
}
|
||||
|
||||
body {
|
||||
color: $darkerTextColor;
|
||||
background-color: $darkerBackgroundColor;
|
||||
font-family: $defaultFontFamily;
|
||||
font-size: $mediumFontSize;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
html {
|
||||
border: medium none;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
z-index: 1;
|
||||
body {
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
COLOR: $linkDefaultColor;
|
||||
TEXT-DECORATION: none
|
||||
}
|
||||
|
||||
a:hover {
|
||||
COLOR: $linkDefaultHover;
|
||||
TEXT-DECORATION: none
|
||||
}
|
||||
|
||||
EM {
|
||||
FONT-STYLE: normal;
|
||||
BACKGROUND-COLOR: #D82400;
|
||||
}
|
||||
|
||||
.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ui-state-default, .ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.ui-widget-overlay {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.ui-widget-content.ui-autocomplete {
|
||||
background-color: black;
|
||||
background-image: none;
|
||||
z-index: 650;
|
||||
}
|
||||
|
||||
.ui-widget-content.ui-autocomplete .ui-state-hover,
|
||||
.ui-widget-content.ui-autocomplete .ui-widget-content .ui-state-hover,
|
||||
.ui-widget-content.ui-autocomplete .ui-widget-header .ui-state-hover,
|
||||
.ui-widget-content.ui-autocomplete .ui-state-focus,
|
||||
.ui-widget-content.ui-autocomplete .ui-widget-content .ui-state-focus,
|
||||
.ui-widget-content.ui-autocomplete .ui-widget-header .ui-state-focus {
|
||||
border: 1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
#maincontainer {
|
||||
min-width: 970px;
|
||||
min-height: 500px;
|
||||
}
|
||||
|
||||
#mainContent {
|
||||
margin-top: $mainMenuHeight;
|
||||
// top: 40px;
|
||||
min-width: 960px;
|
||||
overflow-x: auto;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.PNB {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#rightFrame {
|
||||
min-width: 660px !important;
|
||||
}
|
||||
|
||||
.PNB .ui-corner-top {
|
||||
top: 77px;
|
||||
}
|
||||
|
||||
div#PREVIEWTITLEWRAPPER {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.PNB10 {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
.minilogo {
|
||||
max-height: 20px;
|
||||
}
|
||||
|
||||
.ww_window .ww_content {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.boxCloser {
|
||||
cursor: pointer;
|
||||
color: rgb(204, 204, 204);
|
||||
font-weight: bold;
|
||||
font-size: $mediumFontSize;
|
||||
text-align: right;
|
||||
text-decoration: underline;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
/*.ww_status {
|
||||
background-image: url('#{$skinsImagesPath}ww_title.gif');
|
||||
background-repeat: repeat-x;
|
||||
color: #0077bc;
|
||||
font-size: 8pt;
|
||||
}*/
|
||||
|
||||
span.ww_winTitle {
|
||||
letter-spacing: 1px;
|
||||
color: #0077bc;
|
||||
font-size: 8pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#divpage {
|
||||
background-color: #212121;
|
||||
padding: 10px 0;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.desktop {
|
||||
background-position: center center;
|
||||
left: 0px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.ui-helper-reset {
|
||||
line-height: auto;
|
||||
}
|
||||
|
||||
.ui-tabs .ui-tabs-nav li a {
|
||||
padding: 3px 5px 0;
|
||||
}
|
||||
|
||||
#keyboard-dialog h1 {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#keyboard-dialog ul {
|
||||
list-style-type: none;
|
||||
margin: 5px 0 20px 40px;
|
||||
}
|
||||
|
||||
#keyboard-dialog ul li {
|
||||
|
||||
}
|
||||
|
||||
.cont_infos {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
height: 60px;
|
||||
top: auto;
|
||||
text-align: center;
|
||||
width: 70px;
|
||||
right: 60px;
|
||||
div {
|
||||
line-height: 20px;
|
||||
font-size: $smallFontSize;
|
||||
font-weight: bold;
|
||||
}
|
||||
span {
|
||||
cursor: pointer;
|
||||
font-size: $smallFontSize;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#SPANTITLE img {
|
||||
height: 16px;
|
||||
vertical-align: middle;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.cgu-dialog blockquote {
|
||||
margin: 10px 30px;
|
||||
overflow: auto;
|
||||
max-height: 400px;
|
||||
p {
|
||||
margin: 10px 30px 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.chim-wrapper {
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#tooltip {
|
||||
position: absolute;
|
||||
z-index: 32000;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.otherRegToolTip img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#ui-datepicker-div {
|
||||
z-index: 2000;
|
||||
background-color: $darkerBackgroundColor;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ui-selectable-helper {
|
||||
border: 1px dotted #CCCCCC;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
/******* DIALOGS **************************************************************/
|
||||
|
||||
#dialog_dwnl h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#dialog_dwnl .buttons_line {
|
||||
margin: 10px 0;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
#dialog_dwnl .order_input {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
#dialog_dwnl .undisposable {
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#dialog_dwnl .undisposable .thumb_wrapper {
|
||||
float: left;
|
||||
position: relative;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
#dialog_dwnl .undisposable .thumb {
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/******* ORDER MANAGER ********************************************************/
|
||||
|
||||
#order_manager tr.order_row {
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
#order_manager .order_row.odd {
|
||||
background-color: #404040;
|
||||
}
|
||||
|
||||
#order_manager .order_list .thumb_wrapper {
|
||||
float: left;
|
||||
position: relative;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
#order_manager .order_list li {
|
||||
display: inline-block;
|
||||
border-radius: $defaultBorderRadius;
|
||||
border: 1px solid #FFFFFF;
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
#order_manager .order_list .thumb {
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#order_manager .order_list .selectable.selected {
|
||||
background-color: #404040;
|
||||
}
|
||||
|
||||
#order_manager .order_list .selectable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#order_manager .order_list .order_wrapper {
|
||||
float: left;
|
||||
position: relative;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
#order_manager table p {
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
iframe {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin-top: 0px;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
margin-bottom: 0px;
|
||||
margin-left: 5px
|
||||
}
|
||||
|
||||
#notification_trigger .counter {
|
||||
position: relative;
|
||||
*position: static;
|
||||
top: -2px;
|
||||
margin: 11px 15px 0 0;
|
||||
padding: 1px 4px;
|
||||
background: none repeat scroll 0 0 red;
|
||||
background-color: #DA4F49;
|
||||
background-repeat: repeat-x;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
*border-color: transparent;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
font-size: $xmediumFontSize;
|
||||
font-weight: bold;
|
||||
line-height: 14px;
|
||||
text-align: center;
|
||||
color: $textInverseColor;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
float: left;
|
||||
}
|
||||
|
||||
#sizeAns_slider, #nperpage_slider, #EDIT_ZOOMSLIDER {
|
||||
background-color: #666666;
|
||||
border-color: #666666;
|
||||
height: 10px;
|
||||
|
||||
}
|
||||
|
||||
#sizeAns_slider .ui-slider-handle, #nperpage_slider .ui-slider-handle,
|
||||
#EDIT_ZOOMSLIDER .ui-slider-handle {
|
||||
background-color: $darkerBackgroundColor;
|
||||
width: 8px;
|
||||
cursor: col-resize;
|
||||
}
|
||||
|
||||
/******* POPOVERS *************************************************************/
|
||||
|
||||
#tooltip .popover {
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.popover-inner {
|
||||
background-color: $darkerBackgroundColor;
|
||||
border: 2px solid $darkerBorderColor;
|
||||
padding: 0px;
|
||||
color: $darkerTextColor;
|
||||
border-radius: $defaultBorderRadius;
|
||||
}
|
||||
|
||||
.popover-inner .popover-title {
|
||||
background-color: $mediumBackgroundColor;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.popover-inner .popover-content {
|
||||
background-color: $darkerBackgroundColor;
|
||||
hr {
|
||||
background-color: $darkerTextColor;
|
||||
border-color: $darkerBorderColor;
|
||||
}
|
||||
}
|
||||
|
||||
.dragover {
|
||||
BACKGROUND-COLOR: #fff100
|
||||
}
|
||||
|
||||
/******* DIALOGS **************************************************************/
|
||||
|
||||
#dialog_dwnl input.required.error,
|
||||
#dialog_dwnl textarea.required.error {
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
.overlay, .ui-widget-overlay {
|
||||
background-color: $overlayBg;
|
||||
opacity: 0.7;
|
||||
filter: alpha(opacity=70);
|
||||
}
|
||||
|
||||
.submenu .ui-buttonset {
|
||||
z-index: 120;
|
||||
}
|
||||
|
||||
.dropdown-menu .divider {
|
||||
background-color: $dropdownDividerBg;
|
||||
border-bottom: 1px solid $dropdownDividerBorder;
|
||||
margin: 3px 1px 3px 1px;
|
||||
}
|
||||
|
||||
.close {
|
||||
color: $textPrimaryColor;
|
||||
// box-shadow: inset 1px 1px 2px 0px rgba($darkerBackgroundColor,0.7);
|
||||
&:hover {
|
||||
color: $textPrimaryColor;
|
||||
}
|
||||
}
|
||||
|
||||
.status-marker {
|
||||
line-height: 10px;
|
||||
border-radius: 50%;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
display: inline-block;
|
||||
margin-right: 8px;
|
||||
margin-bottom: 0px;
|
||||
&.status-active {
|
||||
background-color: #58d5b5;
|
||||
box-shadow: 0 0 6px #69fcd6;
|
||||
}
|
||||
&.status-inactive {
|
||||
background-color: #aaaaaa;
|
||||
box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
}
|
||||
#loader {
|
||||
color: $textPrimaryInverseColor;
|
||||
}
|
||||
|
||||
.dl-horizontal {
|
||||
dd {
|
||||
&:before {
|
||||
content: "\200b"; // unicode zero width space character
|
||||
}
|
||||
}
|
||||
}
|
||||
.videoTips {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@import 'ui-components/jquery-ui';
|
||||
@import 'ui-components/context-menu';
|
||||
@import 'ui-components/forms';
|
||||
@import 'ui-components/buttons';
|
||||
@import 'ui-components/search-form';
|
||||
@import 'ui-components/workzone';
|
||||
@import 'ui-components/answers-tools';
|
||||
@import 'ui-components/answers';
|
||||
@import 'ui-components/colorpicker';
|
||||
@import 'ui-components/thumb-extractor';
|
||||
@import 'ui-components/pagination';
|
||||
@import 'ui-components/upload';
|
||||
@import 'ui-components/modal-basket-pref';
|
||||
@import 'ui-components/modal-publish';
|
||||
@import 'ui-components/modal-edit';
|
||||
@import 'ui-components/modal-export';
|
||||
@import 'ui-components/modal-bridge';
|
||||
@import '../../_shared/styles/main-menu';
|
||||
@import 'ui-components/workzone-thesaurus';
|
||||
@import 'ui-components/workzone-baskets';
|
||||
@import 'ui-components/workzone-proposals';
|
||||
@import 'ui-components/workzone-plugins';
|
||||
@import 'ui-components/actions';
|
||||
@import 'ui-components/gui';
|
||||
@import 'ui-components/gui-misc';
|
||||
@import 'ui-components/modal-preview';
|
||||
@import 'ui-components/modal-push';
|
||||
@import 'ui-components/diapo';
|
||||
@import 'ui-components/modal-preferences';
|
||||
@@ -1,113 +0,0 @@
|
||||
|
||||
/******* ACTIONS **************************************************************/
|
||||
|
||||
|
||||
/*#TOOL_disktt {
|
||||
background-image: url('#{$skinsImagesPath}disktt_0.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_disktt.actif {
|
||||
background-image: url('#{$skinsImagesPath}disktt_1.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_ppen {
|
||||
background-image: url('#{$skinsImagesPath}ppen_0.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_ppen.actif {
|
||||
background-image: url('#{$skinsImagesPath}ppen_1.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_chgstatus {
|
||||
background-image: url('#{$skinsImagesPath}chgstatus_0.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_chgstatus.actif {
|
||||
background-image: url('#{$skinsImagesPath}chgstatus_1.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_chgcoll {
|
||||
background-image: url('#{$skinsImagesPath}chgcoll_0.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_chgcoll.actif {
|
||||
background-image: url('#{$skinsImagesPath}chgcoll_1.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_pushdoc {
|
||||
background-image: url('#{$skinsImagesPath}pushdoc_0.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_pushdoc.actif {
|
||||
background-image: url('#{$skinsImagesPath}pushdoc_1.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_print {
|
||||
background-image: url('#{$skinsImagesPath}print_0.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_print.actif {
|
||||
background-image: url('#{$skinsImagesPath}print_1.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_imgtools{
|
||||
background-image: url('#{$skinsImagesPath}imgtools_0.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_imgtools.actif{
|
||||
background-image: url('#{$skinsImagesPath}imgtools_1.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_trash {
|
||||
background-image: url('#{$skinsImagesPath}trash_0.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#TOOL_trash.actif {
|
||||
background-image: url('#{$skinsImagesPath}trash_1.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
*/
|
||||
/*
|
||||
.contextMenuTrigger {
|
||||
color: $textPrimaryColor;
|
||||
font-size: $smallFontSize;
|
||||
margin-left: 5px;
|
||||
line-height: 18px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.contextMenuTrigger:hover {
|
||||
color: $textPrimaryColor;
|
||||
}
|
||||
*/
|
||||
@@ -1,121 +0,0 @@
|
||||
/******* idFrameT CSS *********************************************************/
|
||||
|
||||
#idFrameT {
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
#selectCase {
|
||||
background: url('#{$iconsPath}ccoch0.gif') no-repeat center center;
|
||||
padding-left: 16px;
|
||||
}
|
||||
.btn-toolbar {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
background-color: $mediumBackgroundColor;
|
||||
font-size: $smallFontSize;
|
||||
z-index:100;
|
||||
height:45px;
|
||||
box-sizing: border-box;
|
||||
border-bottom: none; //1px solid $darkerBorderColor;
|
||||
}
|
||||
.tools {
|
||||
&:first-child .btn-group {
|
||||
border-right: 1px solid $answersToolsBtnSeparatorBorder;
|
||||
}
|
||||
.btn-group {
|
||||
float: left;
|
||||
}
|
||||
.classicButton button.btn,
|
||||
.dropdownButton {
|
||||
margin: 0;
|
||||
}
|
||||
.classicButton button.btn,
|
||||
.dropdownButton button.btn {
|
||||
height: 30px;
|
||||
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
font-size: $mediumFontSize;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.classicButton button.btn-inverse,
|
||||
.dropdownButton button.btn-inverse {
|
||||
background-image: none;
|
||||
background-color: $mediumBackgroundColor;
|
||||
color: $answersToolsBtnColor;
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
height: 45px;
|
||||
border: 0;
|
||||
}
|
||||
.classicButton button.btn-inverse {
|
||||
border-right: 0;
|
||||
}
|
||||
.dropdownButton button.btn-inverse {
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
.caret{
|
||||
border-top-color: $mediumTextColor;
|
||||
border-bottom-color: $mediumTextColor;
|
||||
}
|
||||
}
|
||||
.classicButton button.btn-inverse:hover,
|
||||
.dropdownButton button.btn-inverse:hover {
|
||||
background-color: $answersToolsBtnBg;
|
||||
*background-color: $answersToolsBtnBg;
|
||||
color: $textPrimaryHoverColor;
|
||||
}
|
||||
|
||||
.classicButton button.btn-inverse img,
|
||||
.dropdownButton button.btn-inverse img {
|
||||
margin: 0 2px;
|
||||
max-width: none;
|
||||
}
|
||||
.dropdown-menu {
|
||||
min-width: 95px;
|
||||
background-color: $answersToolsBtnBg;
|
||||
*border: 1px solid $answersToolsBtnBorder;
|
||||
a {
|
||||
padding: 3px 10px;
|
||||
font-size: $mediumFontSize;
|
||||
color: $answersToolsBtnColor;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background-color: $answersToolsBtnHoverBg;
|
||||
color: $highlightTextColor; //$answersToolsBtnHoverColor;
|
||||
}
|
||||
}
|
||||
img {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
#settings {
|
||||
display: block;
|
||||
float: right;
|
||||
line-height: 45px;
|
||||
padding-right: 51px;
|
||||
padding-left: 21px;
|
||||
margin-right: 0;
|
||||
color: $answersToolsBtnSettingsColor;
|
||||
background: url('#{$iconsPath}icone_settings.png') right 15px no-repeat;
|
||||
background-position: right 21px top 15px;
|
||||
border-left: 1px solid $answersToolsBtnSettingsBorder;
|
||||
&:hover {
|
||||
background-color: $answersToolsBtnSettingsHoverBg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1200px) {
|
||||
#idFrameT .tools button.btn-inverse img {
|
||||
display: none;
|
||||
}
|
||||
#idFrameT .tools #settings {
|
||||
text-indent: -9000px;
|
||||
padding-right: 0px;
|
||||
padding-left: 0px;
|
||||
margin-right: 8px;
|
||||
width: 26px;
|
||||
background-position: right 1px top 15px;
|
||||
}
|
||||
}
|
||||
@@ -1,241 +0,0 @@
|
||||
$answersInfoDialogBg: $highlightBackgroundAltColor !default;
|
||||
$answersInfoDialogColor: $highlightTextColor !default;
|
||||
$answersDocInfoBg: $highlightBackgroundAltColor !default;
|
||||
$answersDocInfoBorder: #000 !default;
|
||||
$answersDocInfoColor: $highlightTextColor !default;
|
||||
$answersLinkColor: #666666 !default;
|
||||
$answersInfoLabelColor: #949494 !default;
|
||||
|
||||
#TOPIC_UL li {
|
||||
float: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#answers {
|
||||
box-sizing: border-box;
|
||||
.status {
|
||||
img {
|
||||
max-width: 16px;
|
||||
max-height: 16px;
|
||||
}
|
||||
}
|
||||
#answersNext {
|
||||
width: 150px;
|
||||
margin: 5px;
|
||||
height: 193px;
|
||||
line-height: 193px;
|
||||
font-size: 25px;
|
||||
color: $answersLinkColor;
|
||||
cursor: pointer;
|
||||
}
|
||||
.list {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
float: left;
|
||||
margin: 8px;
|
||||
width: 600px;
|
||||
overflow: hidden;
|
||||
border: 3px solid $darkerBorderColor;
|
||||
.diapo {
|
||||
margin: 5px;
|
||||
}
|
||||
.desc {
|
||||
.dl-horizontal {
|
||||
margin-bottom: 0;
|
||||
dt {
|
||||
width: 70px; //100
|
||||
}
|
||||
dd {
|
||||
margin-left: 90px; //120
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#idFrameT {
|
||||
#answers {
|
||||
background-color: $darkerBackgroundColor;
|
||||
top: 55px;
|
||||
bottom: 0;
|
||||
margin-right: 0;
|
||||
//overflow-y: hidden;
|
||||
padding-left: 10px;
|
||||
overflow-y: auto;
|
||||
/*&:hover {
|
||||
}*/
|
||||
}
|
||||
}
|
||||
|
||||
#answers_status{
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 10px;
|
||||
height: 60px;
|
||||
width: 400px;
|
||||
z-index: 100;
|
||||
table{
|
||||
width: 100%;
|
||||
tr{
|
||||
height: 20px;
|
||||
vertical-align: middle;
|
||||
td.navigation{
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
.infos {
|
||||
text-align: left;
|
||||
line-height: 18px;
|
||||
font-size: 11px;
|
||||
color: $answersInfoDialogColor;
|
||||
height: 60px;
|
||||
.infoDialog {
|
||||
float: left;
|
||||
background: $answersInfoDialogBg;
|
||||
color: $answersInfoDialogColor;
|
||||
padding: 0 25px;
|
||||
font-size: 11px;
|
||||
padding-top: 24px;
|
||||
margin-right: 10px;
|
||||
height: 36px;
|
||||
span {
|
||||
font-size: 22px;
|
||||
margin-bottom: 3px;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
#nbrecsel {
|
||||
font-size: 22px;
|
||||
margin-top: 7px;
|
||||
float: left;
|
||||
margin-right: 7px;
|
||||
display: block;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
#docInfo {
|
||||
height: 40px;
|
||||
background: $answersDocInfoBg;
|
||||
color: $answersDocInfoColor;
|
||||
padding: 0 25px;
|
||||
padding-top: 20px;
|
||||
float: left;
|
||||
min-width: 105px;
|
||||
font-size: 11px;
|
||||
line-height: 12px;
|
||||
border-right: 1px solid $answersDocInfoBorder;
|
||||
}
|
||||
}
|
||||
|
||||
/******* FEEDS ****************************************************************/
|
||||
#answers {
|
||||
.feed {
|
||||
position: relative;
|
||||
clear: left;
|
||||
margin: 10px;
|
||||
.headblock {
|
||||
max-width: 800px;
|
||||
margin-bottom: 20px;
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
img {
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
a.subscribe_rss {
|
||||
font-size: 14px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
.entry {
|
||||
margin: 0 0 30px;
|
||||
padding: 10px;
|
||||
border: 1px solid $mediumBorderColor; //$answersFeedEntryBorder;
|
||||
background-color: $mediumBackgroundColor; //$answersFeedEntryBg;
|
||||
float: left;
|
||||
&.hover {
|
||||
border: 1px solid $mediumBorderHighlightColor;
|
||||
}
|
||||
h1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
table{
|
||||
&.head {
|
||||
vertical-align: middle;
|
||||
margin: 10px 0;
|
||||
width: 600px;
|
||||
}
|
||||
a.tools {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&.hover{
|
||||
table a.tools {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
.author {
|
||||
font-size: $mediumFontSize;
|
||||
font-weight: normal;
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
h1,
|
||||
.post_date {
|
||||
width: 100%;
|
||||
}
|
||||
p {
|
||||
max-width: 600px;
|
||||
line-height: 18px;
|
||||
margin: 5px 0;
|
||||
text-align: justify;
|
||||
}
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.entry,
|
||||
h1,
|
||||
p,
|
||||
.contents,
|
||||
.see_more,
|
||||
.post_date {
|
||||
position: relative;
|
||||
clear: left;
|
||||
}
|
||||
.see_more {
|
||||
height: 60px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: $mediumFontSize;
|
||||
background-position: center bottom;
|
||||
}
|
||||
.contents {
|
||||
clear: left;
|
||||
}
|
||||
.post_date {
|
||||
text-align: right;
|
||||
font-style: italic;
|
||||
max-width: 600px;
|
||||
*width: 600px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background-color: $darkerBackgroundColor;
|
||||
border: 1px solid $darkerBorderColor;
|
||||
a {
|
||||
color: $darkerTextColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,25 +0,0 @@
|
||||
@import '../../../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/_mixins.scss';
|
||||
.btn, input[type="file"] {
|
||||
//font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
//font-size: 12px;
|
||||
//font-weight: bold;
|
||||
// soften button edges:
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
@include buttonBackground($btnBackground, $btnBackgroundHighlight, $btnColor, $btnTextShadow);
|
||||
}
|
||||
// @TODO .btn-primary
|
||||
|
||||
.ui-dialog .btn, .ui-widget-content .btn {
|
||||
// font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
font-size: $mediumFontSize;
|
||||
font-weight: bold;
|
||||
color: $btnColor;
|
||||
}
|
||||
|
||||
.btn.btn-inverse {
|
||||
@include buttonBackground($btnInverseBackground, $btnInverseBackgroundHighlight, $btnInverseColor, $btnInverseTextShadow);
|
||||
}
|
||||
|
||||
.input-append button.btn {
|
||||
border-left: 1px solid $btnGrpSeparatorColor;
|
||||
}
|
||||
@@ -1,51 +0,0 @@
|
||||
$colorpickerBoxBorder: #FFFFFF;
|
||||
$colorpickerSubmitBorder: #404040;
|
||||
$colorpickerFocusBorder: #999999;
|
||||
|
||||
.colorpicker_box {
|
||||
border: 1px solid $colorpickerBoxBorder;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
margin: 2px;
|
||||
padding: 0;
|
||||
}
|
||||
.colorpickerbox {
|
||||
position: relative;
|
||||
float: left;
|
||||
.colorpicker {
|
||||
width: 210px;
|
||||
height: 220px;
|
||||
}
|
||||
.colorpicker_submit .submiter {
|
||||
padding: 3px 0 0 0;
|
||||
}
|
||||
.colorpicker_submit {
|
||||
background-image: none;
|
||||
background-color: black;
|
||||
height: 25px;
|
||||
left: 90px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
width: 100px;
|
||||
border: 1px solid $colorpickerSubmitBorder;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
.colorpicker_focus {
|
||||
border: 1px solid $colorpickerFocusBorder;
|
||||
border-radius: $defaultBorderRadius;
|
||||
}
|
||||
.colorpicker_current_color,
|
||||
.colorpicker_field,
|
||||
.colorpicker_hex {
|
||||
display: none;
|
||||
}
|
||||
.colorpicker_color,
|
||||
.colorpicker_hue {
|
||||
top: 56px;
|
||||
}
|
||||
.colorpicker_new_color {
|
||||
left: 14px;
|
||||
}
|
||||
}
|
||||
@@ -1,82 +0,0 @@
|
||||
/*
|
||||
Menu contextuel
|
||||
valeurs suggerees dans l'editing : Classic Windows Theme (default) */
|
||||
/* =============================== */
|
||||
.context-menu-theme-default {
|
||||
border: 2px outset #FFFFFF;
|
||||
background-color: #D4D0C8;
|
||||
}
|
||||
|
||||
.context-menu-theme-default .context-menu-item {
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
padding: 2px 20px 2px 5px;
|
||||
color: black;
|
||||
font-size: 9px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.context-menu-theme-default .context-menu-separator {
|
||||
margin: 1px 2px;
|
||||
font-size: 0px;
|
||||
border-top: 1px solid #808080;
|
||||
border-bottom: 1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.context-menu-theme-default .context-menu-item-disabled {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.context-menu-theme-default .context-menu-item .context-menu-item-inner {
|
||||
background: none no-repeat fixed 999px 999px; /* Make sure icons don't appear */
|
||||
}
|
||||
|
||||
.context-menu-theme-default .context-menu-item-hover {
|
||||
background-color: #0A246A;
|
||||
color: $textPrimaryHoverColor;
|
||||
}
|
||||
|
||||
.context-menu-theme-default .context-menu-item-disabled-hover {
|
||||
background-color: #0A246A;
|
||||
}
|
||||
|
||||
|
||||
/******* DROPDOWN MENU ********************************************************/
|
||||
|
||||
.context-menu-theme-vista .context-menu-item .context-menu-item-inner {
|
||||
padding: 4px 20px;
|
||||
margin-left: 0;
|
||||
color: #75ABFF;
|
||||
}
|
||||
|
||||
.context-menu-theme-vista .context-menu-item-hover {
|
||||
background-image: none;
|
||||
background-color: #75ABFF;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner {
|
||||
color: #212121;
|
||||
}
|
||||
|
||||
.context-menu-theme-vista {
|
||||
background-image: none;
|
||||
background-color: #212121;
|
||||
border-bottom-left-radius: $defaultBorderRadius;
|
||||
border-bottom-right-radius: $defaultBorderRadius;
|
||||
}
|
||||
|
||||
.context-menu-theme-vista .context-menu-item .context-menu-item-inner.published {
|
||||
background-image: url('#{$iconsPath}ticktick.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 5px center;
|
||||
}
|
||||
|
||||
|
||||
.context-menu-item a {
|
||||
color: #75ABFF;
|
||||
}
|
||||
|
||||
.context-menu-item-hover a {
|
||||
color: #212121;
|
||||
}
|
||||
@@ -1,108 +0,0 @@
|
||||
$diapoBorderColor: $darkerBorderColor !default;
|
||||
|
||||
/**
|
||||
* Diapo are reused in answers, baskets,
|
||||
*/
|
||||
|
||||
#reorder_box .diapo {
|
||||
height: 130px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
#reorder_box .diapo.ui-sortable-placeholder,
|
||||
#reorder_box .diapo.ui-sortable-placeholderfollow {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
#reorder_box .CHIM.diapo img {
|
||||
z-index: 1000;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#reorder_dialog .ui-sortable-placeholder,
|
||||
#reorder_dialog .ui-sortable-placeholderfollow {
|
||||
width: 100px;
|
||||
height: 130px;
|
||||
background-color: $mediumBackgroundColor;
|
||||
}
|
||||
|
||||
.diapo {
|
||||
position: relative;
|
||||
display: block;
|
||||
float: left;
|
||||
border: 1px solid $diapoBorderColor;
|
||||
border-radius: $defaultBorderRadius;
|
||||
text-align: center;
|
||||
margin: 8px 5px;
|
||||
&.selected {
|
||||
cursor: url('#{$iconsPath}cursor-move.png'), -moz-grab;
|
||||
}
|
||||
|
||||
.thumb {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
.record {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 99;
|
||||
&.actions {
|
||||
/*.action-icon {
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
|
||||
}*/
|
||||
tr {
|
||||
td {
|
||||
&:first-child {
|
||||
font-size: $xmediumFontSize;
|
||||
line-height: $xmediumFontSize;
|
||||
text-shadow: 1px 1px 2px $darkBackgroundColor;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.icon-stack {
|
||||
font-size: 11px;
|
||||
cursor: pointer;
|
||||
width: 19px;
|
||||
height: 15px;
|
||||
line-height: 12px;
|
||||
//padding: 0;
|
||||
//margin: 0;
|
||||
}
|
||||
.icon-stack-base {
|
||||
color: #777777; //darken($darkerBackgroundColor, 10);
|
||||
}
|
||||
.icon-light {
|
||||
color: $darkerBackgroundColor; //$darkerTextColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 14px;
|
||||
font-size: $mediumFontSize;
|
||||
}
|
||||
|
||||
.duration {
|
||||
background-color: darken($darkerBackgroundColor, 10);
|
||||
color: $darkerTextColor;
|
||||
}
|
||||
}
|
||||
|
||||
.diapo.CHIM .thumb_wrapper {
|
||||
padding: 6px 9px;
|
||||
}
|
||||
|
||||
.diapo.IMGT .thumb_wrapper {
|
||||
padding: 0 11px;
|
||||
}
|
||||
@@ -1,38 +0,0 @@
|
||||
|
||||
/******* INPUTS ***************************************************************/
|
||||
input.input-button.hover {
|
||||
color: $inputButtonHoverColor;
|
||||
}
|
||||
|
||||
input.search {
|
||||
padding-left: 25px;
|
||||
background-image: url('#{$iconsPath}search.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 3px center;
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
margin: 2px;
|
||||
padding: 2px;
|
||||
*border: 1px solid $inputFallbackBorderColor;
|
||||
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
}
|
||||
|
||||
input[type="radio"], input[type="checkbox"], .checkbox {
|
||||
border: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
input.btn-mini {
|
||||
margin: 0 2px;
|
||||
height: 12px;
|
||||
width: auto;
|
||||
cursor: default;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.input-small {
|
||||
height: 25px;
|
||||
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
@@ -1,107 +0,0 @@
|
||||
/******************************************************************************/
|
||||
|
||||
DIV.finder {
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
DIV.finder DIV.content DIV.title {
|
||||
MARGIN-TOP: -2px;
|
||||
LEFT: 0px;
|
||||
OVERFLOW: hidden;
|
||||
white-space: nowrap;
|
||||
POSITION: relative;
|
||||
TOP: 0px
|
||||
}
|
||||
|
||||
DIV.finder DIV.content DIV.title SPAN {
|
||||
POSITION: relative
|
||||
}
|
||||
|
||||
DIV.finder DIV.content DIV.title IMG {
|
||||
LEFT: 0px;
|
||||
POSITION: relative;
|
||||
TOP: 0px
|
||||
}
|
||||
|
||||
DIV.finder DIV.content DIV.title TABLE {
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
DIV.finder DIV.content DIV.title TABLE TR {
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
DIV.finder DIV.content DIV.title TABLE TR TD {
|
||||
OVERFLOW: hidden;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
TABLE.ulist THEAD {
|
||||
BACKGROUND-COLOR: #999999;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
TABLE.ulist TBODY TR {
|
||||
cursor: pointer;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
TABLE.ulist TBODY TR.selected {
|
||||
COLOR: $textPrimaryActiveColor;
|
||||
BACKGROUND-COLOR: #191970
|
||||
}
|
||||
|
||||
TABLE.ulist TBODY TR.g {
|
||||
BACKGROUND-COLOR: #474747
|
||||
}
|
||||
|
||||
PRE.xml {
|
||||
FONT-SIZE: 12px;
|
||||
MARGIN: 5px 4px;
|
||||
BACKGROUND-COLOR: #f5f5f5
|
||||
}
|
||||
|
||||
/******* EXPLAIN RESULTS ******************************************************/
|
||||
|
||||
DIV.myexplain {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
DIV.myexplain DIV.content DIV.title {
|
||||
MARGIN-TOP: -2px;
|
||||
LEFT: 0px;
|
||||
OVERFLOW: hidden;
|
||||
white-space: nowrap;
|
||||
POSITION: relative;
|
||||
TOP: 0px
|
||||
}
|
||||
|
||||
DIV.myexplain DIV.content DIV.title SPAN {
|
||||
POSITION: relative
|
||||
}
|
||||
|
||||
DIV.myexplain DIV.content DIV.title IMG {
|
||||
LEFT: 0px;
|
||||
POSITION: relative;
|
||||
TOP: 0px
|
||||
}
|
||||
|
||||
DIV.myexplain DIV.content DIV.title TABLE {
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
DIV.myexplain DIV.content DIV.title TABLE TR {
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
DIV.myexplain DIV.content DIV.title TABLE TR TD {
|
||||
OVERFLOW: hidden;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
TABLE.explain3 TR TD {
|
||||
BORDER-RIGHT: #87ceeb 1px solid;
|
||||
BORDER-TOP: #87ceeb 1px solid;
|
||||
BORDER-LEFT: #87ceeb 1px solid;
|
||||
BORDER-BOTTOM: #87ceeb 1px solid
|
||||
}
|
||||
@@ -1,92 +0,0 @@
|
||||
|
||||
/******* GUI ******************************************************************/
|
||||
|
||||
.gui_vsplitter,.ui-resizable-e {
|
||||
top: 50%;
|
||||
width: 13px;
|
||||
padding: 0 0;
|
||||
height: 54px;
|
||||
position: absolute;
|
||||
background-image: url('#{$iconsPath}vsplitter.png');
|
||||
background-color: $mediumBackgroundColor;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
right: 0;
|
||||
cursor: col-resize;
|
||||
z-index: 500;
|
||||
}
|
||||
|
||||
#PREVIEWBOX .gui_vsplitter, .ui-resizable-w {
|
||||
top: 50%;
|
||||
width: 10px;
|
||||
padding: 35px 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
left: -10px;
|
||||
cursor: col-resize;
|
||||
z-index: 500;
|
||||
background-image: url('#{$iconsPath}#{$guiSplitterImg}');
|
||||
}
|
||||
|
||||
.gui_hsplitter, .ui-resizable-s {
|
||||
height: 10px;
|
||||
left: 50%;
|
||||
width: 0;
|
||||
padding: 0 35px;
|
||||
bottom: -10px;
|
||||
position: absolute;
|
||||
background-image: url('#{$iconsPath}hsplitter.png');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
cursor: row-resize;
|
||||
}
|
||||
/*
|
||||
.gui_hslider {
|
||||
position: absolute;
|
||||
height: 0px;
|
||||
border: #959595 1px inset
|
||||
}
|
||||
|
||||
.gui_hslider DIV {
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 0px;
|
||||
width: 4px;
|
||||
height: 10px;
|
||||
border: #c0c0c0 1px outset;
|
||||
background-color: #959595;
|
||||
background-image: url('#{$skinsImagesPath}vsplitter.gif');
|
||||
cursor: pointer;
|
||||
}*/
|
||||
|
||||
.gui_ckbox_0 {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
float: left;
|
||||
background-image: url('#{$iconsPath}ccoch0.gif');
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.gui_ckbox_1 {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
float: left;
|
||||
background-image: url('#{$iconsPath}ccoch1.gif');
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.gui_ckbox_2 {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
float: left;
|
||||
background-image: url('#{$iconsPath}ccoch2.gif');
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -1,287 +0,0 @@
|
||||
$modalBorder: 1px solid $darkerBorderColor !default;
|
||||
$modalBackground: $darkerBackgroundColor !default;
|
||||
|
||||
$tabContentBackgroundColor: $mediumBackgroundColor !default;
|
||||
$tabBackgroundColor: lighten($lightBackgroundColor, 5) !default;
|
||||
$tabTextColor: $mediumTextColor !default;
|
||||
$tabActiveBackgroundColor: $tabContentBackgroundColor !default;
|
||||
$tabActiveTextColor: $lightTextColor !default;
|
||||
$tabDisabledBackgroundColor: $tabBackgroundColor !default;
|
||||
$tabDisabledTextColor: $mediumTextActiveColor !default;
|
||||
|
||||
.ui-dialog .ui-dialog-content.loading, .loading {
|
||||
background-image: url('#{$iconsPath}#{$contentLoaderImg}');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
||||
.ui-tabs {
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.ui-tabs .ui-tabs-nav {
|
||||
border: none;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.ui-widget-header {
|
||||
background: none;
|
||||
border: transparent 0px none;
|
||||
}
|
||||
.ui-tabs {
|
||||
.ui-tabs-nav {
|
||||
li {
|
||||
background-color: $tabBackgroundColor;
|
||||
height: 30px;
|
||||
border: none;
|
||||
overflow: hidden;
|
||||
a {
|
||||
padding: 5px 8px;
|
||||
//font-size: 0.8em;
|
||||
font-size: $xmediumFontSize;
|
||||
font-weight: normal;
|
||||
color: $mediumTextColor; // more contrasted color
|
||||
}
|
||||
&.ui-tabs-active a,
|
||||
&.ui-tabs-active {
|
||||
font-size: $mediumFontSize;
|
||||
color: $tabActiveTextColor;
|
||||
background-color: $tabActiveBackgroundColor; //$tabsNavBgActive;
|
||||
border: none;
|
||||
}
|
||||
|
||||
&.ui-state-disabled a,
|
||||
&.ui-state-processing a {
|
||||
cursor: pointer;
|
||||
color: $mediumTextActiveColor;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.ui-tabs-panel {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
display: block;
|
||||
border-width: 0;
|
||||
padding: 0px;
|
||||
background-color: $tabContentBackgroundColor;
|
||||
&.tabBox {
|
||||
height: 405px;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
|
||||
}
|
||||
}
|
||||
.ui-tabs-hide {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
|
||||
cursor: pointer;
|
||||
color: $tabTextColor; //$workzoneColor2;
|
||||
}
|
||||
|
||||
.ui-state-default, .ui-widget-content .ui-state-default {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.ui-tabs li.ui-state-active a, .ui-state-active a:link, .ui-state-active a {
|
||||
color: $tabActiveTextColor;
|
||||
font-weight: bold;
|
||||
//font-size: 0.8em;
|
||||
}
|
||||
|
||||
.ui-state-active, .ui-widget-content .ui-state-active {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.ui-widget-content {
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
color: $widgetContentColor;
|
||||
}
|
||||
|
||||
.ui-dialog.ui-widget-content {
|
||||
background-color: $darkerBackgroundColor;
|
||||
}
|
||||
|
||||
.ui-accordion .ui-accordion-content {
|
||||
padding: 0;
|
||||
min-height: 120px;
|
||||
border: none !important;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.ui-accordion-icons .ui-accordion-header,
|
||||
.ui-accordion-icons .ui-accordion-header a {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ui-accordion-icons .ui-accordion-header a {
|
||||
padding: 2px 25px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ui-state-active .ui-icon {
|
||||
background-image: url('#{$skinsImagesPath}#{$activeStateIcon}');
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ui-accordion .ui-accordion-content.loading {
|
||||
background-image: url('#{$iconsPath}#{$accordionLoaderImg}');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content {
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
.ui-accordion .ui-accordion-header {
|
||||
border: none;
|
||||
background-repeat: repeat-x;
|
||||
margin-bottom: 0;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
background-color: $mediumBackgroundColor;
|
||||
border-bottom: 1px solid $mediumBorderColor; //$accordionBorderColor;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.ui-accordion .ui-accordion-header.unread .workzone-menu-title {
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ui-accordion .ui-accordion-header.unread {
|
||||
background-color: $basketsColor;
|
||||
//background-image: url('#{$iconsPath}bask_new_back_light.png');
|
||||
}
|
||||
|
||||
.ui-accordion .ui-accordion-header.header {
|
||||
padding-bottom: 0;
|
||||
padding-right: 0;
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.ui-accordion .ui-accordion-header.header:hover {
|
||||
background-color: $accordionBgHeaderHover;
|
||||
}
|
||||
|
||||
|
||||
.ui-accordion .ui-accordion-content {
|
||||
background-color: $darkBackgroundColor;
|
||||
border-top: none;
|
||||
margin-top: -1px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.ui-accordion .ui-accordion-content.grouping {
|
||||
border: 1px solid #2f4a6f;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
// override jqurey ui theme value:
|
||||
.ui-corner-all, .ui-corner-br {
|
||||
border-radius: $defaultBorderRadius;
|
||||
}
|
||||
.ui-corner-top {
|
||||
border-top-left-radius: $defaultBorderRadius;
|
||||
border-top-right-radius: $defaultBorderRadius;
|
||||
}
|
||||
.ui-corner-bottom {
|
||||
border-bottom-right-radius: $defaultBorderRadius;
|
||||
border-bottom-left-radius: $defaultBorderRadius;
|
||||
}
|
||||
.ui-corner-right {
|
||||
border-top-right-radius: $defaultBorderRadius;
|
||||
border-bottom-right-radius: $defaultBorderRadius;
|
||||
}
|
||||
.ui-corner-left {
|
||||
border-top-left-radius: $defaultBorderRadius;
|
||||
border-bottom-left-radius: $defaultBorderRadius;
|
||||
}
|
||||
|
||||
.ui-dialog.ui-widget-content {
|
||||
border: $modalBorder;
|
||||
background: $modalBackground;
|
||||
}
|
||||
|
||||
.ui-dialog-titlebar {
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
.ui-dialog-content.dialog-Small select,
|
||||
.ui-dialog-content.dialog-Small input[type="text"],
|
||||
.ui-dialog-content.dialog-Small textarea {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ui-dialog-content.dialog-Small textarea {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.ui-dialog-content label {
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.ui-dialog-content p {
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.ui-autocomplete.ui-state-hover,
|
||||
.ui-autocomplete.ui-widget-content .ui-state-hover,
|
||||
.ui-autocomplete.ui-widget-header .ui-state-hover,
|
||||
.ui-autocomplete.ui-state-focus,
|
||||
.ui-autocomplete.ui-widget-content .ui-state-focus,
|
||||
.ui-autocomplete.ui-widget-header .ui-state-focus {
|
||||
background-image:none;
|
||||
background-color:#515151;
|
||||
border:none;
|
||||
margin:0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover,
|
||||
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.ui-autocomplete li.list-item {
|
||||
width:280px;
|
||||
min-height:45px;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.ui-autocomplete li.list-item .icon {
|
||||
width:42px;
|
||||
}
|
||||
|
||||
.ui-autocomplete li.list-item .icon img {
|
||||
max-width:32px;
|
||||
max-height:32px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
margin:5px;
|
||||
}
|
||||
|
||||
.ui-autocomplete {
|
||||
min-height: 42px;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding:1px 0;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
padding-right: 20px;
|
||||
}
|
||||
@@ -1,146 +0,0 @@
|
||||
#BasketBrowser {
|
||||
h1 {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.Browser {
|
||||
background-color: $mediumBackgroundColor;
|
||||
}
|
||||
|
||||
.Basket {
|
||||
background-color: $mediumBackgroundColor;
|
||||
display: none;
|
||||
|
||||
.thumb_wrapper {
|
||||
margin: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.result {
|
||||
position: relative;
|
||||
height: 100px;
|
||||
|
||||
.PNB10 {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
table {
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
&.odd {
|
||||
background-color: $darkBackgroundColor;
|
||||
}
|
||||
|
||||
td.thumbnail {
|
||||
display: table-cell;
|
||||
width: 105px;
|
||||
height: 80px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
|
||||
&.content {
|
||||
width: 390px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.counter {
|
||||
bottom: 18px;
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
right: 5px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.results {
|
||||
.datas {
|
||||
top: 50px;
|
||||
bottom: 50px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.header, .footer {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.header {
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
.footer {
|
||||
top: auto;
|
||||
}
|
||||
|
||||
.result h1.title {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
form {
|
||||
h1 {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
ul li {
|
||||
padding: 0;
|
||||
border-top: 1px solid #9A9A9A;
|
||||
&.first {
|
||||
border-top: none;
|
||||
}
|
||||
label {
|
||||
padding: 3px 0 2px 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h1.title .loader {
|
||||
display: none;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border: none;
|
||||
vertical-align: top;
|
||||
td.paginator {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
display: none;
|
||||
&.Query {
|
||||
padding: 3px;
|
||||
display: block;
|
||||
border-radius: 4px;
|
||||
width: 155px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
cursor: pointer;
|
||||
color: #9a9a9a;
|
||||
}
|
||||
|
||||
input:checked + label,
|
||||
label.selected {
|
||||
background-color: $highlightDarkerColor;
|
||||
color: $highlightTextColor;
|
||||
}
|
||||
}
|
||||
@@ -1,301 +0,0 @@
|
||||
#pub_tabs .btn-group.open .btn-inverse.dropdown-toggle {
|
||||
background-color: $bridgeDropdownToggleBg;
|
||||
background-image: none;
|
||||
}
|
||||
#dialog_publicator {
|
||||
.dropdown-menu {
|
||||
min-width: 95px;
|
||||
background-color: $bridgeDropdownMenuBg;
|
||||
*border: 1px solid $bridgeDropdownMenuBorder;
|
||||
a {
|
||||
padding: 3px 10px;
|
||||
color: $bridgeDropdownMenuColor;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background-color: $bridgeDropdownMenuHoverBg;
|
||||
color: $bridgeDropdownMenuHoverColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ui-tabs-panel {
|
||||
left: 200px;
|
||||
}
|
||||
.notice_box,
|
||||
.error_box {
|
||||
color: $textPrimaryInverseColor;
|
||||
font-weight: bold;
|
||||
margin: 5px auto;
|
||||
padding: 5px 0;
|
||||
text-align: center;
|
||||
width: 90%;
|
||||
}
|
||||
.notice_box {
|
||||
background-color: green;
|
||||
color: $textPrimaryColor;
|
||||
}
|
||||
.error_box {
|
||||
background-color: orange;
|
||||
}
|
||||
.api_banner {
|
||||
height: 30px;
|
||||
bottom: auto;
|
||||
background-color: $lightBackgroundColor;
|
||||
.submenu.ui-buttonset {
|
||||
z-index: 600;
|
||||
}
|
||||
}
|
||||
.api_content {
|
||||
top: 30px;
|
||||
bottom: 25px;
|
||||
color: $textPrimaryColor;
|
||||
.blockmenu {
|
||||
bottom: auto;
|
||||
background-repeat: repeat-x;
|
||||
background-position: left bottom;
|
||||
z-index: 1000;
|
||||
width:100%;
|
||||
height:40px
|
||||
}
|
||||
.blockresponse {
|
||||
padding: 0 10px;
|
||||
top: 40px;
|
||||
overflow: auto;
|
||||
z-index: 200;
|
||||
.form-actions {
|
||||
background-color: $darkerBackgroundColor;
|
||||
border-top: none;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.api_content .blockmenu a.selected,
|
||||
.api_banner a.selected {
|
||||
font-weight: bold;
|
||||
color: $highlightBackgroundColor;
|
||||
}
|
||||
.api_infos {
|
||||
top: auto;
|
||||
height: 25px;
|
||||
background-image: url('#{$iconsPath}api_info.png');
|
||||
background-repeat: repeat-x;
|
||||
background-position: 0 0;
|
||||
color: $textSecondaryColor;
|
||||
}
|
||||
.main_menu {
|
||||
float: left;
|
||||
}
|
||||
.diapo {
|
||||
width: 90px;
|
||||
overflow: hidden;
|
||||
.title {
|
||||
height: 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
&.pending_records {
|
||||
width: 50px;
|
||||
overflow: hidden;
|
||||
}
|
||||
&.ui-selected {
|
||||
background-color: #404040;
|
||||
}
|
||||
&.ui-selecting {
|
||||
background-color: #202020;
|
||||
}
|
||||
.thumb_wrapper {
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.api_thumbnail {
|
||||
max-width: 120px;
|
||||
}
|
||||
|
||||
.duration_time {
|
||||
background-color: darken($darkerBackgroundColor, 10);
|
||||
color: $darkerTextColor;
|
||||
font-weight: bold;
|
||||
padding: 2px 4px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#dialog_publicator .ui-state-default.not_configured a {
|
||||
color: #888888;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#dialog_publicator .ui-state-active a {
|
||||
color: #0088CC;
|
||||
}
|
||||
|
||||
#dialog_publicator .ui-state-active.not_configured a {
|
||||
color: #CCCCCC;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#dialog_publicator .dropdown-menu .divider {
|
||||
background-color: #515151;
|
||||
border-bottom: 1px solid #404040;
|
||||
margin: 3px 1px 3px 1px;
|
||||
}
|
||||
|
||||
#dialog_publicator .ui-tabs .ui-tabs-panel.loading {
|
||||
background-image: url('#{$iconsPath}loader000.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#dialog_publicator .ui-tabs-panel .PNB10.container {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
#dialog_publicator .blockresponse .element {
|
||||
margin: 5px 10px;
|
||||
}
|
||||
|
||||
#dialog_publicator .element table {
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#dialog_publicator .element table tr {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#dialog_publicator .element table .title {
|
||||
color: #0088CC;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#dialog_publicator .element table td.thumbnail {
|
||||
width: 140px;
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#dialog_publicator .element table td.special {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
#dialog_publicator .ui-tabs-panel .blockresponse a {
|
||||
color: #0088CC;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#dialog_publicator .element_menu .default_action,
|
||||
.element_menu .trigger {
|
||||
z-index: 444;
|
||||
font-size: $mediumFontSize;
|
||||
font-weight: normal;
|
||||
border-color: #666
|
||||
}
|
||||
|
||||
#dialog_publicator .submenu {
|
||||
display: none;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#dialog_publicator .multi_menu .submenu button {
|
||||
background-color: #313131;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
#dialog_publicator .multi_menu .submenu button.ui-state-hover {
|
||||
background-color: #212121;
|
||||
}
|
||||
|
||||
#dialog_publicator .ui-state-active a {
|
||||
color: #0077BC;
|
||||
}
|
||||
|
||||
#dialog_publicator .api_banner button {
|
||||
border: 1px solid #515151;
|
||||
background-color: #404040;
|
||||
}
|
||||
|
||||
#dialog_publicator .api_banner .submenu.ui-buttonset {
|
||||
z-index: 600;
|
||||
}
|
||||
|
||||
#dialog_publicator .api_content .element {
|
||||
padding: 5px;
|
||||
color: $textPrimaryColor;
|
||||
}
|
||||
|
||||
#dialog_publicator .api_content .element.odd {
|
||||
background-color: #404040;
|
||||
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25) inset, -2px -2px 4px rgba(0, 0, 0, 0.25) inset;
|
||||
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25) inset, -2px -2px 4px rgba(0, 0, 0, 0.25) inset;
|
||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25) inset, -2px -2px 4px rgba(0, 0, 0, 0.25) inset;
|
||||
}
|
||||
|
||||
#dialog_publicator .api_content .element.even {
|
||||
background-color: #666666;
|
||||
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25) inset, -2px -2px 4px rgba(0, 0, 0, 0.25) inset;
|
||||
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25) inset, -2px -2px 4px rgba(0, 0, 0, 0.25) inset;
|
||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25) inset, -2px -2px 4px rgba(0, 0, 0, 0.25) inset;
|
||||
}
|
||||
|
||||
#dialog_publicator .api_content .element.selected {
|
||||
background-color: #999999;
|
||||
}
|
||||
|
||||
#dialog_publicator .api_content .element table .informations {
|
||||
width: 296px;
|
||||
}
|
||||
|
||||
#ul_main_pub_tabs {
|
||||
width: 200px;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
|
||||
#ul_main_pub_tabs {
|
||||
width: 200px;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
right: auto;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
#ul_main_pub_tabs li {
|
||||
padding-left: 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 6px center;
|
||||
}
|
||||
|
||||
#ul_main_pub_tabs li.bridge_Youtube {
|
||||
background-image: url('#{$iconsPath}youtube-small.gif');
|
||||
}
|
||||
|
||||
#ul_main_pub_tabs li.bridge_Dailymotion {
|
||||
background-image: url('#{$iconsPath}dailymotion-small.gif');
|
||||
}
|
||||
|
||||
#ul_main_pub_tabs li.bridge_Flickr {
|
||||
background-image: url('#{$iconsPath}flickr-small.gif');
|
||||
}
|
||||
|
||||
|
||||
#publicator_selection {
|
||||
height: 190px;
|
||||
bottom: auto;
|
||||
background-color: $lightBackgroundColor;
|
||||
> .PNB10 {
|
||||
overflow: auto;
|
||||
bottom: 50px;
|
||||
background-color: $darkerBackgroundColor;
|
||||
}
|
||||
}
|
||||
@@ -1,499 +0,0 @@
|
||||
/******* EDITION **************************************************************/
|
||||
|
||||
#EDIT_ALL {
|
||||
white-space: normal;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
.content-wrapper {
|
||||
margin: 10px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#EDIT_TOP {
|
||||
background-color: $mediumBackgroundColor;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
border-radius: $defaultBorderRadius;
|
||||
}
|
||||
|
||||
#EDIT_MENU {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.GRP_IMAGE_REP {
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 146px;
|
||||
height: 156px;
|
||||
}
|
||||
|
||||
#EDIT_GRPDIAPO {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#EDIT_FILM2 {
|
||||
border: 1px solid $darkerBorderColor;
|
||||
background-color: $darkerBackgroundColor;
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 10px;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#EDIT_ZOOMSLIDER {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
width: 80px;
|
||||
right: 7px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
#EDIT_MID {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 32px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#EDIT_MID_L, #EDIT_MID_R {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#EDIT_MID_L {
|
||||
background-color: $mediumBackgroundColor;
|
||||
width: 700px;
|
||||
left: 0;
|
||||
border-radius: $defaultBorderRadius;
|
||||
}
|
||||
|
||||
#EDIT_MID_R {
|
||||
width: 400px;
|
||||
right: 0;
|
||||
.ui-tabs-panel {
|
||||
background-color: $mediumBackgroundColor;
|
||||
}
|
||||
}
|
||||
|
||||
#EDIT_MID_R li.ui-tabs-active,
|
||||
#EDIT_MID_R li.ui-state-active {
|
||||
background-color: $mediumBackgroundColor;
|
||||
}
|
||||
|
||||
#divS_wrapper {
|
||||
overflow-x: visible;
|
||||
overflow-y: visible;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
bottom: 10px;
|
||||
width: 390px;
|
||||
}
|
||||
|
||||
#divS {
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
right: 10px;
|
||||
div.edit_field {
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
padding: 2px;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
|
||||
.icon-stack {
|
||||
font-size: 11px;
|
||||
cursor: pointer;
|
||||
width: 19px;
|
||||
height: 15px;
|
||||
line-height: 14px;
|
||||
.icon-stack-base {
|
||||
color: #777777; //darken($darkerBackgroundColor, 10);
|
||||
}
|
||||
.icon-light {
|
||||
color: $darkerBackgroundColor; //$darkerTextColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
div.edit_field.odd {
|
||||
background-color: $darkBackgroundColor;
|
||||
}
|
||||
div.edit_field.hover {
|
||||
background-color: $lightBackgroundColor;
|
||||
color: $lightTextColor;
|
||||
}
|
||||
div.edit_field.active {
|
||||
background-color: $lightBackgroundActiveColor;
|
||||
border: 1px solid $lightBorderActiveColor;
|
||||
}
|
||||
span.fieldvalue {
|
||||
white-space: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
#idEditZone {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
left: 420px;
|
||||
}
|
||||
|
||||
#idFieldNameEdit {
|
||||
width: 80px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#idEditZTextArea {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 99%;
|
||||
height: 99%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#idEditDateZone {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#ZTextMultiValued {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#ZTextStatus {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
#idExplain {
|
||||
top: auto;
|
||||
height: 20px;
|
||||
color: #FFB300;
|
||||
text-align: right;
|
||||
img {
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.metadatas_restrictionsTips {
|
||||
cursor: help;
|
||||
}
|
||||
}
|
||||
|
||||
#idDivButtons {
|
||||
bottom: 30px;
|
||||
top: auto;
|
||||
height: 20px;
|
||||
display: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#EditSearch, #EditReplace {
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#buttonEditing {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 28px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#EDIT_WORKING {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
left: 1px;
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
.edit-zone-title {
|
||||
height: 45px;
|
||||
bottom: auto;
|
||||
}
|
||||
#EDIT_EDIT {
|
||||
top: 45px;
|
||||
bottom: 60px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
#EDIT_TOP .diapo div.titre {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
text-align: center;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#Edit_copyPreset_dlg form span {
|
||||
color: $textPrimaryColor;
|
||||
}
|
||||
|
||||
.Edit_preset_item {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 550px;
|
||||
height: 250px;
|
||||
overflow: auto;
|
||||
color: $textSecondaryColor;
|
||||
}
|
||||
|
||||
|
||||
#ZTextMultiValued_values {
|
||||
background-color: $editTextMultiValueBg;
|
||||
border: 1px solid $editTextMultiValueBorder;
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 4px;
|
||||
right: 4px;
|
||||
bottom: 4px;
|
||||
overflow-x: auto;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
#idFrameE {
|
||||
.ui-datepicker-inline {
|
||||
background-color: $darkerBackgroundColor;
|
||||
background-repeat: repeat-x;
|
||||
background-position: 50% top;
|
||||
}
|
||||
|
||||
#ZTextMultiValued_values {
|
||||
div {
|
||||
cursor: pointer;
|
||||
height: 20px;
|
||||
padding: 2px 14px 2px 2px;
|
||||
table {
|
||||
width: 100%;
|
||||
border: none;
|
||||
td {
|
||||
vertical-align: middle;
|
||||
&.options {
|
||||
width: 40px;
|
||||
text-align: right;
|
||||
.add_all {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.hetero {
|
||||
table {
|
||||
td.options {
|
||||
.add_all {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.hilighted {
|
||||
background-color: $editTextMultiValueHighlightBg;
|
||||
}
|
||||
i {
|
||||
color: #FFFF00;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
background-color: #222222;
|
||||
}
|
||||
}
|
||||
}
|
||||
.hetero {
|
||||
color: #ff8000;
|
||||
}
|
||||
.EDIT_presets_list {
|
||||
padding-left: 3px;
|
||||
padding-right: 6px;
|
||||
li {
|
||||
margin: 0px;
|
||||
&.opened{
|
||||
div {
|
||||
display: block;
|
||||
}
|
||||
.triRight {
|
||||
display: none;
|
||||
}
|
||||
.triDown {
|
||||
display: inherit;
|
||||
}
|
||||
}
|
||||
.triDown {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
div {
|
||||
display: none;
|
||||
padding-left: 15px;
|
||||
padding-bottom: 5px;
|
||||
p {
|
||||
font-size: 9px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-size: 12px;
|
||||
a.delete {
|
||||
font-weight: 100;
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/******* THESAURUS ************************************************************/
|
||||
$thesaurusBorderColor: #a9a9a9 !default;
|
||||
div.thesaurus {
|
||||
margin-left: 2px;
|
||||
white-space: nowrap;
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
div.c {
|
||||
display: none
|
||||
}
|
||||
}
|
||||
|
||||
#idFrameE #TH_Ofull, #idFrameTH #TH_Oprop, #idFrameTH #TH_Oclip {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#idFrameE {
|
||||
div.searchZone {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
background: $darkerBackgroundColor;
|
||||
border: $thesaurusBorderColor 1px solid;
|
||||
}
|
||||
div.thesaurus {
|
||||
div.c {
|
||||
display: none
|
||||
}
|
||||
div.o {
|
||||
margin-bottom: 1px;
|
||||
padding-bottom: 2px;
|
||||
padding-left: 5px;
|
||||
margin-left: 3px;
|
||||
border-left: $thesaurusBorderColor 1px solid;
|
||||
border-bottom: $thesaurusBorderColor 1px solid;
|
||||
}
|
||||
div.h {
|
||||
margin-bottom: 1px;
|
||||
padding-bottom: 2px;
|
||||
padding-left: 5px;
|
||||
margin-left: 3px;
|
||||
border-left: $thesaurusBorderColor 1px solid;
|
||||
border-bottom: $thesaurusBorderColor 1px solid;
|
||||
}
|
||||
u {
|
||||
width: 9px;
|
||||
height: 10px;
|
||||
margin-right: 2px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
font-size: 8px;
|
||||
text-decoration: none;
|
||||
background-color: #f0f0f0;
|
||||
cursor: pointer;
|
||||
color: black;
|
||||
line-height: 10px;
|
||||
&.w {
|
||||
cursor: auto;
|
||||
}
|
||||
}
|
||||
b {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.ui-tabs {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 10px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
.ui-tabs-nav {
|
||||
background-color: transparent;
|
||||
top: 0px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
margin-top: 21px;
|
||||
border-top: 1px solid $workzoneTabTopBorder;
|
||||
border-radius: 0;
|
||||
height: 43px;
|
||||
border-bottom: 1px solid $workzoneTabBorderBottom;
|
||||
}
|
||||
.ui-tabs-panel {
|
||||
position: absolute;
|
||||
top: 56px;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,33 +0,0 @@
|
||||
/******* EXPORT ***************************************************************/
|
||||
|
||||
#printBox {
|
||||
background-color: $mediumBackgroundColor;
|
||||
border-radius: $defaultBorderRadius;
|
||||
}
|
||||
|
||||
#printBox h4, #download h4,
|
||||
#sendmail h4, #ftp h4 {
|
||||
margin-bottom: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
color: $textPrimaryColor;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#printBox label, #download label,
|
||||
#sendmail label, #ftp label {
|
||||
line-height: 18px;
|
||||
color: $textPrimaryColor;
|
||||
}
|
||||
|
||||
#sendmail p, #ftp p,
|
||||
.buttons_line p {
|
||||
margin: 20px 0 10px 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#ftp .form-horizontal .control-group {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
@@ -1,36 +0,0 @@
|
||||
#look_box .input-small {
|
||||
height: 22px;
|
||||
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#look_box .btn {
|
||||
margin: 2px;
|
||||
font-weight: bold;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
}
|
||||
|
||||
#look_box .radio.inline, #look_box .checkbox.inline {
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
#look_box label, #basket_preferences label {
|
||||
line-height: 21px;
|
||||
color: $preferencesLabelColor;
|
||||
}
|
||||
|
||||
#look_box h1, #basket_preferences h1 {
|
||||
margin: 5px 0;
|
||||
color: $textPrimaryColor;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#look_box div.box, #basket_preferences div.box {
|
||||
margin: 5px;
|
||||
float: left;
|
||||
width: 98%;
|
||||
}
|
||||
@@ -1,225 +0,0 @@
|
||||
|
||||
#PREVIEWBOX, #EDITWINDOW {
|
||||
z-index: 1200;
|
||||
background-color: $modalBackground;
|
||||
display: none;
|
||||
border: $modalBorder; //1px solid $darkerBorderColor;
|
||||
border-radius: $defaultBorderRadius;
|
||||
}
|
||||
|
||||
#PREVIEWBOX img {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#PREVIEWBOX a.bounce {
|
||||
BORDER-BOTTOM: #ffe000 1px dashed;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#PREVIEWBOX #PREVIEWTITLE_COLLLOGO {
|
||||
img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.PREVIEW_PIC,.PREVIEW_HD {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#PREVIEWCURRENT li.selected {
|
||||
background-color: $bgInverseHoverColor;
|
||||
}
|
||||
|
||||
#PREVIEWBOX li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
#PREVIEWIMGDESC .descBoxes {
|
||||
top: 30px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#PREVIEWIMGDESCINNER span.fieldName {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#PREVIEWIMGDESC em {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
#PREVIEWOTHERS {
|
||||
background-color: $mediumBackgroundColor;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#PREVIEWOTHERSINNER ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
float: left;
|
||||
list-style-type: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#PREVIEWOTHERSINNER li {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 150px;
|
||||
margin: 4px 10px;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
#PREVIEWOTHERSINNER li.otherRegToolTip {
|
||||
height: 25px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#PREVIEWOTHERSINNER li.title {
|
||||
font-weight: bold;
|
||||
font-size: $mediumFontSize;
|
||||
margin: 10px 10px 5px;
|
||||
}
|
||||
|
||||
#PREVIEWOTHERSINNER li.otherRegToolTip,
|
||||
#PREVIEWOTHERSINNER li.otherBaskToolTip {
|
||||
background-color: $mediumBackgroundColor;
|
||||
border-radius: $defaultBorderRadius;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#PREVIEWOTHERSINNER li.otherRegToolTip span.title {
|
||||
line-height: 25px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
#PREVIEWOTHERSINNER li .others_img {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
#PREVIEWTITLEWRAPPER {
|
||||
background-color: $mediumBackgroundColor;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#SPANTITLE {
|
||||
font-size: 16px;
|
||||
line-height: 25px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#PREVIEWCURRENTGLOB, .preview_col_film {
|
||||
height: 96px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#PREVIEWCURRENT {
|
||||
background-color: $mediumBackgroundColor;
|
||||
}
|
||||
|
||||
#PREVIEWCURRENTCONT.group_case {
|
||||
left: 106px;
|
||||
}
|
||||
|
||||
#PREVIEWCURRENTCONT {
|
||||
right: 130px;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
#PREVIEWCURRENTCONT::-webkit-scrollbar-track
|
||||
{
|
||||
border-radius: 0;
|
||||
background-color: #262626;
|
||||
}
|
||||
|
||||
#PREVIEWCURRENTCONT::-webkit-scrollbar {
|
||||
height: 5px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#PREVIEWCURRENTCONT::-webkit-scrollbar-thumb {
|
||||
border-radius: 0;
|
||||
width: 3px;
|
||||
background-color: #595959;
|
||||
}
|
||||
|
||||
|
||||
#PREVIEWCURRENTCONT ul {
|
||||
position: relative;
|
||||
height: 80px;
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#PREVIEWCURRENT, #PREVIEWCURRENTGLOB {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#PREVMAINREG {
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
text-align: center;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.prevTrainCurrent {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
float: left;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
#PREVIEWHD {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
z-index: 6000;
|
||||
}
|
||||
|
||||
#PREVIEWTOOL {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
text-align: right;
|
||||
width: 56px;
|
||||
height: 60px;
|
||||
top: auto;
|
||||
}
|
||||
|
||||
|
||||
#PREVIEWTOOL img, #PREVIEWTOOL span {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.prevTrainCurrent .doc_infos, .diapo .doc_infos {
|
||||
position: absolute;
|
||||
float: left;
|
||||
padding: 3px;
|
||||
z-index: 97;
|
||||
}
|
||||
|
||||
.prevTrainCurrent .doc_infos img,.diapo .doc_infos img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.prevTrainCurrent .duration {
|
||||
background-color: darken($darkerBackgroundColor, 10);
|
||||
color: $darkerTextColor;
|
||||
}
|
||||
#PREVIEWIMGCONT {
|
||||
.documentTips {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
@@ -1,41 +0,0 @@
|
||||
|
||||
#modal_feed {
|
||||
form {
|
||||
.feeds {
|
||||
color: $darkerTextColor;
|
||||
overflow: auto;
|
||||
.list {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.feed {
|
||||
width: 95%;
|
||||
height: 18px;
|
||||
padding: 5px 0;
|
||||
background-color: $darkerBackgroundColor;
|
||||
border: 1px solid $darkerBorderColor;
|
||||
color: $darkerTextColor;
|
||||
font-size: $mediumFontSize;
|
||||
cursor: pointer;
|
||||
&.odd {
|
||||
background-color: lighten($darkerBackgroundColor, 5);
|
||||
color: $mediumTextColor;
|
||||
}
|
||||
&.hover {
|
||||
background-color: $lightBackgroundColor;
|
||||
color: $lightTextColor;
|
||||
}
|
||||
&.selected {
|
||||
background-color: $highlightBackgroundColor;
|
||||
color: $highlightTextColor;
|
||||
}
|
||||
span {
|
||||
margin: 0 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
input.error,
|
||||
textarea.error {
|
||||
border: 1px solid red;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,332 +0,0 @@
|
||||
/** PUSH BOX */
|
||||
.PushBox .content {
|
||||
background-color: $mediumBackgroundColor;
|
||||
}
|
||||
|
||||
.PushBox .LeftColumn h1 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: 5px 0;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.PushBox .LeftColumn ul {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.PushBox .LeftColumn ul li img {
|
||||
margin-right: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.PushBox table {
|
||||
width: 100%;
|
||||
border: none;
|
||||
overflow: hidden;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.PushBox .user_content .header {
|
||||
height: 35px;
|
||||
right: 20px;
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
.PushBox .user_content .footer {
|
||||
height: 35px;
|
||||
top: auto;
|
||||
right: 20px;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges {
|
||||
top: 50px;
|
||||
overflow: auto;
|
||||
height: auto;
|
||||
bottom: 50px;
|
||||
left: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .deleter {
|
||||
float: right;
|
||||
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge {
|
||||
width: 230px;
|
||||
height: 80px;
|
||||
margin: 10px;
|
||||
display: inline-block;
|
||||
background-color: #515150;
|
||||
border: 3px solid #515150;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge.selected {
|
||||
border: 3px solid #EFEFEF;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .toggles .status_on .toggle_off {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .toggles .status_off .toggle_on {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge td.toggle {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .icon {
|
||||
width: 80px;
|
||||
background-color: #404040;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .infos {
|
||||
padding-top: 3px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge table {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .infos table {
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .infos tr {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .infos tr.toggles {
|
||||
height: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .icon img {
|
||||
margin: 7px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .name {
|
||||
font-weight: bold;
|
||||
white-space: pre-line;
|
||||
display: block;
|
||||
font-size: $mediumFontSize;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .subtite {
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .header .options {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.PushBox .all-lists .lists {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.PushBox .LeftColumn .content ul.list li:nth-child(odd) {
|
||||
background-color: none;
|
||||
}
|
||||
|
||||
.PushBox .LeftColumn .content ul.list li:nth-child(even) {
|
||||
background-color: #515150;
|
||||
}
|
||||
|
||||
.PushBox .lists ul li:nth-child(odd) {
|
||||
background-color: none;
|
||||
}
|
||||
|
||||
.PushBox .lists ul li:nth-child(even) {
|
||||
background-color: #515150;
|
||||
}
|
||||
|
||||
.PushBox .LeftColumn .content ul.list li.selected {
|
||||
background-color: #AAA;
|
||||
}
|
||||
|
||||
.PushBox .lists .list.selected {
|
||||
background-color: #AAA;
|
||||
}
|
||||
|
||||
.PushBox .lists .list {
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
.PushBox .welcome {
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
line-height: 18px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.PushBox .welcome h1 {
|
||||
font-weight: bold;
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
#list-editor-search-results {
|
||||
|
||||
}
|
||||
|
||||
#list-editor-search-results table td {
|
||||
padding: 1px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#list-editor-search-results table tr {
|
||||
line-height: 24px;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#list-editor-search-results table tr.odd {
|
||||
background-color: #515151;
|
||||
}
|
||||
|
||||
#list-editor-search-results table tr.selected {
|
||||
background-color: #D18827;
|
||||
}
|
||||
|
||||
#list-editor-search-results table th.sortable span {
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
#list-editor-search-results table th.sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#list-editor-search-results table th.sortable.hover,
|
||||
#list-editor-search-results table th.sortable.sorted {
|
||||
background-color: #F0AD30;
|
||||
}
|
||||
|
||||
#list-editor-search-results table th.sortable span.ord_notifier {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#list-editor-search-results table th.sortable.sorted span.ord_notifier {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#ListShare table {
|
||||
width: 100%;
|
||||
margin: 5px;
|
||||
background-color: #505050;
|
||||
}
|
||||
|
||||
#ListManager .content.readonly .badge {
|
||||
width: 250px;
|
||||
display: inline-block;
|
||||
margin: 5px;
|
||||
background-color: #515150;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#ListManager .content.readonly .badge .deleter {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#ListManager .content.readonly .badge table {
|
||||
width: auto;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
#ListManager .content.readonly .badge .infos {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#ListManager h1 span.title {
|
||||
font-size: 24px;
|
||||
line-height: 24px;
|
||||
font-weight: bold;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#PushBox .general_togglers li {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#PushBox .general_togglers button {
|
||||
margin: 0;
|
||||
padding: 4px 5px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#PushBox .general_togglers button .ui-button-text {
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
#PushBox .content .list_saver {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#PushBox .content .list_saver input {
|
||||
margin: 0;
|
||||
padding: 4px 2px;
|
||||
width: 115px;
|
||||
}
|
||||
|
||||
#PushBox .content .list_saver .btn {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 23px;
|
||||
}
|
||||
|
||||
#find-user {
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
#ListManager .content .lists span.action {
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#recommanded-users {
|
||||
margin-top: 25px;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
#recommanded-users a:last-child {
|
||||
color: #0088CC;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#QuickAddUser table {
|
||||
width: 100%;
|
||||
table-layout: auto;
|
||||
}
|
||||
|
||||
#QuickAddUser table tr td {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#QuickAddUser table td:last-child {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#QuickAddUser input {
|
||||
border: 1px solid #CCCCCC;
|
||||
border-radius: $defaultBorderRadius;
|
||||
box-shadow: 0 1px 1px #EEEEEE;
|
||||
display: inline-block;
|
||||
margin: 0 5px 0 0;
|
||||
padding: 4px;
|
||||
width: 95%;
|
||||
}
|
||||
@@ -1,104 +0,0 @@
|
||||
$paginationLinkColor: $linkDefaultColor !default;
|
||||
|
||||
#tool_navigate input {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#tool_navigate a {
|
||||
padding: 1px 5px;
|
||||
margin: 0 4px;
|
||||
background-color: #0077BC;
|
||||
border-radius: $defaultBorderRadius;
|
||||
font-size: $mediumFontSize;
|
||||
line-height: 14px;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
color: $paginationLinkColor
|
||||
}
|
||||
|
||||
|
||||
#paginate {
|
||||
float: right;
|
||||
margin: 0 65px 15px 0;
|
||||
min-height: 52px;
|
||||
}
|
||||
|
||||
#idFrameT #answers:hover #paginate {
|
||||
margin-right: 59px;
|
||||
}
|
||||
|
||||
#paginate #tool_navigate {
|
||||
background-color: $paginateBg1;
|
||||
}
|
||||
|
||||
#paginate #tool_navigate #NEXT_PAGE:hover,
|
||||
#paginate #tool_navigate #PREV_PAGE:hover,
|
||||
#paginate #tool_navigate #last:hover,
|
||||
#paginate #tool_navigate #first:hover {
|
||||
background-color: $highlightBackgroundColor;
|
||||
}
|
||||
|
||||
#paginate #tool_navigate #NEXT_PAGE {
|
||||
background: url('#{$iconsPath}sprite_paginate.png') -72px 20px no-repeat;
|
||||
width: 49px;
|
||||
border-left: 1px solid $paginateBorderColor;
|
||||
}
|
||||
|
||||
#paginate #tool_navigate #PREV_PAGE {
|
||||
background: url('#{$iconsPath}sprite_paginate.png') -29px 20px no-repeat;
|
||||
width: 49px;
|
||||
border-right: 1px solid $paginateBorderColor;
|
||||
}
|
||||
|
||||
#paginate #tool_navigate #last {
|
||||
background: url('#{$iconsPath}sprite_paginate.png') -121px 20px no-repeat;
|
||||
width: 49px;
|
||||
border-left: 1px solid $paginateBorderColor;
|
||||
}
|
||||
|
||||
#paginate #tool_navigate #first {
|
||||
background: url('#{$iconsPath}sprite_paginate.png') 21px 20px no-repeat;
|
||||
width: 49px;
|
||||
border-right: 1px solid $paginateBorderColor;
|
||||
}
|
||||
|
||||
#paginate #tool_navigate #NEXT_PAGE:hover,
|
||||
#paginate #tool_navigate #PREV_PAGE:hover,
|
||||
#paginate #tool_navigate #last:hover,
|
||||
#paginate #tool_navigate #first:hover {
|
||||
background-image: url('#{$iconsPath}sprite_paginate_hover.png');
|
||||
}
|
||||
|
||||
|
||||
#paginate #tool_navigate input,
|
||||
#paginate #tool_navigate a {
|
||||
border: none;
|
||||
border-top: 1px solid $paginateBorderColor;
|
||||
border-bottom: 1px solid $paginateBorderColor;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
vertical-align: middle;
|
||||
width: 30px;
|
||||
background: none;
|
||||
font-weight: normal;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
color: $paginationLinkColor;
|
||||
}
|
||||
|
||||
#paginate #tool_navigate:first-child {
|
||||
border-left: 1px solid $paginateBorderColor;
|
||||
}
|
||||
|
||||
#paginate #tool_navigate:last-child {
|
||||
border-right: 1px solid $paginateBorderColor;
|
||||
}
|
||||
|
||||
#paginate #tool_navigate input,
|
||||
#paginate #tool_navigate a:hover {
|
||||
color: $highlightTextColor;
|
||||
background: $highlightBackgroundColor;
|
||||
}
|
||||
@@ -1,125 +0,0 @@
|
||||
/******* FORMULAIRE DE RECHERCHE **********************************************/
|
||||
form.phrasea_query input.query {
|
||||
padding-left: 30px;
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
width: 59%;
|
||||
}
|
||||
|
||||
.searchFormWrapper {
|
||||
margin: 30px 0 0 5px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
#searchForm {
|
||||
width: 100%;
|
||||
float: left;
|
||||
.input-append {
|
||||
float: left;
|
||||
width: 50%;
|
||||
.btn {
|
||||
border:none;
|
||||
}
|
||||
a.btn {
|
||||
height: 22px;
|
||||
width: 20px;
|
||||
}
|
||||
button.btn {
|
||||
height: 30px;
|
||||
width: 110px;
|
||||
}
|
||||
}
|
||||
.control-group {
|
||||
float: right;
|
||||
margin-left: 0;
|
||||
}
|
||||
.danger .danger_indicator,
|
||||
.danger.danger_indicator {
|
||||
border-color: #c9c900;
|
||||
background-color: #FCEC98;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
}
|
||||
#adv_search {
|
||||
table {
|
||||
&.colllist {
|
||||
width: 290px;
|
||||
}
|
||||
&.filterlist {
|
||||
width: 600px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/******* SEARCH ***************************************************************/
|
||||
|
||||
#adv_search .sbasglob,
|
||||
.adv_options .sbasglob,
|
||||
#sbasfiltercont {
|
||||
color: $lightTextColor;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
|
||||
#searchForm input.input-small.datepicker::-webkit-input-placeholder { font-size:12px; }
|
||||
#searchForm input.input-small.datepicker::-moz-placeholder { font-size:12px; } /* firefox 19+ */
|
||||
#searchForm input.input-small.datepicker:-ms-input-placeholder { font-size:12px; } /* ie */
|
||||
#searchForm input.input-small.datepicker:-moz-placeholder { font-size:12px; }
|
||||
|
||||
#adv_search .sbasglob hr,
|
||||
.adv_options .sbasglob hr,
|
||||
.adv_options #sbasfiltercont hr {
|
||||
margin: 10px 0;
|
||||
border: 0;
|
||||
border-top: 1px solid #666666;
|
||||
border-bottom: 1px solid #AAAAAA;
|
||||
}
|
||||
|
||||
#adv_search .sbasglob .sbas_list,
|
||||
.adv_options .sbasglob .sbas_list {
|
||||
padding: 5px 0;
|
||||
border-radius: $defaultBorderRadius;
|
||||
}
|
||||
|
||||
#adv_search .sbasglob .sbas_list.selected,
|
||||
.adv_options .sbasglob .sbas_list.selected {
|
||||
border: 2px solid $lightBorderSelectedColor;
|
||||
background-color: $lightBackgroundSelectedColor;
|
||||
}
|
||||
|
||||
.sbasglob .btn-toolbar,
|
||||
#sbasfiltercont .btn-toolbar {
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sbas_list label {
|
||||
color: $lightTextColor;
|
||||
}
|
||||
|
||||
.clkbas {
|
||||
white-space: normal;
|
||||
margin:0 5px;
|
||||
-webkit-column-break-inside:avoid;
|
||||
-moz-column-break-inside:avoid;
|
||||
-o-column-break-inside:avoid;
|
||||
-ms-column-break-inside:avoid;
|
||||
column-break-inside:avoid;
|
||||
span {
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#searchForm .clkbas label {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.clkbas img {
|
||||
vertical-align: middle;
|
||||
max-height: 22px;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,155 +0,0 @@
|
||||
/******* THUMB EXTRACTOR ******************************************************/
|
||||
|
||||
#thumbExtractor {
|
||||
background-color: $lightBackgroundColor;
|
||||
.main_title {
|
||||
height: 15px;
|
||||
font-weight: bold;
|
||||
top: 15px;
|
||||
}
|
||||
.part_title_left {
|
||||
height: 20px;
|
||||
width: 320px;
|
||||
top: 30px;
|
||||
left: 10px;
|
||||
}
|
||||
.part_title_right {
|
||||
height: 20px;
|
||||
width: 320px;
|
||||
top: 30px;
|
||||
left: 380px;
|
||||
}
|
||||
#thumb_info {
|
||||
padding-top: 25px;
|
||||
font-style: italic;
|
||||
}
|
||||
.frame_video {
|
||||
border: 1px solid $darkerBorderColor;
|
||||
height: 210px;
|
||||
width: 320px;
|
||||
top: 50px;
|
||||
left: 10px;
|
||||
}
|
||||
#thumb_video {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.frame_canva {
|
||||
border: 1px solid $darkerBorderColor;
|
||||
border-bottom: none;
|
||||
height: 210px;
|
||||
line-height: 210px;
|
||||
width: 320px;
|
||||
top: 50px;
|
||||
left: 380px;
|
||||
z-index: 2;
|
||||
text-align: center;
|
||||
}
|
||||
#thumb_canvas {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
line-height: 20px;
|
||||
}
|
||||
.action_bar_left {
|
||||
height: 20px;
|
||||
width: 320px;
|
||||
left: 10px;
|
||||
top: 260px;
|
||||
padding: 2px;
|
||||
}
|
||||
.action_bar_right {
|
||||
height: 20px;
|
||||
width: 320px;
|
||||
top: 260px;
|
||||
left: 380px;
|
||||
display: table-row;
|
||||
padding: 2px;
|
||||
.action_icon {
|
||||
padding-right: 10px;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
#thumb_reset_button {
|
||||
width: 41px;
|
||||
height: 41px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 60px;
|
||||
display: none;
|
||||
line-height: 20px;
|
||||
}
|
||||
#thumb_delete_button {
|
||||
width: 41px;
|
||||
height: 41px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
display: none;
|
||||
line-height: 20px;
|
||||
}
|
||||
#thumb_delete_button,
|
||||
#thumb_reset_button {
|
||||
cursor: pointer;
|
||||
}
|
||||
#thumb_slider {
|
||||
height: 95px;
|
||||
width: 320px;
|
||||
top: 285px;
|
||||
left: 380px;
|
||||
padding: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
#thumb_wrapper {
|
||||
white-space: nowrap;
|
||||
margin-top: 15px;
|
||||
img {
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: auto;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
&.selected {
|
||||
border: 2px solid $bgInverseHoverColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
#thumb_camera_button {
|
||||
cursor: pointer;
|
||||
height: 50px;
|
||||
width: 320px;
|
||||
top: 300px;
|
||||
left: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.thumb_submit_action {
|
||||
cursor: pointer;
|
||||
height: 30px;
|
||||
width: 80px;
|
||||
top: 385px;
|
||||
left: 620px;
|
||||
padding: 0;
|
||||
}
|
||||
.action_frame .ui-slider .ui-slider-handle {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
#thumb_confirm {
|
||||
table {
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
td {
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
img.selected {
|
||||
width: 160px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,253 +0,0 @@
|
||||
|
||||
|
||||
/******* UPLOAD MANAGER *******************************************************/
|
||||
|
||||
#uploadBoxLeft, #uploadBoxRight {
|
||||
width: 48.5%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#uploadBoxLeft {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#uploadBoxRight {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#uploadBox {
|
||||
height: 100%;
|
||||
h5 {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
font-size: $mediumFontSize;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
.upload-tabs {
|
||||
height: 100%;
|
||||
}
|
||||
.ui-tabs .ui-tabs-panel {
|
||||
padding: 20px;
|
||||
}
|
||||
.well {
|
||||
margin: 0;
|
||||
padding: 0.5%;
|
||||
color: $textPrimaryInverseColor;
|
||||
}
|
||||
#fileupload {
|
||||
height: 97%;
|
||||
}
|
||||
span.comment {
|
||||
font-style: italic;
|
||||
color: $textSecondaryColor;
|
||||
}
|
||||
.fileinput-button {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
border: solid transparent;
|
||||
border-width: 0 0 100px 200px;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-moz-transform: translate(-300px, 0) scale(4);
|
||||
direction: ltr;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.status-tab {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
td {
|
||||
padding: 2px;
|
||||
}
|
||||
}
|
||||
.status-tab-left {
|
||||
width: 48%;
|
||||
padding-right: 5px;
|
||||
text-align: right;
|
||||
}
|
||||
.status-tab-right {
|
||||
width: 48%;
|
||||
padding-left: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
.status-tab-left input,
|
||||
.status-tab-right input {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.thumbnails {
|
||||
margin-left: -20px;
|
||||
> li {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
.upload-record {
|
||||
height: 260px;
|
||||
background-color: $uploadBg1;
|
||||
.canva-wrapper {
|
||||
height: 125px;
|
||||
overflow: auto;
|
||||
}
|
||||
.name-doc {
|
||||
height:40px;
|
||||
overflow: hidden;
|
||||
-o-text-overflow: ellipsis; /* pour Opera 9 */
|
||||
text-overflow: ellipsis;
|
||||
font-weight: bold;
|
||||
}
|
||||
.infos-doc {
|
||||
overflow: hidden;
|
||||
-o-text-overflow: ellipsis; /* pour Opera 9 */
|
||||
text-overflow: ellipsis;
|
||||
color: #777777;
|
||||
height: 40px;
|
||||
}
|
||||
.error, .success{
|
||||
padding-top: 2px;
|
||||
padding-bottom: 3px;
|
||||
display: none;
|
||||
overflow: auto;
|
||||
}
|
||||
.error {
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.remove-element {
|
||||
margin: 2px 0;
|
||||
}
|
||||
}
|
||||
.flash-box .upload-record {
|
||||
height: 160px;
|
||||
background-color: $uploadBg2;
|
||||
}
|
||||
.select-label {
|
||||
font-style: italic;
|
||||
color: $textSecondaryColor;
|
||||
}
|
||||
.select-row {
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.progress {
|
||||
margin-top: 4px;
|
||||
margin-bottom: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
.uploader-button{
|
||||
text-align: center;
|
||||
width:50%;
|
||||
}
|
||||
#addFileList {
|
||||
width:100%;
|
||||
table-layout:fixed;
|
||||
border:none;
|
||||
td{
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
.uploader-icon {
|
||||
width:15%;
|
||||
text-align:left;
|
||||
}
|
||||
.uploader-info {
|
||||
font-size:10px;
|
||||
width:35%;
|
||||
text-align:left;
|
||||
p {
|
||||
line-height:10px;
|
||||
font-size:10px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
a {
|
||||
text-decoration: underline;
|
||||
color: darkblue;
|
||||
margin:5px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#uploadBoxRight .progress .progress-bar {
|
||||
height: 10px;
|
||||
}
|
||||
#lazaretBox {
|
||||
&.container-fluid {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.loading {
|
||||
background-image: url('#{$iconsPath}#{$uploadLoaderImg}');
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
li.wrapper-item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.lazaret-file h5,
|
||||
.lazaret-proposals h5 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.lazaret-file p,
|
||||
.lazaret-proposals p {
|
||||
font-weight: bold;
|
||||
overflow: hidden;
|
||||
-o-text-overflow: ellipsis; /* for Opera 9 */
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
span.info {
|
||||
display: inline;
|
||||
font-weight: normal;
|
||||
}
|
||||
.lazaret-file,
|
||||
.lazaret-proposals {
|
||||
.thumbnails {
|
||||
margin-left: 0;
|
||||
background-color: #FFFFFF;
|
||||
min-height: 234px;
|
||||
li {
|
||||
margin: 0;
|
||||
}
|
||||
img {
|
||||
max-height: 480px;
|
||||
}
|
||||
|
||||
.record-thumb {
|
||||
height: 180px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.well {
|
||||
.lazaret-file,
|
||||
.lazaret-proposals {
|
||||
a {
|
||||
font-weight: normal;
|
||||
color: $textPrimaryInverseColor;
|
||||
&:hover {
|
||||
color: $textInverseHoverColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.lazaret-proposals .records-subititution {
|
||||
margin: 0 10px 10px 0;
|
||||
}
|
||||
button, .btn {
|
||||
font-weight: normal;
|
||||
img {
|
||||
margin-right: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,185 +0,0 @@
|
||||
|
||||
#idFrameC {
|
||||
#baskets {
|
||||
top: $tabHeight !important;
|
||||
border-top: 1px solid $darkBorderColor;
|
||||
> div {
|
||||
// border-top: 1px solid $mediumBorderColor;
|
||||
}
|
||||
.bloc {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 1px;
|
||||
bottom: 0;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
&.groupDrop {
|
||||
border: 3px solid #a00;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
&.grouping .alert_datas_changed,
|
||||
&.basket .alert_datas_changed {
|
||||
position: relative;
|
||||
margin: 10px 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.alert_datas_changed {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
height: 20px;
|
||||
right: 26px;
|
||||
left: 10px;
|
||||
background-color: $workzoneBasketAlertDataBg;
|
||||
color: $workzoneBasketAlertDataColor;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: $mediumFontSize;
|
||||
display: none;
|
||||
z-index: 5000;
|
||||
}
|
||||
.insidebloc {
|
||||
top: 0;
|
||||
}
|
||||
.top-scroller, .bottom-scroller {
|
||||
height: 80px;
|
||||
position: absolute;
|
||||
border: none;
|
||||
top: 0px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.top-scroller {
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
.bottom-scroller {
|
||||
top: auto;
|
||||
}
|
||||
.SSTT {
|
||||
&.active {
|
||||
&.ui-corner-top {
|
||||
border: none;
|
||||
top: 0;
|
||||
background-color: $mediumBackgroundColor;
|
||||
}
|
||||
}
|
||||
&.grouping {
|
||||
&.active {
|
||||
&.ui-corner-top {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.title {
|
||||
overflow: hidden;
|
||||
left: 30px;
|
||||
right: 40px;
|
||||
height: 16px;
|
||||
margin: 2px 0;
|
||||
font-size: $mediumFontSize;
|
||||
}
|
||||
.menu {
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
padding: 3px;
|
||||
margin: 0 5px 0 0;
|
||||
table td {
|
||||
width: 20px;
|
||||
}
|
||||
}
|
||||
.workzone-menu-title {
|
||||
text-overflow: ellipsis;
|
||||
padding-right: 65px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
display: block;
|
||||
}
|
||||
img {
|
||||
max-height: 18px;
|
||||
vertical-align: middle;
|
||||
cursor: help;
|
||||
margin-right: 9px;
|
||||
}
|
||||
}
|
||||
.menu {
|
||||
.contextMenuTrigger {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: url('#{$iconsPath}contextMenuTrigger.png') 0 13px no-repeat;
|
||||
height: 45px;
|
||||
width: 13px;
|
||||
}
|
||||
}
|
||||
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
|
||||
color: $textPrimaryActiveColor;
|
||||
//font-size: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** hack IE7 only */
|
||||
*:first-child + html .workzone-menu-title {
|
||||
margin-right: 65px;
|
||||
}
|
||||
|
||||
.ui-accordion .ui-accordion-header.baskDrop {
|
||||
color: red;
|
||||
}
|
||||
|
||||
#basket_menu_trigger {
|
||||
padding: 32px 7px 0 0;
|
||||
float: right;
|
||||
font-size: 9px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.CHIM.diapo {
|
||||
width: 100px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.CHIM.diapo .title, .CHIM.diapo .status {
|
||||
position: relative;
|
||||
height: 20px;
|
||||
z-index: 15;
|
||||
font-size: 0.8em
|
||||
}
|
||||
|
||||
.CHIM.diapo .title {
|
||||
height: 15px;
|
||||
margin: 2px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.CHIM.diapo .bottom {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 15;
|
||||
vertical-align: middle;
|
||||
.WorkZoneElementRemover {
|
||||
padding: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.CHIM.diapo .bottom span, .CHIM.diapo .bottom img {
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
color: $textPrimaryColor;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.CHIM.diapo img {
|
||||
margin-top: 9px;
|
||||
z-index: 14;
|
||||
position: relative;
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
|
||||
#idFrameC {
|
||||
|
||||
#plugins {
|
||||
//position: relative;
|
||||
//left: 5px;
|
||||
//border-top: 1px solid $darkBorderColor;
|
||||
top: $tabHeight !important;
|
||||
}
|
||||
}
|
||||
@@ -1,159 +0,0 @@
|
||||
$proposalsTitleColor: $darkerTextColor !default;
|
||||
$proposalsTitleHoverColor: $darkerTextHoverColor !default;
|
||||
$proposalsContentTextColor: $darkerTextColor !default;
|
||||
$proposalsContentTextColor: $darkerTextColor !default;
|
||||
$proposalFacetColor: #FFF !default;
|
||||
$proposalsFacetHoverColor: #FFF !default;
|
||||
/******* PROPOSALS ************************************************************/
|
||||
|
||||
|
||||
#proposals {
|
||||
position: relative;
|
||||
left: 5px;
|
||||
border-top: 1px solid $darkBorderColor;
|
||||
top: $tabHeight !important;
|
||||
*:focus {
|
||||
outline: none;
|
||||
}
|
||||
ul {
|
||||
ul {
|
||||
background-color: $darkBackgroundColor;
|
||||
}
|
||||
li {
|
||||
line-height: 17px;
|
||||
font-size: $mediumFontSize;
|
||||
}
|
||||
&.fancytree-container {
|
||||
background-color: $mediumBackgroundColor;
|
||||
border: 0px none transparent;
|
||||
overflow-x: hidden;
|
||||
padding-left: 0;
|
||||
padding-top: 0;
|
||||
ul {
|
||||
padding: 17px 0;
|
||||
overflow: auto;
|
||||
width: 101%;
|
||||
max-height: 400px;
|
||||
overflow-x: hidden;
|
||||
li {
|
||||
padding-left: 30px;
|
||||
line-height: 25px;
|
||||
white-space: pre-line !important;
|
||||
&:hover {
|
||||
background-color: $proposalColor;
|
||||
.fancytree-title {
|
||||
color: $proposalsFacetHoverColor;
|
||||
// color: $textPrimaryHoverColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fancytree-folder {
|
||||
font-weight: bold;
|
||||
font-size: $xmediumFontSize;
|
||||
color: $proposalsTitleColor;
|
||||
height: 49px;
|
||||
line-height: 49px;
|
||||
margin-left: 0;
|
||||
border-left: 4px solid $mediumBackgroundColor;
|
||||
border-bottom: 1px solid $mediumBorderColor;
|
||||
.fancytree-title {
|
||||
font-size: $xmediumFontSize;
|
||||
margin-left: 10px;
|
||||
}
|
||||
&:hover {
|
||||
border-left: 4px solid $proposalColor;
|
||||
color: $proposalsTitleHoverColor;
|
||||
.fancytree-title {
|
||||
color: $proposalsTitleHoverColor;
|
||||
}
|
||||
}
|
||||
.fancytree-expander {
|
||||
&:before {
|
||||
content: '\25C0'; /* U+25C0 BLACK LEFT-POINTING TRIANGLE */
|
||||
color: $mediumTextColor;
|
||||
}
|
||||
&:hover {
|
||||
&:before {
|
||||
color: $basketsColor;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.fancytree-expanded {
|
||||
.fancytree-expander:before {
|
||||
content: '\25BC'; /* U+25BC BLACK BLACK DOWN-POINTING TRIANGLE */
|
||||
color: $textPrimaryHoverColor;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.fancytree-expander {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
background-image: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
font-weight: normal;
|
||||
font-size: 65%;
|
||||
}
|
||||
|
||||
.fancytree-title {
|
||||
font-size: $xmediumFontSize;
|
||||
color: $proposalsTitleColor;
|
||||
background-color: transparent;
|
||||
border: 0px none transparent;
|
||||
}
|
||||
|
||||
.fancytree-node {
|
||||
font-size: $xmediumFontSize;
|
||||
color: $proposalsContentTextColor;
|
||||
//background-color: transparent;
|
||||
//border: 0px none transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.facetFilter {
|
||||
font-weight: normal;
|
||||
position: absolute;
|
||||
width: 127px;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
vertical-align: middle;
|
||||
border-radius: 4px;
|
||||
right: 28px;
|
||||
background-color: $proposalColor;
|
||||
color: $proposalFacetColor;
|
||||
padding-left: 13px;
|
||||
padding-right: 13px;
|
||||
margin-top: 11px;
|
||||
}
|
||||
|
||||
.facetFilter-label {
|
||||
position: absolute;
|
||||
left: 13px;
|
||||
right: 14px;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.facetFilter-gradient {
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.facetFilter-closer {
|
||||
position: absolute;
|
||||
right: 13px;
|
||||
cursor: pointer;
|
||||
background: url('#{$iconsPath}bgd_facetFilter.png') 0 5px no-repeat;
|
||||
height: 25px;
|
||||
width: 14px;
|
||||
}
|
||||
}
|
||||
@@ -1,235 +0,0 @@
|
||||
$thesaurusTabHeight: $subTabHeight !default;
|
||||
.treeview {
|
||||
|
||||
li {
|
||||
color: $mediumTextColor;
|
||||
vertical-align: middle;
|
||||
background-image: none;
|
||||
}
|
||||
> li.expandable {
|
||||
min-height: 50px;
|
||||
line-height: 47px;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
background: none;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
border-bottom: 1px solid $mediumBorderColor;
|
||||
> .hitarea {
|
||||
height: 51px;
|
||||
background: url('#{$iconsPath}sprite_tree_first.png') 99% 22px no-repeat;
|
||||
border-left: 5px $mediumBackgroundColor solid;
|
||||
&:hover,
|
||||
&.active {
|
||||
border-left: 5px $thesaurusColor solid;
|
||||
}
|
||||
}
|
||||
}
|
||||
.hitarea {
|
||||
background: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
ul {
|
||||
li {
|
||||
.hitarea {
|
||||
background: url('#{$iconsPath}icon_tree.png') 0 0 no-repeat;
|
||||
position: relative;
|
||||
height: 9px;
|
||||
width: 9px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
&:hover {
|
||||
color: $textPrimaryColor;
|
||||
}
|
||||
span {
|
||||
color: $mediumTextColor;
|
||||
&.h {
|
||||
color: $thesaurusColor !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#THPD_T_treeBox {
|
||||
font-size: $xmediumFontSize;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
> div {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
&:hover {
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
#THPD_T_treeBox::-webkit-scrollbar-track {
|
||||
border-radius: 0;
|
||||
background-color: #1f1f1f;
|
||||
}
|
||||
|
||||
#THPD_T_treeBox::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
background-color: #474747;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ==================================
|
||||
dans l'onglet thesaurus : arbres, menus contextuels
|
||||
===================================== */
|
||||
.ui-tabs {
|
||||
#thesaurus_tab {
|
||||
top: $tabHeight !important;
|
||||
border-top: 1px solid $darkBorderColor;
|
||||
|
||||
}
|
||||
}
|
||||
#THPD_tabs {
|
||||
right: 0;
|
||||
|
||||
.ui-tabs-nav {
|
||||
li.th_tab {
|
||||
a {
|
||||
color: $textPrimaryColor;
|
||||
}
|
||||
&.th_tab {
|
||||
height: $thesaurusTabHeight; // in order to display bottom border
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
box-sizing: border-box;
|
||||
.ui-state-active {
|
||||
border-bottom: 1px solid $thesaurusColor;
|
||||
}
|
||||
a {
|
||||
height: $thesaurusTabHeight;
|
||||
line-height: $thesaurusTabHeight;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0 20px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ui-state-default A {
|
||||
color: $thesaurusContextMenuColor;
|
||||
}
|
||||
.ui-tabs-active A {
|
||||
color: $textPrimaryActiveColor;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
.treeview {
|
||||
ul {
|
||||
background-color: $darkBackgroundColor;
|
||||
margin-left: -16px;
|
||||
padding-left: 16px;
|
||||
li {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
}
|
||||
span {
|
||||
cursor: pointer;
|
||||
&.h { /* highlighted (filtered) */
|
||||
color: #FFFFD0;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
i { /* count of hits */
|
||||
color: #80FF80;
|
||||
background-color: #606060;
|
||||
font-style: normal;
|
||||
margin-left: 10px;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
font-family: courier;
|
||||
}
|
||||
}
|
||||
|
||||
.treeview LI.selected SPAN {
|
||||
background-color: $thesaurusColor !important;
|
||||
color: $textPrimaryActiveColor !important;
|
||||
}
|
||||
|
||||
.treeview LI.selected SPAN {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
|
||||
.treeview LI.selected LI SPAN {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.context-menu-item-disabled {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
}
|
||||
#idFrameC .ui-tabs {
|
||||
#THPD_C.ui-tabs-panel,
|
||||
#THPD_T.ui-tabs-panel{
|
||||
top: 46px;
|
||||
}
|
||||
}
|
||||
|
||||
#THPD_T, #THPD_C {
|
||||
// margin-top: 10px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
#THPD_WIZARDS {
|
||||
.gform {
|
||||
.input-append {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 1px solid $mediumBorderColor;
|
||||
border-top: none;
|
||||
input.input-medium {
|
||||
width: 80%;
|
||||
border-radius: 0;
|
||||
height: 50px;
|
||||
padding: 0 2.5%;
|
||||
background: $thesaurusInputBackground;
|
||||
border: none;
|
||||
float: left;
|
||||
margin: 0;
|
||||
}
|
||||
.th_ok {
|
||||
width: 15%;
|
||||
line-height: 50px;
|
||||
vertical-align: middle;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
background-color: $mediumBackgroundColor;
|
||||
color: $mediumTextColor;
|
||||
border: none;
|
||||
margin: 0;
|
||||
outline: none;
|
||||
float: left;
|
||||
box-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
.th_clear {
|
||||
position: relative;
|
||||
z-index: 1000;
|
||||
float: right;
|
||||
margin: -50px 15% 0 0;
|
||||
display: none;
|
||||
width: 30px;
|
||||
line-height: 50px;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
background: url('#{$iconsPath}icon_clear_search.png') 50% no-repeat;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,196 +0,0 @@
|
||||
$workzoneBackgroundColor: $darkBackgroundColor !default; //$mediumBackgroundColor !default;
|
||||
$workzoneTopBorder: none !default;
|
||||
$workzoneTabTopBorder: 1px solid $darkBorderColor !default;
|
||||
$workzoneBorderTopColor: $mediumBorderColor !default;
|
||||
$tabHeight: 86px !default;
|
||||
$subTabHeight: 46px !default;
|
||||
|
||||
|
||||
$workzoneTabContentBackgroundColor: $workzoneBackgroundColor !default;
|
||||
|
||||
$workzoneTabBackgroundColor: $workzoneBackgroundColor !default;
|
||||
$workzoneTabTextColor: $mediumTextColor !default;
|
||||
|
||||
$workzoneTabActiveBackgroundColor: $tabContentBackgroundColor !default;
|
||||
$workzoneTabActiveTextColor: $lightTextColor !default;
|
||||
|
||||
$workzoneTabDisabledBackgroundColor: $tabBackgroundColor !default;
|
||||
$workzoneTabDisabledTextColor: $mediumTextActiveColor !default;
|
||||
|
||||
|
||||
/**
|
||||
* Workzone
|
||||
*/
|
||||
#idFrameC {
|
||||
top: 0 !important;
|
||||
min-width: 300px;
|
||||
bottom: 0 !important;
|
||||
&.closed {
|
||||
min-width: 0;
|
||||
}
|
||||
#retractableButton {
|
||||
cursor: pointer;
|
||||
width: 70px;
|
||||
height: 85px;
|
||||
float: right;
|
||||
text-align: center;
|
||||
line-height: 85px;
|
||||
margin-bottom: -20px;
|
||||
i {
|
||||
font-size: 23px;
|
||||
color: $mediumTextColor;
|
||||
}
|
||||
}
|
||||
.wrapper {
|
||||
background-color: $workzoneBackgroundColor;
|
||||
right: 10px;
|
||||
border-top: $workzoneTopBorder; //$workzoneBorderTop;
|
||||
}
|
||||
|
||||
.ui-tabs {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.ui-tabs-nav {
|
||||
background-color: $workzoneTabContentBackgroundColor;
|
||||
top: 0;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
//margin-top: 21px;
|
||||
// border-top: 1px solid $workzoneTabTopBorder;
|
||||
border-radius: 0;
|
||||
height: $subTabHeight;
|
||||
border-bottom: 1px solid $workzoneTabBorderBottom;
|
||||
box-sizing: border-box;
|
||||
li {
|
||||
width: auto;
|
||||
height: $tabHeight;
|
||||
display: inline-block;
|
||||
background-color: $workzoneTabBackgroundColor;
|
||||
z-index: 10;
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
&.proposals_WZ {
|
||||
&.ui-state-active {
|
||||
a {
|
||||
border-bottom: 3px solid $proposalColor;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
img.proposals_off {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
img.proposals_on {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*&.proposals_WZ.ui-state-active a {
|
||||
border-bottom: 3px solid #4c5d84;
|
||||
}*/
|
||||
&.thesaurus.ui-state-active a {
|
||||
border-bottom: 3px solid $thesaurusColor;
|
||||
}
|
||||
&.baskets.ui-state-active a {
|
||||
border-bottom: 3px solid $basketsColor;
|
||||
}
|
||||
&.plugins.ui-state-active a {
|
||||
border-bottom: 3px solid $pluginsColor;
|
||||
}
|
||||
|
||||
|
||||
a {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
&.escamote {
|
||||
margin: 25px 25px 0 0;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
a {
|
||||
background-color: $workzoneTabBgHover;
|
||||
border-bottom: 3px solid $workzoneTabBgHover;
|
||||
}
|
||||
}
|
||||
&.ui-state-active {
|
||||
a {
|
||||
background-color: $workzoneTabBgActive;
|
||||
border-bottom: 1px solid $thesaurusColor;
|
||||
// height: 82px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.ui-tabs-panel {
|
||||
position: absolute;
|
||||
top: 56px;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
}
|
||||
ul.icon-menu {
|
||||
width: 100%;
|
||||
}
|
||||
.icon-menu {
|
||||
.WZtabs, .WZplugins {
|
||||
display: block;
|
||||
width: 70px;
|
||||
height: 82px;
|
||||
line-height: 82px;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
.WZbasketTab {
|
||||
display: block;
|
||||
background-image: url('#{$iconsPath}workzone32.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 9px 21px;
|
||||
width: 70px;
|
||||
height: 82px;
|
||||
}
|
||||
}
|
||||
.closed {
|
||||
.icon-menu li {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
.ui-tabs-panel,
|
||||
.ui-resizable-handle {
|
||||
display: none;
|
||||
}
|
||||
.tools {
|
||||
padding: 7px 0 7px 0;
|
||||
text-align: left !important;
|
||||
button {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
width: 16px;
|
||||
height: 22px;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
}
|
||||
label {
|
||||
display: inline;
|
||||
margin: 0 15px 0 0;
|
||||
float: left;
|
||||
font-size: $smallFontSize;
|
||||
color: $workzoneToolsLabelColor;
|
||||
line-height: 22px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.alert_datas_changed a {
|
||||
color: #404040;
|
||||
text-decoration: underline;
|
||||
}
|
||||
@@ -1,32 +0,0 @@
|
||||
.lt-ie8 {
|
||||
div.diapo {
|
||||
display:inline;
|
||||
float:left;
|
||||
position:relative;
|
||||
margin:7px 4px;
|
||||
|
||||
}
|
||||
#baskets .insidebloc{
|
||||
left:10px;
|
||||
position:absolute;
|
||||
width:70%;
|
||||
top:0;
|
||||
}
|
||||
|
||||
.list .diapo{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
#adv_search table.colllist
|
||||
{
|
||||
width:270px;
|
||||
}
|
||||
|
||||
#adv_search table.filterlist
|
||||
{
|
||||
width:580px;
|
||||
}
|
||||
.loading{
|
||||
background-image:none;
|
||||
}
|
||||
}
|
||||
@@ -1,25 +0,0 @@
|
||||
.lt-ie9 {
|
||||
#adv_search table.colllist
|
||||
{
|
||||
width:270px;
|
||||
}
|
||||
|
||||
#adv_search table.filterlist
|
||||
{
|
||||
width:580px;
|
||||
}
|
||||
.btn-image {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
// border: 1px solid #FF0000;
|
||||
}
|
||||
#idFrameC {
|
||||
.ui-tabs {
|
||||
.ui-tabs-nav {
|
||||
li {
|
||||
margin-top: -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,150 +0,0 @@
|
||||
@import '../../_shared/styles/variables';
|
||||
@import '../../../../www/bower_components/fancytree/dist/skin-win8/ui.fancytree'; // to inline import css file, don't put extension
|
||||
@import '../../vendors/jquery-treeview/jquery.treeview';
|
||||
@import '../../../../www/bower_components/humane-js/themes/libnotify';
|
||||
@import '../../vendors/jquery-contextmenu/styles/jquery.contextmenu';
|
||||
@import '../../vendors/jquery-image-enhancer/styles/jquery.image_enhancer';
|
||||
@import '../../vendors/colorpicker/styles/colorpicker';
|
||||
@import '../../_shared/styles/main';
|
||||
|
||||
|
||||
#idFrameC {
|
||||
top: 10px;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
#idFrameC .ui-tabs {
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#answers {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.caption-tooltip-container .popover-inner .popover-content {
|
||||
overflow: auto;
|
||||
overflow-x: hidden;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.popover-inner .popover-content dl.dl-horizontal {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
}
|
||||
|
||||
.popover-inner .popover-content dl.dl-horizontal:first-child{
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.dl-horizontal dt, .popover-inner .popover-content .dl-horizontal dt {
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
color: #808080;
|
||||
text-align: left;
|
||||
width: 100px ;
|
||||
/*border-bottom: 1px solid #333;*/
|
||||
}
|
||||
|
||||
.dl-horizontal dd, .popover-inner .popover-content .dl-horizontal dd {
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.break-word {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.ui-button:focus, .ui-button-text:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.descBoxes .dl-horizontal dt{
|
||||
float: none;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
.descBoxes .dl-horizontal dd{
|
||||
padding-top: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
/** was inline code: */
|
||||
.noRepresent {
|
||||
background-color: #A2F5F5;
|
||||
}
|
||||
|
||||
.disable {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.deployer_opened::before {
|
||||
content: "\25BC";
|
||||
}
|
||||
|
||||
.deployer_closed::before {
|
||||
content: "\25B6";
|
||||
}
|
||||
|
||||
/* Vertical Tabs */
|
||||
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
|
||||
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
|
||||
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
|
||||
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
|
||||
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right;}
|
||||
|
||||
.history-collection {
|
||||
background-image: url('#{$iconsPath}chgcoll_history.png');
|
||||
}
|
||||
|
||||
.history-status {
|
||||
background-image: url('#{$iconsPath}chgstatus_history.png');
|
||||
}
|
||||
|
||||
.history-print {
|
||||
background-image: url('#{$iconsPath}print_history.png');
|
||||
}
|
||||
|
||||
.history-substit, .history-publish {
|
||||
background-image: url('#{$iconsPath}imgtools_history.png');
|
||||
}
|
||||
|
||||
.history-download, .history-mail, .history-ftp {
|
||||
background-image: url('#{$iconsPath}disktt_history.png');
|
||||
}
|
||||
.history-edit {
|
||||
background-image: url('#{$iconsPath}ppen_history.png');
|
||||
}
|
||||
|
||||
.history-validate, .history-push {
|
||||
background-image: url('#{$iconsPath}push16.png');
|
||||
}
|
||||
|
||||
.history-add {
|
||||
background-image: url('#{$iconsPath}add.png');
|
||||
}
|
||||
|
||||
.history-collection, .history-status, .history-print, .history-substit, .history-publish, .history-download, .history-mail, .history-ftp, .history-edit, .history-validate, .history-push, .history-add {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center left;
|
||||
background-size: 16px 16px;
|
||||
padding-left: 24px;
|
||||
min-height: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
|
||||
only screen and (-o-min-device-pixel-ratio: 13/10),
|
||||
only screen and (min-resolution: 120dpi)
|
||||
{
|
||||
.history-collection, .history-status, .history-print, .history-substit, .history-publish, .history-download, .history-mail, .history-ftp, .history-edit, .history-validate, .history-push {
|
||||
background-size: 16px 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@import 'ie7';
|
||||
@import 'ie8';
|
||||
Reference in New Issue
Block a user