' + l_date_str + ': ' + p_msg + '
');\r\n else if( p_type == G_MSG_TYPE_WARNING )\r\n $l_msg_box = $('' + l_date_str + ': ' + p_msg + '
');\r\n else if( p_type == G_MSG_TYPE_ERROR )\r\n $l_msg_box = $('' + l_date_str + ': ' + p_msg + '
');\r\n else if( p_type == G_MSG_TYPE_SUCCESS )\r\n $l_msg_box = $('' + l_date_str + ': ' + p_msg + '
');\r\n\r\n $l_info.append( $l_msg_box.hide() );\r\n if( $l_info.children().length > G_MAX_MSG_STRINGS ) {\r\n\r\n $l_info.find(':first-child').hide('blind', {}, 500, function(e) {\r\n $(this).remove();\r\n });\r\n }\r\n $l_msg_box.show( 'slide', {}, 500 );\r\n };\r\n\r\n /**\r\n * Shows default error from _errors. Used in Communication.\r\n * @param type Type of error [NO_RESPONSE_FROM_SERVER etc].\r\n */\r\n var showDefaultError = function(type){\r\n if(type.msg !== null) {\r\n showError(type.msg);\r\n }\r\n };\r\n\r\n /**\r\n * Utility for showMessage type Error.\r\n * @param msg Message\r\n */\r\n var showError = function(msg){\r\n showMessage(msg, G_MSG_TYPE_ERROR);\r\n };\r\n\r\n return {\r\n showMessage: showMessage,\r\n showError : showError,\r\n showDefaultError : showDefaultError,\r\n errors : _errors\r\n }\r\n})();\r\n\r\n","/*\r\n* Globals.js\r\n*\r\n* File for keeping globals ( constants at least ) to have a better overview\r\n*\r\n* TODO: SBE: Needless to say, I'm not a fan.\r\n*/\r\n\r\n/*****************************\r\n* CONSTANTS\r\n*****************************/\r\n\r\n// names for local storage use\r\nvar G_LS_NAMES = {\r\n\t'DECK_CONTAINER_DATA': 'WELS_container_data',\r\n\t'DECK_DATA' : 'WELS_deck_data',\r\n\t'MASTER_DATA' : 'WELS_master_data',\r\n\t'MAIN_VESSEL_DATA' : 'WELS_vessel_data',\r\n\t'BULK_TANKS': 'WELS_bulk_tanks',\r\n\t'FUEL_LOG' : 'WELS_fuel_reporting_log',\r\n\t'VOYAGE_LOG' : 'WELS_voyage_event_log',\r\n\t'FUEL_DATA' : 'WELS_rob_data',\r\n\t'VOYAGE_VALIDATIONS': 'WELS_voyage_validations'\r\n};\r\n\r\n\r\nvar G_CONSUMABLE_SEQ = {\r\n FUEL : 1,\r\n LNG : 2,\r\n POTWATER : 3,\r\n DRILLWATER : 4\r\n}\r\n\r\n// Page names\r\nvar G_PAGE = {\r\n 'MAIN_PAGE' : -1,\r\n 'HOME_PAGE' : 0,\r\n 'DECK_PAGE' : 1,\r\n 'BULK_PAGE' : 2,\r\n 'VOYAGE_PAGE' : 3,\r\n 'FUEL_PAGE' : 4,\r\n 'DEBUG_PAGE' : 5\r\n};\r\n\r\n// Colour scheme for containers on deck\r\nvar G_CONTAINER_COLOURS = {\r\n'TRANSIT': '#71BC78',\r\n'DECK': '#AD8998',\r\n'OUTGOING':\t'#FF5349',\r\n'CONSTRAINT': '#000000',\r\n};\r\n\r\nvar G_CONTAINER_TYPES = {\r\n\t'REFRIGERATED': 'refrigerated'\r\n};\r\n\r\n// Deck scale\r\nvar G_DECK_SCALES = {\r\n 'VESSEL': 25,\r\n 'RIG': 15\r\n};\r\n\r\n\r\nvar G_CONTAINING_DIV = '#deck'; // The main div for decks\r\n\r\nvar G_ROOT_ADDRESS = '/service/wels'; // Path to functions for interacting with DB\r\n\r\n\r\n/*****************************\r\n* Global variable variables :)\r\n*****************************/\r\n\r\nvar g_voyage_planning = null; \t// Voyage planning state object\r\nvar g_fuel_planning = null;\t\t// Fuel planning/reporting state object\r\nvar g_bulk_planning = null;\t// Bulk planning/reporting state object\r\n\r\nvar g_remote_object = null; // Remote communication object\r\nvar g_master_data = null;\t\t// Master data object\r\nvar g_localsave_object = null;\t// The local storage save system\r\n\r\n\r\n\r\nvar g_current_page = G_PAGE['HOME_PAGE']; // What page we are currently looking at\r\n\r\nvar g_ctrl_key_down = false; // For avoiding double click conflicts when double clicking on a container\r\nvar g_dbl_container_pos = []; // Last doubleclick on deck for adding new containers. Keeps track of x,y pos\r\n\r\nvar g_container_list = {}; // stores containers\r\nvar g_data_list = {}; // Stores data for user\r\n\r\nvar g_deck_list = {}; // Stores deck data\r\nvar g_deck_scale = G_DECK_SCALES['VESSEL']; // keeps track of deck scale\r\nvar g_current_deck; // keeps track of current deck\r\nvar g_autosave_interval_id = null; // interval id for autosaving deck\r\nvar g_container_is_dirty = false; // whether any containers have been moved since previous autosave\r\nvar g_isDragging = false;\r\nvar g_selected_container = null;\r\n\r\nvar g_master_data2_fetched = false;\r\n\r\nvar g_timeStampFormat = \"DD.MM.YYYY HH:mm\"; //Default set to norwegian\r\nvar g_app_locale = \"Europe/Oslo\";\r\n\r\nvar g_actions = {\r\n load : 'load',\r\n offload : 'offload',\r\n backload : 'backload',\r\n discharge: 'discharge',\r\n dump: 'dump',\r\n start_rob : 'start_rob',\r\n rob : 'rob',\r\n tankCleanStarted : 'tank_clean_started',\r\n tankClean : 'tank_clean',\r\n deviation : 'deviation',\r\n transferTo : 'transfer_to',\r\n transferFrom : 'transfer_from',\r\n rob_adjustment : 'rob_adjustment'\r\n};\r\n\r\nvar g_destination_type = {\r\n toRig : 'toRig',\r\n fromRig : 'fromRig',\r\n noRig : 'noRig'\r\n};\r\n\r\nvar g_autoupdate_deck = false;\r\n\r\nvar g_dataIsReady = false;\r\n","/*\r\n * LocalStorage.js\r\n *\r\n * Functions for saving, loading and checking local storage\r\n */\r\n\r\n/*\r\n * Constructor for Local Save System\r\n * Wrapper object for the local storage object\r\n */\r\nfunction LocalSaveSystem () {\r\n\r\n}\r\n\r\n/*\r\n * Initialise any main local storage items\r\n */\r\nLocalSaveSystem.prototype.InitialiseLocalData = function () {\r\n}\r\n\r\n/*\r\n * Checks if a local storage item exists\r\n */\r\nLocalSaveSystem.prototype.HasLocalStorageItem = function (p_item_name) {\r\n if (localStorage[p_item_name] === undefined || localStorage[p_item_name] === null) {\r\n return false;\r\n }\r\n\r\n\treturn true;\r\n};\r\n\r\n/*\r\n * Retrieves an item from local storage\r\n */\r\n\r\nLocalSaveSystem.prototype.GetLocalStorageItem = function (p_item_name) {\r\n\tif (localStorage.getItem(p_item_name) === undefined || localStorage[p_item_name] === null) {\r\n\r\n\t\tvar msg = 'Item ' + p_item_name + ' does not exist in local storage. Ignoring ';\r\n\t\tVRC.ConfirmationModal.show({msg: msg, type: 'alert'});\r\n\t}\r\n\ttry {\r\n\t\tvar l_obj = localStorage.getItem(p_item_name)\r\n\r\n\t\treturn JSON.parse(l_obj);\r\n\r\n\t}\r\n\tcatch (e) {\r\n\r\n\t\treturn l_obj;\r\n\t}\r\n}\r\n\r\n/*\r\n * Sets a local storage item\r\n */\r\nLocalSaveSystem.prototype.SetLocalStorageItem = function (p_name, p_value) {\r\n\ttry {\r\n\t\tlocalStorage.setItem(p_name, JSON.stringify(p_value));\r\n\t}\r\n\tcatch (l_exception) {\r\n\t\tif (l_exception == QUOTA_EXCEEDED_ERRPR) {\r\n\t\t\tvar msg = 'Max allowed storage space exceeded. Could not store (all) items in local storage';\r\n\r\n\t\t\tVRC.ConfirmationModal.show({msg: msg, type: 'alert'});\r\n\t\t\tVRC.ErrorHandleService.showMessage('Max allowed storage space exceeded. Could not store (all) items in local storage', G_MSG_TYPE_ERROR);\r\n\t\t\tconsole.error(e.stack); //Added to get debug info in production\r\n\t\t}\r\n\t\telse {\r\n\t\t\tvar msg = 'An error occured whilst trying to save to local storage. Exception: ' + l_exception;\r\n\t\t\tVRC.ConfirmationModal.show({msg: msg, type: 'alert'});\r\n\t\t\tVRC.ErrorHandleService.showMessage('An error occured whilst trying to save to local storage. Exception: ' + l_exception, G_MSG_TYPE_ERROR);\r\n\t\t\tconsole.error(e.stack); //Added to get debug info in production\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*\r\n * Deletes local storage item\r\n */\r\nLocalSaveSystem.prototype.RemoveLocalStorageItem = function (p_name) {\r\n\tif (localStorage.getItem(p_name) === undefined || localStorage[p_name] === null) {\r\n\t\tvar msg = 'Item ' + p_name + ' does not exist in local storage. Ignoring ';\r\n\t\tVRC.ConfirmationModal.show({msg: msg, type: 'alert'});\r\n\t}\r\n\ttry {\r\n\t\tlocalStorage.removeItem(p_name)\r\n\t}\r\n\tcatch (e) {\r\n\t\tvar msg = ' Error deleting ' + p_name + ' from local storage ';\r\n\t\tVRC.ConfirmationModal.show({msg: msg, type: 'alert'});\r\n\t\tVRC.ErrorHandleService.showMessage(' Error deleting ' + p_name + ' from local storage ', G_MSG_TYPE_ERROR);\r\n\t\tconsole.error(e.stack); //Added to get debug info in production\r\n\t}\r\n}\r\n\r\n/*\r\n * Prints out all data to a webpage\r\n */\r\nLocalSaveSystem.prototype.PrintLocalStorageData = function () {\r\n\tvar l_output;\r\n\ttry {\r\n\t\tfor (var l_key in localStorage) {\r\n\t\t\tvar l_data = '';\r\n\t\t\ttry {\r\n\t\t\t\tl_data = this.GetLocalStorageItem(l_key);\r\n\t\t\t\tl_output += '' + l_key + '
' + JSON.stringify(l_data) + '
' + l_key + '
' + l_data + '
';\r\n\t});\r\n\tif (result != '') {\r\n\t\tresult = ' From Previous Submit
' + result;\r\n\t}\r\n\r\n\tif ($validationArea) {\r\n\t\tif (result === \"\") {\r\n\t\t\t$validationArea.hide();\r\n\t\t} else {\r\n\t\t\t$validationArea.html(result);\r\n\t\t\t$validationArea.show();\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n\r\n/**\r\n * Display confirmation box for fetching data\r\n */\r\nfunction ConfirmFetchData () {\r\n\tvar msg = 'This will fetch last submitted data for Voyage Log, Bulk Tanks, ROB and Deck. Continue?';\r\n\tvar onConfirm = function () {\r\n\t\tFetchData();\r\n\t};\r\n\tVRC.ConfirmationModal.show({msg: msg, onConfirm: onConfirm});\r\n}\r\n\r\n/**\r\n * Fetches all data and display data as necessary based on which page we are on.\r\n * Chains the ajaxrequest\r\n * Will show loading modal as long as all request are loading.\r\n * @returns a promise which is resolved when all ajax request are resolved.\r\n */\r\nfunction FetchData () {\r\n\tVRC.LoadingModal.show();\r\n\tvar deferred = $.Deferred();\r\n\r\n\tvar voyage = VRC.CurrentVoyage.getCurrentVoyage();\r\n\r\n\t//Fetch data Four ajax requests\r\n\tvar fetchVoyage = voyage.fetch();\r\n\tvar fetchVoyageLog = g_voyage_planning.FetchLogEntries();\r\n\tvar fetchDeckState = FetchDeckStateFromDB();\r\n\tvar fetchBulkState = VRC.BulkState.fetch();\r\n\r\n\t//Wait for ALL 4 different ajax requests to be finished.\r\n\t$.when(fetchVoyage, fetchVoyageLog, fetchDeckState, fetchBulkState).done(function (v1, v2, v3, v4) {\r\n\t\tVRC.ErrorHandleService.showMessage('Data fetched from server', G_MSG_TYPE_SUCCESS);\r\n\t\tVRC.LoadingModal.hide();\r\n\t\tdeferred.resolve();\r\n\t});\r\n\r\n\treturn deferred.promise();\r\n}\r\n\r\n/**\r\n * Closes the ajax Popup\r\n * Used by the Ajax pages with some top.ClosePopup?\r\n * @param return_msg Optional message to be shown.\r\n * @constructor\r\n */\r\nfunction ClosePopup (return_msg) {\r\n\t$('#apex_popup').dialog('close');\r\n\r\n\tif (return_msg !== undefined) {\r\n\t\tVRC.ErrorHandleService.showMessage(return_msg, G_MSG_TYPE_NORMAL);\r\n\t}\r\n}\r\n\r\n/**\r\n * Get version number\r\n * From html method\r\n * TODO: Save this somewhere sane and not i DOM.\r\n */\r\nfunction GetVersionNumber () {\r\n\treturn $('.version_no span').text();\r\n}\r\n\r\n/**\r\n * Opens submit dialog for sending data to server.\r\n * Voyage Log and Bulk/ROB has a relationship and needs to be submitted together to create warnings.\r\n * Deck is not connected and could be sent individually.\r\n *\r\n * Voyage Log, Rob and Bulk Tanks are selected by default, unless on Deck page.\r\n *\r\n */\r\nfunction OpenSubmitDialog () {\r\n\tvar $submitParams = $('#submit_params');\r\n\t$('#submit_text').html('Select whether to Submit everything, just the Deck or Voyage Log, ROB and Bulk Tanks');\r\n\t$submitParams.html('' +\r\n\t\t'' +\r\n\t\t'
' +\r\n\t\t'');\r\n\r\n\tif (g_current_page == G_PAGE.DECK_PAGE) {\r\n\t\t\t$submitParams.find('input[value=\"deck\"]').attr('checked', true);\r\n\t}\r\n\r\n\t$('#submit_dialog').dialog('open');\r\n}\r\n/**\r\n * Closes Submit Dialog\r\n */\r\nfunction CloseSubmitDialog () {\r\n\t$('#submit_dialog').dialog('close');\r\n}\r\n\r\n/**\r\n * Saves data on current page and submits data based on checkbox values.\r\n */\r\nfunction SubmitData () {\r\n\tVRC.LoadingModal.show();\r\n\tvar submitCode = $('#submit_params input[name=\"submit_type\"]:checked').val() || 'all_no_deck';\r\n\r\n\t//Default callback\r\n\tvar onSuccess = function () {\r\n\t\tVRC.LoadingModal.hide();\r\n\t};\r\n\r\n\tif (g_current_page == G_PAGE.VOYAGE_PAGE) {\r\n\t\tg_voyage_planning.SaveLogEntries();\r\n\r\n\t\tonSuccess = function () {\r\n\t\t\tg_voyage_planning.DisplayValidations();\r\n\t\t\tVRC.LoadingModal.hide();\r\n\t\t};\r\n\t}\r\n\telse if (g_current_page == G_PAGE.FUEL_PAGE) {\r\n\t\tVRC.RobState.save();\r\n\t}\r\n\telse if (g_current_page == G_PAGE.BULK_PAGE) {\r\n\t\tVRC.BulkState.saveToLocalStorage();\r\n\t}\r\n\telse if (g_current_page == G_PAGE.DECK_PAGE) {\r\n\t\tSaveLocalState();\r\n\t}\r\n\r\n\tg_remote_object.SubmitAllData(submitCode, onSuccess, null);\r\n\tCloseSubmitDialog();\r\n}\r\n\r\n/**\r\n * Here all begins.\r\n */\r\n$(document).ready(function () {\r\n\tInitApplication();\r\n});\r\n","/**\r\n * Wrapper that imports all data and deligates to the four main modules.\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.ImportService = (function(){\r\n\r\n\tvar importData = function(data){\r\n\r\n\t\tg_voyage_planning.ParseLogData(null, data.voyageLogs);\r\n\t\tVRC.BulkState.importData(data.bulk);\r\n\t\tVRC.CurrentVoyage.importData(data.voyage);\r\n\t\tParseContainers(data.deck.containers);\r\n\r\n\t};\r\n\r\n\treturn {\r\n\t\timportData : importData\r\n\t}\r\n})();\r\n","/*\r\n * HomeState.js\r\n *\r\n * Initialisation of Home page\r\n *\r\n */\r\n\r\n/*\r\n * Initialises the home page section\r\n */\r\nfunction InitialiseHomePage () {\r\n\tg_remote_object.FetchHTMLFromServer('', ParseHomeData, 'info', 'home');\r\n}\r\n\r\nfunction ParseHomeData (p_owner, p_data) {\r\n\tVRC.CurrentVoyage.init();\r\n\r\n\t$(\"#home_voyage_info\").html(p_data);\r\n}","/*\r\n * Bulkstate.js\r\n *\r\n * Initialisation of Bulk state page\r\n * Loads reporting page for bulk tanks\r\n *\r\n */\r\n\r\n/*\r\n * Initialisation function for when voyage page is loaded\r\n */\r\nfunction InitialiseBulkPlanning() {\r\n $('html').unbind('click');\r\n $('html').unbind('hidden.bs.popover');\r\n InitialiseBulkDialogs();\r\n\r\n VRC.BulkStateView.init(VRC.BulkTankManager.toJson());\r\n VRC.BulkLoadingAreaView.init();\r\n VRC.BulkOffloadAraeView.init();\r\n VRC.BulkDeviationView.init();\r\n VRC.BulkToolbarView.init();\r\n\r\n\r\n}\r\n\r\n/*\r\n * Actions for when page is left\r\n */\r\nfunction OnLeavingBulkPage() {\r\n VRC.BulkState.saveToLocalStorage()\r\n}\r\n\r\n/*\r\n * Menu selection\r\n */\r\nfunction BulkMenuSelect( p_select, p_params ) {\r\n if( p_select == 2 ) {\r\n VRC.BulkState.saveToLocalStorage();\r\n VRC.ErrorHandleService.showMessage('Data for bulk tanks saved locally', G_MSG_TYPE_NORMAL );\r\n }\r\n else if( p_select == 3) {\r\n VRC.BulkState.loadFromLocalStorage();\r\n VRC.ErrorHandleService.showMessage('Data for bulk tanks loaded from local', G_MSG_TYPE_NORMAL );\r\n }\r\n else if( p_select == 5) {\r\n var msg = 'This will clear your bulk tank data. Do you want to proceed?';\r\n var onConfirm = function(){\r\n\r\n VRC.BulkTankManager.clearTanks();\r\n VRC.BulkStateView.render();\r\n VRC.ErrorHandleService.showMessage( 'Cleared all bulk data entries.', G_MSG_TYPE_NORMAL );\r\n };\r\n VRC.ConfirmationModal.show({msg : msg, onConfirm : onConfirm})\r\n\r\n }\r\n else if( p_select == 6 ) {\r\n OpenSubmitDialog();\r\n }\r\n else if( p_select == 7 ) {\r\n ConfirmFetchData();\r\n }\r\n};\r\n\r\nfunction BulkSubMenuChoice(p_select) {\r\n if(p_select == 2) {\r\n g_remote_object.FetchHTMLFromServer( g_bulk_planning, ParseWELSForm, 'info', 'fuel_documents');\r\n }\r\n};\r\n\r\n\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.BulkState = (function(){\r\n\r\n var init = function(){\r\n VRC.BulkCompatibility.init();\r\n loadFromLocalStorage();\r\n };\r\n\r\n var mapOldFormatToNewFormat = function(bulkTank){\r\n return {\r\n bulkTankId : bulkTank.id,\r\n tankName : bulkTank.name,\r\n tankType : bulkTank.type,\r\n tankShape : bulkTank.shape,\r\n tankCapacity : bulkTank.capacity,\r\n tankRadius: bulkTank.radius,\r\n positionX : bulkTank.x_pos,\r\n positionY: bulkTank.y_pos,\r\n consumableSeqNo : bulkTank.consumable_seq_no,\r\n valueUnit : bulkTank.value_unit,\r\n availableForDelivery : bulkTank.available_for_delivery,\r\n bulkTankPumpSystemName : bulkTank.bulk_tank_pump_system_name,\r\n pumpSystemColorCode : bulkTank.color_code\r\n };\r\n };\r\n\r\n var saveToLocalStorage = function(json){\r\n json = json || {};\r\n if(!json.bulkTanks){\r\n json.bulkTanks = VRC.BulkTankManager.toJson();\r\n }\r\n if(!json.deviations){\r\n\r\n json.deviations = VRC.SpecialBulkTanks.toJson();\r\n }\r\n\r\n g_localsave_object.SetLocalStorageItem( G_LS_NAMES.BULK_TANKS, json);\r\n };\r\n\r\n var loadFromLocalStorage = function(){\r\n\r\n var json = g_localsave_object.GetLocalStorageItem( G_LS_NAMES['BULK_TANKS']) || {};\r\n\r\n VRC.BulkTankManager.createBulkTankObjects(json.bulkTanks);\r\n\r\n json.deviations = json.deviations || [];\r\n VRC.SpecialBulkTanks.init(json.deviations);\r\n };\r\n\r\n var isCurrentPage = function(){\r\n return g_current_page === G_PAGE.BULK_PAGE;\r\n };\r\n\r\n var loadBulkTanksOnline = function(){\r\n var deferred = $.Deferred();\r\n var fetchData = VRC.CommunicationService.fetchData({}, 'bulk_tanks');\r\n fetchData.done(function(owner, data){\r\n parseFromServer(data);\r\n loadFromLocalStorage();\r\n deferred.resolve();\r\n });\r\n\r\n return deferred.promise();\r\n };\r\n\r\n var importData = function (data) {\r\n VRC.BulkTankManager.importBulkData(data);\r\n saveToLocalStorage();\r\n if (isCurrentPage()) {\r\n VRC.BulkStateView.render();\r\n VRC.ErrorHandleService.showMessage('Data loaded from server', G_MSG_TYPE_SUCCESS);\r\n }\r\n };\r\n\r\n var fetch = function(){\r\n VRC.BulkTankManager.clearTanks();\r\n var deferred = $.Deferred();\r\n var fetchData = VRC.CommunicationService.fetchData({}, 'bulk_data');\r\n fetchData.done(function(owner, data){\r\n importData(data);\r\n deferred.resolve();\r\n });\r\n fetchData.fail(function(){\r\n VRC.ErrorHandleService.showMessage('Something went wrong', G_MSG_TYPE_ERROR)\r\n });\r\n return deferred.promise();\r\n };\r\n\r\n var parseFromServer = function(serverInfo){\r\n var bulkTanks = _.map(serverInfo.bulk_tanks, function(bulkTank){ return mapOldFormatToNewFormat(bulkTank)});\r\n saveToLocalStorage({bulkTanks : bulkTanks, deviations : []});\r\n };\r\n\r\n return{\r\n mapOldFormatToNewFormat : mapOldFormatToNewFormat,\r\n fetch : fetch,\r\n fetchBulkTanks : loadBulkTanksOnline,\r\n saveToLocalStorage : saveToLocalStorage,\r\n loadFromLocalStorage : loadFromLocalStorage,\r\n init : init,\r\n importData : importData\r\n }\r\n})();\r\n\r\n\r\n\r\n\r\n","/**\r\n * Module that\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.NavigationView = (function(){\r\n\r\n var init = function(){\r\n if(!VRC.CurrentVoyage.hasCurrentVoyage()){\r\n disable();\r\n }\r\n };\r\n\r\n var replaceMainMenu = function(isDisabled){\r\n var $mainMenuWrapper = $('#menu_top_row');\r\n var html = WELL.Handlebars.VRC.main_menu({disabled : isDisabled});\r\n $mainMenuWrapper.html(html);\r\n };\r\n\r\n /**\r\n * Enable all menu choices.\r\n */\r\n var enable = function(){\r\n replaceMainMenu(false);\r\n };\r\n\r\n /**\r\n * Disable all menu choices.\r\n */\r\n var disable = function(){\r\n replaceMainMenu(true);\r\n };\r\n\r\n /**\r\n * Sets active menu element\r\n * @param menuMenuLink the menuItem pressed.\r\n */\r\n var setActive = function(menuMenuLink){\r\n $('.main-menu__link').removeClass('active');\r\n $(menuMenuLink).addClass('active');\r\n };\r\n\r\n return {\r\n init : init,\r\n enable : enable,\r\n disable : disable,\r\n setActive : setActive\r\n }\r\n})() ;\r\n\r\n","/**\r\n * If redirection in IIS is correctly setup. Redirection is made by WELS Operator by WELS Schema, welsws_pkg.print_app_front_page.\r\n * Then initOperatorsDirectPage is the only entry point, as operators_direct is the only entrypoint.\r\n *\r\n * If redirection in IIS is NOT correctly setup. Fallback is static pages index.html and operators.html.\r\n *\r\n * This module has responsibility to\r\n * - Check if localstorage is available (should be in all modern browsers).\r\n * - Check if 'WELS_deck_data' and 'WELS_vessel_data' is set in the localstorage, meaning someone allready is logged in.\r\n *\r\n */\r\nvar VRC = VRC || {};\r\nVRC.RedirectModule = (function(){\r\n\r\n\t/**\r\n\t * Initializes the index.html\r\n\t */\r\n\tvar initIndexPage = function(){\r\n\t\tif(!localStorage) {\r\n\t\t\thandleNoLocalStorage();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif( hasLoginInformation() ){\r\n\t\t\tredirectToApplication();\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Initializes the operators.html\r\n\t */\r\n\tvar initOperatorsPage = function(){\r\n\t\tif(!localStorage) {\r\n\t\t\thandleNoLocalStorage();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif( hasLoginInformation() ){\r\n\t\t\tredirectToApplication();\r\n\t\t}\r\n\t\tvar operator = getURLParameter('v') || 'no';\r\n\t\t$('.operator_selection_area__'+operator).show();\r\n\t};\r\n\r\n\t/**\r\n\t * Initializes the operators_direct.html\r\n\t * Used to set URL parameters ('v') and ('o') for set the operator and 'user_param' to local storage.\r\n\t*/\r\n\tvar initOperatorsDirectPage = function() {\r\n\t\tvar valuev = getURLParameter('v');\r\n\t\tvar valueopr = getURLParameter('o');\r\n\r\n\t\tif (valueopr !== undefined && valuev !== undefined) {\r\n\t\t\tlocalStorage['login_operator_param'] = valueopr;\r\n\t\t\tlocalStorage['login_user_param'] = valuev;\r\n\t\t\tredirectToApplication();\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Check if 'WELS_deck_data' and 'WELS_vessel_data' is set in locale storage, meaning that the vessel is logged in then.\r\n\t * @returns {boolean} Is already logged in.\r\n\t */\r\n\tvar hasLoginInformation = function(){\r\n\t\t\treturn localStorage['WELS_deck_data'] !== undefined && localStorage['WELS_vessel_data'] !== undefined;\r\n\t};\r\n\r\n\t/**\r\n\t * Redirects to the actual application, which (for some legacy reason) is at deckstate.html\r\n\t */\r\n\tvar redirectToApplication = function(){\r\n\t\tdocument.location = \"deckstate.html\";\r\n\t};\r\n\r\n\t/**\r\n\t * Used by operator.html with OnClick\r\n\t * Selects the operator ('BPN', 'BPUK' etc.) and user_param (always 'vessel' maybe thinking this could be expanded in the future);\r\n\t * @param operator\r\n\t */\r\n\tvar selectOperator = function(operator) {\r\n\t\tlocalStorage['login_operator_param'] = operator;\r\n\t\tlocalStorage['login_user_param'] = 'vessel';\r\n\t\tredirectToApplication();\r\n\t};\r\n\r\n\t/**\r\n\t * Prints out alert if localstorage is not implemented in the browser.\r\n\t */\r\n\tvar handleNoLocalStorage = function(){\r\n\t\talert( 'Your browser does not support HTML5 localStorage. Can not save or load local state' );;\r\n\t};\r\n\r\n\t/**\r\n\t * Get parameter from URL\r\n\t * @param name parameterName\r\n\t * @returns {string} parameterValue\r\n\t */\r\n\tvar getURLParameter = function(name) {\r\n\t\treturn decodeURIComponent(\r\n\t\t\t(location.search.match(RegExp(\"[?|&]\"+name+'=(.+?)(&|$)'))||[,null])[1]\r\n\t\t);\r\n\t};\r\n\r\n\t/**\r\n\t * Set the country parameter for the operators.html.\r\n\t * @param type country ('no', 'dk', 'us')\r\n\t */\r\n\tvar selectCountry = function( type ) {\r\n\t\tdocument.location.replace(\"operators.html?v=\" + type );\r\n\t};\r\n\r\n\treturn{\r\n\t\tinitIndexPage : initIndexPage,\r\n\t\tinitOperatorsPage : initOperatorsPage,\r\n\t\tinitOperatorsDirectPage : initOperatorsDirectPage,\r\n\t\tselectOperator : selectOperator,\r\n\t\tselectCountry : selectCountry,\r\n\t\tgetURLParameter : getURLParameter\r\n\t}\r\n})();\r\n\r\n\r\n\r\n","/**\r\n * Bulk Cargo Request.\r\n *\r\n * Bulk Containers (with items or ad-hoc from manifest.\r\n *\r\n */\r\n\r\nvar VRC = VRC || {};\r\nVRC.BulkCargoRequest = (function (data) {\r\n\tvar _bulkTypeId;\r\n\tvar _bulkTypeName;\r\n\tvar _cargoItemId;\r\n\tvar _companyId;\r\n\tvar _companyName;\r\n\tvar _containerId;\r\n\tvar _deliveryType;\r\n\tvar _destinationId;\r\n\tvar _destinationName;\r\n\tvar _dgClass;\r\n\tvar _dgUnNumber;\r\n\tvar _itemDescription;\r\n\tvar _itemId;\r\n\tvar _portColourCode;\r\n\tvar _originId;\r\n\tvar _originName;\r\n\tvar _sg;\r\n\tvar _valueQty;\r\n\tvar _valueUnit;\r\n\tvar _displayPort;\r\n\tvar _manifestAction;\r\n\tvar _itemGroupName;\r\n\tvar _itemGroupId;\r\n\tvar _tankShape;\r\n\tvar _hidden;\r\n\r\n\tvar init = function (data) {\r\n\t\tparse(data);\r\n\t};\r\n\r\n\tvar getTankShape = function () {\r\n\t\treturn _tankShape;\r\n\t};\r\n\r\n\tvar setTankShape = function () {\r\n\t\tvar valueUnit = getValueUnit();\r\n\t\t_tankShape = valueUnit === 'mt' ? 'circle' : 'square';\r\n\r\n\t};\r\n\r\n\tvar getCargoItemId = function () {\r\n\t\treturn _cargoItemId;\r\n\t};\r\n\r\n\tvar setCargoItemId = function (cargoItemId) {\r\n\t\tcargoItemId = VRC.Utils.Number.parseInt(cargoItemId);\r\n\t\t_cargoItemId = cargoItemId;\r\n\t};\r\n\r\n\tvar getDeliveryType = function () {\r\n\t\treturn _deliveryType;\r\n\t};\r\n\r\n\tvar setDeliveryType = function (deliveryType) {\r\n\t\t_deliveryType = deliveryType;\r\n\t};\r\n\r\n\tvar getItemDescription = function () {\r\n\t\treturn _itemDescription;\r\n\t};\r\n\r\n\tvar setItemDescription = function (itemDescription) {\r\n\t\t_itemDescription = itemDescription;\r\n\t};\r\n\r\n\tvar getPortColourCode = function () {\r\n\t\treturn _portColourCode;\r\n\t};\r\n\r\n\tvar setPortColourCode = function (portColourCode) {\r\n\t\tif (!portColourCode) {\r\n\t\t\tportColourCode = VRC.MasterDataService.getColour(getDestinationId(), getOriginId());\r\n\t\t}\r\n\t\t_portColourCode = portColourCode;\r\n\t};\r\n\r\n\tvar getOriginId = function () {\r\n\t\treturn _originId;\r\n\t};\r\n\r\n\tvar setOriginId = function (originId) {\r\n\t\toriginId = VRC.Utils.Number.parseInt(originId);\r\n\t\t_originId = originId;\r\n\t};\r\n\r\n\tvar getOriginName = function () {\r\n\t\treturn _originName;\r\n\t};\r\n\r\n\tvar setOriginName = function (originName) {\r\n\t\tif (!originName) {\r\n\t\t\tvar origin = VRC.MasterDataService.getPort(getOriginId());\r\n\t\t\tif (origin) {\r\n\t\t\t\toriginName = origin.name;\r\n\t\t\t}\r\n\t\t}\r\n\t\t_originName = originName;\r\n\t};\r\n\r\n\tvar getValueQty = function () {\r\n\t\treturn _valueQty;\r\n\t};\r\n\r\n\tvar setValueQty = function (valueQty) {\r\n\t\tvalueQty = VRC.Utils.Number.parseFloat(valueQty);\r\n\r\n\t\t_valueQty = valueQty;\r\n\t};\r\n\r\n\tvar getValueUnit = function () {\r\n\t\treturn _valueUnit;\r\n\t};\r\n\r\n\tvar setValueUnit = function (valueUnit) {\r\n\t\t_valueUnit = valueUnit;\r\n\t};\r\n\r\n\tvar getDestinationId = function () {\r\n\t\treturn _destinationId;\r\n\t};\r\n\r\n\tvar setDestinationId = function (destinationId) {\r\n\t\tdestinationId = VRC.Utils.Number.parseInt(destinationId);\r\n\t\t_destinationId = destinationId;\r\n\t};\r\n\r\n\tvar getDestinationName = function () {\r\n\t\treturn _destinationName;\r\n\t};\r\n\r\n\tvar setDestinationName = function (destinationName) {\r\n\t\tif (!destinationName) {\r\n\t\t\tvar destination = VRC.MasterDataService.getPort(getDestinationId())\r\n\t\t\tif (destination) {\r\n\t\t\t\tdestinationName = destination.name;\r\n\t\t\t}\r\n\t\t}\r\n\t\t_destinationName = destinationName;\r\n\t};\r\n\r\n\tvar getDgClass = function () {\r\n\t\treturn _dgClass;\r\n\t};\r\n\r\n\tvar setDgClass = function (dgClass) {\r\n\t\t_dgClass = dgClass;\r\n\t};\r\n\r\n\tvar getSg = function () {\r\n\t\treturn _sg;\r\n\t};\r\n\r\n\tvar setSg = function (sg) {\r\n\t\tsg = VRC.Utils.Number.parseFloat(sg);\r\n\t\t_sg = sg;\r\n\t};\r\n\r\n\tvar getCompanyId = function () {\r\n\t\treturn _companyId;\r\n\t};\r\n\r\n\tvar setCompanyId = function (companyId) {\r\n\t\tcompanyId = VRC.Utils.Number.parseFloat(companyId);\r\n\t\t_companyId = companyId;\r\n\t};\r\n\r\n\tvar getCompanyName = function () {\r\n\t\treturn _companyName;\r\n\t};\r\n\r\n\tvar setCompanyName = function (companyName) {\r\n\t\tif (!companyName) {\r\n\t\t\tvar company = VRC.MasterDataService.getCompany(getCompanyId())\r\n\t\t\tif (company) {\r\n\t\t\t\tcompanyName = company.name;\r\n\t\t\t}\r\n\t\t}\r\n\t\t_companyName = companyName;\r\n\t};\r\n\r\n\tvar getBulkTypeName = function () {\r\n\t\treturn _bulkTypeName;\r\n\t};\r\n\r\n\tvar setBulkTypeName = function (bulkTypeName) {\r\n\t\tif (!bulkTypeName) {\r\n\t\t\tvar bulkType = VRC.MasterDataService.getBulkType(getBulkTypeId());\r\n\t\t\tif (bulkType) {\r\n\t\t\t\tbulkTypeName = bulkType.name;\r\n\t\t\t}\r\n\t\t}\r\n\t\t_bulkTypeName = bulkTypeName;\r\n\t};\r\n\r\n\tvar getBulkTypeId = function () {\r\n\t\treturn _bulkTypeId;\r\n\t};\r\n\r\n\tvar setBulkTypeId = function (bulkTypeId) {\r\n\t\tbulkTypeId = VRC.Utils.Number.parseInt(bulkTypeId);\r\n\t\t_bulkTypeId = bulkTypeId;\r\n\t};\r\n\r\n\tvar getItemGroupName = function () {\r\n\t\treturn _itemGroupName;\r\n\t};\r\n\r\n\tvar setItemGroupName = function (itemGroupName) {\r\n\t\t_itemGroupName = itemGroupName;\r\n\t};\r\n\r\n\tvar subtractValueQty = function (qty) {\r\n\t\tqty = VRC.Utils.Number.parseFloat(qty);\r\n\t\tif (qty === undefined || isNaN(qty)) {\r\n\t\t\tqty = 0;\r\n\t\t}\r\n\t\tvar currentQty = getValueQty();\r\n\t\tvar newQty = currentQty - qty;\r\n\t\tif (isNaN(newQty)) {\r\n\t\t\tnewQty = 0;\r\n\t\t}\r\n\t\tsetValueQty(newQty);\r\n\t};\r\n\r\n\tvar getContainerId = function () {\r\n\r\n\t\treturn _containerId;\r\n\t};\r\n\r\n\tvar setContainerId = function (containerId) {\r\n\t\tcontainerId = VRC.Utils.Number.parseFloat(containerId);\r\n\t\t_containerId = containerId;\r\n\t};\r\n\r\n\tvar getDgUnNumber = function () {\r\n\t\treturn _dgUnNumber;\r\n\t};\r\n\r\n\tvar setDgUnNumber = function (dgUnNumber) {\r\n\t\t_dgUnNumber = dgUnNumber;\r\n\t};\r\n\r\n\tvar getItemId = function () {\r\n\t\treturn _itemId;\r\n\t};\r\n\r\n\tvar setItemId = function (itemId) {\r\n\t\t_itemId = itemId;\r\n\t};\r\n\r\n\tvar getDisplayPort = function () {\r\n\t\treturn _displayPort;\r\n\t};\r\n\r\n\tvar setDisplayPort = function (displayPort) {\r\n\t\tif (!displayPort) {\r\n\t\t\tdisplayPort = VRC.MasterDataService.getDisplayPort(getDestinationId(), getOriginId());\r\n\t\t}\r\n\t\t_displayPort = displayPort;\r\n\t};\r\n\r\n\tvar getManifestAction = function () {\r\n\t\treturn _manifestAction;\r\n\t};\r\n\r\n\tvar setManifestAction = function (manifestAction) {\r\n\t\t_manifestAction = manifestAction;\r\n\t};\r\n\r\n\tvar getItemGroupId = function () {\r\n\t\treturn _itemGroupId;\r\n\t};\r\n\r\n\tvar setItemGroupId = function (itemGroupId) {\r\n\t\t_itemGroupId = itemGroupId;\r\n\t};\r\n\r\n\tvar isHidden = function () {\r\n\t\treturn _hidden || false;\r\n\t};\r\n\r\n\tvar setHidden = function (hidden) {\r\n\t\t_hidden = hidden;\r\n\t};\r\n\r\n\tvar parse = function (data) {\r\n\t\tsetBulkTypeId(data.bulkTypeId);\r\n\t\tsetBulkTypeName(data.bulkTypeName);\r\n\t\tsetCargoItemId(data.cargoItemId);\r\n\t\tsetCompanyId(data.companyId);\r\n\t\tsetCompanyName(data.companyName);\r\n\t\tsetContainerId(data.containerId);\r\n\t\tsetDeliveryType(data.deliveryType);\r\n\t\tsetDestinationId(data.destinationId);\r\n\t\tsetDestinationName(data.destinationName);\r\n\t\tsetDgClass(data.dgClass);\r\n\t\tsetDgUnNumber(data.dgUnNumber);\r\n\t\tsetItemDescription(data.itemDescription);\r\n\t\tsetItemGroupName(data.itemGroupName);\r\n\t\tsetItemGroupId(data.itemGroupId);\r\n\t\tsetItemId(data.itemId);\r\n\t\tsetOriginId(data.originId);\r\n\t\tsetOriginName(data.originName);\r\n\t\tsetSg(data.sg);\r\n\t\tsetValueQty(data.valueQty);\r\n\t\tsetValueUnit(data.valueUnit);\r\n\t\tsetManifestAction(data.manifestAction);\r\n\r\n\t\t//Dependent on originId and destinationId to be set.\r\n\t\tsetPortColourCode(data.portColorCode);\r\n\t\tsetDisplayPort(data.displayPort);\r\n\t\tsetTankShape();\r\n\t};\r\n\r\n\tvar toJson = function () {\r\n\t\treturn {\r\n\t\t\tbulkTypeId: getBulkTypeId(),\r\n\t\t\tbulkTypeName: getBulkTypeName(),\r\n\t\t\tcargoItemId: getCargoItemId(),\r\n\t\t\tcompanyId: getCompanyId(),\r\n\t\t\tcompanyName: getCompanyName(),\r\n\t\t\tcontainerId: getContainerId(),\r\n\t\t\tdeliveryType: getDeliveryType(),\r\n\t\t\tdgClass: getDgClass(),\r\n\t\t\tdgUnNumber: getDgUnNumber(),\r\n\t\t\titemDescription: getItemDescription(),\r\n\t\t\titemGroupName: getItemGroupName(),\r\n\t\t\titemId: getItemId(),\r\n\t\t\tportColorCode: getPortColourCode(),\r\n\t\t\toriginId: getOriginId(),\r\n\t\t\toriginName: getOriginName(),\r\n\t\t\tdestinationId: getDestinationId(),\r\n\t\t\tdestinationName: getDestinationName(),\r\n\t\t\tvalueQty: getValueQty(),\r\n\t\t\tvalueUnit: getValueUnit(),\r\n\t\t\tsg: getSg(),\r\n\t\t\tdisplayPort: getDisplayPort(),\r\n\t\t\tmanifestAction: getManifestAction(),\r\n\t\t\ttankShape: getTankShape(),\r\n\t\t\tisHidden: isHidden()\r\n\t\t}\r\n\t};\r\n\r\n\tinit(data);\r\n\r\n\treturn {\r\n\t\tgetCargoItemId: getCargoItemId,\r\n\t\tsetCargoItemId: setCargoItemId,\r\n\t\tgetDeliveryType: getDeliveryType,\r\n\t\tsetDeliveryType: setDeliveryType,\r\n\t\tgetItemDescription: getItemDescription,\r\n\t\tsetItemDescription: setItemDescription,\r\n\t\tgetItemGroupName: getItemGroupName,\r\n\t\tgetDisplayPort: getDisplayPort,\r\n\t\tgetPortColourCode: getPortColourCode,\r\n\t\tsetPortColourCode: setPortColourCode,\r\n\t\tgetOriginId: getOriginId,\r\n\t\tsetOriginId: setOriginId,\r\n\t\tgetOriginName: getOriginName,\r\n\t\tsetOriginName: setOriginName,\r\n\t\tgetValueQty: getValueQty,\r\n\t\tsetValueQty: setValueQty,\r\n\t\tgetValueUnit: getValueUnit,\r\n\t\tsetValueUnit: setValueUnit,\r\n\t\tgetDangerous: getDgClass,\r\n\t\tsetDangerous: setDgClass,\r\n\t\tgetDestinationId: getDestinationId,\r\n\t\tsetDestinationId: setDestinationId,\r\n\t\tgetDestinationName: getDestinationName,\r\n\t\tsetDestinationName: setDestinationName,\r\n\t\tgetCompanyId: getCompanyId,\r\n\t\tsetCompanyId: setCompanyId,\r\n\t\tgetCompanyName: getCompanyName,\r\n\t\tsetCompanyName: setCompanyName,\r\n\t\tgetBulkTypeId: getBulkTypeId,\r\n\t\tsetBulkTypeId: setBulkTypeId,\r\n\t\tgetBulkTypeName: getBulkTypeName,\r\n\t\tsetBulkTypeName: setBulkTypeName,\r\n\t\tgetItemId: getItemId,\r\n\t\tsetItemId: setItemId,\r\n\t\tgetContainerId: getContainerId,\r\n\t\tsetContainerId: setContainerId,\r\n\t\tgetSg: getSg,\r\n\t\tsetSg: setSg,\r\n\t\tsetHidden: setHidden,\r\n\t\tisHidden: isHidden,\r\n\t\tgetManifestAction: getManifestAction,\r\n\t\tsetManifestAction: setManifestAction,\r\n\t\tsubtractValueQty: subtractValueQty,\r\n\t\tgetItemGroupId: getItemGroupId,\r\n\t\tsetItemGroupId: setItemGroupId,\r\n\t\tinit: init,\r\n\t\tparse: parse,\r\n\t\ttoJson: toJson\r\n\r\n\t}\r\n});\r\n\r\n","/**\r\n * Bulk Cargo Request Manger.\r\n *\r\n * Collection that contins all bulkRequests.\r\n *\r\n */\r\n\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.BulkCargoRequestManager = (function(){\r\n var LOCALKEY = 'WELS_bulk_request';\r\n var _bulkCargoRequests = [];\r\n\r\n var clear = function(){\r\n _bulkCargoRequests = [];\r\n };\r\n\r\n var loadOnline = function(portId){\r\n var deferred = $.Deferred();\r\n\r\n var getBulkRequest = VRC.CommunicationService.getBulkCargoRequests(portId);\r\n\r\n getBulkRequest.done(function(owner, data){\r\n clear();\r\n parse(data);\r\n checkForLoadedCargo();\r\n deferred.resolve(toJson());\r\n });\r\n\r\n return deferred.promise();\r\n };\r\n\r\n var saveToLocal = function(){\r\n g_localsave_object.SetLocalStorageItem(LOCALKEY, toJson())\r\n };\r\n\r\n var loadFromLocal = function(){\r\n clear();\r\n parse(g_localsave_object.GetLocalStorageItem(LOCALKEY));\r\n checkForLoadedCargo();\r\n };\r\n\r\n var getBulkCargoRequests = function(){\r\n return _bulkCargoRequests;\r\n };\r\n\r\n var getBulkCargoRequestById = function(containerId){\r\n containerId = parseInt(containerId);\r\n\r\n return _.find(_bulkCargoRequests, function(cargoRequest) {\r\n return cargoRequest.getContainerId() === containerId;\r\n });\r\n\r\n };\r\n\r\n var checkForLoadedCargo = function(){\r\n var loadedCargoRequest = VRC.BulkTankManager.findLoadedCargoItems();\r\n _.each(_bulkCargoRequests, function(cargoRequest){\r\n\r\n var cargoQty = loadedCargoRequest[cargoRequest.getContainerId()];\r\n\r\n if(cargoQty !== undefined){\r\n\r\n if(cargoQty - cargoRequest.getValueQty() === 0 || cargoRequest.getValueQty() === undefined){\r\n\r\n\r\n cargoRequest.setValueQty(0);\r\n }\r\n else{\r\n\r\n cargoRequest.subtractValueQty(cargoQty);\r\n }\r\n }\r\n\r\n\r\n });\r\n };\r\n\r\n var parse = function(data){\r\n $.each(data, function(ii, bulkCargoRequestData){\r\n _bulkCargoRequests.push(VRC.BulkCargoRequest(bulkCargoRequestData));\r\n });\r\n };\r\n\r\n var toJson = function(){\r\n var json = [];\r\n $.each(getBulkCargoRequests(), function(ii, bulkCargoRequest){\r\n json.push(bulkCargoRequest.toJson());\r\n });\r\n\r\n return json;\r\n };\r\n\r\n\r\n\r\n return {\r\n loadOnline : loadOnline,\r\n parse : parse,\r\n toJson : toJson,\r\n saveToLocal : saveToLocal,\r\n loadFromLocal : loadFromLocal,\r\n getBulkCargoRequests : getBulkCargoRequests,\r\n getBulkCargoRequestById : getBulkCargoRequestById,\r\n clear : clear,\r\n\r\n }\r\n})();\r\n","/**\r\n * Service for checking bulk compatibility.\r\n * Needs bulk_matrix_compatibility component in Wels and a matrix set..Only available for ConocoPhillips pr 14.11.2016.\r\n *\r\n */\r\n\r\nvar VRC = VRC || {};\r\nVRC.BulkCompatibility = (function() {\r\n var _ruleWrapper = {};\r\n\r\n var init = function() {\r\n _ruleWrapper = g_master_data.master_data.bulk_matrix;\r\n };\r\n\r\n var canMixBulk = function(leftItemType, rightItemType) {\r\n var wrapper;\r\n\r\n if(_ruleWrapper && _ruleWrapper.matrix){\r\n var row = _ruleWrapper.matrix[leftItemType];\r\n var column = row ? row[rightItemType] : undefined;\r\n var rule = column ? _ruleWrapper.rules[column.rule] : _ruleWrapper.rules.none;\r\n\r\n wrapper = {rule: rule};\r\n if (column) {\r\n wrapper.data = column;\r\n }\r\n }\r\n return wrapper;\r\n };\r\n\r\n var hasComponent = function(){\r\n var hasComponent = false;\r\n if(_ruleWrapper){\r\n if(_ruleWrapper.matrix){\r\n hasComponent = _.isEmpty(_ruleWrapper.matrix) === false;\r\n }\r\n }\r\n return hasComponent;\r\n };\r\n\r\n var getRuleList = function() {\r\n return _.keys(_ruleWrapper.rules);\r\n };\r\n\r\n return {\r\n canMixBulk: canMixBulk,\r\n hasComponent : hasComponent,\r\n getRuleList: getRuleList,\r\n init: init\r\n };\r\n})();\r\n","/**\r\n * View for bulk Deviations are for all deviations coming from Bulk Cargo Request.\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.BulkDeviationView = (function(){\r\n\r\n var _queries = {\r\n container : '#bulk-state-deviation'\r\n };\r\n\r\n var init = function(){\r\n var ctx = {};\r\n render(ctx);\r\n attachModal();\r\n };\r\n\r\n var attachDraggable = function(){\r\n\r\n var $deviationArea = $(\".bulk_deck.deviation-area\");\r\n\r\n interact(\".bulk_deck.deviation-area\").dropzone({\r\n accept: \".main, .request\",\r\n ondropactivate: function () {\r\n // add active dropzone feedback\r\n $deviationArea.addClass(\"can-drop\");\r\n },\r\n ondragenter: function (event) {\r\n var dropzoneElement = $(event.target);\r\n\r\n // feedback the possibility of a drop\r\n dropzoneElement.addClass(\"drop-target\");\r\n },\r\n ondragleave: function (event) {\r\n var dropzoneElement = $(event.target);\r\n\r\n // remove the drop feedback style\r\n dropzoneElement.removeClass(\"drop-target\");\r\n },\r\n ondrop: function (event) {\r\n var $draggableElement = $(event.relatedTarget);\r\n var $droppable = $(event.target);\r\n\r\n var isLoading = $draggableElement.hasClass('request');\r\n\r\n if(isLoading){\r\n var containerId = $draggableElement.attr('data-container-id');\r\n var request = VRC.BulkCargoRequestManager.getBulkCargoRequestById(containerId);\r\n showModal($droppable, request.toJson());\r\n }\r\n\r\n else{\r\n var bulkTankId = $draggableElement.attr('data-bulk-tank-id');\r\n var bulkTank = VRC.BulkTankManager.getBulkTankById(bulkTankId);\r\n var offloadableContent = bulkTank.getOffloadableContent();\r\n if(offloadableContent.length > 1){\r\n showSelectCargoId($droppable, offloadableContent)\r\n }\r\n else{\r\n showModal($droppable, offloadableContent[0]);\r\n }\r\n }\r\n $deviationArea.removeClass(\"can-drop\");\r\n },\r\n ondropdeactivate: function () {\r\n $deviationArea.removeClass(\"can-drop\");\r\n }\r\n });\r\n };\r\n\r\n var showSelectCargoId = function ($placeHolder, content) {\r\n var popOverHtml = WELL.Handlebars.VRC.offload_action_selector({\r\n units: VRC.MasterDataService.getBulkValueUnitsAsArray(),\r\n content : content\r\n });\r\n\r\n $placeHolder.attr('data-content', popOverHtml);\r\n $placeHolder.popover({html: true, placement: 'left auto', sanitize: false });\r\n $placeHolder.popover('show');\r\n\r\n var $popover = $placeHolder.next();\r\n var $cargoItemsBtn = $popover.find('.offload-popup__cargo-list__btns');\r\n var $cancelBtn = $popover.find('.bulk-offload-cancel');\r\n\r\n $cargoItemsBtn.click(function (e) {\r\n e.preventDefault();\r\n\r\n var $btn = $(this);\r\n $btn.prop('disabled', true);\r\n\r\n var containerId = $btn.attr('data-container-id');\r\n if(!containerId){\r\n containerId = \"undefined\";\r\n }\r\n\r\n var bulkTankCargoItem = _.findWhere(content, {containerId : containerId});\r\n showModal($placeHolder, bulkTankCargoItem)\r\n });\r\n\r\n $cancelBtn.click(function(e){\r\n e.preventDefault();\r\n $placeHolder.popover('destroy');\r\n $placeHolder.remove();\r\n });\r\n };\r\n\r\n var showModal = function ($dropzoneElement, droppedElement) {\r\n if(!droppedElement){\r\n return;\r\n }\r\n\r\n var onConfirm = function($dropzoneElement, inputElements, json){\r\n addDeviation(inputElements, json);\r\n $dropzoneElement.popover('destroy');\r\n };\r\n\r\n var config = {};\r\n if(!droppedElement.bulkTankId){\r\n config.action = 'cargo_to_dev';\r\n }\r\n\r\n VRC.BulkLoadingPopoverView.show($dropzoneElement, droppedElement, onConfirm, null, config)\r\n };\r\n\r\n var attachModal = function(){\r\n $(\".bulk_deck.deviation-area\")\r\n .on('click', function (e) {\r\n\r\n var bulkTank = VRC.SpecialBulkTanks.getDeviationTank();\r\n VRC.BulkModalView.render(bulkTank.getBulkTankId(), {isSpecialTank : true});\r\n });\r\n };\r\n\r\n\r\n var addOffloadDeviation = function (json, date, qty, inputRemarks) {\r\n var bulkTank = VRC.BulkTankManager.getBulkTankById(json.bulkTankId);\r\n var lastContainerAction = bulkTank.getLatestContentByContainerId(json.containerId);\r\n var voyageBulk = VRC.VoyageBulk(lastContainerAction.toJson());\r\n\r\n voyageBulk.createNewId();\r\n voyageBulk.setAction(g_actions.deviation);\r\n voyageBulk.setDate(date);\r\n voyageBulk.setValueQty(qty);\r\n voyageBulk.setRemarks(inputRemarks);\r\n bulkTank.addContent(voyageBulk);\r\n VRC.BulkStateView.renderTank(bulkTank);\r\n\r\n };\r\n var addLoadingDeviation = function (json, date, qty, qtyRob, inputRemarks) {\r\n var voyageBulk = VRC.VoyageBulk();\r\n var bulkCargoRequest = VRC.BulkCargoRequestManager.getBulkCargoRequestById(json.containerId);\r\n var bulkTank = VRC.SpecialBulkTanks.getDeviationTank();\r\n\r\n voyageBulk.parseFromBulkRequest(bulkCargoRequest, bulkTank, qty, qtyRob, date, inputRemarks);\r\n voyageBulk.setAction(g_actions.deviation);\r\n bulkCargoRequest.subtractValueQty(qty);\r\n bulkTank.addContent(voyageBulk);\r\n VRC.BulkLoadingAreaView.reRenderBulkRequest(bulkCargoRequest);\r\n };\r\n\r\n var addDeviation = function (inputElements, json) {\r\n var qty = VRC.Utils.Number.parseFloat(inputElements.$valueQty.val()) || 0;\r\n var qtyRob = VRC.Utils.Number.parseFloat(inputElements.$qtyRob.val()) || 0;\r\n var date = inputElements.$date.val();\r\n var inputRemarks = inputElements.$remarkField.val();\r\n\r\n if(json.bulkTankId) {\r\n addOffloadDeviation(json, date, qty, inputRemarks);\r\n }\r\n else{\r\n addLoadingDeviation(json, date, qty, qtyRob,inputRemarks);\r\n }\r\n\r\n };\r\n\r\n var render = function(context) {\r\n var $container = $(_queries.container);\r\n var content = WELL.Handlebars.VRC.bulk_deviation_area(context);\r\n $container.html(content);\r\n attachDraggable();\r\n };\r\n\r\n return {\r\n init : init,\r\n render : render\r\n }\r\n})();\r\n","/**\r\n * Bulk Loading Area view. View for loading area, fetches all manifested bulk.\r\n * Initalizes drag and drop for all bulk cargo request.\r\n *\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.BulkLoadingAreaView = (function () {\r\n\tvar _loadingAreaColumnNum = 6;\r\n\r\n\tvar _marginPercent = 0.5;\r\n\tvar _size;\r\n\r\n\tvar _queries = {\r\n\t\tcontainer: '#bulk-state-loading'\r\n\t};\r\n\r\n\tvar showLoading = function () {\r\n\t\tvar $container = $(_queries.container);\r\n\r\n\t\tvar content = WELL.Handlebars.VRC.bulk_loading_area_loading();\r\n\t\t$container.html(content);\r\n\t};\r\n\r\n\tvar init = function () {\r\n\r\n\t\tvar bulkTankRequests = VRC.BulkCargoRequestManager.toJson();\r\n\r\n\t\trender(bulkTankRequests);\r\n\t};\r\n\r\n\tvar attachDraggable = function () {\r\n\t\tvar $bulkTankRequests = interact('.bulk_deck.requests .bulk_tank');\r\n\r\n\t\t$bulkTankRequests.draggable({\r\n\t\t\tautoScroll: true,\r\n\t\t\tonstart: function (event) {\r\n\r\n\t\t\t\tvar target = event.target;\r\n\t\t\t\ttarget.style.zIndex = '1000';\r\n\t\t\t\ttarget.classList.add('drag-element');\r\n\r\n\t\t\t\tvar containerId = $(target).attr('data-container-id');\r\n\t\t\t\tvar cargoRequest = VRC.BulkCargoRequestManager.getBulkCargoRequestById(containerId);\r\n\t\t\t\tif (VRC.BulkCompatibility.hasComponent()) {\r\n\t\t\t\t\tcheckBulkMixCompatibility(cargoRequest);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//allBulkTanks.popover('hide');\r\n\t\t\t\t//disableClickHandling();\r\n\t\t\t},\r\n\t\t\tonmove: function dragMoveListener (event) {\r\n\t\t\t\tvar target = event.target;\r\n\t\t\t\tvar x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx;\r\n\t\t\t\tvar y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy;\r\n\t\t\t\ttarget.style.webkitTransform = target.style.transform = 'translate(' + x + 'px, ' + y + 'px)';\r\n\t\t\t\ttarget.setAttribute('data-x', x);\r\n\t\t\t\ttarget.setAttribute('data-y', y);\r\n\t\t\t},\r\n\t\t\t// call this function on every dragend event\r\n\t\t\tonend: function (event) {\r\n\t\t\t\tvar target = event.target;\r\n\t\t\t\ttarget.classList.remove('drag-element');\r\n\t\t\t\ttarget.style.zIndex = 'auto';\r\n\t\t\t\ttarget.style.transform = 'translate(0, 0)';\r\n\t\t\t\ttarget.setAttribute('data-x', '0');\r\n\t\t\t\ttarget.setAttribute('data-y', '0');\r\n\t\t\t\tclearBulkMixOverlay();\r\n\t\t\t\tsetTimeout(function () {\r\n\t\t\t\t\t//enableClickHandling();\r\n\t\t\t\t}, 0);\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tvar checkBulkMixCompatibility = function (bulkRequest) {\r\n\t\tvar requestItemGroupName = bulkRequest.getItemGroupId();\r\n\r\n\t\tvar bulkTanks = VRC.BulkTankManager.getBulkTanks();\r\n\t\t_.each(bulkTanks, function (bulkTank) {\r\n\t\t\tvar bulkTankId = bulkTank.getBulkTankId();\r\n\t\t\tvar lastLoadAction = bulkTank.getLastAction();\r\n\t\t\tvar tankItemGroupName = lastLoadAction ? lastLoadAction.getItemGroupId() : undefined;\r\n\r\n\t\t\tvar rule = VRC.BulkCompatibility.canMixBulk(requestItemGroupName, tankItemGroupName);\r\n\t\t\tvar $bulkTank = VRC.BulkStateView.getBulkTankElement(bulkTankId);\r\n\t\t\t$bulkTank.css({backgroundColor: rule.rule.colour})\r\n\t\t});\r\n\t};\r\n\r\n\tvar clearBulkMixOverlay = function () {\r\n\t\tvar bulkTanks = VRC.BulkTankManager.getBulkTanks();\r\n\t\t_.each(bulkTanks, function (bulkTank) {\r\n\t\t\tvar bulkTankId = bulkTank.getBulkTankId();\r\n\t\t\tvar colour = bulkTank.getTankColour();\r\n\t\t\tvar $bulkTank = VRC.BulkStateView.getBulkTankElement(bulkTankId);\r\n\t\t\t$bulkTank.css({backgroundColor: colour})\r\n\t\t});\r\n\r\n\t};\r\n\r\n\tvar createContext = function (bulkTankRequests) {\r\n\r\n\t\t_.each(bulkTankRequests, function (request) {\r\n\t\t\t// request.tankShape = request['valueUnit'] && request['valueUnit'] === 'mt' ? 'circle' : 'square';\r\n\t\t});\r\n\r\n\t\t_size = VRC.BulkViewUtil.calculateSize(_marginPercent, _loadingAreaColumnNum);\r\n\r\n\t\tvar portColors = findPortColorsInRequests(bulkTankRequests);\r\n\r\n\t\treturn {\r\n\t\t\tbulkTankRequests: bulkTankRequests,\r\n\t\t\tsize: _size,\r\n\t\t\tmargin: _marginPercent,\r\n\t\t\tportColors: portColors,\r\n\t\t\tunits: VRC.MasterDataService.getBulkValueUnitsAsArray()\r\n\t\t};\r\n\t};\r\n\r\n\tvar reRenderPortColors = function () {\r\n\t\tvar bulkTankRequests = VRC.BulkCargoRequestManager.toJson();\r\n\r\n\t\tvar portColors = findPortColorsInRequests(bulkTankRequests);\r\n\t\tvar html = Handlebars.partials['port_colors'](portColors);\r\n\t\tvar $portColors = getPortColors();\r\n\t\t$portColors.replaceWith(html);\r\n\t};\r\n\r\n\tvar getBulkRequestElement = function (containerId) {\r\n\t\treturn $(_queries.container).find('.bulk_tank[data-container-id=' + containerId + ']');\r\n\t};\r\n\tvar getPortColors = function () {\r\n\t\treturn $(_queries.container).find('.port-color-codes');\r\n\t};\r\n\r\n\tvar reRenderBulkRequest = function (bulkRequest) {\r\n\t\tvar containerId = bulkRequest.getContainerId();\r\n\t\tvar bulkRequestJson = bulkRequest.toJson();\r\n\r\n\t\tbulkRequestJson.main = {\r\n\t\t\tsize: _size,\r\n\t\t\tmargin: _marginPercent\r\n\t\t};\r\n\r\n\t\tvar html = Handlebars.partials['bulk_cargo_request'](bulkRequestJson);\r\n\t\tvar $bulkRequest = getBulkRequestElement(containerId);\r\n\t\t$bulkRequest.replaceWith(html);\r\n\t\treRenderPortColors();\r\n\t};\r\n\r\n\tvar removeBulkRequest = function (bulkRequest) {\r\n\t\tvar containerId = bulkRequest.getContainerId();\r\n\r\n\t\tvar $bulkRequest = getBulkRequestElement(containerId);\r\n\t\t$bulkRequest.remove();\r\n\t\treRenderPortColors();\r\n\r\n\t};\r\n\r\n\tvar findPortColorsInRequests = function (requests) {\r\n\t\tvar portColors = _.chain(requests).groupBy(function (request) {\r\n\t\t\treturn request.displayPort;\r\n\t\t}).map(function (group) {\r\n\t\t\tvar item = _.first(group);\r\n\t\t\treturn {\r\n\t\t\t\tportName: item.displayPort,\r\n\t\t\t\tportColorCode: item.portColorCode\r\n\t\t\t};\r\n\t\t}).sortBy(function (request) {\r\n\t\t\treturn request.portColorCode;\r\n\t\t}).value();\r\n\r\n\t\treturn portColors;\r\n\t};\r\n\r\n\tvar render = function (bulkTankRequests) {\r\n\t\tvar ctx = createContext(bulkTankRequests);\r\n\t\tvar $container = $(_queries.container);\r\n\r\n\t\tvar content = WELL.Handlebars.VRC.bulk_loading_area(ctx);\r\n\t\t$container.html(content);\r\n\r\n\t\tattachDraggable();\r\n\r\n\t\t//setupClickHandling();\r\n\t\t//setupDragHandling();\r\n\t};\r\n\r\n\treturn {\r\n\t\tinit: init,\r\n\t\tshowLoading: showLoading,\r\n\t\treRenderBulkRequest: reRenderBulkRequest,\r\n\t\tremoveBulkRequest: removeBulkRequest,\r\n\t\trender: render\r\n\t}\r\n})();\r\n","/**\r\n * Bulk Modal View.\r\n * View that appear when you click on a bulk tank.\r\n * Has two main parts: Form (the input part) and the Content (The history of actions).\r\n * Handles all button input events and validation.\r\n *\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.BulkModalView = (function () {\r\n\tvar $el;\r\n\tvar _bulkTank;\r\n\tvar _masterData;\r\n\tvar _template = WELL.Handlebars.VRC.bulk_modal;\r\n\r\n\tvar init = function () {\r\n\t\t$el = $('#bulk_modal');\r\n\t};\r\n\r\n\t/**\r\n\t * Sets which field should be sortable in the history view.\r\n\t */\r\n\tvar attachContentSorting = function () {\r\n\t\tVRC.TableSorterParsers.removeInputFieldListerens('#voyagebulk-content');\r\n\t\tVRC.TableSorterParsers.addInputFieldListeners('#voyagebulk-content');\r\n\r\n\t\tvar $eventLogTable = $('#voyagebulk-content');\r\n\t\t$eventLogTable.tablesorter({\r\n\r\n\t\t\theaders: {\r\n\t\t\t\t0: {sorter: 'datetime'},\r\n\t\t\t\t1: {sorter: false},\r\n\t\t\t\t2: {sorter: false},\r\n\t\t\t\t3: {sorter: false},\r\n\t\t\t\t4: {sorter: false},\r\n\t\t\t\t5: {sorter: true},\r\n\t\t\t\t6: {sorter: false},\r\n\t\t\t\t7: {sorter: true},\r\n\t\t\t\t8: {sorter: false},\r\n\t\t\t\t9: {sorter: false},\r\n\t\t\t\t10: {sorter: false},\r\n\t\t\t\t11: {sorter: false},\r\n\t\t\t\t12: {sorter: false},\r\n\t\t\t\t13: {sorter: false},\r\n\t\t\t\t14: {sorter: false}\r\n\t\t\t},\r\n\t\t\theaderTemplate: '{content} {icon}'\r\n\t\t});\r\n\t};\r\n\tvar render = function (bulkTankId, config) {\r\n\t\tconfig = config || {};\r\n\r\n\t\tif (config.isSpecialTank) {\r\n\t\t\t_bulkTank = VRC.SpecialBulkTanks.getBulkTankById(bulkTankId);\r\n\t\t}\r\n\t\telse {\r\n\t\t\t_bulkTank = VRC.BulkTankManager.getBulkTankById(bulkTankId);\r\n\t\t}\r\n\r\n\t\t_masterData = _(g_master_data.master_data).clone();\r\n\t\t_masterData.port_list = VRC.MasterDataService.getGroupedPorts();\r\n\t\t_masterData.bulk_clean_type_list = VRC.MasterDataService.getBulkCleanTypes();\r\n\r\n\t\tvar $content = $el.find('.modal-content');\r\n\t\tvar lastAction = _bulkTank.getLastAction();\r\n\r\n\t\tif (lastAction) {\r\n\t\t\tlastAction = lastAction.toJson();\r\n\t\t}\r\n\r\n\t\tvar cargoEvents = VRC.VoyageLogEntryManager.getCargoEvents();\r\n\t\tvar cargoEventsJson = [];\r\n\t\t_.each(cargoEvents, function (cargoEvent) {\r\n\t\t\tcargoEventsJson.push(cargoEvent.toJson());\r\n\t\t});\r\n\r\n\t\tvar context = {\r\n\t\t\tlastAction: lastAction,\r\n\t\t\tbulkTank: _bulkTank.toJson(),\r\n\t\t\tcargoEvents: cargoEventsJson,\r\n\t\t\tmasterData: _masterData,\r\n\t\t\tbulkTanks: VRC.BulkTankManager.getBulkTanksNameAndId(_bulkTank.getBulkTankId()),\r\n\t\t\tconfig: config\r\n\t\t};\r\n\r\n\t\t$content.html(_template(context));\r\n\t\tattachEvents();\r\n\t\t$el.modal('show', {backdrop: 'static'});\r\n\t\tattachContentSorting();\r\n\r\n\t\t$('#addVoyagebulk').submit(function () {\r\n\t\t\treturn false;\r\n\t\t});\r\n\r\n\t};\r\n\r\n\tvar attachEvents = function () {\r\n\t\tattachAddVoyageBulkEvent();\r\n\t\tattachAddTankCleanEvent();\r\n\t\tattachRemoveEvent();\r\n\t\tattachEditEvent();\r\n\t\tattachRemoveValidationEvent();\r\n\t\tattachDatePickerEvent();\r\n\t\tattachMapEventChange();\r\n\t\tattachChangeAction();\r\n\t\tinitSelectize();\r\n\r\n\t};\r\n\r\n\tvar attachMapEventChange = function () {\r\n\t\t$(\"#change__cargoEvent\").change(function (e) {\r\n\t\t\tvar voyageLogId = $(e.target).val();\r\n\t\t\tvar voyageLog = VRC.VoyageLogEntryManager.getEventById(voyageLogId);\r\n\r\n\t\t\tvar $dateField = $(\"#addVoyagebulk__date\");\r\n\t\t\tvar originSelectize = $(\"#addVoyagebulk__originId\")[0].selectize;\r\n\r\n\t\t\tif (voyageLog) {\r\n\t\t\t\t$dateField.val(voyageLog.getDateTime());\r\n\r\n\t\t\t\toriginSelectize.setValue(voyageLog.getPort());\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\t$dateField.val('');\r\n\t\t\t\toriginSelectize.setValue('');\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tvar _$addVoyagebulk__originId;\r\n\tvar initSelectize = function () {\r\n\t\t_$addVoyagebulk__originId = $(\"#addVoyagebulk__originId\").selectize(VRC.Utils.Selectize.getConfig());\r\n\t\t$(\"#addVoyagebulk__destinationId\").selectize(VRC.Utils.Selectize.getConfig());\r\n\t\t$(\"#addVoyagebulk__companyId\").selectize(VRC.Utils.Selectize.getConfig());\r\n\t\t$(\"#addVoyagebulk__type\").selectize(VRC.Utils.Selectize.getConfig());\r\n\t};\r\n\r\n\tvar attachDatePickerEvent = function () {\r\n\t\t$(\"#addVoyagebulk__date, #addTankClean__date\").datetimepicker(\r\n\t\t\t{\r\n\t\t\t\tformat: g_timeStampFormat\r\n\t\t\t});\r\n\t};\r\n\r\n\tvar attachRemoveValidationEvent = function () {\r\n\t\tvar $inputs = $el.find(\"#addVoyagebulk\").find(':input');\r\n\r\n\t\t$inputs.change(function () {\r\n\t\t\tremoveError($(this));\r\n\t\t});\r\n\r\n\t\t$('#addVoyagebulk__date').on('dp.change', function (ev) {\r\n\t\t\tremoveError($(this));\r\n\t\t});\r\n\r\n\t};\r\n\r\n\tvar _errorMessages = {\r\n\t\tdate: 'Required format: ' + g_timeStampFormat,\r\n\t\tstartRobIsAfter: 'Start rob cannot be added after other events',\r\n\t\toriginId: 'Origin is required',\r\n\t\tsgRequired: 'When unit m3 is set, SG is required',\r\n\t\tsgRange: 'Sg outside valid range [0.1-3.0]',\r\n\t\toffloadDestination: 'The can be no destination on offload. Use Origin.',\r\n\t\tvalueQty: 'Qty is required',\r\n\t\tpositiveQty: 'Qty has to be a positive number',\r\n\t\tvesselOffload: 'Destination can not be set when transferring Bulk to another vessel. Please use Origin'\r\n\t};\r\n\r\n\tvar hasValue = function (value) {\r\n\t\treturn value !== undefined && value !== '';\r\n\t};\r\n\r\n\tvar isBetween = function (value, min, max) {\r\n\t\ttry {\r\n\t\t\tparseFloat(value);\r\n\t\t\treturn value >= min && value <= max;\r\n\t\t}\r\n\t\tcatch (e) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t};\r\n\r\n\tvar showErrors = function ($form, errors) {\r\n\t\t$.each(errors, function (name, error) {\r\n\t\t\tshowError($form, name, error)\r\n\t\t});\r\n\t};\r\n\r\n\tvar removeErrors = function(){\r\n\t\tvar inputs = $('#addVoyagebulk').find(':input');;\r\n\t\t$.each(inputs, function(key,input){\r\n\t\t\tremoveError(input);\r\n\t\t});\r\n\t};\r\n\r\n\tvar removeError = function ($input) {\r\n\t\tvar $formGroup = $($input.closest('.form-group'));\r\n\r\n\t\tif($formGroup){\r\n\t\t\t$formGroup.removeClass('has-error');\r\n\t\t\t$formGroup.find('.help-block').remove();\r\n\t\t}\r\n\r\n\t};\r\n\r\n\tvar showError = function ($form, name, error) {\r\n\t\tvar $input = getElement($form, name);\r\n\t\tremoveError($input);\r\n\t\tvar $formGroup = $input.parent();\r\n\t\t$formGroup.addClass('has-error');\r\n\t\t$formGroup.append(createErrorMessage(error));\r\n\t};\r\n\r\n\tvar getElement = function ($form, name) {\r\n\t\treturn $form.find(':input[name=\"' + name + '\"]');\r\n\t};\r\n\r\n\tvar isValidDate = function (date) {\r\n\t\treturn moment(date, g_timeStampFormat, true).isValid();\r\n\t};\r\n\r\n\tvar checkForVoyageBulkErrors = function (data) {\r\n\t\tvar errors = {};\r\n\r\n\t\tif (!isValidDate(data.date)) {\r\n\t\t\terrors.date = _errorMessages.date;\r\n\r\n\t\t}\r\n\t\telse {\r\n\t\t\tif (data.action === g_actions.start_rob) {\r\n\t\t\t\tvar firstEvent = _bulkTank.getFirstContentIgnoreStartRob();\r\n\r\n\t\t\t\tif (firstEvent) {\r\n\t\t\t\t\tvar firstDate = moment(firstEvent.getDate(), g_timeStampFormat);\r\n\t\t\t\t\tvar isValid = moment(data.date, g_timeStampFormat).isBefore(firstDate);\r\n\t\t\t\t\tif (!isValid) {\r\n\t\t\t\t\t\terrors.date = _errorMessages.startRobIsAfter;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (data.action !== g_actions.start_rob) {\r\n\t\t\tif (!hasValue(data.originId) && (!hasValue(data.vessel))) {\r\n\t\t\t\terrors.originId = _errorMessages.originId;\r\n\t\t\t}\r\n\t\t\tif (data.valueUnit === 'm3') {\r\n\t\t\t\tif (!hasValue(data.sg)) {\r\n\t\t\t\t\terrors.sg = _errorMessages.sgRequired;\r\n\t\t\t\t}\r\n\t\t\t\telse if (!isBetween(data.sg, 0.1, 3.0)) {\r\n\t\t\t\t\terrors.sg = _errorMessages.sgRange;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t\tif (!hasValue(data.valueQty)) {\r\n\t\t\terrors.valueQty = _errorMessages.valueQty;\r\n\t\t}\r\n\t\telse if (data.valueQty < 0 && data.action !== g_actions.deviation) {\r\n\t\t\terrors.valueQty = _errorMessages.positiveQty;\r\n\t\t}\r\n\r\n\t\tif (data.action === g_actions.offload) {\r\n\t\t\tif (data.destinationId) {\r\n\t\t\t\terrors.destinationId = _errorMessages.offloadDestination;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (isNaN(VRC.Utils.Number.parseInt(data.originId)) || isNaN(VRC.Utils.Number.parseInt(data.destinationId))) {\r\n\t\t\tif (data.destinationId) {\r\n\t\t\t\terrors.destinationId = _errorMessages.vesselOffload;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn errors;\r\n\t};\r\n\r\n\tvar checkForTankCleanErrors = function (data) {\r\n\t\tvar errors = {};\r\n\r\n\t\tif (!isValidDate(data.date)) {\r\n\t\t\terrors.date = _errorMessages.date;\r\n\t\t}\r\n\r\n\t\treturn errors;\r\n\t};\r\n\r\n\tvar isValid = function (errors) {\r\n\t\treturn jQuery.isEmptyObject(errors);\r\n\t};\r\n\r\n\tvar createErrorMessage = function (error) {\r\n\t\treturn $('' + error + '');\r\n\t};\r\n\r\n\tvar getContent = function () {\r\n\t\treturn $el.find('#voyagebulk-content tbody');\r\n\t};\r\n\r\n\tvar renderContent = function () {\r\n\t\tvar bulkJson = _bulkTank.toJson();\r\n\t\tvar ctx = bulkJson;\r\n\r\n\t\tvar html = Handlebars.partials['bulk_modal_content'](ctx);\r\n\t\tvar $content = getContent();\r\n\t\t$content.html(html);\r\n\t\tattachRemoveEvent();\r\n\t\tattachEditEvent();\r\n\r\n\t\tvar $voyageBulkTable = $('#voyagebulk-content');\r\n\t\t$voyageBulkTable.trigger(\"update\");\r\n\t\t$voyageBulkTable.trigger(\"appendCache\");\r\n\t};\r\n\r\n\tvar updateVoyageBulk = function (onSucess) {\r\n\t\tvar $voyageForm = $el.find(\"#addVoyagebulk\");\r\n\t\tvar $inputElements = $voyageForm.find(':input');\r\n\t\tvar serializedObject = VRC.Utils.Forms.serializeObject($inputElements);\r\n\r\n\t\tvar errors = checkForVoyageBulkErrors(serializedObject);\r\n\r\n\t\tif (isValid(errors)) {\r\n\r\n\t\t\tonSucess(serializedObject);\r\n\r\n\t\t\trenderContent();\r\n\t\t\tVRC.BulkStateView.renderTank(_bulkTank);\r\n\t\t\tVRC.BulkState.saveToLocalStorage();\r\n\t\t\tVRC.BulkOffloadAraeView.init();\r\n\t\t\tVRC.BulkLoadingAreaView.init();\r\n\r\n\t\t}\r\n\t\telse {\r\n\t\t\tshowErrors($voyageForm, errors);\r\n\t\t}\r\n\t};\r\n\r\n\tvar attachAddVoyageBulkEvent = function () {\r\n\r\n\t\tvar $btn = $el.find(\"#addVoyagebulk__add-btn\");\r\n\r\n\t\t$btn.unbind('click').click(function (e) {\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\tvar onSuccess = function (serializedObject) {\r\n\t\t\t\tvar action = serializedObject.action;\r\n\t\t\t\tvar voyageBulk = VRC.VoyageBulk(serializedObject);\r\n\t\t\t\t_bulkTank.addContent(voyageBulk);\r\n\r\n\t\t\t\tif (isTransferAction(action)) {\r\n\t\t\t\t\tcreateTransferAction(action, serializedObject.transferToTank, serializedObject);\r\n\t\t\t\t}\r\n\r\n\t\t\t\trenderForm();\r\n\t\t\t\tattachDatePickerEvent();\r\n\r\n\t\t\t};\r\n\r\n\t\t\tupdateVoyageBulk(onSuccess);\r\n\t\t});\r\n\t};\r\n\r\n\tvar createTransferAction = function (action, bulkTankId, voyageBulk) {\r\n\t\tbulkTankId = parseInt(bulkTankId);\r\n\t\tvar clone = VRC.VoyageBulk(voyageBulk);\r\n\t\tvar bulkTank = VRC.BulkTankManager.getBulkTankById(bulkTankId);\r\n\t\tif (action === 'transfer_to') {\r\n\t\t\tclone.setAction('transfer_from');\r\n\r\n\t\t}\r\n\t\telse if (action === 'transfer_from') {\r\n\t\t\tclone.setAction('transfer_to');\r\n\t\t}\r\n\r\n\t\telse {\r\n\t\t\tconsole.error('invalid action');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tbulkTank.addContent(clone);\r\n\t\tVRC.BulkStateView.renderTank(bulkTank);\r\n\t};\r\n\r\n\tvar attachUpdateVoyageBulkEvent = function () {\r\n\r\n\t\tvar $btn = $el.find(\"#addVoyagebulk__edit-btn\");\r\n\r\n\t\t$btn.unbind('click').click(function (e) {\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\tvar onSuccess = function (serializedObject) {\r\n\t\t\t\tvar voyageBulk = _bulkTank.getContentById(serializedObject.voyageBulkId);\r\n\t\t\t\tvoyageBulk.update(serializedObject);\r\n\t\t\t\t_bulkTank.recalcRob();\r\n\t\t\t\trenderForm();\r\n\t\t\t\tattachDatePickerEvent();\r\n\t\t\t};\r\n\r\n\t\t\tupdateVoyageBulk(onSuccess);\r\n\r\n\t\t});\r\n\t};\r\n\r\n\tvar _tempAction = '';\r\n\r\n\tvar attachChangeAction = function ($row) {\r\n\t\tvar invalidDestinationActions = ['offload', 'tank_clean_started', 'tank_clean', 'dump'];\r\n\t\tvar $action = $(\"#addVoyagebulk__action\");\r\n\r\n\t\t$action.unbind('change').change(function (e) {\r\n\t\t\tvar $field = $(e.target);\r\n\t\t\tvar action = $field.val();\r\n\t\t\tvar $destinationField = $(\"#addVoyagebulk__destinationId\");\r\n\t\t\tvar $destinationSelectize = $destinationField[0].selectize;\r\n\t\t\tif (_.contains(invalidDestinationActions, action)) {\r\n\r\n\t\t\t\t_tempAction = $destinationField.val();\r\n\t\t\t\tvar $destinationSelectize = $destinationField[0].selectize;\r\n\t\t\t\t$destinationSelectize.setValue('');\r\n\t\t\t\t$destinationSelectize.disable();\r\n\t\t\t}\r\n\t\t\telse if (action === '') {\r\n\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\t$destinationSelectize.enable();\r\n\t\t\t\t$destinationSelectize.setValue(_tempAction);\r\n\t\t\t\t_tempAction = '';\r\n\t\t\t}\r\n\r\n\t\t\tshowActionFields(action);\r\n\r\n\t\t});\r\n\t};\r\n\r\n\tvar showActionFields = function (action) {\r\n\t\tswitch (action) {\r\n\t\t\tcase 'transfer_to':\r\n\t\t\tcase 'transfer_from':\r\n\t\t\t\tshowActionField(\"#addVoyagebulk__transferToTank\");\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'tank_clean_started':\r\n\t\t\tcase 'tank_clean':\r\n\t\t\t\tshowActionField('#addVoyagebulk__actionObject');\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tshowActionField(null);\r\n\t\t}\r\n\t};\r\n\r\n\tvar isTransferAction = function (action) {\r\n\t\tvar invalidDestinationActions = ['transfer_to', 'transfer_from'];\r\n\t\treturn _.contains(invalidDestinationActions, action)\r\n\t};\r\n\r\n\tvar actionFieldsMap = [\"#addVoyagebulk__transferToTank\", '#addVoyagebulk__actionObject'];\r\n\r\n\tvar showActionField = function (actionDiv) {\r\n\t\t_.map(actionFieldsMap,function(actionField) {\r\n\t\t\tvar $row = $(actionField).parent();\r\n\t\t\tif (actionField === actionDiv) {\r\n\t\t\t\t$row.show();\r\n\t\t\t} else {\r\n\t\t\t\t$row.hide();\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tvar attachUpdateVoyageBulkCancelEvent = function () {\r\n\r\n\t\tvar $btn = $el.find(\"#addVoyagebulk__edit-cancel-btn\");\r\n\r\n\t\t$btn.unbind('click').click(function (e) {\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\trenderForm();\r\n\t\t\tattachDatePickerEvent();\r\n\r\n\t\t});\r\n\t};\r\n\r\n\tvar attachAddTankCleanEvent = function () {\r\n\t\tvar $btn = $el.find(\"#addTankClean__add-btn\");\r\n\t\tvar $tankCleanForm = $el.find(\"#addTankClean\");\r\n\t\tvar $inputElements = $tankCleanForm.find(':input');\r\n\t\t$btn.unbind('click').click(function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tvar serializedObject = VRC.Utils.Forms.serializeObject($inputElements);\r\n\r\n\t\t\tvar errors = checkForTankCleanErrors(serializedObject);\r\n\r\n\t\t\tif (isValid(errors)) {\r\n\t\t\t\tvar voyageBulk = VRC.VoyageBulk(serializedObject);\r\n\t\t\t\t_bulkTank.addContent(voyageBulk);\r\n\t\t\t\trenderContent();\r\n\t\t\t\tVRC.BulkStateView.renderTank(_bulkTank);\r\n\t\t\t\tVRC.BulkOffloadAraeView.init();\r\n\t\t\t\tVRC.BulkState.saveToLocalStorage();\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tshowErrors($tankCleanForm, errors);\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tvar attachEditEvent = function () {\r\n\t\tvar $content = getContent();\r\n\t\tvar $btns = $content.find('.voyagebulk-content__edit-btn');\r\n\t\t$btns.unbind('click').click(function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tvar $row = $(this).closest('tr');\r\n\t\t\tvar voyageBulkId = $row.attr('data-voyagebulk-id');\r\n\r\n\t\t\trenderForm(voyageBulkId);\r\n\t\t});\r\n\r\n\t};\r\n\r\n\tvar renderForm = function (objectId, objectType) {\r\n\t\tobjectType = objectType || 'bulk';\r\n\t\tvar $form = $('#addVoyagebulk');\r\n\t\tvar config = {};\r\n\t\tvar voyageBulk;\r\n\r\n\t\tif (objectId && objectType === 'bulk') {\r\n\t\t\tconfig.editMode = true;\r\n\t\t\tvoyageBulk = _bulkTank.getContentById(objectId);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tvoyageBulk = _bulkTank.getLastAction();\r\n\t\t}\r\n\r\n\t\tif (voyageBulk) {\r\n\r\n\t\t\tvar ctx = {\r\n\t\t\t\tlastAction: voyageBulk.toJson(),\r\n\t\t\t\tbulkTank: _bulkTank.toJson(),\r\n\t\t\t\tmasterData: _masterData,\r\n\t\t\t\tconfig: config,\r\n\t\t\t\tbulkTanks: VRC.BulkTankManager.getBulkTanksNameAndId(_bulkTank.getBulkTankId())\r\n\t\t\t};\r\n\r\n\t\t\tvar html = Handlebars.partials['bulk_modal_voyagebulk_form'](ctx);\r\n\t\t\t$form.replaceWith(html);\r\n\t\t}\r\n\t\telse {\r\n\t\t\t$el.modal('hide')\r\n\t\t}\r\n\t\tattachUpdateVoyageBulkEvent();\r\n\t\tattachUpdateVoyageBulkCancelEvent();\r\n\r\n\t\tattachAddVoyageBulkEvent();\r\n\t};\r\n\r\n\tvar attachRemoveEvent = function () {\r\n\t\tvar $content = getContent();\r\n\t\tvar $btns = $content.find('.voyagebulk-content__remove-btn');\r\n\t\t$btns.unbind('click').click(function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tvar $row = $(this).closest('tr');\r\n\t\t\tvar voyageBulkId = $row.attr('data-voyagebulk-id');\r\n\r\n\t\t\tvar voyageBulk = _bulkTank.getContentById(voyageBulkId);\r\n\r\n\t\t\tif (voyageBulk.getContainerId() && voyageBulk.getAction() === g_actions.load) {\r\n\t\t\t\tvar bulkRequest = VRC.BulkCargoRequestManager.getBulkCargoRequestById(voyageBulk.getContainerId());\r\n\t\t\t\tif (bulkRequest) {\r\n\t\t\t\t\tbulkRequest.subtractValueQty(voyageBulk.getValueQty() * -1)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t_bulkTank.removeContent(voyageBulk);\r\n\r\n\t\t\trenderContent();\r\n\t\t\tVRC.BulkStateView.renderTank(_bulkTank);\r\n\t\t\tVRC.BulkOffloadAraeView.init();\r\n\t\t\tVRC.BulkLoadingAreaView.init();\r\n\t\t});\r\n\t};\r\n\r\n\r\n\r\n\treturn {\r\n\t\tinit: init,\r\n\t\trender: render,\r\n\t\tremoveErrors : removeErrors\r\n\t};\r\n\r\n})();\r\n","/**\r\n * The Offload Area View.\r\n * Sets up the rendering, click events and drag&drop events for the offload area.\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\n\tVRC.BulkOffloadAraeView = (function () {\r\n\tvar NUMBER_OF_COLUMNS = 5;\r\n\tvar MARGIN_PRESENTAGE = 0.5;\r\n\r\n\tvar _size;\r\n\r\n\tvar _queries = {\r\n\t\tcontainer: \"#bulk-state-offloading\",\r\n\t\toffloadEvents: '.request'\r\n\t};\r\n\r\n\tvar init = function () {\r\n\t\tvar port = VRC.BulkToolbarView.getSelectedPort();\r\n\r\n\t\tvar bulkTankRequests = VRC.BulkTankManager.getOffloadEvents(port);\r\n\r\n\t\tvar ctx = createContext(bulkTankRequests);\r\n\r\n\t\trender(ctx);\r\n\r\n\t};\r\n\r\n\tvar attachAllClickable = function () {\r\n\t\tvar $container = $(_queries.container);\r\n\t\tvar $offloadEvents = $container.find(_queries.offloadEvents);\r\n\t\tattachClickable($offloadEvents);\r\n\t};\r\n\r\n\tvar attachClickable = function ($elements) {\r\n\t\t$elements.unbind('click').click(function (e) {\r\n\t\t\tvar $offloadEvent = $(e.target).closest('.request');\r\n\t\t\tvar bulkTankId = $offloadEvent.attr('data-bulktank-id');\r\n\t\t\tvar voyageBulkId = $offloadEvent.attr('data-voyagebulk-id');\r\n\r\n\t\t\tVRC.BulkModalView.render(bulkTankId, {highlight: voyageBulkId});\r\n\t\t})\r\n\r\n\t};\r\n\r\n\tvar attachDraggable = function () {\r\n\t\tvar offloadDeck = $(\".bulk_deck.offload\");\r\n\t\tinteract(\".bulk_deck.offload\").dropzone({\r\n\t\t\taccept: \".main\",\r\n\t\t\tondropactivate: function () {\r\n\t\t\t\t// add active dropzone feedback\r\n\t\t\t\toffloadDeck.addClass(\"can-drop\");\r\n\t\t\t},\r\n\t\t\tondragenter: function (event) {\r\n\t\t\t\tvar dropzoneElement = $(event.target);\r\n\r\n\t\t\t\t// feedback the possibility of a drop\r\n\t\t\t\tdropzoneElement.addClass(\"drop-target\");\r\n\t\t\t},\r\n\t\t\tondragleave: function (event) {\r\n\t\t\t\tvar dropzoneElement = $(event.target);\r\n\r\n\t\t\t\t// remove the drop feedback style\r\n\t\t\t\tdropzoneElement.removeClass(\"drop-target\");\r\n\t\t\t},\r\n\t\t\tondrop: function (event) {\r\n\t\t\t\tvar draggableElement = event.relatedTarget,\r\n\t\t\t\t\tdropzoneElement = $(event.target);\r\n\r\n\t\t\t\tdropzoneElement.removeClass(\"drop-target\");\r\n\r\n\t\t\t\t//GetOffloadableContent\r\n\t\t\t\tvar bulkTankId = draggableElement.getAttribute('data-bulk-tank-id');\r\n\t\t\t\tvar bulkTank = VRC.BulkTankManager.getBulkTankById(bulkTankId);\r\n\t\t\t\tvar offloadableContent = bulkTank.getOffloadableContent();\r\n\r\n\t\t\t\t//Create Temp html\r\n\t\t\t\tvar placeHolderHtml = Handlebars.partials['bulk_cargo_request']({main: getMainJson()});\r\n\t\t\t\tdropzoneElement.append(placeHolderHtml);\r\n\t\t\t\tvar $placeHolderHtml = dropzoneElement.children().last();\r\n\r\n\t\t\t\tshowPopup($placeHolderHtml, offloadableContent, bulkTank)\r\n\t\t\t},\r\n\t\t\tondropdeactivate: function () {\r\n\t\t\t\toffloadDeck.removeClass(\"can-drop\");\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tvar getMainJson = function () {\r\n\t\treturn {size: _size, margin: MARGIN_PRESENTAGE};\r\n\t};\r\n\r\n\tvar showInputPopup = function ($placeHolder, droppedElement) {\r\n\r\n\t\tvar onConfirm = function ($placeHolder, inputElements, json) {\r\n\t\t\tvar voyageBulk = insertBulkAction(inputElements, droppedElement);\r\n\t\t\tvar voyageBulkJson = voyageBulk.toJson();\r\n\t\t\tvoyageBulkJson.main = getMainJson();\r\n\t\t\tvar placeHolderHtml = Handlebars.partials['bulk_cargo_request'](voyageBulkJson);\r\n\t\t\t$placeHolder.popover('destroy');\r\n\t\t\t$placeHolder.replaceWith(placeHolderHtml);\r\n\r\n\t\t\tattachAllClickable();\r\n\t\t};\r\n\r\n\t\tvar onCancel = function () {\r\n\t\t\t$placeHolder.remove();\r\n\t\t};\r\n\r\n\t\tvar portId = VRC.BulkToolbarView.getSelectedPort();\r\n\t\tvar portPort = VRC.MasterDataService.getPort(portId);\r\n\r\n\t\tif(portPort){\r\n\t\t\tvar config = {\r\n\t\t\t\taction: 'offload',\r\n\t\t\t\ttitle: 'Offloading to ' + portPort.name\r\n\t\t\t};\r\n\r\n\t\t\tVRC.BulkLoadingPopoverView.show($placeHolder, droppedElement, onConfirm, onCancel, config)\r\n\t\t}\r\n\t\telse{\r\n\t\t VRC.ErrorHandleService.showMessage('No port selected', G_MSG_TYPE_WARNING);\r\n\t\t\tonCancel();\r\n\t\t}\r\n\r\n\t};\r\n\r\n\tvar insertBulkAction = function (inputElements, json) {\r\n\r\n\t\tvar bulkTank = VRC.BulkTankManager.getBulkTankById(json.bulkTankId);\r\n\t\tvar containerId = json.containerId;\r\n\t\t//Getting values from popover\r\n\r\n\t\tvar qty = VRC.Utils.Number.parseFloat(inputElements.$valueQty.val());\r\n\t\tqty = qty || 0;\r\n\t\tvar qtyRob = VRC.Utils.Number.parseFloat(inputElements.$qtyRob.val());\r\n\t\tqtyRob = qtyRob || 0;\r\n\t\tvar date = inputElements.$date.val();\r\n\t\tvar inputRemarks = inputElements.$remarkField.val();\r\n\r\n\t\tvar lastContainerAction = bulkTank.getLatestContentByContainerId(containerId);\r\n\t\tvar portId = VRC.BulkToolbarView.getSelectedPort();\r\n\t\tvar voyageBulk = VRC.VoyageBulk(lastContainerAction.toJson());\r\n\r\n\t\t//Todo do in VoyageBulk\r\n\t\tvoyageBulk.createNewId();\r\n\t\tvoyageBulk.setAction(g_actions.offload);\r\n\t\tvoyageBulk.setDate(date);\r\n\t\tvoyageBulk.setValueQty(qty);\r\n\t\tvoyageBulk.setQtyRob(qtyRob);\r\n\t\tvoyageBulk.setRemarks(inputRemarks);\r\n\t\tvoyageBulk.setOriginId(portId);\r\n\t\tvoyageBulk.setOriginName();\r\n\t\tvoyageBulk.setDestinationId(undefined);\r\n\t\tvoyageBulk.setDestinationName(undefined);\r\n\t\tvoyageBulk.setDisplayPort();\r\n\t\tif (inputElements.$valueQty) {\r\n\t\t\tvoyageBulk.setBulkTypeId(inputElements.$bulkTypeId.val());\r\n\t\t\tvoyageBulk.setBulkTypeName();\r\n\t\t}\r\n\r\n\t\t//END Todo\r\n\r\n\t\tbulkTank.addContent(voyageBulk);\r\n\t\t//UpdateUi\r\n\t\tVRC.BulkStateView.renderTank(bulkTank);\r\n\r\n\t\treturn voyageBulk;\r\n\t};\r\n\r\n\tvar showSelectCargoId = function ($placeHolder, content, bulkTank) {\r\n\r\n\t\tvar popOverHtml = WELL.Handlebars.VRC.offload_action_selector({\r\n\t\t\tunits: VRC.MasterDataService.getBulkValueUnitsAsArray(),\r\n\t\t\tcontent: content\r\n\t\t});\r\n\r\n\t\t$placeHolder.attr('data-content', popOverHtml);\r\n\t\t$placeHolder.popover({html: true, placement: 'left auto', sanitize: false });\r\n\t\t$placeHolder.popover('show');\r\n\r\n\t\tvar $popover = $placeHolder.next();\r\n\t\tvar $cargoItemsBtn = $popover.find('.offload-popup__cargo-list__btns');\r\n\t\tvar $cancelBtn = $popover.find('.bulk-offload-cancel');\r\n\r\n\t\t$cargoItemsBtn.click(function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tvar $btn = $(this);\r\n\t\t\t$btn.prop('disabled', true);\r\n\t\t\tvar containerId = $btn.attr('data-container-id');\r\n\r\n\t\t\tif (!containerId) {\r\n\t\t\t\tcontainerId = \"undefined\";\r\n\t\t\t}\r\n\t\t\tvar bulkTankCargoItem = _.findWhere(content, {containerId: containerId});\r\n\r\n\t\t\tshowInputPopup($placeHolder, bulkTankCargoItem, bulkTank)\r\n\t\t});\r\n\r\n\t\t$cancelBtn.click(function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\t$placeHolder.popover('destroy');\r\n\t\t\t$placeHolder.remove();\r\n\t\t});\r\n\t};\r\n\r\n\tvar showPopup = function ($placeHolder, bulkTankCargoItems, bulkTank) {\r\n\r\n\t\tif (bulkTankCargoItems.length > 1) {\r\n\t\t\tshowSelectCargoId($placeHolder, bulkTankCargoItems, bulkTank);\r\n\t\t}\r\n\t\telse if (bulkTankCargoItems.length === 1) {\r\n\t\t\tshowInputPopup($placeHolder, bulkTankCargoItems[0], bulkTank);\r\n\t\t}\r\n\r\n\t\telse {\r\n\t\t\t$placeHolder.remove();\r\n\t\t\tconsole.error('There is no offloadable content in this tank');\r\n\t\t}\r\n\t};\r\n\r\n\tvar createContext = function (bulkTankRequests) {\r\n\r\n\t\t_.each(bulkTankRequests, function (request) {\r\n\t\t\trequest.tankShape = request[\"valueUnit\"] && request[\"valueUnit\"] === \"mt\" ? \"circle\" : \"square\";\r\n\t\t});\r\n\r\n\t\t_size = VRC.BulkViewUtil.calculateSize(MARGIN_PRESENTAGE, NUMBER_OF_COLUMNS);\r\n\r\n\t\tvar portColors = findPortColorsInRequests(bulkTankRequests);\r\n\r\n\t\treturn {\r\n\t\t\tbulkTankRequests: bulkTankRequests,\r\n\t\t\tsize: _size,\r\n\t\t\tmargin: MARGIN_PRESENTAGE,\r\n\t\t\tportColors: portColors,\r\n\t\t\tunits: VRC.MasterDataService.getBulkValueUnitsAsArray()\r\n\t\t};\r\n\t};\r\n\r\n\tvar findPortColorsInRequests = function (requests) {\r\n\t\treturn _.chain(requests).groupBy(function (request) {\r\n\t\t\treturn request.originName || request.destinationName;\r\n\t\t}).map(function (group) {\r\n\t\t\tvar item = _.first(group);\r\n\t\t\treturn {\r\n\t\t\t\tportName: item.displayPort,\r\n\t\t\t\tportColorCode: item.portColorCode\r\n\t\t\t};\r\n\t\t}).sortBy(function (request) {\r\n\t\t\treturn request.portColorCode;\r\n\t\t}).value();\r\n\t};\r\n\r\n\tvar render = function (context) {\r\n\t\tvar $container = $(_queries.container);\r\n\r\n\t\tvar content = WELL.Handlebars.VRC.bulk_offloading_area(context);\r\n\t\t$container.html(content);\r\n\r\n\t\tattachDraggable();\r\n\t\tattachAllClickable();\r\n\t};\r\n\r\n\r\n\r\n\treturn {\r\n\t\tinit: init,\r\n\t\trender: render\r\n\t}\r\n})();\r\n","/**\r\n * The view (popup) that appear when you drag and drop a cargoRequest or bulk content.\r\n */\r\nvar VRC = VRC || {};\r\nVRC.BulkLoadingPopoverView = (function(){\r\n\r\n var init = function ($placeHolder, droppedElement, config) {\r\n var jsonElement = droppedElement.toJson ? droppedElement.toJson() : droppedElement;\r\n\r\n var popOverHtml = WELL.Handlebars.VRC.loadingQuantitySelection({\r\n qtyRob : jsonElement.qtyRob - jsonElement.valueQty,\r\n date : moment().format(g_timeStampFormat),\r\n request: jsonElement,\r\n units: VRC.MasterDataService.getBulkValueUnitsAsArray(),\r\n action: config.action\r\n });\r\n\r\n $placeHolder.attr('data-content', popOverHtml);\r\n $placeHolder.popover({html: true, placement: 'left auto', title : config.title, sanitize: false });\r\n $placeHolder.popover('show');\r\n\r\n };\r\n\r\n\r\n var show = function($dropzoneElement, droppedElement, onConfirm, onCancel, config){\r\n config = config || {};\r\n init($dropzoneElement, droppedElement, config);\r\n\r\n var $popover = $dropzoneElement.next();\r\n\r\n var droppedElementJson = droppedElement.toJson ? droppedElement.toJson() : droppedElement;\r\n\r\n\r\n var $valueType = $popover.find('#popover__valueUnit');\r\n var $date = $popover.find('#popover__date');\r\n $valueType.selectpicker();\r\n $date.datetimepicker({format : g_timeStampFormat});\r\n var $valueQty = $popover.find('#popover__valueQty');\r\n\r\n var $bulkTypeId = $(\"#popover__bulkTypeId\");\r\n var $qtyRob = $popover.find('#popover__qtyRob');\r\n var $remarkField = $popover.find('#popover__remarks');\r\n\r\n $valueQty.focus();\r\n\r\n $valueQty.change(function(e){\r\n\r\n var qty = $(e.target).val();\r\n $qtyRob.val(droppedElementJson.qtyRob - qty);\r\n });\r\n\r\n $('.bulk-insertion-cancel').click(function(e){\r\n e.preventDefault();\r\n $dropzoneElement.popover('destroy');\r\n if(onCancel){\r\n onCancel();\r\n }\r\n });\r\n\r\n $('.bulk-insertion-confirm').click(function(e){\r\n e.preventDefault();\r\n onConfirm($dropzoneElement, {$valueQty :$valueQty, $date : $date, $qtyRob : $qtyRob, $remarkField : $remarkField, $bulkTypeId : $bulkTypeId}, droppedElementJson);\r\n\r\n });\r\n };\r\n\r\n return {\r\n show : show\r\n }\r\n})();\r\n","/**\r\n * Main State View.\r\n * Responsible for rendering the bulk tanks and all events.\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.BulkStateView = (function () {\r\n\r\n\tvar _$mainBulkTanks;\r\n\tvar MARGIN_PRESENTAGE = 0;\r\n\tvar BULK_TANK_SIZE = 130;\r\n\tvar _size;\r\n\tvar _deckWidth;\r\n\r\n\tvar createContext = function (tanks) {\r\n\r\n\t\tvar transformedTanks = transformBulkStateData(tanks);\r\n\r\n\t\tvar numberOfColumns = findNumberOfColumns(transformedTanks);\r\n\t\t_size = VRC.BulkViewUtil.calculateSize(MARGIN_PRESENTAGE, numberOfColumns);\r\n\t\t_deckWidth = (numberOfColumns * BULK_TANK_SIZE) + 'px';\r\n\t\tvar portColors = findPortColorsInBulkState(tanks);\r\n\t\tvar pumpSystems = findPumpSystemsInBulkState(tanks);\r\n\r\n\t\tvar bulkStateData = {\r\n\t\t\tmain: {\r\n\t\t\t\tbulkTanks: transformedTanks,\r\n\t\t\t\t//summary: data.summary,\r\n\t\t\t\tsize: _size,\r\n\t\t\t\tmargin: MARGIN_PRESENTAGE,\r\n\t\t\t\tportColors: portColors,\r\n\t\t\t\tunits: VRC.MasterDataService.getBulkValueUnitsAsArray(),\r\n\t\t\t\tdeckWidth: _deckWidth,\r\n\t\t\t\tpumpSystems: pumpSystems\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\treturn bulkStateData;\r\n\t};\r\n\r\n\tvar transformBulkStateData = function (tanks) {\r\n\r\n\t\treturn _.chain(tanks).each(function (tank) {\r\n\t\t\t// Find the latest content from the list based on the date field\r\n\t\t\tif (tank.content && tank.content !== undefined) {\r\n\r\n\t\t\t\tvar index = 0;\r\n\t\t\t\tvar currentLatestDate;\r\n\t\t\t\tfor (var i = 0; i < tank.content.length; i++) {\r\n\r\n\t\t\t\t\tvar content = tank.content[i];\r\n\t\t\t\t\tvar date = moment(content.date, g_timeStampFormat);\r\n\t\t\t\t\tif (currentLatestDate && currentLatestDate.isBefore(date)) {\r\n\t\t\t\t\t\tcurrentLatestDate = date;\r\n\t\t\t\t\t\tindex = i;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\ttank.content = tank.content[index];\r\n\t\t\t}\r\n\t\t}).sortBy(function (tank) {\r\n\t\t\treturn tank['positionX'];\r\n\t\t}).groupBy(function (tank) {\r\n\t\t\treturn tank['positionY'];\r\n\t\t}).map(function (tank) {\r\n\t\t\treturn tank;\r\n\t\t}).each(function (group) {\r\n\t\t\tfor (var i = 0; i < group.length; i++) {\r\n\t\t\t\tvar tank = group[i];\r\n\t\t\t\tif (tank['positionX'] && tank['positionX'] > i + 1) {\r\n\t\t\t\t\tgroup.splice(i, 0, {tankShape: 'hidden_tank'});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}).value();\r\n\t};\r\n\r\n\tvar findNumberOfColumns = function (tanks) {\r\n\t\tvar rowMax = _.chain(tanks).max(function (row) {\r\n\t\t\tvar max = _.max(row, function (tank) {\r\n\t\t\t\treturn tank['positionX'];\r\n\t\t\t});\r\n\r\n\t\t\treturn max['positionX'];\r\n\t\t}).last().value();\r\n\r\n\t\treturn rowMax['positionX'] || 0;\r\n\t};\r\n\r\n\tvar findPortColorsInBulkState = function (tanks) {\r\n\r\n\t\tvar portColors = _.chain(tanks)\r\n\t\t\t.groupBy(function (tank) {\r\n\r\n\t\t\t\tif (tank.content) {\r\n\t\t\t\t\tif (tank.content.displayPort && tank.content.action !== 'rob' && (tank.content.action === 'tank_clean' || tank.content.qtyRob > 0)) {\r\n\t\t\t\t\t\treturn tank.content.displayPort;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t}).filter(function (group, key) {\r\n\t\t\t\treturn key !== \"undefined\";\r\n\t\t\t})\r\n\t\t\t.map(function (group, key) {\r\n\r\n\t\t\t\tvar item = _.first(group).content;\r\n\r\n\t\t\t\tif (item) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tportName: item.displayPort,\r\n\t\t\t\t\t\tportColorCode: item.tankColor\r\n\t\t\t\t\t};\r\n\t\t\t\t}\r\n\t\t\t}).sortBy(function (tank) {\r\n\r\n\t\t\t\tif (tank) {\r\n\t\t\t\t\treturn tank.portColorCode;\r\n\t\t\t\t}\r\n\t\t\t}).value();\r\n\t\treturn portColors;\r\n\r\n\t};\r\n\r\n\tvar findPumpSystemsInBulkState = function (tanks) {\r\n\t\tvar pumpSystems;\r\n\t\tpumpSystems = _.chain(tanks)\r\n\r\n\t\t\t.filter(function (tank) {\r\n\t\t\t\treturn (tank.bulkTankPumpSystemName || tank.pumpSystemColorCode)\r\n\t\t\t})\r\n\t\t\t.uniq(function (tank) {\r\n\t\t\t\treturn tank.bulkTankPumpSystemName\r\n\t\t\t})\r\n\t\t\t.map(function(tank) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tbulkTankPumpSystemName: tank.bulkTankPumpSystemName,\r\n\t\t\t\t\tpumpSystemColorCode: tank.pumpSystemColorCode\r\n\t\t\t\t}\r\n\t\t\t}).value();\r\n\r\n\t\treturn pumpSystems\r\n\t};\r\n\r\n\tvar filterByPumpSystem = function (pumpSystemElement) {\r\n\t\tvar pumpSystemName = $(pumpSystemElement).data('pumpSystemName');\r\n\t\tvar $filteredBulkTankContainers = $('.bulk_tank_container[data-pump-system-name=\"'+pumpSystemName+'\"]');\r\n\t\tif ($filteredBulkTankContainers.length) {\r\n\t\t\t$('.bulk_tank_container').not($filteredBulkTankContainers).css('visibility', 'hidden');\r\n\t\t\t$filteredBulkTankContainers.css('visibility', 'visible');\r\n\t\t} else {\r\n\t\t\t$('.bulk_tank_container').css('visibility', 'visible');\r\n\t\t}\r\n\t};\r\n\r\n\tvar getBulkTankElement = function (bulkTankId) {\r\n\t\treturn $(\"#bulk-state-container\").find('.bulk_tank[data-bulk-tank-id=' + bulkTankId + ']');\r\n\t};\r\n\tvar getBulkTankContainer = function (bulkTankId) {\r\n\t\treturn $(\"#bulk-state-container\").find('.bulk_tank[data-bulk-tank-id=' + bulkTankId + ']').closest('.bulk_tank_container');\r\n\t};\r\n\tvar getPortList = function () {\r\n\t\treturn $(\"#bulk-state-container\").find('.port-color-codes');\r\n\t};\r\n\r\n\tvar renderTank = function (tank) {\r\n\t\tvar bulkTankId = tank.getBulkTankId();\r\n\t\tvar tankJson = tank.toJson();\r\n\t\tvar content = tank.getLatestContent();\r\n\r\n\t\ttankJson.main = {\r\n\t\t\tsize: _size,\r\n\t\t\tmargin: MARGIN_PRESENTAGE\r\n\t\t};\r\n\r\n\t\tif (content && content !== -Infinity) {\r\n\t\t\ttankJson.content = content.toJson();\r\n\t\t}\r\n\r\n\t\tvar html = Handlebars.partials['bulk_tank'](tankJson);\r\n\t\tvar $tank = getBulkTankContainer(bulkTankId);\r\n\t\t$tank.replaceWith(html);\r\n\r\n\t\tselectMainBulkTanks();\r\n\r\n\t\tattachModal('#bulk_tank_' + bulkTankId);\r\n\t\treRenderPortColors();\r\n\r\n\t};\r\n\r\n\tvar reRenderPortColors = function () {\r\n\t\tvar bulkTanks = VRC.BulkTankManager.toJson();\r\n\t\tbulkTanks = _.flatten(transformBulkStateData(bulkTanks));\r\n\r\n\t\tvar portColors = findPortColorsInBulkState(bulkTanks);\r\n\r\n\t\tvar html = Handlebars.partials['port_colors'](portColors);\r\n\t\tvar $portList = getPortList();\r\n\t\t$portList.replaceWith(html);\r\n\t};\r\n\r\n\tvar selectMainBulkTanks = function () {\r\n\t\t_$mainBulkTanks = $('.bulk_deck.main .bulk_tank');\r\n\t};\r\n\r\n\tvar render = function () {\r\n\t\tvar bulkTanks = VRC.BulkTankManager.toJson();\r\n\t\tvar context = createContext(bulkTanks);\r\n\t\tvar $container = $('#bulk-state-container');\r\n\r\n\t\tvar content = WELL.Handlebars.VRC['bulk_state'](context);\r\n\t\t$container.html(content);\r\n\r\n\t\tselectMainBulkTanks();\r\n\r\n\t\tattachDropEvents();\r\n\t\tattachDragEvent();\r\n\t\tattachModal('.bulk_deck.main .bulk_tank');\r\n\t\tattachSubMenu();\r\n\t};\r\n\r\n\tvar attachSubMenu = function () {\r\n\t\t$(\"#bulk_page-submenu__tankclean-btn\").unbind('click').click(function () {\r\n\t\t\tVRC.TankCleanModal.render();\r\n\t\t});\r\n\t\t$(\"#bulk_page-submenu__robvalidation-btn\").unbind('click').click(function(e) {\r\n e.preventDefault();\r\n\r\n g_remote_object.FetchHTMLFromServer( g_bulk_planning, ParseWELSForm, 'info', 'rob_validation');\r\n\t\t})\r\n\t};\r\n\r\n\tvar attachModal = function (query) {\r\n\t\tinteract(query).on('tap', function (e) {\r\n\t\t\tvar $bulkTank = $(e.target).closest('.bulk_tank');\r\n\t\t\tvar bulkTankId = $bulkTank.attr('data-bulk-tank-id');\r\n\t\t\tVRC.BulkModalView.render(bulkTankId);\r\n\t\t});\r\n\t};\r\n\r\n\tvar showPopover = function (bulkCargoRequest, $bulkTank, bulkTank) {\r\n\t\tvar rule;\r\n\t\tvar lastAction = bulkTank.getLastAction();\r\n\t\tif (lastAction) {\r\n\t\t\tif (VRC.BulkCompatibility.hasComponent()) {\r\n\t\t\t\trule = VRC.BulkCompatibility.canMixBulk(bulkCargoRequest.getItemGroupId(), lastAction.getItemGroupId());\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\tvar ctx = {\r\n\t\t\tqtyRob: bulkTank.getQtyRob() + bulkCargoRequest.getValueQty(),\r\n\t\t\tdate: moment().format(g_timeStampFormat),\r\n\t\t\trequest: bulkCargoRequest.toJson(),\r\n\t\t\trule: rule,\r\n\t\t\tunits: VRC.MasterDataService.getBulkValueUnitsAsArray(),\r\n\t\t\taction: 'load'\r\n\t\t};\r\n\r\n\t\tvar popOverHtml = WELL.Handlebars.VRC.loadingQuantitySelection(ctx);\r\n\t\t$bulkTank.attr('data-content', popOverHtml);\r\n\t\t$bulkTank.popover({ html: true, placement: 'left auto', sanitize: false });\r\n\t\t$bulkTank.popover('show');\r\n\r\n\t};\r\n\r\n\tvar showPopup = function (dropzoneElement, bulkCargoRequest, bulkTank) {\r\n\t\tvar $bulkTank = $(dropzoneElement);\r\n\r\n\t\tshowPopover(bulkCargoRequest, $bulkTank, bulkTank);\r\n\r\n\t\tvar $popover = $bulkTank.next();\r\n\t\t$popover.find('.popover-title').text(bulkCargoRequest.getItemDescription() + ' to ' + bulkTank.getName());\r\n\t\tvar $valueType = $popover.find('#popover__valueUnit');\r\n\t\tvar $date = $popover.find('#popover__date');\r\n\t\t$valueType.selectpicker();\r\n\t\t$date.datetimepicker({format: g_timeStampFormat});\r\n\t\tvar $valueQty = $popover.find('#popover__valueQty');\r\n\r\n\t\tvar $qtyRob = $popover.find('#popover__qtyRob');\r\n\t\tvar $remarkField = $popover.find('#popover__remarks');\r\n\r\n\t\t$valueQty.focus();\r\n\r\n\t\t$valueQty.keyup(function (e) {\r\n\r\n\t\t\ttry {\r\n\t\t\t\tvar qty = parseInt($(e.target).val());\r\n\t\t\t\t$qtyRob.val(bulkTank.getQtyRob() + qty);\r\n\t\t\t}\r\n\t\t\tcatch (e) {\r\n\t\t\t\t$qtyRob.val(bulkTank.getQtyRob());\r\n\t\t\t}\r\n\r\n\t\t});\r\n\r\n\t\t$('.bulk-insertion-cancel').click(function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tcancelBulkAction($bulkTank)\r\n\t\t});\r\n\r\n\t\t$('.bulk-insertion-confirm').click(function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tinsertBulkAction($bulkTank, $valueQty, $date, $qtyRob, $remarkField, $valueType, bulkTank, bulkCargoRequest)\r\n\r\n\t\t});\r\n\t};\r\n\r\n\tvar cancelBulkAction = function ($bulkTank) {\r\n\t\t$bulkTank.popover('destroy');\r\n\t};\r\n\r\n\tvar insertBulkAction = function ($bulkTank, $valueQty, $date, $qtyRob, $remarkField, $valueType, bulkTank, bulkCargoRequest) {\r\n\t\t//Getting values from popover\r\n\r\n\t\tvar qty = VRC.Utils.Number.parseFloat($valueQty.val());\r\n\t\tqty = qty || 0;\r\n\r\n\t\tvar qtyRob = VRC.Utils.Number.parseFloat($qtyRob.val());\r\n\t\tqtyRob = qtyRob || 0;\r\n\r\n\t\tvar date = $date.val();\r\n\r\n\t\tvar inputRemarks = $remarkField.val();\r\n\r\n\t\tvar type = $valueType.val();\r\n\r\n\t\t//Creating new VoyageBulk, adding to tank\r\n\t\tvar voyageBulk = VRC.VoyageBulk({bulkTankId: bulkTank.getBulkTankId()});\r\n\t\tvoyageBulk.parseFromBulkRequest(bulkCargoRequest, bulkTank, qty, qtyRob, date, inputRemarks, type);\r\n\t\tbulkTank.addContent(voyageBulk);\r\n\r\n\t\tbulkCargoRequest.subtractValueQty(qty);\r\n\r\n\t\t//UpdateUi\r\n\t\t$bulkTank.popover('destroy');\r\n\t\trenderTank(bulkTank);\r\n\r\n\t\tVRC.BulkLoadingAreaView.reRenderBulkRequest(bulkCargoRequest);\r\n\t};\r\n\r\n\tvar attachDropEvents = function () {\r\n\t\tvar mainBulkTanksInteraction = interact('.bulk_deck.main .bulk_tank:not(.hidden_tank)');\r\n\r\n\t\tmainBulkTanksInteraction.dropzone({\r\n\t\t\taccept: '.request',\r\n\t\t\tondropactivate: function () {\r\n\t\t\t\t// add active dropzone feedback\r\n\t\t\t\t_$mainBulkTanks.addClass('can-drop');\r\n\t\t\t},\r\n\t\t\tondragenter: function (event) {\r\n\t\t\t\tvar dropzoneElement = event.target;\r\n\r\n\t\t\t\t// feedback the possibility of a drop\r\n\t\t\t\tdropzoneElement.classList.add('drop-target');\r\n\t\t\t},\r\n\t\t\tondragleave: function (event) {\r\n\t\t\t\tvar dropzoneElement = event.target;\r\n\t\t\t\t// remove the drop feedback style\r\n\t\t\t\tdropzoneElement.classList.remove('drop-target');\r\n\t\t\t},\r\n\t\t\tondrop: function (event) {\r\n\t\t\t\tvar draggableElement = event.relatedTarget;\r\n\t\t\t\tvar dropzoneElement = event.target;\r\n\r\n\t\t\t\tdropzoneElement.classList.remove('drop-target');\r\n\r\n\t\t\t\tvar cargoId = draggableElement.getAttribute('data-container-id');\r\n\t\t\t\tvar cargoRequest = VRC.BulkCargoRequestManager.getBulkCargoRequestById(cargoId);\r\n\r\n\t\t\t\tvar tankId = dropzoneElement.getAttribute('data-bulk-tank-id');\r\n\t\t\t\tvar tank = VRC.BulkTankManager.getBulkTankById(tankId);\r\n\r\n\t\t\t\tshowPopup(dropzoneElement, cargoRequest, tank);\r\n\t\t\t},\r\n\t\t\tondropdeactivate: function () {\r\n\t\t\t\t_$mainBulkTanks.removeClass('can-drop');\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tvar attachDragEvent = function () {\r\n\t\tvar mainBulkTanksInteraction = interact('.bulk_deck.main .bulk_tank');\r\n\r\n\t\tmainBulkTanksInteraction.draggable({\r\n\t\t\tautoScroll: true,\r\n\t\t\tonstart: function (event) {\r\n\t\t\t\tif (!$(event.target).hasClass('filled')) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tif (this.enabled === false) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar target = event.target;\r\n\r\n\t\t\t\ttarget.style.zIndex = '1000';\r\n\t\t\t\t$(target).addClass('drag-element');\r\n\r\n\t\t\t},\r\n\t\t\tonmove: function (event) {\r\n\t\t\t\tif (this.enabled === false) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tif (!$(event.target).hasClass('filled')) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar target = event.target,\r\n\t\t\t\t// keep the dragged position in the data-x/data-y attributes\r\n\t\t\t\t\tx = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx,\r\n\t\t\t\t\ty = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy;\r\n\r\n\t\t\t\t// translate the element\r\n\t\t\t\ttarget.style.webkitTransform = target.style.transform = 'translate(' + x + 'px, ' + y + 'px)';\r\n\r\n\t\t\t\t// update the posiion attributes\r\n\t\t\t\ttarget.setAttribute('data-x', x);\r\n\t\t\t\ttarget.setAttribute('data-y', y);\r\n\t\t\t},\r\n\t\t\t// call this function on every dragend event\r\n\t\t\tonend: function (event) {\r\n\t\t\t\tif (this.enabled === false) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tif (!$(event.target).hasClass('filled')) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar target = event.target;\r\n\r\n\t\t\t\t$(target).removeClass('drag-element');\r\n\t\t\t\ttarget.style.zIndex = 'auto';\r\n\t\t\t\ttarget.style.transform = 'translate(0, 0)';\r\n\t\t\t\ttarget.setAttribute('data-x', '0');\r\n\t\t\t\ttarget.setAttribute('data-y', '0');\r\n\t\t\t\tsetTimeout(function () {\r\n\t\t\t\t\tattachModal('.bulk_deck.main .bulk_tank');\r\n\t\t\t\t}, 0)\r\n\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tvar init = function () {\r\n\t\tVRC.BulkModalView.init();\r\n\t\trender();\r\n\r\n\t};\r\n\r\n\treturn {\r\n\t\ttransformBulkStateData: transformBulkStateData,\r\n\t\tfindNumberOfColumns: findNumberOfColumns,\r\n\t\tfindPortColorsInBulkState: findPortColorsInBulkState,\r\n\t\tcreateContext: createContext,\r\n\t\trender: render,\r\n\t\trenderTank: renderTank,\r\n\t\tinit: init,\r\n\t\tgetBulkTankElement: getBulkTankElement,\r\n\t\tfilterByPumpSystem: filterByPumpSystem\r\n\t}\r\n})();\r\n","/**\r\n * Model class for a Bulk Tank. Each bulk tank can contain zero or more VoyageBulk.\r\n */\r\n\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.BulkTank = (function(bulkTank){\r\n var DEFAULT_COLOUR = \"#ff9933\",\r\n\r\n _content,\r\n\r\n _capacity,\r\n _id,\r\n _isRob,\r\n _tankName,\r\n _radius,\r\n _tankShape,\r\n _tankType,\r\n _valueUnit,\r\n _positionX,\r\n _positionY,\r\n _consumableSeqNo,\r\n _contentDesc,\r\n _availableForDelivery,\r\n _bulkTankPumpSystemName,\r\n _colorCode;\r\n\r\n var init = function(bulkTank){\r\n _content = [];\r\n parse(bulkTank)\r\n\r\n };\r\n\r\n var isConsumable = function(){\r\n\r\n return !(getConsumableSeqNo() === undefined || getConsumableSeqNo() === null);\r\n };\r\n\r\n var isLng = function(){\r\n return getConsumableSeqNo() === G_CONSUMABLE_SEQ.LNG;\r\n };\r\n\r\n var isFuel = function(){\r\n return getConsumableSeqNo() === G_CONSUMABLE_SEQ.FUEL;\r\n };\r\n\r\n var isFuelConsumable = function(){\r\n return isFuel() || isLng();\r\n };\r\n\r\n\r\n var getCapacity = function () {\r\n return _capacity;\r\n };\r\n\r\n var setCapacity = function (capacity) {\r\n _capacity = capacity;\r\n };\r\n\r\n var getBulkTankId = function () {\r\n return _id;\r\n };\r\n\r\n var setBulkTankId = function (id) {\r\n _id = id;\r\n };\r\n\r\n var getName = function () {\r\n return _tankName;\r\n };\r\n\r\n var setName = function (name) {\r\n _tankName = name;\r\n };\r\n\r\n var getRadius = function () {\r\n return _radius;\r\n };\r\n\r\n var setRadius = function (radius) {\r\n _radius = radius;\r\n };\r\n\r\n var getShape = function () {\r\n return _tankShape;\r\n };\r\n\r\n var setIsRob = function(isRob){\r\n _isRob = isRob;\r\n };\r\n\r\n\r\n var setShape = function (shape) {\r\n _tankShape = shape;\r\n };\r\n\r\n var getType = function () {\r\n return _tankType;\r\n };\r\n\r\n var setType = function (type) {\r\n _tankType = type;\r\n };\r\n\r\n var getValueUnit = function () {\r\n return _valueUnit;\r\n };\r\n\r\n var setValueUnit = function (valueUnit) {\r\n _valueUnit = valueUnit;\r\n };\r\n\r\n var getXPos = function () {\r\n return _positionX;\r\n };\r\n\r\n var setXPos = function (xPos) {\r\n _positionX = xPos;\r\n };\r\n var getYPos = function () {\r\n return _positionY;\r\n };\r\n\r\n var setYPos = function (yPos) {\r\n _positionY = yPos;\r\n };\r\n\r\n var getConsumableSeqNo = function () {\r\n return _consumableSeqNo;\r\n };\r\n\r\n var setConsumableSeqNo = function (consumableSeqNo) {\r\n _consumableSeqNo = consumableSeqNo;\r\n };\r\n\r\n var getContentDesc = function () {\r\n return _contentDesc;\r\n };\r\n\r\n var setContentDesc = function (contentDesc) {\r\n _contentDesc = contentDesc;\r\n };\r\n\r\n var getAvailableForDelivery = function() {\r\n return _availableForDelivery;\r\n };\r\n\r\n var setAvailableForDelivery = function (availableForDelivery) {\r\n _availableForDelivery = availableForDelivery;\r\n };\r\n\r\n var getBulkTankPumpSystemName = function() {\r\n return _bulkTankPumpSystemName;\r\n };\r\n\r\n var setBulkTankPumpSystemName = function(bulkTankPumpSystemName) {\r\n _bulkTankPumpSystemName = bulkTankPumpSystemName;\r\n };\r\n\r\n var getPumpSystemColorCode = function() {\r\n return _colorCode;\r\n };\r\n\r\n var setPumpSystemColorCode = function(colorCode) {\r\n _colorCode = colorCode;\r\n };\r\n\r\n var getLatestContent = function (allContent) {\r\n allContent = allContent || _content;\r\n\r\n\r\n if(allContent.length === 0){\r\n return null;\r\n }\r\n return _.max(allContent,\r\n function (content) {\r\n return moment(content.getDate(), g_timeStampFormat).valueOf()\r\n });\r\n };\r\n\r\n\r\n var getFirstContent = function (content, filter) {\r\n\r\n var filter = filter || function(voyageBulk){\r\n return true;\r\n };\r\n\r\n content = content || _content;\r\n if(content.length === 0){\r\n return null;\r\n }\r\n\r\n var firstContent = _.chain(content)\r\n .filter(filter)\r\n .min(function (voyageBulk) {\r\n\r\n return moment(voyageBulk.getDate(), g_timeStampFormat).valueOf()\r\n }).\r\n value();\r\n\r\n\r\n return firstContent !== Infinity ? firstContent : null;\r\n\r\n };\r\n\r\n var getFirstContentIgnoreStartRob = function (content) {\r\n var filter = function(voyageBulk){\r\n return !voyageBulk.isStartRobAction();\r\n };\r\n return getFirstContent(content, filter);\r\n\r\n };\r\n\r\n\r\n\r\n var getLatestContentByContainerId = function(containerId){\r\n\r\n var filteredContent = [];\r\n if(!containerId || containerId === 'undefined'){\r\n filteredContent = _.filter(_content, function(voyageBulk){\r\n return voyageBulk.getContainerId() === undefined;\r\n });\r\n\r\n }\r\n else{\r\n filteredContent = _.filter(_content, function(voyageBulk){\r\n return voyageBulk.getContainerId() == containerId;\r\n });\r\n }\r\n return getLatestContent(filteredContent);\r\n };\r\n\r\n var getContentOnDate = function(date){\r\n return _.filter(_content, function(voyagebulk){\r\n return moment(voyagebulk.getDate(), g_timeStampFormat).isSame(date);\r\n })\r\n };\r\n\r\n var getSeqNoOnDate = function(date){\r\n var onDate = getContentOnDate(date);\r\n\r\n if(onDate.length === 0){\r\n return 1;\r\n }\r\n return _.max(onDate, function(voyageBulk){\r\n return voyageBulk.getSeqNo();\r\n }) + 1;\r\n };\r\n\r\n var addContent = function(voyageBulk){\r\n\r\n _content.unshift(voyageBulk);\r\n recalcRob();\r\n };\r\n\r\n var getContentById = function(voyageBulkId){\r\n return _.find(_content, function(voyageBulk) {\r\n return voyageBulk.getVoyageBulkId() == voyageBulkId;\r\n });\r\n };\r\n\r\n var getQtyRob = function(){\r\n var filter = function(cargoItem){\r\n return cargoItem.getQtyRob() !== undefined;\r\n };\r\n var lastAction = getLast(filter);\r\n return lastAction ? lastAction.getQtyRob() : 0;\r\n };\r\n\r\n var removeContent = function(voyageBulk){\r\n if(typeof voyageBulk === 'object'){\r\n voyageBulk = voyageBulk.getVoyageBulkId();\r\n }\r\n\r\n _content = _.without(_content, getContentById(voyageBulk));\r\n recalcRob();\r\n };\r\n\r\n var clearTank = function(){\r\n _content = [];\r\n recalcRob()\r\n };\r\n\r\n var getTankColour = function(){\r\n var colour = DEFAULT_COLOUR;\r\n var lastAction = getLastActionRigOrClean();\r\n if (lastAction) {\r\n colour = lastAction.getTankColour();\r\n }\r\n return colour;\r\n };\r\n\r\n var parse = function(bulkTank){\r\n _content = [];\r\n setBulkTankId(bulkTank.bulkTankId);\r\n setName(bulkTank.tankName);\r\n setType(bulkTank.tankType);\r\n setShape(bulkTank.tankShape);\r\n setCapacity(bulkTank.tankCapacity);\r\n setRadius(bulkTank.tankRadius);\r\n setXPos(bulkTank.positionX);\r\n setYPos(bulkTank.positionY);\r\n setContentDesc(bulkTank.contentDesc);\r\n setConsumableSeqNo(bulkTank.consumableSeqNo);\r\n setValueUnit(bulkTank.valueUnit);\r\n setAvailableForDelivery(bulkTank.availableForDelivery);\r\n setBulkTankPumpSystemName(bulkTank.bulkTankPumpSystemName);\r\n setPumpSystemColorCode(bulkTank.pumpSystemColorCode);\r\n\r\n _.each(bulkTank.content, function(voyageBulk){\r\n _content.push(VRC.VoyageBulk(voyageBulk));\r\n });\r\n\r\n };\r\n\r\n var toJson = function () {\r\n var json = {\r\n \"bulkTankId\": getBulkTankId(),\r\n \"tankName\": getName(),\r\n \"tankType\": getType(),\r\n \"tankShape\": getShape(),\r\n \"tankCapacity\": getCapacity(),\r\n \"tankRadius\": getRadius(),\r\n \"positionX\": getXPos(),\r\n \"positionY\": getYPos(),\r\n \"contentDesc\": getContentDesc(),\r\n \"consumableSeqNo\": getConsumableSeqNo(),\r\n \"valueUnit\": getValueUnit(),\r\n \"tankColour\" : getTankColour(),\r\n \"isSpecialTank\" : isSpecialTank(),\r\n \"availableForDelivery\" : getAvailableForDelivery(),\r\n \"bulkTankPumpSystemName\" : getBulkTankPumpSystemName(),\r\n \"pumpSystemColorCode\" : getPumpSystemColorCode()\r\n };\r\n\r\n json.content = [];\r\n\r\n $.each(getContent(), function(ii, voyageBulk){\r\n json.content.push(voyageBulk.toJson());\r\n });\r\n\r\n return json;\r\n };\r\n\r\n var getLastTankClean = function(){\r\n var filter = function(cargoItem){\r\n return cargoItem.isTankClean();\r\n };\r\n return getLast(filter);\r\n };\r\n\r\n\r\n var getLastAction = function(){\r\n var filter = function(cargoItem){\r\n return cargoItem.isCalcAction();\r\n };\r\n\r\n var last = getLast(filter);\r\n\r\n if(last === -Infinity){\r\n last = undefined;\r\n }\r\n\r\n return last;\r\n };\r\n\r\n var getLastActionRigOrClean = function(){\r\n\r\n var filter = function(cargoItem){\r\n return cargoItem.isCalcAction();\r\n };\r\n\r\n var action;\r\n var calcActions = _.filter(_content, filter);\r\n var magicNumber = 10000000000; //Hack, we want to sort the following Date, then all server ids, then the timestamp of the ad-hoc bulk.\r\n\r\n if(!_.isEmpty(calcActions)){\r\n\r\n action = _.chain(calcActions)\r\n .sortBy(function(voyageBulk) {\r\n var calcId = voyageBulk.getCalcId() < 0 ? magicNumber + voyageBulk.getCalcId() : voyageBulk.getCalcId();\r\n\r\n return moment(voyageBulk.getDate(), g_timeStampFormat).valueOf() + '_' + calcId;\r\n })\r\n .reverse()\r\n .find(function (action) {\r\n var remarks = action.getRemarks();\r\n return action.getAction() === g_actions.tankClean \r\n // #54169 added a check for \"Cleaned\" in the remarks, needed in new voyages as the tank cleaning is not carried over.\r\n || (action.getAction() === g_actions.start_rob && remarks && remarks.indexOf('Cleaned ') > -1)\r\n || isRig(action.getOriginId()) \r\n || isRig(action.getDestinationId());\r\n }).value();\r\n }\r\n return action;\r\n };\r\n\r\n function isRig(portId) {\r\n var port = VRC.MasterDataService.getPort(portId);\r\n return VRC.MasterDataService.isRig(port);\r\n }\r\n\r\n //Todo, this is really ugly..\r\n var getLast = function(filter){\r\n var lastAction;\r\n var calcActions = _.filter(_content, filter);\r\n var magicNumber = 10000000000; //Hack, we want to sort the following Date, then all server ids, then the timestamp of the ad-hoc bulk.\r\n if(!_.isEmpty(calcActions)){\r\n lastAction = _.reduce(calcActions ,function(voyageBulk1, voyageBulk2){\r\n var calcId = voyageBulk1.getCalcId() < 0 ? magicNumber + voyageBulk1.getCalcId() : voyageBulk1.getCalcId();\r\n var calcId2 = voyageBulk2.getCalcId() < 0 ? magicNumber + voyageBulk2.getCalcId() : voyageBulk2.getCalcId();\r\n var comparableId = moment(voyageBulk1.getDate(), g_timeStampFormat).valueOf() + '_' + calcId;\r\n var str2 = moment(voyageBulk2.getDate(), g_timeStampFormat).valueOf() + '_' + calcId2;\r\n return comparableId>str2?voyageBulk1:voyageBulk2;\r\n });\r\n }\r\n\r\n return lastAction;\r\n };\r\n\r\n var hasStartRob = function(){\r\n return _.some(_content, function(voyageBulk){\r\n return voyageBulk.isStartRobAction();\r\n });\r\n };\r\n\r\n\r\n\r\n var getLoadActions = function(){\r\n\r\n return _.filter(_content, function(content){\r\n return content.isCalcAction();\r\n })\r\n };\r\n\r\n var getRobActions = function(){\r\n return _.filter(_content, function(content){\r\n return content.isRob();\r\n })\r\n };\r\n\r\n var isSpecialTank = function(){\r\n return getBulkTankId() < 0;\r\n };\r\n\r\n\r\n\r\n\r\n var fillTank = function(contentArray){\r\n _content = _.map(contentArray, function(contentJson){ return VRC.VoyageBulk(contentJson) });\r\n\r\n recalcRob();\r\n };\r\n\r\n\r\n var _bulkTypeSeqNoMapping = {\r\n 1 : 230, //Fuel\r\n 2 : 244, // LNG\r\n 3 : 237, //POTWATER\r\n 4 : 231, //DRILLWATER\r\n 5 : 223, //Lubeoil\r\n 6 : 222 //UREA\r\n };\r\n\r\n\r\n\r\n var getOffloadableContent = function(){\r\n var lastTankClean;\r\n var lastTankCleanVoyageBulk = getLastTankClean();\r\n if(lastTankCleanVoyageBulk){\r\n lastTankClean = moment(lastTankCleanVoyageBulk.getDate(), g_timeStampFormat);\r\n }\r\n\r\n var lastAction = getLastAction();\r\n\r\n var lastRegisteredRob = lastAction ? lastAction.getQtyRob() : 0;\r\n\r\n var filteredAndGrouped =\r\n _.chain(_content)\r\n .filter(function(cargoItem){\r\n\r\n if(!lastTankClean){\r\n return true;\r\n }\r\n return moment(cargoItem.getDate(), g_timeStampFormat).isAfter(lastTankClean);\r\n })\r\n .sortBy(function(content){\r\n\r\n return moment(content.getDate(), g_timeStampFormat).toISOString();\r\n })\r\n .groupBy(function(content){\r\n return content.getContainerId()\r\n })\r\n .value();\r\n\r\n\r\n var sum = _.map(filteredAndGrouped, function(voyageBulkList, containerId) {\r\n var bulkTypeId = voyageBulkList[0].getBulkTypeId();\r\n if(isConsumable() && containerId === \"undefined\"){\r\n bulkTypeId = _bulkTypeSeqNoMapping[getConsumableSeqNo()];\r\n }\r\n return {\r\n containerId: containerId,\r\n bulkTankId : getBulkTankId(),\r\n qtyRob : lastRegisteredRob,\r\n displayName : voyageBulkList[0].getDestinationName(),\r\n valueUnit : voyageBulkList[0].getValueUnit(),\r\n itemDescription : voyageBulkList[0].getItemDescription(),\r\n bulkTypeId : bulkTypeId,\r\n valueQty : _(voyageBulkList).reduce(function (memo, voyageBulk) {\r\n if(voyageBulk.getAction() === 'rob'){\r\n return voyageBulk.getQtyRob();\r\n }\r\n else{\r\n return memo + voyageBulk.getCalcQty();\r\n }\r\n\r\n }, 0)\r\n }\r\n });\r\n sum = _.filter(sum, function(item){ return item.valueQty > 0 })\r\n\r\n return sum;\r\n };\r\n\r\n var recalcRob = function(){\r\n var sortedContent = getContent().reverse();\r\n\r\n _.reduce(sortedContent, function(memo, voyageBulm){\r\n var calced = voyageBulm.getCalcQty();\r\n calced = calced || 0;\r\n var sum = memo + calced;\r\n\r\n if(voyageBulm.isTankClean() || voyageBulm.isTankCleanStarted()){\r\n sum = 0;\r\n }\r\n else if(voyageBulm.isRob() || voyageBulm.isRobAdjustment()){\r\n sum = voyageBulm.getValueQty()\r\n }\r\n voyageBulm.setQtyRob(sum);\r\n return sum;\r\n }, 0);\r\n };\r\n\r\n var getContent = function () {\r\n return _(_content).chain().sortBy(function (voyageBulk) {\r\n return voyageBulk.getCalcId();\r\n }).sortBy(function (voyageBulk) {\r\n\r\n return moment(voyageBulk.getDate(), g_timeStampFormat).valueOf();\r\n }).reverse().value();\r\n\r\n\r\n\r\n };\r\n\r\n var getStartDateTime = function () {\r\n var currentVoyage = VRC.CurrentVoyage.getCurrentVoyage();\r\n var dateTime = currentVoyage.getFromDateTime() || '';\r\n if (dateTime.trim() === '') { //There is no dateTime for current voyage\r\n var firstContent = getFirstContent();\r\n if (firstContent === null) { //There is no other events set to now\r\n dateTime = moment().format(g_timeStampFormat);\r\n } else { //Set one minute before the first registered event on this tank.\r\n dateTime = moment(firstContent.getDate(), g_timeStampFormat).subtract(1, 'minute').format(g_timeStampFormat);\r\n }\r\n }\r\n return dateTime;\r\n };\r\n\r\n var createStartRob = function(qty, bulkType){\r\n var dateTime = getStartDateTime();\r\n\r\n bulkType = bulkType || getType();\r\n\r\n var newRob = VRC.VoyageBulk({});\r\n newRob.setAction(g_actions.start_rob);\r\n newRob.setDate(dateTime);\r\n newRob.setQtyRob(qty || 0);\r\n newRob.setValueQty(qty || 0);\r\n\r\n addContent(newRob);\r\n };\r\n\r\n\r\n\r\n\r\n init(bulkTank);\r\n\r\n return {\r\n createStartRob : createStartRob,\r\n getContent : getContent,\r\n isConsumable : isConsumable,\r\n isFuelConsumable : isFuelConsumable,\r\n isFuel : isFuel,\r\n isLng : isLng,\r\n toJson : toJson,\r\n setBulkTankId : setBulkTankId,\r\n getBulkTankId : getBulkTankId,\r\n getName : getName,\r\n setName : setName,\r\n getRadius : getRadius,\r\n setRadius : setRadius,\r\n getShape : getShape,\r\n setShape : setShape,\r\n getType : getType,\r\n setType : setType,\r\n getValueUnit : getValueUnit,\r\n setValueUnit : setValueUnit,\r\n getXPos : getXPos,\r\n setXPos : setXPos,\r\n setYPos : setYPos,\r\n getYpos : getYPos,\r\n getConsumableSeqNo : getConsumableSeqNo,\r\n setConsumableSeqNo : setConsumableSeqNo,\r\n parse : parse,\r\n getLatestContent : getLatestContent,\r\n getLatestContentByContainerId : getLatestContentByContainerId,\r\n addContent : addContent,\r\n removeContent : removeContent,\r\n clearTank : clearTank,\r\n fillTank : fillTank,\r\n getOffloadableContent : getOffloadableContent,\r\n getLastTankClean :getLastTankClean,\r\n getRobActions : getRobActions,\r\n getLastAction : getLastAction,\r\n getContentById : getContentById,\r\n getTankColour: getTankColour,\r\n getQtyRob : getQtyRob,\r\n isSpecialTank : isSpecialTank,\r\n recalcRob : recalcRob,\r\n hasStartRob : hasStartRob,\r\n getFirstContent : getFirstContent,\r\n getFirstContentIgnoreStartRob : getFirstContentIgnoreStartRob,\r\n getAvailableForDelivery : getAvailableForDelivery,\r\n setAvailableForDelivery : setAvailableForDelivery,\r\n }\r\n});\r\n","/**\r\n * BulkTankManager to manage the bulk tanks.\r\n * Finds of which are fuel/consumbles.\r\n * Handles import/export of bulk tanks with voyage bulk.\r\n *\r\n *\r\n */\r\nvar VRC = VRC || {};\r\n\r\nVRC.BulkTankManager = (function () {\r\n\tvar _bulkTanksIndex = {};\r\n\tvar _bulkTanks = [];\r\n\tvar _consumable = [];\r\n\r\n\tvar createBulkTankObjects = function (bulkTanks) {\r\n\t\t_bulkTanks = [];\r\n\t\t_consumable = [];\r\n\t\t_.each(bulkTanks, function (bulkTank) {\r\n\r\n\t\t\tvar bulkTankObject = VRC.BulkTank(bulkTank);\r\n\t\t\t_bulkTanks.push(bulkTankObject);\r\n\r\n\t\t\tif (bulkTankObject.isConsumable()) {\r\n\t\t\t\t_consumable.push(bulkTankObject);\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tvar getConsumable = function () {\r\n\t\treturn _consumable;\r\n\t};\r\n\r\n\tvar getFuelTanks = function () {\r\n\t\tvar fuelTanks = getConsumable();\r\n\t\tfuelTanks = fuelTanks.filter(function (bulkTank) {\r\n\t\t\treturn bulkTank.isFuelConsumable();\r\n\t\t});\r\n\r\n\t\treturn fuelTanks;\r\n\t};\r\n\r\n\tvar clearTanks = function () {\r\n\r\n\t\t_.each(_bulkTanks, function (bulkTank) {\r\n\t\t\tbulkTank.clearTank();\r\n\t\t})\r\n\t};\r\n\r\n\tvar importBulkData = function (flattenContent) {\r\n\r\n\t\tvar groupedContent = _.groupBy(flattenContent, function (e) {\r\n\t\t\treturn e.bulkTankId\r\n\t\t});\r\n\t\t$.each(groupedContent, function (bulkTankId, contentArray) {\r\n\t\t\tvar bulkTank = getBulkTankById(bulkTankId);\r\n\t\t\tbulkTank.fillTank(contentArray);\r\n\r\n\t\t});\r\n\r\n\t};\r\n\r\n\t/**\r\n\t * Adds tankId to list.\r\n\t * @param robNumber\r\n\t * @param tankId\r\n\t */\r\n\tvar setBulkTankId = function (robNumber, tankId) {\r\n\t\t_bulkTanksIndex[robNumber - 1] = tankId;\r\n\t};\r\n\r\n\t/**\r\n\t * Gets tankId fom list.\r\n\t * @return bulktank id.\r\n\t * @param robNumber\r\n\t */\r\n\tvar getBulkTankId = function (robNumber) {\r\n\t\treturn _bulkTanksIndex[robNumber - 1];\r\n\t};\r\n\r\n\t/**\r\n\t * Returns array of id for consumable tanks\r\n\t * @return array with ids\r\n\t */\r\n\tvar getBulkTanks = function () {\r\n\t\treturn _bulkTanks;\r\n\t};\r\n\r\n\tvar getBulkTankById = function (bulkTankId) {\r\n\t\tbulkTankId = parseInt(bulkTankId);\r\n\t\treturn _.find(_bulkTanks, function (bulkTank) {\r\n\t\t\treturn bulkTank.getBulkTankId() === bulkTankId;\r\n\t\t});\r\n\t};\r\n\r\n\t/**\r\n\t * Get all actions of type and summarizes the quantiy for each unit of measure.\r\n\t * @param type load/offload\r\n\t * @param fromDate accepts moment and string format\r\n\t * @param toDate accepts moment and string format\r\n\t * @returns an object with key value {unit : value} e.g {m3 : 1400, kg : 123}\r\n\t */\r\n\tvar getBulkContentSumInDateInterval = function (type, fromDate, toDate) {\r\n\t\tvar bulkInDateRange = getBulkContentInInterval(type, fromDate, toDate);\r\n\r\n\t\tvar indexUnits = _.chain(bulkInDateRange)\r\n\t\t\t.groupBy(function (bulk) {\r\n\t\t\t\treturn bulk.getValueUnit()\r\n\t\t\t}).map(function(group, key){\r\n\r\n\t\t\t\tvar summarizedQty = _.reduce(group, function (sum, bulkAction) {\r\n\t\t\t\t\treturn sum + bulkAction.getValueQty();\r\n\t\t\t\t}, 0);\r\n\r\n\t\t\t\treturn {value: summarizedQty, unit : key};\r\n\t\t\t}).indexBy('unit').value();\r\n\r\n\t\t_.each(indexUnits, function(valueObject, unit){\r\n\t\t\tindexUnits[unit] = valueObject.value;\r\n\t\t});\r\n\r\n\t\treturn indexUnits;\r\n\r\n\r\n\t};\r\n\r\n\tvar getBulkContentInInterval = function (type, fromDate, toDate) {\r\n\r\n\t\tif (!moment.isMoment(fromDate)) {\r\n\t\t\tfromDate = moment(fromDate, g_timeStampFormat);\r\n\t\t}\r\n\r\n\t\tif(toDate && !moment.isMoment(toDate)){\r\n\t\t\t\ttoDate = moment(toDate, g_timeStampFormat);\r\n\t\t}\r\n\r\n\r\n\t\tvar filter = function (content) {\r\n\t\t\tif (content.getAction() !== type) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tvar date = moment(content.getDate(), g_timeStampFormat);\r\n\t\t\tif(toDate){\r\n\t\t\t\treturn date.isBetween(fromDate, toDate, null, '[)');\r\n\t\t\t}\r\n\t\t\telse{\r\n\t\t\t\treturn date.isSame(fromDate) || date.isAfter(fromDate);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\treturn getAllContent(filter)\r\n\t};\r\n\r\n\tvar getAllContent = function (filter) {\r\n\r\n\t\tvar content = _.chain(_bulkTanks).map(function (bulkTank) {\r\n\t\t\treturn bulkTank.getContent()\r\n\t\t}).flatten().value();\r\n\t\tif (filter) {\r\n\t\t\tcontent = _.filter(content, filter);\r\n\t\t}\r\n\t\treturn content;\r\n\r\n\t};\r\n\r\n\tvar findLoadedCargoItems = function () {\r\n\t\tvar loadedCargo = {};\r\n\t\tvar deviationTank = VRC.SpecialBulkTanks.getDeviationTank();\r\n\r\n\t\tvar allTanks = _bulkTanks.concat([deviationTank]);\r\n\r\n\t\t_.each(allTanks, function (bulkTank) {\r\n\t\t\tvar bulkTankCargo = bulkTank.getContent();\r\n\t\t\t_.each(bulkTankCargo, function (voyageBulk) {\r\n\t\t\t\tvar containerId = voyageBulk.getContainerId();\r\n\t\t\t\tvar cargoItemId = voyageBulk.getCargoItemId();\r\n\r\n\t\t\t\tif (containerId\r\n\t\t\t\t\t&&\r\n\t\t\t\t\t(\r\n\t\t\t\t\t\t(voyageBulk.getAction() === g_actions.load)\r\n\t\t\t\t\t\t||\r\n\t\t\t\t\t\t(voyageBulk.getAction() === g_actions.deviation && bulkTank.isSpecialTank())\r\n\t\t\t\t\t)\r\n\t\t\t\t) {\r\n\r\n\t\t\t\t\tif (cargoItemId) {\r\n\t\t\t\t\t\tif (loadedCargo[containerId]) {\r\n\t\t\t\t\t\t\tloadedCargo[containerId] = loadedCargo[containerId] += voyageBulk.getValueQty();\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tloadedCargo[containerId] = voyageBulk.getValueQty();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else { //Ad - hoc\r\n\t\t\t\t\t\tloadedCargo[containerId] = Infinity;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\treturn loadedCargo;\r\n\t};\r\n\r\n\tvar getOffloadEvents = function (portId) {\r\n\r\n\t\treturn _.chain(_bulkTanks)\r\n\t\t\t.map(function (bulkTank) {\r\n\t\t\t\treturn bulkTank.getContent()\r\n\t\t\t})\r\n\t\t\t.flatten()\r\n\t\t\t.filter(function (item) {\r\n\t\t\t\treturn item.isOffloadAction() && item.getOriginId() == portId\r\n\t\t\t})\r\n\t\t\t.map(function (item) {\r\n\t\t\t\treturn item.toJson()\r\n\t\t\t}).value();\r\n\t};\r\n\r\n\tvar toJson = function () {\r\n\t\tvar bulkTanks = [];\r\n\t\t$.each(getBulkTanks(), function (bulkTankId, bulkTank) {\r\n\t\t\tbulkTanks.push(bulkTank.toJson());\r\n\t\t});\r\n\r\n\t\treturn bulkTanks;\r\n\t};\r\n\r\n\tvar getBulkTanksNameAndId = function (ignoreId) {\r\n\t\tvar bulkTanks = [];\r\n\t\t_.each(getBulkTanks(), function (bulkTank) {\r\n\t\t\tvar id = bulkTank.getBulkTankId();\r\n\t\t\tif (id !== ignoreId) {\r\n\t\t\t\tbulkTanks.push({id: id, name: bulkTank.getName()});\r\n\t\t\t}\r\n\r\n\t\t});\r\n\r\n\t\treturn _.sortBy(bulkTanks, function (bulkTank) {\r\n\t\t\treturn bulkTank.name;\r\n\t\t});\r\n\t};\r\n\r\n\tvar isInitialised = function () {\r\n\t\treturn _bulkTanks.length > 0;\r\n\t};\r\n\r\n\treturn {\r\n\r\n\t\tsetBulkTankId: setBulkTankId,\r\n\t\tgetBulkTankId: getBulkTankId,\r\n\t\tgetBulkTanks: getBulkTanks,\r\n\t\tgetConsumable: getConsumable,\r\n\t\tgetFuelTanks: getFuelTanks,\r\n\t\tgetBulkTankById: getBulkTankById,\r\n\t\tfindLoadedCargoItems: findLoadedCargoItems,\r\n\t\tclearTanks: clearTanks,\r\n\t\timportBulkData: importBulkData,\r\n\t\ttoJson: toJson,\r\n\t\tisInitialised: isInitialised,\r\n\t\tcreateBulkTankObjects: createBulkTankObjects,\r\n\t\tgetOffloadEvents: getOffloadEvents,\r\n\t\tgetBulkTanksNameAndId: getBulkTanksNameAndId,\r\n\t\tgetAllContent: getAllContent,\r\n\t\tgetBulkContentInInterval: getBulkContentInInterval,\r\n\t\tgetBulkContentSumInDateInterval: getBulkContentSumInDateInterval\r\n\t}\r\n})();\r\n\r\n\r\n","/**\r\n * Handles the change in port for the offload/loading area.\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.BulkToolbarView = (function(){\r\n\r\n var _queries = {\r\n container : '#bulk-toolbar'\r\n };\r\n\r\n var init = function(){\r\n render();\r\n };\r\n\r\n var attachEvents = function($html){\r\n attachFetchManifest($html);\r\n attachChange($html);\r\n };\r\n\r\n var attachFetchManifest = function($html){\r\n var $btn = $html.find('.bulk-toolbar__fetch');\r\n\r\n $btn.unbind('click').click(function(e){\r\n var port = getSelectedPort($html);\r\n loadBulkCargoRequest(port);\r\n });\r\n };\r\n\r\n var getLoadingHeader = function(){\r\n return $('.bulk-loading-area').find('h3:first-of-type');\r\n };\r\n\r\n var getOffloadingHeader = function(){\r\n return $('.bulk-offloading-area').find('h3:first-of-type');\r\n };\r\n\r\n var setHeaders = function($selectBox){\r\n $selectBox = $selectBox || getSelectBox();\r\n var name = $selectBox.children('option:selected').text();\r\n\r\n var $loadingHeader = getLoadingHeader();\r\n var $offloadHeader = getOffloadingHeader();\r\n\r\n $loadingHeader.text('Loading area: ' + name);\r\n $offloadHeader.text('Offloading area: ' + name);\r\n };\r\n\r\n var attachChange = function($html){\r\n\r\n var $selectBox = getSelectBox($html);\r\n\r\n $selectBox.unbind('change').change(function(){\r\n\r\n VRC.BulkCargoRequestManager.clear();\r\n VRC.BulkLoadingAreaView.render({});\r\n VRC.BulkOffloadAraeView.init();\r\n setHeaders();\r\n });\r\n\r\n $selectBox.selectize(VRC.Utils.Selectize.getConfig());\r\n\r\n };\r\n\r\n var loadBulkCargoRequest = function(portId){\r\n\r\n VRC.BulkLoadingAreaView.showLoading();\r\n\r\n var loadBulkCargoRequest = VRC.BulkCargoRequestManager.loadOnline(portId);\r\n loadBulkCargoRequest.done(function(bulkRequests){\r\n VRC.BulkLoadingAreaView.init(bulkRequests);\r\n setHeaders();\r\n });\r\n };\r\n\r\n var getSelectBox = function($html){\r\n $html = $html || $(_queries.container);\r\n return $html.find('.bulk-toolbar__port-selector');\r\n };\r\n\r\n var getSelectedPort = function($html){\r\n $html = $html || $(_queries.container);\r\n var $selectBox = getSelectBox($html);\r\n var value = $selectBox.children('option:selected').val();\r\n\r\n return parseInt(value);\r\n };\r\n\r\n var render = function(){\r\n var $container = $(_queries.container);\r\n\r\n var $html = $(WELL.Handlebars.VRC.bulk_toolbar(VRC.MasterDataService.getGroupedPorts()));\r\n\r\n attachEvents($html);\r\n\r\n $container.html($html);\r\n setHeaders();\r\n };\r\n\r\n return {\r\n init : init,\r\n getSelectedPort : getSelectedPort\r\n }\r\n})();\r\n","/**\r\n * Util for the Bulk Tank view.\r\n * Used for calculating the size of each bulk tank.\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.BulkViewUtil = (function () {\r\n\tvar calculateSize = function (marginPercent, numberOfColumns) {\r\n\t\treturn (100 - (marginPercent * 2 * numberOfColumns)) / numberOfColumns;\r\n\t};\r\n\r\n\treturn {\r\n\t\tcalculateSize: calculateSize\r\n\t}\r\n})();\r\n","/**\r\n * Keeps track for \"Special Voayage Bulk\", meaning deviations that are not connected to a bulk tank.\r\n * We create a virtual bulk tank to keep the same logic.\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.SpecialBulkTanks = (function () {\r\n\r\n\tvar _bulkTanks = [];\r\n\r\n\tvar DEVIATION_ID = -10;\r\n\r\n\tvar initDeviationTank = function () {\r\n\t\t_bulkTanks.push(VRC.BulkTank({\r\n\t\t\tbulkTankId: DEVIATION_ID,\r\n\t\t\ttankName: \"Deviations\",\r\n\t\t\ttankType: 'All deviations from loading actions. Offload deviations is located on each tank.'\r\n\t\t}));\r\n\t};\r\n\r\n\tvar init = function (deviations) {\r\n\t\tinitDeviationTank(deviations);\r\n\t};\r\n\r\n\tvar getBulkTankById = function (bulkTankId) {\r\n\t\treturn _.find(_bulkTanks, function (bulkTank) {\r\n\t\t\treturn bulkTank.getBulkTankId() === bulkTankId;\r\n\t\t});\r\n\t};\r\n\r\n\tvar getDeviationTank = function () {\r\n\t\treturn getBulkTankById(DEVIATION_ID);\r\n\t};\r\n\r\n\tvar toJson = function () {\r\n\t\tvar deviationTank = getDeviationTank();\r\n\t\tvar deviationJson = deviationTank.toJson();\r\n\r\n\t\treturn deviationJson;\r\n\r\n\t};\r\n\r\n\treturn {\r\n\t\tinit: init,\r\n\t\tgetDeviationTank: getDeviationTank,\r\n\t\tgetBulkTankById: getBulkTankById,\r\n\t\ttoJson: toJson\r\n\t}\r\n})();\r\n","/**\r\n * Modal for fetching all Tank Cleanings. Avaible from the sub menu.\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.TankCleanModal = (function(){\r\n var $el;\r\n\r\n var _template = WELL.Handlebars.VRC.tankclean_modal;\r\n var _loadingTemplate = WELL.Handlebars.VRC.progress_modal;\r\n var _title = 'Tank Cleanings';\r\n\r\n var fetchData = function(fromDate, toDate){\r\n return VRC.CommunicationService.fetchData({}, 'get_tank_cleanings', {version : GetVersionNumber(), fromDate : fromDate, toDate : toDate})\r\n };\r\n\r\n var showLoading = function(){\r\n var $content = $el.find('.modal-content');\r\n $content.html(_loadingTemplate({ title : _title}));\r\n };\r\n\r\n var showMsg = function(errorMsg, type){\r\n var $alert = $el.find('.alert');\r\n $alert.addClass(type);\r\n $alert.text(errorMsg);\r\n $alert.removeClass('hidden');\r\n };\r\n\r\n var showTankCleanings = function (tankCleanings, fromDate, toDate) {\r\n var $content = $el.find('.modal-content');\r\n if (tankCleanings.length > 0) {\r\n\r\n _.map(tankCleanings, function (tankClean) {\r\n var port = VRC.MasterDataService.getPort(tankClean.originId);\r\n var cleanType = VRC.MasterDataService.getBulkCleanType(tankClean.actionObject);\r\n if (port) {\r\n tankClean.originName = port.name;\r\n }\r\n if (cleanType) {\r\n tankClean.cleanTypeName = cleanType.name;\r\n }\r\n\r\n });\r\n\r\n var bulkTanks = _.groupBy(tankCleanings, function (bulkTank) {\r\n return bulkTank.tankName + \" - \" + bulkTank.tankType;\r\n });\r\n }\r\n\r\n var context = {\r\n title: _title,\r\n bulkTanks: bulkTanks,\r\n fromDate: fromDate,\r\n toDate: toDate\r\n };\r\n\r\n $content.html(_template(context));\r\n if (tankCleanings.length === 0) {\r\n showMsg('There are no submitted tank cleanings between ' +fromDate+ ' and ' + toDate, 'alert-info');\r\n }\r\n };\r\n\r\n var render = function (fromDate, toDate) {\r\n showLoading();\r\n\r\n var fromDate = fromDate || moment().subtract(2, 'months').format(g_timeStampFormat);\r\n var toDate = toDate || moment().format(g_timeStampFormat);\r\n\r\n var getTankCleanings = fetchData(fromDate, toDate);\r\n\r\n getTankCleanings.done(function (object, tankCleanings) {\r\n showTankCleanings(tankCleanings, fromDate, toDate);\r\n attachEvents();\r\n });\r\n\r\n getTankCleanings.fail(function (msg) {\r\n showMsg(msg, 'alert-danger');\r\n });\r\n };\r\n\r\n var open = function(){\r\n $el = $('#bulk_modal');\r\n render();\r\n $el.modal('show', {backdrop: 'static'});\r\n\r\n };\r\n\r\n var attachEvents = function(){\r\n $el.find('.tankclean-modal__fetch-btn').click(function(){\r\n var fromDate = $el.find('.tankclean-modal__from-date').val();\r\n var toDate = $el.find('.tankclean-modal__to-date').val();\r\n\r\n if(fromDate && toDate){\r\n render(fromDate, toDate);\r\n }\r\n });\r\n };\r\n\r\n return {\r\n render : open\r\n }\r\n})();","/**\r\n * Model for a Voyage Bulk\r\n */\r\nvar VRC = VRC || {};\r\n\r\nVRC.VoyageBulk = (function (voyageBulk) {\r\n\r\n\tvar _cargoItemId;\r\n\tvar _containerId;\r\n\tvar _voyageBulkId;\r\n\tvar _bulkTankId;\r\n\tvar _bulkTypeName;\r\n\tvar _bulkTypeId;\r\n\tvar _itemDescription;\r\n\tvar _valueQty;\r\n\tvar _valueType;\r\n\tvar _qtyRob;\r\n\tvar _sg;\r\n\tvar _dgInfo;\r\n\tvar _remarks;\r\n\tvar _action;\r\n\tvar _date;\r\n\tvar _companyId;\r\n\tvar _companyName;\r\n\tvar _originId;\r\n\tvar _originName;\r\n\tvar _destinationId;\r\n\tvar _destinationName;\r\n\tvar _tankColour;\r\n\tvar _itemGroupName;\r\n\tvar _itemGroupId;\r\n\tvar _itemId;\r\n\tvar _displayPort;\r\n\tvar _actionObject;\r\n\tvar _cleanTypeName;\r\n\r\n\tvar init = function (voyageBulk) {\r\n\t\tvoyageBulk = voyageBulk || {};\r\n\t\tparse(voyageBulk);\r\n\t};\r\n\r\n\tvar getNewId = function () {\r\n\t\tvar now = moment();\r\n\t\treturn 'bulk_' + Math.floor(Math.random() * 1000) + '_' + now.valueOf();\r\n\t};\r\n\r\n\tvar getItemId = function () {\r\n\t\treturn _itemId;\r\n\t};\r\n\r\n\tvar setItemId = function (itemId) {\r\n\t\titemId = VRC.Utils.Number.parseInt(itemId);\r\n\t\t_itemId = itemId;\r\n\t};\r\n\r\n\tvar getVoyageBulkId = function () {\r\n\t\treturn _voyageBulkId;\r\n\t};\r\n\r\n\tvar setVoyageBulkId = function (voyageBulkId) {\r\n\t\t_voyageBulkId = voyageBulkId;\r\n\t};\r\n\r\n\tvar getBulkTankId = function () {\r\n\t\treturn _bulkTankId;\r\n\t};\r\n\r\n\tvar setBulkTankId = function (bulkTankId) {\r\n\t\tbulkTankId = VRC.Utils.Number.parseInt(bulkTankId);\r\n\t\t_bulkTankId = bulkTankId;\r\n\t};\r\n\r\n\tvar getBulkTypeId = function () {\r\n\t\treturn _bulkTypeId;\r\n\t};\r\n\r\n\tvar setBulkTypeId = function (bulkTypeId) {\r\n\t\tbulkTypeId = VRC.Utils.Number.parseInt(bulkTypeId);\r\n\t\t_bulkTypeId = bulkTypeId;\r\n\r\n\t\tsetBulkTypeName();\r\n\t};\r\n\r\n\tvar getItemDescription = function () {\r\n\t\treturn _itemDescription;\r\n\t};\r\n\r\n\tvar setItemDescription = function (definition) {\r\n\t\t_itemDescription = definition;\r\n\t};\r\n\r\n\tvar getValueQty = function () {\r\n\r\n\t\treturn _valueQty;\r\n\t};\r\n\r\n\tvar setValueQty = function (qty) {\r\n\r\n\t\tqty = VRC.Utils.Number.parseFloat(qty);\r\n\t\t_valueQty = qty;\r\n\t};\r\n\r\n\tvar getQtyRob = function () {\r\n\t\treturn _qtyRob;\r\n\t};\r\n\r\n\tvar setQtyRob = function (qtyRob) {\r\n\r\n\t\tqtyRob = VRC.Utils.Number.parseFloat(qtyRob);\r\n\r\n\t\t_qtyRob = qtyRob\r\n\t};\r\n\r\n\tvar getValueUnit = function () {\r\n\t\treturn _valueType;\r\n\t};\r\n\r\n\tvar setValueUnit = function (unit) {\r\n\t\t_valueType = unit;\r\n\t};\r\n\r\n\tvar getSg = function () {\r\n\r\n\t\treturn _sg;\r\n\t};\r\n\r\n\tvar setSg = function (sg) {\r\n\t\tsg = VRC.Utils.Number.parseFloat(sg);\r\n\r\n\t\t_sg = sg;\r\n\t};\r\n\r\n\tvar getDgInfo = function () {\r\n\t\treturn _dgInfo;\r\n\t};\r\n\r\n\tvar setDgInfo = function (dangerous) {\r\n\t\t_dgInfo = dangerous;\r\n\t};\r\n\r\n\tvar getRemarks = function () {\r\n\t\treturn _remarks;\r\n\t};\r\n\r\n\tvar setRemarks = function (remarks) {\r\n\r\n\t\t_remarks = remarks;\r\n\t};\r\n\r\n\tvar getAction = function () {\r\n\t\treturn _action;\r\n\t};\r\n\r\n\tvar setAction = function (action) {\r\n\t\t_action = action;\r\n\t};\r\n\r\n\tvar getDate = function () {\r\n\t\treturn _date;\r\n\t};\r\n\r\n\tvar setDate = function (date) {\r\n\t\t//We are forgiving with the format in.\r\n\t\tif (moment(date, g_timeStampFormat, true).isValid()) {\r\n\r\n\t\t\t_date = moment(date, g_timeStampFormat).format(g_timeStampFormat);\r\n\r\n\t\t}\r\n\t\telse {\r\n\t\t\t_date = moment(date).format(g_timeStampFormat);\r\n\t\t}\r\n\t};\r\n\r\n\tvar getDisplayPort = function () {\r\n\t\treturn _displayPort;\r\n\t};\r\n\r\n\tvar setDisplayPort = function (displayPort) {\r\n\t\tif (isTankClean()) {\r\n\t\t\tdisplayPort = \"Cleaned Tank\";\r\n\t\t}\r\n\r\n\t\tif (!displayPort) {\r\n\t\t\tdisplayPort = VRC.MasterDataService.getDisplayPort(getDestinationId(), getOriginId());\r\n\t\t}\r\n\t\t_displayPort = displayPort;\r\n\t};\r\n\r\n\tvar getCompanyId = function () {\r\n\r\n\t\treturn _companyId;\r\n\t};\r\n\r\n\tvar setCompanyId = function (company) {\r\n\t\tcompany = VRC.Utils.Number.parseInt(company);\r\n\t\t_companyId = company;\r\n\t\tsetCompanyName();\r\n\t};\r\n\tvar getCompanyName = function () {\r\n\t\treturn _companyName;\r\n\t};\r\n\r\n\tvar setCompanyName = function (companyName) {\r\n\t\tif (!companyName) {\r\n\t\t\tvar company = VRC.MasterDataService.getCompany(getCompanyId());\r\n\t\t\tif (company) {\r\n\t\t\t\tcompanyName = company.name;\r\n\t\t\t}\r\n\t\t}\r\n\t\t_companyName = companyName;\r\n\t};\r\n\r\n\tvar getBulkTypeName = function () {\r\n\t\treturn _bulkTypeName;\r\n\t};\r\n\r\n\tvar setBulkTypeName = function (bulkTypeName) {\r\n\t\tif (!bulkTypeName) {\r\n\t\t\tvar bulkType = VRC.MasterDataService.getBulkType(getBulkTypeId());\r\n\t\t\tif (bulkType) {\r\n\t\t\t\tbulkTypeName = bulkType.name;\r\n\t\t\t}\r\n\t\t}\r\n\t\t_bulkTypeName = bulkTypeName;\r\n\t};\r\n\r\n\tvar getOriginId = function () {\r\n\t\treturn _originId;\r\n\t};\r\n\r\n\tvar setOriginId = function (origin) {\r\n\t\t_originId = VRC.Utils.Number.parseInt(origin);\r\n\t\tif(_originId) {\r\n\t\t\tsetOriginName();\r\n\t\t} else if (isNaN(_originId) && origin) {\r\n\t\t\t//If the origin has chars in it save it as a string. (Probably a vessel)\r\n\t\t\t_originId = origin;\r\n\t\t\tsetOriginName();\r\n\t\t}\r\n\r\n\t};\r\n\r\n\tvar getOriginName = function () {\r\n\t\treturn _originName;\r\n\t};\r\n\r\n\tvar setOriginName = function (originName) {\r\n\r\n\t\tif (!originName) {\r\n\t\t\tvar originId = getOriginId();\r\n\t\t\tif (isNaN(VRC.Utils.Number.parseInt(originId))) {\r\n\t\t\t\t// Set the origin as a vessel ID prefixed with 'vessel-'\r\n\t\t\t\tvar origin = VRC.MasterDataService.getVessel(originId);\r\n\t\t\t\tif (origin) {\r\n\t\t\t\t\toriginName = origin.name;\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tvar origin = VRC.MasterDataService.getPort(originId);\r\n\t\t\t\tif (origin) {\r\n\t\t\t\t\toriginName = origin.name;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t_originName = originName;\r\n\t};\r\n\r\n\tvar getDestinationId = function () {\r\n\t\treturn _destinationId;\r\n\t};\r\n\r\n\tvar setDestinationId = function (destination) {\r\n\t\tdestination = VRC.Utils.Number.parseInt(destination);\r\n\t\t_destinationId = destination;\r\n\t\tsetDestinationName();\r\n\t};\r\n\r\n\tvar getDestinationName = function () {\r\n\t\treturn _destinationName;\r\n\t};\r\n\r\n\tvar setDestinationName = function (destinationName) {\r\n\t\tif (!destinationName) {\r\n\t\t\tvar destination = VRC.MasterDataService.getPort(getDestinationId());\r\n\t\t\tif (destination) {\r\n\t\t\t\tdestinationName = destination.name;\r\n\t\t\t}\r\n\t\t}\r\n\t\t_destinationName = destinationName;\r\n\t};\r\n\r\n\tvar getTankColour = function () {\r\n\t\treturn _tankColour;\r\n\t};\r\n\r\n\tvar setTankColour = function (tankColour) {\r\n\t\t// #54169 added a check for \"Cleaned\" in the remarks, needed in new voyages as the tank cleaning is not carried over.\r\n\t\tvar remarks = getRemarks();\r\n\t\tif (isTankClean() || (remarks && remarks.indexOf('Cleaned ') > -1)) {\r\n\t\t\ttankColour = \"#ffffff\";\r\n\t\t}\r\n\r\n\t\tif (!tankColour) {\r\n\t\t\ttankColour = VRC.MasterDataService.getColour(getDestinationId(), getOriginId());\r\n\t\t}\r\n\t\t_tankColour = tankColour;\r\n\t};\r\n\r\n\tvar getCargoItemId = function () {\r\n\r\n\t\treturn _cargoItemId;\r\n\t};\r\n\r\n\tvar setCargoItemId = function (cargoId) {\r\n\t\tcargoId = VRC.Utils.Number.parseInt(cargoId);\r\n\t\t_cargoItemId = cargoId;\r\n\t};\r\n\r\n\tvar getContainerId = function () {\r\n\t\treturn _containerId;\r\n\t};\r\n\r\n\tvar setContainerId = function (containerId) {\r\n\t\tcontainerId = VRC.Utils.Number.parseInt(containerId);\r\n\t\t_containerId = containerId;\r\n\t};\r\n\r\n\tvar getBulkTank = function () {\r\n\t\tvar bulkTankID = getBulkTankId();\r\n\t\treturn VRC.BulkTankManager.getBulkTankById(bulkTankID);\r\n\t};\r\n\r\n\tvar getItemGroupName = function () {\r\n\t\treturn _itemGroupName;\r\n\t};\r\n\r\n\tvar setItemGroupName = function (itemGroupName) {\r\n\t\t_itemGroupName = itemGroupName;\r\n\t};\r\n\r\n\tvar isLoadAction = function () {\r\n\t\treturn getAction() === g_actions.load || getAction() === g_actions.transferFrom;\r\n\t};\r\n\r\n\tvar isStartRobAction = function () {\r\n\t\treturn getAction() === g_actions.start_rob;\r\n\t};\r\n\r\n\tvar isOffloadAction = function () {\r\n\t\treturn getAction() === g_actions.offload;\r\n\t};\r\n\r\n\tvar isRob = function () {\r\n\t\treturn getAction() === g_actions.rob;\r\n\t};\r\n\r\n\tvar isRobAdjustment = function () {\r\n\r\n\t\treturn getAction() === g_actions.rob_adjustment;\r\n\t};\r\n\r\n\tvar isCalcAction = function () {\r\n\t\tvar calcActions = [g_actions.load, g_actions.offload, g_actions.discharge, g_actions.deviation, g_actions.tankCleanStarted, g_actions.tankClean, g_actions.start_rob, g_actions.dump, g_actions.transferFrom, g_actions.transferTo];\r\n\t\treturn calcActions.indexOf(getAction()) !== -1;\r\n\t};\r\n\r\n\tvar isTankCleanStarted = function () {\r\n\t\treturn getAction() === g_actions.tankCleanStarted;\r\n\t};\r\n\r\n\tvar isTankClean = function () {\r\n\t\treturn getAction() === g_actions.tankClean;\r\n\t};\r\n\r\n\tvar createNewId = function () {\r\n\t\tsetVoyageBulkId(getNewId())\r\n\t};\r\n\r\n\tvar getItemGroupId = function () {\r\n\t\treturn _itemGroupId;\r\n\t};\r\n\r\n\tvar setItemGroupId = function (itemGroupId) {\r\n\t\t_itemGroupId = itemGroupId;\r\n\t};\r\n\r\n\tvar getActionObject = function () {\r\n\t\treturn _actionObject;\r\n\t};\r\n\r\n\tvar setActionObject = function (actionObject) {\r\n\t\t_actionObject = actionObject;\r\n\t};\r\n\r\n\tvar setCleanTypeName = function () {\r\n\t\tvar cleanType = VRC.MasterDataService.getBulkCleanType(getActionObject());\r\n\t\tif (cleanType && getAction() === \"tank_clean\") {\r\n\t\t\t_cleanTypeName = cleanType.name;\r\n\t\t}\r\n\t};\r\n\r\n\tvar getCleanTypeName = function () {\r\n\t\treturn _cleanTypeName;\r\n\t};\r\n\r\n\tvar getCalcQty = function () {\r\n\t\tif (isLoadAction() || isStartRobAction()) {\r\n\t\t\treturn getValueQty();\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn getValueQty() * -1;\r\n\t\t}\r\n\t};\r\n\r\n\tvar getCalcId = function () {\r\n\t\tvar id = getVoyageBulkId();\r\n\t\tif (typeof id === 'string') {\r\n\t\t\tvar prefix = 'bulk_';\r\n\t\t\tvar isAdhoc = id.slice(0, prefix.length) === prefix;\r\n\t\t\tif (isAdhoc) {\r\n\t\t\t\tvar index = id.indexOf('_', 5) + 1;\r\n\t\t\t\tid = parseInt(id.slice(index));\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\tid = id * -1;\r\n\t\t}\r\n\r\n\t\treturn parseInt(id);\r\n\r\n\t};\r\n\r\n\tvar update = function (json) {\r\n\r\n\t\tparse($.extend(toJson(), json));\r\n\r\n\t};\r\n\r\n\tvar parse = function (voyageBulk) {\r\n\t\tif (voyageBulk.voyageBulkId) {\r\n\t\t\tsetVoyageBulkId(voyageBulk.voyageBulkId);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tcreateNewId();\r\n\t\t}\r\n\r\n\t\tsetBulkTankId(voyageBulk.bulkTankId);\r\n\t\tsetBulkTypeId(voyageBulk.bulkTypeId);\r\n\t\tsetItemDescription(voyageBulk.itemDescription);\r\n\t\tsetItemGroupName(voyageBulk.itemGroupName);\r\n\t\tsetItemId(voyageBulk.itemId);\r\n\t\tsetValueQty(voyageBulk.valueQty);\r\n\t\tsetQtyRob(voyageBulk.qtyRob);\r\n\t\tsetValueUnit(voyageBulk.valueUnit);\r\n\t\tsetSg(voyageBulk.sg);\r\n\t\tsetDgInfo(voyageBulk.dgInfo);\r\n\t\tsetRemarks(voyageBulk.remarks);\r\n\t\tsetAction(voyageBulk.action);\r\n\t\tsetDate(voyageBulk.date);\r\n\t\tsetCompanyId(voyageBulk.companyId);\r\n\t\tsetOriginId(voyageBulk.originId);\r\n\t\tsetDestinationId(voyageBulk.destinationId);\r\n\t\tsetTankColour(voyageBulk.tankColor);\r\n\t\tsetCargoItemId(voyageBulk.cargoItemId);\r\n\t\tsetDisplayPort();\r\n\t\tsetContainerId(voyageBulk.containerId);\r\n\t\tsetItemGroupId(voyageBulk.itemGroupId);\r\n\t\tsetActionObject(voyageBulk.actionObject);\r\n\t\tsetCleanTypeName();\r\n\t};\r\n\r\n\tvar parseFromBulkRequest = function (bulkRequest, tank, qty, qtyRob, date, remarks, type) {\r\n\r\n\t\tsetRemarks(remarks);\r\n\t\tsetAction(g_actions.load);\r\n\t\tsetDate(date);\r\n\t\tsetValueQty(qty);\r\n\t\tsetQtyRob(qtyRob);\r\n\t\tsetValueUnit(type);\r\n\t\tsetBulkTankId(tank ? tank.getBulkTankId() : undefined);\r\n\t\tsetBulkTypeId(bulkRequest.getBulkTypeId());\r\n\t\tsetItemDescription(bulkRequest.getItemDescription());\r\n\t\tsetSg(bulkRequest.getSg());\r\n\t\tsetDgInfo(bulkRequest.getDangerous());\r\n\t\tsetCompanyId(bulkRequest.getCompanyId());\r\n\t\tsetOriginId(bulkRequest.getOriginId());\r\n\t\tsetDestinationId(bulkRequest.getDestinationId());\r\n\t\tsetTankColour(bulkRequest.getPortColourCode());\r\n\t\tsetCargoItemId(bulkRequest.getCargoItemId());\r\n\t\tsetContainerId(bulkRequest.getContainerId());\r\n\t\tsetItemGroupName(bulkRequest.getItemGroupName());\r\n\t\tsetItemGroupId(bulkRequest.getItemGroupId());\r\n\t\tsetItemId(bulkRequest.getItemId());\r\n\t\tsetDisplayPort(bulkRequest.getDisplayPort());\r\n\t\tsetActionObject(voyageBulk.actionObject);\r\n\t\tsetCleanTypeName();\r\n\t};\r\n\r\n\tvar toJson = function () {\r\n\t\treturn {\r\n\t\t\tvoyageBulkId: getVoyageBulkId(),\r\n\t\t\tbulkTankId: getBulkTankId(),\r\n\t\t\tbulkTypeId: getBulkTypeId(),\r\n\t\t\tbulkTypeName: getBulkTypeName(),\r\n\t\t\titemDescription: getItemDescription(),\r\n\t\t\tvalueQty: getValueQty(),\r\n\t\t\tqtyRob: getQtyRob(),\r\n\t\t\tvalueUnit: getValueUnit(),\r\n\t\t\tsg: getSg(),\r\n\t\t\tdgInfo: getDgInfo(),\r\n\t\t\tremarks: getRemarks(),\r\n\t\t\taction: getAction(),\r\n\t\t\tdate: getDate(),\r\n\t\t\tcompanyId: getCompanyId(),\r\n\t\t\tcompanyName: getCompanyName(),\r\n\t\t\toriginId: getOriginId(),\r\n\t\t\toriginName: getOriginName(),\r\n\t\t\tdestinationId: getDestinationId(),\r\n\t\t\tdestinationName: getDestinationName(),\r\n\t\t\ttankColor: getTankColour(),\r\n\t\t\tcargoItemId: getCargoItemId(),\r\n\t\t\tcontainerId: getContainerId(),\r\n\t\t\titemGroupName: getItemGroupName(),\r\n\t\t\titemGroupId: getItemGroupId(),\r\n\t\t\titemId: getItemId(),\r\n\t\t\tdisplayPort: getDisplayPort(),\r\n\t\t\tactionObject: getActionObject(),\r\n\t\t\tcleanTypeName: getCleanTypeName()\r\n\t\t}\r\n\t};\r\n\r\n\tinit(voyageBulk);\r\n\r\n\treturn {\r\n\t\tgetAction: getAction,\r\n\t\tsetAction: setAction,\r\n\t\tgetBulkTankId: getBulkTankId,\r\n\t\tsetBulkTankId: setBulkTankId,\r\n\t\tgetCompany: getCompanyId,\r\n\t\tsetCompany: setCompanyId,\r\n\t\tgetContainerId: getContainerId,\r\n\t\tsetContainerId: setContainerId,\r\n\t\tgetDangerous: getDgInfo,\r\n\t\tsetDangerous: setDgInfo,\r\n\t\tgetDate: getDate,\r\n\t\tsetDate: setDate,\r\n\t\tgetItemDescription: getItemDescription,\r\n\t\tsetItemDescription: setItemDescription,\r\n\t\tgetDestinationId: getDestinationId,\r\n\t\tsetDestinationId: setDestinationId,\r\n\t\tgetDestinationName: getDestinationName,\r\n\t\tsetDestinationName: setDestinationName,\r\n\t\tgetVoyageBulkId: getVoyageBulkId,\r\n\t\tsetVoyageBulkId: setVoyageBulkId,\r\n\t\tgetValueQty: getValueQty,\r\n\t\tsetValueQty: setValueQty,\r\n\t\tgetQtyRob: getQtyRob,\r\n\t\tsetQtyRob: setQtyRob,\r\n\t\tgetRemarks: getRemarks,\r\n\t\tsetRemarks: setRemarks,\r\n\t\tgetOriginId: getOriginId,\r\n\t\tsetOriginId: setOriginId,\r\n\t\tgetOriginName: getOriginName,\r\n\t\tsetOriginName: setOriginName,\r\n\t\tgetSg: getSg,\r\n\t\tsetSg: setSg,\r\n\t\tgetBulkTypeId: getBulkTypeId,\r\n\t\tsetBulkTypeId: setBulkTypeId,\r\n\t\tsetBulkTypeName: setBulkTypeName,\r\n\t\tgetValueUnit: getValueUnit,\r\n\t\tsetValueUnit: setValueUnit,\r\n\t\tgetCargoItemId: getCargoItemId,\r\n\t\tsetCargoItemId: setCargoItemId,\r\n\t\tgetItemGroupName: getItemGroupName,\r\n\t\tsetItemGroupName: setItemGroupName,\r\n\t\tgetItemGroupId: getItemGroupId,\r\n\t\tsetItemGroupId: setItemGroupId,\r\n\t\ttoJson: toJson,\r\n\t\tparse: parse,\r\n\t\tisLoadAction: isLoadAction,\r\n\t\tisOffloadAction: isOffloadAction,\r\n\t\tisTankClean: isTankClean,\r\n\t\tisTankCleanStarted: isTankCleanStarted,\r\n\t\tparseFromBulkRequest: parseFromBulkRequest,\r\n\t\tisCalcAction: isCalcAction,\r\n\t\tcreateNewId: createNewId,\r\n\t\tisRob: isRob,\r\n\t\tisStartRobAction: isStartRobAction,\r\n\t\tgetTankColour: getTankColour,\r\n\t\tsetTankColour: setTankColour,\r\n\t\tgetDisplayPort: getDisplayPort,\r\n\t\tsetDisplayPort: setDisplayPort,\r\n\t\tgetCalcQty: getCalcQty,\r\n\t\tupdate: update,\r\n\t\tgetCalcId: getCalcId,\r\n\t\tisRobAdjustment: isRobAdjustment,\r\n\t\tgetactionObject: getActionObject,\r\n\t\tsetactionObject: setActionObject,\r\n\t\tgetCleanTypeName: getCleanTypeName\r\n\t}\r\n});\r\n","/*\r\n* Deck.js\r\n*\r\n* Deck object class and associated functions for handling deck objects\r\n*/\r\n\r\n// Droppable options for decks. Updates containing div to a container object\r\n\r\n\r\nvar SetWrapperHeight = function () {\r\n\tvar xMeter = GetCurrentDeckLength();\r\n\tvar xPixel = $(\".wrapper\").width();\r\n\tvar pixelPrMeter = xPixel / xMeter;\r\n\r\n\tvar yPixel = pixelPrMeter * GetDeckAreaHeight();\r\n\r\n\t$(\".wrapper\").css({minHeight: (yPixel + 10) + \"px\"});\r\n};\r\n\r\n\r\n/*\r\n * Initialises all the decks to be displayed\r\n */\r\nfunction InitialiseDecks(p_json_decks) {\r\n // Add the ship's decks\r\n\tg_deck_list = {};\r\n $.each( p_json_decks, function( p_i, p_obj ) {\r\n\r\n var l_new_deck = new deck(p_obj);\r\n\t\tg_deck_list[l_new_deck.id] = l_new_deck;\r\n\t\tg_current_deck = g_deck_list[l_new_deck.id];\r\n\t l_new_deck.InitialiseVisual( G_CONTAINING_DIV );\r\n\r\n\r\n\tvar l_overlay_content = '';\r\n\tvar l_vertical_line = g_deck_list[l_new_deck.id]['vertical_line_range'];\r\n\tif(l_vertical_line){\r\n\t\tl_vertical_line = parseFloat(l_vertical_line);\r\n\t}\r\n\tif(l_vertical_line && l_vertical_line >= 0 ) {\r\n\t\tfor( var l_i=l_vertical_line; l_i < l_new_deck.length; l_i += l_vertical_line) {\r\n\r\n\t\t\tvar width = (100 / l_new_deck.length) * l_vertical_line;\r\n\r\n\t\t\tl_overlay_content = l_overlay_content + '';\r\n\t\t\t//\r\n\t\t}\r\n\t}\r\n\telse if(p_obj.deck_lines) {\r\n\t var currentPresentage = 0;\r\n\t var currentLength = 0;\r\n\t var deck_lines = JSON.parse(p_obj.deck_lines);\r\n\r\n\t for(var i=0; i < deck_lines.length; i++) {\r\n var l_vertical_line = deck_lines[i][1];\r\n\r\n\t\tvar presentageWidth = (100 / l_new_deck.length) * l_vertical_line;\r\n\r\n\t\tif(currentPresentage + presentageWidth > 100){\r\n\t\t\tpresentageWidth = 100 - currentPresentage;\r\n\t\t\tcurrentLength = g_current_deck.length;\r\n\r\n\t\t}\r\n\t\telse{\r\n\t\t\tcurrentLength = currentLength + l_vertical_line;\r\n\t\t}\r\n\r\n\t\t l_overlay_content = l_overlay_content + '';\r\n\r\n\t\t currentPresentage = currentPresentage + presentageWidth;\r\n\t }\r\n\t}\r\n\tvar l_overlay = '';\r\n\t$('#' + l_new_deck.id).append( l_overlay );\r\n\r\n\r\n\t\tvar deckInteractable = interact(\"#deck\").draggable({})\r\n\t\t\t.on('tap', function (event) { //Setting this as draggable fixes a weird bug in Interact where tap, doubletap stopped working.\r\n\t\t\t\tif($(event.target).hasClass('deckstate_container')){\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tVRC.ContainerPopoverView.hide();\r\n\t\t\t\tif(g_selected_container){\r\n\t\t\t\t\tvar $containerDiv = $(g_selected_container.divID);\r\n\t\t\t\t\t$containerDiv.removeClass('highlighted');\r\n\t\t\t\t}})\r\n\r\n\t\t\t.on('doubletap', function(event){\r\n\r\n\t\t\t\tif($(event.target).hasClass('deckstate_container') || $(event.target).closest('.deckstate_container').length > 0 || ($(event.target).closest('.popover-content').length > 0)){\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar l_relativeX = event.pageX - $('#deck').offset().left;\r\n\t\t\t\tvar l_relativeY = event.pageY - $('#deck').offset().top;\r\n\r\n\t\t\t\tvar clickXPos = GetLengthPosFromPixel(l_relativeX);\r\n\t\t\t\tvar clickYPos = GetWidthPosFromPixel(l_relativeY);\r\n\t\t\t\tvar deckId;\r\n\t\t\t\tif(clickXPos <= GetCurrentDeckLength() && clickYPos <= GetCurrentDeckWidth()){\r\n\t\t\t\t\tdeckId = l_new_deck.id;\r\n\t\t\t\t}\r\n\t\t\t\telse{\r\n\t\t\t\t\tdeckId = 'transit_deck';\r\n\t\t\t\t}\r\n\t\t\t\tg_dbl_container_pos = [clickXPos, clickYPos, deckId];\r\n\r\n\t\t\t\tOpenContainerDialog();\r\n\r\n\t\t\t\tVRC.ContainerEditModal.show();\r\n\t\t});\r\n\r\n\t\tdeckInteractable.styleCursor(false);\r\n\r\n\r\n\tAddDeckConstraints(l_new_deck, p_obj.constraints );\r\n\r\n });\r\n\r\n $('#deck').append('');\r\n\r\n\r\n var l_transit_in = new deck( {id:'transit_area', type: 'loadout', length: 35, width: 15, vertical_line_range: 0} );\r\n l_transit_in.InitialiseVisual( G_CONTAINING_DIV );\r\n var l_transit_out = new deck( {id:'outgoing_area', type: 'offload', length: 15, width: 15, vertical_line_range:0} );\r\n l_transit_out.InitialiseVisual( G_CONTAINING_DIV );\r\n\r\n // Add text to transit areas\r\n $(l_transit_in.divID).html('
LOADING AREA
');\r\n $(l_transit_out.divID).html('OFFLOADING AREA
');\r\n\r\n\tvar $deck_middle_area = $('#deck__middle_area');\r\n\tif($deck_middle_area.length === 0){\r\n\t\t$('#deckWrapper').after(WELL.Handlebars.VRC.deck_middle_area({}));\r\n\t}\r\n\telse{\r\n\t\t$deck_middle_area.replaceWith(WELL.Handlebars.VRC.deck_middle_area({}));\r\n\t}\r\n\r\n\tinteract(\".deckarea\").dropzone({\r\n\t\tondrop: function (event) {\r\n\t\t\tvar dropZone = event.target;\r\n\t\t\tvar draggedItem = event.relatedTarget;\r\n\r\n\t\t\tvar l_this_id = $(dropZone).attr('id');\r\n\t\t\tvar l_draggable_id = $(draggedItem).attr('id');\r\n\r\n\t\t\tif (g_container_list[l_draggable_id] === undefined || l_this_id === undefined) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tg_container_list[l_draggable_id].deckID = l_this_id;\r\n\t\t\tif (l_this_id == 'outgoing_area') {\r\n\t\t\t\tg_container_list[l_draggable_id].colour = G_CONTAINER_COLOURS['OUTGOING'];\r\n\t\t\t\t$(g_container_list[l_draggable_id].divID).css('background-color', G_CONTAINER_COLOURS['OUTGOING']);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tg_container_list[l_draggable_id].colour = SetContainerColour(g_container_list[l_draggable_id]);\r\n\t\t\t\t$(g_container_list[l_draggable_id].divID).css('background-color', g_container_list[l_draggable_id].colour);\r\n\t\t\t}\r\n\t\t\tUpdateColorMap();\r\n\t\t}\r\n\t}\r\n\r\n\t);\r\n\tVRC.DeckStateActionsView.init();\r\n\r\n\r\n\t$(\".wrapper\").on('dragstart', function (event) {\r\n\t\tevent.preventDefault();\r\n\t});\r\n\r\n\tSetWrapperHeight();\r\n\r\n\t$(window).bind('resizeEnd', function() {\r\n\t\tSetWrapperHeight();\r\n\t});\r\n}\r\n\r\n$(window).resize(function() {\r\n\tif(this.resizeTO) clearTimeout(this.resizeTO);\r\n\tthis.resizeTO = setTimeout(function() {\r\n\t\t$(this).trigger('resizeEnd');\r\n\t}, 1000);\r\n});\r\n/*\r\n * Adds deck constraints that are not movable areas\r\n */\r\nfunction AddDeckConstraints(deck, constraints) {\r\n\r\n\tvar $deck = $('#' + deck.id);\r\n\tvar deckOverlay = $('');\r\n\t$.each(constraints, function (key, constraint) {\r\n\t\tvar newConstraint = {};\r\n\t\tnewConstraint.width = CalculatePresentageOfTotal(GetCurrentDeckLength(), constraint.width);\r\n\t\tnewConstraint.height = CalculatePresentageOfTotal(GetDeckAreaHeight(), constraint.height);\r\n\t\tnewConstraint.x = CalculatePresentageOfTotal(GetCurrentDeckLength(), constraint.x);\r\n\t\tnewConstraint.y = CalculatePresentageOfTotal(GetDeckAreaHeight(), constraint.y);\r\n\t\tnewConstraint.shape = constraint.shape;\r\n\t\tnewConstraint.image = constraint.image;\r\n\t\tnewConstraint.type = constraint.type;\r\n\t\tnewConstraint.name = constraint.name;\r\n\r\n\t\t$deck.append(WELL.Handlebars.VRC.constraint(newConstraint));\r\n\t});\r\n}\r\n\r\n\r\n\r\n/*\r\n* Visual initialisation of the deck object\r\n*/\r\ndeck.prototype.InitialiseVisual = function ( p_containingID ) {\r\n\tif( $(this.id).length ) {\r\n\t$(this.divID).remove(); // remove container first if visual representation already exists\r\n\t}\r\n\r\n\tif(this.divID === '#transit_area' || this.divID === '#outgoing_area'){\r\n\t\tif(g_current_deck !== undefined){\r\n\t\t\tvar height = (g_current_deck.width / g_current_deck.length) * 100;\r\n\t\t}\r\n\t}\r\n\telse{\r\n\t\tvar height = (this.width / this.length) * 100;\r\n\t}\r\n\r\n\tvar l_attributes = 'id=\"' + this.id + '\" class=\"deckarea\" style=\"padding-top:' + height + '%;\"';\r\n\tvar l_div = '';\r\n\t$( p_containingID ).append( l_div );\r\n\r\n\t// store the position\r\n\tthis.position.x = $('#' + this.id ).position().left;\r\n\tthis.position.y = $('#' + this.id ).position().top;\r\n}\r\n\r\n/*\r\n* Constructor for deck object\r\n*/\r\nfunction deck( p_params ) {\r\n this.id = p_params.id;\r\n this.type = p_params.type;\r\n\r\n this.divID = '#' + p_params.id;\r\n\r\n this.length = p_params.length;\r\n this.width = p_params.width;\r\n\r\n this.vertical_line_range = p_params.vertical_line_range === undefined ? 0 : p_params.vertical_line_range;\r\n this.deck_lines = p_params.deck_lines === undefined ? \"\" : p_params.deck_lines;\r\n\r\n this.constraints = p_params.constraints;\r\n\r\n this.position = {};\r\n this.position.x;\r\n this.position.y;\r\n}\r\n\r\n\r\nfunction CalculatePresentageOfDeckLength(value, includePresentage){\r\n\r\n\treturn CalculatePresentageOfTotal(GetCurrentDeckLength(), value, includePresentage);\r\n}\r\n\r\nfunction CalculatePresentageOfDeckWidth(value, includePresentage){\r\n\treturn CalculatePresentageOfTotal(GetDeckAreaHeight(), value, includePresentage);\r\n}\r\n\r\nfunction GetCurrentDeckLength() {\r\n\tvar length = 0;\r\n\tif(g_current_deck){\r\n\t\tlength = g_current_deck.length\r\n\t}\r\n\treturn length;\r\n}\r\n\r\nfunction GetCurrentDeckWidth() {\r\n\treturn g_current_deck.width;\r\n}\r\n\r\nfunction GetDeckAreaHeight() {\r\n\tvar width = 0;\r\n\tif(g_current_deck){\r\n\t\tvar margin = 5;\r\n\t\tvar heightMargin = 1 + (margin / $(\"#\"+g_current_deck.id).width());\r\n\t\twidth = (g_current_deck.width * 2) * heightMargin;\r\n\t}\r\n\treturn width;\r\n}\r\n\r\nvar GetXPostitionInPresentage = function(x){\r\n\treturn (x / $(\"#deck\").outerWidth() * 100)+'%';\r\n};\r\n\r\nvar GetYPostitionInPresentage = function(y){\r\n\treturn (y / $(\"#deck\").outerHeight() * 100)+'%';\r\n};\r\n\r\nvar GetLengthPosFromPixel= function(x){\r\n return (x / $(\"#deck\").outerWidth() * GetCurrentDeckLength());\r\n};\r\n\r\nvar GetWidthPosFromPixel= function(y){\r\n return (y / $(\"#deck\").outerHeight() * GetCurrentDeckWidth())*2;\r\n};\r\n","/*\r\n * Deckstate.js\r\n *\r\n * Initialisation of deck page state.\r\n * Loads deck and containers for vessel / rig\r\n *\r\n */\r\n\r\n/*\r\n * Initialises the deck planning section\r\n */\r\nfunction InitialiseDeckPlanning () {\r\n\r\n\tInitialiseDialogs(G_PAGE['DECK_PAGE']);\r\n\r\n\tPopulateContainerTypeList();\r\n\r\n\tSetManifestLocations();\r\n\r\n\tSetDefaultContainerDataList();\r\n\r\n\tLoadLocalDeckState();\r\n\r\n\tSetInitialManifestLocation();\r\n\r\n\tfor (var l_key in g_container_list) {\r\n\t\tg_container_list[l_key].InitialiseVisual(G_CONTAINING_DIV);\r\n\t}\r\n\r\n\t// Check what status of ctrl key is\r\n\t$(document).keydown(function (p_e) {\r\n if (p_e.keyCode == 17) {\r\n g_ctrl_key_down = true;\r\n }\r\n\t});\r\n\t$(document).keyup(function (p_e) {\r\n if (p_e.keyCode == 17) {\r\n g_ctrl_key_down = false;\r\n }\r\n\t});\r\n\r\n\t$('#container_default_type').change(function () {\r\n\t\tvar params = ($(this).val()).split(';');\r\n\t\t$('#container_tag').val(params[0]);\r\n\t\t$('#container_length').val(params[1]);\r\n\t\t$('#container_width').val(params[2]);\r\n\t\tif (params[3] !== undefined && $('#container_type').val(params[3]) !== undefined) {\r\n\t\t\t$('#container_type').val(params[3]);\r\n\t\t}\r\n\t});\r\n\r\n\tUpdateAllDeckTotals();\r\n\r\n\tSetInputNumbersOnly('#container_width');\r\n\tSetInputNumbersOnly('#container_length');\r\n\tSetInputNumbersOnly('#container_weight');\r\n\r\n\t$('#AutoSaveDeckBox').val('');\r\n\r\n\tif (g_autoupdate_deck === true) {\r\n\t\t$(\"#AutoSaveDeckBox\").prop('checked', true);\r\n\t}\r\n\telse {\r\n\t\t$(\"#AutoSaveDeckBox\").prop('checked', false);\r\n\t}\r\n\tSetAutoSaveDeck();\r\n\r\n}\r\n\r\n/*\r\n * On leaving page\r\n */\r\nfunction OnLeavingDeckPage () {\r\n\tSaveLocalState();\r\n\tDestroyDialogs(g_current_page);\r\n}\r\n\r\n/******************************************************************************************\r\n * Dropdown list population\r\n *******************************************************************************************/\r\n\r\n/*\r\n * Populates container list based on edit mode\r\n */\r\nfunction PopulateContainerTypeList () {\r\n\t$('#container_type').html('');\r\n\t$.each(g_master_data.GetList('container_type_list'), function (p_index, p_value) {\r\n\t\t$('#container_type').append($(\"\").val(p_value.id).text(p_value.name));\r\n\t});\r\n}\r\n\r\n/*\r\n * Populates the manifest locations for deck, sorted by rig and deck\r\n * and then sets the callback functions\r\n */\r\nfunction SetManifestLocations () {\r\n\r\n\tvar $portSelection = $('#port_selection');\r\n\tvar $containerDestination = $('#container_destination');\r\n\tvar $contarinerOrigin = $('#container_origin');\r\n\tvar ctx = VRC.MasterDataService.getGroupedPorts();\r\n\tvar portHtml = Handlebars.partials['port_selectlist'](ctx);\r\n\r\n\t$portSelection.html(portHtml);\r\n\r\n\tctx.placeHolder = {\r\n\t\tvalue: '',\r\n\t\ttext: '-- Select Destination --'\r\n\t};\r\n\r\n\tportHtml = Handlebars.partials['port_selectlist'](ctx);\r\n\t$containerDestination.html(portHtml);\r\n\r\n\tctx.placeHolder = {\r\n\t\tvalue: '',\r\n\t\ttext: '-- Select Origin --'\r\n\t};\r\n\r\n\tportHtml = Handlebars.partials['port_selectlist'](ctx);\r\n\t$contarinerOrigin.html(portHtml);\r\n\r\n\t$portSelection.change(function () {\r\n\t\t$('#port_selection option:selected').each(function () {\r\n\r\n\t\t\tif ($(this).val()) {\r\n\t\t\t\tvar $l_this = $(this);\r\n\t\t\t\tg_data_list['source'] = $l_this.val();\r\n\t\t\t\t$('#transit_area_text').text($l_this.text());\r\n\t\t\t\tVRC.ErrorHandleService.showMessage('Current manifest location changed to: ' + $l_this.text(), G_MSG_TYPE_NORMAL);\r\n\t\t\t}\r\n\r\n\t\t});\r\n\t});\r\n\r\n\t$portSelection.selectize(VRC.Utils.Selectize.getConfig());\r\n\t$containerDestination.selectize(VRC.Utils.Selectize.getConfig());\r\n\t$contarinerOrigin.selectize(VRC.Utils.Selectize.getConfig());\r\n}\r\n\r\n/*\r\n * Sets the initial manifest location from the dropdown list\r\n */\r\nfunction SetInitialManifestLocation () {\r\n\tif (g_data_list['source'] === undefined) {\r\n\t\t$('#port_selection').val($('#port_selection option:first').val());\r\n\t\tg_data_list['source'] = $('#port_selection option:first').val();\r\n\t}\r\n\telse {\r\n\t\t$('#port_selection').val(g_data_list['source']);\r\n\t}\r\n\t$('#transit_area_text').text($('#port_selection option:selected').text());\r\n}\r\n\r\n/*\r\n * Sets the default container types from master data\r\n */\r\nfunction SetDefaultContainerDataList () {\r\n\tvar cnt_type_list = g_master_data.GetList('container_default_unit_list');\r\n\r\n\t$('#container_default_type').html('');\r\n\r\n\t$('#container_default_type').append('');\r\n\r\n\tfor (var key in cnt_type_list) {\r\n\t\t$('#container_default_type').append('');\r\n\t}\r\n}\r\n\r\n/******************************************************************************************\r\n * Edit Modes\r\n *******************************************************************************************/\r\n\r\n/*\r\n * Loads deck state again\r\n */\r\nfunction LoadLocalDeckState () {\r\n\tClearAllContainers(false);\r\n\tRemoveDecks();\r\n\r\n\tLoadLocalState();\r\n\r\n\t// Load deck data\r\n\tg_deck_scale = g_data_list['deck_scale_value'];\r\n\tInitialiseDecks(g_localsave_object.GetLocalStorageItem(G_LS_NAMES['DECK_DATA']));\r\n\r\n\t// Load containers\r\n\tvar l_temp_list = g_localsave_object.GetLocalStorageItem(G_LS_NAMES['DECK_CONTAINER_DATA']);\r\n\r\n\tvar l_counter = 0;\r\n\r\n\tfor (var l_key in l_temp_list) {\r\n\t\tg_container_list[l_key] = new container(l_temp_list[l_key], {'new': false});\r\n\t\tg_container_list[l_key].InitialiseVisual(G_CONTAINING_DIV);\r\n\r\n\t}\r\n\tUpdateColorMap();\r\n\tUpdateAllDeckTotals();\r\n\tVRC.ErrorHandleService.showMessage('Succesfully loaded decks and (' + l_counter + ') containers from local storage', G_MSG_TYPE_SUCCESS);\r\n}\r\n\r\nvar UpdateColorMap = function () {\r\n\r\n\tvar l_colour_list = {};\r\n\r\n\tvar l_port_list = g_master_data.GetList('port_list');\r\n\r\n\t$.each(g_container_list, function (key, container) {\r\n\t\tvar containerColor = {};\r\n\t\tvar suffix = \"\";\r\n\r\n\t\tif (container.deckID !== \"outgoing_area\") {\r\n\t\t\tfor (var ii = 0; ii < l_port_list.length; ii++) {\r\n\t\t\t\tvar port = l_port_list[ii];\r\n\t\t\t\tif (port.id == container.destination && port.type == 'rig') {\r\n\t\t\t\t\tcontainerColor.destination = port.name + suffix;\r\n\t\t\t\t}\r\n\t\t\t\telse if (port.id == container.origin && port.type == 'rig') {\r\n\t\t\t\t\tcontainerColor.origin = port.name + suffix;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (containerColor.destination) {\r\n\t\t\t\tl_colour_list[containerColor.destination] = container.colour;\r\n\t\t\t}\r\n\t\t\telse if (containerColor.origin) {\r\n\t\t\t\tl_colour_list[containerColor.origin] = container.colour;\r\n\t\t\t}\r\n\t\t\t;\r\n\t\t}\r\n\t\telse {\r\n\t\t\tcontainer.colour = \"#FF5349\";\r\n\t\t\tl_colour_list[\"Offloading Area\"] = container.colour;\r\n\t\t}\r\n\t});\r\n var $colour_codes = $('#colour_codes');\r\n\t$colour_codes.html('');\r\n\r\n\tfor (var l_key in l_colour_list) {\r\n\t\t$colour_codes.append('' + l_key + '
');\r\n\t}\r\n};\r\n\r\n/*******************************************************************************\r\n Functions for clearing / resetting containers\r\n ********************************************************************************/\r\n\r\n/*\r\n * Clears the vessel/port deck from containers and places them in the transit area\r\n */\r\nfunction ClearVesselDeck () {\r\n\tvar l_i = 5;\r\n\tvar increment = 0.2;\r\n\tfor (var l_key in g_container_list) {\r\n\t\tvar l_old_container = g_container_list[l_key];\r\n\t\tif (l_old_container.deckID != 'transit_area' && l_old_container.deckID != 'outgoing_area' && l_old_container.type != 'constraint') {\r\n\r\n if (l_old_container.properties.roundtrip || l_old_container.properties.storage) {\r\n continue;\r\n }\r\n\r\n\t\t\tl_old_container.deckID = 'outgoing_area';\r\n\r\n\t\t\tl_old_container.position.x = ((GetCurrentDeckLength() / 100) * (62 + increment));\r\n\t\t\tl_old_container.position.y = ((GetDeckAreaHeight() + increment) - GetCurrentDeckWidth());\r\n\t\t\tl_old_container.colour = G_CONTAINER_COLOURS['OUTGOING'];\r\n\t\t\tg_container_list[l_key] = l_old_container;\r\n\t\t\tg_container_list[l_key].UpdateContainerVisual();\r\n\t\t\tl_i += 10;\r\n\t\t\tincrement += 0.2;\r\n\t\t}\r\n\t}\r\n\tUpdateAllDeckTotals();\r\n\tUpdateColorMap();\r\n}\r\n\r\n/*\r\n * Lets user confirm whether deck should be cleared for containers\r\n */\r\nfunction ConfirmClearDeck () {\r\n\tvar msg = 'This will remove all containers from deck. Confinue?';\r\n\tvar onConfirm = function () {\r\n\t\tClearVesselDeck();\r\n\t\tVRC.ErrorHandleService.showMessage('Deck cleared of containers, except for roundtrip containers', G_MSG_TYPE_NORMAL);\r\n\t};\r\n\tVRC.ConfirmationModal.show({msg: msg, onConfirm: onConfirm});\r\n\r\n}\r\n\r\n/*\r\n * Lets user confirm whether all containers should be removed\r\n */\r\nfunction ConfirmClearAllContainers () {\r\n\r\n\tvar msg = 'This will remove all containers. Confinue?';\r\n\r\n\tvar onConfirm = function () {\r\n\t\tClearAllContainers();\r\n\t\tVRC.ErrorHandleService.showMessage('All containers removed', G_MSG_TYPE_NORMAL);\r\n\t};\r\n\tVRC.ConfirmationModal.show({msg: msg, onConfirm: onConfirm});\r\n}\r\n\r\n/*\r\n * Clears ALL containers from page. Local storage is not affected\r\n */\r\nfunction ClearAllContainers (update) {\r\n\tif (update === undefined) {\r\n\t\tupdate = true;\r\n\t}\r\n\t$('.deckstate_container').remove();\r\n\tg_container_list = {};\r\n\tif (update) {\r\n\t\tUpdateAllDeckTotals();\r\n\t\tUpdateColorMap();\r\n\t}\r\n}\r\n\r\n/*\r\n * Removes all decks from page and list\r\n */\r\nfunction RemoveDecks () {\r\n\tfor (var l_key in g_deck_list) {\r\n\t\t$('#' + g_deck_list[l_key].id).remove();\r\n\t}\r\n\r\n\t$('#transit_area').remove();\r\n\t$('#outgoing_area').remove();\r\n}\r\n\r\nfunction ConfirmClearOutgoingContainers () {\r\n\tvar msg = 'This will remove all containers from outgoing area. Confinue?';\r\n\tvar onConfirm = function () {\r\n\t\tRemoveOutgoingContainers();\r\n\t\tVRC.ErrorHandleService.showMessage('All outgoing containers removed', G_MSG_TYPE_NORMAL);\r\n\t};\r\n\tVRC.ConfirmationModal.show({msg: msg, onConfirm: onConfirm});\r\n}\r\n\r\n/*\r\n * Removes containers in the outgoing area\r\n */\r\nfunction RemoveOutgoingContainers () {\r\n\tfor (var l_key in g_container_list) {\r\n\t\tif (g_container_list[l_key].deckID == 'outgoing_area') {\r\n\t\t\t$('#' + g_container_list[l_key].id).remove();\r\n\t\t\tdelete g_container_list[l_key];\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*\r\n * Puts all containers on transit area that are not already\r\n * on the vessel's deck and updates containers to roundtrip\r\n */\r\nfunction PopulateTransitContainers (p_data) {\r\n\tvar l_counter = 0;\r\n\r\n\tvar containers = p_data.WELS_container_data;\r\n\r\n\tvar transitContainers = _.filter(containers, function (container) {\r\n\r\n\t\treturn $('#' + container.id).length === 0 && g_container_list[container.prev_id] === undefined;\r\n\t});\r\n\r\n\tvar blocks = _.map(transitContainers, function (c) {\r\n\t\tc.h = parseFloat(c.features.width);\r\n\t\tc.w = parseFloat(c.features.length);\r\n\t\treturn c;\r\n\t});\r\n\r\n\tblocks.sort(function (a, b) {\r\n\t\treturn (b.w > a.w);\r\n\t});\r\n\r\n\tvar packer = new GrowingPacker(GetCurrentDeckLength(), GetCurrentDeckWidth());\r\n\tpacker.fit(blocks);\r\n\r\n\tfor (var n = 0; n < blocks.length; n++) {\r\n\t\tvar block = blocks[n];\r\n\r\n\t\tif (block.fit) {\r\n\t\t\tblock.deckID = 'transit_area';\r\n\t\t\tblock.position.x = block.fit.x;\r\n\t\t\tblock.position.y = block.fit.y + GetCurrentDeckWidth() + 1;\r\n\r\n\t\t\tg_container_list[block.id] = new container(block, {'new': false});\r\n\t\t\tg_container_list[block.id].InitialiseVisual(G_CONTAINING_DIV);\r\n\t\t}\r\n\t}\r\n\r\n\t$.each(containers, function () {\r\n\t\tif ($('#' + this.id).length == 0) {\r\n\r\n\t\t\tif (g_container_list[this.prev_id] !== undefined) {\r\n\t\t\t\tSetContainerAsRoundtrip(this);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tl_counter++;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\tg_container_list[this.id].features.length = this.features.length;\r\n\t\t\tg_container_list[this.id].features.width = this.features.width;\r\n\t\t\tg_container_list[this.id].features.weight = this.features.weight;\r\n\t\t\tg_container_list[this.id].dg_info = this.dg_info;\r\n\t\t\tg_container_list[this.id].dg_class = this.dg_class;\r\n\t\t\tg_container_list[this.id].remarks = this.remarks;\r\n\t\t\tg_container_list[this.id].properties = this.properties;\r\n\t\t\tg_container_list[this.id].origin = this.origin;\r\n\t\t\tg_container_list[this.id].destination = this.destination;\r\n\t\t\tg_container_list[this.id].type = this.type;\r\n\t\t\tg_container_list[this.id].tag = this.tag;\r\n\t\t\tg_container_list[this.id].UpdateContainerVisual();\r\n\t\t}\r\n\t});\r\n\r\n\treturn l_counter;\r\n}\r\n\r\n/*\r\n * Container from manifest already exists on deck and is actually going as roundtrip.\r\n * Just replace key values from old container with new\r\n */\r\nfunction SetContainerAsRoundtrip (p_roundtrip_container) {\r\n\tvar old_container_data = g_container_list[p_roundtrip_container.prev_id];\r\n\r\n\tp_roundtrip_container.position = old_container_data.position;\r\n\tp_roundtrip_container.features.rotation = old_container_data.features.rotation;\r\n\tp_roundtrip_container.deckID = old_container_data.deckID;\r\n\r\n\tg_container_list[p_roundtrip_container.id] = new container(p_roundtrip_container, {'new': false});\r\n\tg_container_list[p_roundtrip_container.id].InitialiseVisual(G_CONTAINING_DIV);\r\n\r\n\tg_container_list[p_roundtrip_container.prev_id].DeleteContainerVisual();\r\n\tdelete g_container_list[p_roundtrip_container.prev_id];\r\n}\r\n\r\n/*\r\n * Search containers and highlight\r\n */\r\nfunction HighlightContainers (clearSearch) {\r\n\t$('.deckstate_container').toggleClass('highlighted', false);\r\n\r\n\tif (clearSearch == 'clear') {\r\n\t\t$('#container_search_input').val('');\r\n\t\treturn;\r\n\t}\r\n\r\n\tvar searchStr = $('#container_search_input').val();\r\n\tsearchStr = searchStr.toLowerCase();\r\n\tvar regExString = RegExp(searchStr, 'g');\r\n\t$('.deckstate_container').each(function () {\r\n\t\tif (this.innerText.toLowerCase().match(regExString)) {\r\n\t\t\t$(this).toggleClass('highlighted', true);\r\n\t\t}\r\n\t});\r\n}\r\n\r\n/*******************************************************************************\r\n Functions for creating / adding containers to local\r\n storage or divs\r\n ********************************************************************************/\r\n\r\n/*\r\n * Reads values from container and sets those values into form\r\n */\r\nfunction SetContainerData (p_id) {\r\n\r\n\t$('#container_id').attr(\"disabled\", true);\r\n\r\n\t// if id is null or undefined, we are creating a new container\r\n\tif (p_id === undefined) {\r\n\t\t$(\"#container_type\").val('container');\r\n\t\t$('#container_tag').attr('disabled', false);\r\n\r\n\t\t$('#container_count').attr('disabled', false);\r\n\t\t$('#container_count').val(1);\r\n\r\n\t\t// Set container data based on selected port\r\n\t\tvar l_port_id = $('#port_selection option:selected').val();\r\n\t\t$('#container_origin').val(l_port_id);\r\n\t\tvar l_port_list = g_master_data.GetList('port_list');\r\n\t\tfor (l_key in l_port_list) {\r\n\t\t\tif (l_port_list[l_key].id == l_port_id && l_port_list[l_key].type == 'rig') {\r\n\t\t\t\t$('#container_backload').prop('checked', true);\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn;\r\n\t}\r\n\telse {\r\n\t\t$('#container_count').val(1);\r\n\t\t$('#container_count').attr('disabled', true);\r\n\t}\r\n\r\n\t$('#container_id').val(g_container_list[p_id].id);\r\n\t$('#container_tag').val(g_container_list[p_id].tag);\r\n\r\n\tif (g_container_list[p_id].id.indexOf('container_') > -1) {\r\n\t\t$('#container_tag').attr('disabled', false);\r\n\t}\r\n\telse {\r\n\t\t$('#container_tag').attr('disabled', true);\r\n\t}\r\n\r\n\t$('#container_remarks').val(g_container_list[p_id].remarks);\r\n\t$('#container_type').val(g_container_list[p_id].type);\r\n\r\n\t$('#container_origin')[0].selectize.setValue(g_container_list[p_id].origin);\r\n\t$('#container_destination')[0].selectize.setValue(g_container_list[p_id].destination);\r\n\r\n\t$('#container_length').val(g_container_list[p_id].features.length);\r\n\t$('#container_width').val(g_container_list[p_id].features.width);\r\n\t$('#container_weight').val(g_container_list[p_id].features.weight);\r\n\r\n\t$('#container_priority').prop('checked', g_container_list[p_id].properties.priority);\r\n\t$('#container_dangerous').prop('checked', g_container_list[p_id].properties.dangerous);\r\n\t$('#container_roundtrip').prop('checked', g_container_list[p_id].properties.roundtrip);\r\n\t$('#container_backload').prop('checked', g_container_list[p_id].properties.backload);\r\n\t$('#container_storage').prop('checked', g_container_list[p_id].properties.storage);\r\n\t$('#container_transfer').prop('checked', g_container_list[p_id].properties.transfer);\r\n}\r\n\r\n/*\r\n * Creates a new container or updates a pre-existing one\r\n */\r\nfunction CreateNewContainer () {\r\n\tvar l_id = $('#container_id').val();\r\n\r\n\tvar l_count = $('#container_count').val();\r\n\tif (isNaN(l_count) || l_count < 1) {\r\n\t\tl_count = 1;\r\n\t}\r\n\tif (l_count > 10) {\r\n\t\tvar msg = 'You cannot create more than 10 containers at once.';\r\n\t\tVRC.ConfirmationModal.show({msg: msg, type: 'alert'});\r\n\t\treturn;\r\n\t}\r\n\tvar prev_pos = null;\r\n\tvar prev_deck_id = null;\r\n\tfor (var i = 0; i < l_count; i++) {\r\n\t\tvar created_id = CreateOrUpdateContainer(l_id);\r\n\r\n\t\tif (created_id) {\r\n\t\t\tif (prev_pos) {\r\n\t\t\t\tg_container_list[created_id].deckID = prev_deck_id;\r\n\t\t\t\tg_container_list[created_id].ChangePosition(prev_pos.x + 0.1, prev_pos.y + 0.1);\r\n\t\t\t}\r\n\t\t\tprev_pos = g_container_list[created_id].position;\r\n\t\t\tprev_deck_id = g_container_list[created_id].deckID;\r\n\t\t}\r\n\t}\r\n\r\n\tCloseContainerDialog();\r\n\r\n if (l_id === undefined || l_id === null) {\r\n VRC.ErrorHandleService.showMessage('New ad-hoc container created', G_MSG_TYPE_NORMAL);\r\n } else {\r\n VRC.ErrorHandleService.showMessage('Container viewed/updated', G_MSG_TYPE_NORMAL);\r\n }\r\n\r\n\tUpdateAllDeckTotals();\r\n\tUpdateColorMap();\r\n}\r\n\r\n/*\r\n * Creates a new container or updates an existing one\r\n */\r\nfunction CreateOrUpdateContainer (p_id) {\r\n\tvar l_update = true;\r\n\r\n\tif (p_id === undefined || p_id == '') {\r\n\t\tl_update = false;\r\n\t}\r\n\r\n\tvar containerVal = $('#container_weight').val();\r\n\tif (containerVal) {\r\n\t\tcontainerVal = containerVal.replace(',', '.');\r\n\t}\r\n\r\n\tvar l_container_data = {\r\n\t\t'tag': $('#container_tag').val(),\r\n\t\t'remarks': $('#container_remarks').val(),\r\n\t\t'origin': $('#container_origin option:selected').val(),\r\n\t\t'destination': $('#container_destination option:selected').val(),\r\n\t\t'type': $('#container_type option:selected').val(),\r\n\t\t'features': {\r\n\t\t\t'length': $('#container_length').val(),\r\n\t\t\t'width': $('#container_width').val(),\r\n\t\t\t'weight': containerVal,\r\n\t\t},\r\n\t\t'properties': {\r\n\t\t\t'backload': $('#container_backload').is(':checked'),\r\n\t\t\t'roundtrip': $('#container_roundtrip').is(':checked'),\r\n\t\t\t'dangerous': $('#container_dangerous').is(':checked'),\r\n\t\t\t'storage': $('#container_storage').is(':checked'),\r\n\t\t\t'priority': $('#container_priority').is(':checked'),\r\n\t\t\t'transfer': $('#container_transfer').is(':checked')\r\n\t\t},\r\n\t\t'position': {\r\n\t\t\t'x': 0,\r\n\t\t\t'y': 0\r\n\t\t}\r\n\t};\r\n\r\n\tl_container_data.colour = SetContainerColour(l_container_data);\r\n\r\n\tif (l_update) {\r\n\r\n\t\tvar l_old_container = g_container_list[p_id];\r\n\t\tl_old_container.tag = l_container_data.tag;\r\n\t\tl_old_container.type = l_container_data.type;\r\n\t\tl_old_container.remarks = l_container_data.remarks;\r\n\t\tl_old_container.origin = l_container_data.origin;\r\n\t\tl_old_container.destination = l_container_data.destination;\r\n\t\tl_old_container.features.length = l_container_data.features.length;\r\n\t\tl_old_container.features.width = l_container_data.features.width;\r\n\t\tl_old_container.features.weight = l_container_data.features.weight;\r\n\t\tl_old_container.properties.backload = l_container_data.properties.backload;\r\n\t\tl_old_container.properties.roundtrip = l_container_data.properties.roundtrip;\r\n\t\tl_old_container.properties.storage = l_container_data.properties.storage;\r\n\t\tl_old_container.properties.dangerous = l_container_data.properties.dangerous;\r\n\t\tl_old_container.properties.priority = l_container_data.properties.priority;\r\n\t\tl_old_container.properties.transfer = l_container_data.properties.transfer;\r\n\t\tl_old_container.colour = l_container_data.colour;\r\n\r\n\t\tl_old_container.UpdateContainerVisual();\r\n\t\tg_container_list[p_id] = l_old_container;\r\n\r\n\t\treturn null;\r\n\t}\r\n\telse {\r\n\t\tif (g_dbl_container_pos.length > 0) {\r\n\t\t\tl_container_data.position.x = g_dbl_container_pos[0];\r\n\t\t\tl_container_data.position.y = g_dbl_container_pos[1];\r\n\t\t\tl_container_data.deckID = g_dbl_container_pos[2];\r\n\t\t\tg_dbl_container_pos = [];\r\n\r\n\t\t}\r\n\t\telse {\r\n\t\t\tvar transitAreaPosition = $('#transit_area').position();\r\n\t\t\tl_container_data.position.x = 0;\r\n\t\t\tl_container_data.position.y = (GetDeckAreaHeight() - GetCurrentDeckWidth());\r\n\t\t\tl_container_data.deckID = 'transit_area';\r\n\r\n\t\t}\r\n\t\tl_container_data.features.rotation = 0;\r\n\r\n\t\tvar l_new_container = new container(l_container_data, {'new': true});\r\n\r\n\t\tl_new_container.InitialiseVisual(G_CONTAINING_DIV);\r\n\t\tg_container_list[l_new_container.id] = l_new_container;\r\n\r\n\t\treturn g_container_list[l_new_container.id].id;\r\n\t}\r\n}\r\n\r\n/*\r\n * Sets colour on container based on origin/destination\r\n */\r\nfunction SetContainerColour (p_container_data) {\r\n\r\n\tif (p_container_data.origin != null) {\r\n\t\tvar l_port_list = g_master_data.GetList('port_list');\r\n\t\tvar l_origin = null;\r\n\t\tvar l_destination = null;\r\n\t\tfor (var i in l_port_list) {\r\n\t\t\tif (l_port_list[i].id == p_container_data.origin) {\r\n\t\t\t\tl_origin = l_port_list[i];\r\n\t\t\t}\r\n\t\t\tif (l_port_list[i].id == p_container_data.destination) {\r\n\t\t\t\tl_destination = l_port_list[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tif (l_destination && l_destination.type == 'rig') {\r\n\t\treturn l_destination.colour;\r\n\t}\r\n\telse if (l_origin && l_origin.type == 'rig') {\r\n\t\treturn l_origin.colour;\r\n\t}\r\n\r\n\treturn G_CONTAINER_COLOURS['DECK'];\r\n}\r\n\r\n/*\r\n * Fetches last state from database for the deck(s)\r\n */\r\nfunction FetchDeckStateFromDB () {\r\n\tvar isCurrentPage = (g_current_page === G_PAGE.DECK_PAGE);\r\n\tvar onSuccess;\r\n\tvar deferred = $.Deferred();\r\n\r\n\tif (isCurrentPage) {\r\n\t\tonSuccess = function (object, data) {\r\n\t\t\tParseContainersAndDisplay(object, data);\r\n\t\t\tdeferred.resolve(object, data);\r\n\t\t};\r\n\t}\telse {\r\n\t\t onSuccess = function (object, data) {\r\n\t\t\tParseContainers(data.WELS_container_list);\r\n\t\t\tdeferred.resolve(object, data);\r\n\t\t};\r\n\t}\r\n\tg_remote_object.FetchDeckStateFromDB(g_container_list, onSuccess);\r\n\treturn deferred.promise();\r\n}\r\n\r\n/*\r\n * Parses containers and shows them\r\n */\r\nfunction ParseContainersAndDisplay (p_owner, p_data) {\r\n\r\n\t$.each(p_data.WELS_container_list, function () {\r\n\t\tg_container_list[this.id] = new container(this, {'new': false});\r\n\t\tg_container_list[this.id].InitialiseVisual(G_CONTAINING_DIV);\r\n\t});\r\n\tg_localsave_object.SetLocalStorageItem(G_LS_NAMES['DECK_CONTAINER_DATA'], p_data.WELS_container_list);\r\n\tUpdateColorMap();\r\n\tUpdateAllDeckTotals();\r\n}\r\n\r\n/*\r\n * Parses containers\r\n */\r\nfunction ParseContainers (containerList) {\r\n\r\n\t$.each(containerList, function () {\r\n\t\tg_localsave_object.SetLocalStorageItem(G_LS_NAMES['DECK_CONTAINER_DATA'], containerList);\r\n\t});\r\n}\r\n\r\n/*\r\n * Fetches transit containers for a given vessel / port\r\n */\r\nfunction FetchTransitContainers () {\r\n\r\n\treturn g_remote_object.FetchTransitContainers();\r\n\r\n}\r\n\r\n/*\r\n * Confirms whether we want to fetch new transit containers\r\n */\r\nfunction ConfirmFetchTransitContainers () {\r\n\tvar msg = 'This will fetch containers from selected port. Continue?';\r\n\tVRC.ContainerPopoverView.hide();\r\n\tvar onConfirm = function () {\r\n\t\tvar fetchTransit = FetchTransitContainers();\r\n\t\tfetchTransit.done(function () {\r\n\t\t\t// VRC.ConfirmationModal.hide();\r\n\r\n\t\t\tsetTimeout(function () {\r\n\t\t\t\tVRC.FindMatchingContainerModal.show()\r\n\t\t\t}, 500);\r\n\r\n\t\t})\r\n\t};\r\n\tVRC.ConfirmationModal.show({msg: msg, onConfirm: onConfirm});\r\n};\r\n\r\n/*******************************************************************************\r\n * Functions for Tools popup\r\n *******************************************************************************/\r\n/*\r\n * Opens up the tools popup\r\n */\r\nfunction OpenToolsPopup () {\r\n\tg_remote_object.FetchHTMLFromServer(g_container_list, ParseContainerSyncList, 'info', 'tools_sync');\r\n}\r\n\r\nfunction ParseContainerSyncList (p_owner, p_data) {\r\n\t$(\"#deck_tools_popup\").html(p_data);\r\n\t$(\"#deck_tools_popup\").dialog('open');\r\n}\r\n\r\n/*\r\n * Android Specific function. Placeholder for now?\r\n */\r\nfunction TakeDeckPicture () {\r\n\tAndroid.takePicture(\"deck_state\", g_data_list[\"id\"], g_data_list[\"operator\"], \"\");\r\n}\r\n\r\nfunction DisplayCaptureImageButton (display) {\r\n\tif (display) {\r\n\t\t$('#deck_capture_image').css('display', 'inline');\r\n\t}\r\n\telse {\r\n\t\t$('#deck_capture_image').css('display', 'block');\r\n\t}\r\n}\r\n/*\r\n * Calculates totals for containers that are currently on deck\r\n */\r\nfunction CalculateDeckTotals (deckId) {\r\n\r\n\tvar total_mt = 0;\r\n\r\n\tvar count_container_mt = 0;\r\n\tvar count_container_total = 0;\r\n\r\n\t_.each(g_container_list, function (container) {\r\n\t\tvar containerDeckId = container.deckID;\r\n\r\n\t\tif (containerDeckId !== null && containerDeckId == deckId) {\r\n\r\n\t\t\tcount_container_total++;\r\n\t\t\ttry {\r\n\t\t\t\tvar mt = isNaN(parseFloat(container.features.weight, 2)) ? 0 : parseFloat(container.features.weight, 2);\r\n\t\t\t\tif (mt > 0) {\r\n\t\t\t\t\ttotal_mt += mt;\r\n\t\t\t\t\tcount_container_mt++;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tcatch (e) {\r\n\t\t\t\tconsole.error('Tried to parse' + container.features.weight);\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n\treturn {\r\n\r\n\t\tmt: total_mt,\r\n\t\tmt_count: count_container_mt,\r\n\t\tmt_missing_count: count_container_total - count_container_mt,\r\n\t\ttotal_count: count_container_total\r\n\r\n\t};\r\n}\r\n\r\n/*\r\n * Updates the visual display of container data\r\n */\r\nfunction UpdateAllDeckTotals () {\r\n\tvar $wrapper = $('.container__actions__mt');\r\n\tif (g_current_deck) {\r\n\t\tUpdateDeckTotals(g_current_deck.id, $wrapper, 'on deck');\r\n\t\tvar $deckMiddleArea = $(\"#deck__middle_area\");\r\n\t\tUpdateDeckTotals('transit_area', $deckMiddleArea, 'in loading area');\r\n\t}\r\n\r\n}\r\n\r\nfunction UpdateDeckTotals (deckId, $wrapper, deckNameWithPreposition) {\r\n\tvar result = CalculateDeckTotals(deckId);\r\n\r\n\tvar $mt_total = $wrapper.find('.mt_total');\r\n\tvar $mt_containers = $wrapper.find('.mt_containers');\r\n\tvar prefUnits = VRC.MasterDataService.getValueUnitPreferences();\r\n\r\n\t$mt_total.text('Estimated total weight ' + deckNameWithPreposition + ': ' + result.mt.toFixed(2) + ' ' + prefUnits.weight);\r\n\r\n\tif (result.mt_missing_count > 0) {\r\n\t\tresult.containertext = 'container';\r\n\t\tif (result.mt_missing_count > 1) {\r\n\t\t\tresult.containertext = result.containertext + 's';\r\n\t\t}\r\n\t\t$mt_containers.html(WELL.Handlebars.VRC.missing_container_alert(result));\r\n\t\t$wrapper.find('.missing_containers_btn').click(function (e) {\r\n\r\n\t\t\tVRC.ContainerService.highligthContainersWithoutWeight(deckId)\r\n\t\t});\r\n\t}\r\n\telse if (result.total_count > 0) {\r\n\t\t$mt_containers.html(WELL.Handlebars.VRC.no_missing_container_alert(result));\r\n\t}\r\n\telse {\r\n\t\t$mt_containers.html(WELL.Handlebars.VRC.no_container_alert({text: 'No containers ' + deckNameWithPreposition}));\r\n\t}\r\n\r\n};\r\n\r\nfunction UpdateTransitAreaTotals () {\r\n\tvar result = CalculateDeckTotals('transit_area');\r\n\tvar $mt_total = $('#mt_total');\r\n\tvar $mt_containers = $('#mt_containers');\r\n}\r\n\r\n/*\r\n * Sets whether deck should autosave every 2 minutes\r\n */\r\nfunction SetAutoSaveDeck () {\r\n\r\n\tvar is_checked = $('#AutoSaveDeckBox').is(\":checked\");\r\n\tif (is_checked) {\r\n\t\tif (g_autosave_interval_id != null) {\r\n\t\t\tclearInterval(g_autosave_interval_id);\r\n\t\t}\r\n\t\tg_autosave_interval_id = setInterval(AutoSaveDeck, 1000 * 60 * 2);\r\n\t\tg_autoupdate_deck = true;\r\n\t}\r\n\telse {\r\n\t\tclearInterval(g_autosave_interval_id);\r\n\t\tg_autoupdate_deck = false;\r\n\t}\r\n}\r\n\r\n/*\r\n * Updates deck if any container has moved since previous autosave\r\n */\r\nfunction AutoSaveDeck () {\r\n\t// only save if anything has moved\r\n\tif (!g_container_is_dirty) {\r\n\t\treturn;\r\n\t}\r\n\r\n\tSaveLocalState();\r\n\tg_remote_object.SubmitAllData('update_deck', function () {\r\n\t\tUpdateAllDeckTotals();\r\n\t});\r\n\r\n\tg_container_is_dirty = false;\r\n}\r\n\r\n","/**\r\n * Copyright (c) 2011, 2012, 2013 Jake Gordon and contributors\r\n\r\n Permission is hereby granted, free of charge, to any person obtaining a copy\r\n of this software and associated documentation files (the \"Software\"), to deal\r\n in the Software without restriction, including without limitation the rights\r\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\n copies of the Software, and to permit persons to whom the Software is\r\n furnished to do so, subject to the following conditions:\r\n\r\n The above copyright notice and this permission notice shall be included in all\r\n copies or substantial portions of the Software.\r\n\r\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\n SOFTWARE.\r\n */\r\n\r\n/**\r\n * Is used to try to place deckstate containers in the transit area.\r\n *\r\n */\r\n\r\nGrowingPacker = function (w, h) {\r\n\tthis.init(w, h);\r\n};\r\n\r\nGrowingPacker.prototype = {\r\n\r\n\tinit: function (w, h) {\r\n\t\tthis.root = {x: 0, y: 0, w: w, h: h};\r\n\t},\r\n\r\n\tfit: function (blocks) {\r\n\t\tvar n, node, block, len = blocks.length;\r\n\t\tvar w = len > 0 ? blocks[0].w : 0;\r\n\t\tvar h = len > 0 ? blocks[0].h : 0;\r\n\r\n\t\tfor (n = 0; n < len; n++) {\r\n\t\t\tblock = blocks[n];\r\n\t\t\tif (node = this.findNode(this.root, block.w, block.h)) {\r\n\t\t\t\tblock.fit = this.splitNode(node, block.w, block.h);\r\n\t\t\t} else {\r\n\t\t\t\tblock.fit = this.growNode(block.w, block.h);\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\r\n\tfindNode: function (root, w, h) {\r\n if (root.used) {\r\n return this.findNode(root.right, w, h) || this.findNode(root.down, w, h);\r\n } else if ((w <= root.w) && (h <= root.h)) {\r\n return root;\r\n } else {\r\n return null;\r\n }\r\n\t},\r\n\r\n\tsplitNode: function (node, w, h) {\r\n\t\tnode.used = true;\r\n\t\tnode.down = {x: node.x, y: node.y + h, w: node.w, h: node.h - h};\r\n\t\tnode.right = {x: node.x + w, y: node.y, w: node.w - w, h: h};\r\n\t\treturn node;\r\n\t},\r\n\r\n\tgrowNode: function (w, h) {\r\n\t\tvar canGrowDown = (w <= this.root.w);\r\n\t\tvar canGrowRight = false;\r\n\r\n\t\tvar shouldGrowRight = canGrowRight && (this.root.h >= (this.root.w + w)); // attempt to keep square-ish by growing right when height is much greater than width\r\n\t\tvar shouldGrowDown = canGrowDown && (this.root.w >= (this.root.h + h)); // attempt to keep square-ish by growing down when width is much greater than height\r\n\r\n if (shouldGrowRight) {\r\n return this.growRight(w, h);\r\n } else if (shouldGrowDown) {\r\n return this.growDown(w, h);\r\n } else if (canGrowRight) {\r\n return this.growRight(w, h);\r\n } else if (canGrowDown) {\r\n return this.growDown(w, h);\r\n } else {\r\n return null;\r\n } // need to ensure sensible root starting size to avoid this happening\r\n\t},\r\n\r\n\tgrowRight: function (w, h) {\r\n\t\tthis.root = {\r\n\t\t\tused: true,\r\n\t\t\tx: 0,\r\n\t\t\ty: 0,\r\n\t\t\tw: this.root.w + w,\r\n\t\t\th: this.root.h,\r\n\t\t\tdown: this.root,\r\n\t\t\tright: {x: this.root.w, y: 0, w: w, h: this.root.h}\r\n\t\t};\r\n if (node = this.findNode(this.root, w, h)) {\r\n return this.splitNode(node, w, h);\r\n } else {\r\n return null;\r\n }\r\n\t},\r\n\r\n\tgrowDown: function (w, h) {\r\n\t\tthis.root = {\r\n\t\t\tused: true,\r\n\t\t\tx: 0,\r\n\t\t\ty: 0,\r\n\t\t\tw: this.root.w,\r\n\t\t\th: this.root.h + h,\r\n\t\t\tdown: {x: 0, y: this.root.h, w: this.root.w, h: h},\r\n\t\t\tright: this.root\r\n\t\t};\r\n if (node = this.findNode(this.root, w, h)) {\r\n return this.splitNode(node, w, h);\r\n } else\r\n return null;\r\n\t}\r\n\r\n}","/*\r\n* MasterData.js\r\n*\r\n* Handles all storing and manipulations with master data\r\n*/\r\n\r\n/*\r\n* Constructor for master data object\r\n*/\r\nfunction MasterData() {\r\n this.master_data = {}; // lists of all master data\r\n}\r\n\r\n/*\r\n* Saves master data to local storage\r\n*/\r\nMasterData.prototype.SaveMasterData = function() {\r\n var l_list = { };\r\n $.each( this.master_data, function(p_key, p_list) {\r\n l_list[p_key] = p_list;\r\n });\r\n g_localsave_object.SetLocalStorageItem( G_LS_NAMES['MASTER_DATA'], l_list );\r\n l_list = null;\r\n\r\n};\r\n\r\n/*\r\n* Loads master data from local storage\r\n*/\r\nMasterData.prototype.LoadMasterData = function() {\r\n var l_list = {};\r\n $.each( g_localsave_object.GetLocalStorageItem( G_LS_NAMES['MASTER_DATA'] ), function( p_key, p_list ) {\r\n\tl_list[p_key] = p_list;\r\n });\r\n this.master_data = l_list;\r\n l_list = null;\r\n VRC.PortManager.init();\r\n};\r\n\r\nMasterData.prototype.GetList = function( p_list_name ) {\r\n if( this.master_data[p_list_name] === undefined )\r\n return null;\r\n \r\n return this.master_data[p_list_name];\r\n};\r\n\r\n/*\r\n* Callback function for parsing data from server\r\n*/\r\nMasterData.prototype.ParseMasterData = function( p_owner, p_data ) {\r\n if( p_data == null || p_data.master_data === undefined ) {\r\n return;\r\n } \r\n\r\n $.each( p_data.master_data, function( p_index, p_list ) {\r\n p_owner.master_data[p_index] = p_list;\r\n });\r\n\r\n VRC.MasterDataService.init(p_owner);\r\n p_owner.SaveMasterData();\r\n\r\n};","\r\n/*\r\n* Initialises the dialog popups\r\n*/\r\n\r\nfunction InitialiseDialogs( page_type ) {\r\n if( page_type == G_PAGE['MAIN_PAGE'] ) {\r\n InitialiseMainDialogs();\r\n }\r\n else if( page_type == G_PAGE['DECK_PAGE'] ) {\r\n InitialiseDeckDialogs();\r\n }\r\n InitialiseApexPopupDialog();\r\n}\r\n\r\nfunction InitialiseMainDialogs() {\r\n\r\n \r\n $(\"#settings_dialog\").dialog( { \r\n autoOpen: false,\r\n modal: true, \r\n\tcloseOnEscape: false,\r\n\tminWidth: 600,\r\n\tminHeight: 400,\r\n\ttitle: 'Settings',\r\n\tdialogClass: \"dialogClass\"\r\n });\r\n \r\n $(\"#submit_dialog\").dialog( { \r\n autoOpen: false,\r\n modal: true, \r\n\tcloseOnEscape: false,\r\n\tminWidth: 300,\r\n\tminHeight: 200,\r\n\ttitle: 'Submit',\r\n\tdialogClass: \"dialogClass\"\r\n });\r\n \r\n\r\n \r\n $('#login_operator_selection').change(function() {\r\n \t\r\n });\r\n \r\n $('#login_type_selection').change(function() {\r\n\tSetAvailableDropdownList($('#login_type_selection').val(), $('#login_id_selection'));\r\n });\r\n}\r\n\r\nfunction InitialiseApexPopupDialog() {\r\n $(\"#apex_popup\").dialog( { \r\n autoOpen: false,\r\n modal: true, \r\n\tcloseOnEscape: false,\r\n\twidth: window.screen.width - 250,\r\n\theight: window.screen.height - 200,\r\n\ttitle: 'WELS Info',\r\n\tresizable: true,\r\n\tdialogClass: \"dialogClass\",\r\n\tbeforeClose: function(event, ui) { $('#apex_popup').html('');}\r\n });\r\n}\r\n\r\nfunction InitialiseDeckDialogs() {\r\n\r\n \r\n\r\n $(\"#popup_dialog\").dialog( {\r\n autoOpen: false\r\n });\r\n \r\n $(\"#create_dialog\").dialog( { \r\n autoOpen: false,\r\n modal: true, \r\n\tminWidth: 600,\r\n\tminHeight: 400,\r\n\tdraggable: true,\r\n\tresizable: false,\r\n\tposition: 'left',\r\n\ttitle: 'Create New Container',\r\n dialogClass: \"dialogClass\",\r\n\tclose: function(event,ui) { ClearContainerData() }\r\n });\r\n \r\n $(\"#deck_tools_popup\").dialog( { \r\n autoOpen: false,\r\n modal: true, \r\n\tcloseOnEscape: false,\r\n\tminWidth: 800,\r\n\tminHeight: 400,\r\n\tdialogClass: \"dialogClass\",\r\n\ttitle: 'View and Sync Containers'\r\n });\r\n}\r\n\r\n/*\r\n* Destroy dialogs for deck\r\n*/\r\nfunction DestroyDialogs(page) {\r\n if(page == G_PAGE['DECK_PAGE']) {\r\n $(\"#popup_dialog\").dialog(\"destroy\").remove();\r\n $(\"#deck_tools_popup\").dialog(\"destroy\").remove();\r\n $(\"#create_dialog\").dialog(\"destroy\").remove();\r\n }\r\n else if(page == G_PAGE['BULK_PAGE']) {\r\n $(\"#bulk_tank_dialog\").dialog(\"destroy\").remove();\r\n $(\"#bulk_popup\").dialog(\"destroy\").remove();\r\n }\r\n}\r\n\r\n/*\r\n* Dialog for bulk tank data \r\n*/\r\nfunction InitialiseBulkDialogs() {\r\n\r\n $(\"#bulk_tank_dialog\").dialog( { \r\n autoOpen: false,\r\n modal: true, \r\n\tcloseOnEscape: false,\r\n\tminWidth: 1000,\r\n\tminHeight: 500,\r\n\tdialogClass: \"dialogClass\",\r\n\ttitle: 'Bulk Tank Details'\r\n });\r\n \r\n $(\"#bulk_popup\").dialog( { \r\n autoOpen: false,\r\n modal: true, \r\n\tcloseOnEscape: false,\r\n\twidth: window.screen.width - 250,\r\n\theight: window.screen.height - 200,\r\n\ttitle: 'Tank Cleaning',\r\n\tresizable: true,\r\n\tdialogClass: \"dialogClass\",\r\n\tbeforeClose: function(event, ui) { $('#bulk_popup').html('');}\r\n });\r\n \r\n}\r\n\r\n /*******************************************************************************\r\n Functions for login dialog\r\n********************************************************************************/\r\n\r\n/*\r\n* Shows log in dialog\r\n*/\r\nfunction LoginDialog(p_master_object, p_data) {\r\n VRC.LoadingModal.hide();\r\n g_master_data.ParseMasterData(p_master_object, p_data);\r\n //$('#login_dialog').dialog('open');\r\n \r\n var l_operator_value = localStorage['login_operator_param']; \r\n var l_value = localStorage['login_user_param'];\r\n \r\n if( l_value !== undefined && l_value !== null && $('#login_type_selection option[value=\"' + l_value + '\"]').length > 0 ) {\r\n $('#login_type_selection').val( l_value );\r\n $('#login_type_selection').attr('disabled', true);\r\n }\r\n else {\r\n $('#login_type_selection').val( l_value );\r\n\t $('#login_type_selection').attr('disabled', false);\r\n }\r\n \r\n \r\n if( l_operator_value !== undefined && l_operator_value !== null) {\r\n $('#login_operator_selection').val( l_operator_value );\r\n\t$('#login_operator_selection').attr('disabled', true);\r\n\tSetAvailableDropdownList(l_value, $('#login_id_selection'));\r\n }\r\n else {\r\n $('#login_operator_selection').val( l_operator_value );\r\n\t$('#login_operator_selection').attr('disabled', false); \r\n }\r\n\r\n VRC.Authentication.init();\r\n}\r\n\r\n/*\r\n* Sets dropdown list for logging as rig or vessel\r\n*/\r\nfunction SetAvailableDropdownList(p_type, $p_dropdown_list) {\r\n $p_dropdown_list.html('');\r\n var l_list;\r\n if(p_type == 'vessel') {\r\n l_list = g_master_data.GetList('vessel_list');\r\n }\r\n else {\r\n l_list = g_master_data.GetList('port_list');\r\n }\r\n for(var l_key in l_list) {\r\n if( l_list[l_key].type === undefined || l_list[l_key].type == p_type) {\r\n $p_dropdown_list.append( $(\"\").val(l_list[l_key].id).text(l_list[l_key].name)); \r\n\t}\r\n }\r\n}\r\n\r\n\r\n/*\r\n* Sets display info of whom user is\r\n*/\r\nfunction SetLoginInformation( p_name, p_operator ) { \r\n $('#id_name').text( p_name );\r\n try {\r\n $('#operator_name').html('Vessel Data (working data)
' + JSON.stringify(g_data_list) + 'You will now end the current voyage. A new voyage will be started. Are you sure?
';\r\n\t\t\t\tif (data.next_voyage_date) {\r\n\t\t\t\t\thtml = 'You will now end the current voyage. An open voyage at ' + data.next_voyage_date + ' will be the new current voyage. Are you sure?
';\r\n\t\t\t\t}\r\n\r\n\t\t\t\tVRC.PopupManager.show(html, {\r\n\t\t\t\t\ttitle: 'Voyage validations',\r\n\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\"Cancel\": function () {\r\n\t\t\t\t\t\t\t$(this).dialog(\"close\");\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\"End voyage\": function () {\r\n\t\t\t\t\t\t\tself.endVoyage();\r\n\t\t\t\t\t\t\t$(this).dialog(\"close\");\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\"End and Start voyage\": function () {\r\n\t\t\t\t\t\t\tself.endAndStartVoyage();\r\n\t\t\t\t\t\t\t$(this).dialog(\"close\");\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tvar warnings = [];\r\n\r\n\t\t\t\t$.each(warningWrapper, function (key, warningsSubSet) {\r\n\r\n\t\t\t\t\twarnings = warnings.concat(warningsSubSet);\r\n\t\t\t\t});\r\n\r\n\t\t\t\tvar html = WELL.Handlebars.VRC.show_warnings({warnings: warnings});\r\n\r\n\t\t\t\tVRC.PopupManager.show(html, {\r\n\t\t\t\t\ttitle: 'Voyage validations',\r\n\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\"Cancel\": function () {\r\n\t\t\t\t\t\t\t$(this).dialog(\"close\");\r\n\t\t\t\t\t\t},\r\n\r\n\t\t\t\t\t\t\"End voyage\": function () {\r\n\t\t\t\t\t\t\tself.endVoyage();\r\n\t\t\t\t\t\t\t$(this).dialog(\"close\");\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\"End and Start voyage\": function () {\r\n\t\t\t\t\t\t\tself.endAndStartVoyage();\r\n\t\t\t\t\t\t\t$(this).dialog(\"close\");\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t};\r\n\t\tthis.save();\r\n\t\tg_voyage_planning.SaveLogEntries();\r\n\t\tg_remote_object.SubmitAllData('all',\r\n\t\t\tfunction (data) {\r\n\t\t\t\tg_remote_object.FetchDataFromServer(_this, callback, 'warnings', '');\r\n\t\t\t}, function () {\r\n\t\t\t\tVRC.LoadingModal.hide()\r\n\t\t\t}\r\n\t\t);\r\n\t};\r\n\r\n\tinit();\r\n\r\n\treturn {\r\n\t\tgetVoyageId: getVoyageId,\r\n\t\tsetVoyageId: setVoyageId,\r\n\t\tgetMissionType: getMissionType,\r\n\t\tsetMissionType: setMissionType,\r\n\t\tgetRemarks: getRemarks,\r\n\t\tsetRemarks: setRemarks,\r\n\r\n\t\tgetToPort: getToPort,\r\n\t\tsetToPort: setToPort,\r\n\t\tgetStartFuel: getStartFuel,\r\n\t\tsetStartFuel: setStartFuel,\r\n\t\tgetStartLng: getStartLng,\r\n\t\tsetStartLng: setStartLng,\r\n\t\tcalcFromDate: calcFromDate,\r\n\r\n\t\tgetFromPort: getFromPort,\r\n\t\tsetFromPort: setFromPort,\r\n\t\tgetEndFuel: getEndFuel,\r\n\t\tsetEndFuel: setEndFuel,\r\n\t\tgetEndLng: getEndLng,\r\n\t\tsetEndLng: setEndLng,\r\n\r\n\t\tgetSeqNo: getSeqNo,\r\n\t\tsetSeqNo: setSeqNo,\r\n\t\tgetFromDateTime: getFromDateTime,\r\n\t\tsetToDateTime: setToDateTime,\r\n\t\tgetWarnings: getWarnings,\r\n\t\tendVoyage: endVoyage,\r\n\t\tendAndStartVoyage: endAndStartVoyage,\r\n\t\tfetch: fetch,\r\n\t\tparseVoyageData: parseVoyageData,\r\n\t\tload: load,\r\n\t\tsave: save,\r\n\t\tstartNewVoyage: startNewVoyage,\r\n\t\tresetValues: resetValues,\r\n\t\ttoJson: toJson,\r\n\t\tparse: parse,\r\n\r\n\t\tclear: clear\r\n\t}\r\n\r\n};","/**\r\n * A model for a single Voyage Log.\r\n * setters, getters, Parses, toJson\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.VoyageLogEntry = function (entryData) {\r\n var _date, _time, _remarks, _mtLoad, _mtOffload, _m2Load, _m2Offload, _event, _port, _lng, _fuel, _id;\r\n var _subEvent;\r\n var _inside_500m_zone;\r\n var _dateTime;\r\n var _portName;\r\n var _quayId;\r\n var _dpMode;\r\n\r\n var init = function (entryData) {\r\n entryData = entryData || {};\r\n parse(entryData);\r\n };\r\n\r\n var getId = function(){\r\n return _id;\r\n };\r\n\r\n var createId = function(){\r\n var date = new Date();\r\n return 'log_' + Math.floor(Math.random()*10000) + '_' + date.getTime();\r\n };\r\n\r\n var setId = function(id){\r\n _id = id ? id : createId();\r\n };\r\n\r\n var setDateTime = function(dateTime){\r\n _dateTime = dateTime;\r\n };\r\n\r\n var getDateTime = function(){\r\n return _dateTime || moment().format(g_timeStampFormat);\r\n };\r\n\r\n\r\n var getRemarks = function(){\r\n return _remarks;\r\n };\r\n\r\n var setRemarks = function(remarks){\r\n _remarks = remarks;\r\n };\r\n\r\n var setMtLoad = function(mtLoad){\r\n _mtLoad = mtLoad ? parseFloat(mtLoad) : undefined;\r\n };\r\n\r\n var getMtLoad = function(){\r\n return _mtLoad ;\r\n };\r\n\r\n var setMtOffLoad = function(mtOffLoad){\r\n _mtOffload = mtOffLoad ? parseFloat(mtOffLoad) : undefined;\r\n };\r\n\r\n var getMtOffLoad = function(){\r\n return _mtOffload;\r\n };\r\n\r\n var setM2Load = function(m2Load){\r\n _m2Load = m2Load ? parseFloat(m2Load) : undefined;\r\n };\r\n\r\n var getM2Load = function(){\r\n return _m2Load;\r\n };\r\n\r\n var setM2OffLoad = function(m2Offload){\r\n _m2Offload = m2Offload ? parseFloat(m2Offload) : undefined;\r\n };\r\n\r\n var getBulkLoad = function(){\r\n var nextEvent = getNextEvent();\r\n return VRC.BulkTankManager.getBulkContentSumInDateInterval(g_actions.load, getDateTime(), nextEvent ? nextEvent.getDateTime() : null);\r\n };\r\n var getBulkOffload = function(){\r\n var nextEvent = getNextEvent();\r\n return VRC.BulkTankManager.getBulkContentSumInDateInterval(g_actions.offload, getDateTime(), nextEvent ? nextEvent.getDateTime() : null);\r\n };\r\n\r\n var getNextEvent = function(){\r\n return VRC.VoyageLogEntryManager.getNextEvent(getId());\r\n };\r\n\r\n var getM2OffLoad = function(){\r\n return _m2Offload;\r\n };\r\n\r\n var setEventType = function(event){\r\n _event = event ? parseInt(event) : -1;\r\n\r\n // checks to make sure sub event type is set to null if parent is null or doesn't have any active sub events\r\n if(_event < 0) {\r\n setSubEventType(-1);\r\n }\r\n else if (VRC.MissionTypeService.findActiveSubEventTypes(_event).length === 0) {\r\n setSubEventType(-1);\r\n }\r\n\r\n };\r\n\r\n var getEventType = function(){\r\n return _event;\r\n };\r\n\r\n var getEventCode = function(){\r\n return VRC.MasterDataService.getEventCode(getEventType());\r\n };\r\n\r\n var setSubEventType = function(subEvent) {\r\n _subEvent = subEvent ? parseInt(subEvent) : -1;\r\n };\r\n\r\n var getSubEventType = function() {\r\n return _subEvent;\r\n };\r\n\r\n var inside500mZone = function() {\r\n return _inside_500m_zone;\r\n };\r\n\r\n var setInside500mZone = function(inside500mZone) {\r\n _inside_500m_zone = inside500mZone;\r\n };\r\n\r\n var setPort = function(port){\r\n\r\n _port = port ? parseInt(port) : 0;\r\n if(_port){\r\n var port = VRC.MasterDataService.getPort(_port);\r\n if(port){\r\n _portName = port.name;\r\n }\r\n }\r\n };\r\n\r\n var getPort = function(){\r\n return _port;\r\n };\r\n\r\n\r\n\r\n var getPortName = function(){\r\n return _portName;\r\n };\r\n\r\n var getLng = function(){\r\n return _lng;\r\n };\r\n\r\n var setLng = function(lng){\r\n _lng = lng ? parseFloat(lng) : undefined;\r\n };\r\n\r\n var getFuel = function(){\r\n return _fuel;\r\n };\r\n var setFuel = function(fuel){\r\n _fuel = fuel ? parseFloat(fuel) : undefined;\r\n };\r\n\r\n var getQuayId = function () {\r\n return _quayId;\r\n };\r\n\r\n var setQuayId = function (quayId) {\r\n\r\n _quayId = quayId;\r\n };\r\n\r\n\r\n var isCargoItem = function(){\r\n\r\n var eventType = getEventType();\r\n if(!eventType){\r\n return false;\r\n }\r\n\r\n var event = VRC.MissionTypeService.getEventTypeById(getEventType()) || {};\r\n return event.event_type === 'cargo';\r\n };\r\n\r\n var hasExtraInfo = function(){\r\n return isCargoItem();\r\n };\r\n\r\n var hasRequiredExtraInfo = function(){\r\n return ((getM2Load() || 0) + (getM2OffLoad() || 0) + (getMtLoad() || 0) + (getMtOffLoad() || 0)) > 0;\r\n };\r\n\r\n var getDpMode = function () {\r\n return _dpMode;\r\n };\r\n\r\n var setDpMode = function (dpMode) {\r\n _dpMode = dpMode === 'yes' || dpMode === 'no' ? dpMode : undefined; // accept only yes/no values\r\n };\r\n\r\n var toJson = function(){\r\n return {\r\n event : getEventType(),\r\n subEvent : getSubEventType(),\r\n id : getId(),\r\n remarks : getRemarks(),\r\n m2_load : getM2Load(),\r\n m2_offload : getM2OffLoad(),\r\n bulk_load : getBulkLoad(),\r\n bulk_offload : getBulkOffload(),\r\n mt_load : getMtLoad(),\r\n mt_offload : getMtOffLoad(),\r\n rob_fuel : getFuel(),\r\n rob_lng : getLng(),\r\n port : getPort(),\r\n port_quay_id : getQuayId(),\r\n portName : getPortName(),\r\n hasRequiredExtraInfo : hasRequiredExtraInfo(),\r\n dateTime : getDateTime(),\r\n inside_500m_zone: inside500mZone(),\r\n dp_mode: getDpMode()\r\n }\r\n };\r\n\r\n\r\n\r\n var parse = function(inputObject) {\r\n\r\n setEventType(inputObject.event);\r\n setSubEventType(inputObject.subEvent);\r\n setId(inputObject.id);\r\n setPort(inputObject.port);\r\n setDateTime(inputObject.dateTime);\r\n setMtLoad(inputObject.mt_load);\r\n setMtOffLoad(inputObject.mt_offload);\r\n setM2Load(inputObject.m2_load);\r\n setM2OffLoad(inputObject.m2_offload);\r\n setRemarks(inputObject.remarks);\r\n setFuel(inputObject.rob_fuel);\r\n setLng(inputObject.rob_lng);\r\n setQuayId(inputObject.port_quay_id);\r\n setInside500mZone(inputObject.inside_500m_zone);\r\n setDpMode(inputObject.dp_mode);\r\n };\r\n\r\n var isMatch = function(eventType, portId, dateTime){\r\n\r\n if(eventType !== getEventType() || portId !== getPort()){\r\n return false;\r\n }\r\n\r\n var thisDateTime = getDateTime();\r\n if(dateTime && thisDateTime){\r\n var momentDateTime = moment(dateTime, g_timeStampFormat);\r\n return moment(thisDateTime, g_timeStampFormat).isSame(momentDateTime);\r\n }\r\n else{\r\n return false;\r\n }\r\n };\r\n\r\n\r\n init(entryData);\r\n\r\n return {\r\n setRemarks : setRemarks,\r\n getRemarks : getRemarks,\r\n getDateTime : getDateTime,\r\n setDateTime : setDateTime,\r\n setMtLoad : setMtLoad,\r\n getMtLoad : getMtLoad,\r\n setMtOffload : setMtOffLoad,\r\n getMtOffload : getMtOffLoad,\r\n setM2Load : setM2Load,\r\n getM2Load : getM2Load,\r\n setM2Offload : setM2OffLoad,\r\n getM2Offload : getM2OffLoad,\r\n getBulkLoad : getBulkLoad,\r\n getBulkOffload : getBulkOffload,\r\n setFuel : setFuel,\r\n getFuel : getFuel,\r\n setLng : setLng,\r\n getLng : getLng,\r\n setEventType : setEventType,\r\n getEventType : getEventType,\r\n getEventCode : getEventCode,\r\n setSubEventType : setSubEventType,\r\n getSubEventType : getSubEventType,\r\n getPort : getPort,\r\n setPort : setPort,\r\n setId : setId,\r\n getId : getId,\r\n getQuayId: getQuayId,\r\n setQuayId: setQuayId,\r\n toJson : toJson,\r\n hasExtraInfo : hasExtraInfo,\r\n isMatch : isMatch,\r\n setInside500mZone: setInside500mZone,\r\n getDpMode: getDpMode,\r\n setDpMode: setDpMode\r\n };\r\n};\r\n","/**\r\n * View for the END voyage entry.\r\n */\r\nvar VRC = VRC || {};\r\nVRC.VoyageLogEntryEndView = function () {\r\n\tvar $view, _voyage;\r\n\r\n\tvar init = function () {\r\n\r\n\t\t_voyage = VRC.CurrentVoyage.getCurrentVoyage();\r\n\r\n\t\tvar allPorts = VRC.MasterDataService.getGroupedPorts();\r\n\r\n\t\tvar voyageJson = _voyage.toJson();\r\n\r\n\t\t//Combine all info needed to render the event log.\r\n\t\tvar data = {\r\n\t\t\tfuelTankInfo: VRC.CurrentVoyage.getFuelTankInfo(),\r\n\t\t\tallPorts: allPorts,\r\n\t\t\tvoyage: voyageJson,\r\n inside500mZonePosition : VRC.MasterDataService.getInside500mZonePosition()\r\n\r\n\t\t};\r\n\r\n\t\tvar $row = $(WELL.Handlebars.VRC.end_voyage_event_log(data));\r\n\r\n\t\tattachEventHandlers($row);\r\n\t\tvalidateEndDate(data.voyage.to_dateTime, $row);\r\n\t\tinitSelectize($row);\r\n\t\t$view = $row;\r\n\r\n\t};\r\n\r\n\tvar initSelectize = function ($row) {\r\n\t\tvar $l_port_box = $row.find('.log_entry_place');\r\n\t\t//$l_port_box.selectize(VRC.Utils.Selectize.getConfig());\r\n\t};\r\n\r\n\tvar initDatepicker = function ($row) {\r\n\r\n\t\tvar $datetimeCell = $row.find('.table__dateTime');\r\n\t\t$datetimeCell.datetimepicker({\r\n\t\t\tformat: g_timeStampFormat,\r\n\t\t\tshowTodayButton: true\r\n\t\t});\r\n\r\n\t};\r\n\r\n\tvar attachEventHandlers = function ($row) {\r\n\t\tonPortChange($row);\r\n\t\tonNumberChange($row);\r\n\t\tinitDatepicker($row);\r\n\t\tonDateTimeChange($row);\r\n\t\tonEndMission($row);\r\n\t};\r\n\r\n\tvar onNumberChange = function ($row) {\r\n\t\t$row.find('.log_entry_deck_numbers').each(function () {\r\n\t\t\tSetInputNumbersOnly(this);\r\n\t\t});\r\n\t};\r\n\r\n\tvar onPortChange = function ($row) {\r\n\t\tvar port = _voyage.getToPort();\r\n\t\tvar $portBox = $row.find('.log_entry_place');\r\n\t\t$portBox.val((port === undefined ? g_voyage_planning.GetPreviousPort() : (port == null ? 0 : port) )).change();\r\n\t\t$portBox.change(function () {\r\n\t\t\t$(this).css('border', '1px solid gray');\r\n\t\t\tvar value = $(this).children('option:selected').val();\r\n\t\t\t_voyage.setToPort(value);\r\n\t\t});\r\n\t};\r\n\r\n\tvar onDateTimeChange = function ($row) {\r\n\t\tvar $datePicker = $row.find('.table__dateTime');\r\n\t\tvar backupDate;\r\n\r\n\t\t$datePicker.on('focus', function () {\r\n\t\t\tbackupDate = $(this).val();\r\n\t\t});\r\n\r\n\t\t$datePicker.on('dp.hide', function () {\r\n\t\t\t$('#event_log_table').trigger(\"appendCache\");\r\n\t\t\t$('#event_log_table').trigger(\"update\");\r\n\r\n\t\t\tvar date = $(this).val();\r\n\r\n\t\t\t_voyage.setToDateTime(date);\r\n\r\n\t\t\tvar $cell = $datePicker.closest('td');\r\n\t\t\tvalidateEndDate(date, $row, $cell);\r\n\t\t});\r\n\r\n\t};\r\n\r\n\tvar onEndMission = function ($row) {\r\n\t\tvar $currentVoyageEndBtn = $row.find('#log_entry__end-btn');\r\n\t\t$currentVoyageEndBtn.unbind('click').click(function () {\r\n\t\t\tvar currentVoyage = VRC.CurrentVoyage.getCurrentVoyage();\r\n\t\t\tcurrentVoyage.save();\r\n\t\t\tcurrentVoyage.getWarnings();\r\n\t\t\tg_voyage_planning.DisplayValidations();\r\n\t\t});\r\n\t};\r\n\r\n\r\n\r\n\tvar toggleVoyageBtn = function (status, $row) {\r\n\t\tvar $btn = $row.find(\"#log_entry__end-btn\");\r\n\r\n\t\t$btn.prop(\"disabled\", !status);\r\n\t};\r\n\r\n\tvar validateEndDate = function (value, $row, $cell) {\r\n\r\n\t\tvar isValidDate = moment(value, [g_timeStampFormat], true).isValid();\r\n\r\n\t\tif (value === '' || value === undefined) {\r\n\t\t\ttoggleVoyageBtn(false, $row);\r\n\t\t}\r\n\t\telse if (isValidDate) {\r\n\t\t\ttoggleVoyageBtn(true, $row);\r\n\r\n\t\t}\r\n\t\telse {\r\n\t\t\ttoggleVoyageBtn(false, $row);\r\n\t\t}\r\n\t};\r\n\r\n\tvar getView = function () {\r\n\t\treturn $view;\r\n\t};\r\n\r\n\tinit();\r\n\r\n\treturn {\r\n\t\tinit: init,\r\n\t\tgetView: getView\r\n\r\n\t}\r\n};\r\n","\r\nvar VRC = VRC || {};\r\n/**\r\n * Voyage log manager. Handles all voaygeLogs entries.\r\n * @type {{add, getAll, getCargoEvents, clear, save, load, toJson, remove, getLast, getEvent, getEventById, importVoyageLogs, getFirst, getNextEvent}}\r\n */\r\nVRC.VoyageLogEntryManager = (function () {\r\n\tvar _logEntries = [];\r\n\tvar CARGOITEM_EVENTS = [105]; //TODO: This should be removed in v1.46 release as we are going to use event codes instead (#43161)\r\n\tvar CARGOITEM_EVENT_CODES = ['cargo_action'];\r\n\r\n\tvar add = function (logEntry) {\r\n\t\t_logEntries.push(logEntry)\r\n\t};\r\n\r\n\tvar getAll = function () {\r\n\t\treturn _logEntries;\r\n\t};\r\n\r\n\tvar getCargoEvents = function () {\r\n\t\tif (_logEntries.length === 0) {\r\n\t\t\tload();\r\n\t\t}\r\n\t\treturn _.filter(_logEntries, function (event) {\r\n\t\t\treturn _.contains(CARGOITEM_EVENT_CODES, event.getEventCode()) || _.contains(CARGOITEM_EVENTS, event.getEventType()) // TODO: Remove CARGOITEM_EVENTS conidtion\r\n\t\t});\r\n\t};\r\n\r\n\tvar remove = function (id) {\r\n\r\n\t\tfor (var ii = _logEntries.length - 1; ii >= 0; ii--) {\r\n\t\t\tif (_logEntries[ii].getId() === id) {\r\n\t\t\t\t_logEntries.splice(ii, 1);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t};\r\n\r\n\tvar importVoyageLogs = function (voyageLogs) {\r\n\t\tset(voyageLogs);\r\n\t\tsave();\r\n\t};\r\n\r\n\tvar set = function (localEvents) {\r\n\t\tclear();\r\n\t\t_.each(localEvents, function (localEvent) {\r\n\t\t\tadd(VRC.VoyageLogEntry(localEvent));\r\n\t\t})\r\n\t};\r\n\r\n\tvar load = function () {\r\n\t\tvar voyageLogs = g_localsave_object.GetLocalStorageItem(G_LS_NAMES.VOYAGE_LOG);\r\n\t\tset(voyageLogs);\r\n\t};\r\n\r\n\tvar clear = function () {\r\n\t\t_logEntries = [];\r\n\t};\r\n\r\n\tvar save = function () {\r\n\t\tvar json = toJson();\r\n\t\tg_localsave_object.SetLocalStorageItem(G_LS_NAMES.VOYAGE_LOG, json);\r\n\t};\r\n\r\n\tvar toJson = function () {\r\n\t\tvar jsonArray = [];\r\n\t\t$.each(_logEntries, function (index, log) {\r\n\t\t\tjsonArray.push(log.toJson());\r\n\t\t});\r\n\t\treturn jsonArray;\r\n\t};\r\n\r\n\tvar getEvent = function (eventType, location, dateTime) {\r\n\t\treturn _.find(_logEntries, function (logEntry) {\r\n\r\n\t\t\treturn logEntry.isMatch(eventType, location, dateTime);\r\n\t\t});\r\n\t};\r\n\tvar getEventById = function (voyageLogId) {\r\n\t\treturn _.find(_logEntries, function (logEntry) {\r\n\r\n\t\t\treturn logEntry.getId() === voyageLogId;\r\n\t\t});\r\n\t};\r\n\r\n\tvar getNextEvent = function (voyageLog) {\r\n\t\tif (typeof voyageLog !== 'object') {\r\n\t\t\tvoyageLog = getEventById(voyageLog);\r\n\t\t}\r\n\r\n\t\tvar sortedEvents = _.sortBy(_logEntries, function (logEntry) {\r\n\t\t\treturn moment(logEntry.getDateTime(), g_timeStampFormat).toISOString();\r\n\t\t});\r\n\r\n\t\tvar idx = sortedEvents.indexOf(voyageLog);\r\n\t\tvar nextEvent;\r\n\t\tif (sortedEvents.length >= idx + 2) {\r\n\t\t\tnextEvent = sortedEvents[idx + 1];\r\n\t\t}\r\n\t\treturn nextEvent;\r\n\t};\r\n\r\n\tvar getLastEvent = function () {\r\n\t\tvar logEntries = VRC.VoyageLogEntryManager.getAll();\r\n\t\tif (logEntries.length > 0) {\r\n\t\t\treturn _.max(logEntries, function (logEntry) {\r\n\t\t\t\treturn moment(logEntry.getDateTime(), g_timeStampFormat).valueOf();\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t};\r\n\r\n\tvar getFirst = function () {\r\n\t\tvar voyageLog = getAll();\r\n\t\tvar firstEvent;\r\n\r\n\t\tif (!voyageLog) {\r\n\t\t\treturn firstEvent;\r\n\t\t}\r\n\r\n\t\t$.each(voyageLog, function (index, voyageLogEntry) {\r\n\t\t\tvar dateString = voyageLogEntry[2] + ' ' + voyageLogEntry[3];\r\n\t\t\ttry {\r\n\t\t\t\tvar date = moment(dateString, g_timeStampFormat);\r\n\t\t\t\tif (!firstEvent) {\r\n\t\t\t\t\tfirstEvent = voyageLogEntry;\r\n\t\t\t\t}\r\n\t\t\t\telse if (date.isBefore(firstEvent)) {\r\n\t\t\t\t\tfirstEvent = date;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tcatch (e) {\r\n\t\t\t\tconsole.error(e);\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn firstEvent;\r\n\t};\r\n\r\n\treturn {\r\n\t\tadd: add,\r\n\t\tgetAll: getAll,\r\n\t\tgetCargoEvents: getCargoEvents,\r\n\t\tclear: clear,\r\n\t\tsave: save,\r\n\t\tload: load,\r\n\t\ttoJson: toJson,\r\n\t\tremove: remove,\r\n\t\tgetLast: getLastEvent,\r\n\t\tgetEvent: getEvent,\r\n\t\tgetEventById: getEventById,\r\n\t\timportVoyageLogs: importVoyageLogs,\r\n\t\tgetFirst: getFirst,\r\n\t\tgetNextEvent: getNextEvent\r\n\r\n\t}\r\n})();\r\n","/**\r\n * View for a single Voayge Log Entry.\r\n *\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.VoyageLogEntryView = function (logEntry) {\r\n\tvar $view, _logEntry, _valueUnitPreferences;\r\n\r\n\tvar isDpModeEnabled = function () {\r\n\t\treturn g_data_list.enableVoyageDpMode === 'yes'\r\n\t};\r\n\r\n\tvar init = function (logEntry) {\r\n\t\t_logEntry = logEntry;\r\n\t\t_valueUnitPreferences = VRC.MasterDataService.getValueUnitPreferences();\r\n\r\n\t\tvar eventTypes = VRC.MissionTypeService.getEventTypes();\r\n\t\tvar voyage = VRC.CurrentVoyage.getCurrentVoyage();\r\n\t\tvar allPorts = VRC.MasterDataService.getGroupedPorts();\r\n\t\tvar subEventTypes = VRC.MissionTypeService.findActiveSubEventTypes(_logEntry.getEventType());\r\n\r\n\r\n var selected_event_title = subEventTypes.find(function(event){\r\n if( parseInt(event.id) === _logEntry.getEventType()) {return event;}\r\n });\r\n selected_event_title = selected_event_title === undefined ? \"\" : selected_event_title.app_description;\r\n\r\n\r\n\t\tvar selected_sub_event = VRC.MissionTypeService.getEventTypeById(_logEntry.getSubEventType());\r\n selected_sub_event = selected_sub_event === undefined ? \"\" : selected_sub_event.app_description;\r\n\r\n\t\tvar quays = VRC.MasterDataService.getQuaysByPort(_logEntry.getPort());\r\n\r\n\t\tvar logEntryData = _logEntry.toJson();\r\n\r\n\t\t//Combine all info needed to render the event log.\r\n\t\tvar selectedEventType = getSelectedEventType();\r\n\r\n\t\tvar data = {\r\n\t\t\tfuelTankInfo: VRC.CurrentVoyage.getFuelTankInfo(),\r\n\t\t\tvoyageMissionType: voyage.getMissionType(),\r\n\t\t\teventTypes: {selectedEventId: _logEntry.getEventType(), eventTypes: eventTypes, event_title: selected_event_title},\r\n\t\t\tsubEventTypes: {selectedSubEventId: _logEntry.getSubEventType() , subEventTypes: subEventTypes, event_title: selected_sub_event},\r\n selectedEventType: selectedEventType,\r\n\t\t\tallPorts: allPorts,\r\n\t\t\tlogEntry: logEntryData,\r\n\t\t\thasExtraInfo: _logEntry.hasExtraInfo(),\r\n\t\t\tquayInfo: {quays: quays, selectedQuayId: _logEntry.getQuayId()},\r\n\t\t\tvalueUnitPreferences: _valueUnitPreferences,\r\n inside500mZonePosition : VRC.MasterDataService.getInside500mZonePosition(),\r\n\t\t\tisDpModeEnabled : isDpModeEnabled()\r\n\t\t};\r\n\r\n\t\tvar $row = $(WELL.Handlebars.VRC.event_log(data));\r\n\r\n\t\tattachEventHandlers($row, logEntryData);\r\n\t\t$view = $row;\r\n\t};\r\n\r\n\tvar attachEventHandlers = function ($row, logEntryData) {\r\n\t\tif (!logEntryData.isEndVoyageEvent) {\r\n\t\t\tonEventChange($row, logEntryData);\r\n\t\t\tonSubEventChange($row, logEntryData);\r\n\t\t}\r\n\t\tonPortChange($row, logEntryData);\r\n\t\tonNumberChange($row);\r\n\t\tonExtraInfoClick($row);\r\n\t\tinitDatepicker($row);\r\n\t\tonDateTimeChange($row);\r\n\t\tonFieldInputChange($row);\r\n\t\tonDelete($row);\r\n\t\tonQuayChange($row);\r\n onInside500mZoneChange($row);\r\n\t\tinitSelectize($row);\r\n\t\tif (isDpModeEnabled) {\r\n\t\t\tonDpModeChange($row);\r\n\t\t}\r\n\t};\r\n\r\n\tvar initSelectize = function ($row) {\r\n\t\tvar $l_port_box = $row.find('.log_entry_place');\r\n\t\t$l_port_box.selectize(VRC.Utils.Selectize.getConfig());\r\n\t};\r\n\r\n\tvar initDatepicker = function ($row) {\r\n\r\n\t\tvar $datetimeCell = $row.find('.table__dateTime');\r\n\r\n\t\t$datetimeCell.datetimepicker({\r\n\t\t\tformat: g_timeStampFormat\r\n\t\t});\r\n\r\n\t};\r\n\r\n\tvar getSelectedEventType = function() {\r\n var subEventTypes = VRC.MissionTypeService.findActiveSubEventTypes(_logEntry.getEventType());\r\n var eventTypes = VRC.MissionTypeService.getEventTypes();\r\n\r\n var selectedSubEventType = _.find(subEventTypes, function(eventType) {\r\n return eventType.id === _logEntry.getSubEventType();\r\n });\r\n\r\n return selectedSubEventType || _.find(eventTypes, function(eventType) {\r\n return eventType.id === _logEntry.getEventType();\r\n });\r\n\t}\r\n\r\n\tvar removeWarning = function ($row) {\r\n\r\n\t\tvar $warning = $row.find('.log_entry-warning');\r\n\t\t$warning.remove();\r\n\t};\r\n\r\n\tvar reDrawExtraInfo = function($extraInfoContainer){\r\n\t\tvar ctx = {\r\n\t\t\tlogEntry : _logEntry.toJson(),\r\n\t\t\tvalueUnitPreferences : _valueUnitPreferences\r\n\t\t};\r\n\r\n\t\tvar html = Handlebars.partials['event_log_extra_info'](ctx);\r\n\t\t$extraInfoContainer.html(html);\r\n\t};\r\n\r\n\tvar onExtraInfoClick = function ($row) {\r\n\t\tvar $btn = $row.find('.log_entry__extra-info__trigger');\r\n\r\n\t\t$btn.unbind('click').click(function (e) {\r\n\t\t\treDrawExtraInfo($btn.next());\r\n\t\t\tonFieldInputChange($row);\r\n\t\t\t$btn.next().slideToggle(\"fast\");\r\n\r\n\t\t});\r\n\t};\r\n\r\n\tvar onNumberChange = function ($row) {\r\n\t\t$row.find('.log_entry_deck_numbers').each(function () {\r\n\t\t\tSetInputNumbersOnly(this);\r\n\t\t});\r\n\t};\r\n\r\n\tvar onPortChange = function ($row, logEntryData) {\r\n\t\tvar $l_port_box = $row.find('.log_entry_place');\r\n\r\n\t\tvar portId;\r\n\t\tif (logEntryData === undefined) {\r\n\t\t\tportId = g_voyage_planning.GetPreviousPort();\r\n\t\t}\r\n\t\telse {\r\n\t\t\tportId = !logEntryData.port ? 0 : logEntryData.port;\r\n\t\t}\r\n\r\n\t\tvar missingId = $l_port_box.find('option[value=\"' + portId + '\"]').length < 1 && portId > 0;\r\n\r\n\t\tif (missingId) { //Add the id\r\n\t\t\tvar port = VRC.MasterDataService.getPort(portId);\r\n\t\t\tif (port) {\r\n\t\t\t\t$l_port_box.find('optgroup[label=\"Rigs\"]').append('');\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\t$l_port_box.find('optgroup[label=\"Rigs\"]').append('');\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t$l_port_box.val(portId).change();\r\n\t\t$l_port_box.change(function () {\r\n\r\n\t\t\tvar value = $(this).children(\"option:selected\").val();\r\n\r\n\t\t\tif (value === '') {\r\n\t\t\t\t$l_port_box.next().children().first().css('border', '1px solid #a94442');\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\t$l_port_box.next().children().first().css('border', '1px solid #ccc');\r\n\t\t\t}\r\n\r\n\t\t\t_logEntry.setPort(value);\r\n\t\t\tremoveWarning($row);\r\n\r\n\t\t\tupdateQuay($row)\r\n\t\t});\r\n\r\n\t};\r\n\r\n\tvar updateInside500mZone = function($row) {\r\n\t\tvar selectedEventType = getSelectedEventType();\r\n\r\n var $select = $row.find('.inside_500m_zone');\r\n\r\n\t\tvar isDisabled = selectedEventType && !!selectedEventType.inside_500m_zone;\r\n\t\tvar isSelectedBefore = $select.val() === 'yes';\r\n\r\n\t\tvar selected = isDisabled ? selectedEventType.inside_500m_zone === 'yes' : isSelectedBefore;\r\n $select.val(selected ? 'yes' : 'no');\r\n $select.attr('disabled', !!isDisabled);\r\n\t};\r\n\r\n\tvar onInside500mZoneChange = function($row) {\r\n\t\tvar $select = $row.find('.inside_500m_zone');\r\n\t\t$select.unbind('change').change(function() {\r\n _logEntry.setInside500mZone($(this).val() == 'yes' ? 'yes' : 'no');\r\n\t\t});\r\n\t};\r\n\r\n\tvar onDpModeChange = function($row) {\r\n\t\tvar $select = $row.find('.dp_mode_checkbox');\r\n\t\t$select.unbind('change').change(function() {\r\n\t\t\t_logEntry.setDpMode($(this).prop('checked') ? 'yes' : undefined);\r\n\t\t});\r\n\t};\r\n\r\n\tvar updateQuay = function ($row) {\r\n\t\tvar quays = VRC.MasterDataService.getQuaysByPort(_logEntry.getPort());\r\n\t\tvar $logQuayTableCell = $row.find('.log_quay-tablecell');\r\n\t\tvar html = '';\r\n\t\tif (quays.length > 0) {\r\n\r\n\t\t\thtml = Handlebars.partials['quay_selectlist']({quays: quays});\r\n\t\t}\r\n\t\telse {\r\n\t\t\t_logEntry.setQuayId(undefined);\r\n\t\t}\r\n\t\t$logQuayTableCell.html(html);\r\n\t\tonQuayChange($row);\r\n\r\n\t};\r\n\r\n\tvar onQuayChange = function ($row) {\r\n\t\tvar $logQuayBox = $row.find('.log_entry_quay');\r\n\t\t$logQuayBox.unbind('change').change(function () {\r\n\t\t\tvar value = $(this).children(\"option:selected\").val();\r\n\t\t\t_logEntry.setQuayId(value);\r\n\t\t});\r\n\t};\r\n\r\n\tvar onDateTimeChange = function ($row) {\r\n\t\tvar $datePicker = $row.find('.table__dateTime');\r\n\t\tvar backupDate;\r\n\r\n\t\t$datePicker.on('focus', function () {\r\n\t\t\tbackupDate = $(this).val();\r\n\t\t});\r\n\r\n\t\t$datePicker.on('dp.hide', function () {\r\n\t\t\t$('#event_log_table').trigger(\"appendCache\");\r\n\t\t\t$('#event_log_table').trigger(\"update\");\r\n\r\n\t\t\tvar date = $(this).val();\r\n\r\n\t\t\t_logEntry.setDateTime(date);\r\n\t\t\tremoveWarning($row);\r\n\t\t});\r\n\t};\r\n\r\n /**\r\n\t * Event handler when changing parent event. Check if errors occur and update sub-event list\r\n\t *\r\n * @param $row\r\n * @param logEntryData\r\n */\r\n\tvar onEventChange = function ($row, logEntryData) {\r\n\t\tvar $l_event_box = $row.find('.log_event_type');\r\n\r\n\t\t$l_event_box.change(function () {\r\n\t\t\tvar value = $(this).children(\"option:selected\").val();\r\n\t\t\tvar eventType = VRC.MissionTypeService.getEventTypeById(value);\r\n\r\n $l_event_box.prop('title', eventType.app_description);\r\n\r\n\t\t\tif (parseInt(value) < 0) {\r\n\t\t\t\t$l_event_box.addClass('btn-has-error');\r\n\t\t\t}\r\n\t\t\telse if (eventType.event_type === 'cargo') {\r\n\t\t\t\tshowExtraInfo($row);\r\n\t\t\t\t$l_event_box.removeClass('btn-has-error');\r\n\t\t\t\t$row.find('.log_entry__extra-info').find('.btn').addClass('btn-has-error');\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\t$l_event_box.removeClass('btn-has-error');\r\n\t\t\t\thideExtraInfo($row);\r\n\t\t\t\t$row.find('.log_entry__extra-info').find('.btn').removeClass('btn-has-error');\r\n\t\t\t}\r\n\t\t\t_logEntry.setEventType(value);\r\n\t\t\tremoveWarning($row);\r\n\r\n updateSubEvent($row, value);\r\n\t\t});\r\n\t};\r\n\r\n /**\r\n\t * Event handler when changing sub-event. Check if error is present\r\n\t *\r\n * @param $row\r\n * @param logEntryData\r\n */\r\n\tvar onSubEventChange = function($row, logEntryData) {\r\n\t var $l_sub_event_box = $row.find('.log_sub_event_type');\r\n\r\n\t $l_sub_event_box.change(function(){\r\n\r\n\t var value = $(this).children(\"option:selected\").val();\r\n\t var eventType = VRC.MissionTypeService.getEventTypeById(value);\r\n\r\n\t $l_sub_event_box.prop('title', eventType.app_description);\r\n\r\n\t if(parseInt(value) < 0) {\r\n\t \t$l_sub_event_box.addClass('btn-has-error');\r\n\t\t}\r\n\t\telse {\r\n\t \t$l_sub_event_box.removeClass('btn-has-error');\r\n\t\t}\r\n\t\t_logEntry.setSubEventType(value);\r\n\r\n\t updateInside500mZone($row);\r\n\t });\r\n\r\n\t};\r\n\r\n /** Update sub event drop-down list after changing a new parent event\r\n\t *\r\n * @param $row\r\n * @param parentEventID\r\n\t *\r\n\t * @author EH\r\n\t * @since 16.08.2017\r\n\t *\r\n */\r\n var updateSubEvent = function ($row, parentEventID) {\r\n\r\n var subEvents = VRC.MissionTypeService.findActiveSubEventTypes(parentEventID);\r\n\r\n var $logSubEventTableCell = $row.find('.sub_event_type-tablecell');\r\n\r\n\r\n var html = Handlebars.partials['sub_event_selectlist']({selectedSubEventId: -1, subEventTypes: subEvents, event_title: \"\"});\r\n\r\n\r\n $logSubEventTableCell.html(html);\r\n\r\n // update with error on non-selected sub-event\r\n var $l_sub_event_box = $row.find('.log_sub_event_type');\r\n if (subEvents.length > 0) {\r\n $l_sub_event_box.addClass('btn-has-error');\r\n }\r\n else {\r\n \t$l_sub_event_box.removeClass('btn-has-error');\r\n\t\t}\r\n\r\n _logEntry.setSubEventType(undefined);\r\n\r\n updateInside500mZone($row);\r\n\r\n onSubEventChange($row);\r\n\r\n };\r\n\r\n\tvar onDelete = function ($row) {\r\n\t\tvar $deleteBtn = $row.find(\".log_entry__delete-btn\");\r\n\r\n\t\t$deleteBtn.unbind('click').click(function (e) {\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\tVRC.VoyageLogEntryManager.remove(_logEntry.getId());\r\n\t\t\t$view.remove();\r\n\r\n\t\t});\r\n\r\n\t};\r\n\r\n\t//Def util.\r\n\r\n\t//Inputfield has to have class field_input and name e.g. field_input=\"m2_cargo\".\r\n\t//Value will be mapped to the setM2Cargo() by black magic.\r\n\tvar onFieldInputChange = function ($row) {\r\n\t\tvar $fieldTypes = $row.find('.field_input');\r\n\t\t$.each($fieldTypes, function (index, field) {\r\n\r\n\t\t\t$(field).unbind('change').change(function (e) {\r\n\t\t\t\tvar $target = $(e.target);\r\n\t\t\t\tvar name = VRC.Utils.String.toPascalCase($target.prop('name'));\r\n\t\t\t\tvar dynamicFunction = _logEntry['set' + name]; // <== Black Magic right here.\r\n\t\t\t\tif (dynamicFunction) {\r\n\t\t\t\t\tdynamicFunction($target.val());\r\n\t\t\t\t\tif ($target.val()) {\r\n\t\t\t\t\t\t$row.find('.log_entry__extra-info').find('.btn').removeClass('btn-has-error');\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t};\r\n\r\n\tvar showExtraInfo = function ($l_row) {\r\n\t\tvar $extraInfo = $l_row.find('.log_entry__extra-info');\r\n\t\t$extraInfo.show();\r\n\t};\r\n\r\n\tvar hideExtraInfo = function ($l_row) {\r\n\t\tvar $extraInfo = $l_row.find('.log_entry__extra-info');\r\n\t\tvar $inputs = $extraInfo.find('input');\r\n\t\t$inputs.val('');\r\n\t\t_.each($inputs, function (input) {\r\n\t\t\tvar $input = $(input);\r\n\t\t\tvar name = VRC.Utils.String.toPascalCase($input.prop('name'));\r\n\t\t\tvar dynamicFunction = _logEntry['set' + name];\r\n\t\t\tif (dynamicFunction) {\r\n\t\t\t\tdynamicFunction($input.val());\r\n\r\n\t\t\t}\r\n\r\n\t\t});\r\n\r\n\t\t$extraInfo.hide();\r\n\t};\r\n\r\n\tvar getView = function () {\r\n\t\treturn $view;\r\n\t};\r\n\r\n\tinit(logEntry);\r\n\r\n\treturn {\r\n\t\tinit: init,\r\n\t\tgetView: getView\r\n\r\n\t}\r\n};\r\n","\r\nvar VRC = VRC || {};\r\n\r\n/**\r\n * Table for VoaygeEvents.\r\n * Initilizes and\r\n * @type {{init, deactivate, update}}\r\n */\r\n\r\nVRC.VoyageLogTableView = (function(){\r\n var _hasFuel = false;\r\n var _hasLng = false;\r\n var eventLogTableId = \"#event_log_table\";\r\n var $eventLogTable;\r\n\r\n var init = function(){\r\n addHeaders();\r\n refresh();\r\n };\r\n\r\n var isDpModeEnabled = function () {\r\n return g_data_list.enableVoyageDpMode === 'yes'\r\n };\r\n\r\n var refresh = function(){\r\n VRC.TableSorterParsers.removeInputFieldListerens(eventLogTableId);\r\n VRC.TableSorterParsers.addInputFieldListeners(eventLogTableId);\r\n\r\n var inside500mZonePosition = VRC.MasterDataService.getInside500mZonePosition();\r\n\r\n var headers;\r\n\r\n switch (inside500mZonePosition) {\r\n case 'beforeEventTypes':\r\n headers = {\r\n 0: { sorter: false },\r\n 1: { sorter: \"select\" },\r\n 2: { sorter: \"select\" },\r\n 3: { sorter: \"select\"},\r\n 4: { sorter: false },\r\n 5: { sorter: \"inputs-date\" },\r\n 6: { sorter: \"inputs\" },\r\n 7: { sorter: \"inputs\" },\r\n 8: { sorter: false },\r\n 9: { sorter: \"inputs\" },\r\n 10: { sorter: false }\r\n };\r\n break;\r\n case 'afterEventTypes':\r\n headers = {\r\n 0: { sorter: \"select\" },\r\n 1: { sorter: \"select\" },\r\n 2: { sorter: false },\r\n 3: { sorter: \"select\"},\r\n 4: { sorter: false },\r\n 5: { sorter: \"inputs-date\" },\r\n 6: { sorter: \"inputs\" },\r\n 7: { sorter: \"inputs\" },\r\n 8: { sorter: false },\r\n 9: { sorter: \"inputs\" },\r\n 10: { sorter: false }\r\n };\r\n break;\r\n default:\r\n headers = {\r\n 0: { sorter: \"select\" },\r\n 1: { sorter: \"select\" },\r\n 2: { sorter: \"select\"},\r\n 3: { sorter: false },\r\n 4: { sorter: \"inputs-date\" },\r\n 5: { sorter: \"inputs\" },\r\n 6: { sorter: \"inputs\" },\r\n 7: { sorter: false },\r\n 8: { sorter: \"inputs\" },\r\n 9: { sorter: false }\r\n };\r\n }\r\n\r\n $eventLogTable = $(eventLogTableId);\r\n $eventLogTable.tablesorter({\r\n headers: headers,\r\n headerTemplate: '{content} {icon}',\r\n dateformat : g_timeStampFormat\r\n });\r\n\r\n };\r\n\r\n var addHeaders = function(){\r\n setFuelTanks();\r\n var headerData = {hasFuel : _hasFuel, hasLng : _hasLng, inside500mZonePosition : VRC.MasterDataService.getInside500mZonePosition(), isDpModeEnabled: isDpModeEnabled()};\r\n var $eventLogTable = $(eventLogTableId);\r\n $eventLogTable.find('thead').remove();\r\n $eventLogTable.prepend(WELL.Handlebars.VRC.event_log_headers(headerData));\r\n };\r\n\r\n var setFuelTanks = function(){\r\n var fuelTanks = VRC.BulkTankManager.getFuelTanks();\r\n for(var ii = 0; ii < fuelTanks.length; ii++){\r\n if(fuelTanks[ii].isFuel()){\r\n _hasFuel = true;\r\n }\r\n else if(fuelTanks[ii].isLng()){\r\n _hasLng = true;\r\n }\r\n }\r\n };\r\n\r\n var deactivate = function(){\r\n\r\n VRC.TableSorterParsers.removeInputFieldListerens(eventLogTableId);\r\n\r\n };\r\n\r\n var update = function(){\r\n $eventLogTable.trigger(\"update\");\r\n $eventLogTable.trigger(\"appendCache\");\r\n };\r\n\r\n\r\n return {\r\n init : init,\r\n refresh : refresh,\r\n deactivate : deactivate,\r\n update : update\r\n }\r\n})();\r\n","/**\r\n * If re-open a voyage, this voyage will have a sequence number in Wels. If not, this is the current voyage and shows \"Current\".\r\n * Also updates production environment if in dev/QA/etc\r\n * TODO: After the change in start/end voyages. Why does why not give a number to new voyages?\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.VoyageNoView = (function(){\r\n\r\n\r\n var update = function(voyageNo){\r\n voyageNo = voyageNo ? '#' + voyageNo : 'Current';\r\n\r\n $(\".voyage_no span\").text(voyageNo);\r\n };\r\n\r\n var updateEnvironment = function(environment){\r\n var $env = $(\".environment\");\r\n if(environment || environment !== 'prod'){\r\n environment = environment.substr(0,1).toUpperCase() + environment.substr(1);\r\n $env.text('Server: ' + environment);\r\n $env.delay( 1000 ).fadeTo('slow', 0.0).fadeTo('slow', 1.0);\r\n }\r\n\r\n };\r\n\r\n return {\r\n update : update,\r\n updateEnvironment : updateEnvironment\r\n }\r\n})();\r\n","/**\r\n * Service for fetching for an ope\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.VoyageService = (function(){\r\n\r\n var CHECK_SUBMIT_TYPE = 'check_for_open_voyages';\r\n\r\n var TYPES = {\r\n OPEN_VOYAGE : 'OPEN_VOYAGE',\r\n AVAILABLE_VOYAGES : 'AVAILABLE_VOYAGES',\r\n NO_VOYAGES : 'NO_VOYAGES'\r\n };\r\n\r\n var check = function(){\r\n var deffered = $.Deferred();\r\n\r\n var checking = VRC.CommunicationService.fetchData(null, CHECK_SUBMIT_TYPE, []);\r\n\r\n checking.done(function(owner, data){\r\n\r\n var status = TYPES.NO_VOYAGES;\r\n\r\n if(data.voyage){\r\n status = TYPES.OPEN_VOYAGE;\r\n importVoyage(data);\r\n }\r\n else if(_.isArray(data)) {\r\n if (data.length > 0) {\r\n status = TYPES.AVAILABLE_VOYAGES;\r\n }\r\n }\r\n\r\n deffered.resolve(status, data);\r\n });\r\n\r\n checking.fail(function(owner, data){\r\n deffered.reject(owner, data);\r\n });\r\n\r\n return deffered.promise()\r\n };\r\n\r\n\r\n var validateImport = function(data){\r\n var noErrors = true;\r\n if(!data){\r\n noErrors = 'Data is undefined';\r\n }\r\n else if(data.voyageLogs === undefined){\r\n noErrors = 'Voyage logs are missing';\r\n }\r\n else if(data.deck === undefined){\r\n noErrors = 'Deck is missing';\r\n }\r\n else if(data.deck.containers === undefined){\r\n noErrors = 'Containers is missing';\r\n }\r\n\r\n return noErrors;\r\n };\r\n\r\n var importVoyage = function(data){\r\n\r\n var voyage = VRC.CurrentVoyage.getCurrentVoyage();\r\n\r\n var isValid = validateImport(data);\r\n\r\n if(isValid === true){\r\n voyage.startNewVoyage(data.voyage);\r\n VRC.VoyageLogEntryManager.importVoyageLogs(data.voyageLogs);\r\n VRC.ContainerManager.importContainers(data.deck.containers);\r\n VRC.BulkTankManager.importBulkData(data.bulk);\r\n\r\n }\r\n else{\r\n console.error(isValid);\r\n }\r\n };\r\n\r\n return {\r\n TYPES : TYPES,\r\n check : check\r\n }\r\n})();","/**\r\n * View for open a existing voyage, start a new voyage, or re-open voyage.\r\n */\r\n\r\n\r\nvar VRC = VRC || {};\r\nVRC.VoyageStartView = (function () {\r\n\tvar _wrapper = '.voyagestart__wrapper';\r\n\r\n\tvar init = function () {\r\n\t\trenderVoyageStart();\r\n\t};\r\n\r\n\tvar hide = function () {\r\n\t\t$(_wrapper).hide();\r\n\t};\r\n\r\n\tvar renderVoyageStart = function () {\r\n\t\t$('#menu_content').html('');\r\n\t\tVRC.NavigationView.disable();\r\n\t\tvar template = WELL.Handlebars.VRC.voyage_start;\r\n\t\tvar $wrapper = $(_wrapper);\r\n\t\t$wrapper.html(template({}));\r\n\t\t$wrapper.show();\r\n\t\tattachCheckVoyageEvents();\r\n\t};\r\n\r\n\tvar attachCheckVoyageEvents = function () {\r\n\t\tvar $btn = $('.voyagestart__check-voyage');\r\n\t\t$btn.unbind('click').click(function () {\r\n\t\t\tvar checking = VRC.VoyageService.check();\r\n\r\n\t\t\tchecking.done(function (status, data) {\r\n\r\n\t\t\t\tif (status === VRC.VoyageService.TYPES.OPEN_VOYAGE) {\r\n\r\n\t\t\t\t\tvar date = '';\r\n\t\t\t\t\tif (data && data.voyage) {\r\n\t\t\t\t\t\tdate = moment(data.voyage.from_date, g_timeStampFormat).format(g_timeStampFormat);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tVRC.ConfirmationModal.show(\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tmsg: 'An open voyage started ' + date + ' was found and loaded locally.
Continue reporting or end this voyage.
To re-open a closed / rejected voyage, click the list voyages button on the voyage screen.
',\r\n\t\t\t\t\t\t\ttitle: 'Open Voyage Found.',\r\n\t\t\t\t\t\t\ttype: VRC.ConfirmationModal.TYPES.INFO\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\tVRC.ImportService.importData(data);\r\n\t\t\t\t\tVRC.VoyageState.init();\r\n\r\n\t\t\t\t\thide();\r\n\t\t\t\t}\r\n\t\t\t\telse if (status === VRC.VoyageService.TYPES.AVAILABLE_VOYAGES) {\r\n\t\t\t\t\tvar template = WELL.Handlebars.VRC.voyage_available_voyages;\r\n\t\t\t\t\t$(_wrapper).html(template(data));\r\n\t\t\t\t\tcheckStartOrContinueEvents(data);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\r\n\t\t\t\t\tvar template = WELL.Handlebars.VRC.voyage_available_voyages;\r\n\t\t\t\t\t$(_wrapper).html(template(data));\r\n\t\t\t\t\tcheckStartOrContinueEvents(data);\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t});\r\n\t};\r\n\r\n\tvar checkStartOrContinueEvents = function (data) {\r\n\t\t$('.voyagestart__start').click(function () {\r\n\r\n\t\t\tVRC.CurrentVoyage.fetchNewVoyage();\r\n\t\t});\r\n\r\n\t\t$('.voyagestart__reopen').click(function () {\r\n\t\t\tVRC.ListVoyagesView.loading();\r\n\t\t\tVRC.ListVoyagesView.render(data);\r\n\r\n\t\t});\r\n\t};\r\n\r\n\treturn {\r\n\t\tinit: init,\r\n\t\thide: hide\r\n\r\n\t}\r\n})();\r\n","/**\r\n * Example for a version update where bulk, bulktank and voyagelog had massive changes in attributes\r\n * (Remeber this was before the VoyageBulk model object).\r\n */\r\n\r\nVRC.Version131 = (function(){\r\n\r\n\tvar types = {\r\n\t\tbulk : 'bulk',\r\n\t\tvoyageLog : 'voyageLog'\r\n\t};\r\n\r\n\tvar mapVoyageBulk = function(old){\r\n\r\n\t\treturn {\r\n\t\t\tvoyageBulkId : old.id,\r\n\t\t\tbulkTankId : old.bulk_id,\r\n\t\t\tbulkTypeId : old.type,\r\n\t\t\titemDescription : old.definition,\r\n\t\t\tvalueQty : old.qty,\r\n\t\t\tqtyRob : old.qty_rob,\r\n\t\t\tvalueUnit : old.unit,\r\n\t\t\tsg : old.sg,\r\n\t\t\tdgInfo : old.dangerous,\r\n\t\t\tremarks : old.remarks,\r\n\t\t\taction : old.action,\r\n\t\t\tdate : old.date,\r\n\t\t\tcompanyId : old.company,\r\n\t\t\toriginId : old.origin,\r\n\t\t\tdestinationId : old.destination\r\n\t\t}\r\n\t};\r\n\r\n\tvar upgradeBulkTank = function(bulkTank){\r\n\t\tvar data = VRC.BulkState.mapOldFormatToNewFormat(bulkTank.data);\r\n\t\tvar bulkTankObject = VRC.BulkTank(data);\r\n\r\n\t\t_.each(bulkTank.content, function(voyageBulk){\r\n\t\t\tvar voyageBulkJson = mapVoyageBulk(voyageBulk, bulkTankObject.getBulkTankId());\r\n\t\t\tvar newVB = VRC.VoyageBulk(voyageBulkJson);\r\n\t\t\tbulkTankObject.addContent(newVB);\r\n\r\n\t\t});\r\n\r\n\t\treturn bulkTankObject.toJson();\r\n\t};\r\n\r\n\tvar isUpgraded = function(data, type){\r\n\t\tvar isUpgraded = true;\r\n\t\tif(type === types.bulk){\r\n\t\t\tisUpgraded = data.bulkTanks !== undefined;\r\n\t\t}\r\n\t\telse if(type === types.voyageLog){\r\n\t\t\tif(data.length > 0){\r\n\t\t\t\tisUpgraded = !_.isArray(data[0]);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn isUpgraded;\r\n\t};\r\n\r\n\r\n\tvar upgradeBulk = function(data){\r\n\r\n\t\tvar formattedData = {bulkTanks : []};\r\n\r\n\t\t_.each(data, function(bulkTank){\r\n\t\t\tformattedData.bulkTanks.push(upgradeBulkTank(bulkTank));\r\n\t\t});\r\n\r\n\t\treturn formattedData;\r\n\t};\r\n\r\n\r\n\tvar upgradeVoyageLog = function(array){\r\n\t\tvar vl = VRC.VoyageLogEntry();\r\n\t\tvl.fromArray(array);\r\n\r\n\t\treturn vl.toJson();\r\n\t};\r\n\r\n\tvar upgradeVoyageLogs = function(data){\r\n\r\n\t\tvar formattedData = [];\r\n\t\t_.each(data, function(voyageLog){\r\n\t\t\tformattedData.push(upgradeVoyageLog(voyageLog));\r\n\t\t});\r\n\r\n\t\treturn formattedData;\r\n\t};\r\n\r\n\r\n\tvar upgrade = function(json, type){\r\n\t\tvar returnValue;\r\n\t\tif(type === types.bulk){\r\n\t\t\treturnValue = upgradeBulk(json)\r\n\t\t}\r\n\t\tif(type === types.voyageLog){\r\n\t\t\treturnValue = upgradeVoyageLogs(json)\r\n\t\t}\r\n\t\treturn returnValue;\r\n\r\n\t};\r\n\r\n\treturn {\r\n\t\tupgrade : upgrade,\r\n\t\tisUpgraded : isUpgraded\r\n\t};\r\n})();\r\n","/*\r\n* container.js\r\n*\r\n* Container object class and associated functions for handling container objects\r\n*/\r\n\r\n\r\nvar GetDecimalFromPresentage = function(str){\r\n return parseFloat(str.substring(0, str.length - 1)) / 100;\r\n};\r\n\r\nfunction dragEndListener (event) {\r\n\r\n var target = event.target;\r\n var id = $(target).attr('id');\r\n\r\n if( g_container_list[id] === undefined ){\r\n return;\r\n }\r\n\r\n var totalWidth = GetCurrentDeckLength();\r\n var totalHeight = GetDeckAreaHeight();\r\n var left = GetXPostitionInPresentage($(target).position().left);\r\n var top = GetYPostitionInPresentage($(target).position().top);\r\n\r\n var x = totalWidth * GetDecimalFromPresentage(left);\r\n var y = totalHeight * GetDecimalFromPresentage(top);\r\n\r\n\r\n g_container_list[id].position.x = x;\r\n g_container_list[id].position.y = y;\r\n\r\n g_container_is_dirty = true;\r\n\r\n $(target).css({left : left});\r\n $(target).css({top :top});\r\n\r\n target.style.webkitTransform =\r\n target.style.transform =\r\n 'translate(' + 0 + 'px, ' + 0 + 'px)';\r\n\r\n // update the posiion attributes\r\n target.setAttribute('data-x', 0);\r\n target.setAttribute('data-y', 0);\r\n VRC.ContainerService.clearConflictedStatus(id);\r\n UpdateAllDeckTotals();\r\n g_isDragging = false;\r\n};\r\n\r\n\r\nfunction dragMoveListener (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n var target = event.target,\r\n // keep the dragged position in the data-x/data-y attributes\r\n x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx,\r\n y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy;\r\n\r\n // translate the element\r\n target.style.webkitTransform =\r\n target.style.transform =\r\n 'translate(' + x + 'px, ' + y + 'px)';\r\n\r\n // update the posiion attributes\r\n target.setAttribute('data-x', x);\r\n target.setAttribute('data-y', y);\r\n};\r\n\r\nfunction shouldDGIconsBePrinted(containerDiv, iconSize, iconCount) {\r\n return Math.max( containerDiv.outerWidth(), containerDiv.outerHeight()- containerDiv.find('.container_name').outerHeight() ) > iconSize * iconCount;\r\n}\r\n\r\nfunction getDGFormattedList(string, containerDiv, tagArea) {\r\n\r\n var iconSize = 16,\r\n formattedList = '',\r\n stringArray;\r\n\r\n tagArea.find('.dangerous').remove();\r\n\r\n stringArray = string.split(',');\r\n\r\n if (string !== '' && stringArray.length > 0 && shouldDGIconsBePrinted(containerDiv, iconSize, stringArray.length)) {\r\n stringArray.forEach(function (item) {\r\n item = item.replace('.','-').replace(' ','');\r\n formattedList += 'D
';\r\n }\r\n\r\n tagArea.prepend(formattedList);\r\n}\r\n\r\nfunction validateDgClasses(dgClass) {\r\n return dgClass.replace(/[,\\s]+/g, ',').replace(/^[,]+|[,]+$/g, ''); // replace 1+ comma with ',' , remove 1+ comma at the beginning and the end of the string.\r\n}\r\n\r\n/* Functions for setting those parameters that will need a visual update\r\n*/\r\ncontainer.prototype.ChangePosition = function (x, y) {\r\n\r\n this.position.x = x;\r\n this.position.y = y;\r\n this.UpdateContainerVisual();\r\n};\r\n\r\ncontainer.prototype.ChangeRotation = function ( rotation ) {\r\n this.features.rotation = rotation;\r\n this.UpdateContainerVisual();\r\n};\r\n\r\ncontainer.prototype.hasWeight = function ( rotation ) {\r\n\r\n return isNaN(parseInt(this.features.weight)) ? 0 : parseInt(this.features.weight) > 0;\r\n};\r\n\r\ncontainer.prototype.getId = function ( ) {\r\n return this.id;\r\n};\r\n\r\ncontainer.prototype.getDgClass = function ( ) {\r\n return this.dg_class;\r\n};\r\n\r\ncontainer.prototype.hasDgClass = function ( ) {\r\n return this.dg_class !== \"\" && this.dg_class !== undefined;\r\n};\r\n\r\n\r\ncontainer.prototype.ChangeSize = function ( length, width ) {\r\n this.features.length = length;\r\n this.features.width = width;\r\n this.UpdateContainerVisual();\r\n}\r\n\r\ncontainer.prototype.ChangeColor = function ( colour ) {\r\n this.colour = colour;\r\n this.UpdateContainerVisual();\r\n}\r\n\r\ncontainer.prototype.SetProperty = function ( property, show ) {\r\n if( this.properties[property] === undefined )\r\n return;\r\n\r\n this.properties[property] = show;\r\n this.UpdateContainerVisual();\r\n}\r\n\r\n\r\nvar ShowContainerInfo = function (event) {\r\n var $containerDom = $(event.target).closest(\".deckstate_container\");\r\n\r\n HoverInfoBox($containerDom, true);\r\n event.preventDefault();\r\n};\r\n\r\nvar EditContainer = function (event) {\r\n\r\n if($(event.target).closest(\".popover\").length > 0){\r\n return;\r\n }\r\n\r\n\r\n event.preventDefault();\r\n var $containerDom = $(event.target).closest(\".deckstate_container\");\r\n HoverInfoBox($containerDom, false);\r\n\r\n var containerId = $containerDom.attr('id');\r\n VRC.ContainerEditModal.show(containerId);\r\n\r\n};\r\n\r\nvar selectContainer = function ($containerEl) {\r\n unselectContainer();\r\n $containerEl.addClass('highlighted');\r\n var id = $containerEl.attr('id');\r\n g_selected_container = g_container_list[id];\r\n};\r\n\r\nvar unselectContainer = function(){\r\n if(g_selected_container){\r\n var $containerEl = $(g_selected_container.divID);\r\n $containerEl.removeClass('highlighted');\r\n g_selected_container = null;\r\n }\r\n};\r\n\r\n\r\n/* Initialises container */\r\n\r\ncontainer.prototype.InitialiseVisual = function ( p_containingID ) {\r\n var duplicate = false;\r\n if( $(this.divID).length > 0 ) {\r\n duplicate = true;\r\n $(this.divID).remove(); // remove container first if visual representation already exists\r\n }\r\n\r\n this.divID = '#' + this.id;\r\n\r\n var width = CalculatePresentageOfDeckLength(this.features.length);\r\n var height = CalculatePresentageOfDeckWidth(this.features.width);\r\n var x = CalculatePresentageOfDeckLength(this.position.x);\r\n var y = CalculatePresentageOfDeckWidth(this.position.y);\r\n\r\n var ctx = {\r\n id : this.id,\r\n color : this.colour,\r\n y : y,\r\n x : x,\r\n tag : this.tag\r\n };\r\n\r\n var html = WELL.Handlebars.VRC.container(ctx);\r\n $(p_containingID).append(html);\r\n\r\n\r\n\r\n\r\n if(!duplicate){\r\n interact(this.divID).draggable({\r\n restrict: {\r\n restriction: \"#deck\",\r\n endOnly: false,\r\n elementRect: { top: 0, left :0 , bottom: 1, right: 1 }\r\n },\r\n onstart : function(event){\r\n VRC.ContainerPopoverView.hide();\r\n g_isDragging = true;\r\n var $containerEl = $(event.target);\r\n var id = $containerEl.attr('id');\r\n VRC.ContainerService.drawConflictedStatus(id);\r\n HighlightContainers('clear');\r\n $('#popup_dialog').dialog('close' );\r\n var $containerEl = $(event.target);\r\n if($containerEl.hasClass('deckstate_container')){\r\n selectContainer($containerEl);\r\n }\r\n },\r\n // call this function on every dragmove event\r\n onmove: dragMoveListener,\r\n // call this function on every dragend event\r\n onend : dragEndListener\r\n });\r\n\r\n interact(this.divID)\r\n .on('tap', function (event) {\r\n event.stopPropagation();\r\n var $containerEl = $(event.target).closest('.deckstate_container');\r\n if($containerEl.hasClass('deckstate_container')){\r\n selectContainer($containerEl);\r\n }\r\n ShowContainerInfo(event);\r\n })\r\n .on('dblclick doubletap', function (event) {\r\n EditContainer(event);\r\n })\r\n }\r\n this.UpdateContainerVisual();\r\n};\r\n\r\n/* Updates visual content of container */\r\ncontainer.prototype.UpdateContainerVisual = function () {\r\n\r\n if( this.divID === undefined )\r\n return;\r\n\r\n var $l_div = $( this.divID );\r\n\r\n if(this.deckId !== 'outgoing_area'){\r\n $l_div.css( 'background-color', this.colour );\r\n }\r\n\r\n\r\n var $l_tag_area = $( $l_div.children('.container_tag_area') );\r\n if( $l_tag_area === undefined )\r\n VRC.ErrorHandleService.showMessage(\"tag_area not found. Can't update visual tags for container: \" + this.divID, G_MSG_TYPE_ERROR );\r\n\r\n if( this.features.rotation == 0 ) {\r\n $l_div.css( 'width', CalculatePresentageOfDeckLength(this.features.length) );\r\n $l_div.css( 'height', CalculatePresentageOfDeckWidth(this.features.width));\r\n }\r\n else {\r\n $l_div.css( 'width', CalculatePresentageOfDeckLength(this.features.width) );\r\n $l_div.css( 'height', CalculatePresentageOfDeckWidth(this.features.length));\r\n }\r\n\r\n var left = CalculatePresentageOfDeckLength(this.position.x);\r\n var top = CalculatePresentageOfDeckWidth(this.position.y);\r\n\r\n\r\n $l_div.css('left', left );\r\n $l_div.css('top',top);\r\n\r\n $l_div.html(' '+ this.tag +'');\r\n\r\n // add for tags or backgrounds\r\n var $l_tag = $( $l_tag_area.children('.container_tag.roundtrip') );\r\n this.properties.roundtrip ? $l_tag.css('display', 'block' ) : $l_tag.css('display', 'none');\r\n\r\n $l_tag = $( $l_tag_area.children('.container_tag.backload') );\r\n this.properties.backload ? $l_tag.css('display', 'block' ) : $l_tag.css('display', 'none');\r\n\r\n $l_tag = $( $l_tag_area.children('.container_tag.dangerous') );\r\n if (this.properties.dangerous) {\r\n getDGFormattedList(this.dg_class, $l_div, $l_tag_area);\r\n }\r\n else {\r\n $l_tag.css('display', 'none');\r\n }\r\n\r\n $l_tag = $( $l_tag_area.children('.container_tag.storage') );\r\n this.properties.storage ? $l_tag.css('display', 'block') : $l_tag.css('display', 'none');\r\n\r\n $l_tag = $( $l_tag_area.children('.container_tag.priority') );\r\n this.properties.priority ? $l_tag.css('display', 'block') : $l_tag.css('display', 'none');\r\n\r\n $l_tag = $($l_tag_area.children('.container_tag.transfer') );\r\n this.properties.transfer ? $l_tag.css('display', 'block') : $l_tag.css('display', 'none');\r\n\r\n $l_tag = $($l_tag_area.children('.container_tag.heavy-lift') );\r\n this.properties.heavy_lift ? $l_tag.css('display', 'block') : $l_tag.css('display', 'none');\r\n\r\n $l_tag = $($l_tag_area.children('.container_tag.refrigerated') );\r\n this.type === G_CONTAINER_TYPES.REFRIGERATED ? $l_tag.css('display', 'block') : $l_tag.css('display', 'none');\r\n\r\n $l_div.append( $l_tag_area ); // disappear when rotating, so need to re-add\r\n\r\n g_container_is_dirty = true;\r\n\r\n UpdateColorMap();\r\n };\r\n\r\ncontainer.prototype.DeleteContainerVisual = function () {\r\n if( this.divID === undefined )\r\n return;\r\n\r\n $(this.divID).remove();\r\n this.divID = undefined;\r\n};\r\n\r\ncontainer.prototype.isOnDeck = function () {\r\n return [\"outgoing_area\", \"transit_area\"].indexOf(this.deckID) === -1;\r\n};\r\n\r\nfunction container( p_obj, p_opts ) {\r\n\r\n if( p_opts['new'] == true ) {\r\n var l_date = new Date();\r\n this.id = 'container_' + Math.floor( Math.random()* 1000 ) + '_' + l_date.getTime();\r\n this.divID = undefined;\r\n }\r\n else {\r\n this.id = p_obj.id;\r\n this.divID = p_obj.divID; // not needed?\r\n }\r\n this.prev_id = p_obj.prev_id;\r\n this.tag = p_obj.tag;\r\n this.type = p_obj.type;\r\n this.remarks = p_obj.remarks;\r\n\r\n this.deckID = p_obj.deckID;\r\n\r\n if( this.deckID === undefined ) {\r\n this.deckID = 'transit_area';\r\n }\r\n\r\n if(p_obj.dg_class !== undefined) {\r\n this.dg_class = VRC.Utils.String.validateDgClasses(p_obj.dg_class);\r\n }\r\n if(p_obj.dg_info !== undefined) {\r\n this.dg_info = p_obj.dg_info;\r\n }\r\n\r\n if(p_obj.cargo_dg_info !== undefined) {\r\n this.cargo_dg_info = p_obj.cargo_dg_info;\r\n }\r\n\r\n this.destination = p_obj.destination;\r\n this.origin = p_obj.origin;\r\n\r\n this.colour = p_obj.colour;\r\n if( this.colour === undefined || this.colour == null) {\r\n this.colour = G_CONTAINER_COLOURS['DECK'];\r\n }\r\n\r\n this.image = p_obj.image;\r\n\r\n this.features = p_obj.features;\r\n this.position = p_obj.position;\r\n\r\n\r\n this.properties = p_obj.properties;\r\n\r\n // Converting to bools for consistency\r\n for( var l_key in this.properties ) {\r\n this.properties[l_key] = Boolean( this.properties[l_key]);\r\n }\r\n\r\n // Dummy check to make sure length and width have been set\r\n if( this.features.length === undefined || this.features.length <= 0 ) {\r\n this.features.length = 1;\r\n }\r\n if( this.features.width === undefined || this.features.width <= 0 ) {\r\n this.features.width = 1;\r\n }\r\n\r\n\r\n}\r\n","/**\r\n * Container, to replace the logic in Container.js.\r\n * Is used for the parse/toJson ability.\r\n *\r\n * TODO: Replace all modal logic in Container.js with this.\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.Container = (function(data){\r\n var _colour;\r\n var _deckId;\r\n var _destination;\r\n var _dgClass;\r\n var _dgInfo;\r\n var _cargoDgInfo;\r\n var _divId;\r\n\r\n var _length;\r\n var _rotation;\r\n var _weight;\r\n var _width;\r\n var _id;\r\n var _image;\r\n var _origin;\r\n var _position = {\r\n x : 0,\r\n y : 0\r\n };\r\n var _prevId;\r\n var _properties = {\r\n dangerous : false,\r\n priority : false,\r\n roundtrip : false,\r\n storage : false,\r\n transfer : false\r\n };\r\n var _remarks = '';\r\n var _tag;\r\n var _type;\r\n var _dgClasses;\r\n\r\n var getColour = function () {\r\n return _colour;\r\n };\r\n\r\n var setColour = function (colour) {\r\n if(!colour) {\r\n colour = SetContainerColour({origin: getOrigin(), destination: getDestination()})\r\n }\r\n _colour = colour;\r\n };\r\n\r\n var getDestination = function () {\r\n return _destination;\r\n };\r\n\r\n var getDestinationName = function(){\r\n var destination = VRC.MasterDataService.getPort(getDestination());\r\n\r\n return destination ? destination.name : '';\r\n };\r\n\r\n var setDestination = function (destination) {\r\n _destination = VRC.Utils.Number.parseInt(destination);\r\n };\r\n\r\n var getDeckId = function () {\r\n return _deckId;\r\n };\r\n\r\n var setDeckId = function (deckId) {\r\n if(deckId === undefined){\r\n deckId = 'transit_area';\r\n }\r\n _deckId = deckId;\r\n };\r\n\r\n var getDgClass = function () {\r\n return _dgClass;\r\n };\r\n\r\n var setDgClass = function (dgClass) {\r\n if(_.isArray(dgClass)){\r\n dgClass = dgClass.join(',');\r\n }\r\n _dgClass = VRC.Utils.String.validateDgClasses(dgClass);\r\n };\r\n\r\n var getDgInfo = function () {\r\n return _dgInfo;\r\n };\r\n\r\n var setDgInfo = function (dgInfo) {\r\n\r\n _dgInfo = dgInfo;\r\n };\r\n\r\n var getCargoDgInfo = function () {\r\n return _cargoDgInfo;\r\n };\r\n\r\n var setCargoDgInfo = function (cargoDgInfo) {\r\n\r\n _cargoDgInfo = cargoDgInfo;\r\n };\r\n\r\n var getDivId = function () {\r\n return '#'+getId();\r\n };\r\n\r\n\r\n\r\n var getFeatures = function () {\r\n return {\r\n length : getLength(),\r\n width : getWidth(),\r\n weight : getWeight(),\r\n rotation : getRotation()\r\n };\r\n };\r\n\r\n\r\n var getLength = function () {\r\n return _length;\r\n };\r\n\r\n var setLength = function (length) {\r\n _length = VRC.Utils.Number.parseFloat(length) || 1;\r\n };\r\n\r\n var getRotation = function () {\r\n return _rotation;\r\n };\r\n\r\n var setRotation = function (rotation) {\r\n _rotation = VRC.Utils.Number.parseInt(rotation) || 0;\r\n };\r\n\r\n var getWeight = function () {\r\n return _weight;\r\n };\r\n\r\n var setWeight = function (weight) {\r\n _weight = VRC.Utils.Number.parseFloat(weight);\r\n };\r\n\r\n var getWidth = function () {\r\n return _width;\r\n };\r\n\r\n var setWidth = function (width) {\r\n _width = VRC.Utils.Number.parseFloat(width) || 1;\r\n };\r\n\r\n var getId = function () {\r\n return _id;\r\n };\r\n\r\n var setId = function (id) {\r\n if(!id){\r\n var date = new Date();\r\n id = 'container_' + Math.floor( Math.random()* 1000 ) + '_' + date.getTime();\r\n }\r\n _id = id;\r\n };\r\n\r\n var getImage = function () {\r\n return _image;\r\n };\r\n\r\n var setImage = function (image) {\r\n if(!image){\r\n image = undefined;\r\n }\r\n _image = image;\r\n };\r\n\r\n var getOrigin = function () {\r\n return _origin;\r\n };\r\n\r\n var getOriginName = function(){\r\n var origin = VRC.MasterDataService.getPort(getOrigin());\r\n return origin ? origin.name : '';\r\n };\r\n\r\n var setOrigin = function (origin) {\r\n\r\n _origin = VRC.Utils.Number.parseInt(origin);\r\n\r\n };\r\n\r\n var getPosition = function () {\r\n return _position;\r\n };\r\n\r\n var setPosition = function (position) {\r\n position = position || {};\r\n setPosX(position.x);\r\n setPosY(position.y);\r\n };\r\n\r\n var getPosX = function () {\r\n return _position.x;\r\n };\r\n\r\n var setPosX = function (x){\r\n\r\n _position.x = VRC.Utils.Number.parseFloat(x) || 0 ;\r\n };\r\n\r\n var getPosY = function () {\r\n return _position.y;\r\n };\r\n\r\n var setPosY = function (y) {\r\n _position.y = VRC.Utils.Number.parseFloat(y) || 0 ;\r\n };\r\n\r\n var getPrevId = function () {\r\n return _prevId;\r\n };\r\n\r\n var setPrevId = function (prevId) {\r\n _prevId = prevId;\r\n };\r\n\r\n var getProperties = function () {\r\n return _properties;\r\n };\r\n\r\n var setProperties = function (properties) {\r\n if(properties){\r\n _.each(properties, function(value, type){\r\n setProperty(type, value);\r\n });\r\n }\r\n };\r\n\r\n\r\n var setProperty = function(type, value){\r\n value = !!(value === true || value === 'true' || value === 1 || value === '1' || value === 'on');\r\n _properties[type] = value;\r\n };\r\n\r\n var getRemarks = function () {\r\n return _remarks;\r\n };\r\n\r\n var setRemarks = function (remarks) {\r\n _remarks = remarks;\r\n };\r\n\r\n var getTag = function () {\r\n return _tag;\r\n };\r\n\r\n var setTag = function (tag) {\r\n _tag = tag;\r\n };\r\n\r\n var getType = function () {\r\n return _type;\r\n };\r\n\r\n var setType = function (type) {\r\n _type = type;\r\n };\r\n\r\n\r\n var parse = function(obj){\r\n obj = obj || {};\r\n obj.features = obj.features || {};\r\n obj.position = obj.position || {};\r\n obj.properties = obj.properties || {};\r\n\r\n\r\n setDeckId(obj.deckID);\r\n setDestination(obj.destination);\r\n setDgClass(obj.dg_class);\r\n setDgInfo(obj.dg_info);\r\n setCargoDgInfo(obj.cargo_dg_info);\r\n setWeight(obj.features.weight);\r\n setWidth(obj.features.width);\r\n setLength(obj.features.length);\r\n setRotation(obj.features.rotation);\r\n setWeight(obj.features.weight);\r\n setId(obj.id);\r\n setImage(obj.image);\r\n setOrigin(obj.origin);\r\n setPosX(obj.position.x);\r\n setPosY(obj.position.y);\r\n setPrevId(obj.prev_id);\r\n setProperties(obj.properties);\r\n setRemarks(obj.remarks);\r\n setTag(obj.tag);\r\n setType(obj.type);\r\n setColour(obj.colour);\r\n\r\n };\r\n\r\n\r\n\r\n var toJson = function(){\r\n var json = {\r\n colour : getColour(),\r\n deckID: getDeckId(),\r\n destination: getDestination(),\r\n destinationName : getDestinationName(),\r\n dg_class: getDgClass(),\r\n dg_info: getDgInfo(),\r\n cargo_dg_info: getCargoDgInfo(),\r\n divID: getDivId(),\r\n features: getFeatures(),\r\n id: getId(),\r\n image: getImage(),\r\n origin: getOrigin(),\r\n originName : getOriginName(),\r\n position: getPosition(),\r\n prev_id: getPrevId(),\r\n properties: getProperties(),\r\n remarks: getRemarks(),\r\n tag: getTag(),\r\n type: getType()\r\n };\r\n\r\n return json;\r\n\r\n };\r\n\r\n\r\n\r\n var update = function(data){\r\n\r\n parse($.extend(toJson(),data));\r\n };\r\n\r\n var init = function(data){\r\n if(data){\r\n parse(data);\r\n }\r\n\r\n };\r\n\r\n init(data);\r\n return {\r\n parse : parse,\r\n update : update,\r\n toJson : toJson,\r\n setDeckId : setDeckId,\r\n setPosX : setPosX,\r\n setPosY : setPosY,\r\n setOrigin: setOrigin,\r\n setDestination: setDestination,\r\n setType : setType,\r\n getRotation : getRotation\r\n }\r\n});\r\n","/**\r\n * The modal to create a new OR update a container.\r\n */\r\nvar VRC = VRC || {};\r\n\r\nVRC.ContainerEditModal = (function () {\r\n\tvar _template = 'edit_container';\r\n\tvar _prevContainer;\r\n\r\n\tvar tranformContainerPosFromMousePosition = function (containerPos) {\r\n\t\treturn {\r\n\t\t\tx: containerPos[0] || 0,\r\n\t\t\ty: containerPos[1] || 0,\r\n\t\t\tdeckID: containerPos[2] || g_current_deck.id\r\n\t\t};\r\n\r\n\t};\r\n\r\n\tvar setPrevValues = function (serializedContainer) {\r\n\t\t_prevContainer = serializedContainer;\r\n\t};\r\n\r\n\tvar createCtx = function (containerId) {\r\n\t\tvar containerJson = {};\r\n\t\tvar container;\r\n\t\tvar isNew = true;\r\n\t\tif (containerId) {\r\n\t\t\tcontainer = VRC.ContainerManager.getContainerById(containerId);\r\n\t\t\tif (container) {\r\n\t\t\t\tcontainerJson = container.toJson();\r\n\r\n\t\t\t\tisNew = false;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\tcontainer = VRC.Container();\r\n\t\t\tvar posObj = tranformContainerPosFromMousePosition(g_dbl_container_pos);\r\n\t\t\tcontainer.setPosX(posObj.x);\r\n\t\t\tcontainer.setPosY(posObj.y);\r\n\t\t\tcontainer.setDeckId(posObj.deckID);\r\n\t\t\tif (_prevContainer) {\r\n\r\n\t\t\t\tcontainer.setOrigin(_prevContainer.origin);\r\n\t\t\t\tcontainer.setDestination(_prevContainer.destination);\r\n\t\t\t\tcontainer.setType(_prevContainer.type);\r\n\t\t\t}\r\n\t\t\tcontainerJson = container.toJson();\r\n\t\t}\r\n\r\n\t\treturn {\r\n\t\t\tcontainer: containerJson,\r\n\t\t\tcontainerTemplates: VRC.MasterDataService.getContainerTemplates(),\r\n\t\t\tports: VRC.MasterDataService.getGroupedPorts(),\r\n\t\t\tcontainerTypes: VRC.MasterDataService.getContainerTypes(),\r\n\t\t\tdgClasses: VRC.MasterDataService.getDgClasses(),\r\n\t\t\tisNew: isNew\r\n\t\t}\r\n\r\n\t};\r\n\r\n\tvar setDangerousTag = function(ctx, isDangerous) {\r\n\t\tctx.container.properties.dangerous = isDangerous;\r\n $('#edit-container__dangerous').prop('checked', isDangerous);\r\n\t};\r\n\r\n\tvar attachDgClass = function ($modal, ctx) {\r\n\t\tvar $dgclass = $modal.find('#edit-container__dgClass');\r\n\r\n\t\t$dgclass.selectize({\r\n\t\t\tplugins: ['remove_button'],\r\n\t\t\tmaxItems: 10,\r\n onChange: function (value) {\r\n\t\t\t\tif (value) {\r\n setDangerousTag(ctx, true);\r\n }\r\n else {\r\n \tsetDangerousTag(ctx, false);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tvar dgClassList = $dgclass[0].selectize;\r\n\t\tif (ctx.container) {\r\n\t\t\tif (ctx.container.dg_class) {\r\n\t\t\t\tvar dgClass;\r\n\t\t\t\tif (!_.isArray(ctx.container.dg_class)) {\r\n\t\t\t\t\tdgClass = ctx.container.dg_class.split(',');\r\n\t\t\t\t} else {\r\n\t\t\t\t\tdgClass = ctx.container.dg_class;\r\n\t\t\t\t}\r\n\t\t\t\tdgClassList.setValue(dgClass);\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t};\r\n\r\n\tvar attachDestination = function ($modal, ctx) {\r\n\t\tvar $destination = $modal.find('#edit-container__destination');\r\n\r\n\t\t$destination.selectize(VRC.Utils.Selectize.getConfig());\r\n\r\n\t\tvar destinationList = $destination[0].selectize;\r\n\t\tif (ctx.container) {\r\n\t\t\tdestinationList.setValue(ctx.container.destination);\r\n\t\t}\r\n\t};\r\n\r\n\tvar attachOrigin = function ($modal, ctx) {\r\n\t\tvar $origin = $modal.find('#edit-container__origin');\r\n\r\n\t\t$origin.selectize(VRC.Utils.Selectize.getConfig());\r\n\r\n\t\tvar originList = $origin[0].selectize;\r\n\t\tif (ctx.container) {\r\n\t\t\toriginList.setValue(ctx.container.origin);\r\n\t\t}\r\n\t};\r\n\r\n\tvar attchPorts = function ($modal, ctx) {\r\n\t\tattachDestination($modal, ctx);\r\n\t\tattachOrigin($modal, ctx);\r\n\t};\r\n\r\n\tvar attachEvents = function (ctx) {\r\n\r\n\t\tvar $modal = $('#modal');\r\n\t\tvar $checkboxes = $modal.find(':checkbox');\r\n\t\t$checkboxes.checkboxpicker();\r\n\r\n\t\tattachDgClass($modal, ctx);\r\n\t\tattchPorts($modal, ctx);\r\n\r\n\t\t//TEMPLATE\r\n\t\t$('#edit-container__default').change(function (e) {\r\n\r\n\t\t\tvar params = $(e.target).val().split(';');\r\n\r\n\t\t\t$('#tag').val(params[0]);\r\n\t\t\t$('#length').val(params[1]);\r\n\t\t\t$('#width').val(params[2]);\r\n\t\t\tif (params[3] !== undefined) {\r\n\t\t\t\t$('#type').val(params[3]);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tvar $btnMultiple = $modal.find('.btn-multiple');\r\n\t\tvar $btnConfirm = $modal.find('.btn-confirm');\r\n\t\tvar $containerQty = $modal.find('#edit-container__qty');\r\n\r\n\t\t$btnMultiple.click(function (e) {\r\n\t\t\tupdateBtnText(1);\r\n\t\t\t$containerQty.show();\r\n\t\t\t$btnMultiple.hide();\r\n\t\t\t$containerQty.keyup(function () {\r\n\t\t\t\tupdateBtnText($(this).val());\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\t$modal.find('.btn-cancel').click(VRC.ModalManager.hide);\r\n\r\n\t\tif (ctx.isNew === true) {\r\n\t\t\t$btnConfirm.click(createContainer);\r\n\t\t}\r\n\t\telse {\r\n\t\t\t$btnConfirm.click(function (e) {\r\n\t\t\t\tupdateContainer(e, ctx.container.id);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t};\r\n\r\n\tvar updateBtnText = function (number) {\r\n\t\tvar disable = false;\r\n\t\tvar MAX_CONTAINERS = 10;\r\n\t\tvar text = 'Create container';\r\n\t\tvar $modal = $('#modal');\r\n\t\tvar $btn = $modal.find('.btn-confirm');\r\n\t\ttry {\r\n\t\t\tif (number) {\r\n\t\t\t\tnumber = parseInt(number);\r\n\t\t\t\tif (number <= MAX_CONTAINERS && number > 0) {\r\n\t\t\t\t\tvar ending = '';\r\n\t\t\t\t\tif (number > 1) {\r\n\t\t\t\t\t\tending = 's';\r\n\t\t\t\t\t}\r\n\t\t\t\t\ttext = 'Create ' + number + ' container' + ending;\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tdisable = true;\r\n\t\t\t\t\ttext = 'To many containers';\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tcatch (e) {\r\n\t\t\tdisable = true;\r\n\t\t\ttext = 'Cannot create containers';\r\n\t\t}\r\n\t\tif (disable) {\r\n\t\t\t$btn.prop('disabled', 'disabled');\r\n\t\t}\r\n\t\telse {\r\n\t\t\t$btn.prop('disabled', false);\r\n\t\t}\r\n\t\t$btn.text(text);\r\n\t};\r\n\r\n\tvar serializeContainer = function ($target) {\r\n\t\tvar $body = $target.closest('.modal-body');\r\n\r\n\t\tvar $inputElements = $body.find(':input');\r\n\t\tvar serializedObject = VRC.Utils.Forms.serializeObject($inputElements);\r\n\r\n\t\treturn serializedObject;\r\n\t};\r\n\r\n\tvar createContainer = function (e) {\r\n\t\te.preventDefault();\r\n\r\n\t\tvar createContainer = function (serializedObject) {\r\n\t\t\tvar container = VRC.Container(serializedObject);\r\n\t\t\tVRC.ContainerManager.add(container);\r\n\t\t\tsetPrevValues(serializedObject);\r\n\t\t\tVRC.ModalManager.hide();\r\n\t\t};\r\n\r\n\t\tvar $target = $(e.target);\r\n\t\tvar serializedObject = serializeContainer($target);\r\n\r\n\t\tvar qty = $('#edit-container__qty').val();\r\n\t\tif (qty) {\r\n\t\t\tvar multipleContainerQty = 1;\r\n\r\n\t\t\ttry {\r\n\t\t\t\tmultipleContainerQty = parseInt(qty)\r\n\t\t\t}\r\n\t\t\tcatch (e) {\r\n\t\t\t\tconsole.error(e);\r\n\t\t\t}\r\n\t\t\tfor (var ii = 0; ii < multipleContainerQty; ii++) {\r\n\t\t\t\tcreateContainer(serializedObject);\r\n\t\t\t\ttry {\r\n\t\t\t\t\tserializedObject.position.x = parseFloat(serializedObject.position.x + 1) || '';\r\n\t\t\t\t\tserializedObject.position.y = parseFloat(serializedObject.position.y + 1) || '';\r\n\t\t\t\t}\r\n\t\t\t\tcatch (e) {\r\n\t\t\t\t\tconsole.error(e);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t\telse {\r\n\t\t\tcreateContainer(serializedObject);\r\n\t\t}\r\n\r\n\t};\r\n\r\n\tvar updateContainer = function (e, containerId) {\r\n\t\te.preventDefault();\r\n\t\tvar $target = $(e.target);\r\n\t\tvar serializedObject = serializeContainer($target);\r\n\t\tvar container = VRC.ContainerManager.getContainerById(containerId);\r\n\r\n\t\tserializedObject.features.rotation = container.getRotation();\r\n\r\n\t\tcontainer.update(serializedObject);\r\n\t\tVRC.ContainerManager.update(container);\r\n\r\n\t\tVRC.ModalManager.hide();\r\n\r\n\t};\r\n\r\n\tvar show = function (containerId) {\r\n\t\tvar ctx = createCtx(containerId);\r\n\t\tVRC.ModalManager.show(_template, ctx);\r\n\r\n\t\tattachEvents(ctx);\r\n\t};\r\n\r\n\treturn {\r\n\t\tshow: show,\r\n\t\thide: function () {\r\n\t\t\tVRC.ModalManager.hide();\r\n\t\t},\r\n\t\tsetPrevValues: setPrevValues\r\n\t}\r\n})();\r\n","/**\r\n * Manager (Collection) for all containers.\r\n * Now used for a transition between the old and new container format.\r\n *\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.ContainerManager = (function () {\r\n\r\n\tvar importContainers = function (containers) {\r\n\t\tParseContainers(containers);\r\n\t};\r\n\r\n\tvar getContainerById = function (containerId) {\r\n\t\tvar container = g_container_list[containerId];\r\n\r\n\t\tvar containerObject = VRC.Container(container);\r\n\r\n\t\treturn containerObject;\r\n\t};\r\n\r\n\tvar add = function (con, isUpdate) {\r\n\t\tvar isUpdate = isUpdate || false;\r\n\t\t//Transformation until we have gotten rid of the old container format\r\n\t\tvar oldContainerFormat = new container(con.toJson(), {});\r\n\r\n\t\tg_container_list[oldContainerFormat.id] = oldContainerFormat;\r\n\r\n\t\tif (isUpdate) {\r\n\t\t\toldContainerFormat.UpdateContainerVisual();\r\n\t\t} else {\r\n\t\t\toldContainerFormat.InitialiseVisual(G_CONTAINING_DIV);\r\n\t\t}\r\n\r\n\t\tUpdateAllDeckTotals();\r\n\t\tUpdateColorMap();\r\n\r\n\t};\r\n\r\n\tvar update = function (container) {\r\n\t\tadd(container, true); //same as this point\r\n\t};\r\n\r\n\treturn {\r\n\t\timportContainers: importContainers,\r\n\t\tgetContainerById: getContainerById,\r\n\t\tadd: add,\r\n\t\tupdate: update\r\n\t}\r\n})();","var VRC = VRC || {};\r\nVRC.ContainerPopoverView = (function () {\r\n\r\n\tvar init = function ($containerDom, container, config) {\r\n\t\t$('.deckstate_container').popover('destroy');\r\n\r\n\t\tvar jsonElement = container.toJson ? container.toJson() : container;\r\n\r\n\t\tvar dg = [];\r\n\t\tif (jsonElement.dg_class) {\r\n\t\t\tdg = _.map(jsonElement.dg_class.split(','), function (dgClassId) {\r\n\t\t\t\treturn VRC.MasterDataService.getDgClass(dgClassId).name;\r\n\t\t\t});\r\n\t\t\tjsonElement.dg = dg;\r\n\t\t}\r\n\r\n\t\tvar popOverHtml = WELL.Handlebars.VRC.containerPopover(jsonElement);\r\n\r\n\t\t$containerDom.attr('data-content', popOverHtml);\r\n\t\t$containerDom.popover({animation : false, html: true, placement: 'bottom auto', title: config.title, sanitize: false });\r\n\t\t$containerDom.popover('show');\r\n\r\n\t\t$('.popover').find('.close').click(function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\thide();\r\n\t\t});\r\n\r\n\t};\r\n\r\n\tvar show = function ($dropzoneElement, droppedElement, onConfirm, onCancel, config) {\r\n\t\tconfig = config || {};\r\n\t\tinit($dropzoneElement, droppedElement, config);\r\n\r\n\t\tvar $popover = $dropzoneElement.next();\r\n\r\n\t};\r\n\r\n\tvar hide = function ($containerDom) {\r\n\t\t$('.deckstate_container').popover('destroy');\r\n\t};\r\n\treturn {\r\n\t\tshow: show,\r\n\t\thide: hide\r\n\t}\r\n})();","\r\n\r\n/**\r\n * VRC.ContainerService\r\n * Service with functions that finds and manipulates containers.\r\n */\r\n\r\nvar VRC = VRC || {};\r\nVRC.ContainerService = (function () {\r\n\tvar _matches = [];\r\n\t/**\r\n\t * Loops through the containerlist and return those without weight.\r\n\t * @returns Array array with containers without weight.\r\n\t */\r\n\tvar findContainersWithoutWeight = function () {\r\n\t\tvar containersWithoutWeight = [];\r\n\t\t$.each(g_container_list, function (key, container) {\r\n\r\n\t\t\tif (!container.hasWeight()) {\r\n\t\t\t\tcontainersWithoutWeight.push(container);\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn containersWithoutWeight;\r\n\t};\r\n\t/**\r\n\t * Hightligts containers without weight.\r\n\t */\r\n\tvar highligthContainersWithoutWeight = function (deckId) {\r\n\t\tHighlightContainers('clear');\r\n\t\tvar containers = findContainersWithoutWeight();\r\n\r\n\t\tfor (var ii = 0; ii < containers.length; ii++) {\r\n\t\t\tvar container = containers[ii];\r\n\t\t\tif (container.deckID == deckId) {\r\n\t\t\t\thighLightContainer(container.id);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Hightligts a single container\r\n\t * @param containerId\r\n\t */\r\n\tvar highLightContainer = function (containerId) {\r\n\r\n\t\t$('#' + containerId).addClass('highlighted');\r\n\t};\r\n\r\n\tvar getContainerById = function (id) {\r\n\t\treturn _.find(g_container_list, function (container) {\r\n\t\t\treturn container.getId() === id;\r\n\t\t});\r\n\t};\r\n\r\n\tvar getContainersWithRules = function (id) {\r\n\t\treturn _.filter(g_container_list, function (container) {\r\n\t\t\tif (container.getId() === id) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tif (!container.isOnDeck()) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\treturn container.hasDgClass();\r\n\t\t});\r\n\t};\r\n\r\n\tvar rules = {\r\n\t\t\"1\": 3,\r\n\t\t\"2\": 6,\r\n\t\t\"3\": 12,\r\n\t\t\"4\": 24\r\n\t};\r\n\r\n\tvar isRelevantRule = function (rule) {\r\n\t\treturn rule !== null && rule !== \"*\" && rule !== 'X';\r\n\t};\r\n\r\n\tfunction getConflictedContainers (id) {\r\n\t\t_matches = [];\r\n\t\tvar baseContainer = getContainerById(id);\r\n\r\n\t\tif (baseContainer.hasDgClass()) {\r\n\r\n\t\t\tvar containers = getContainersWithRules(baseContainer.getId());\r\n\r\n\t\t\t// check each container against dragged container and all rules\r\n\t\t\t_matches = _.map(containers, function (container) {\r\n\r\n\t\t\t\tvar baseRules = baseContainer.getDgClass().split(',');\r\n\t\t\t\tvar containerRules = container.getDgClass().split(',');\r\n\r\n\t\t\t\t// Go over rules from base containers vs each rule for second container. We want to keep the one with highest segregation (meters)\r\n\t\t\t\tvar temp_match = _.map(baseRules, function(rule1) {\r\n\r\n var _temp_match = _.map(containerRules, function (rule2) {\r\n\r\n var rule = VRC.MasterDataService.getDgSegRule(rule1, rule2);\r\n\r\n if (isRelevantRule(rule)) {\r\n var meters = rules[rule];\r\n\r\n var yM2 = VRC.Utils.Number.parseFloat(container.position.y) - (meters);\r\n var widthM2 = VRC.Utils.Number.parseFloat(container.features.width) + (meters * 2);\r\n var lengthM2 = VRC.Utils.Number.parseFloat(container.features.length) + (meters * 2);\r\n if (container.features.rotation > 0) {\r\n widthM2 = VRC.Utils.Number.parseFloat(container.features.length) + (meters * 2);\r\n lengthM2 = VRC.Utils.Number.parseFloat(container.features.width) + (meters * 2);\r\n }\r\n\r\n var xM2 = VRC.Utils.Number.parseFloat(container.position.x) - (meters);\r\n\r\n var deckWidthM2 = g_current_deck.width;\r\n if ((widthM2 + yM2) > deckWidthM2) {\r\n var overflow = (widthM2 + yM2) - deckWidthM2;\r\n widthM2 = widthM2 - overflow;//Remove overflow in bottom of deck.\r\n }\r\n\r\n var width = CalculatePresentageOfDeckWidth(widthM2);\r\n var y = CalculatePresentageOfDeckWidth(yM2);\r\n var x = CalculatePresentageOfDeckLength(xM2);\r\n var length = CalculatePresentageOfDeckLength(lengthM2);\r\n\r\n return {\r\n length: length,\r\n width: width,\r\n x: x,\r\n y: y,\r\n\t\t\t\t\t\t\t\tmeter: meters,\r\n boundries: {\r\n top: yM2,\r\n left: xM2,\r\n right: xM2 + lengthM2,\r\n bottom: yM2 + widthM2\r\n },\r\n\r\n dgClass: rule2\r\n\r\n };\r\n }\r\n });\r\n return _temp_match;\r\n });\r\n temp_match = _.flatten(temp_match);\r\n temp_match = _.filter(temp_match, function(match) {return match !== undefined});\r\n if(temp_match.length > 0) {\r\n temp_match = _.max(temp_match, function (o) {\r\n return o.meter\r\n });\r\n }\r\n else {\r\n \ttemp_match = undefined;\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn temp_match;\r\n\r\n\t\t\t});\r\n\t\t}\r\n\t\t_matches = _.filter(_matches, function (match) {\r\n\t\t\treturn match !== undefined;\r\n\t\t});\r\n\t\treturn _matches;\r\n\t};\r\n\r\n\tvar drawConflictedStatus = function (id) {\r\n\r\n\t\tvar $deck = $(\"#deck\");\r\n\r\n\t\tvar overlays = getConflictedContainers(id);\r\n\t\t_.each(overlays, function (overlay) {\r\n\t\t\t$deck.append(WELL.Handlebars.VRC['dg_segregation_overlay'](overlay));\r\n\t\t});\r\n\t};\r\n\r\n\tvar isInSideBoundries = function (dropped, boundry) {\r\n\t\treturn !(dropped.left > boundry.right ||\r\n\t\tdropped.right < boundry.left ||\r\n\t\tdropped.top > boundry.bottom ||\r\n\t\tdropped.bottom < boundry.top);\r\n\t};\r\n\r\n\tvar clearConflictedStatus = function (id) {\r\n\t\tvar container = g_container_list[id];\r\n\r\n\t\tvar boundries = {\r\n\t\t\ttop: container.position.y,\r\n\t\t\tleft: container.position.x,\r\n\t\t\tbottom: VRC.Utils.Number.parseFloat(container.features.width) + container.position.y,\r\n\t\t\tright: VRC.Utils.Number.parseFloat(container.features.length) + container.position.x\r\n\t\t};\r\n\r\n\t\tvar isViolation = _.find(_matches, function (match) {\r\n\t\t\treturn isInSideBoundries(boundries, match.boundries);\r\n\r\n\t\t});\r\n\r\n\t\tif (isViolation) {\r\n\t\t\tsetTimeout(\r\n\t\t\t\tfunction () {\r\n\t\t\t\t\tvar msg = 'Warning. This placement indicates a violation of the segregation rules.';\r\n\t\t\t\t\talert(msg);\r\n\t\t\t\t}\r\n\t\t\t\t, 100);\r\n\t\t}\r\n\r\n\t\t_matches = [];\r\n\t\t$(\".deck-state__dg-segregation-overlay\").remove();\r\n\r\n\t};\r\n\r\n\tvar findAdHocContainers = function () {\r\n\t\treturn _.filter(g_container_list, function (container) {\r\n\t\t\tvar searchString = \"container_\";\r\n\t\t\tvar id = container.id;\r\n\t\t\treturn id.length > 0 && id.substring(0, searchString.length) === searchString;\r\n\t\t})\r\n\t};\r\n\r\n\tvar hasSameTag = function (container1, container2) {\r\n\r\n\t\tif (!container1 || !container2) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tvar tag1 = container1.tag;\r\n\t\tvar tag2 = container2.tag;\r\n\r\n\t\tif (!tag1 || !tag2) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\tif (tag1.length === 0 || tag2.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\ttag1 = sanitizeString(tag1);\r\n\t\ttag2 = sanitizeString(tag2);\r\n\r\n\t\treturn tag1 === tag2;\r\n\t};\r\n\r\n\tvar sanitizeString = function (inpup) {\r\n\t\treturn inpup.replace(/[-_,.\\s]/g, '').toLowerCase();\r\n\t};\r\n\r\n\tvar findManifestedContainers = function (adHocContainers) {\r\n\t\tadHocContainers = adHocContainers || findAdHocContainers();\r\n\t\treturn _.difference(g_container_list, adHocContainers);\r\n\t};\r\n\r\n\tvar findManifestedTransitContainers = function (adHocContainers) {\r\n\t\tvar manifestedContainers = findManifestedContainers(adHocContainers);\r\n\t\treturn _.filter(manifestedContainers, function (container) {\r\n\t\t\treturn container.deckID === \"transit_area\";\r\n\t\t});\r\n\t};\r\n\r\n\tvar findMatchingContainers = function () {\r\n\t\tvar adHocContainers = findAdHocContainers();\r\n\t\tvar manifestedContainers = findManifestedTransitContainers(adHocContainers);\r\n\r\n\t\tvar matches = [];\r\n\t\t_.each(manifestedContainers, function (container) {\r\n\r\n\t\t\tvar matchingAdHocContainer = _.find(adHocContainers, function (adHocContainer) {\r\n\r\n\t\t\t\treturn hasSameTag(container, adHocContainer);\r\n\t\t\t});\r\n\r\n\t\t\tif (matchingAdHocContainer) {\r\n\t\t\t\tmatches.push({container: container, adHocContainer: matchingAdHocContainer})\r\n\t\t\t}\r\n\r\n\t\t});\r\n\t\treturn matches;\r\n\t};\r\n\r\n\tvar switchContainers = function (matches) {\r\n\t\t_.each(matches, function (match) {\r\n\t\t\tmatch.container.position = match.adHocContainer.position;\r\n\t\t\tmatch.container.features.rotation = match.adHocContainer.features.rotation;\r\n\t\t\tmatch.container.deckID = match.adHocContainer.deckID;\r\n\t\t\tmatch.container.InitialiseVisual(\"#deck\");\r\n\t\t\tg_container_list[match.container.id] = match.container;\r\n\t\t\tdelete g_container_list[match.adHocContainer.id];\r\n\t\t\t$(\"#\" + match.adHocContainer.id).remove();\r\n\t\t});\r\n\t};\r\n\r\n\treturn {\r\n\t\tgetContainersWithRules: getContainersWithRules,\r\n\t\tgetConflictedContainers: getConflictedContainers,\r\n\t\tdrawConflictedStatus: drawConflictedStatus,\r\n\t\tclearConflictedStatus: clearConflictedStatus,\r\n\t\tgetContainerById: getContainerById,\r\n\t\tfindContainersWithoutWeight: findContainersWithoutWeight,\r\n\t\thighligthContainersWithoutWeight: highligthContainersWithoutWeight,\r\n\t\tfindAdHocContainers: findAdHocContainers,\r\n\t\tfindMatchingContainers: findMatchingContainers,\r\n\t\tswitchContainers: switchContainers\r\n\t};\r\n})();\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","/**\r\n * TODO: To replace the view logic in Container.js\r\n * NOT IN USE YET.\r\n */\r\n\r\nvar VRC = VRC || {};\r\n\r\nVRC.ContainerView = (function(){\r\n\r\n var _containerModel;\r\n var _containerQuery = '.deck';\r\n var _template = 'containerView';\r\n\r\n\r\n var getId = function(){\r\n\r\n };\r\n\r\n var setBackgroundColor = function(){\r\n\r\n };\r\n\r\n var attachEvents = function(){\r\n attachDraggable();\r\n attachEditModal();\r\n attachViewModal();\r\n };\r\n\r\n var rotate = function(){\r\n\r\n };\r\n\r\n var attachDraggable = function(){\r\n\r\n };\r\n\r\n var attachEditModal = function(){\r\n\r\n };\r\n\r\n var attachViewModal = function(){\r\n\r\n };\r\n\r\n var init = function(model){\r\n _containerModel = model;\r\n };\r\n\r\n var render = function(){\r\n attachEvents();\r\n var ctx = _containerModel.toJson();\r\n\r\n var html = WELL.Handlebars.VRC[_template](ctx);\r\n\r\n\r\n };\r\n\r\n var update = function(){\r\n\r\n };\r\n\r\n return {\r\n init : init,\r\n render : render,\r\n update : update\r\n }\r\n});\r\n"]}