<!--
 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>        <!--
 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.
 ----------------------------------------------------------------------------------------------------------------------------
-->


<!-- include summernote css/js -->
<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/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">
                                                                        <!--
 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 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 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.
 ----------------------------------------------------------------------------------------------------------------------------
-->


<div>
    <div class="alert alert-warning " role="alert">
        <p class="h4 alert-heading">Please Note that:</p>
        <p class="h5">Usage of this portal is allowed depending on user privileges.</p>
        <p  class="h5">If You are not registered yet please click on the Register button on the left menu.</p>
    </div>
    <div class='container-fluid'>
        <div class='row mb-4'>
            <div class='col-3'>

            </div>
            <div class='col-6'>
                <form class="needs-validation" novalidate>
                    <div class="form-row mb-2" data-form-block='email'>
                        <div class="col">
                            <label for="validationCustomUsername">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="validationCustomUsername" 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" data-form-block='password'>
                        <div class="col">
                            <label for="validationCustomUsername">Password</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="inputGroupPrepend"><i class="bi bi-key"></i></span>
                                </div>
                                <input type="password" name="Password" placeholder="Password" class="form-control" id="validationCustomUsername" 
                                       aria-describedby="inputGroupPrepend" required>
                                <div class="invalid-feedback">
                                    Please set a password.
                                </div>

                            </div>
                        </div>
                    </div>
                    <div>
                        <span class='text-nowrap' style="font-size: 0.8em" >forgotten password? <a class="" id="colla_submit_forget">
                                Send me a new password
                            </a></span>
                    </div>
                </form>
            </div>
            <div class='col-3'>

            </div>
        </div>

        <div class='row' style="text-align: center">
            <div class="col">
                <button class="btn btn-primary"  id='colla_submit_login' type="submit">Sign in</button>

            </div>
        </div>

    </div>
<!--    <table align=center><TR><TD class="fieldred">::FULL LOGIN::<br>
                <form name="login" method="post" onSubmit="return false;">
                    <div align="center">
                        <input type="text" name="UserName"><br>
                        User name<br><br>
                        <input type="password" name="Password"><br>
                        Password<br><br>
                        <input type="button" class='btn' id='colla_submit_login' name="Submit" value="Enter"><br><br>
                    </div>
                </form>
            </td><td width="200">
    </table>-->
</div><!-- comment -->

                                </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/login/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');

    let validation = (event) => {

        $(forms[0]).find(".invalid-feedback").css("display", "");
        
        if (forms[0].checkValidity() === false) {
            event.preventDefault();
            event.stopPropagation();

            forms[0].classList.add('was-validated');
        } else {

            let user = $("input[name='UserMail']").val();
            let pwd = $("input[name='Password']").val();
            collaClient.login(user, pwd)
                    .then(function (data) {
                        if (isRedirect) {
                            document.location = referer;
                        } else {
                            document.location = "https://colla.ogs.it/ONTO/index.php/projects";
                        }
                    })
                    .catch(function (reason) {
                        switch (reason.status) {
                            case 404:
                                $(forms[0]).find("div[data-form-block='email']")
                                        .find(".invalid-feedback").css("display", "block");
                                break;
                            case 403:
                                $(forms[0]).find("div[data-form-block='password']")
                                        .find(".invalid-feedback").css("display", "block");
                                break;
                        }
                    })
        }
    }
    
    $(forms).find('.form-control').on("keydown", function (event) {
        //event.preventDefault(); esempio da non usare, perche' altrimenti non aggiorna il componente
        let key = event.keyCode;
        if (13 === key) {
            validation(event);
        }
    });

    $('#colla_submit_login').on("click", function (event) {
        event.preventDefault();
        validation(event);
        
    });

    $('#colla_submit_forget').on("click", function (event) {
        event.preventDefault();
        document.location = 'https://colla.ogs.it/ONTO/index.php/account/reset_password';
    });


</script>
</html>
                </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>