<!--
 License note
 ______________________________________________________________________________________________________________________________
|
|Copyright  2011 by Paolo Diviacco  
|All rights reserved.
|
|COLLA is COPYRIGHT SOFTWARE. It is NOT PUBLIC DOMAIN nor OPEN SOURCE.
|
|This software is offered to you  by Paolo Diviacco subject to the terms and conditions of this License Agreement.
|
|Please read the Agreement carefully, because it is a legal contract and imposes obligations on you as a user of COLLA
|
|    THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
|    ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|    IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
|    ARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE
|    FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
|    DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS
|    OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
|    HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
|    LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
|    OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
|    SUCH DAMAGE.
|
|
|Source code as you receive it, is property of Paolo Diviacco in any medium provided.
|The rights to this package remain the property of Paolo Diviacco.
|The right to withdraw this license at any time is reserved.
|
|You are granted permission to use COLLA without fees provided that:
|
|1. You do not copy or distribute COLLA or part of it without the express written consent of Paolo Diviacco. 
|
|2. You do not modify your copy or copies of COLLA or any portion of it, thus forming a work based on it, and copy and 
|distribute such modifications or work under the terms of Section 1 above.
|
|COLLA may use Open Source or GPL licensed software. These are not distributed with COLLA and should be used under your direct 
|responsability.
|
|The author or contributors cannot be liable for any cross-licensing incompatibility.
 ----------------------------------------------------------------------------------------------------------------------------
-->


<!--
 License note
 ______________________________________________________________________________________________________________________________
|
|Copyright  2011 by Paolo Diviacco  
|All rights reserved.
|
|COLLA is COPYRIGHT SOFTWARE. It is NOT PUBLIC DOMAIN nor OPEN SOURCE.
|
|This software is offered to you  by Paolo Diviacco subject to the terms and conditions of this License Agreement.
|
|Please read the Agreement carefully, because it is a legal contract and imposes obligations on you as a user of COLLA
|
|    THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
|    ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|    IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
|    ARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE
|    FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
|    DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS
|    OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
|    HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
|    LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
|    OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
|    SUCH DAMAGE.
|
|
|Source code as you receive it, is property of Paolo Diviacco in any medium provided.
|The rights to this package remain the property of Paolo Diviacco.
|The right to withdraw this license at any time is reserved.
|
|You are granted permission to use COLLA without fees provided that:
|
|1. You do not copy or distribute COLLA or part of it without the express written consent of Paolo Diviacco. 
|
|2. You do not modify your copy or copies of COLLA or any portion of it, thus forming a work based on it, and copy and 
|distribute such modifications or work under the terms of Section 1 above.
|
|COLLA may use Open Source or GPL licensed software. These are not distributed with COLLA and should be used under your direct 
|responsability.
|
|The author or contributors cannot be liable for any cross-licensing incompatibility.
 ----------------------------------------------------------------------------------------------------------------------------
-->


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        
<link rel="icon" href="https://colla.ogs.it/ONTO/custom/favicon.ico" />

<title>ONTO</title>

<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Description" content="Colla, collaborative toolkit for Scientific project development">
<meta name="Keywords" content="Geophysiscs, web, collaborative, CSCW, epistemology">
<meta name="Publisher" content="OGS Istituto Nazionale di Oceanografia e di Geofisica Sperimentale">
<meta name="Stack" content="bootstrap, jquey">


<link rel="stylesheet" href="https://colla.ogs.it/ONTO/js/node_modules/bootstrap/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="stylesheet" href="https://colla.ogs.it/ONTO//icons-1.6.1/font/bootstrap-icons.css">
<script src="https://colla.ogs.it/ONTO/js/node_modules/jquery/dist/jquery.min.js"></script>
<script src="https://colla.ogs.it/ONTO/js/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js" ></script>


<link href="https://colla.ogs.it/ONTO//css/ab_colla.css" rel="stylesheet">

<style>
    /*problema con questa modale di bootstrap, dovuta al fatto che l'applicazione non e' nata con lui*/
    .modal-backdrop {
        background-color: transparent;
        z-index: 0;
    }
</style>        
<link href="https://colla.ogs.it/ONTO/js/node_modules/summernote/dist/summernote-bs4.min.css" rel="stylesheet">
<script src="https://colla.ogs.it/ONTO/js/node_modules/summernote/dist/summernote-bs4.min.js"></script>

<link rel="stylesheet" href="https://colla.ogs.it/ONTO//js/libs/jqwidgets/styles/jqx.base.css" type="text/css" />
<script src="https://colla.ogs.it/ONTO//js/libs/jqwidgets/jqx-all.js" charset="utf-8"></script>
<!--<link rel="stylesheet" href="https://colla.ogs.it/ONTO//js/libs/jqwidgets/styles/jqx.light.css" type="text/css" />-->
<script src="https://colla.ogs.it/ONTO//js/app/Constants.js" charset="utf-8"></script>
<script src="https://colla.ogs.it/ONTO//js/app/helper.js" charset="utf-8"></script>
<script src="https://colla.ogs.it/ONTO/CORE//js/colla-client.js" charset="utf-8"></script>
<link rel="stylesheet" href="https://colla.ogs.it/ONTO//icons-1.6.1/font/bootstrap-icons.css">

<link rel="stylesheet" type="text/css" href="https://colla.ogs.it/ONTO/CORE/account/css/login.css">
        <script type='text/javascript'>

            function setCookie(cname, cvalue, exdays) {
                var d = new Date();
                d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
                var expires = "expires=" + d.toUTCString();
                document.cookie = cname + "=" + cvalue + "; " + expires;
            }

            function getCookie(cname) {
                var name = cname + "=";
                var ca = document.cookie.split(';');
                for (var i = 0; i < ca.length; i++) {
                    var c = ca[i];
                    while (c.charAt(0) == ' ')
                        c = c.substring(1);
                    if (c.indexOf(name) == 0)
                        return c.substring(name.length, c.length);
                }
                return null;
            }

            $(document).ready(function () {
                //decorating elements, senza modificare modulo per mopdulo

                //add fullscreen

                let breadcrumb = $('.breadcrumb');
                let modulePanel = $('#module-panel');
                if (breadcrumb && breadcrumb.length > 0) {
                    let fullscreen = $(`<i class="bi bi-fullscreen" data-status="normal"></i>`);
                    let div = $(`<li id="fullscreen-icon">
                    </li>`);
                    div.css({
                        "position": "absolute",
                        "right": "24px"
                    });
                    div.append(fullscreen);

                    div[0].addEventListener("click", function (event) {
                        event.preventDefault();
                        event.stopPropagation();
                        let status = event.target.dataset.status;
                        if (status == 'normal') {
                            //switch to fs
                            fullscreen.removeClass("bi-fullscreen");
                            fullscreen.addClass("bi-fullscreen-exit");
                            event.target.dataset.status = 'full';
                            modulePanel.addClass("colla-fullscreen");
                        } else {
                            fullscreen.addClass("bi-fullscreen");
                            fullscreen.removeClass("bi-fullscreen-exit");
                            event.target.dataset.status = 'normal';
                            modulePanel.removeClass("colla-fullscreen");
                        }
                    }, true);
                    breadcrumb.append(div);
                }

                if (getCookie('CollaCookie') == null) {
                    $('#accept-cookie-row').removeClass('hidden');
                    
                    $('#accept-cookie').on('click', function (event) {
                        event.preventDefault();
                        setCookie('CollaCookie', 'accepted', 365);
                    });
                }

            });
        </script>
    </head>
    <body  oncontextmenu="return true;" style='overflow: hidden;'>
        
<div id="head" style='background: '>
    <div class="padder">
        <div class="padder">
            <left>
                <a href="https://colla.ogs.it/ONTO/index.php">
                    <img SRC="https://colla.ogs.it/ONTO/IMAGES/newlogoCOLLA.png" align="left" valign="top" height="72" width="676" border=0>
                </a>
            </left>
            <right>
                <a href='https://www.ogs.it' target='_blank'>
                    <img SRC="https://colla.ogs.it/ONTO/IMAGES/OGS_transRef_white.png" align="right" valign="top" border=0>
                </a>
            </right>
        </div>
    </div>
</div>        <div class="container-fluid">

            <div class="row" style="width:100%">
                <div class="col-sm-2">
                    <div class="padder">
                        	
    <div class="menu mb-4">
        <ul class="list m-0 p-0">
            <li class= "list-group-item list-group-item-action p-1 colla-menu-item"
                data-href='https://colla.ogs.it/ONTO/index.php'>
                <div class='text-primary '>
                    <span class="bi bi-house-door colla-menu-icon" ></span>
                    <span class="colla-menu-text">Home</span>
                </div>
            </li>	
            <li class= "list-group-item list-group-item-action p-1 colla-menu-item"
                data-href='https://colla.ogs.it/ONTO/index.php/account/login'>
                <div class='text-primary '>
                    <span class="bi bi-box-arrow-in-down colla-menu-icon" ></span>
                    <span class="colla-menu-text">Login</span>
                </div>
            </li>	
            <li class= "list-group-item list-group-item-action p-1 colla-menu-item"
                data-href='https://colla.ogs.it/ONTO/index.php/account/register'>
                <div class='text-primary '>
                    <span class="bi bi-pencil-square  colla-menu-icon" ></span>
                    <span class="colla-menu-text">Register</span>
                </div>
            </li>
            <li class= "list-group-item list-group-item-action p-1 colla-menu-item"
                data-href='https://colla.ogs.it/ONTO/HelpCOLLA.2.pdf'>
                <div class='text-primary '>
                    <span class="bi bi-question-circle colla-menu-icon" ></span>
                    <span class="colla-menu-text">Help</span>
                </div>
            </li>
        </ul>

    </div>
    <HR>
    <div id="__navcontainer">
        <table><caption>Info</caption><tr><td class=fieldtext></td></tr></table><table ><tr><td class=fieldtext>Portal</td><td class=fieldtext>ONTO</td></tr><tr><td class=fieldtext>Vers</td><td class=fieldtext>node</td></tr><tr><td class=fieldtext>SNAP v.</td><td class=fieldtext>2</td></tr><tr><td class=fieldtext>PHP v.</td><td class=fieldtext>7.2.34-28+ubuntu18.04.1+deb.sury.org+1</td></tr><tr><td class=fieldtext>Host</td><td class=fieldtext>colla</td></tr><tr><td class=fieldtext>Info</td><td class=fieldtext>ONTOLOGY site</td></tr><tr><td class=fieldtext>DB</td><td class=fieldtext>COLLADEV</td></tr><tr><td class=fieldtext colspan=2><p><strong> This site is under constant revision</strong></p><p>developing the new COLLA</p></td></tr></table>

    </div>
    
                    </div>
                </div>
                <div class="col-sm-10">
                    <div class="module-panel container-fluid">
                        <div class="row" style="width:100%">
                            <div class="col-sm-10">
                                <div id="module-panel" class="container-fluid">
                                                                        <div>
    <div class="alert alert-info " role="alert">
        <p class="h4 alert-heading">Please Note that:</p>
        <p class="h5">enter required<font color="#FF0080">*</font> info.</p>
    </div>
    <div id='colla-registration-panel' class='container-fluid'>

        <div  class='row'>
            <div class='col'>
                <FORM 	class="needs-validation" novalidate>
                    <form class="needs-validation" novalidate>
                        <div class="form-row mb-2">
                            <div class="col">
                                
                                <label for="validationCustomFirstName" class='required-field'>First name</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="inputGroupPrepend"><i class="bi bi-person-fill"></i></span>
                                    </div>
                                    <input type="text" class="form-control" name='FirstName' id="validationCustomFirstName" placeholder="First name" aria-describedby="inputGroupPrepend" required>
                                    <div class="invalid-feedback">
                                        Please set a first name.
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <label for="validationCustomFamilyName"  class='required-field'>Family name</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="inputGroupPrepend"><i class="bi bi-person-fill"></i></span>
                                    </div>
                                    <input type="text" class="form-control" name='FamilyName' id="validationCustomFamilyName" placeholder="Family name" aria-describedby="inputGroupPrepend" required>
                                    <div class="invalid-feedback">
                                        Please set a family name.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-row mb-2">
                            <div class="col">
                                <label for="validationCustomInstitution" class='required-field'>Institution</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="inputGroupPrepend"><i class="bi bi-info"></i></span>
                                    </div>
                                    <input type="text" class="form-control" name='Institution' id="validationCustomInstitution" placeholder="Institution" aria-describedby="inputGroupPrepend" required>
                                    <div class="invalid-feedback">
                                        Please set a institution.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-row mb-2">
                            <div class="col">
                                <label for="validationCustomUserMail" class='required-field'>E-Mail</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="inputGroupPrepend"><i class="bi bi-at"></i></span>
                                    </div>
                                    <input type="email" class="form-control" name='UserMail' id="validationCustomInstitution" placeholder="E-mail" aria-describedby="inputGroupPrepend" required>
                                    <div class="invalid-feedback">
                                        Please set a valid e-mail.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-row mb-2">
                            <div class="col">
                                <label for="validationCustomComment">Details of interests/uses of Data</label>
                                <div class="input-group">
                                    <div type="text" class="form-control" name='Comment' 
                                         id="register-create-comment"  aria-describedby="inputGroupPrepend"></div>

                                    <div class="invalid-feedback">
                                        Please set a details of interests/uses of data.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--img src="./ANTISPAM.php?pss="  border=0 align=center >
                        <input type="text" name="requiredLED" size=15><font color="red" face="arial">----</font><Strong>Please retype string as security code</Strong><br><BR-->
                        <div class="form-row mb-2">
                            <div class="col">
                                <label for="validationCaptcha" class='required-field'>Captcha</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="inputGroupPrepend"><i class="bi bi-info"></i></span>
                                    </div>
                                    <img id='colla-registration-captcha' src="https://colla.ogs.it/ONTO/CORE//captcha.php" />
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="colla-registration-refresh-captcha"><i class="bi bi-arrow-repeat"></i></span>
                                    </div>
                                    <input type="text" class="form-control" name='Captcha' id="validationCaptcha" placeholder="code" aria-describedby="inputGroupPrepend" required>
                                    <div class="invalid-feedback">
                                        Please insert captcha code.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </FORM>
            </div>
        </div>
        <div class='row' style="text-align: center">
            <div class="col">
                <button class="btn btn-primary"  id='colla_submit_registration' type="submit">Register</button>
            </div>
        </div>

    </div>
</div>                                </div>
                            </div>
                            <div class="col-sm-2">
                                <!-- License note
 ______________________________________________________________________________________________________________________________
|
|Copyright  2000 by Istituto Nazionale di Oceanografia e di Geofisica Sperimentale (OGS) www.ogs.trieste.it.  
|All rights reserved.
|
|SNAP (Seismic data Network Access point) is COPYRIGHT SOFTWARE. It is NOT PUBLIC DOMAIN nor OPEN SOURCE.
|
|This software is offered to you  by Istituto Nazionale di Oceanografia e di Geofisica Sperimentale  (hereinafter "OGS"), Borgo 
|Grotta Gigante 42/C 34010 Sgonico, Trieste (ITALY), subject to the terms and conditions of this License Agreement.
|
|Please read the Agreement carefully, because it is a legal contract and imposes obligations on you as a user of SNAP
|
|    THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
|    ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|    IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
|    ARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE
|    FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
|    DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOOD
|    OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
|    HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
|    LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
|    OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
|    SUCH DAMAGE.
|
|
|Source code as you receive it, is property of OGS in any medium provided.
|The rights to this package remain the property of OGS.
|The right to withdraw this license at any time is reserved
|You are granted permission to use SNAP without fees provided that:
|
|1. You do not copy or distribute SNAP or part of it without the express written consent of OGS. 
|
|2. You do not modify your copy or copies of SNAP or any portion of it, thus forming a work based on it, and copy and 
|distribute such modifications or work under the terms of Section 1 above.
|
|SNAP may use Open Source or GPL licensed software. These are not distributed with SNAP and should be used under your direct 
|responsability.
|
|The author, contributors or OGS cannot be liable for any cross-licensing incompatibility.
 ----------------------------------------------------------------------------------------------------------------------------
!-->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<p>COLLA is developed by:</p>
<p> <a href="mailto:pdiviacco@inogs.it">Paolo Diviacco</a></p>
<p> <a href="mailto:busato@inogs.it">Alessandro Busato</a></p>

</HTML>
                            </div>
                        </div>
                    </div>
                    
<script type="text/javascript" src='https://colla.ogs.it/ONTO/CORE/account/register/js/login.js'></script>
<script type="text/javascript">
    let collaClient = new CollaClient("https://colla.ogs.it/ONTO/CORE/rest.php");
    let isRedirect = false;
    let referer = "";

    // Loop over them and prevent submission
    var forms = document.getElementsByClassName('needs-validation');

    forms[0].reset();
    let  editorDiv = $('#register-create-comment');
    editorDiv.empty();

    let editor = setSimpleEditor(editorDiv);

    scrollYCorrection($("#colla-registration-panel"), 10);
//         $('#colla-project-bs-alert').on('closed.bs.alert', function () {
//            scrollYCorrection($('#ontodia-panel'), 10);
//        });

    $('#colla-registration-refresh-captcha').on("click", function (event) {
        event.preventDefault();
        $('#colla-registration-captcha').attr("src", "https://colla.ogs.it/ONTO/CORE/captcha.php?d=" + Math.random());
    });
    $('#colla_submit_registration').on("click", function (event) {
        event.preventDefault();
        if (forms[0].checkValidity() === false) {
            event.preventDefault();
            event.stopPropagation();

            forms[0].classList.add('was-validated');
        } else {
            let self = this;
            let code = editor.summernote('code');


            collaClient.
                    createUser(
                            $("input[name='FirstName']").val(),
                            $("input[name='FamilyName']").val(),
                            $("input[name='UserMail']").val(),
                            $("input[name='Institution']").val(),
                            code,
                            $("input[name='Captcha']").val()).then(function (data) {
                //Toas ti arriverà una email
                //redirecti dopo un timeout al login
                editor.summernote('destroy')

                alert("Account succefully created! E-Mail for first user access password sent.");
                document.location = 'https://colla.ogs.it/ONTO/index.php/account/login';
            }).catch(function (reason) {
                alert(reason.responseText)
            });


        }
    });


</script>
                </div>
            </div>
            <div  class="row " style="width:100%" >
                <div id='accept-cookie-row' class="alert alert-warning alert-dismissible fade show hidden"
                     style="text-align:center;position: absolute;transform: translateX(-50%);left: 50%;bottom: -1em;width: 90%;"  role="alert">
                    <p class="h6 alert-heading">This website uses 'cookies' to give you the best experience. Using this website you're OK with this. You can change how cookies are set on your browser at any time.</p>
                    <center>
                        <button id='decline-cookie' type="button" class="close" data-dismiss="alert" 
                                style='position:relative; float:unset' aria-label="Decline">
                            <span aria-hidden="true">Decline</span>
                        </button>
                        <button id='accept-cookie' type="button" class="close" data-dismiss="alert" 
                                style='position:relative; float:unset' aria-label="Close">
                            <span aria-hidden="true">Accept</span>
                        </button>
                    </center>
                </div>
            </div>
    </body>


</html>


<script type='text/javascript'>
    $(document).ready(function () {
        $('.colla-menu-item').each(function (idx, item) {
            $(item).on("click", function (event) {
                event.preventDefault();
                document.location = this.dataset.href;
            })
        });
    });

</script>