<commit_before>﻿@model Phocalstream_Web.Models.ViewModels.PhotoViewModel
@{
    ViewBag.Title = Model.Photo.Site.Name + " Photo";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@Styles.Render(
            "~/Content/CSS/Site.css",
            "~/Content/CSS/Photo.css"
    )
   
@section Scripts 
{
    <script type="text/javascript" src="http://seadragon.com/ajax/0.8/seadragon-min.js"></script>
    <script src="http://code.highcharts.com/highcharts.js" type="text/javascript"></script>

	<script type="text/javascript">
	    Highcharts.theme = {
	        colors: ["#DCDCDC", "#F5E938", "#FECC6E", "#FD9827", "#FC3638", "#650205", "#ff0066", "#eeaaee",
                "#55BF3B", "#DF5353", "#aaeeee"]
	    };

	    // Apply the theme
	    var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
    </script>

    <script type="text/javascript" src="~/Content/Scripts/bootbox.min.js"></script>
    
    <script type="text/javascript" src="/Content/Scripts/Silverlight.js"></script>
    <script type="text/javascript" src="/Content/Scripts/ClientBin.js"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

    <script type="text/javascript">
        function fullScreen() {
            viewer.setFullPage(true);
        }
    </script>

}

<div class="container">
<div id="table">
    <div id="imageCell">
        <div id="imageContainer">
            
        </div>
        <span ><small>You can use your mouse to pan and zoom the image or view in <a href="javascript:fullScreen()">fullscreen</a>.</small></span>
        <script type="text/javascript">
            viewer = new Seadragon.Viewer("imageContainer");
            viewer.clearControls();
            viewer.tracker.clickHandler = function (tracker, position, quick, shift) {
                return;
            };

            viewer.openDzi("@Html.DisplayFor(model => model.ImageUrl)");
        </script>
        <div class="data-partial">
            @{ Html.RenderPartial("_DmMapPartial", new Phocalstream_Web.Models.ViewModels.DmMapData() {
                   SiteName = Model.Photo.Site.Name,
                   Lat = Model.Photo.Site.Latitude,
                   Lon = Model.Photo.Site.Longitude,
                   DataWeek = Model.DroughtMonitorData.DataWeek 
               }); }
        </div>
        <div class="data-partial">
            @{ Html.RenderPartial("_WaterChartPartial", Model.WaterData); }
        </div>
    </div>

    <div id="siteInfo">
        <h1>@Html.DisplayFor(model => model.PhotoTime)</h1>
        <h3>@Html.DisplayFor(model => model.PhotoDate)</h3>
        <ul class="list-group">
            <li class="list-group-item">Camera Site: <span class="badge">@Html.DisplayFor(model => model.Photo.Site.Name)</span></li>
            <li class="list-group-item">Exposure Time: <span class="badge">@Html.DisplayFor(model => model.Photo.ExposureTime)</span></li>
            <li class="list-group-item">Flash?: <span class="badge">@(Model.Photo.Flash ? "Flash" : "No Flash")</span></li>
            <li class="list-group-item">Focal Length: <span class="badge">@Html.DisplayFor(model => model.Photo.FocalLength)</span></li>
            <li class="list-group-item">ISO Speed: <span class="badge">@Html.DisplayFor(model => model.Photo.ISO)</span></li>
            <li class="list-group-item">Max Aperture: <span class="badge">@Html.DisplayFor(model => model.Photo.MaxAperture)</span></li>
            <li class="list-group-item">Shutter Speed: <span class="badge">@Html.DisplayFor(model => model.Photo.ShutterSpeed)</span></li>
        </ul>

        <!-- Tags -->
        <div class="dashboardData" id="tagPartial">
            @{ Html.RenderPartial("_TagPartial", Model.Photo); }
        </div>

        <!-- Drought Monitor Charts-->
        <div class="data-partial dashboardData" id="dmPartial"><commit_msg>Work in progress....<commit_after>﻿@model Phocalstream_Web.Models.ViewModels.PhotoViewModel
@{
    ViewBag.Title = Model.Photo.Site.Name + " Photo";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@Styles.Render(
            "~/Content/CSS/Site.css",
            "~/Content/CSS/Photo.css"
    )
   
@section Scripts 
{
    <script type="text/javascript" src="http://seadragon.com/ajax/0.8/seadragon-min.js"></script>
    <script src="http://code.highcharts.com/highcharts.js" type="text/javascript"></script>

	<script type="text/javascript">
	    Highcharts.theme = {
	        colors: ["#DCDCDC", "#F5E938", "#FECC6E", "#FD9827", "#FC3638", "#650205", "#ff0066", "#eeaaee",
                "#55BF3B", "#DF5353", "#aaeeee"]
	    };

	    // Apply the theme
	    var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
    </script>

    <script type="text/javascript" src="~/Content/Scripts/bootbox.min.js"></script>
    
    <script type="text/javascript" src="/Content/Scripts/Silverlight.js"></script>
    <script type="text/javascript" src="/Content/Scripts/ClientBin.js"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

    <script type="text/javascript">
        function fullScreen() {
            viewer.setFullPage(true);
        }
    </script>

}

<div class="container">
<div id="table">
    <div id="imageCell">
        <div id="imageContainer">
            
        </div>
        <span ><small>You can use your mouse to pan and zoom the image or view in <a href="javascript:fullScreen()">fullscreen</a>.</small></span>
        <script type="text/javascript">
            viewer = new Seadragon.Viewer("imageContainer");
            viewer.clearControls();
            viewer.tracker.clickHandler = function (tracker, position, quick, shift) {
                return;
            };

            viewer.openDzi("@Html.DisplayFor(model => model.ImageUrl)");
        </script>
        <div class="data-partial">
            @{ Html.RenderPartial("_DmMapPartial", new Phocalstream_Web.Models.ViewModels.DmMapData() {
                   SiteName = Model.Photo.Site.Name,
                   Lat = Model.Photo.Site.Latitude,
                   Lon = Model.Photo.Site.Longitude,
                   DataWeek = Model.DroughtMonitorData.DataWeek 
               }); }
        </div>
        <div class="data-partial">
            @{ Html.RenderPartial("_WaterChartPartial", Model.WaterData); }
        </div>
    </div>

    <div id="siteInfo">
        <h1>@Html.DisplayFor(model => model.PhotoTime)</h1>
        <h3>@Html.DisplayFor(model => model.PhotoDate)</h3>
        <ul class="list-group">
            <li class="list-group-item">Camera Site: <span class="badge">Simulate a really long site name</span></li>
            <li class="list-group-item">Camera Site: <span class="badge">@Html.DisplayFor(model => model.Photo.Site.Name)</span></li>
            <li class="list-group-item">Exposure Time: <span class="badge">@Html.DisplayFor(model => model.Photo.ExposureTime)</span></li>
            <li class="list-group-item">Flash?: <span class="badge">@(Model.Photo.Flash ? "Flash" : "No Flash")</span></li>
            <li class="list-group-item">Focal Length: <span class="badge">@Html.DisplayFor(model => model.Photo.FocalLength)</span></li>
            <li class="list-group-item">ISO Speed: <span class="badge">@Html.DisplayFor(model => model.Photo.ISO)</span></li>
            <li class="list-group-item">Max Aperture: <span class="badge">@Html.DisplayFor(model => model.Photo.MaxAperture)</span></li>
            <li class="list-group-item">Shutter Speed: <span class="badge">@Html.DisplayFor(model => model.Photo.ShutterSpeed)</span></li>
        </ul>

        <!-- Tags -->
        <div class="dashboardData" id="tagPartial">
            @{ Html.RenderPartial("_TagPartial", Model.Photo); }
        </div>

        <!-- Drought Monitor Charts-->
        <div class="data-partial dashboardData" id="dmPartial">
{'fraction_non_alphanumeric': 0.1766493605166519, 'fraction_numerical': 0.009370647081170065, 'mean_word_length': 2.7449027975343765, 'pattern_counts': {'":': 0, '<': 155, '<?xml version=': 0, '>': 173, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5616395', 'n_tokens_mistral': 2531, 'n_tokens_neox': 2424, 'n_words': 383}