Add final modifications to a Javascript-based file editor

Job Description:

We have worked on a Javascript based ‘file editor’ for a specific file format called DBC. Our developer did not have more time to finish the last parts of this, so we are looking for a talented JS developer to take over.

For basics on DBC files: [login to view URL]

The current state of the editor can be found and copied from here:

[login to view URL]

As a first step, we recommend creating a new codepen with the editor and ensure it works as before exactly.

Next, perform the following modifications to the code:

#1 Minor visual edits

In the signal preview, rename “Bit indices” to “Editor bit indices” and put it on one line. Ensure the byte rows in the matrix align with the byte rows to the right in the signal decoding view.

Add a vertical “Byte number” text to the left of the Signal Preview matrix and add the byte number index in a similar style as the bit index header (see illustration_editor_1).

Enable columns in the editor to be reduced/increased in width via dragging. If too complex, alternatively just expand the signal column width by 50%.


#2 Intel Signal Preview:

For INTEL byte order, adjust the byte sequence in the Signal Preview matrix as below. Note that the logic of what specific bit indices are highlighted for a given signal stays the same as before.


#3 Motorola Start Bit and Signal Preview

For MOTOROLA byte order, make the following changes:

The Bit Start shown in the editor should be derived from the DBC bit start as follows:

editor_bit_start = [login to view URL](dbc_bit_start/8)*8+7-MOD(dbc_bit_start,8)

The purpose of this transformation is purely to make the editing more intuitive for the user, as well as simplify the signal preview. When the signal start bit is to be stored in the DBC file, the inverse operation should be used to translate back to the DBC syntax

dbc_start_bit = [login to view URL](editor_start_bit/8)*8+7-MOD(editor_start_bit,8)

The ‘validation’ of inputs should also be based on the editor inputs for Motorola signals. For example, a user entering a bit start of 60 and a length of 4 would not get a validation - while a user entering a bit start of 60 and a length of 5 would. This should be significantly easier to validate using the editor bit start logic, compared to the DBC logic.

Further, the Signal Preview should be adjusted in this case to reverse the bit ordering as below. For a Motorola signal with ‘editor start bit’ 0 and bit length 16, the highlighted signal in the preview would thus span the first two bytes. The purpose of this change is to make the Motorola visualisation and editing more intuitive. See Illustration_editor_2.

If a CAN message “mixes” Intel and Motorola signals, then the Signal Preview should be disabled for simplicity (i.e. hide it and grey out the checkbox). In this case, a hover message should state:

“Unable to display the signal preview for messages with a mix of Intel and Motorola byte order signals”

When a user hovers the Start bit column header, the following info box should appear:

“For Intel signals, the start bit shown in the editor equals the start bit shown in the DBC file. For Motorola signals, the start bit shown in the editor equals the start bit index counted left-to-right when the data payload is kept in the Motorola byte order”


#4 Multiplexing changes:

Currently, the Multiplexor field opens up an impractically large list. Ideally fix the height of the list to e.g. 200 px and add a scroll bar within that modal instead, as well as an “X” to exit it.

When the DBC is saved with modifications for the Multiplexing meta fields (starting with ‘SG_MUL_VAL_’), a semi colon is lacking at the end of this line - see the OBD2 DBC for how it should look.

Verify that the OBD2 DBC can be loaded, edited and saved correctly using the editor and that changes to the multiplexing get correctly reflected (attached).

Compétences : JavaScript, CSS, HTML, PHP

Concernant le client :
( 37 commentaires ) Maarslet, Denmark

Nº du projet : #34878316

Décerné à:


Dear client. I checked your job details and it is very interesting. I am pretty sure that I am the best candidate for your job. I have 6+ years of experience in the field of Android and Mobile App development. I have a Plus

%selectedBids___i_sum_sub_7% %project_currencyDetails_sign_sub_8% USD en 3 jours
(18 Commentaires)

23 freelances font une offre moyenne de 147 $ pour ce travail


Add final modifications to a Javascript-based file editor Hi, hope you are doing well, I am free nowadays and can start your work. For my experience kindly once have a look on my profile and check my work samples whi Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(44 Commentaires)

Dear sir, I have gone through your outsourced requirement " Add final modifications to a Javascript-based file editor " and have analyzed that I have right credentials ( PHP JavaScript CSS HTML ) to execute your est Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(147 Commentaires)

Hello there, I am a web developer having eight years of experience. I have extensive hands-on skills in: • Laravel. • PHP. • HTML. • CSS. • JavaScript. • React Native. • Shopify. • Prestashop. • Codeigniter. • React Ja Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(65 Commentaires)

"I will exceed your expectations."Add final modifications to a Javascript-based file editor" Hello. This is Sunil a full-stack developer. I have read your project description * I really want to participate in this wor Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(53 Commentaires)

Hi I have read your description carefully. ⭐ I have rich experiences in JS, html, css ⭐ I worked on many similar projects. I can guarantee the quality of the job. Please kindly message me. Thank you.

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(12 Commentaires)

Hello! I am skilled Frontend computer programmer with skills including CSS, HTML, JavaScriptand PHP. Please contact me to discuss more about this project. Thank you

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 8 jours
(17 Commentaires)

Hi, I am very interested in this project and can do this work efficiently because I have 8 years' experience. Please ping me for further communication. If needed, I will complete the first page. After that, you will aw Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(12 Commentaires)

Greetings, I am here to help you modifications to a Javascript-based file editor as I am rich experienced developer/designer infact I have built some similar top-Notch website for my prior Clients and want to make you Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(9 Commentaires)

Hello, I am Mean & Mern Stack Developer experienced in React, Angular, Vue and Node, Express, NextJS, etc. I have developed a number of complicated websites and themes (also work in frameworks). I can work with any typ Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(10 Commentaires)

★Hi, there★ How's it going? This is Tyler, high-level web developer. I have read everything and have some proposals for you. Over 5 years of extensive experience and deep knowledge in website design, Html5 / SASS / Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 4 jours
(17 Commentaires)

I can do this!! Greetings, I am a professional and experienced in providing high-quality Full-stack WordPress, and PHP designing, developing, and Swift services. I am highly interested in your project. Please contact Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(7 Commentaires)

Hello. I am a Javascript and HTML expert. I can do everything what you want with HTML,js, CSS PHP/Laravel. I've rich experienced for 8+ years. I can quickly and perfectly finish your project. In my opinion, I'm very we Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(2 Commentaires)

Hello, Client. I am a fullstack web developer with 6 years experience in php, javascript. react, node.js. I have read your requirement carefully and i can finish it perfectly. I am looking forward your reply. thanks.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(5 Commentaires)

Hello. Dear there.I am a woman that you are looking for a talented JS developer to take over. Hope you are doing well. I've gone through your posted job description. I can help you wonderfully. Please contact me. Thank Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(9 Commentaires)

Hello! I am available right now to discuss your project! I am experienced WordPress Theme and Plugin Developer. I have developed several themes & plugins to meet the requirements of my clients using my high-level skil Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(5 Commentaires)

Hi, Martin. How are you? This is Erielle, and I am an expert in Web development by HTML, CSS, JavaScript, PHP who has 6+ years of rich development experience. As a senior web developer, focused on customer satisfacti Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(6 Commentaires)

Hello. I am ready. Let's talk. Best!

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(3 Commentaires)

Hey there! i read your project requirements and i will be able to do this for you! ihave some questions regarding this project lets get in message and discuss and then get to work!

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(1 Évaluation)