{this.project_info()}
{this.howto()}
{this.page_foot()}
Are you sure you want to suppress this line ?
You are removing a item. Please confirm you want to suppress : {this.props.info}
{this.props.name}
);
}
}
// Text input box
class TxtInput extends React.Component {
constructor(props) {
super(props);
this.handleChange = this.handleChange.bind(this);
}
handleChange(e) {
this.props.onChange(e.target.value);
}
componentDidMount() {
$('[data-toggle="tooltip"]').tooltip();
}
componentDidUpdate() {
$('[data-toggle="tooltip"]').tooltip();
}
componentWillUnmount() {
$('[data-toggle="tooltip"]').tooltip('dispose');
}
render() {
let info=null ;
if(this.props.info != null && this.props.info !== "") info={this.props.info} ;
return (
{this.state.listoptions}
{this.props.Prepend}
{info}
{this.props.InvalidMessage}
{props.text}
);
}
// Plugins definition
// ---------------------
// ---------------------
class AmountRatesCost extends React.Component {
constructor(props) {
super(props);
this.handleAmountChange = this.handleAmountChange.bind(this);
this.handleRateChange = this.handleRateChange.bind(this);
this.state={
Amount : 1,
SelectRate : 0 ,
Rate : this.props.data.Rates[Object.keys(this.props.data.Rates)[0]],
Adaptive:false,
};
if(typeof this.props.data.Adaptive!=='undefined' && this.props.data.Adaptive===true){
this.state.Adaptive=true;
}
this.make_export();
}
handleAmountChange(amount) {
this.setState({Amount: amount});
}
handleRateChange(select) {
this.setState({SelectRate: select});
this.setState({Rate: this.props.data.Rates[Object.keys(this.props.data.Rates)[select]]});
}
make_export(){
this.export=[
{Name:"Amount",Value:this.state.Amount+" "+this.props.data.AmountUnit},
{Name:this.props.data.RateName,Value:Object.keys(this.props.data.Rates)[this.state.SelectRate]}
];
this.props.export(this.export);
}
componentDidUpdate(){
this.makecost(this.state.Amount,this.state.Rate);
this.make_export();
}
render() {
let Amount_min;
let Amount_max;
let Amount_stp;
if(this.state.Adaptive){
Amount_min=this.props.data.AmountMin[this.state.SelectRate];
Amount_max=this.props.data.AmountMax[this.state.SelectRate];
Amount_stp=this.props.data.AmountStep[this.state.SelectRate];
}
else {
Amount_min=this.props.data.AmountMin;
Amount_max=this.props.data.AmountMax;
Amount_stp=this.props.data.AmountStep;
}
if(this.state.Amount>Amount_max){
this.state.Amount=Amount_max;
}
if(this.state.Amount
Please select a provider in the list.
);
}
}
class UserCost extends React.Component {
constructor(props) {
super(props);
this.handleCostChange = this.handleCostChange.bind(this);
this.handleProviderChange = this.handleProviderChange.bind(this);
this.handleServiceChange = this.handleServiceChange.bind(this);
this.handleYearChange = this.handleYearChange.bind(this);
this.handleConvMoneyChange = this.handleConvMoneyChange.bind(this);
this.state={
total:0,
value:0,
ProviderError:true,
ServiceError:true,
ByYear:false,
};
this.export=[];
}
handleYearChange(state){
this.setState({ByYear: state});
this.props.handlebyYearChange(state);
}
makecost(byYear,amount){
let total=amount;
if(byYear) total=amount*projectduration;
// this.setState({total:total});
this.props.onCostChange(this.props.n,tomoney(total));
}
handleCostChange(value){
this.setState({value:value});
}
handleProviderChange(txt){
this.props.handleProviderChange(txt);
if(txt ===''){
this.setState({ProviderError: true});
}
else {
this.setState({ProviderError: false});
}
}
handleServiceChange(txt){
this.props.handleServiceChange(txt);
if(txt ===''){
this.setState({ServiceError: true});
}
else {
this.setState({ServiceError: false});
}
}
handleConvMoneyChange(conv){
this.setState({conv:conv});
}
componentDidUpdate(){
this.makecost(this.state.ByYear,this.state.value);
// this.make_export();
}
classtxt(error){
if(error){
return "is-invalid";
}
else {
return "is-valid";
}
}
render() {
let Costname="Cost";
if(this.state.ByYear) Costname="Cost by year";
this.props.export(this.export);
return (
{Cdata.ExtraInfo}
{Extra_infUrl}
years); } else { return(); } } render() { let minus=null; let plus=null; let convout=null; if (this.props.show_minus){ minus=
{plus}
{minus}
-
{(index) => }
);}
}
// displays all the plugins defined in the Maindata
class PluginsMain extends React.Component {
constructor(props) {
super(props);
this.handleCostChange = this.handleCostChange.bind(this);
this.make_exportplug=this.make_exportplug.bind(this);
this.make_export = this.make_export.bind(this);
this.state={
varsum:{},
export:[],
};
}
handleCostChange(name,e) {
this.state.varsum[name]=e;
this.props.TotalCost(sum(this.state.varsum));
}
make_exportplug(data,n) {
this.state.export[n] = data;
this.make_export();
}
make_export(){
if (this.state.export.length === this.props.data.length) {
this.props.export(this.state.export);
}
}
render() {
return(
{(index) => }
);
}
}
// MAIN
// ---------------------
// ---------------------
class Main extends React.Component {
constructor(props) {
Money_GetRates();
super(props);
this.handleCostChange = this.handleCostChange.bind(this);
this.make_exportmain = this.make_exportmain.bind(this);
this.handleNameChange = this.handleNameChange.bind(this);
this.handleDurationChange = this.handleDurationChange.bind(this);
this.handleConvMoneyChange = this.handleConvMoneyChange.bind(this);
this.state= {
total: 0,
export: [],
exportmain:[],
name:'',
duration:MainData.DefaultDuration,
conv:{Enable:false,Cur:''},
};
projectduration=this.state.duration;
this.init=true;
}
handleCostChange(total) {
if (this.state.total !== total){
this.setState({total:total});
}
}
make_exportmain(idata) {
const tmp=JSON.parse(JSON.stringify(idata));
let disp=false;
if(!this.init){
if(!Object.compare(tmp,this.state.exportmain.data)){
disp=true;
}
}
if((this.init)||(disp)){
this.setState({exportmain: {data: tmp, total: tomoney(this.state.total)}});
this.init=false;
}
}
handleNameChange(name){
this.setState({name:name});
projectname=name;
}
handleDurationChange(d){
this.setState({duration:d});
projectduration=d;
}
handleConvMoneyChange(conv){
this.setState({conv:conv});
}
render() {
return(
);
}
// Display the total cost
final_cost(conv){
let disps='';
if(projectduration>1) disps='s';
let convout='';
if (conv.Enable) convout=
I need help with my DMP;
if (MainData.InstLogo!=null && MainData.InstLogo!=="")
imglogo=![]({"./icons/"+MainData.InstLogo})
;
return(
{MainData.InstName}
{helpbtn}
);
}
//Define the foot (bottom) of the page
page_foot(){
return(
);
}
// Define the howto (user guide)
howto(){
let curconv=null;
if(Money_Enable) curconv=
);
}
// Function use by the howto btn to move the page
move2howto(){
$('html,body').animate({
scrollTop: $("#howto").offset().top},
'slow');
}
fctnull(){}
}
//Main Declaration
// ---------------------
// ---------------------
ReactDOM.render(,document.getElementById('root'));
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
diff --git a/js/data.js b/js/data.js
index d48bd04..545c8f1 100644
--- a/js/data.js
+++ b/js/data.js
@@ -1,481 +1,481 @@
// Providers
// ----------------------------------------------------
// ----------------------------------------------------
// Storage
const NasEpfl = {
Style: "AmountRatesCost",
Provider : "EPFL-VPSI",
Name:'NAS',
Url : [
{Name:'VPSI-Website',Url:'https://support.epfl.ch/help/epfl?id=epfl_service_status&service=49a363acdb34c700ef64731b8c96191f'},
{Name:'SV-IT Storage Website',Url:'https://sv-it.epfl.ch/stockage'}
],
ExtraInfo:"The first TB is free",
ByYear:true,
Adaptive:false,
AmountName: "Amount",
AmountUnit: "TB",
AmountMin : 1,
AmountMax : 500,
AmountStep : 1,
AmountFree:1,
AmountFreeCumulative:false,
RateName : 'Performance',
Rates : {
'Collaborative': 165,
'On-line archive': 110,
'Raw': 55
},
RateUnit : "CHF / TB"
};
const SwitchEpfl = {
Style : 'CategoryCost',
Provider : "Switch-EPFL",
Name:'Online Storage',
ByYear:true,
Url : [
{Name:'Switch Website',Url:'https://drive.switch.ch/'}
],
CatName:'Options',
Cat:{
'Cloud Based max 50GB':0,
},
CatUnit:'CHF',
};
const GoogleDriveEdu = {
Style : 'CategoryCost',
Provider : "Google Drive Educ",
Name:'Online Storage',
ByYear:true,
Adaptive:false,
ExtraInfo : "Google Storage is not recommended as the data are stored outside of Switzerland",
ExtraInfoUrl :"https://support.epfl.ch/kb_view_customer.do?sysparm_article=KB0012829",
Url : [
{Name :'Google Education Page',Url:'https://edu.google.com/?modal_active=none'}
],
CatName:'Options',
Cat:{
'Cloud Based illimited':0,
},
CatUnit:'CHF',
};
const Dropbox_perso = {
Style : 'CategoryCost',
Provider : "Dropbox Personal",
Name:'Online Storage',
ByYear:true,
ExtraInfo : "Dropbox is not recommended as the data are stored outside of Switzerland",
ExtraInfoUrl :"https://support.epfl.ch/kb_view_customer.do?sysparm_article=KB0012882",
Url : [
{Name :'Dropbox',Url:'https://www.dropbox.com/plans?trigger=nr'}
],
CatName:'Plan',
Cat:{
'Personal Free 2Go':0,
'Personal Plus 1TB':112,
'Personal Pro 2TB':226,
},
CatUnit:'CHF',
};
const Dropbox_team = {
Style : 'AmountRatesCost',
Provider : "Dropbox for Team",
Name:'Online Storage',
ByYear:true,
ExtraInfo : "Dropbox is not recommended as the data are stored outside of Switzerland",
ExtraInfoUrl :"https://support.epfl.ch/kb_view_customer.do?sysparm_article=KB0012882",
Url : [
{Name :'Dropbox',Url:'https://www.dropbox.com/plans?trigger=nr'}
],
Adaptive:false,
AmountName: "Number of Users",
AmountUnit: "Users",
AmountMin : 1,
AmountMax : 500,
AmountStep : 1,
AmountFree:0,
AmountFreeCumulative:false,
RateName : 'Plan',
Rates : {
'Standard': 136,
'Advanced': 204,
},
RateUnit : "CHF / User"
};
// ELN
const SLIMSEpfl = {
Style:'CategoryAmountRatesCost',
Provider : "EPFL-SV-IT",
Name:'SLIMS',
ByYear:true,
Url : [
{Name:'SLIMS on SV-IT Website',Url:'https://sv-it.epfl.ch/lims'},
{Name: 'Genohm (SLIMS Company)',Url:'https://www.genohm.com/'}
],
CatName:'PI Status',
Cat:{
'Full Professor':3000,
'Associate Professor':2000,
'Tenure Track Assistant Professor or Core Facility':1000
},
CatUnit:'CHF',
Adaptive:false,
AmountName: "Storage",
AmountUnit: "TB",
AmountMin : 1,
AmountMax : 100,
AmountStep : 1,
AmountFree:0,
AmountFreeCumulative:false,
RateName: 'ELN Storage',
Rates : {
'Stored on EPFL Server': 165,
},
RateUnit : "CHF / TB"
};
const ELNEpfl = {
Style : 'CategoryCost',
Provider : "ELN-EPFL",
Name:'ELN',
ByYear:true,
Url : [
{Name:'ELN Website',Url:'https://eln.epfl.ch/'}
],
CatName:'Options',
Cat:{
'Free for EPFL community':0,
},
CatUnit:'CHF',
};
const Rspace = {
Style : 'CategoryCost',
Provider : "Rspace community",
Name:'Rspace',
ByYear:true,
Url : [
{Name:'Rspace Website',Url:'https://www.researchspace.com/'}
],
CatName:'Options',
Cat:{
'Cloud Based unlimited storage and user':0,
},
CatUnit:'CHF',
};
const Benchling = {
Style : 'CategoryCost',
Provider : "Benchling",
Name:'ELN',
ByYear:true,
ExtraInfo : "The first 10GB are free",
ExtraInfoUrl :"",
Url : [
{Name :'Benchling website',Url:'https://benchling.com/academic'}
],
CatName:'Options',
Cat:{
'Cloud Based 10GB':0,
},
CatUnit:'CHF',
};
// Database
const MysqlEpfl = {
Style : 'CategoryCost',
Provider : "EPFL-VPSI",
Name:'MySql',
ByYear:true,
Adaptive:false,
Url : [
{Name:'EPFL VPSI ',Url:'https://support.epfl.ch/epfl?id=epfl_service_status&service=eb026fa0db34c700ef64731b8c96198e'}
],
CatName:'Options',
Cat:{
'MySQL max 2GB':0,
},
CatUnit:'CHF',
};
// Repository
const Zenodo = {
Style : 'CategoryCost',
Provider : "Zenodo-CERN",
Name:'Zenodo',
ByYear:false,
Adaptive:false,
Url : [
{Name:'Zenodo Website',Url:'https://www.zenodo.org/'},
{Name:'About Zenodo',Url:'http://about.zenodo.org/'},
],
CatName:'Options',
Cat:{
'Max 50GB per Dataset':0,
},
CatUnit:'CHF',
};
const C4science = {
Style : 'CategoryCost',
Provider : "EPFL-SCITAS",
Name:'C4Science',
Url : [
{Name:'C4Science Website',Url:'https://www.c4science.ch/'}
],
ByYear:true,
Adaptive:false,
ExtraInfo:'C4Science is the repository recommended by EPFL for code repository',
CatName:'Options',
Cat:{
'Free for text file':0,
},
CatUnit:'CHF',
};
const Github = {
Style: "AmountRatesCost",
Provider : "GitHub",
Name:'GitHub',
Url : [
{Name:'Github Website Pricing',Url:'https://github.com/pricing'}
],
AmountName: "Number of user",
AmountUnit: "User(s)",
Adaptive:true,
ByYear:true,
AmountMin : [1,1,5,10],
AmountMax : [100,1,100,100],
AmountStep : [1,1,1,1],
AmountFree:[0,0,0,0],
AmountFreeCumulative:false,
RateName:'Plan',
Rates:{
'OpenSource project':0,
'Developer (for one user)':81.6,
'Team (min 5 users)':104.9,
'Business Cloud':244.7
},
RateUnit:'CHF / Users',
};
const Bitbucket= {
Style: "AmountRatesCost",
Provider : "Bitbucket",
Name:'BitBucket',
Url : [
{Name:'Bitbucket Website Pricing',Url:'https://bitbucket.org/product/pricing'}
],
AmountName: "Number of user",
AmountUnit: "User(s)",
Adaptive:true,
ByYear:true,
AmountMin : [1,5,5],
AmountMax : [5,100,100],
AmountStep : [1,1,1],
AmountFree:[0,0,0],
AmountFreeCumulative:false,
RateName:'Plan',
Rates:{
'Free (up to 5 users)':0,
'Standard for growing teams (min 5 users)':24,
'Premium for large teams (min 5 users)':60,
},
RateUnit:'CHF / Users',
};
const Gitlab= {
Style: "AmountRatesCost",
Provider : "Gitlab",
Name:'Gitlab',
Url : [
{Name:'Gitlab Website Pricing',Url:'https://about.gitlab.com/pricing/'}
],
AmountName: "Number of user",
AmountUnit: "User(s)",
AmountMin : 1,
AmountMax : 100,
AmountStep : 1,
AmountFree:0,
Adaptive:false,
AmountFreeCumulative:false,
ByYear:true,
RateName:'Plan',
Rates:{
'Core Self Hosted':0,
'Free Cloud Based' : 0,
'Starter Self Hosted':48,
'Bronze Cloud based':48,
'Premium Self Hosted':228,
'Silver Cloud Based':228
},
RateUnit:'CHF / Users',
};
const Figshare = {
Style : 'CategoryCost',
Provider : "FigShare",
Name:'Figshare',
ByYear:false,
Adaptive:false,
Url : [
{Name:'Figshare website',Url:'https://figshare.com/'},
{Name:'Figshare Pricing',Url:'https://www.g2crowd.com/products/figshare/pricing'}
],
ExtraInfo:'The costs of enabling access to research data under an SNSF grant are eligible. The data archives (data repositories) have to meet the FAIR principles.',
ExtraInfoUrl:'http://www.snf.ch/SiteCollectionDocuments/snsf-general-implementation-regulations-for-the-funding-regulations-e.pdf#page=14',
CatName:'Options',
Cat:{
'Free 1GB':0,
'10GB':96,
'15GB':132,
'20GB':180
},
CatUnit:'CHF',
};
const Dryad = {
Style : 'CategoryAmountRatesCost',
Provider : "Dryad",
Name:'Dyrad',
Url : [
{Name:'Dryad Website Pricing',Url:'https://Datadryad.org/pages/payment'}
],
ByYear:false,
ExtraInfo:'The costs of enabling access to research data under an SNSF grant are eligible. The data archives (data repositories) have to meet the FAIR principles.',
ExtraInfoUrl:'http://www.snf.ch/SiteCollectionDocuments/snsf-general-implementation-regulations-for-the-funding-regulations-e.pdf#page=14',
CatName:'Options',
Cat:{
'up to 20GB if DPC covered':0,
'up to 20GB if no DPC covered':120
},
CatUnit:'CHF',
AmountName: "Storage",
AmountUnit: "GB",
Adaptive:false,
AmountMin : 20,
AmountMax : 100,
AmountStep : 10,
AmountFree:20,
AmountFreeCumulative:false,
RateName: 'Storage',
Rates : {
'Extra Storage': 50,
},
RateUnit : "CHF / GB"
};
// System variable definition
// ----------------------------------------------------
// ----------------------------------------------------
const NoneSelected={
Style: 'NoneSelect',
Provider:'None',
Name:'Select a Provider',
Url:'',
ByYear:false,
};
const UserCostSelect={
Style : 'UserCost',
Provider:'Manual Provider',
Name:'',
Url:'',
ByYear:false,
};
// Categories definition
// ----------------------------------------------------
// ----------------------------------------------------
const storage={
Name : 'Active Storage',
Icon : 'storage.png',
Url : [
{Name:'EPFL RDM',Url:'https://researchData.epfl.ch/work-with-Data/storage/'},
{Name:'Comparison of file synchronization software',Url:'https://en.wikipedia.org/wiki/Comparison_of_file_synchronization_software'}
],
Data :[NoneSelected,
NasEpfl,
SwitchEpfl,
GoogleDriveEdu,
Dropbox_perso,
Dropbox_team,
UserCostSelect,
]
};
const ELN={
Name : 'Electronic LabBook',
Icon : 'eln.png',
Url : [
{Name: 'EPFL RDM',Url:'https://researchData.epfl.ch/work-with-Data/active-Data-management/'}
],
Data :[NoneSelected,
SLIMSEpfl,
ELNEpfl,
Rspace,
Benchling,
UserCostSelect,
]
};
const Database={
Name : 'Database',
Icon : 'database.png',
Url : '',
Data :[NoneSelected,
MysqlEpfl,
UserCostSelect,
]
};
const datarepository={
Name : 'Data Repository',
Icon : 'drepos.png',
Url : [
{Name:'EPFL RDM WebPage',Url:'https://researchData.epfl.ch/publish-preserve/'}
],
Data :[
NoneSelected,
Zenodo,
Figshare,
Dryad,
UserCostSelect,
]
};
const coderepository={
- Name : 'Collaborative Repository',
+ Name : 'Code Repository',
Icon : 'crepos.png',
Url : '',
Data :[
NoneSelected,
C4science,
Github,
Bitbucket,
Gitlab,
UserCostSelect,
]
};
// Combine Categories
// ----------------------------------------------------
// ----------------------------------------------------
const MainData={
InstName:'EPFL Library',
InstLogo:'logo.png',
InstLogoWidth:200,
- Updated:'05/03/2019',
+ Updated:'25/06/2019',
HelpUrl:'mailto:researchdata@epfl.ch',
Currency:'CHF',
OEXRApi:'cd8d785bdb6646b0a7e4c0eba5a74199',
Conv:['EUR','USD','GBP'],
Version : 'v2.1',
DefaultDuration:1,
Data:[storage,ELN,Database,datarepository,coderepository],
};
diff --git a/scss/.sass-cache/f666cf9e372188b2faa6a1e09209899f02172829/costcalc.scssc b/scss/.sass-cache/f666cf9e372188b2faa6a1e09209899f02172829/costcalc.scssc
index cf9c585..956c2de 100644
Binary files a/scss/.sass-cache/f666cf9e372188b2faa6a1e09209899f02172829/costcalc.scssc and b/scss/.sass-cache/f666cf9e372188b2faa6a1e09209899f02172829/costcalc.scssc differ
diff --git a/scss/costcalc.scss b/scss/costcalc.scss
index 2b3a41e..d91aabc 100644
--- a/scss/costcalc.scss
+++ b/scss/costcalc.scss
@@ -1,116 +1,115 @@
@import "../bootstrap-4.3.1/scss/_functions";
@import "../bootstrap-4.3.1/scss/_variables";
@import "../bootstrap-4.3.1/scss/_mixins";
$font-size-base: 1rem;
+
#PluginsMain{
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 0em;
padding-right: 0em;
}
#plugin-name{
- responsive-font-size: $h6-font-size;
+ font-size: 0.9rem;
font-weight: bold;
}
#plugin-number{
- font-size: $h5-font-size;;
+ font-size: 0.9rem;
text-decoration: none;
}
#plugin-info{
- responsive-font-size: $h6-font-size;
+ font-size: 0.9rem;
text-decoration: none;
- text-align: center;
}
#plugin-cost{
text-align: center;
- font-size: $h3-font-size;
- ;
+ font-size: 0.9rem;
}
#plugin-menu{
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
}
#plugin-knowmore {
padding-top: 0.1em;
padding-bottom: 0.1em;
padding-left: 0.1em;
padding-right: 0.1em;
}
#plugin-add{
padding-top: 0.1em;
padding-bottom: 0.1em;
padding-left: 0.1em;
padding-right: 0.1em;
}
.itemcost{
text-align: center;
- font-size: $h3-font-size;;
+ font-size: 0.8rem;
}
.txtbyyear{
text-align: center;
- font-size: $h6-font-size;;
+ font-size: 0.8rem;
}
.ConvUser{
margin: 5pt 5pt 5pt 5pt;
}
#module-name{
font-weight: bold;
}
#provider-selector{
padding-top: 1em;
padding-bottom: 0em;
padding-left: 2em;
padding-right: 0.1em;
}
#component{
padding-top: 1em;
padding-bottom: 1em;
padding-left: 1em;
padding-right: 1em;
}
#infotxt{
font-size: $h6-font-size;
text-align: center;
}
#service{
font-size: $h6-font-size;
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
text-align: center;
}
.costoutput{
text-align: center;
font-size: $h4-font-size;
font-weight: bold;
}
#export-group{
padding-top: 0.5em;
padding-bottom: 0.5em;
}
#howto{
- font-size: $h5-font-size;
+ font-size: $h6-font-size;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
#page_foot{
padding-top: 2em;
}
$enable-responsive-font-sizes: true;
@import "../bootstrap-4.3.1/scss/bootstrap";
-
+
*/}
+ {/*
*/}
+ {/**/}
+ {/*
+ {/* */}
-
-
{this.makeinfo(this.props.keys,this.props.selected,this.props.Cdata)}
-
+
-
{this.props.comments}
+
);
}
makeinfo(keys,selected,Cdata){
let name=Cdata.Name;
if ( name ===''&&keys[selected]===''){
name='Please provide a Provider';
return ({name});
}else if(keys[selected]==='None'){
return ({name});
}else{
return ({keys[selected]} : {name});
}
}
}
//displays one kind plugin it manages the add and removes option
class ManagePlugins extends React.Component{
constructor(props) {
super(props);
this.handleCostChange = this.handleCostChange.bind(this);
this.handleAddPlugin = this.handleAddPlugin.bind(this);
this.handleRmvPlugin = this.handleRmvPlugin.bind(this);
this.make_exportplug=this.make_exportplug.bind(this);
this.make_export = this.make_export.bind(this);
this.state={
displayed:[],
varsum:{},
plugins:[],
export:[],
};
this.state.displayed.push(randomint(this.state.displayed));
}
handleRmvPlugin(n){
$('#'+n.target).modal('hide');
var tmp=this.state.displayed;
tmp.splice(n.n,1);
this.setState({displayed:tmp});
this.handleCostChange(n.n,0);
}
handleAddPlugin(n){
var tmp=this.state.displayed;
tmp.splice(n+1,0,randomint(this.state.displayed));
this.setState({displayed:tmp});
}
handleCostChange(n,cost) {
this.state.varsum[n]=cost;
this.props.handleCostChange(this.props.n,sum(this.state.varsum));
}
make_exportplug(data,n) {
this.state.export[n] = data;
this.make_export()
}
make_export(){
if (this.state.export.length === this.give_n()) {
this.props.export(this.state.export, this.props.n)
}
}
give_id(index){
return this.state.displayed[index]
}
give_n(){
const disp=this.state.displayed;
return disp.length
}
componentDidUpdate(){
this.make_export();
}
render() {
let show_minus = false;
if (this.give_n()>1) {
show_minus=true;
}
this.make_export();
return(
+
{this.byyear(this.props.Cdata.ByYear)}
Line controls
Category
Provider information
Cost
+
+
+
{this.page_head()}
);
}
project_info(){
return(
{/*
*/}
*/}
Total Cost for {projectduration} year{disps}
I need help with my DMP;
if (MainData.InstLogo!=null && MainData.InstLogo!=="")
imglogo=
{MainData.InstName}
Cost Calculator for Data Management
{imglogo}
Welcome to our cost calculator this tool will help researcher to have an estimate of the cost of managing, storing and publishing data.
Many providers are included in the service and you will be able to calculate a cost
based on your needs.
Total cost is calculated dynamically based on your inputs.
We hope you will enjoy this tool and it will be useful for you.
The values published on this service are only informative and cannot be used for exact calculation. If you see some mistake or would like to
have another services please contact us.
Last Database Update : {MainData.Updated}
Last Database Update : {MainData.Updated}
This service has been developed by the Resarch Data Management Team of the EPFL Library
This software is publish under GPL-3.0-only license and your are using Version {MainData.Version}
Source code can be download here
Icons are from the Noun Project (Book by Randi NI, Storage by I Pitu, Database by Novalyi, data cloud by Vectors Market, Information and Next by Gregor Cresnar, Database by Creative Mahira)
- Change Currency
-
If you need another currency than {MainData.Currency} you can add an extra currency by selecting in the Change Currency menu
Actual rate is automatically applied using openexchangerates
HOWTO
- Project Name and Duration
-
The Project name is only used for you.
Project Duration is used for subscription services charged by year : the yearly cost will be multiplied by the duration of the project.
- Categories
- This tool is divided by categories (for example Activate storage). Click on the category name, and it will expand.
- Providers
-
Providers can be chosen from the Select a provider box. You can then tune your settings for this provider to fit your needs.
If the provider you want is not present, you can add it manually with Provide your own provider and then enter your provider/service and cost.
- Add or Remove Line
-
If you want to add a new line use the
} tips={"Add a new category"} onClick={this.fctnull}/> button. You can also remove a line with
} tips={"Remove this line"} onClick={this.fctnull}/> button.
- To know more about
-
Some extra information about the category or the provider can be obtained with the
} tips={"Know more"} onClick={this.fctnull}/> button.
- Comments your input
- Comments are for your own usage, you can use it for remembering what each section is and for a nice export.
- Export
-
You can export your work into different formats :
HTML : This format can be used in any wordprocessing software (such as Microsoft Word or Libreoffice).
HTML Source code, Markdown, and CSV formats are also possible.
Click on thein order to copy your work into your clipboard. A simple Paste will transfer your work into any software.