Skip to content
Snippets Groups Projects
index.php 9.01 KiB
Newer Older
  • Learn to ignore specific revisions
  • <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
    
        <!--Compatibilità con Microsoft e Responsività-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
        <title>XRF analysis viewer</title>
    
        <!-- CSS -->
        <link href="src/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link rel="stylesheet" type="text/css" href="style.css">
        <link rel="stylesheet" type="text/css" href="src/bootstrap-treeview/dist/bootstrap-treeview.min.css">
        <link rel="stylesheet" type="text/css" href="src/bootstrap-select/dist/css/bootstrap-select.min.css">
    
      </head>
    
      <body>
        <!-- NAVBAR -->
        <div class="navbar navbar-fixed-top navbar-inverse" role="navigation" id="top-navbar">
          <div class="container-fluid">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#">XRF Analysis Viewer</a>
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
              <ul class="nav navbar-nav navbar-right">
                <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
    
                <li><a href="#" id="logingUser"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
    
              </ul>
            </div>
            <!-- /.nav-collapse -->
          </div>
          <!-- /.container -->
        </div>
        <!-- /.navbar -->
    
        <div id="wrapper">
          <!-- FILE-SYSTEM -->
          <button type="button" class="fs-label is-closed" id="fsbtn">
            <span class="glyphicon glyphicon-chevron-right"></span>
          </button>
          <div id="mySidenavfs" class="sidenav">
    
            <!--<h3> Import File From Server </h3>-->
    
            <?php
              echo "<h3>Import File From Server</h3>";
    
              // Generated by curl-to-PHP: http://incarnate.github.io/curl-to-php/
              $ch = curl_init();
    
    
              curl_setopt($ch, CURLOPT_URL, "https://lcappelli_student.unife.it:61nerdolo@oc-chnet.cr.cnaf.infn.it:8443/owncloud/remote.php/webdav/Documents/XRFfilesystem");
    //          curl_setopt($ch, CURLOPT_URL, "https://oc-chnet.cr.cnaf.infn.it:8443/Laura/XRF-App/RemoteFileSystem/");
    
              curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    
              curl_setopt($ch, CURLOPT_CUSTOMREQUEST, "PROPFIND");
    
              $headers[] = "Depth: infinity";
    
              curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
    
              $result = curl_exec($ch);
              if (curl_errno($ch)) {
    
                  echo 'Error:' . curl_error($ch);
    
              echo "<p hidden id='contentfilesystem'>$result</p>";
    
            ?>
            <div id="FileTreeview"></div>
            <h3> Import File From Local Repository </h3>
            <label class="btn-bs-file btn btn-primary">
              <span class="glyphicon glyphicon-open"></span> Choose a file...
              <input id="myImport" type="file" / >
            </label>
          </div>
          <!-- ./file-system -->
    
          <!-- SETTINGS -->
          <button type="button" class="btn-settings" id="setbtn">
            <span class="glyphicon glyphicon-cog"></span>
          </button>
          <div id="mySidenavSet" class="sidenav">
            <!--<div class="panel panel-default" id="pannelSettings">-->
              <p><button id="reset" class="btn btn-primary">Reset</button></p>
              <p><div class="btn-group">
                <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                  <span class="glyphicon glyphicon-download-alt"></span>
                  Export <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#" id="ExportImage">Map</a></li>
                  <li><a href="#" id="ExportGraph">Chart</a></li>
                </ul>
              </div></p>
              <ul class="nav nav-pills nav-stacked">
                <li> <!-- Settings -->
                  <a href="#setmap" data-toggle="collapse" class="DropMenu">
                    Settings <span class="glyphicon glyphicon-chevron-down"></span>
                  </a>
                  <div id="setmap" class="collapse"><p>
                    <p><button type="button" class="btn btn-primary" id="rePlot">Re-color</button></p>
                    <p><div class="btn-group">
                      <div class="btn-group">
                        <button type="button" class="btn dropdown-toggle btn-primary" data-toggle="dropdown">Scale <span class="caret"></span></button>
                        <ul class="dropdown-menu" role="menu">
                          <li><a href="#" id="setlinearButton">Linear</a></li>
                          <li><a href="#" id="setlogButton">Log</a></li>
                        </ul>
                      </div>
                      <div class="btn-group">
                        <button type="button" class="btn dropdown-toggle btn-primary" data-toggle="dropdown">x Label <span class="caret"></span></button>
                        <ul class="dropdown-menu" role="menu">
                          <li><a href="#" id="setEnergyButton">Energy</a></li>
                          <li><a href="#" id="setChannelsButton">Channels</a></li>
                        </ul>
                      </div>
                    </div></p>
                    <p>Saturation<input type="range" id="SaturationSlider" value="100"></p>
                    <p>Opacity<input type="range" id="TrasparencySlider" value="0"></p>
                  </p></div>
                </li>  <!-- ./Settings -->
                <li>
                  <a href="#peackselect" data-toggle="collapse" class="DropMenu">
                    Peack selection <span class="glyphicon glyphicon-chevron-down"></span>
                  </a>
                  <div id="peackselect" class="collapse"><p>
    
                    <p><select class="form-control selectpicker" data-style="btn-primary" data-width="75%" data-live-search="true" id="elementSelect">
    
                      <option value="0">- inspect element -</option>
                      <option value="1">Ca</option>
                      <option value="2">Pb</option>
                      <option value="3">Hg</option>
                      <option value="4">Fe</option>
                      <option value="5">Cu</option>
                      <option value="6">Zn</option>
                      <option value="7">Ti</option>
                      <option value="8">K</option>
                      <option value="9">Co</option>
                    </select></p>
                    <div class="form-group">
                      <label for="spinBoxMin">Peak selection (only calibrated)</label>
                      <input type="number" class="form-control" id="spinBoxMin" min="0" max="55" step="0.01">
                      <input type="number" class="form-control" id="spinBoxMax" min="0" max="55" step="0.01">
                    </div>
                    <button id="readSpinbox" class="btn btn-primary">Select range</button>
                  </p></div>
                </li>
              </ul>
            <!--</div>-->
          </div>
          <!-- ./settings -->
    
    
          <!-- COLLAPSABLE PAGE -->
          <div class="container-fluid droppable" id="myContent" dropzone="copy f:text/plain">
    
            <!-- TITOLO -->
            <div class="page-header well text-center"><h1>XRF analysis viewer</h1></div>
    
            <!-- PAGE CONTENT -->
            <div class="row">
    
              <!-- MAPPA -->
    
              <div class="col-sm-4">
    
                <div class="well" id="mappa-pannel">
                  <h2>XRF Image</h2>
                  <canvas id="myCanvas" onmousedown="findPosDown(event);" onmouseup="findPosUp(event);">
                    Browser doesn't support canvas tag
                  </canvas>
                </div>
              </div>
              <!-- ./mappa -->
    
              <!-- SPETTRO -->
              <div class="col-md-8">
                <div class="well" id="chart-pannel">
                  <h2>XRF Spectrum</h2>
                  <p id="chart" class="p-chart"></p>
                  <img id="chartToImg" style="display:none;">
                </div>
              </div>
              <!-- ./spettro -->
    
            </div>
            <!-- ./page-content -->
    
          </div>
          <!-- /.collapsable-page -->
    
        </div>
        <!-- ./wrapper -->
    
        <footer>
          <p>© CHNET 2017</p>
          <img width="150" src="Digilab2.png" class="img-responsive center-block">
        </footer>
    
        <!--Librerie -->
        <script type="text/javascript" src="src/jquery/dist/jquery.min.js"></script>
        <script type="text/javascript" src="src/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="src/bootstrap-treeview/public/js/bootstrap-treeview.js"></script>
        <script type="text/javascript" src="src/bootstrap-select/dist/js/bootstrap-select.js"></script>
        <script type="text/javascript" src="LoadFile.js"></script>
        <script type="text/javascript" src="src/dygraph-combined-dev.js"></script>
        <script type="text/javascript" src="src/dygraph-extra.js"></script>
      </body>
    
    </html>