')
- .append(
- $('| ').addClass('propedit label').text(resource.props[propname].label)
- )
- .append(
- $(' | ').text(':')
- )
- .append(
- $(' | ').addClass('propedit datafield valuefield').data('propname', propname)
- )
- )
- }
- topele.append(petable);
- }
-
-
- }
- /*=======================================================================*/
-
- SALSAH.metadataAreaDomCreate = metadataAreaDomCreate;
-
- var sectionsetup = function(element, winid) {
- $(element).find('.sectionheader.winid_' + winid).each(
- function(index){
- var section = $(this).next('.section');
- if (section.css('display') == 'none') {
- $(this).css('cursor', 's-resize');
- }
- else {
- $(this).css('cursor', 'n-resize');
- }
- }
- );
- $(element).find('.sectionheader.winid_' + winid).click(
- function(event) {
- var section = $(this).next('.section');
- if (section.css('display') == 'none') {
- $(this).css('cursor', 'n-resize');
- $(this).find('img').attr('src', SITE_URL + '/app/icons/collapse.png');
- }
- else {
- $(this).css('cursor', 's-resize');
- $(this).find('img').attr('src', SITE_URL + '/app/icons/expand.png');
- }
- $(this).next('.section').slideToggle();
- }
- );
- };
- /*=======================================================================*/
-
- var regionsetup = function(element, winid) {
- var open_area_id;
- $(element).find('.regionheader.winid_' + winid).each(
- function(index) {
- var reg_id = $(this).data('reg_id');
- var section = $(this).next('.section');
- if (typeof open_area_id === 'undefined') {
- section.slideDown();
- $(this).find('img:first').attr('src', SITE_URL + '/app/icons/collapse.png');
- open_area_id = reg_id;
- }
- else {
- $(this).next('.section').css('display', 'none'); // this region info is collapsed ("slideUp")
- $(this).find('img:first').attr('src', SITE_URL + '/app/icons/expand.png');
- }
- }
- );
- $(element).find('.regionheader.winid_' + winid).click(
- function(event) {
-
- var section = $(this).next('.section');
-
- if (section.css('display') == 'none') {
-
- var curRegion = $(".regionheader.winid_"+ winid + "[data-reg_id='" + open_area_id + "']");
-
- curRegion.next('.section').slideUp();
- curRegion.find('img:first').attr('src', SITE_URL + '/app/icons/expand.png');
- section.slideDown();
- $(this).find('img:first').attr('src', SITE_URL + '/app/icons/collapse.png');
- open_area_id = $(this).data('reg_id');
- }
- }
- );
-
- return {
- openSection: function(index) {
-
- var curEle = $(".regionheader.winid_"+ winid + "[data-reg_id='" + index + "']");
- var section = curEle.next('.section');
-
- if (open_area_id != index) {
-
- var openRegion = $(".regionheader.winid_"+ winid + "[data-reg_id='" + open_area_id + "']");
-
- openRegion.next('.section').slideUp();
- openRegion.find('img:first').attr('src', SITE_URL + '/app/icons/expand.png');
- section.slideDown();
-
- curEle.find('img:first').attr('src', SITE_URL + '/app/icons/collapse.png');
- open_area_id = index;
- }
- }
- };
- };
- /*=======================================================================*/
-
-
-
- var regionsTabOnEnterCB = function(data_hook) {
- var figures = $.parseJSON(data_hook['FIGURES'].figures);
- for (var reg in figures) { // loop over all regions
- data_hook['FIGURES'].canvas.regions('drawObject', figures[reg]);
- }
- //
- // now we have to setup the region area and start the detect mode!
- //
- data_hook['FIGURES'].viewer.regionSection(data_hook['FIGURES'].regsec);
- data_hook['FIGURES'].canvas.regions(
- 'setMode',
- 'detect',
- {
- clicked_cb: function(index) {
- var objs = data_hook['FIGURES'].canvas.regions('returnObjects');
- data_hook['FIGURES'].regsec.openSection(objs[index].res_id);
- }
- }
- );
- };
- /*=======================================================================*/
-
- var regionsTabOnLeaveCB = function(data_hook) {
- if (data_hook['FIGURES'] === undefined) return;
- var objs = data_hook['FIGURES'].canvas.regions('returnObjects');
- data_hook['FIGURES'].figures = JSON.stringify(objs);
- data_hook['FIGURES'].canvas.regions('reinit');
- };
-
- /*=======================================================================*/
-
- var setDim = function (dim, ele, value) {
- if (typeof value === 'number') {
- if (ele[dim]() == 0) { // dim is either 'height' or 'width' => ele.width() or ele.height()
- ele[dim](value);
- return value;
- }
- else {
- return ele[dim]();
- }
- }
- else if (typeof value === 'string') {
- var tmp = value.split(':');
- if (ele[dim]() == 0) {
- ele[dim](tmp[0]);
- return tmp[0];
- }
- else {
- if ((tmp.length > 1) && (tmp[1] == 'override')) {
- ele[dim](tmp[0]);
- return (tmp[0]);
- }
- else {
- return ele[dim]();
- }
- }
- }
- return false;
- };
- /*=======================================================================*/
-
-
- /**
- * Adds a special property called __label__ to the properties of a resource, to enable viewing and editing
- * of the resource's rdfs:label.
- */
- var resource_label = function(data) {
- var rights;
-
- if (data.resdata !== undefined) {
-
- switch (data.resdata.rights) {
- case Rights.RESOURCE_ACCESS_NONE: {
- rights = Rights.VALUE_ACCESS_NONE;
- break;
- }
- case Rights.RESOURCE_ACCESS_VIEW_RESTRICTED:
- case Rights.RESOURCE_ACCESS_VIEW: {
- rights = Rights.VALUE_ACCESS_VIEW;
- break;
- }
- case Rights.RESOURCE_ACCESS_ANNOTATE:
- case Rights.RESOURCE_ACCESS_EXTEND:
- case Rights.RESOURCE_ACCESS_OVERRIDE: {
- rights = Rights.VALUE_ACCESS_ANNOTATE;
- break;
- }
- case Rights.RESOURCE_ACCESS_MODIFY:
- case Rights.RESOURCE_ACCESS_DELETE:
- case Rights.RESOURCE_ACCESS_RIGHTS: {
- rights = Rights.VALUE_ACCESS_MODIFY;
- break;
- }
- default: {
- rights = Rights.VALUE_ACCESS_NONE;
- }
- }
- data.props.__label__ = {
- attributes: "size=64",
- comments: [],
- guielement: "text",
- guiorder: 0,
- is_annotation: 0,
- label: "Label",
- occurrence: "1",
- pid: "http://www.w3.org/2000/01/rdf-schema#label",
- regular_property: 1,
- value_firstprops: [null],
- value_iconsrcs: [null],
- value_ids: [null],
- value_restype: [null],
- value_rights: [rights],
- values: [data.resinfo.firstproperty],
- valuetype_id: 'LABEL'
- };
- }
- };
-
- /**
- * This function fills the Metadata area with the image specific information including regions
- *
- * @param {Object} viewer The viewer object
- * @param {Number} winid The window ID
- * @param {Number} res_id The resource ID
- * @param {Object} data The result of an AJAX call to "/ajax/get_resource_context.php"
- * @param {Object} metadata_area_tabs The where the metadata tabs are located within
- * @param {Number} tabid Number of the tab (1 or 2)
- * @param {Boolean} regtab_active if defined, make the regiontabe active
- */
- var imageMetadataArea = function(viewer, winid, res_id, resinfo, tabid, regtab_active) {
- var canvas = viewer.topCanvas();
- //$.post(SITE_URL +'/app/helper/rdfresedit.php', {winid: winid, resid: res_id, tabid: tabid}, // TO DO, BUT ALREADY IN API DIR
- SALSAH.ApiGet('resources', res_id, function(data2) {
- if (data2.status == ApiErrors.OK) {
-
- resource_label(data2);
- var metadata_area_tabs = viewer.metadataArea();
- var icon = $(' ![]() ', {src: data2.resdata.iconsrc});//.dragndrop('makeDraggable', 'RESID', {resid: res_id});
- var label = $(' ').append(icon).append(data2.resdata.restype_label);
-
- metadata_area_tabs.tabs('remove', 'regions'); // remove region tabe (if there is alreay one - we don't want it now)
-
-
- //
- // create the tab and add the content to it
- //
- metadata_area_tabs.tabs('setTab', 'image_data', label, function(content_ele) {
- metadataAreaDomCreate(content_ele, data2, {winid: winid, tabid: tabid});
- });
-
- $('.datafield_' + tabid + '.winid_' + winid).propedit(data2.resdata, data2.props, data2.resinfo.project_id);
- var tabele = metadata_area_tabs.tabs('contentElement', 'image_data');
- tabele.addClass('propedit_frame');
- sectionsetup(tabele, winid);
-
- tabele.find('.delres').click(
- function(event) {
- if (confirm(strings._delentry)) {
- SALSAH.ApiDelete('resources/' + encodeURIComponent($(event.target).data('res_id')), function(data) {
- if (data.status == ApiErrors.OK) {
- viewer.destroy();
- }
- else {
- alert(data.errormsg);
- }
- });
- }
- }
- );
-
- //
- // here we add the region tab and fill it... (if the are regions....)
- //
- RESVIEW.setupRegionTab(resinfo, viewer, regtab_active);
- RESVIEW.transcriptionTab(viewer, res_id, resinfo.transcriptions, true);
-
- }
- else {
- alert(new Error().lineNumber + ' ' + data2.errormsg);
- }
- });
- };
- /*=======================================================================*/
-
-
- /**
- * This function fills the Metadata area with the movie specific information including regions
- *
- * @param {Object} viewer The viewer object
- * @param {Number} winid The window ID
- * @param {Number} res_id The resource ID
- * @param {Object} data The result of an AJAX call to "/ajax/get_resource_context.php"
- * @param {Object} metadata_area_tabs The where the metadata tabs are located within
- * @param {Number} tabid Number of the tab (1 or 2)
- */
- var movieMetadataArea = function(viewer, winid, res_id, resinfo, tabid) {
- SALSAH.ApiGet('resources', res_id, function(data2) {
- if (data2.status == ApiErrors.OK) {
- resource_label(data2);
- var metadata_area_tabs = viewer.metadataArea();
- var icon = $(' ![]() ', {src: data2.resdata.iconsrc}); //.dragndrop('makeDraggable', 'RESID', {resid: res_id});
- var label1 = $(' ').append(icon).append(data2.resdata.restype_label);
-
- //
- //!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
- // here we have to change the sequence tab! equivalent to the region tab
- //
- var label2 = $(' ').append('SEQUENZ');
-
- metadata_area_tabs.tabs('setTab', 'movie_data', label1, function(topele) {
- metadataAreaDomCreate(topele, data2, {winid: winid, tabid: tabid});
- });
-
-/*
- * !+!+!+!+!+!+!+!+!!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!
- * GET A LIST OF SEQUENCES
- * Movie Sequence, Show Tab if some sequences exists !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
- * 2013-11-08 @ akilchenmann: todo todo todo
- *
- metadata_area_tabs.tabs('setTab', 'sequence_data', label2, ' content in the activated area');
- var seq = {};
- seq.ele = metadata_area_tabs.tabs('contentElement', 'sequence_data');
-*/
- /* sequence-ele.append(........) */
-
- $('.datafield_' + tabid + '.winid_' + winid).propedit(data2.resdata, data2.props, data2.resinfo.project_id);
-
- var tabele = metadata_area_tabs.tabs('contentElement', 'movie_data');
- tabele.addClass('propedit_frame');
- sectionsetup(tabele, winid);
-
- tabele.find('.delres').click(
- function(event) {
- if (confirm(strings._delentry)) {
- SALSAH.ApiDelete('resources/' + encodeURIComponent($(event.target).data('res_id')), function(data) {
- if (data.status == ApiErrors.OK) {
- viewer.destroy();
- }
- else {
- alert(data.errormsg);
- }
- });
- }
- }
- );
-
- //
- // here we add the sequence tab and fill it... (if there are sequences....)
- // for movies and audio files; equivalent to the region tab in images
- //
- //RESVIEW.setupSequenceTab(resinfo, viewer);
- }
- else {
- alert(new Error().lineNumber + ' ' + data2.errormsg)
- }
- });
- };
- /*=======================================================================*/
-
-
- /**
- * starts drawing of a new figure
- *
- * @param canvas The convas object which is used as overlay
- * @param image_zoom The image zoom object which controls the zooming
- * @param region_action
- * @param figure_add_cb Callback function(figure, index) which saves the figure
- */
- RESVIEW.figure_drawing = function(viewer, figure_add_cb) {
- //
- // Now we add the 3 icons for selecting a rectangle, polygon or circle to draw
- //
- var canvas = viewer.topCanvas();
- var image_zoom = viewer.imageZoom();
- var region_drawings = $(' ');
- viewer.getTaskbar().elestack('add', 'region_drawings', region_drawings);
-
- var active_figure = null;
- var draw_rect_icon;
- var draw_polygon_icon;
- var draw_circle_icon;
-
- draw_rect_icon = $(' ![]() ', {src: SITE_URL + '/app/icons/DrawRectangleTool24.gif'}).css('cursor', 'pointer').click(
- function(event) {
- var $this = $(this);
- if (active_figure !== null) { // another figure icon has already been clicked and is active ��� but we want to draw another figure! => reset!!
- switch (active_figure) {
- case 'rect': {
- draw_rect_icon.attr('src', SITE_URL + '/app/icons/DrawRectangleTool24.gif');
- canvas.regions('setMode', 'detect', {
- clicked_cb: function(index) {
- canvas.regions('setMode', 'edit', {index: index});
- }
- });
- active_figure = null;
- return;
- }
- case 'polygon': {
- draw_polygon_icon.attr('src', SITE_URL + '/app/icons/DrawPolygonTool24.gif');
- break;
- }
- case 'circle': {
- draw_circle_icon.attr('src', SITE_URL + '/app/icons/DrawEllipseTool24.gif');
- break;
- }
- }
- }
- active_figure = 'rect';
- $this.attr('src', SITE_URL + '/app/icons/DrawRectangleTool24-active.gif');
- image_zoom.disable();
- var params = {
- type: 'rectangle',
- draw_cb: function(figure, index) {
- image_zoom.enable();
- figure_add_cb(figure, index);
- canvas.regions(
- 'setMode',
- 'detect', {
- clicked_cb: function(index) {
- canvas.regions('setMode', 'edit', {index: index});
- }
- });
- $this.attr('src', SITE_URL + '/app/icons/DrawRectangleTool24.gif');
- active_figure = null;
- }
- };
- canvas.regions('setMode', 'draw', params);
- }
- ).appendTo(region_drawings);
-
- draw_polygon_icon = $(' ![]() ', {src: SITE_URL + '/app/icons/DrawPolygonTool24.gif'}).css('cursor', 'pointer').click(
- function(event){
- var $this = $(this);
- if (active_figure !== null) {
- switch (active_figure) {
- case 'rect': {
- draw_rect_icon.attr('src', SITE_URL + '/app/icons/DrawRectangleTool24.gif');
- break;
- }
- case 'polygon': {
- draw_polygon_icon.attr('src', SITE_URL + '/app/icons/DrawPolygonTool24.gif');
- canvas.regions(
- 'setMode',
- 'detect', {
- clicked_cb: function(index) {
- canvas.regions('setMode', 'edit', {index: index});
- }
- });
- active_figure = null;
- return;
- }
- case 'circle': {
- draw_circle_icon.attr('src', SITE_URL + '/app/icons/DrawEllipseTool24.gif');
- break;
- }
- }
- $this.attr('src', SITE_URL + '/app/icons/DrawPolygonTool24.gif');
- }
- active_figure = 'polygon';
- $this.attr('src', SITE_URL + '/app/icons/DrawPolygonTool24-active.gif');
- image_zoom.disable();
- var params = {
- type: 'polygon',
- draw_cb: function(figure, index){
- image_zoom.enable();
- figure_add_cb(figure, index);
- canvas.regions(
- 'setMode',
- 'detect', {
- clicked_cb: function(index) {
- canvas.regions('setMode', 'edit', {index: index});
- }
- });
- $this.attr('src', SITE_URL + '/app/icons/DrawPolygonTool24.gif');
- active_figure = null;
- }
- };
- canvas.regions('setMode', 'draw', params);
- }
- ).appendTo(region_drawings);
-
- draw_circle_icon = $(' ![]() ', {src: SITE_URL + '/app/icons/DrawEllipseTool24.gif'}).css('cursor', 'pointer').click(
- function(event){
- var $this = $(this);
- if (active_figure !== null) {
- switch (active_figure) {
- case 'rect': {
- draw_rect_icon.attr('src', SITE_URL + '/app/icons/DrawRectangleTool24.gif');
- break;
- }
- case 'polygon': {
- draw_polygon_icon.attr('src', SITE_URL + '/app/icons/DrawPolygonTool24.gif');
- break;
- }
- case 'circle': {
- draw_circle_icon.attr('src', SITE_URL + '/app/icons/DrawEllipseTool24.gif');
- canvas.regions(
- 'setMode', 'detect', {
- clicked_cb: function(index) {
- canvas.regions('setMode', 'edit', {index: index});
- }
- });
- active_figure = null;
- return;
- }
- }
- }
- active_figure = 'circle';
- $this.attr('src', SITE_URL + '/app/icons/DrawEllipseTool24-active.gif');
- image_zoom.disable();
- var params = {
- type: 'circle',
- draw_cb: function(figure, index){
- image_zoom.enable();
- figure_add_cb(figure, index);
- canvas.regions(
- 'setMode',
- 'detect',
- {
- clicked_cb: function(index) {
- canvas.regions('setMode', 'edit', {index: index});
- }
- }
- );
- $this.attr('src', SITE_URL + '/app/icons/DrawEllipseTool24.gif');
- active_figure = null;
- }
- };
- canvas.regions('setMode', 'draw', params);
- }
- ).appendTo(region_drawings);
- };
- /*=======================================================================*/
-
- RESVIEW.initQuality = function(viewer, viewer_settings, pic, thumbnail) {
- var taskbar_main = viewer.getTaskbar().elestack('get', 'main');
- taskbar_main.find('.qualityActions').remove();
- var quality_actions = $(' ').addClass('qualityActions').css({'vertical-align': 'top'});
-
-
-
- taskbar_main.append(quality_actions);
-
-
- var quality_selection = $(' |
-